th-looks{display:block}.th-looks__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-auto-rows:260px;gap:14px;margin:0;padding:0;list-style:none}.th-look{position:relative;min-width:0;overflow:hidden;border-radius:20px;background:var(--th-paper-warm)}.th-look.is-big{grid-row:span 2}.th-look.is-wide{grid-column:span 2}.th-look>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .64s var(--th-ease)}.th-look:hover>img{transform:scale(1.04)}.th a.th-look__tag,.th-look__tag{position:absolute;left:14px;bottom:12px;z-index:1;padding:6px 10px;border-radius:999px;background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--th-charcoal);font-size:11px;letter-spacing:.08em;text-decoration:none}.th-hot{position:absolute;z-index:3;display:grid;place-items:center;width:30px;height:30px;margin:-15px 0 0 -15px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--th-charcoal);box-shadow:0 4px 14px -4px #0006;cursor:pointer;transition:transform .28s var(--th-spring)}.th-hot:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:2px solid rgba(255,255,255,.8);border-radius:50%;animation:th-hot-ring 2s ease-out infinite}@keyframes th-hot-ring{0%{transform:scale(.6);opacity:1}to{transform:scale(1.4);opacity:0}}.th-hot .th-ic{width:14px;height:14px;transition:transform .28s}.th-hot:hover{transform:scale(1.12)}.th-hot[aria-expanded=true]{transform:scale(1.1)}.th-hot[aria-expanded=true] .th-ic{transform:rotate(45deg)}.th-pop{position:absolute;z-index:4;top:min(calc(var(--y) + 22px),calc(100% - 96px));display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;width:min(240px,calc(100% - 24px));padding:10px;border-radius:16px;background:#fff;box-shadow:0 24px 48px -16px #43424459;animation:th-pop-in .28s var(--th-spring)}.th-pop[hidden]{display:none}.th-pop--above{top:auto;bottom:min(calc(100% - var(--y) + 22px),calc(100% - 96px))}.th-pop--left{left:max(12px,min(calc(var(--x) - 20px),calc(100% - 252px)))}.th-pop--right{right:max(12px,calc(100% - var(--x) - 20px))}@keyframes th-pop-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}.th-pop__img{display:block;width:64px;height:64px;overflow:hidden;border-radius:10px;background:var(--th-paper-warm)}.th-pop__img img{display:block;width:100%;height:100%;object-fit:cover}.th-pop__body{min-width:0}.th a.th-pop__name{display:block;font-size:12.5px;font-weight:500;line-height:1.25;text-decoration:none}.th-pop__row{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:6px;font-size:12.5px}.th-pop__add,.th a.th-pop__add{padding:6px 10px;border:1px solid var(--th-line-strong);border-radius:999px;background:none;color:var(--th-charcoal);font-family:var(--th-display);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .16s,color .16s}.th-pop__add:hover,.th a.th-pop__add:hover{background:var(--th-charcoal);border-color:var(--th-charcoal);color:#fff}.th-pop__add[disabled]{opacity:.5;cursor:default}@media(max-width:1100px){.th-looks__grid{grid-template-columns:1fr 1fr}.th-look.is-big{grid-column:1 / -1;grid-row:span 1;min-height:320px}}@media(max-width:560px){.th-looks__grid{grid-template-columns:1fr;grid-auto-rows:260px}.th-look.is-big,.th-look.is-wide{grid-column:auto}}@media(prefers-reduced-motion:reduce){.th-hot:before,.th-pop{animation:none}.th-look>img,.th-hot,.th-hot .th-ic{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/th-looks.css.map */