.finder-tab{transition:background-color var(--dur-fast) var(--ease-out-quick), color var(--dur-fast) var(--ease-out-quick)}@media (hover:hover){.finder-tab:hover{background-color:var(--color-surface-3);color:var(--color-on-surface)}}.finder-tab[aria-selected=true]{background-color:var(--color-on-surface);border-color:var(--color-on-surface);color:var(--color-surface-0)}.swatch-edge{outline-offset:-1px;outline:1px solid #0000001a}.dark .swatch-edge{outline-color:#ffffff1a}.val-copy{transition:background-color var(--dur-fast) var(--ease-out-quick), border-color var(--dur-fast) var(--ease-out-quick), transform var(--dur-press) var(--ease-out-quick);position:relative}.val-copy:before{content:"";position:absolute;inset:-8px}@media (hover:hover){.val-copy:hover{background-color:var(--color-surface-3);border-color:var(--color-surface-border)}}.val-copy:active{transform:scale(.92)}.val-copy .clip,.val-copy .check{transition:opacity var(--dur-fast) var(--ease-out-quick), transform var(--dur-slow) var(--ease-out-soft);grid-area:1/1}.val-copy .check{opacity:0;color:var(--color-success-text);transform:scale(.6)}.val-copy.copied{border-color:var(--color-success-border)}.val-copy.copied .clip{opacity:0;transform:scale(.6)}.val-copy.copied .check{opacity:1;transform:none}.row-line{border-top:var(--border-hairline) solid var(--color-surface-border)}.color-row{transition:background-color var(--dur-fast) var(--ease-out-quick)}@media (hover:hover){.color-row:hover{background-color:var(--color-surface-3)}}.harmony-tile{position:relative}.harmony-tile:after{content:"";opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out-quick);position:absolute;inset:0;box-shadow:inset 0 0 0 2px}@media (hover:hover){.harmony-tile:hover:after{opacity:.55}}.color-page-chip{transition:background-color var(--dur-base) var(--ease-out-quick), border-color var(--dur-base) var(--ease-out-quick), color var(--dur-base) var(--ease-out-quick), transform var(--dur-press) var(--ease-out-quick)}.color-page-chip:active{transform:scale(.96)}.color-page-faq .faq-list{margin-top:0}.color-page-faq details{box-shadow:var(--elevation-card);border:0;margin-bottom:.5rem}.color-page-faq details:last-child{margin-bottom:0}.color-page-faq summary{padding:.8rem 1rem;font-size:.95rem}.color-page-faq summary svg{width:1rem;height:1rem;color:var(--color-on-surface-subtle)}.color-page-faq .faq-answer>div{color:var(--color-on-surface-muted);max-width:34em;padding:0 1rem .9rem;font-size:.875rem}