.tpp{--tpp-ink: #171a17;--tpp-muted: #697069;--tpp-line: #d7ddd7;--tpp-accent: #173f32;--tpp-soft: #f2f6f2;display:grid;gap:14px;margin:20px 0 22px;padding:16px;border:1px solid var(--tpp-line);border-radius:8px;background:#fbfcfa;color:var(--tpp-ink);container-type:inline-size}.tpp__intro{display:grid;gap:3px}.tpp__title,.tpp__note,.tpp__legend{margin:0}.tpp__title{font-size:15px;font-weight:700;line-height:1.5;word-break:auto-phrase;line-break:strict;text-wrap:balance}.tpp__note{color:var(--tpp-muted);font-size:12px;line-height:1.65;word-break:auto-phrase;line-break:strict;text-wrap:pretty}.tpp__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.tpp__cards>li{min-width:0}.tpp__card{display:grid;grid-template-columns:54px minmax(0,1fr);min-width:0;min-height:80px;overflow:hidden;border:1px solid var(--tpp-line);border-radius:6px;background:#fff;color:var(--tpp-ink);text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.tpp__card:hover{border-color:var(--tpp-accent);box-shadow:0 5px 14px #173f321a;transform:translateY(-1px)}.tpp__card.is-active{border-color:var(--tpp-accent);box-shadow:inset 0 0 0 1px var(--tpp-accent);background:var(--tpp-soft)}.tpp__media{display:grid;overflow:hidden;background:#f4f4f1;place-items:center}.tpp__media img{width:100%;height:100%;min-height:80px;object-fit:cover}.tpp__content{display:grid;min-width:0;padding:8px;align-content:start;gap:1px}.tpp__name{font-size:13px;font-weight:700;line-height:1.35;word-break:keep-all;overflow-wrap:anywhere;line-break:strict;text-wrap:pretty}.tpp__meta,.tpp__price{color:var(--tpp-muted);font-size:11px;line-height:1.45}.tpp__meta{word-break:keep-all;overflow-wrap:anywhere;line-break:strict}.tpp__price{color:var(--tpp-ink);font-weight:650}.tpp__status{width:fit-content;margin-top:4px;padding:2px 6px;border-radius:999px;background:var(--tpp-accent);color:#fff;font-size:9px;font-weight:700;line-height:1.4}.tpp__status.is-sold-out{background:#ebe9e4;color:#756f68}.tpp__axis{display:grid;gap:7px}.tpp__legend{color:var(--tpp-muted);font-size:12px;font-weight:700;line-height:1.4}.tpp__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tpp__choices--colors{grid-template-columns:repeat(2,minmax(0,1fr))}.tpp__choice{display:inline-flex;min-height:42px;padding:8px;border:1px solid var(--tpp-line);border-radius:6px;align-items:center;justify-content:center;background:#fff;color:var(--tpp-ink);font-size:12px;font-weight:650;line-height:1.35;text-align:center;text-decoration:none}.tpp__choice:hover,.tpp__choice.is-active{border-color:var(--tpp-accent)}.tpp__choice.is-active{box-shadow:inset 0 0 0 1px var(--tpp-accent);background:var(--tpp-soft)}.tpp__choice--color{gap:7px}.tpp__choice--color>span{width:15px;height:15px;border:1px solid rgb(0 0 0 / 14%);border-radius:50%;background:#7b7b78}.tpp__choice--color.is-red>span{background:#8f2620}.tpp a:focus-visible{outline:2px solid var(--tpp-accent);outline-offset:3px}@media(max-width:430px){.tpp{margin-block:17px 20px;padding:13px}.tpp__cards{gap:7px}.tpp__card{grid-template-columns:46px minmax(0,1fr);min-height:76px}.tpp__media img{min-height:76px}.tpp__content{padding:7px 6px}.tpp__name{font-size:12px}.tpp__choices{grid-template-columns:1fr}.tpp__choices--colors{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 330px){.tpp__card{grid-template-columns:minmax(0,1fr)}.tpp__media{display:none}}@media(prefers-reduced-motion:reduce){.tpp__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/towa-product-picker.css.map */