.shop-the-look-gallery{position:relative;padding-top:var(--look-section-padding-top);padding-bottom:var(--look-section-padding-bottom);background:var(--look-section-background)}.shop-the-look-gallery__section-inner:not(.page-width){padding-right:5vw;padding-left:5vw}.shop-the-look-gallery__heading{margin-top:0;margin-bottom:24px}.shop-the-look-gallery__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--look-grid-gap);width:100%;margin:0 auto}.shop-the-look-gallery__card,.shop-the-look-gallery__card-media{min-width:0}.shop-the-look-gallery__card-media{position:relative;aspect-ratio:var(--look-card-ratio);overflow:hidden;border-radius:var(--look-card-radius);background:#dedede}.shop-the-look-gallery__card-image,.shop-the-look-gallery__card-media>.placeholder-svg{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--look-image-position, center center)}.shop-the-look-gallery__trigger{position:absolute;right:12px;bottom:12px;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:#fff;color:#222;box-shadow:0 2px 8px #0000001f;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.shop-the-look-gallery__trigger:hover,.shop-the-look-gallery__trigger:focus-visible{transform:translateY(-2px);box-shadow:0 4px 12px #0000002e}.shop-the-look-gallery__trigger:focus-visible,.shop-the-look-gallery__close:focus-visible,.shop-the-look-gallery__flip-back:focus-visible,.shop-the-look-gallery__arrow:focus-visible{outline:2px solid currentColor;outline-offset:2px}.shop-the-look-gallery__trigger svg{display:block;width:40px;height:30px}html.shop-the-look-modal-open,html.shop-the-look-modal-open body{overflow:hidden}.shop-the-look-gallery__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s}.shop-the-look-gallery__modal[aria-hidden=false]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s ease}.shop-the-look-gallery__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000061}.shop-the-look-gallery__dialog{position:relative;z-index:1;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#f4f4f4;color:#161616;outline:none}.shop-the-look-gallery__close{position:absolute;top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));z-index:12;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:8px;border:0;border-radius:50%;background:#fffffff0;color:#1e1e1e;box-shadow:0 2px 8px #0000001a;cursor:pointer}.shop-the-look-gallery__close svg{display:block;width:100%;height:100%}.shop-the-look-gallery__carousel,.shop-the-look-gallery__carousel.flickity-enabled,.shop-the-look-gallery__carousel .flickity-viewport,.shop-the-look-gallery__carousel .flickity-slider{width:100%;height:100%!important}.shop-the-look-gallery__carousel,.shop-the-look-gallery__carousel .flickity-viewport{position:relative;overflow:hidden}.shop-the-look-gallery__carousel .flickity-slider{position:absolute;width:100%}.shop-the-look-gallery__carousel:not(.flickity-enabled):not(.is-initializing)>.shop-the-look-gallery__slide:not(.is-active){display:none}.shop-the-look-gallery__slide{width:100%;height:100%;min-height:0}.shop-the-look-gallery__flip-card{width:100%;height:100%;perspective:1400px}.shop-the-look-gallery__flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.2,.7,.2,1)}.shop-the-look-gallery__flip-card.is-flipped .shop-the-look-gallery__flip-inner{transform:rotateY(-180deg)}.shop-the-look-gallery__face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.shop-the-look-gallery__front{z-index:2;background:#d8d8d8;transform:rotateY(0)}.shop-the-look-gallery__back{display:flex;flex-direction:column;padding:calc(64px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left));overflow-y:auto;background:#f4f4f4;transform:rotateY(180deg);pointer-events:none}.shop-the-look-gallery__flip-card.is-flipped .shop-the-look-gallery__front{pointer-events:none}.shop-the-look-gallery__flip-card.is-flipped .shop-the-look-gallery__back{pointer-events:auto}.shop-the-look-gallery__modal-media,.shop-the-look-gallery__modal-image,.shop-the-look-gallery__modal-media>.placeholder-svg{display:block;width:100%;height:100%}.shop-the-look-gallery__modal-image,.shop-the-look-gallery__modal-media>.placeholder-svg{object-fit:cover;object-position:var(--look-image-position, center center)}.shop-the-look-gallery__flip-trigger{position:absolute;bottom:calc(68px + env(safe-area-inset-bottom));left:50%;z-index:3;width:max-content;min-width:180px;max-width:calc(100% - 48px);min-height:42px;margin:0;padding:11px 24px;border-radius:999px;background:#222;color:#fff;font-size:12px;line-height:1.2;transform:translate(-50%)}.shop-the-look-gallery__flip-back{position:absolute;top:calc(14px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));z-index:4;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:8px;border:1px solid #d1d1d1;border-radius:50%;background:#fff;color:#222;cursor:pointer}.shop-the-look-gallery__flip-back svg{width:100%;height:100%}.shop-the-look-gallery__products{display:flex;flex:1 0 auto;flex-direction:column;justify-content:center;gap:18px}.shop-the-look-product{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;width:100%;margin:0}.shop-the-look-product__media{min-width:0;overflow:hidden;border-radius:5px;background:#ece9e1}.shop-the-look-product__image,.shop-the-look-product__media>.placeholder-svg{display:block;width:100%;height:108px;object-fit:cover}.shop-the-look-product__details{display:flex;min-width:0;flex-direction:column;justify-content:center}.shop-the-look-product__title{display:-webkit-box;margin:0 0 6px;overflow:hidden;color:#191919;font-size:12px;font-weight:400;line-height:1.3;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.shop-the-look-product__prices{display:flex;flex-wrap:wrap;gap:4px;align-items:baseline;min-height:18px;margin-bottom:6px;font-size:12px;line-height:1.3}.shop-the-look-product__compare-price{color:#3b3b3b}.shop-the-look-product__price{color:#1c1c1c}.shop-the-look-product__price--sale{color:#b42318}.shop-the-look-product__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:6px;margin-bottom:7px}.shop-the-look-product__select{width:100%;height:30px;min-height:30px;margin:0;padding:4px 25px 4px 10px;border:1px solid #969696;border-radius:999px;background-color:#fff;color:#656565;font-size:11px;line-height:1}.shop-the-look-product__add,.shop-the-look-gallery__add-look{width:100%;min-height:32px;margin:0;padding:8px 12px;border:1px solid #222;border-radius:999px;background:#222;color:#fff;font-size:10px;font-weight:400;line-height:1.1;letter-spacing:0;text-align:center}.shop-the-look-product__add:hover,.shop-the-look-product__add:focus,.shop-the-look-gallery__add-look:hover,.shop-the-look-gallery__add-look:focus{border-color:#000;background:#000;color:#fff}.shop-the-look-product__add[disabled],.shop-the-look-gallery__add-look[disabled]{border-color:#8b8b8b;background:#8b8b8b;color:#fff;cursor:not-allowed;opacity:.65}.shop-the-look-product__add[data-loading=true],.shop-the-look-gallery__add-look[data-loading=true]{cursor:wait;opacity:.72}.shop-the-look-product__error,.shop-the-look-gallery__look-error{margin:6px 0 0;color:#b42318;font-size:11px;line-height:1.3}.shop-the-look-gallery__look-actions{flex:0 0 auto;margin-top:22px}.shop-the-look-gallery__add-look{min-height:38px}.shop-the-look-gallery__empty{margin:auto;max-width:320px;color:#626262;font-size:14px;line-height:1.5;text-align:center}.shop-the-look-gallery__arrow{position:absolute;top:auto;bottom:calc(25px + env(safe-area-inset-bottom));z-index:9;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:12px;border:0;border-radius:50%;background:#fffffff0;color:#222;box-shadow:0 2px 8px #0000001a;opacity:1;transform:none}.shop-the-look-gallery__arrow:hover,.shop-the-look-gallery__arrow:focus,.shop-the-look-gallery__arrow:active{background:#fff;transform:none;transition:none}.shop-the-look-gallery__arrow--previous{right:auto;left:calc(14px + env(safe-area-inset-left))}.shop-the-look-gallery__arrow--next{right:calc(14px + env(safe-area-inset-right));left:auto}.shop-the-look-gallery__arrow .flickity-button-icon{position:static;top:auto;left:auto;width:100%;height:100%;fill:currentColor;transform:none}.shop-the-look-gallery__modal.is-product-face-open .shop-the-look-gallery__arrow{display:none}.shop-the-look-gallery__swipe-hint{position:absolute;top:calc(18px + env(safe-area-inset-top));left:50%;z-index:10;width:max-content;max-width:calc(100% - 110px);margin:0;padding:8px 14px;border-radius:999px;background:#141414c7;color:#fff;font-size:11px;line-height:1.3;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,-8px)}.shop-the-look-gallery__swipe-hint.is-visible{animation:shopTheLookHint 2.8s ease both}.shop-the-look-gallery__modal.is-swipe-hinting .shop-the-look-gallery__slide.is-active .shop-the-look-gallery__flip-card:not(.is-flipped){animation:shopTheLookNudge .7s cubic-bezier(.25,.65,.35,1) both}@keyframes shopTheLookHint{0%,to{opacity:0;transform:translate(-50%,-8px)}18%,78%{opacity:1;transform:translate(-50%)}}@keyframes shopTheLookNudge{0%,to{transform:translate(0)}28%{transform:translate(-14px)}52%{transform:translate(4px)}72%{transform:translate(-7px)}}@media screen and (min-width:770px){.shop-the-look-gallery__grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:calc((var(--look-card-width) * 4) + (var(--look-grid-gap) * 3))}.shop-the-look-gallery__dialog{width:min(960px,calc(100vw - 32px));height:min(620px,calc(100vh - 32px));height:min(620px,calc(100dvh - 32px));border-radius:10px;box-shadow:0 18px 50px #00000038}.shop-the-look-gallery__flip-card{perspective:none}.shop-the-look-gallery__flip-inner,.shop-the-look-gallery__flip-card.is-flipped .shop-the-look-gallery__flip-inner{display:grid;grid-template-columns:45% 55%;transform:none;transition:none}.shop-the-look-gallery__face{position:relative;inset:auto;min-width:0;backface-visibility:visible;-webkit-backface-visibility:visible}.shop-the-look-gallery__front,.shop-the-look-gallery__back{transform:none;pointer-events:auto}.shop-the-look-gallery__back{padding:38px 32px 32px;overflow-y:auto}.shop-the-look-gallery__flip-trigger,.shop-the-look-gallery__flip-back{display:none}.shop-the-look-gallery__products{flex:1 1 auto;gap:20px}.shop-the-look-product{grid-template-columns:106px minmax(0,1fr);gap:16px}.shop-the-look-product__image,.shop-the-look-product__media>.placeholder-svg{height:116px}.shop-the-look-product__title{margin-bottom:7px;font-size:13px}.shop-the-look-product__prices{margin-bottom:7px;font-size:12px}.shop-the-look-product__select{height:30px;min-height:30px}.shop-the-look-product__add{width:min(100%,180px)}.shop-the-look-gallery__look-actions{margin-top:24px}.shop-the-look-gallery__add-look{min-height:38px}.shop-the-look-gallery__arrow{position:absolute;top:auto;bottom:12px;z-index:9;display:flex;width:26px;height:26px;padding:7px;border:0;background:#fff;color:#222;opacity:1;transform:none}.shop-the-look-gallery__arrow--previous{right:auto;left:calc(45% - 64px)}.shop-the-look-gallery__arrow--next{right:auto;left:calc(45% - 32px)}.shop-the-look-gallery__swipe-hint{display:none}}@media screen and (max-width:769px){.shop-the-look-gallery__section-inner:not(.page-width){padding-right:12px;padding-left:12px}.shop-the-look-gallery__trigger{right:10px;bottom:10px;width:44px;height:44px;min-width:44px;min-height:44px}.shop-the-look-gallery__modal[aria-hidden=false] .shop-the-look-gallery__dialog{animation:shopTheLookModalIn .18s ease both}}@keyframes shopTheLookModalIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.shop-the-look-gallery__modal,.shop-the-look-gallery__flip-inner,.shop-the-look-gallery__trigger{transition-duration:.01ms}.shop-the-look-gallery__modal.is-swipe-hinting .shop-the-look-gallery__slide.is-active .shop-the-look-gallery__flip-card:not(.is-flipped){animation:none}.shop-the-look-gallery__swipe-hint.is-visible{animation:none;opacity:1;transform:translate(-50%)}.shop-the-look-gallery__modal[aria-hidden=false] .shop-the-look-gallery__dialog{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-shop-the-look-gallery.css.map */