.bespoke-vertical-carousel{--bespoke-vertical-track-height: auto;--bespoke-vertical-transform-duration: .5s;--bespoke-vertical-snap-back-duration: .25s;position:relative;overflow:hidden}.bespoke-vertical-carousel__background,.bespoke-vertical-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0}.bespoke-vertical-carousel__background{z-index:0;pointer-events:none}.bespoke-vertical-carousel__background-picture,.bespoke-vertical-carousel__background-image,.bespoke-vertical-carousel__image,.bespoke-vertical-carousel__picture,.bespoke-vertical-carousel__placeholder,.bespoke-vertical-carousel__placeholder-svg{display:block;width:100%;height:100%}.bespoke-vertical-carousel__placeholder{background-color:#fff}.bespoke-vertical-carousel__background-image,.bespoke-vertical-carousel__image,.bespoke-vertical-carousel__placeholder-svg{object-fit:cover}.bespoke-vertical-carousel__background-image,.bespoke-vertical-carousel__image{border-radius:0}.bespoke-vertical-carousel__inner{position:relative;z-index:1}.bespoke-vertical-carousel__viewport{position:relative;z-index:1;width:100%;padding-top:var(--bespoke-vertical-stack-runout, 0px);overflow:hidden;touch-action:pan-x}.bespoke-vertical-carousel__cta:focus,.bespoke-vertical-carousel__cta:focus-visible,.bespoke-vertical-carousel__controls .carousel-nav__button:focus,.bespoke-vertical-carousel__controls .carousel-nav__button:focus-visible{outline:2px solid Highlight;outline:2px auto -webkit-focus-ring-color}.bespoke-vertical-carousel__cta:focus,.bespoke-vertical-carousel__cta:focus-visible{outline-offset:2px}.bespoke-vertical-carousel__item--link:focus{outline:none}.bespoke-vertical-carousel__track{position:relative;display:block;width:100%;aspect-ratio:1 / 1;isolation:isolate;opacity:var(--bespoke-vertical-track-opacity, 1)}.bespoke-vertical-carousel__track:before{display:block;padding-bottom:100%;content:""}@media(min-width:768px){.bespoke-vertical-carousel__track:before{padding-bottom:50%}}@supports (aspect-ratio: 1 / 1){.bespoke-vertical-carousel__track:before{display:none;padding-bottom:0;content:none}}@media(min-width:768px){.bespoke-vertical-carousel__track{aspect-ratio:2 / 1;height:var(--bespoke-vertical-track-height, auto)}}.bespoke-vertical-carousel__slide{--bespoke-vertical-opacity-duration: .25s;z-index:var(--bespoke-vertical-z-index, 1);width:100%;height:100%;min-width:0;opacity:var(--bespoke-vertical-opacity, 0);pointer-events:none;transform:translate3d(0,var(--bespoke-vertical-shift-y, 0px),0) scale(var(--bespoke-vertical-scale, 1));transform-origin:center top;transition:transform var(--bespoke-vertical-transform-duration) ease,opacity var(--bespoke-vertical-opacity-duration) ease,visibility 0s linear var(--bespoke-vertical-opacity-duration);visibility:hidden}.bespoke-vertical-carousel.is-dragging .bespoke-vertical-carousel__slide,.bespoke-vertical-carousel.is-animating .bespoke-vertical-carousel__slide{transition:none}.bespoke-vertical-carousel.is-canceling-drag .bespoke-vertical-carousel__slide{--bespoke-vertical-transform-duration: var(--bespoke-vertical-snap-back-duration)}.bespoke-vertical-carousel.is-dragging .bespoke-vertical-carousel__viewport{cursor:grabbing}.bespoke-vertical-carousel__slide.is-visible{--bespoke-vertical-opacity: 1;visibility:visible}.bespoke-vertical-carousel__slide.is-exiting{visibility:visible}.bespoke-vertical-carousel__slide.is-active{pointer-events:auto}.bespoke-vertical-carousel__item,.bespoke-vertical-carousel__slide-group{display:block;height:100%}.bespoke-vertical-carousel__item{color:inherit;text-decoration:none}.bespoke-vertical-carousel__item--link{isolation:isolate;position:relative;z-index:0}.bespoke-vertical-carousel__item--link:focus:after{position:absolute;z-index:2;pointer-events:none;outline:2px solid Highlight;outline:2px auto -webkit-focus-ring-color;content:"";top:4px;right:4px;bottom:4px;left:4px}.bespoke-vertical-carousel__media{position:relative;overflow:hidden;width:100%;height:100%}@media(min-width:768px){.bespoke-vertical-carousel__image,.bespoke-vertical-carousel__placeholder-svg{object-position:center top}}.bespoke-vertical-carousel__image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.bespoke-vertical-carousel__footer{display:flex;flex-direction:column;align-items:flex-start;margin-top:1rem}@media(min-width:768px){.bespoke-vertical-carousel__footer{margin-top:1.5rem}}.bespoke-vertical-carousel__footer>*+*{margin-top:1rem}.bespoke-vertical-carousel__content{--bespoke-vertical-content-fade-duration: .25s;display:flex;min-width:0;flex-direction:column;align-items:flex-start;opacity:1;transition:opacity var(--bespoke-vertical-content-fade-duration) ease}.bespoke-vertical-carousel__content--measure{position:absolute;top:0;left:0;z-index:-1;visibility:hidden;pointer-events:none;opacity:0;transition:none}.bespoke-vertical-carousel__content.is-content-fading{opacity:0;pointer-events:none}.bespoke-vertical-carousel__slide-title{margin:0;font-family:var(--font_heading_lg);font-size:var(--font_heading_lg_size);font-weight:var(--font_heading_lg_weight);letter-spacing:var(--font_heading_lg_letter);line-height:var(--font_heading_lg_line);text-transform:var(--font_heading_lg_text_transform)}.bespoke-vertical-carousel__slide-title:not([hidden])+.bespoke-vertical-carousel__cta:not([hidden]){margin-top:1.5rem}@media(min-width:48em){.bespoke-vertical-carousel__slide-title{font-size:var(--font_heading_lg_size_md)}}.bespoke-vertical-carousel__cta{display:inline-flex;align-items:center;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em;font-family:var(--font_body_md);font-size:var(--font_body_md_size);font-weight:var(--font_body_md_weight);letter-spacing:var(--font_body_md_letter);line-height:var(--font_body_md_line);text-transform:var(--font_body_md_text_transform)}@media(min-width:48em){.bespoke-vertical-carousel__cta{font-size:var(--font_body_md_size_md)}}.bespoke-vertical-carousel__nav{display:flex;width:100%;flex-shrink:0;justify-content:flex-end}.bespoke-vertical-carousel__nav--desktop{display:none}.bespoke-vertical-carousel__controls{display:flex;align-items:center}.bespoke-vertical-carousel__controls .carousel-nav__button{position:relative;display:grid;align-items:center;justify-items:center;width:3rem;height:3rem;place-items:center;border-radius:50%}.bespoke-vertical-carousel__controls .carousel-nav__button:before{position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;border:1px solid currentColor;border-radius:50%;content:""}.bespoke-vertical-carousel__controls .carousel-nav__button+.carousel-nav__button{margin-left:.25rem}.bespoke-vertical-carousel__controls .carousel-nav__icon{position:relative;z-index:1;display:block;width:1.5rem;height:1.5rem}.bespoke-vertical-carousel__controls .carousel-nav__icon--prev{transform:rotate(90deg)}.bespoke-vertical-carousel__controls .carousel-nav__icon--next{transform:rotate(-90deg)}.bespoke-vertical-carousel__controls .carousel-nav__icon svg{display:block;width:100%;height:100%}@supports selector(:focus-visible){.bespoke-vertical-carousel__item--link:focus:not(:focus-visible):after{content:none}.bespoke-vertical-carousel__cta:focus:not(:focus-visible),.bespoke-vertical-carousel__controls .carousel-nav__button:focus:not(:focus-visible){outline:none}}.bespoke-vertical-carousel__controls .carousel-nav__button:hover:before{background-color:#fff}.bespoke-vertical-carousel__controls .carousel-nav__button:hover .carousel-nav__icon svg{color:#000}.bespoke-vertical-carousel__editor-note,.bespoke-vertical-carousel__empty{display:grid;align-items:center;justify-items:center;place-items:center;border:1px dashed currentColor;opacity:.7}.bespoke-vertical-carousel__editor-note{margin-bottom:1rem;padding:.75rem 1rem}.bespoke-vertical-carousel__empty{min-height:11.25rem}@media(min-width:768px){.bespoke-vertical-carousel__content:not(.bespoke-vertical-carousel__content--measure){flex:1 1 auto;min-height:var(--bespoke-vertical-content-height, 0px)}.bespoke-vertical-carousel__footer{flex-direction:row;align-items:flex-start;justify-content:space-between}.bespoke-vertical-carousel__footer>*+*{margin-top:0}.bespoke-vertical-carousel__nav{width:auto}.bespoke-vertical-carousel__nav--mobile{display:none}.bespoke-vertical-carousel__nav--desktop{display:flex;margin-left:1rem}}@media(prefers-reduced-motion:reduce){.bespoke-vertical-carousel__slide{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/bespoke-vertical-carousel.css.map */