.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{background:var(--lightningcss-light,hsla(0,0%,100%,var(--glass-frost,0)))var(--lightningcss-dark,hsla(0,0%,0%,var(--glass-frost,0)));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter))saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter))saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,rgba(0,0,0,.15))var(--lightningcss-dark,rgba(255,255,255,.35)),inset 0 0 10px 4px var(--lightningcss-light,rgba(0,0,0,.1))var(--lightningcss-dark,rgba(255,255,255,.15)),0 4px 16px rgba(17,17,26,.05),0 8px 24px rgba(17,17,26,.05),0 16px 56px rgba(17,17,26,.05),inset 0 4px 16px rgba(17,17,26,.05),inset 0 8px 24px rgba(17,17,26,.05),inset 0 16px 56px rgba(17,17,26,.05);box-shadow:inset 0 0 2px 1px var(--lightningcss-light,color(display-p3 0 0 0/.15))var(--lightningcss-dark,color(display-p3 1 1 1/.35)),inset 0 0 10px 4px var(--lightningcss-light,color(display-p3 0 0 0/.1))var(--lightningcss-dark,color(display-p3 1 1 1/.15)),0 4px 16px color(display-p3 .0666667 .0666667 .0992517/.0509804),0 8px 24px color(display-p3 .0666667 .0666667 .0992517/.0509804),0 16px 56px color(display-p3 .0666667 .0666667 .0992517/.0509804),inset 0 4px 16px color(display-p3 .0666667 .0666667 .0992517/.0509804),inset 0 8px 24px color(display-p3 .0666667 .0666667 .0992517/.0509804),inset 0 16px 56px color(display-p3 .0666667 .0666667 .0992517/.0509804);box-shadow:inset 0 0 2px 1px var(--lightningcss-light,lab(0% 0 0/.15))var(--lightningcss-dark,lab(100% 0 0/.35)),inset 0 0 10px 4px var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(100% 0 0/.15)),0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804)}.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.1);background:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(31,38,135,.2),0 2px 16px rgba(31,38,135,.1),inset 0 1px rgba(255,255,255,.4),inset 0 -1px rgba(255,255,255,.2)}@media (prefers-color-scheme:dark){.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px rgba(255,255,255,.2),inset 0 -1px rgba(255,255,255,.1)}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:rgba(255,255,255,.4);box-shadow:inset 0 1px rgba(255,255,255,.5),inset 0 -1px rgba(255,255,255,.3)}.glass-surface--fallback:before{content:"";border-radius:inherit;z-index:-1;background:rgba(255,255,255,.15);position:absolute;top:0;bottom:0;left:0;right:0}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){@media (prefers-color-scheme:dark){.glass-surface--fallback{background:rgba(0,0,0,.4)}.glass-surface--fallback:before{background:rgba(255,255,255,.05)}}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}
.mouse{width:var(--mouse-width,50px);height:var(--mouse-height,90px);box-sizing:border-box;border:3px solid #333;border-radius:60px;flex-shrink:0;position:relative}.mouse:before{content:"";width:var(--mouse-dot-size,12px);height:var(--mouse-dot-size,12px);opacity:1;background-color:#333;border-radius:50%;animation:2s infinite wheel;position:absolute;top:10px;left:50%;transform:translate(-50%)}@keyframes wheel{0%{opacity:1;transform:translate(-50%)translateY(0)}to{transform:translateX(-50%)translateY(var(--mouse-dot-travel,36px));opacity:.2}}
.slider-thumb{background:linear-gradient(145deg,#fff,#e6e6e6)}.slider-thumb-inner{background:linear-gradient(145deg,#f5f5f5,#e0e0e0);box-shadow:inset 2px 2px 4px #d0d0d0,inset -1px -1px 3px #fff}.slider-outer-container{background-color:#e0e0e0;box-shadow:inset 4px 4px 10px #bcbcbc,inset -4px -4px 10px #fff}:is(.dark .slider-thumb){background:linear-gradient(145deg,#3a3a3a,#2a2a2a)}:is(.dark .slider-thumb-inner){background:linear-gradient(145deg,#333,#282828);box-shadow:inset 2px 2px 4px #1a1a1a,inset -1px -1px 3px #404040}:is(.dark .slider-outer-container){background:linear-gradient(145deg,#333,#282828);box-shadow:inset 4px 4px 10px #1f1f1f,inset -4px -4px 10px #2f2f2f}
.toggle-wrapper{background-image:linear-gradient(#d5d5d5,#e8e8e8);border-radius:.5em;justify-content:center;align-items:center;padding:.125em;font-size:1.5em;display:flex;position:relative;box-shadow:0 1px 1px rgba(255,255,255,.6)}:where(.dark,.dark *) .toggle-wrapper{background-image:linear-gradient(#2a2a2a,#1a1a1a);box-shadow:0 1px 1px rgba(0,0,0,.6)}.toggle-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;border-radius:inherit;width:100%;height:100%;font:inherit;opacity:0;cursor:pointer;position:absolute}.toggle-container{background-color:#e8e8e8;border-radius:.375em;align-items:center;width:3em;height:1.5em;transition:background-color .4s linear;display:flex;position:relative;box-shadow:inset 0 0 .0625em .125em rgba(255,255,255,.2),inset 0 .0625em .125em rgba(0,0,0,.4)}:where(.dark,.dark *) .toggle-container{background-color:#2a2a2a;box-shadow:inset 0 0 .0625em .125em rgba(0,0,0,.3),inset 0 .0625em .125em rgba(0,0,0,.6)}.toggle-checkbox:checked+.toggle-container{background-color:#f3b519}:where(.dark,.dark *) .toggle-checkbox:checked+.toggle-container{background-color:#d4a017}.toggle-button{background-color:#e8e8e8;border-radius:.3125em;justify-content:center;align-items:center;width:1.375em;height:1.375em;transition:left .4s;display:flex;position:absolute;left:.0625em;box-shadow:inset 0 -.0625em .0625em .125em rgba(0,0,0,.1),inset 0 -.125em .0625em rgba(0,0,0,.2),inset 0 .1875em .0625em rgba(255,255,255,.3),0 .125em .125em rgba(0,0,0,.5)}:where(.dark,.dark *) .toggle-button{background-color:#3a3a3a;box-shadow:inset 0 -.0625em .0625em .125em rgba(0,0,0,.3),inset 0 -.125em .0625em rgba(0,0,0,.4),inset 0 .1875em .0625em rgba(255,255,255,.1),0 .125em .125em rgba(0,0,0,.7)}.toggle-checkbox:checked+.toggle-container>.toggle-button{left:1.5625em}.toggle-button-circles-container{grid-template-columns:repeat(3,min-content);gap:.125em;margin:0 auto;display:grid;position:absolute}.toggle-button-circle{background-image:radial-gradient(circle at 50% 0,#f5f5f5,#c4c4c4);border-radius:50%;width:.125em;height:.125em}:where(.dark,.dark *) .toggle-button-circle{background-image:radial-gradient(circle at 50% 0,#5a5a5a,#2a2a2a)}