:root{--tt-blue: #165366;--tt-blue-dark: #0d3e50;--tt-blue-soft: #eef5f7;--tt-ink: #172126;--tt-muted: #68777e;--tt-border: #cdd9dd}.tt-picker-native{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}.tt-picker{display:grid;gap:1.4rem;margin:1.2rem 0 1.5rem;color:var(--tt-ink)}.tt-picker fieldset{min-width:0;margin:0;padding:0;border:0}.tt-picker__legend{display:flex;align-items:baseline;gap:.65rem;width:100%;margin:0 0 .65rem;padding:0}.tt-picker__label{font-size:1rem;font-weight:700;letter-spacing:.01em}.tt-picker__selected{color:var(--tt-muted);font-size:.9rem}.tt-picker__buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.tt-choice,.tt-pack-card{-webkit-appearance:none;appearance:none;border:1px solid var(--tt-border);border-radius:8px;background:#fff;color:var(--tt-ink);cursor:pointer;font:inherit;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease}.tt-choice{display:flex;min-height:48px;flex-direction:column;justify-content:center;padding:.7rem .8rem;text-align:center}.tt-choice:hover,.tt-pack-card:hover{border-color:var(--tt-blue);transform:translateY(-1px)}.tt-choice.is-selected,.tt-pack-card.is-selected{border-color:var(--tt-blue);background:var(--tt-blue-soft);box-shadow:0 0 0 2px var(--tt-blue)}.tt-choice:focus-visible,.tt-pack-card:focus-visible,.tt-swatch:focus-visible{outline:3px solid rgba(22,83,102,.28);outline-offset:3px}.tt-choice:disabled,.tt-pack-card:disabled,.tt-swatch:disabled{cursor:not-allowed;opacity:.42}.tt-choice__main{font-weight:750}.tt-choice__meta{margin-top:.15rem;color:var(--tt-muted);font-size:.75rem;line-height:1.25}.tt-picker__swatches{display:flex;flex-wrap:wrap;gap:.65rem}.tt-swatch{width:38px;height:38px;padding:0;border:3px solid #fff;border-radius:50%;background:var(--tt-swatch-color);box-shadow:0 0 0 1px var(--tt-border);cursor:pointer}.tt-swatch--light{background-image:linear-gradient(135deg,transparent 47%,#cbd5da 48%,#cbd5da 52%,transparent 53%)}.tt-swatch.is-selected{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--tt-blue)}.tt-picker__split{display:grid;gap:1.4rem}.tt-picker__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.tt-pack-card{display:flex;min-height:118px;flex-direction:column;padding:1rem}.tt-pack-card__title{color:var(--tt-blue-dark);font-size:1rem;font-weight:800}.tt-pack-card__detail{margin:.25rem 0 .7rem;color:var(--tt-muted);font-size:.82rem}.tt-pack-card__price{margin-top:auto;font-size:1.05rem;font-weight:800}.tt-pack-card__unit{margin-top:.15rem;color:var(--tt-muted);font-size:.76rem}@media(max-width:749px){.tt-picker__buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.tt-picker__cards{grid-template-columns:1fr}.tt-pack-card{min-height:96px}}@media(prefers-reduced-motion:reduce){.tt-choice,.tt-pack-card{transition:none}}.tt-picker__cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:12px}.tt-pack-card{min-height:0;gap:6px;padding:16px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}.tt-pack-card__title{font-size:20px}.tt-pack-card__detail{margin:0;color:#465860;font-size:16px}.tt-pack-card__price{margin-top:6px;font-size:22px}.tt-pack-card__unit{margin-top:0;color:#465860;font-size:16px}@media(max-width:749px){.tt-picker__cards{grid-template-columns:1fr}.tt-pack-card{min-height:0}}.tt-picker .tt-choice.is-unavailable{opacity:1;background:#f3f4f5;border:1px dashed #b8c0c5;box-shadow:none;color:#687178;cursor:not-allowed;transform:none}.tt-picker .tt-choice.is-unavailable .tt-choice__main{text-decoration:line-through;text-decoration-thickness:1px}.tt-picker .tt-choice__availability{display:block;margin-top:6px;color:#505a61;font-size:12px;font-weight:600;line-height:1.35;text-decoration:none}.tt-picker .tt-choice__availability:empty{display:none}.tt-picker .tt-picker__availability-note{margin:10px 0 0;color:#505a61;font-size:14px;line-height:1.5}.tt-picker .tt-picker__availability-note[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/9/assets/total-tapes-variant-picker.css.map */