@layer components{.button-lift{--button-depth:4px;--button-depth-shadow:#0752b8;box-shadow:none;background:0 0}.button-lift:after{inset:0 0 calc(var(--button-depth) * -1) 0;z-index:0;content:"";position:absolute}.button-lift-surface{border-radius:inherit;box-shadow:0 var(--button-depth) 0 var(--button-depth-shadow);will-change:transform;background:linear-gradient(135deg,#15a7ed 0%,#1769ee 100%);justify-content:center;align-items:center;transition-property:transform,box-shadow;transition-duration:.12s;transition-timing-function:cubic-bezier(.16,1,.3,1);display:inline-flex}.button-lift-surface-hotkey{background:var(--primary);color:var(--primary-foreground);--button-depth-shadow:color-mix(in oklab, var(--primary) 88%, black)}@media (hover:hover) and (pointer:fine){.button-lift:hover .button-lift-surface{box-shadow:0 calc(var(--button-depth) + 1px) 0 var(--button-depth-shadow);transform:translateY(-1px)}}.button-lift:active .button-lift-surface{transform:translateY(calc(var(--button-depth) - 1px));box-shadow:0 1px 0 var(--button-depth-shadow)}@media (prefers-reduced-motion:reduce){.button-lift-surface{transition-duration:.01ms}}}