.tprod-root{isolation:isolate;position:relative}.tprod-media{aspect-ratio:1;border:1px solid var(--line);background:color-mix(in srgb, var(--acc) 80%, var(--bg2));justify-content:center;align-items:center;width:100%;animation:.6s cubic-bezier(.22,1,.36,1) both tprod-rise;display:flex;position:relative;overflow:hidden}.tprod-media-img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1)}.tprod-media:hover .tprod-media-img{transform:scale(1.02)}.tprod-thumb{border:1px solid var(--line2);background:color-mix(in srgb, var(--acc) 80%, var(--bg2));flex-shrink:0;width:4rem;height:4rem;transition:border-color .2s;position:relative;overflow:hidden}.tprod-thumb img{object-fit:cover;width:100%;height:100%}.tprod-thumb:hover{border-color:color-mix(in srgb, var(--acc) 55%, var(--line))}.tprod-thumb[aria-current=true]{border-color:var(--acc)}.tprod-thumb:focus-visible{outline:2px solid var(--acc);outline-offset:1px}.tprod-swatch{cursor:pointer;border:1px solid var(--line2);background:var(--bg2);color:var(--body);border-radius:2px;justify-content:center;align-items:center;padding:.4rem .9rem;font-size:.85rem;font-weight:500;line-height:1;transition:color .18s,border-color .18s,background-color .18s;display:inline-flex}.tprod-swatch:hover{color:var(--ink);border-color:color-mix(in srgb, var(--acc) 55%, var(--line))}.tprod-swatch--size{min-width:3rem;padding-inline:.5rem}input:checked+.tprod-swatch{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}input:focus-visible+.tprod-swatch{outline:2px solid var(--acc);outline-offset:1px}input:disabled+.tprod-swatch{cursor:not-allowed;opacity:.4}input:disabled+.tprod-swatch:hover{color:var(--body);border-color:var(--line2)}.tprod-description{border:1px solid var(--line);background:color-mix(in srgb, var(--bg2) 70%, transparent);margin-top:1.75rem;padding:1.35rem 1.45rem;position:relative}@keyframes tprod-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tprod-media,.tprod-media-img,.tprod-thumb,.tprod-swatch{transition:none!important;animation:none!important}}