#main:has(.cc-sb){overflow:clip}.cc-sb{--ease: cubic-bezier(.65, 0, .35, 1);--intro-dur: 1.1s;position:relative;container-type:inline-size;padding:var(--pt, 0) 0 var(--pb, 0);view-timeline:--ccsb block}.cc-sb__stage{--sh: min(var(--stage-h), var(--stage-max, 100000px));position:relative;height:var(--sh);overflow:hidden;background:var(--bg-color, transparent);perspective:600px}.cc-sb__media{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 100%}.cc-sb__bg,.cc-sb__bg .cc-sb__intro,.cc-sb__bg picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.cc-sb__img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}.cc-sb__img--bg{object-position:var(--bg-pos, center)}.cc-sb__grid{position:absolute;left:50%;top:50%;width:calc(var(--gw) * var(--u));height:calc(var(--gh) * var(--u));translate:-50% -50%}.cc-sb__layer{position:absolute}.cc-sb__layer .cc-sb__px,.cc-sb__layer .cc-sb__intro,.cc-sb__layer picture,.cc-sb__mask,.cc-sb__zoom{display:block;width:100%;height:100%}.cc-sb__motif{left:calc(var(--motif-x) * var(--u));top:calc(var(--motif-y) * var(--u));width:calc(var(--motif-w) * var(--u));height:calc(var(--motif-h) * var(--u))}.cc-sb__text{--gl: calc((100cqw - var(--gw) * var(--u)) / 2);left:calc(clamp(var(--text-lo, -9999px),var(--text-x) * 1cqw,calc(100cqw - var(--text-w) * var(--u) - var(--text-hi-m, -9999px))) - var(--gl));--gt: calc((var(--sh) - var(--gh) * var(--u)) / 2);top:calc(clamp(var(--text-lo-v, -9999px),calc(var(--gt) + var(--text-y) * var(--u)),calc(var(--sh) - var(--text-h) * var(--u) - var(--text-lo-v, -9999px))) - var(--gt));width:calc(var(--text-w) * var(--u));height:calc(var(--text-h) * var(--u))}.cc-sb__text .cc-sb__img{object-fit:contain}.cc-sb__mask{overflow:hidden}.cc-sb__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.cc-sb[data-gotop]{--gotop-clear: 86px}@media screen and (max-width:480px){.cc-sb[data-gotop]{--gotop-clear: 76px}}.cc-sb__ui{position:absolute;inset:var(--btn-min, 0px);z-index:3;pointer-events:none}.cc-sb__btnwrap{--btn-bh: calc(var(--btn-lh) * var(--u) + 2 * var(--btn-bw, 0px));position:absolute;max-width:100%;pointer-events:auto;border-radius:var(--btn-radius);overflow:hidden}.cc-sb__btn{display:block;box-sizing:border-box;max-width:100%;width:var(--btn-w, auto);filter:var(--btn-filter, none);padding:0 calc(var(--btn-pad) * var(--u));padding:0 round(nearest,calc(var(--btn-pad) * var(--u)),1px);border:var(--btn-border);border-radius:var(--btn-radius);background-color:var(--btn-bg);color:var(--btn-color);font-family:var(--btn-font);font-size:calc(var(--btn-size) * var(--u));font-size:round(nearest,calc(var(--btn-size) * var(--u)),1px);font-weight:var(--btn-weight);letter-spacing:normal;line-height:calc(var(--btn-lh) * var(--u));line-height:round(nearest,calc(var(--btn-lh) * var(--u)),1px);text-align:center;text-decoration:none;text-transform:none;white-space:nowrap;cursor:pointer}.cc-sb__btn:hover,.cc-sb__btn:focus-visible{background-color:var(--btn-hover-bg);color:var(--btn-hover-color);filter:var(--btn-hover-filter, none)}.cc-sb__btn-label{display:block}@keyframes ccsb-intro{0%{opacity:max(var(--intro-o0),.01);scale:var(--intro-s0)}to{opacity:1;scale:1}}@keyframes ccsb-zoom2{0%{scale:2}to{scale:1}}.cc-sb[data-intro].is-armed:not(.is-in) .cc-sb__intro{opacity:max(var(--intro-o0),.01);scale:var(--intro-s0)}.cc-sb[data-intro][data-intro-target=motif].is-armed:not(.is-in) .cc-sb__bg .cc-sb__intro{opacity:1;scale:1}.cc-sb[data-intro].is-in .cc-sb__intro{animation:ccsb-intro var(--intro-dur) var(--ease) both}.cc-sb[data-intro][data-intro-target=motif].is-in .cc-sb__bg .cc-sb__intro{animation:none}.cc-sb[data-layer-zoom].is-armed:not(.is-in) .cc-sb__zoom,.cc-sb[data-layer-zoom].is-armed:not(.is-in) .cc-sb__btn{scale:2}.cc-sb[data-layer-zoom].is-in .cc-sb__zoom,.cc-sb[data-layer-zoom].is-in .cc-sb__btn{animation:ccsb-zoom2 var(--intro-dur) var(--ease) both}.cc-sb__bg{--px-d: calc((100vh + var(--sh)) / 2 * var(--px-bg, 0))}.cc-sb__layer .cc-sb__px{--px-d: calc((100vh + var(--sh)) / 2 * var(--px-motif, 0))}@keyframes ccsb-in{0%{opacity:var(--in-op);filter:blur(var(--in-blur))}to{opacity:1;filter:blur(0px)}}@keyframes ccsb-out{0%{opacity:1;filter:blur(0px);transform:rotateX(0)}to{opacity:var(--out-op);filter:blur(var(--out-blur));transform:rotateX(var(--out-tilt))}}@keyframes ccsb-px{0%{translate:0 calc(var(--px-d) * -1)}to{translate:0 var(--px-d)}}@keyframes ccsb-btn-in{0%{opacity:var(--in-op);filter:blur(var(--in-blur))}to{opacity:1;filter:blur(0px)}}@keyframes ccsb-btn-out{0%{opacity:1;filter:blur(0px)}to{opacity:var(--out-op);filter:blur(var(--out-blur))}}.cc-sb.is-btn-off .cc-sb__btnwrap{pointer-events:none}@supports (animation-timeline: view()){.cc-sb[data-btn-fx] .cc-sb__ui{animation:ccsb-btn-in linear backwards,ccsb-btn-out linear forwards;animation-duration:auto;animation-timing-function:var(--ease);animation-timeline:--ccsb,--ccsb;animation-range:entry 0% entry 100%,exit 0% exit 100%}.cc-sb__media{animation:ccsb-in linear backwards,ccsb-out linear forwards;animation-duration:auto;animation-timing-function:var(--ease);animation-timeline:--ccsb,--ccsb;animation-range:entry 0% entry 100%,exit 0% exit 100%}.cc-sb__bg,.cc-sb__layer .cc-sb__px{animation:ccsb-px linear both;animation-duration:auto;animation-timeline:--ccsb;animation-range:cover 0% cover 100%}}@supports not (animation-timeline: view()){.cc-sb.is-fx .cc-sb__media{opacity:calc((1 - (1 - var(--in-op)) * (1 - var(--entry, 1))) * (1 - (1 - var(--out-op)) * var(--exit, 0)));filter:blur(calc(var(--in-blur) * (1 - var(--entry, 1)) + var(--out-blur) * var(--exit, 0)));transform:rotateX(calc(var(--out-tilt) * var(--exit, 0)))}.cc-sb.is-fx[data-btn-fx] .cc-sb__ui{opacity:calc((1 - (1 - var(--in-op)) * (1 - var(--entry, 1))) * (1 - (1 - var(--out-op)) * var(--exit, 0)));filter:blur(calc(var(--in-blur) * (1 - var(--entry, 1)) + var(--out-blur) * var(--exit, 0)))}.cc-sb.is-fx .cc-sb__bg,.cc-sb.is-fx .cc-sb__layer .cc-sb__px{translate:0 calc(var(--px-d) * (2 * var(--progress, .5) - 1))}}@media(prefers-reduced-motion:reduce){.cc-sb .cc-sb__ui{animation:none!important;opacity:1!important;filter:none!important}.cc-sb .cc-sb__media,.cc-sb .cc-sb__bg,.cc-sb .cc-sb__px,.cc-sb .cc-sb__intro,.cc-sb .cc-sb__zoom,.cc-sb .cc-sb__btn{animation:none!important;opacity:1!important;filter:none!important;transform:none!important;translate:none!important;scale:none!important}.cc-sb .cc-sb__btn:hover{filter:var(--btn-hover-filter, none)!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/cc-scroll-banner.css.map */