@property --site-k-top{syntax:"<color>";inherits:false;initial-value:transparent}@property --site-k-bot{syntax:"<color>";inherits:false;initial-value:transparent}.site-key{--site-k-glow:color-mix(in oklch,var(--site-k-bot) var(--site-key-glow-mix),transparent);border:0;background-color:var(--site-k-bot);background-image:linear-gradient(180deg,var(--site-k-top),var(--site-k-bot));color:var(--site-k-ink);box-shadow:var(--site-k-hl),var(--site-key-edge),var(--site-k-rim),var(--site-key-drop),var(--site-key-glow) var(--site-k-glow);-webkit-tap-highlight-color:transparent}.site-key,.site-key.site-press{transition:--site-k-top var(--site-duration-fast) var(--ease-site-out),--site-k-bot var(--site-duration-fast) var(--ease-site-out),box-shadow var(--site-duration-fast) var(--ease-site-out),translate calc(var(--site-dur-press) * var(--site-motion)) var(--ease-site-out),transform calc(var(--site-dur-spring-press) * var(--site-motion)) var(--ease-site-press)}.site-key-orange{--site-k-top:var(--site-key-orange-top);--site-k-bot:var(--site-key-orange-bot);--site-k-ink:var(--color-site-on-orange);--site-k-hl:var(--site-key-hl);--site-k-rim:var(--site-key-rim)}.site-key-ink{--site-k-top:var(--site-key-ink-top);--site-k-bot:var(--site-key-ink-bot);--site-k-ink:var(--color-site-paper);--site-k-hl:var(--site-key-hl-dim);--site-k-rim:var(--site-key-rim)}.site-key-paper{--site-k-top:var(--site-key-white-top);--site-k-bot:var(--site-key-white-bot);--site-k-ink:var(--color-site-ink);--site-k-hl:var(--site-key-hl-bright);--site-k-rim:var(--site-key-rim-soft)}.site-key-outline{--site-k-top:var(--site-key-quiet-top);--site-k-bot:var(--site-key-quiet-bot);--site-k-ink:var(--color-site-ink);--site-k-hl:var(--site-highlight);--site-k-rim:var(--site-key-rim-soft);--site-key-glow-mix:0%}:is(.dark,.site-dark) .site-key-ink{--site-k-hl:var(--site-key-hl-bright)}:is(.dark,.site-dark) .site-key-paper{--site-k-hl:var(--site-key-hl-dim)}.site-key-orange:focus-visible{--site-k-top:var(--site-key-orange-top-hover);--site-k-bot:var(--site-key-orange-bot-hover)}.site-key-ink:focus-visible{--site-k-top:var(--site-key-ink-top-hover);--site-k-bot:var(--site-key-ink-bot-hover)}.site-key-paper:focus-visible{--site-k-top:var(--site-key-white-top-hover);--site-k-bot:var(--site-key-white-bot-hover)}.site-key-outline:focus-visible{--site-k-top:var(--site-key-quiet-top-hover);--site-k-bot:var(--site-key-quiet-bot-hover)}@media (hover:hover) and (pointer:fine){.site-key-orange:hover{--site-k-top:var(--site-key-orange-top-hover);--site-k-bot:var(--site-key-orange-bot-hover)}.site-key-ink:hover{--site-k-top:var(--site-key-ink-top-hover);--site-k-bot:var(--site-key-ink-bot-hover)}.site-key-paper:hover{--site-k-top:var(--site-key-white-top-hover);--site-k-bot:var(--site-key-white-bot-hover)}.site-key-outline:hover{--site-k-top:var(--site-key-quiet-top-hover);--site-k-bot:var(--site-key-quiet-bot-hover)}}.site-key:active:not(:disabled,[aria-disabled=true]){translate:0 calc(var(--site-key-shift) * var(--site-motion));box-shadow:var(--site-key-press)}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .site-key:active:not(:disabled,[aria-disabled=true]){translate:none}}