@layer components{.glass{-webkit-backdrop-filter:blur(12px)saturate(160%);background:#fdfbfab8;background:lab(98.8348% .499934 .99498/.72);border:1px solid #e6d9d899;border:1px solid lab(87.6696% 4.75571 2.00722/.6)}.glass-card{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#fdfbfad1;background:lab(98.8348% .499934 .99498/.82);border:1px solid #e6d9d880;border:1px solid lab(87.6696% 4.75571 2.00722/.5)}.glass-dialog{-webkit-backdrop-filter:blur(30px)saturate(180%);background:#f5f1eead;background:lab(95.3494% 1.0047 1.99294/.68);border:1px solid #e6d9d866;border:1px solid lab(87.6696% 4.75571 2.00722/.4);box-shadow:inset 1px 1px 1px -.5px #ffffff57,inset -1px -1px 1px -.5px #ffffff24,inset 0 0 14px #ffffff9e,0 34px 50px -20px #00000024,0 32px 45px -12px #0000001a,0 30px 40px -8px #0000001f}.glass-sidebar{-webkit-backdrop-filter:blur(30px)saturate(180%);background:#f9f6f38c;background:lab(97.0912% .835985 1.65988/.55);border:1px solid #e6d9d866;border:1px solid lab(87.6696% 4.75571 2.00722/.4);box-shadow:inset 1px 1px 1px -.5px #ffffff57,inset -1px -1px 1px -.5px #ffffff24,inset 0 0 10px #fff9,0 34px 50px -20px #00000024,0 32px 45px -12px #0000001a,0 30px 40px -8px #0000001f}.glass-settings-group{background:#fdfbfa73;background:lab(98.8348% .499934 .99498/.45);box-shadow:inset 1px 1px 1px -.5px #ffffff57,inset -1px -1px 1px -.5px #ffffff24,inset 0 0 10px #fff9,0 4px 6px -1px #00000014,0 2px 4px -2px #0000000a}.dark .glass{background:#0a0a12a6;background:lab(2.83305% 1.12279 -3.91722/.65);border-color:#f8f4f214;border-color:lab(96.5112% .836015 1.65992/.08)}.dark .glass-card{background:#0a0a12bf;background:lab(2.83305% 1.12279 -3.91722/.75);border-color:#f8f4f21a;border-color:lab(96.5112% .836015 1.65992/.1)}.dark .glass-dialog{background:#0a0a12ad;background:lab(2.83305% 1.12279 -3.91722/.68);border-color:#f8f4f21a;border-color:lab(96.5112% .836015 1.65992/.1);box-shadow:inset 1px 1px 1px -.5px #ffffff1f,inset -1px -1px 1px -.5px #ffffff0a,inset 0 0 14px #ffffff0f,0 34px 50px -20px #0000003d,0 32px 45px -12px #0003,0 30px 40px -8px #00000038}.dark .glass-sidebar{background:#10101a99;background:lab(4.9436% 1.76866 -6.2056/.6);border-color:#f8f4f21a;border-color:lab(96.5112% .836015 1.65992/.1);box-shadow:inset 1px 1px 1px -.5px #ffffff1f,inset -1px -1px 1px -.5px #ffffff0a,inset 0 0 10px #ffffff0a,0 34px 50px -20px #0000003d,0 32px 45px -12px #0003,0 30px 40px -8px #00000038}.dark .glass-settings-group{background:#83839126;box-shadow:inset 1px 1px 1px -.5px #ffffff1f,inset -1px -1px 1px -.5px #ffffff0a,inset 0 0 10px #ffffff0a,0 4px 6px -1px #0000002e,0 2px 4px -2px #00000024}.settings-slider{appearance:none;background:linear-gradient(to right, var(--primary) 0%, var(--primary) var(--slider-percent,50%), #0000001a var(--slider-percent,50%), #0000001a 100%);cursor:pointer;border-radius:9999px;outline:none;height:4px}.dark .settings-slider{background:linear-gradient(to right, var(--primary) 0%, var(--primary) var(--slider-percent,50%), #ffffff26 var(--slider-percent,50%), #ffffff26 100%)}.settings-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;box-shadow:0 1px 4px #0003,0 1px 2px #0000001a}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.settings-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0003,0 1px 2px #0000001a}.settings-scroll::-webkit-scrollbar{width:0;display:none}.settings-scroll{scrollbar-width:none;-ms-overflow-style:none}.settings-scroll-hover::-webkit-scrollbar{width:3px}.settings-scroll-hover::-webkit-scrollbar-track{background:0 0}.settings-scroll-hover::-webkit-scrollbar-thumb{background:#00000026;border-radius:9999px}.dark .settings-scroll-hover::-webkit-scrollbar-thumb{background:#ffffff26}.settings-scroll-hover{scrollbar-width:thin;scrollbar-color:#00000026 transparent}.dark .settings-scroll-hover{scrollbar-color:#ffffff26 transparent}}