.sf-catb-wrap{container-type:inline-size}.sf-catb{--u: 1px;--c: 39 171 194;position:relative;color:#fff}.sf-catb__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:calc(9 * var(--u));background:rgb(var(--c))}.sf-catb__photo{position:absolute;display:block;max-width:none;object-fit:cover}.sf-catb__tint{position:absolute;top:0;right:0;bottom:0;left:0}.sf-catb__clip{position:absolute;z-index:1;overflow:hidden;pointer-events:none}.sf-catb__product{position:absolute;display:block;height:auto;max-width:none}.sf-catb__copy{position:relative;z-index:3}.sf-catb .sf-catb__title{margin:0;color:#fff;font-family:inherit;font-weight:800;letter-spacing:0;line-height:1.12;text-transform:none}.sf-catb .sf-catb__text{margin:0;color:#fff;font-weight:400}.sf-catb .sf-catb__pills{z-index:3;margin:0;padding:0;list-style:none}.sf-catb .sf-catb__pill{display:flex;align-items:center;margin:0;color:#fff;font-weight:500;line-height:1;white-space:nowrap;background:#ffffff2b;border:1px solid rgb(255 255 255 / .55);border-radius:999px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sf-catb__check{flex:none;width:1em;height:1em}html[dir=rtl] .sf-catb{direction:ltr}html[dir=rtl] .sf-catb__title,html[dir=rtl] .sf-catb__text,html[dir=rtl] .sf-catb__pill span{direction:rtl;text-align:left}@media screen and (min-width:1100px){.sf-catb{--u: min(calc(100cqw / 1344), 1.3px);height:calc(180 * var(--u));margin-bottom:var(--sf-catb-below)}.sf-catb--skis{--sf-catb-below: calc(84 * var(--u));--sf-catb-copy: calc(574 * var(--u))}.sf-catb--skates{--sf-catb-below: calc(60 * var(--u));--sf-catb-copy: calc(450 * var(--u))}.sf-catb--skis .sf-catb__photo{top:0;right:0;left:39%;width:61%;height:100%;object-position:100% 50%}.sf-catb--skates .sf-catb__photo{top:0;right:0;left:0;width:100%;height:100%;object-position:100% 50%}.sf-catb--skis .sf-catb__tint{background:linear-gradient(90deg,rgb(var(--c)) 0% 47%,rgb(var(--c) / .62) 55%,rgb(var(--c) / .25),rgb(var(--c) / 0) 73%)}.sf-catb--skates .sf-catb__tint{background:linear-gradient(90deg,rgb(var(--c)) 0% 34%,rgb(var(--c) / .72) 46%,rgb(var(--c) / .3),rgb(var(--c) / 0) 70%)}.sf-catb__clip{top:0;right:0;left:0;height:calc(420 * var(--u))}.sf-catb--skis .sf-catb__product{left:44%;top:calc(-17 * var(--u));width:calc(405 * var(--u))}.sf-catb--skates .sf-catb__product{left:47.4%;top:calc(-4 * var(--u));width:calc(330 * var(--u))}.sf-catb__copy{position:absolute;top:50%;left:calc(59 * var(--u));width:max-content;max-width:var(--sf-catb-copy);transform:translateY(-50%)}.sf-catb .sf-catb__title{font-size:calc(37 * var(--u));text-wrap:balance}.sf-catb__title br{display:none}html[lang=ja] .sf-catb__title br{display:inline}.sf-catb .sf-catb__text{margin-top:calc(9 * var(--u));font-size:calc(17.7 * var(--u));line-height:1.3;text-wrap:balance}.sf-catb .sf-catb__pill{position:absolute;z-index:3;gap:calc(11 * var(--u));height:calc(36 * var(--u));padding:0 calc(17 * var(--u));font-size:calc(15 * var(--u))}.sf-catb--skis .sf-catb__pill:nth-child(1){left:47.2%;top:15%}.sf-catb--skis .sf-catb__pill:nth-child(2){left:48.6%;top:62%}.sf-catb--skis .sf-catb__pill:nth-child(3){left:67.2%;top:42%}.sf-catb--skis .sf-catb__pill:nth-child(4){left:64.6%;top:12%}.sf-catb--skates .sf-catb__pill:nth-child(1){left:38.7%;top:57%}.sf-catb--skates .sf-catb__pill:nth-child(2){left:64%;top:64%}.sf-catb--skates .sf-catb__pill:nth-child(3){left:66.3%;top:23%}.sf-catb--skates .sf-catb__pill:nth-child(4){left:41%;top:20.7%}}@media screen and (max-width:1099px){.sf-catb{--u: min(calc(100cqw / 342), 1.45px);min-height:calc(214 * var(--u));padding:calc(17 * var(--u)) calc(14 * var(--u)) calc(16 * var(--u)) calc(18 * var(--u));box-sizing:border-box}.sf-catb__photo{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-position:100% 0%}.sf-catb__tint{background:linear-gradient(97deg,rgb(var(--c)) 0% 42%,rgb(var(--c) / .78) 62%,rgb(var(--c) / .46) 84%,rgb(var(--c) / .34))}.sf-catb__clip{top:0;bottom:calc(-40 * var(--u));left:0;right:calc(-14 * var(--u))}.sf-catb--skis .sf-catb__product{right:calc(2 * var(--u));bottom:calc(16 * var(--u));width:calc(186 * var(--u))}.sf-catb--skates .sf-catb__product{right:calc(5 * var(--u));bottom:calc(20 * var(--u));width:calc(162 * var(--u))}.sf-catb .sf-catb__title{font-size:calc(22 * var(--u));text-wrap:balance}.sf-catb .sf-catb__text{max-width:calc(238 * var(--u));margin-top:calc(5 * var(--u));font-size:calc(13 * var(--u));line-height:1.28}.sf-catb .sf-catb__pills{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:calc(5 * var(--u));margin-top:calc(10 * var(--u))}.sf-catb .sf-catb__pill{gap:calc(6 * var(--u));height:calc(24 * var(--u));padding:0 calc(11 * var(--u)) 0 calc(9 * var(--u));font-size:calc(11 * var(--u))}}
/*# sourceMappingURL=/cdn/shop/t/131/assets/sf-category-banner.css.map */