.look{--look-nav-size: 44px;--look-nav-offset: 12px;position:relative}@media only screen and (min-width:750px){.look{display:flex;align-items:stretch;justify-content:flex-start}.look.is-reversed{flex-direction:row-reverse}}.look .btn{--icons: var(--btn-text)}.look__media{position:relative;width:100%;overflow:hidden}.look__media:before{content:"";display:block;width:100%;padding-top:calc(1 / var(--look-aspect-ratio, 1) * 100%)}@media only screen and (min-width:750px){.look__media{flex:0 0 var(--look-image-width, 40%);max-width:var(--look-image-width, 40%);align-self:stretch}}.look__slides{position:absolute;top:0;left:0;display:flex;flex-flow:row nowrap;width:100%;height:100%;overflow:hidden}.look__slides.flickity-enabled{display:block}.look__slides .flickity-viewport,.look__slides .flickity-slider{height:100%}.look__slide{flex:0 0 100%;width:100%;height:100%}.look__slide .look__slide-image{width:100%;height:100%;padding-top:0}.look__slide .look__slide-image img,.look__slide .look__slide-image svg{width:100%;height:100%;object-fit:cover}.look__nav{--icon-size: 18px;position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:var(--look-nav-size);height:var(--look-nav-size);padding:0;border:0;border-radius:50%;cursor:pointer;color:#000;background:#fffc;box-shadow:0 1px 6px #0000002e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translate3d(0,-50%,0);transition:background .3s ease,transform .3s ease}.look__nav[hidden]{display:none}.look__nav .icon{display:block;width:var(--icon-size);height:var(--icon-size);fill:none;stroke:currentcolor;pointer-events:none}.look__nav--prev{left:var(--look-nav-offset)}.look__nav--next{right:var(--look-nav-offset)}@media(hover:hover){.look__nav:hover{background:#fff;transform:translate3d(0,-50%,0) scale(1.08)}}@media only screen and (max-width:749px){.look{--look-nav-size: 34px;--look-nav-offset: 8px}.look__nav{--icon-size: 15px;background:#ffffffb3}}.look__pagination{position:absolute;bottom:12px;left:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;pointer-events:none}.look__pagination-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;cursor:pointer;pointer-events:auto;background:#ffffff80;box-shadow:0 0 3px #00000040;transition:background .3s ease,transform .3s ease}.look__pagination-dot.is-active{background:#fff;transform:scale(1.3)}@media only screen and (max-width:749px){.look__pagination{bottom:calc(var(--gutter) * 2 + 42px)}}.look__actions{position:absolute;bottom:0;left:0;z-index:2;width:100%;padding:var(--gutter)}.look__aside{flex:1 1 auto;min-width:0;text-align:left;padding:35px 0;overflow:hidden}@media only screen and (min-width:750px){.look__aside{align-self:center;padding:40px var(--outer)}}@media only screen and (min-width:750px)and (max-width:989px){.look__aside{padding:30px var(--outer)}}@media only screen and (max-width:749px){.look__aside{position:fixed;top:0;left:0;z-index:5600;width:100vw;height:100%;padding:0;pointer-events:none;opacity:0;visibility:hidden;overflow:hidden;transition:opacity .5s}.look__aside.is-open{opacity:1;pointer-events:initial}.look__aside.is-open,.look__aside.is-animating{visibility:visible}}.look__content{overflow-wrap:anywhere}@media only screen and (max-width:749px){.look__content{position:absolute;right:0;bottom:0;top:auto;z-index:2;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;max-width:100%;max-height:100%;width:100%;padding:0 var(--gutter);border-radius:10px 10px 0 0;background:var(--bg);color:var(--text-dark);transform:translate(100%);transition:transform .5s}.is-open>.look__content{transform:translate(0)}}.look__title{margin:0;padding-bottom:var(--gutter);text-align:center;position:relative}@media only screen and (max-width:749px){.look__title{text-align:left;padding-top:var(--gutter)}}@media only screen and (max-width:749px){.look__close{--icon-size: 24px;position:absolute;top:22px;right:8px;z-index:2;display:flex;align-items:center;justify-content:center;padding:5px;color:var(--link);background:transparent;border-radius:var(--RADIUS);font-size:0;text-decoration:none;transition:color .3s ease}.look__close .icon{display:block;fill:currentcolor;pointer-events:none;will-change:transform;transition:transform .4s cubic-bezier(.4,0,.22,1)}}@media only screen and (max-width:749px)and (hover:hover){.look__close:hover{color:var(--link-hover)}.look__close:hover .icon{transform:scale(1.25)}}.look__panels{display:grid;grid-template-columns:minmax(0,1fr)}.look__panel{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}.look__panel.is-active{opacity:1;visibility:visible;pointer-events:auto}.look__panel-title{margin:0;padding-bottom:var(--gutter)}@media only screen and (min-width:750px){.look__panel-title{text-align:center}}.look__products-wrapper{position:relative}.look__products-nav{--icon-size: 16px;position:absolute;top:40%;z-index:3;display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;cursor:pointer;color:#000;background:#ffffffe6;box-shadow:0 1px 6px #0000002e;transform:translate3d(0,-50%,0);transition:background .3s ease,opacity .3s ease,transform .3s ease}.look__products-wrapper.has-overflow .look__products-nav{display:flex}.look__products-nav .icon{display:block;width:var(--icon-size);height:var(--icon-size);fill:none;stroke:currentcolor;pointer-events:none}.look__products-nav[disabled]{opacity:0;pointer-events:none}.look__products-nav--prev{left:6px}.look__products-nav--next{right:6px}@media(hover:hover){.look__products-nav:hover{background:#fff;transform:translate3d(0,-50%,0) scale(1.08)}}@media only screen and (max-width:749px){.look__products-nav{display:none!important}}.look__products{--look-gap: var(--gutter);display:flex;flex-flow:row nowrap;gap:var(--look-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.look__products::-webkit-scrollbar{display:none}.look__product{flex:0 0 calc((100% - var(--look-gap) * (var(--look-products-per-row, 3) - 1)) / var(--look-products-per-row, 3));max-width:100%;scroll-snap-align:start}@media only screen and (max-width:749px){.look__products{scroll-padding:0;padding-bottom:var(--outer);margin:0 var(--outer-offset);padding-left:var(--outer);padding-right:var(--outer)}.look__product{flex:0 0 calc(100% - 50px);max-width:80vh}.look__product:only-child{flex-basis:100%;max-width:100%}}.index-look .product-item{width:100%;height:100%;display:flex;flex-direction:column}.look__dot__button{--bg: var(--COLOR-BG);position:absolute;width:23px;height:23px;padding:0;margin-top:-12px;margin-left:-12px;top:var(--dot-top);left:var(--dot-left);cursor:pointer;background:var(--bg);border-radius:var(--radius)}.look__dot__button:before,.look__dot__button:after{content:"";width:100%;height:100%;background-color:inherit;border-radius:inherit;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.look__dot__button:before{animation:pulseInOutSubtle 2.5s ease infinite}.has-error .look__dot__button:before{animation:none}.look__dot__button:after{opacity:.5;transition:transform .6s ease}.look__dot__button .icon-bag{stroke:var(--accent);position:relative;z-index:1}@media(hover:hover){.look__dot__button:hover:before{animation-iteration-count:1}.look__dot__button:hover:after{transform:scale(1.5)}.has-error .look__dot__button:hover:hover:after{transform:none}}body.grid-compact .index-look--gallery{--gap: 0}@media only screen and (min-width:750px){.index-look--gallery .look__container--desktop-grid{display:grid;gap:var(--gap);grid-auto-rows:auto;grid-auto-flow:dense}}@media only screen and (min-width:990px){.index-look--gallery .look__container--desktop-grid{grid-template-columns:repeat(var(--COLUMNS, 4),1fr)}}@media only screen and (min-width:750px)and (max-width:989px){.index-look--gallery .look__container--desktop-grid{grid-template-columns:repeat(var(--COLUMNS-MEDIUM, 3),1fr)}}@media only screen and (max-width:749px){.index-look--gallery .look__container--mobile-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(var(--COLUMNS-SMALL, 2),1fr)}}@media only screen and (max-width:479px){.index-look--gallery .look__container--mobile-grid{grid-template-columns:repeat(var(--COLUMNS-MOBILE, 2),1fr)}}@media only screen and (min-width:750px){.index-look--gallery .look__container--desktop-slider{gap:var(--gutter)}.index-look--gallery .look__container--desktop-slider>*{flex:0 0 calc(25% - var(--gutter) * 3 / 4)}.index-look--gallery .look__container--desktop-slider .look__featured{flex:0 0 calc(50% - var(--gutter) / 2)}}@media only screen and (max-width:749px){.index-look--gallery .look__container--mobile-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:var(--outer);gap:var(--gutter);scrollbar-width:none;-ms-overflow-style:none}.index-look--gallery .look__container--mobile-slider::-webkit-scrollbar{display:none}.index-look--gallery .look__container--mobile-slider>*{flex:0 0 calc(80vw - var(--outer));scroll-snap-align:start}}@media only screen and (min-width:750px){.index-look--gallery .look__featured{grid-column:span 2;grid-row:span 2}}@media only screen and (max-width:749px){.index-look--gallery .look__featured{grid-column:span var(--COLUMNS-SMALL, 2)}}@media only screen and (max-width:479px){.index-look--gallery .look__featured{grid-column:span var(--COLUMNS-MOBILE, 2)}}.index-look--gallery .look__link{display:block;height:100%}.index-look--gallery .look__link .image-wrapper{transition:transform 2s cubic-bezier(.215,.61,.355,1)}.index-look--gallery .look__link:hover .image-wrapper{transform:scale(1.08)}@media only screen and (min-width:750px){.index-look--gallery .look__image,.index-look--gallery .look__video{grid-column:span 1;grid-row:span 1}}.index-look--gallery .look__image{top:0;width:100%;position:relative}@media only screen and (min-width:750px){.index-look--gallery .look__container:not(.is-reversed) .look__featured{grid-column:1/span 2}}@media only screen and (min-width:750px){.index-look--gallery .look__container.is-reversed .look__featured{grid-column:calc(var(--COLUMNS, 4) - 1)/span 2}}@media only screen and (max-width:749px){.index-look--gallery .look__container--reversed-mobile .look__featured{order:1}.index-look--gallery .look__container--reversed-mobile .look__image,.index-look--gallery .look__container--reversed-mobile .look__video{order:0}}.index-look--gallery .look__image-container,.index-look--gallery .look__video-container{position:relative;aspect-ratio:var(--aspect-ratio);overflow:hidden}@media only screen and (min-width:990px){.index-look--gallery .look__container:not(.look__container--desktop-2-cols) .look__featured .look__image-container,.index-look--gallery .look__container:not(.look__container--desktop-2-cols) .look__featured .look__video-container{aspect-ratio:unset;height:100%}.index-look--gallery .look__container:not(.look__container--desktop-2-cols) .look__featured .image-wrapper{padding-top:0}}@media only screen and (min-width:750px)and (max-width:989px){.index-look--gallery .look__container:not(.look__container--medium-2-cols) .look__featured .look__image-container,.index-look--gallery .look__container:not(.look__container--medium-2-cols) .look__featured .look__video-container{aspect-ratio:unset;height:100%}.index-look--gallery .look__container:not(.look__container--medium-2-cols) .look__featured .image-wrapper{padding-top:0}}.index-look--gallery .quick-add__holder{--btn-offset: 12px;position:absolute;bottom:var(--btn-offset);right:var(--btn-offset);left:auto;width:auto;z-index:10;opacity:1;transition:opacity .3s ease}.index-look--gallery .quick-add__holder .look__dot__button{position:static;margin:0}.index-look--gallery .quick-add__holder .btn__error{display:none;--btn-top: var(--BTN-SIZE-SMALL);--btn-left: calc(var(--BTN-SIZE-SMALL) * 1.7);--btn-bg: var(--COLOR-QUICK-ADD-BG);--btn-border: var(--COLOR-QUICK-ADD-BG);--btn-text: var(--COLOR-QUICK-ADD-TEXT);text-transform:var(--BTN-UPPERCASE);letter-spacing:var(--BTN-LETTER-SPACING);color:var(--btn-text);width:auto;padding:var(--btn-top) var(--btn-left);border:1px solid var(--btn-border);border-radius:var(--btn-radius);background-color:var(--btn-bg);font-size:var(--BTN-FONT-SIZE);position:absolute;top:50%;right:0;text-overflow:ellipsis;white-space:nowrap;transform:translateY(-50%);z-index:5}.index-look--gallery .has-error .btn__error{display:block}.index-look--gallery .look__image-bg,.index-look--gallery .look__video-container .video-background{width:100%;height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/18/assets/look.css.map */