@property --angle-1{syntax:"<angle>";inherits:false;initial-value:135deg}@property --angle-2{syntax:"<angle>";inherits:false;initial-value:135deg}.glass-button-wrap{position:relative;z-index:2;border-radius:50%;background:transparent;transition:all .2s cubic-bezier(.34,1.56,.64,1);width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;flex-shrink:0!important;box-sizing:border-box!important}.glass-button-shadow{--shadow-cuttoff-fix:2em;position:absolute;width:calc(100% + var(--shadow-cuttoff-fix));height:calc(100% + var(--shadow-cuttoff-fix));top:calc(0% - var(--shadow-cuttoff-fix) / 2);left:calc(0% - var(--shadow-cuttoff-fix) / 2);filter:blur(clamp(2px,.125em,12px));-webkit-filter:blur(clamp(2px,.125em,12px));overflow:visible;pointer-events:none;opacity:0;transition:opacity .15s cubic-bezier(.34,1.56,.64,1)}.glass-button-shadow:after{content:"";position:absolute;z-index:0;inset:0;border-radius:999vw;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.1));width:calc(100% - var(--shadow-cuttoff-fix) - .25em);height:calc(100% - var(--shadow-cuttoff-fix) - .25em);top:calc(var(--shadow-cuttoff-fix) - .5em);left:calc(var(--shadow-cuttoff-fix) - .875em);padding:.125em;box-sizing:border-box;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;transition:all .15s cubic-bezier(.34,1.56,.64,1);overflow:visible}.glass-button-wrap:has(.glass-button.active) .glass-button-shadow{opacity:1}.glass-button{--border-width:1px;cursor:pointer;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);pointer-events:auto;z-index:3;background:transparent;border-radius:50%;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:all .15s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;box-sizing:border-box!important;flex-shrink:0!important;padding:0!important;margin:0!important;border:none!important}.glass-button:not(.disabled):hover{transform:scale(.95)}.glass-button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.glass-button.disabled:active,.glass-button.disabled:hover{transform:none}.glass-button span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;user-select:none;-webkit-user-select:none;font-family:Inter,sans-serif;letter-spacing:-.05em;font-weight:500;font-size:.75rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:all .15s cubic-bezier(.34,1.56,.64,1);padding:0;width:100%;height:100%;box-sizing:border-box}.glass-button span,.glass-button span>*{position:relative;z-index:10}.glass-button:hover span{text-shadow:.025em .025em .025em rgba(0,0,0,.12)}.glass-button span:after{content:"";display:block;position:absolute;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);box-sizing:border-box;border-radius:999vw;overflow:clip;background:linear-gradient(var(--angle-2),rgba(255,255,255,0) 0,rgba(255,255,255,.5) 40% 50%,rgba(255,255,255,0) 55%);z-index:-1;mix-blend-mode:screen;pointer-events:none;background-size:200% 200%;background-position:0 50%;background-repeat:no-repeat;transition:background-position .25s cubic-bezier(.34,1.56,.64,1),--angle-2 .25s cubic-bezier(.34,1.56,.64,1)}.glass-button:not(.disabled):hover span:after{background-position:25% 50%}.glass-button:not(.disabled):active span:after{background-position:50% 15%;--angle-2:165deg}.glass-button:after{content:"";position:absolute;z-index:1;inset:calc(var(--border-width) / -2);border-radius:999vw;padding:var(--border-width);box-sizing:border-box;background:conic-gradient(from var(--angle-1) at 50% 50%,rgba(0,0,0,.5),rgba(0,0,0,0) 5% 40%,rgba(0,0,0,.5) 50%,rgba(0,0,0,0) 60% 95%,rgba(0,0,0,.5)),linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.5));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;transition:all .15s cubic-bezier(.34,1.56,.64,1),--angle-1 .2s ease-out;box-shadow:inset 0 0 0 calc(var(--border-width) / 2) rgba(255,255,255,.5)}.glass-button:not(.disabled):hover:after{--angle-1:185deg}.glass-button:not(.disabled):active:after{--angle-1:135deg}.glass-button-wrap:has(.glass-button:not(.disabled):hover) .glass-button-shadow{filter:blur(clamp(2px,.0625em,6px));-webkit-filter:blur(clamp(2px,.0625em,6px))}.glass-button-wrap:has(.glass-button:not(.disabled):hover) .glass-button-shadow:after{top:calc(var(--shadow-cuttoff-fix) - .875em);opacity:1}.glass-button-wrap:has(.glass-button:not(.disabled):active){transform:rotateX(25deg)}.glass-button-wrap:has(.glass-button:not(.disabled):active) .glass-button{box-shadow:inset 0 .125em .125em rgba(0,0,0,.05),inset 0 -.125em .125em rgba(255,255,255,.5),0 .125em .125em -.125em rgba(0,0,0,.2),inset 0 0 .1em .25em rgba(255,255,255,.2),0 .225em .05em 0 rgba(0,0,0,.05),0 .25em 0 0 rgba(255,255,255,.75),inset 0 .25em .05em 0 rgba(0,0,0,.15)}.glass-button-wrap:has(.glass-button:not(.disabled):active) .glass-button-shadow{filter:blur(clamp(2px,.125em,12px));-webkit-filter:blur(clamp(2px,.125em,12px))}.glass-button-wrap:has(.glass-button:not(.disabled):active) .glass-button-shadow:after{top:calc(var(--shadow-cuttoff-fix) - .5em);opacity:.75}.glass-button-wrap:has(.glass-button:not(.disabled):active) span{text-shadow:.025em .25em .05em rgba(0,0,0,.12)}.glass-button.active{background:linear-gradient(135deg,rgba(15,145,207,.2),rgba(9,210,211,.3)),linear-gradient(135deg,rgba(15,145,207,.21),rgba(9,210,211,.31));box-shadow:inset 0 .125em .125em rgba(59,130,246,.1),inset 0 -.125em .125em rgba(147,197,253,.6),0 .25em .125em -.125em rgba(59,130,246,.25),inset 0 0 .15em .3em rgba(147,197,253,.3),0 .5em 1em -.2em rgba(59,130,246,.4);backdrop-filter:blur(clamp(1px,.125em,4px));-webkit-backdrop-filter:blur(clamp(1px,.125em,4px))}.glass-button.active:after{--angle-1:185deg;opacity:1}.glass-button:not(.active) span:after,.glass-button:not(.active):after{opacity:0}.glass-button-active-indicator{position:relative;width:100%;height:50px;border-radius:50%;background:linear-gradient(135deg,rgba(15,145,207,.02),rgba(9,210,211,.03)),linear-gradient(135deg,rgba(15,145,207,.021),rgba(9,210,211,.031));box-shadow:inset 0 .125em .125em rgba(59,130,246,.01),inset 0 -.125em .125em rgba(147,197,253,.36),0 .25em .125em -.125em rgba(59,130,246,.25),inset 0 0 .15em .3em rgba(147,197,253,.13),0 .5em 1em -.2em rgba(59,130,246,.14);backdrop-filter:blur(clamp(1px,.125em,4px));-webkit-backdrop-filter:blur(clamp(1px,.125em,4px))}.glass-button-active-indicator:after{content:"";position:absolute;z-index:1;inset:calc(var(--border-width, 1px) / -2);border-radius:999vw;padding:var(--border-width,1px);box-sizing:border-box;background:conic-gradient(from 185deg at 50% 50%,rgba(0,0,0,.5),rgba(0,0,0,0) 5% 40%,rgba(0,0,0,.5) 50%,rgba(0,0,0,0) 60% 95%,rgba(0,0,0,.5)),linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.5));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;box-shadow:inset 0 0 0 calc(var(--border-width, 1px) / 2) rgba(255,255,255,.5);opacity:1}.audio-glass-button{--border-width:1px;cursor:pointer;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);background:rgba(255,255,255,.25);border-radius:50%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .15s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;width:36px;height:36px;box-sizing:border-box;flex-shrink:0;padding:0;margin:0;border:none;box-shadow:inset 0 1px 1px rgba(255,255,255,.4),inset 0 -1px 1px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.1)}.audio-glass-button:hover{transform:scale(.95);background:rgba(255,255,255,.35)}.audio-glass-button:active{transform:scale(.9);box-shadow:inset 0 2px 3px rgba(0,0,0,.15),inset 0 -1px 1px rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.1)}.audio-glass-button:after{content:"";position:absolute;z-index:1;inset:0;border-radius:50%;padding:var(--border-width);box-sizing:border-box;background:conic-gradient(from var(--angle-1,135deg) at 50% 50%,rgba(255,255,255,.6),rgba(255,255,255,0) 15% 35%,rgba(255,255,255,.4) 50%,rgba(255,255,255,0) 65% 85%,rgba(255,255,255,.6));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;transition:--angle-1 .2s ease-out}.audio-glass-button:hover:after{--angle-1:185deg}