.notice-banner-thumbnail{box-sizing:border-box;background:radial-gradient(circle at 75% 35%,color-mix(in srgb,var(--banner-bg-color),white 22%)0%,transparent 65%),radial-gradient(circle at 85% 85%,color-mix(in srgb,var(--banner-bg-color),black 5%)0%,transparent 55%),linear-gradient(to right,var(--banner-bg-color)0%,color-mix(in srgb,var(--banner-bg-color),black 6%)100%);width:100%;height:100%;position:relative;overflow:hidden}.notice-banner-thumbnail:before{content:"";opacity:.3;pointer-events:none;z-index:1;background:radial-gradient(circle at 82% 18%,#fff 12%,#0000 35%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 85%,#0000 100%)}.notice-banner-thumbnail .banner-content{justify-content:space-between;align-items:center;width:100%;max-width:1180px;height:100%;margin-left:auto;margin-right:auto;padding:1rem 1.5rem;display:flex;position:relative}.notice-banner-thumbnail .banner-content .banner-text{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;max-width:65%;padding-right:1rem;display:flex}.notice-banner-thumbnail .banner-content .banner-text .banner-badge{background:color-mix(in srgb,var(--banner-text-color)12%,transparent);color:var(--banner-text-color);border:1px solid color-mix(in srgb,var(--banner-text-color)20%,transparent);letter-spacing:.02em;border-radius:999px;margin-bottom:.75rem;padding:.2rem .6rem;font-size:.75rem;font-weight:750}.notice-banner-thumbnail .banner-content .banner-text .banner-title{color:var(--banner-text-color);-webkit-line-clamp:3;text-overflow:ellipsis;text-shadow:0 1px 3px var(--black-alpha-100);white-space:pre-line;word-break:break-all;-webkit-box-orient:vertical;margin:0 0 .25rem;font-size:1.125rem;font-weight:800;line-height:1.4;transition:font-size .2s;display:-webkit-box;overflow:hidden}.notice-banner-thumbnail .banner-content .banner-point-img-wrapper{z-index:1;pointer-events:none;background:0 0;justify-content:flex-end;align-items:center;width:65%;height:100%;padding-right:2rem;display:flex;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 50%);mask-image:linear-gradient(90deg,#0000 0%,#000 50%)}.notice-banner-thumbnail .banner-content .banner-point-img-wrapper .banner-point-img{object-fit:contain;object-position:right center;filter:drop-shadow(0 15px 35px #00000026)drop-shadow(0 5px 12px #00000014)}.notice-banner-thumbnail.layout-slider{background:0 0!important}.notice-banner-thumbnail.layout-slider .banner-content{padding:2rem 1.5rem}.notice-banner-thumbnail.layout-slider .banner-text .banner-badge{margin-bottom:1rem;padding:.25rem .75rem;font-size:.9rem}.notice-banner-thumbnail.layout-slider .banner-text .banner-title{-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:2.75rem;display:-webkit-box;overflow:hidden}.notice-banner-thumbnail.layout-slider .banner-point-img-wrapper{width:50%;height:100%}.notice-banner-thumbnail.layout-slider .banner-point-img-wrapper .banner-point-img{object-position:right center}.notice-banner-thumbnail.layout-detail .banner-content{padding:2.5rem 4rem}.notice-banner-thumbnail.layout-detail .banner-text .banner-badge{margin-bottom:1rem;padding:.25rem .75rem;font-size:.9rem}.notice-banner-thumbnail.layout-detail .banner-text .banner-title{-webkit-line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:2.5rem;display:-webkit-box;overflow:hidden}.notice-banner-thumbnail.layout-detail .banner-point-img-wrapper{width:45%;height:100%}@media (max-width:1179px){.notice-banner-thumbnail .banner-content{padding:1rem}.notice-banner-thumbnail .banner-text .banner-badge{margin-bottom:.25rem;font-size:.7rem}.notice-banner-thumbnail .banner-text .banner-title{font-size:1rem}.notice-banner-thumbnail.layout-slider .banner-content{padding:1.5rem}.notice-banner-thumbnail.layout-slider .banner-text .banner-title{font-size:2rem}.notice-banner-thumbnail.layout-slider .banner-point-img-wrapper{width:45%}.notice-banner-thumbnail.layout-detail .banner-content{padding:2rem 1.5rem}.notice-banner-thumbnail.layout-detail .banner-text .banner-title{font-size:1.5rem}.notice-banner-thumbnail.layout-detail .banner-point-img-wrapper{width:50%}}