.carousel--root{display:block;padding:0;max-width:100%;overflow:hidden;position:relative;transition:opacity .4s cubic-bezier(.45,.05,.55,.95)}@media only screen and (min-width: 768px){.carousel--root[data-spacing-above=true]{padding-top:var(--spacing--section--y)}}@media only screen and (max-width: 767px){.carousel--root[data-spacing-above=true]{padding-top:var(--spacing--section--mobile--y)}}@media only screen and (min-width: 768px){.carousel--root[data-spacing-below=true]{padding-bottom:var(--spacing--section--y)}}@media only screen and (max-width: 767px){.carousel--root[data-spacing-below=true]{padding-bottom:var(--spacing--section--mobile--y)}}.carousel--root[data-dot-nav=false] .carousel--dot-nav{display:none}.carousel--root *{-webkit-user-drag:none}@media only screen and (max-width: 767px){.carousel--root .featured-content--root{padding-top:0;padding-bottom:0}}.no-js .carousel--root{opacity:1!important}.carousel--viewport{position:relative;overflow:hidden;width:100%}.carousel--x-container{display:flex;transform:translate(0);z-index:1;position:relative;width:calc(100% * var(--total-slides) - var(--container-offset));left:var(--offset)}@media only screen and (max-width: 767px){.carousel--x-container{width:calc(100% * var(--total-slides-mobile) - var(--container-offset-mobile));left:var(--offset-mobile)}}.carousel--root .carousel--x-container{will-change:transform}.carousel--x-container[data-transition-state=forwards]{transition:transform 1s var(--transition--ease-out)}.carousel--x-container[data-transition-state=backwards]{transition:transform .4s var(--transition--snap-back)}.carousel--y-container{position:relative;width:100%;transition:height 1s var(--transition--ease-out);overflow:hidden;display:flex;align-items:flex-start}.carousel--root[data-at-start=false][data-at-end=false] .carousel--y-container:hover,.carousel--root[data-at-start=false][data-at-end=true] .carousel--y-container:hover,.carousel--root[data-at-start=true][data-at-end=false] .carousel--y-container:hover{cursor:grab}.carousel--root:hover .carousel--y-container{will-change:height}.carousel--root[data-dragging=true] .carousel--y-container:hover{cursor:grabbing}.carousel--block{position:absolute;left:100%;width:calc(100% / var(--total-spaces))}@media only screen and (max-width: 767px){.carousel--block{width:calc(100% / var(--total-spaces-mobile))}}@media only screen and (min-width: 768px){.carousel--block[data-loaded=true]{position:relative;left:0}}@media only screen and (max-width: 767px){.carousel--block[data-loaded--mobile=true]{position:relative;left:0}}.carousel--root[data-spacing-around-blocks=true] .carousel--block{padding:0 calc(var(--spacing--block) / 2)}@media only screen and (max-width: 767px){.carousel--root[data-spacing-around-blocks=true] .carousel--block{padding:0 calc(var(--spacing--block--mobile) / 2)}}.carousel--root[data-transition-type=fade] .carousel--block{transition:opacity 4s var(--transition--ease-out);opacity:0}@media only screen and (min-width: 768px){.carousel--root[data-transition-type=fade] .carousel--block[data-loaded=true]{opacity:1}}@media only screen and (max-width: 767px){.carousel--root[data-transition-type=fade] .carousel--block[data-loaded--mobile=true]{opacity:1}}.carousel--root[data-transition-type=fade] .carousel--block[data-active=old]{position:relative;z-index:1;opacity:0}.carousel--root[data-transition-type=fade] .carousel--block[data-active=new]{position:absolute;z-index:2;opacity:1}.carousel--dot-container{width:100%;display:flex;justify-content:center}.carousel--dot-viewport{display:flex;overflow:hidden;max-width:60px}@supports (overflow: clip){.carousel--dot-viewport{overflow:clip}}.carousel--dot-nav{z-index:1;position:absolute;bottom:var(--spacing--block);right:var(--spacing--block);display:flex;align-items:center}.carousel--dot-nav:empty{display:none}@media only screen and (min-width: 768px){.carousel--dot-nav{transform:translate(0)!important}}@media only screen and (max-width: 767px){.carousel--dot-nav{opacity:0;transition:transform .4s var(--transition--ease-out);padding:var(--spacing--item--mobile) 0}}@media only screen and (min-width: 768px){.carousel--root[data-spacing-below=true] .carousel--dot-nav{bottom:calc(var(--spacing--section--y) + var(--spacing--block))}}.carousel--dot-nav[data-loaded=true]{opacity:1}@media only screen and (min-width: 768px){.carousel--root[data-spacing-around-blocks=true] .carousel--dot-nav{display:none}}@media only screen and (max-width: 767px){.carousel--dot-nav{position:relative;bottom:auto;right:auto}}.carousel--dot{border-radius:50%;border:0;cursor:pointer;margin:0 4px;opacity:.6;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 767px){.carousel--dot{opacity:.2;margin:0 2px}}.carousel--dot:after{content:"";border-radius:50%;border:2px solid #fff;display:block;height:12px;width:12px;background:0 0;box-shadow:inset 0 0 2px #0009,0 0 2px #0009}@media only screen and (max-width: 767px){.carousel--dot:after{height:8px;width:8px;background:var(--color--body);border-color:var(--color--body);border:0;box-shadow:none;transform:scale(1);transition:transform .2s var(--transition--standard)}}@media only screen and (max-width: 767px){.carousel--root[data-background-color=dark] .carousel--dot:after{background:var(--bg-color--body);border-color:var(--bg-color--body)}}@media only screen and (max-width: 767px){.carousel--dot[data-position=leading-1]:after,.carousel--dot[data-position=trailing-1]:after{transform:scale(.66)}}@media only screen and (max-width: 767px){.carousel--dot[data-position=leading-2]:after,.carousel--dot[data-position=trailing-2]:after{transform:scale(.33)}}@media only screen and (max-width: 767px){.carousel--dot[data-position=hidden]:after{transform:scale(.33)}}.carousel--dot[data-active=true]{opacity:.8}@media only screen and (max-width: 767px){.carousel--dot[data-active=true]{opacity:.9}}.carousel--dot[data-active=true]:after{background:#fff;box-shadow:0 0 2px #0009}@media only screen and (max-width: 767px){.carousel--dot[data-active=true]:after{background:var(--color--body);opacity:.9}}@media only screen and (max-width: 767px){.carousel--root[data-background-color=dark] .carousel--dot[data-active=true]:after{background:var(--bg-color--body)}}.carousel--arrow-nav{position:absolute;display:flex;height:100%;top:0;left:0;width:100%;align-items:center}.carousel--arrow-nav:last-of-type{justify-content:flex-end}@media only screen and (max-width: 767px){.carousel--arrow-nav{display:none}}.carousel--prev{transition:opacity 1s var(--transition--ease-out);z-index:2;opacity:.85;margin-left:var(--spacing--block)}@media only screen and (max-width: 767px){.carousel--prev{margin-left:var(--spacing--block--mobile)}}.carousel--prev:hover{cursor:pointer}.carousel--prev>*{transition:opacity .4s var(--transition--ease-out),transform .4s var(--transition--ease-out);opacity:.85}.carousel--prev:hover>*{opacity:1;box-shadow:0 0 10px #00000014;transform:scale(1.06)}.carousel--root[data-at-start=true] .carousel--prev{opacity:0;cursor:default;transition:opacity .4s var(--transition--standard)}.carousel--next{transition:opacity 1s var(--transition--ease-out);z-index:2;opacity:.85;position:relative;margin-right:var(--spacing--block)}@media only screen and (max-width: 767px){.carousel--next{margin-right:var(--spacing--block--mobile)}}.carousel--next:hover{cursor:pointer}.carousel--next>*{transition:opacity .4s var(--transition--ease-out),transform .4s var(--transition--ease-out);opacity:.85}.carousel--next:hover>*{opacity:1;box-shadow:0 0 10px #00000014;transform:scale(1.06)}.carousel--root[data-at-end=true] .carousel--next{opacity:0;cursor:default;transition:opacity .4s var(--transition--standard)}.complete-your-look-block--title{color:var(--bg-color--dark);font-size:22px;font-weight:400;text-transform:uppercase;margin-bottom:16px}.carousel--root.complete-your-look-block .carousel--x-container{left:0}.carousel--root.complete-your-look-block .carousel--block{width:135px;padding:0 8px}.carousel--root.complete-your-look-block .product--image-wrapper{width:133px;height:176px}.carousel--root.complete-your-look-block .product--quick-add>*{border:none}.carousel--root.complete-your-look-block .product--details-container{padding-top:5px}.carousel--root.complete-your-look-block .product--title{color:var(--bg-color--dark);text-align:center;font-family:Cambon-Light;font-size:14px;font-weight:300}.carousel--root.complete-your-look-block .product--swatches--column-view{display:none}.carousel--root.complete-your-look-block .product--price-wrapper{justify-content:center}.carousel--root.complete-your-look-block .product--details{gap:0}.carousel--root.complete-your-look-block .carousel--prev,.carousel--root.complete-your-look-block .carousel--next{margin:0}@media only screen and (max-width: 768px){.carousel--root.complete-your-look-block .carousel--arrow-nav{display:flex}.carousel--root.complete-your-look-block .carousel--dot-container{display:none}.carousel--root.complete-your-look-block .carousel--viewport .carousel--x-container{width:calc(100% * var(--total-slides-mobile) - var(--container-offset-mobile))}}@media only screen and (max-width: 1285px){.carousel--root.complete-your-look-block .carousel--x-container{width:100%}}.template--product .section--slideshow .carousel--block--container .featured-content--root .featured-content--overline h3{font-size:28px;font-weight:700;letter-spacing:6.72px;text-transform:uppercase}.template--product .section--slideshow .carousel--block--container .featured-content--root .featured-content--title{font-size:24px;font-weight:300}.template--product .section--slideshow .carousel--block--container .featured-content--root .featured-content--description p{font-size:14px;font-weight:700;letter-spacing:3.36px;text-transform:uppercase}.template--product .section--slideshow .carousel--block--container .featured-content--root .featured-content--link--container{background:var(--bg-color--button);font-size:15px;cursor:pointer;padding:16px 28px;border:1px solid transparent}.template--product .section--slideshow .carousel--block--container .featured-content--root .featured-content--link--container:hover{border:1px solid var(--bg-color--dark);color:var(--bg-color--dark)!important;background-color:var(--color--button)}.template--product .section--slideshow .carousel--block--container .featured-content--root .featured-content--link--container:active{color:var(--bg-color--button)!important;background-color:var(--color--button);box-shadow:0 4px 2px #0000001a inset}.template--product .section--slideshow .carousel--block--container .featured-content--root .featured-content--link--container:focus{border:1px solid var(--bg-color--body--dark);color:var(--bg-color--button)!important;background-color:var(--color--button)}.template--product .section--slideshow .carousel--block--container .featured-content--root .featured-content--link--container:disabled,.template--product .section--slideshow .carousel--block--container .featured-content--root .featured-content--link--container[disabled]{background:var(--color--grey-placeholder);color:var(--color--text-button-disabled)!important;border:unset}.template--product .section--slideshow .carousel--block--container .featured-content--root .featured-content--link--container:after{content:unset}.template--product .section--slideshow .carousel--dot-nav .carousel--dot:after{background:#fff;border:none;height:8px;width:8px}@media only screen and (max-width: 767px){.template--product .section--slideshow .carousel--block--container .featured-content--container{align-items:flex-end;display:flex;margin:0 auto;overflow:hidden;position:relative;justify-content:flex-start}.template--product .section--slideshow .carousel--block--container .featured-content--container .featured-content--text{text-align:left;margin-bottom:54px}.template--product .section--slideshow .carousel--root .carousel--viewport .carousel--arrow-nav{display:flex}.template--product .section--slideshow .carousel--root .carousel--dot-container{position:absolute;bottom:0;right:16px;justify-content:flex-end}}.product--swatches--column-view{display:flex;gap:16px;flex-wrap:wrap}.color-swatch{border-radius:50%;border:1px solid #d7d7d7;width:25px;height:25px;background-size:24px}.color-swatch>div{width:23px;height:23px;border-radius:50px;background-size:23px}@media (max-width: 780px){.color-swatch{width:15px;height:15px;background-size:15px}.color-swatch>div{width:15px;height:15px;background-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/carousel.css.map */