.lp.onb{--onb-card-w:560px}.lp.onb .onb-backdrop{background:radial-gradient(55% 45% at 85% 10%, var(--lp-teal-glow), transparent 70%), radial-gradient(40% 35% at 5% 90%, var(--lp-blush), transparent 70%)}.lp.onb .onb-grid{background-image:linear-gradient(var(--lp-hair) 1px, transparent 1px), linear-gradient(90deg, var(--lp-hair) 1px, transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 20%,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 20%,#0000 80%)}.lp.onb .onb-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px}.lp.onb .onb-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--lp-teal) var(--fill,50%), var(--lp-hair) var(--fill,50%));border-radius:999px;height:10px}.lp.onb .onb-range::-moz-range-track{background:linear-gradient(90deg, var(--lp-teal) var(--fill,50%), var(--lp-hair) var(--fill,50%));border-radius:999px;height:10px}.lp.onb .onb-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--foreground);border:4px solid var(--lp-panel);border-radius:999px;width:30px;height:30px;margin-top:-10px;transition:transform .12s;box-shadow:0 6px 16px -6px #0c141d99}.lp.onb .onb-range:active::-webkit-slider-thumb{transform:scale(1.12)}.lp.onb .onb-range::-moz-range-thumb{background:var(--foreground);border:4px solid var(--lp-panel);border-radius:999px;width:22px;height:22px}.lp.onb .onb-range:focus-visible{outline:none}.lp.onb .onb-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--lp-teal-glow)}@keyframes onb-sheen{0%,60%{transform:translate(-120%)}to{transform:translate(220%)}}.lp.onb .onb-sheen{isolation:isolate;position:relative;overflow:hidden}.lp.onb .onb-sheen:after{content:"";mix-blend-mode:soft-light;z-index:-1;background:linear-gradient(100deg,#0000,#ffffff38,#0000);width:40%;animation:3.6s ease-in-out infinite onb-sheen;position:absolute;inset:0}.lp.onb .onb-stem{font-size:15.5px;line-height:1.65}@media (min-width:640px){.lp.onb .onb-stem{font-size:16px}}.lp.onb .onb-glass{-webkit-backdrop-filter:blur(3px)saturate(185%)brightness(1.04);backdrop-filter:blur(3px)saturate(185%)brightness(1.04);background:#ffffff24;border:1px solid #ffffffb3;box-shadow:inset 0 1.5px #ffffffd9,inset 0 -10px 18px -8px #0c141d29,inset 0 0 0 1px #ffffff1f,0 14px 30px -12px #0c141d73}[data-theme=dark] .lp.onb .onb-glass{background:#ffffff12;border-color:#ffffff52;box-shadow:inset 0 1.5px #fff6,inset 0 -10px 18px -8px #00000080,0 14px 30px -12px #000c}.lp.onb .onb-glass-sheen{mix-blend-mode:screen;pointer-events:none;background:radial-gradient(120% 60% at 20% 0,#ffffff8c,#0000 55%),linear-gradient(115deg,#0000 40%,#ffffff2e 48%,#0000 56%)}.lp.onb .onb-key{min-width:2.4em;height:2.4em;font-family:var(--font-display), ui-sans-serif, system-ui, sans-serif;color:var(--foreground);background:linear-gradient(180deg, var(--lp-panel), var(--lp-panel-2));border:1px solid var(--lp-hair);box-shadow:0 3px 0 color-mix(in srgb, var(--foreground) 22%, transparent), 0 8px 18px -8px #0c141d66;border-radius:.55em;justify-content:center;align-items:center;padding:0 .6em;font-weight:900;display:inline-flex}.lp.onb .onb-notes .og-nt{font-size:14.5px}.lp.onb{--onb-p1:#1d6b66;--onb-p2:#96cecb;--onb-p3:#e0a43c}[data-theme=dark] .lp.onb{--onb-p1:#3a9d95;--onb-p2:#b8e6e2;--onb-p3:#eab85c}@keyframes onb-hl{0%{box-shadow:0 0 0 0 var(--lp-teal-glow)}30%{box-shadow:0 0 0 6px var(--lp-teal-glow)}to{box-shadow:0 0 0 2px var(--lp-teal)}}.lp.onb .onb-hl{background:color-mix(in srgb, var(--lp-teal) 14%, transparent);border-radius:8px;animation:1.6s ease-out forwards onb-hl}.lp.onb .onb-inspector *,.lp .onb-inspector *{scrollbar-width:none}.lp .onb-inspector ::-webkit-scrollbar{display:none}