@layer lism-custom{.lq-wallpaper{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 40% at 20% 20%,oklch(70% .28 330 / .9),transparent 60%),radial-gradient(ellipse 50% 40% at 80% 10%,oklch(75% .22 50 / .85),transparent 60%),radial-gradient(ellipse 70% 50% at 70% 70%,oklch(72% .22 200 / .85),transparent 65%),radial-gradient(ellipse 50% 60% at 10% 90%,oklch(70% .25 280 / .85),transparent 60%),linear-gradient(135deg,#4838bf,oklch(40% .22 330));background-size:cover;overflow:hidden}.lq-wallpaper:before{content:"";position:absolute;inset:-10%;background-image:radial-gradient(circle at 25% 30%,oklch(85% .15 60 / .5) 0,transparent 8%),radial-gradient(circle at 75% 70%,oklch(85% .18 200 / .5) 0,transparent 6%),radial-gradient(circle at 50% 50%,oklch(85% .18 320 / .4) 0,transparent 10%);filter:blur(20px)}html[data-theme=light] .lq-wallpaper{background:radial-gradient(ellipse 60% 40% at 20% 20%,oklch(90% .15 330 / .8),transparent 60%),radial-gradient(ellipse 50% 40% at 80% 10%,oklch(92% .14 50 / .85),transparent 60%),radial-gradient(ellipse 70% 50% at 70% 70%,oklch(90% .16 200 / .85),transparent 65%),radial-gradient(ellipse 50% 60% at 10% 90%,oklch(90% .15 280 / .85),transparent 60%),linear-gradient(135deg,oklch(92% .08 280),#fec0f7)}.lq-surface{position:relative;background:color-mix(in srgb,white 16%,transparent);-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);border:1px solid color-mix(in srgb,white 38%,transparent);color:#fff;box-shadow:0 10px 32px color-mix(in srgb,black 25%,transparent),inset 0 1.5px .5px color-mix(in srgb,white 55%,transparent),inset 0 -10px 20px color-mix(in srgb,white 12%,transparent),inset 0 0 0 1px color-mix(in srgb,white 8%,transparent);transition:transform .45s cubic-bezier(.34,1.56,.64,1),border-radius .45s cubic-bezier(.34,1.56,.64,1),background .18s ease,box-shadow .18s ease;will-change:transform,border-radius}@supports (backdrop-filter: url(#lq-refraction)){.lq-surface{-webkit-backdrop-filter:saturate(180%) url(#lq-refraction);backdrop-filter:saturate(180%) url(#lq-refraction)}.lq-surface{background:color-mix(in srgb,white 8%,transparent)}html[data-theme=light] .lq-surface{background:color-mix(in srgb,white 22%,transparent)}}html[data-theme=light] .lq-surface{background:color-mix(in srgb,white 34%,transparent);border:1px solid color-mix(in srgb,white 60%,transparent);box-shadow:0 10px 32px color-mix(in srgb,black 12%,transparent),inset 0 1.5px .5px color-mix(in srgb,white 70%,transparent),inset 0 -10px 20px color-mix(in srgb,white 28%,transparent);color:#1b1d1f}.lq-interactive{cursor:pointer}.lq-interactive:hover{transform:scale(1.04)}.lq-interactive:active{transform:scale(.93);border-radius:calc(var(--lq-radius, 1rem) + 8px);transition-duration:.12s;background:color-mix(in srgb,white 32%,transparent)}html[data-theme=light] .lq-interactive:active{background:color-mix(in srgb,white 60%,transparent)}.lq-toggle{width:100%;aspect-ratio:1;border-radius:50%;--lq-radius: 999px;display:grid;place-items:center;color:currentColor}.lq-toggle[aria-pressed=true]{background:color-mix(in srgb,white 78%,transparent);color:oklch(45% .25 250);box-shadow:0 0 24px color-mix(in srgb,oklch(80% .2 220) 60%,transparent),inset 0 1.5px .5px color-mix(in srgb,white 85%,transparent)}.lq-toggle[aria-pressed=true]:active{background:color-mix(in srgb,white 90%,transparent)}.lq-btn{width:56px;height:56px;border-radius:50%;--lq-radius: 999px;display:grid;place-items:center;color:#fff}html[data-theme=light] .lq-btn{color:#1b1d1f}.lq-btn.is-on{background:color-mix(in srgb,white 85%,transparent);color:#0b2b5f}.lq-slider{position:relative;border-radius:28px;--lq-radius: 28px;overflow:hidden;cursor:grab}.lq-slider:active{cursor:grabbing}.lq-slider_fill{position:absolute;inset:auto 0 0;background:linear-gradient(180deg,color-mix(in srgb,white 95%,transparent),color-mix(in srgb,white 80%,transparent));transition:height .12s ease-out;box-shadow:0 0 20px color-mix(in srgb,white 50%,transparent),inset 0 1px color-mix(in srgb,white 70%,transparent)}.lq-slider_icon{position:absolute;inset:auto 0 16px;display:grid;place-items:center;color:#0b2b5f;mix-blend-mode:plus-lighter;pointer-events:none;z-index:1}@media(prefers-reduced-motion:reduce){.lq-surface{transition:background .18s ease}.lq-interactive:hover,.lq-interactive:active{transform:none;border-radius:var(--lq-radius, 1rem)}}@media(prefers-reduced-transparency:reduce){.lq-surface{background:color-mix(in srgb,white 85%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}html[data-theme=dark] .lq-surface{background:color-mix(in srgb,#222 85%,transparent)}}}