html.tt-look-open{overflow:hidden}.grid:has(>.product-item--look-big){grid-auto-flow:dense}.product-item--look-big{grid-column:span 2;grid-row:span 2}.product-item--look-big .product-item__image{padding-top:0;height:100%;min-height:100%}@media(max-width:749px){.product-item--look-big{grid-column:1 / -1;grid-row:span 1}.product-item--look-big .product-item__image{padding-top:150%;height:auto;min-height:0}}.product-item--featured-image[data-look-open]{cursor:pointer}.product-item--featured-image[data-look-open] .product-item__image-overlay{align-items:flex-end;justify-content:center;padding:0 16px 20px}.product-item--featured-image[data-look-open] .product-item__image-overlay:has(.btn){background:linear-gradient(to top,#00000047,#0000 30%)}.product-item--featured-image[data-look-open] .product-item__image-content{width:auto}.tt-look__cue{position:absolute;right:16px;bottom:16px;z-index:12;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#fffffff0;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 12px #0000001f;transition:transform .2s ease}.tt-look__cue:hover{transform:scale(1.06)}.tt-look__cue svg{width:18px;height:18px}@media(max-width:749px){.tt-look__cue{right:12px;bottom:12px;width:36px;height:36px}.tt-look__cue svg{width:16px;height:16px}}dialog.tt-look{--look-text: #000;--look-bg: #fff;--text: #000;position:fixed;inset:auto 0 0 0;margin:0;padding:0;border:0;width:100%;max-width:100%;height:auto;max-height:85dvh;background:var(--look-bg);color:var(--look-text);box-shadow:0 -8px 30px #0000001f;overflow:hidden;text-align:left;cursor:auto}dialog.tt-look[open]{display:block;animation:ttLookUp .35s cubic-bezier(.2,.8,.2,1)}dialog.tt-look::backdrop{background:transparent}@keyframes ttLookUp{0%{transform:translateY(100%)}to{transform:none}}.tt-look__sheet{background:var(--look-bg)}.tt-look__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 32px 16px}.tt-look__title{margin:0;color:var(--look-text);text-transform:uppercase;letter-spacing:.12em;font-size:13px;line-height:1.4}.tt-look__count{margin:2px 0 0;color:var(--look-text);font-size:12px;opacity:.6}.tt-look__controls{display:flex;align-items:center;gap:8px}.tt-look__arrow{width:36px;height:36px;padding:0;border:1px solid rgba(0,0,0,.15);border-radius:50%;background:var(--look-bg);color:var(--look-text);display:flex;align-items:center;justify-content:center;cursor:pointer}.tt-look__arrow:disabled{opacity:.3;cursor:default}.tt-look__arrow svg{width:14px;height:14px}.tt-look__done{margin-left:12px;background:none;border:0;padding:4px 0;font:inherit;font-size:14px;color:var(--look-text);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.tt-look__done:focus:not(:focus-visible),.tt-look__arrow:focus:not(:focus-visible){outline:none}.tt-look__list{list-style:none;margin:0;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 32px;scroll-behavior:smooth;padding:0 32px 28px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tt-look__list::-webkit-scrollbar{display:none}.tt-look__item{flex:0 0 220px;scroll-snap-align:start}.tt-look__card{display:flex;flex-direction:column;gap:4px;color:var(--look-text);text-decoration:none}.tt-look__media{display:block;aspect-ratio:1 / 1.3;overflow:hidden;background:#0000000a;margin-bottom:6px}.tt-look__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.tt-look__card:hover .tt-look__media img{transform:scale(1.03)}.tt-look__card:hover .tt-look__name{text-decoration:underline;text-underline-offset:3px}.tt-look__name{color:var(--look-text);font-size:14px;line-height:1.3}.tt-look__price{color:var(--look-text);font-size:13px;opacity:.8}.tt-look__price s{opacity:.6;margin-right:4px}.tt-look__soldout{font-size:12px;opacity:.6;text-transform:uppercase;letter-spacing:.06em}@media(max-width:749px){.tt-look__head{padding:14px 16px}.tt-look__arrow{display:none}.tt-look__done{margin-left:0}.tt-look__list{gap:8px;padding:0 16px 24px;scroll-padding:0 16px}.tt-look__item{flex:0 0 calc((100% - 16px) / 2.3)}.tt-look__name{font-size:13px}.tt-look__price{font-size:12px}}@media(prefers-reduced-motion:reduce){dialog.tt-look[open]{animation:none}.tt-look__list{scroll-behavior:auto}.tt-look__media img,.tt-look__cue{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/tt-look-drawer.css.map */