._scope_6vuj1_1{--manteen-demo-canvas-dark:#22252d;--manteen-demo-canvas-light:#eef1f7;--manteen-demo-accent:#4c5bd5;--manteen-demo-accent-soft:#6c7cff;color:var(--manteen-text)}._scope_6vuj1_1 button,._scope_6vuj1_1 input,._scope_6vuj1_1 select{font:inherit}._toolbar_6vuj1_15{justify-content:flex-end;align-items:center;gap:.5rem;min-height:2.5rem;margin-bottom:1rem;display:flex}._viewportControl_6vuj1_24{border:1px solid var(--manteen-border);border-radius:var(--manteen-radius-sm);background:var(--manteen-panel);align-items:center;gap:.2rem;min-width:0;height:2.4rem;margin:0;padding:.2rem;display:flex}._viewportControl_6vuj1_24 button,._themeButton_6vuj1_38,._playgroundActions_6vuj1_39 button,._switchField_6vuj1_40 button{border-radius:var(--manteen-radius-sm);color:var(--manteen-text-faint);cursor:pointer;font-size:var(--manteen-text-sm);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;font-weight:600;display:inline-flex}._viewportControl_6vuj1_24 button{min-height:1.9rem;padding:0 .55rem}._viewportControl_6vuj1_24 button:hover,._viewportControl_6vuj1_24 ._activeButton_6vuj1_60{background:var(--manteen-panel-active);color:var(--manteen-text)}._scope_6vuj1_1 ._themeButton_6vuj1_38{border-color:var(--manteen-border);background:var(--manteen-panel);height:2.4rem;color:var(--manteen-text-muted);font-size:var(--manteen-text-sm);padding:0 .65rem;font-weight:600}._viewportControl_6vuj1_24 button:focus-visible,._themeButton_6vuj1_38:focus-visible,._playgroundActions_6vuj1_39 button:focus-visible,._switchField_6vuj1_40 button:focus-visible,._fields_6vuj1_79 input:focus-visible,._fields_6vuj1_79 select:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px;box-shadow:var(--manteen-focus-ring)}._previewFrame_6vuj1_86{border:1px solid var(--manteen-border);border-radius:var(--manteen-radius-md);background:var(--manteen-panel-raised);overflow:hidden}._frameHeader_6vuj1_93{border-bottom:1px solid var(--manteen-border);background:var(--manteen-panel);justify-content:space-between;align-items:center;gap:1rem;min-height:2.5rem;padding:0 .85rem;display:flex}._frameHeader_6vuj1_93>span{color:var(--manteen-text-faint);font-family:var(--__sl-font-mono);font-size:.66rem}._liveStatus_6vuj1_110{align-items:center;gap:.5rem;display:flex}._liveStatus_6vuj1_110>span{border-radius:var(--manteen-radius-pill);background:var(--manteen-success);width:.5rem;height:.5rem}._liveStatus_6vuj1_110 strong{color:var(--manteen-text);font-size:.75rem}._stage_6vuj1_141{min-height:var(--playground-stage-min-height,25rem);padding:.75rem;contain:layout;background:var(--manteen-demo-canvas-dark);justify-content:center;align-items:center;padding-block-end:calc(.75rem + var(--playground-stage-overflow,0px));transition:background .16s;display:flex;position:relative;overflow:auto}._portalHost_6vuj1_172{pointer-events:none;position:absolute;inset:0}:where(._portalHost_6vuj1_172)>*{pointer-events:auto}._stage_6vuj1_141[data-viewport=mobile] ._portalHost_6vuj1_172{width:var(--playground-mobile-width,min(20rem, 100%));contain:layout;left:50%;right:auto;transform:translate(-50%)}._stage_6vuj1_141[data-preview-scheme=light]{background:var(--manteen-demo-canvas-light)}._demoSlot_6vuj1_188{box-sizing:border-box;width:var(--playground-desktop-width,min(32.5rem, 100%));transition:width .18s}._stage_6vuj1_141[data-viewport=mobile] ._demoSlot_6vuj1_188{width:var(--playground-mobile-width,min(20rem, 100%))}._playground_6vuj1_39{border:1px solid var(--manteen-border);border-radius:var(--manteen-radius-md);background:var(--manteen-panel);flex-direction:column;gap:.75rem;margin-top:1rem;padding:1rem;display:flex;position:relative}._playgroundHeader_6vuj1_229{justify-content:space-between;align-items:center;gap:1rem;min-height:2.4rem;display:flex}._playgroundHeader_6vuj1_229 h2{color:var(--manteen-text);font-size:.88rem}._playgroundHeader_6vuj1_229 p{color:var(--manteen-text-faint);font-size:var(--manteen-text-xs);margin-top:.15rem}._playgroundActions_6vuj1_39{gap:.5rem;display:flex}._playgroundActions_6vuj1_39 button{border-color:var(--manteen-border);background:var(--manteen-panel-active);min-height:2rem;color:var(--manteen-text-muted);padding:0 .65rem}._playgroundActions_6vuj1_39 button:last-child{color:var(--manteen-text)}._fields_6vuj1_79{flex-wrap:wrap;align-items:flex-end;gap:.65rem;display:flex}._fields_6vuj1_79 label,._switchField_6vuj1_40{flex-direction:column;flex:9rem;gap:.32rem;min-width:0;display:flex}._fields_6vuj1_79 ._switchField_6vuj1_40{flex:none}._fields_6vuj1_79 ._wideField_6vuj1_290{flex:2 14rem}._fields_6vuj1_79 ._compactField_6vuj1_294{flex:0 5.5rem}._fields_6vuj1_79 label>span,._switchField_6vuj1_40>span{color:var(--manteen-text-faint);font-size:var(--manteen-eyebrow-size);font-weight:var(--manteen-eyebrow-weight);letter-spacing:var(--manteen-eyebrow-tracking);text-transform:uppercase}._fields_6vuj1_79 input,._fields_6vuj1_79 select,._switchField_6vuj1_40 button{border:1px solid var(--manteen-border);border-radius:var(--manteen-radius-sm);background:var(--manteen-panel-raised);width:100%;min-height:2.25rem;color:var(--manteen-text-muted);font-size:var(--manteen-text-xs);padding:0 .65rem}._fields_6vuj1_79 input{text-overflow:ellipsis;overflow:hidden}._switchField_6vuj1_40 button{justify-content:space-between}._fields_6vuj1_79 ._switchField_6vuj1_40 button{gap:.55rem;width:auto;min-width:6.5rem}._switchTrack_6vuj1_341{border-radius:var(--manteen-radius-pill);background:var(--manteen-demo-accent-soft);justify-content:flex-end;align-items:center;width:2rem;height:1.15rem;padding:.12rem;display:flex}._switchTrack_6vuj1_341>span{border-radius:var(--manteen-radius-pill);background:#f5f7ff;width:.85rem;height:.85rem;transition:transform .16s}._switchField_6vuj1_40 button[aria-checked=false] ._switchTrack_6vuj1_341{background:var(--manteen-border);justify-content:flex-start}._eventToast_6vuj1_369{border:1px solid var(--manteen-border);border-radius:var(--manteen-radius-pill);background:var(--manteen-panel);align-items:center;gap:.5rem;width:max-content;margin-inline:auto;padding:.35rem .75rem;animation:.16s _playground-toast-in_6vuj1_1;display:flex;position:absolute;inset-block-end:.7rem;inset-inline:0}._eventToast_6vuj1_369 code{color:var(--manteen-text);font-size:var(--manteen-text-xs);background:0 0;border:0;margin-block:0;padding:0}._eventDot_6vuj1_394{border-radius:var(--manteen-radius-pill);background:var(--manteen-success);flex:none;width:.44rem;height:.44rem}@keyframes _playground-toast-in_6vuj1_1{0%{opacity:0;transform:translateY(.3rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){._eventToast_6vuj1_369{animation:none}}._placeholder_6vuj1_422{border:1px dashed var(--manteen-border);border-radius:var(--manteen-radius-md);background:var(--manteen-panel);min-height:30rem}._copyAnnouncement_6vuj1_429{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=32rem){._toolbar_6vuj1_15,._playgroundHeader_6vuj1_229{flex-direction:column;align-items:stretch}._toolbar_6vuj1_15{justify-content:flex-start}._viewportControl_6vuj1_24{width:100%}._viewportControl_6vuj1_24 button{flex:1}._themeButton_6vuj1_38{width:100%}._fields_6vuj1_79 label,._fields_6vuj1_79 ._compactField_6vuj1_294{flex-basis:100%}._frameHeader_6vuj1_93>span{display:none}._stage_6vuj1_141{min-height:var(--playground-stage-min-height-mobile,22rem);padding:.75rem}}