.btn,[data-press]{isolation:isolate;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:48px;position:relative;overflow:hidden}.btn{transform:translate(var(--mx,0), var(--my,0)) perspective(500px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .18s cubic-bezier(.2,.7,.1,1),background-color .12s,color .12s,border-color .12s,box-shadow .12s}.btn:before{content:"";z-index:-1;background:var(--i-sweep,currentColor);transform-origin:0;pointer-events:none;transition:transform .11s ease-out;position:absolute;inset:0;transform:scaleX(0)}.btn:active:before,.btn.is-pressed:before{transform:scaleX(1)}.btn:active,.btn.is-pressed,[data-press]:active,[data-press].is-pressed{transform:translate(var(--mx,0), calc(var(--my,0px) + 1px)) scale(.97);transition-duration:80ms}.ripple{background:var(--i-ripple,currentColor);pointer-events:none;z-index:0;border-radius:50%;position:absolute}:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--i-focus,#f2b705);outline-offset:3px;box-shadow:0 0 0 6px var(--i-focus-gap,#111)}.kinetic .kw{vertical-align:bottom;margin-bottom:-.06em;padding-bottom:.06em;display:inline-block;overflow:hidden}.kinetic .kw>span{transition:transform .7s cubic-bezier(.2,.75,.1,1);transition-delay:calc(var(--i,0) * 70ms);display:inline-block;transform:translateY(105%)}.kinetic.is-in .kw>span{transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-delay:0s!important}.btn{transform:none!important}.ripple{display:none}}