.tpp-panel.svelte-1p2lw54{--pn-body:color-mix(in oklab, var(--o-paper) 92%, var(--o-lilac));background:linear-gradient(170deg, color-mix(in oklab, var(--pn-body) 80%, white), var(--pn-body) 42%);color:var(--o-ink);box-shadow:inset 0 2px 0 #ffffffbf, inset 0 -2px 0 color-mix(in oklab, var(--o-ink) 6%, transparent), 0 12px 0 color-mix(in oklab, var(--pn-body) 72%, var(--o-ink)), 0 34px 44px -18px var(--o-shadow), 0 8px 14px -8px var(--o-shadow);border-radius:34px;padding:30px 30px 32px;display:block;position:relative}@supports (color:lab(0% 0 0)){.tpp-panel.svelte-1p2lw54{box-shadow:inset 0 2px 0 lab(100% -.0000298023 .0000119209/.75), inset 0 -2px 0 color-mix(in oklab, var(--o-ink) 6%, transparent), 0 12px 0 color-mix(in oklab, var(--pn-body) 72%, var(--o-ink)), 0 34px 44px -18px var(--o-shadow), 0 8px 14px -8px var(--o-shadow)}}.tone-lilac.svelte-1p2lw54{--pn-body:var(--o-lilac)}.tone-lime.svelte-1p2lw54{--pn-body:color-mix(in oklab, var(--o-lime) 70%, var(--o-paper))}.tone-sage.svelte-1p2lw54{--pn-body:var(--sage,var(--o-lilac))}.tpp-panel-screw.svelte-1p2lw54{background:radial-gradient(circle at 35% 30%, color-mix(in oklab, white 70%, var(--pn-body)), color-mix(in oklab, var(--pn-body) 60%, var(--o-ink)));width:14px;height:14px;box-shadow:inset 0 -1px 1px color-mix(in oklab, var(--o-ink) 30%, transparent), 0 1px 0 #fff9;border-radius:50%;position:absolute}@supports (color:lab(0% 0 0)){.tpp-panel-screw.svelte-1p2lw54{box-shadow:inset 0 -1px 1px color-mix(in oklab, var(--o-ink) 30%, transparent), 0 1px 0 lab(100% -.0000298023 .0000119209/.6)}}.tpp-panel-screw.svelte-1p2lw54:after{content:"";background:color-mix(in oklab, var(--o-ink) 38%, transparent);border-radius:2px;height:2px;position:absolute;top:6px;left:3px;right:3px;transform:rotate(-35deg)}.s1.svelte-1p2lw54{top:14px;left:14px}.s2.svelte-1p2lw54{top:14px;right:14px}.s3.svelte-1p2lw54{bottom:14px;left:14px}.s4.svelte-1p2lw54{bottom:14px;right:14px}.tpp-panel-plate.svelte-1p2lw54{background:color-mix(in oklab, var(--o-plum) 92%, var(--o-ink));color:var(--o-on-plum);letter-spacing:.16em;text-transform:uppercase;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin:0 8px 22px;padding:10px 16px;font-size:12px;font-weight:600;display:flex;box-shadow:inset 0 2px 3px #0000004d,0 1px #fff9;box-shadow:inset 0 2px 3px lab(0% 0 0/.3),0 1px lab(100% -.0000298023 .0000119209/.6)}.tpp-panel-status.svelte-1p2lw54{color:var(--o-lime);letter-spacing:.12em}.tpp-panel-face.svelte-1p2lw54{border-radius:24px;padding:8px;position:relative}