.collection-promo-banner{display:block;grid-row:var(--promo-row-m);grid-column:1 / span 2;min-width:0;align-self:flex-start}.collection-promo-banner{--promo-media-w: var(--promo-media-w-m, 50)}.collection-promo-banner.collection-promo-banner--cta{display:grid;grid-template-columns:minmax(0,calc(100% * var(--promo-media-w) / 100)) minmax(0,1fr);grid-template-rows:auto;column-gap:0}.collection-promo-banner--cta>.collection-promo-banner__media{grid-row:1;grid-column:1;min-width:0}.collection-promo-banner--cta>.collection-promo-banner__cta{grid-row:1;grid-column:2;min-width:0}.collection-promo-banner.collection-promo-banner--cta.collection-promo-banner--media-right{grid-template-columns:minmax(0,1fr) minmax(0,calc(100% * var(--promo-media-w) / 100))}.collection-promo-banner--media-right>.collection-promo-banner__media{grid-column:2}.collection-promo-banner--media-right>.collection-promo-banner__cta{grid-column:1}.collection-promo-banner.collection-promo-banner--overlay{--promo-overlay-inset: 1.2rem;--promo-overlay-inset-x: var(--promo-overlay-inset);--promo-overlay-inset-y: var(--promo-overlay-inset);position:relative}.collection-promo-banner--overlay>.collection-promo-banner__cta{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:min(100% - 2 * var(--promo-overlay-inset-x),28rem);max-height:calc(100% - 2 * var(--promo-overlay-inset-y));overflow:hidden}.collection-promo-banner--overlay-left>.collection-promo-banner__cta{left:var(--promo-overlay-inset-x);transform:translateY(-50%)}.collection-promo-banner--overlay-right>.collection-promo-banner__cta{left:auto;right:var(--promo-overlay-inset-x);transform:translateY(-50%)}.collection-promo-banner--overlay .collection-promo-banner__button--underline:before{content:"";position:absolute;top:-.9rem;right:0;bottom:-.9rem;left:0}@media screen and (min-width:990px){.collection-promo-banner.collection-promo-banner--overlay{--promo-overlay-inset: 2.4rem}.collection-promo-banner--overlay>.collection-promo-banner__cta{width:50%}.collection-promo-banner.collection-promo-banner--overlay-full-w-d{--promo-overlay-inset-x: 0rem}.collection-promo-banner.collection-promo-banner--overlay-full-h-d{--promo-overlay-inset-y: 0rem}.collection-promo-banner--overlay-w-d>.collection-promo-banner__cta{width:min(calc(var(--promo-cta-w-d) * 1%),100% - 2 * var(--promo-overlay-inset-x))}.collection-promo-banner--overlay-h-d>.collection-promo-banner__cta{height:min(calc(var(--promo-cta-h-d) * 1%),100% - 2 * var(--promo-overlay-inset-y));justify-content:safe center}}@media screen and (max-width:989px){.collection-promo-banner.collection-promo-banner--overlay-full-w-m{--promo-overlay-inset-x: 0rem}.collection-promo-banner.collection-promo-banner--overlay-full-h-m{--promo-overlay-inset-y: 0rem}.collection-promo-banner--overlay-w-m>.collection-promo-banner__cta{width:min(calc(var(--promo-cta-w-m) * 1%),100% - 2 * var(--promo-overlay-inset-x))}.collection-promo-banner--overlay-h-m>.collection-promo-banner__cta{height:min(calc(var(--promo-cta-h-m) * 1%),100% - 2 * var(--promo-overlay-inset-y));justify-content:safe center}}@media screen and (max-width:989px){.collection-promo-banner.promo--hide-m{display:none}}@media screen and (min-width:990px){.collection-promo-banner{grid-row:var(--promo-row-d);--promo-media-w: var(--promo-media-w-d, 50)}.collection-promo-banner.promo--right-d{grid-column:span 2 / -1}html:not([data-grid-cols="3"]):not([data-grid-cols="2"]) .collection-promo-banner.promo--hide-d4,html[data-grid-cols="3"] .collection-promo-banner.promo--hide-d3,html[data-grid-cols="2"] .collection-promo-banner.promo--hide-d2{display:none}}.collection-promo-banner__media{position:relative;overflow:hidden;display:block;background-color:rgb(var(--color-background))}.collection-promo-banner__media:before{content:"";display:block;padding-bottom:calc((100% - .4rem) / 2 * var(--promo-ratio, 130) / 100)}.collection-promo-banner--cta .collection-promo-banner__media:before{padding-bottom:calc((100% * 50 / var(--promo-media-w, 50) - .2rem) * var(--promo-ratio, 130) / 100)}.collection-promo-banner__image,.collection-promo-banner__poster,.collection-promo-banner__placeholder,.collection-promo-banner__placeholder svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.collection-promo-banner__cta{display:flex;flex-direction:column;justify-content:center;gap:.6rem;padding:1.2rem;background-color:var(--promo-cta-bg);overflow-wrap:anywhere}.collection-promo-banner__cta--left{align-items:flex-start;text-align:left}.collection-promo-banner__cta--center{align-items:center;text-align:center}.collection-promo-banner__cta--right{align-items:flex-end;text-align:right}.collection-promo-banner__subtitle,.collection-promo-banner__title,.collection-promo-banner__description{align-self:stretch;font-family:var(--promo-font-family);font-style:var(--promo-font-style);font-weight:var(--promo-font-weight);font-size:var(--promo-size-m);line-height:1.25;color:var(--promo-color)}.collection-promo-banner__cta :is(p,h1,h2,h3,h4,h5,h6,a){margin:0;font:inherit;letter-spacing:inherit;color:inherit}.collection-promo-banner__cta :is(p,h1,h2,h3,h4,h5,h6)+*{margin-top:.4em}.collection-promo-banner__cta strong,.collection-promo-banner__cta b{font-weight:700}.collection-promo-banner__cta em,.collection-promo-banner__cta i{font-style:italic}.collection-promo-banner__cta a{text-decoration:underline}.collection-promo-banner__cta .collection-promo-banner__button{margin-top:.6rem;font-family:var(--font-button-family);font-style:var(--font-button-style);font-weight:var(--font-button-weight);text-transform:var(--font-button-text-transform);font-size:var(--promo-btn-size-m, 1.1rem);text-decoration:none}.collection-promo-banner__cta .collection-promo-banner__button--filled{position:relative;display:inline-flex;align-items:center;padding:.4rem 1.6rem;border-radius:0;background-color:var(--promo-btn-bg);color:var(--promo-btn-text);letter-spacing:var(--font-button-letter-spacing);line-height:1.2;transition:opacity .2s ease}.collection-promo-banner__cta .collection-promo-banner__button--filled:before{content:"";position:absolute;inset:min(0px,calc((100% - 4.4rem)/2)) 0}.collection-promo-banner__cta a.collection-promo-banner__button--filled:hover{opacity:.85}.collection-promo-banner__cta .collection-promo-banner__button--underline{color:rgb(var(--color-underline-button-labels));letter-spacing:.1em;height:auto;line-height:1.4;padding:.4rem 0}@media screen and (min-width:990px){.collection-promo-banner__cta{gap:1rem;padding:3.2rem}.collection-promo-banner__subtitle,.collection-promo-banner__title,.collection-promo-banner__description{font-size:var(--promo-size-d)}.collection-promo-banner__cta .collection-promo-banner__button{margin-top:1rem;font-size:var(--promo-btn-size-d, var(--button-text-size, 1.3rem))}.collection-promo-banner__cta .collection-promo-banner__button--filled{padding:.6rem 3.2rem}}.collection-promo-banner__cta .collection-promo-banner__button--filled:is(.collection-promo-banner__button--w-d,.collection-promo-banner__button--w-m,.collection-promo-banner__button--h-d,.collection-promo-banner__button--h-m){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;text-align:center}@media screen and (max-width:989px){.collection-promo-banner__cta .collection-promo-banner__button--filled.collection-promo-banner__button--w-m{width:calc(var(--promo-btn-w-m) * 1%)}.collection-promo-banner__cta .collection-promo-banner__button--filled.collection-promo-banner__button--h-m{min-height:calc(var(--promo-btn-h-m) * .1rem)}}@media screen and (min-width:990px){.collection-promo-banner__cta .collection-promo-banner__button--filled.collection-promo-banner__button--w-d{width:calc(var(--promo-btn-w-d) * 1%)}.collection-promo-banner__cta .collection-promo-banner__button--filled.collection-promo-banner__button--h-d{min-height:calc(var(--promo-btn-h-d) * .1rem)}}.collection-promo-banner__vimeo{position:absolute;top:0;right:0;bottom:0;left:0;container-type:size}.collection-promo-banner__vimeo iframe{position:absolute;top:50%;left:50%;width:calc(max(100%,100cqh * var(--promo-video-ratio, 1.7778)) + 2px);height:calc(max(100%,100cqw / var(--promo-video-ratio, 1.7778)) + 2px);transform:translate(-50%,-50%);border:0;pointer-events:none;opacity:0;transition:opacity .6s ease}.collection-promo-banner__vimeo.is-playing iframe{opacity:1}.collection-promo-banner__vimeo .collection-promo-banner__poster{transition:opacity .6s ease}.collection-promo-banner__vimeo.is-playing .collection-promo-banner__poster{opacity:0}.promo-vimeo__loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease}.collection-promo-banner__vimeo.is-loading .promo-vimeo__loader{opacity:1}@keyframes promo-vimeo-shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}.promo-vimeo--no-poster .promo-vimeo__loader{background:linear-gradient(90deg,#ececec 25%,#d8d8d8,#ececec 75%);background-size:800px 100%;animation:promo-vimeo-shimmer 1.4s ease-in-out infinite}.promo-vimeo--no-poster.is-playing .promo-vimeo__loader,.promo-vimeo--no-poster.is-error .promo-vimeo__loader{animation:none}.collection-promo-banner__vimeo.is-error iframe{opacity:0;visibility:hidden}.promo-vimeo--no-poster.is-error{background-color:#ececec}.promo-vimeo__loader-pill{display:inline-flex;align-items:center;gap:.8rem;padding:.9rem 1.6rem;border-radius:999px;border:.1rem solid rgba(255,255,255,.28);background:#14141480;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;opacity:0;transform:scale(.96);animation:promo-vimeo-pill-in .4s ease .15s forwards}@keyframes promo-vimeo-pill-in{to{opacity:1;transform:scale(1)}}.promo-vimeo__ring{width:1.6rem;height:1.6rem;border-radius:50%;flex:0 0 auto;background:conic-gradient(currentColor 0deg 90deg,transparent 90deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - .2rem),#000 calc(100% - .2rem));mask:radial-gradient(farthest-side,transparent calc(100% - .2rem),#000 calc(100% - .2rem));animation:promo-vimeo-spin .9s linear infinite}@keyframes promo-vimeo-spin{to{transform:rotate(360deg)}}.promo-vimeo__label{font-family:var(--font-body-family);font-size:1.1rem;font-weight:600;letter-spacing:.15rem;text-transform:uppercase;white-space:nowrap}.promo-vimeo__progress{position:absolute;left:0;right:0;bottom:0;height:.2rem;overflow:hidden;background:#ffffff2e}.promo-vimeo__progress:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;background:#fff;animation:promo-vimeo-progress 1.6s ease-in-out infinite}@keyframes promo-vimeo-progress{0%{left:-40%}to{left:100%}}@media(prefers-reduced-motion:reduce){.promo-vimeo__ring,.promo-vimeo__progress:after,.promo-vimeo--no-poster .promo-vimeo__loader{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-collection-promo.css.map */