.customer-looks{display:block;min-width:0}.customer-looks__header{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-bottom:1.2rem}.customer-looks__heading{margin:0}.customer-looks__carousel-controls{display:flex;gap:.6rem}.customer-looks__carousel-arrow,.customer-looks__close,.customer-looks__modal-arrow{display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(var(--color-foreground),.18);color:rgb(var(--color-foreground));background:rgb(var(--color-background));cursor:pointer}.customer-looks__carousel-arrow{width:3rem;height:3rem;border-radius:50%;font-size:1.5rem}.customer-looks__carousel-arrow:disabled{opacity:.32;cursor:default}.customer-looks__track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--customer-looks-card-width, 120px);gap:1rem;width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.customer-looks__track::-webkit-scrollbar{display:none}.customer-looks__card{display:block;width:100%;padding:0;border:0;border-radius:var(--media-radius, 0);overflow:hidden;color:#fff;background:rgba(var(--color-foreground),.06);cursor:pointer;scroll-snap-align:start}.customer-looks__poster{position:relative;display:block;aspect-ratio:9 / 16}.customer-looks__poster-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}@media(hover:hover){.customer-looks__card:hover .customer-looks__poster-image{transform:scale(1.025)}}.customer-looks__play{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:#0000003d;box-shadow:0 .4rem 1.8rem #00000024;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translate(-50%,-50%)}.customer-looks__modal[hidden]{display:none}.customer-looks__modal{position:fixed;right:24px;bottom:112px;z-index:1000;display:block;width:min(300px,calc((100vh - 160px)*.5625));max-width:calc(100vw - 48px);padding:0;pointer-events:none}.customer-looks__dialog{position:relative;width:100%;aspect-ratio:9 / 16;overflow:visible;color:#fff;background:#050505;border-radius:4px;box-shadow:0 12px 42px #00000047;pointer-events:auto}.customer-looks__backdrop{display:none}.customer-looks__player,.customer-looks__video{width:100%;height:100%}.customer-looks__player{overflow:hidden;border-radius:4px}.customer-looks__video{display:block;width:100%;height:100%;object-fit:contain;background:#050505}.customer-looks__close{position:absolute;z-index:3;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.6);border-radius:50%;color:#fff;background:#0000007a;box-shadow:0 2px 10px #00000029;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:25px;line-height:1;cursor:pointer}.customer-looks__modal-arrow{position:absolute;z-index:3;top:50%;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:50%;color:#fff;background:#0000006b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:29px;line-height:1;cursor:pointer;transform:translateY(-50%)}.customer-looks__modal-arrow--previous{left:10px}.customer-looks__modal-arrow--next{right:10px}.customer-looks__modal-arrow[hidden]{display:none}body.customer-looks-modal-open{overflow:auto}@media screen and (max-width:749px){.customer-looks__track{grid-auto-columns:var( --customer-looks-card-width-mobile, 124px )}.customer-looks__carousel-controls{display:none}.customer-looks__modal{right:12px;bottom:92px;width:min(46vw,200px);max-width:calc(100vw - 24px)}.customer-looks__dialog{border-radius:3px;box-shadow:0 8px 30px #00000040}.customer-looks__player{border-radius:3px}.customer-looks__close{top:7px;right:7px;width:30px;height:30px;font-size:22px}.customer-looks__modal-arrow{width:32px;height:32px;font-size:25px}.customer-looks__modal-arrow--previous{left:7px}.customer-looks__modal-arrow--next{right:7px}}@media(prefers-reduced-motion:reduce){.customer-looks__track{scroll-behavior:auto}.customer-looks__poster-image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/customer-looks.css.map */