.th-cats{background:var(--th-paper-warm);border-block:1px solid var(--th-line);padding-block:48px}.th-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;grid-auto-flow:dense;gap:16px;margin:0;padding:0;list-style:none}.th-bento__item{min-width:0}.th-bento__item.is-tall{grid-row:span 2}.th-bento__item.is-wide{grid-column:span 2}.th a.th-bcat{position:relative;display:block;height:100%;overflow:hidden;border-radius:22px;background:var(--th-charcoal);color:#fff;text-decoration:none}.th-bcat img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .64s var(--th-ease)}.th-bcat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#43424400 30%,#434244d1)}.th-bcat:hover img{transform:scale(1.07)}.th-bcat__body{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;display:grid;gap:6px}.th-bcat__name{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--th-display);font-size:15px;letter-spacing:.14em;text-transform:uppercase}.th-bcat__name .th-ic{width:16px;height:16px;transition:transform .28s var(--th-ease)}.th-bcat:hover .th-bcat__name .th-ic{transform:translate(5px)}.th-bcat__count{font-size:12px;opacity:.85}.th-bcat__subs{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s var(--th-ease)}.th-bcat__chips{display:flex;flex-wrap:wrap;gap:6px;min-height:0;overflow:hidden}.th-bcat__chips span{padding:5px 10px;border-radius:999px;background:#ffffff2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:11.5px;white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity .28s,transform .28s var(--th-ease)}.th-bcat__chips span.is-more{background:var(--th-blossom);color:var(--th-charcoal)}@media(hover:hover){.th-bcat:hover .th-bcat__subs,.th-bcat:focus-visible .th-bcat__subs{grid-template-rows:1fr}.th-bcat:hover .th-bcat__chips span,.th-bcat:focus-visible .th-bcat__chips span{opacity:1;transform:none}.th-bcat:hover .th-bcat__chips span:nth-child(2){transition-delay:50ms}.th-bcat:hover .th-bcat__chips span:nth-child(3){transition-delay:.1s}.th-bcat:hover .th-bcat__chips span:nth-child(4){transition-delay:.15s}.th-bcat:hover .th-bcat__chips span:nth-child(5){transition-delay:.2s}.th-bcat:hover .th-bcat__chips span:nth-child(6){transition-delay:.25s}}.th a.th-bcat--text{display:grid;place-items:center;padding:24px;background-color:var(--th-blossom);color:var(--th-charcoal);text-align:center;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'><g fill='none' stroke='white' stroke-width='0.7' stroke-opacity='0.85'><circle cx='28' cy='28' r='28'/><circle cx='0' cy='0' r='28'/><circle cx='56' cy='0' r='28'/><circle cx='0' cy='56' r='28'/><circle cx='56' cy='56' r='28'/></g></svg>");background-size:56px 56px}.th-bcat--text:before{display:none}.th-bcat__big{font-family:var(--th-display);font-size:clamp(22px,2.4vw,30px);font-weight:300;letter-spacing:.08em;line-height:1.1;text-transform:uppercase}.th-bcat__big small{display:block;margin-top:10px;font-size:11px;letter-spacing:.26em;color:var(--th-blossom-ink)}@media(max-width:1100px){.th-bento{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.th-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:190px}}@media(max-width:560px){.th-bento{grid-auto-rows:170px;gap:12px}.th-bento__item.is-tall{grid-row:span 1}.th-bcat__body{left:14px;right:14px;bottom:12px}.th-bcat__name{font-size:13px;letter-spacing:.1em}}@media(prefers-reduced-motion:reduce){.th-bcat img,.th-bcat__subs,.th-bcat__chips span,.th-bcat__name .th-ic{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/th-categories.css.map */