.color-hero{box-shadow:inset 0 0 0 1px #0000000f}.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)}@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}@media (prefers-reduced-motion:no-preference){.prop-fill{transform-origin:0;animation:prop-fill var(--dur-reveal) var(--ease-out-soft) both;animation-delay:.12s}}@keyframes prop-fill{0%{transform:scaleX(0)}to{transform:none}}.prop-bar-hue{background:linear-gradient(90deg,#e61a1a,#e6e61a,#1ae61a,#1ae6e6,#1a1ae6,#e61ae6,#e61a1a);position:relative}.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{border-color:var(--color-surface-border-subtle);margin-bottom:.5rem}.color-page-faq details:last-child{margin-bottom:0}.color-page-faq summary{padding:.8rem 1rem;font-size:.92rem}.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);padding:0 1rem .9rem;font-size:.88rem}