.tpp{position:relative;display:grid;gap:10px;margin:0 0 16px;min-width:0}.tpp__q{margin:0;font-size:15px;font-weight:500;letter-spacing:-.01em}.tpp__brands{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--gutter, 16px) * -1);padding:0 var(--gutter, 16px);scroll-padding:0 var(--gutter, 16px)}.tpp__brands::-webkit-scrollbar{display:none}.tpp__brand{flex:none;min-height:44px;padding:0;border:0;background:none;color:var(--c-muted);font:500 15px/1.2 var(--f-body);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1.5px;text-underline-offset:6px;transition:color .2s,text-decoration-color .2s}.tpp__brand:hover{color:var(--c-ink)}.tpp__brand[aria-pressed=true]{color:var(--c-ink);text-decoration-color:currentColor}.tpp__brand:disabled{opacity:.5;cursor:default}.tpp__brand:focus-visible{outline:1px solid currentColor;outline-offset:2px}@media(min-width:990px){.tpp__brands{margin:0;padding:0}}.tpp__field{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;max-width:520px;padding:0 14px;border-radius:var(--r);background:var(--c-paper-2);box-shadow:inset 0 0 0 1px var(--c-line)}.tpp__field:focus-within{box-shadow:inset 0 0 0 1px var(--c-ink)}.tpp__label{font:400 11px/1 var(--f-mono);color:var(--c-muted);white-space:nowrap}.tpp__field select,.tpp__input{flex:1;width:100%;min-width:0;appearance:none;-webkit-appearance:none;border:0;background:none;color:inherit;font:500 16px/1.2 var(--f-body);padding:12px 0}.tpp__field select{cursor:pointer;text-overflow:ellipsis}.tpp__field select:focus,.tpp__input:focus{outline:none}.tpp__field select:disabled,.tpp__input:disabled{opacity:.5;cursor:default}.tpp__input::placeholder{color:var(--c-muted);opacity:1}.tpp__clear{flex:none;width:36px;height:36px;margin-right:-8px;border:0;background:none;color:inherit;display:grid;place-items:center;cursor:pointer}.tpp__clear[hidden]{display:none}.tpp__clear svg{width:18px;height:18px}.tpp__list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;max-height:min(360px,55svh);overflow:auto;overscroll-behavior:contain;padding:4px;background:var(--c-paper);color:var(--c-ink);border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--c-ink)}.tpp__list[hidden]{display:none}.tpp__grp{padding:14px 10px 6px;font:400 11px/1 var(--f-mono);color:var(--c-muted)}.tpp__opt{display:flex;align-items:baseline;gap:10px;min-height:44px;padding:12px 10px;border-radius:var(--r);font-size:15px;line-height:1.25;cursor:pointer}.tpp__opt:hover,.tpp__opt[aria-selected=true]{background:var(--c-paper-2)}.tpp__opt[aria-selected=true]{box-shadow:inset 0 0 0 1px var(--c-ink)}.tpp__opt-n{min-width:0}.tpp__opt-f{flex:none;font-size:13px;color:var(--c-muted)}.tpp__opt-tds{flex:none;margin-left:auto;font:400 11px/1 var(--f-mono);color:var(--c-muted)}.tpp__opt--ask{margin-top:4px;border-top:1px solid var(--c-line);border-radius:0;text-decoration:underline;text-underline-offset:3px}.tpp__none{margin:0;padding:12px 10px;font-size:13px;color:var(--c-muted)}.tpp__basis{margin:0;min-height:2.9em;font:400 11px/1.45 var(--f-mono);color:var(--c-muted);max-width:64ch}.tpp__basis a{color:var(--c-ink)}@media(min-width:750px){.tpp__basis{min-height:1.45em}}.tpp--dark{margin:0 0 18px;padding-top:14px;border-top:1px solid var(--c-line-d)}.tpp--dark .tpp__brand{color:var(--c-fog)}.tpp--dark .tpp__brand:hover,.tpp--dark .tpp__brand[aria-pressed=true]{color:var(--c-paper)}.tpp--dark .tpp__field{background:var(--c-ink-2);box-shadow:inset 0 0 0 1px var(--c-line-d);color:var(--c-paper)}.tpp--dark .tpp__field:focus-within{box-shadow:inset 0 0 0 1px var(--c-fog)}.tpp--dark .tpp__label,.tpp--dark .tpp__basis,.tpp--dark .tpp__input::placeholder{color:var(--c-fog)}.tpp--dark .tpp__basis a{color:var(--c-paper)}.tpp__tipline{margin:0;font-size:14px;line-height:1.45;max-width:64ch}.tpp__tipline[hidden]{display:none}.tpp__tipline a{color:inherit;text-underline-offset:3px}@media(max-width:749px){.is-pt-onscreen .chat-launch{transform:translateY(160%);pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/paint-picker.css.map */