@layer components{.button-press{box-shadow:none;background:0 0}.button-press-surface{border-radius:inherit;background:var(--brand);box-shadow:none;justify-content:center;align-items:center;transition:background-color .12s ease-out,transform .12s ease-out,box-shadow .12s ease-out;display:inline-flex}.button-press-surface-hotkey{background:var(--primary);color:var(--primary-foreground)}@media (hover:hover) and (pointer:fine){.button-press:hover:not(:disabled):not([aria-disabled=true]):not([data-disabled]) .button-press-surface{background:var(--brand-hover)}}.button-press:active:not(:disabled):not([aria-disabled=true]):not([data-disabled]) .button-press-surface{box-shadow:inset 0 2px 0 var(--brand-shadow);transform:translateY(1px)scale(.98)}}