.glass-button-wrap{--anim-time:400ms;--anim-ease:cubic-bezier(0.25,1,0.5,1);--border-width:clamp(1px,0.0625em,4px);position:relative;z-index:2;transform-style:preserve-3d;transition:transform var(--anim-time) var(--anim-ease)}.glass-button-wrap:has(.glass-button:active){transform:rotateX(25deg)}.glass-button-shadow{--shadow-cutoff-fix:2em;position:absolute;width:calc(100% + var(--shadow-cutoff-fix));height:calc(100% + var(--shadow-cutoff-fix));top:calc(0% - var(--shadow-cutoff-fix) / 2);left:calc(0% - var(--shadow-cutoff-fix) / 2);filter:blur(clamp(2px,.125em,12px));transition:filter var(--anim-time) var(--anim-ease);pointer-events:none;z-index:0}.glass-button-shadow:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.1));width:calc(100% - var(--shadow-cutoff-fix) - .25em);height:calc(100% - var(--shadow-cutoff-fix) - .25em);top:calc(var(--shadow-cutoff-fix) - .5em);left:calc(var(--shadow-cutoff-fix) - .875em);padding:.125em;box-sizing:border-box;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:1}.glass-button,.glass-button-shadow:after{border-radius:9999px;transition:all var(--anim-time) var(--anim-ease)}.glass-button{-webkit-tap-highlight-color:transparent;backdrop-filter:blur(clamp(1px,.125em,4px));background:linear-gradient(-75deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.2),hsla(0,0%,100%,.05));box-shadow:inset 0 .125em .125em hsla(0,0%,100%,.05),inset 0 -.125em .125em rgba(0,0,0,.5),0 .25em .125em -.125em rgba(0,0,0,.2),inset 0 0 .1em .25em hsla(0,0%,100%,.2)}.glass-button:hover{transform:scale(.975);backdrop-filter:blur(.01em)}.glass-button-text{color:hsla(0,0%,100%,.9);text-shadow:0 .25em .05em rgba(0,0,0,.1);transition:all var(--anim-time) var(--anim-ease)}.glass-button:after{content:"";position:absolute;z-index:1;inset:0;border-radius:9999px;width:calc(100% + var(--border-width));height:calc(100% + var(--border-width));top:calc(0% - var(--border-width) / 2);left:calc(0% - var(--border-width) / 2);padding:var(--border-width);box-sizing:border-box;background:conic-gradient(from var(--angle-1) at 50% 50%,hsla(0,0%,100%,.5) 0,transparent 5% 40%,hsla(0,0%,100%,.5) 50%,transparent 60% 95%,hsla(0,0%,100%,.5) 100%),linear-gradient(180deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:all var(--anim-time) var(--anim-ease),--angle-1 .5s ease;pointer-events:none}.glass-button:hover:after{--angle-1:-125deg}.glass-input-wrap{z-index:2;transform-style:preserve-3d}.glass-input,.glass-input-wrap{position:relative;border-radius:9999px}.glass-input{display:flex;width:100%;align-items:center;gap:.5rem;padding:.25rem;backdrop-filter:blur(clamp(1px,.125em,4px));transition:all .4s cubic-bezier(.25,1,.5,1);background:linear-gradient(-75deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.2),hsla(0,0%,100%,.05));box-shadow:inset 0 .125em .125em hsla(0,0%,100%,.05),inset 0 -.125em .125em rgba(0,0,0,.5),0 .25em .125em -.125em rgba(0,0,0,.2)}.glass-input:after{content:"";position:absolute;z-index:1;inset:0;border-radius:9999px;width:calc(100% + clamp(1px, .0625em, 4px));height:calc(100% + clamp(1px, .0625em, 4px));top:calc(0% - clamp(1px, .0625em, 4px) / 2);left:calc(0% - clamp(1px, .0625em, 4px) / 2);padding:clamp(1px,.0625em,4px);box-sizing:border-box;background:conic-gradient(from var(--angle-1) at 50% 50%,hsla(0,0%,100%,.5) 0,transparent 5% 40%,hsla(0,0%,100%,.5) 50%,transparent 60% 95%,hsla(0,0%,100%,.5) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:all .4s cubic-bezier(.25,1,.5,1),--angle-1 .5s ease;pointer-events:none}.glass-input-wrap:focus-within .glass-input:after{--angle-1:-125deg}