.playground-section{width:100%;display:flex;flex-direction:column;justify-content:space-between;height:100%}.ps-title{color:var(--text-primary);margin:0;padding-bottom:14px}.tp-cs-title{color:var(--text-primary);text-decoration:underline}.tp-states-sec{display:flex;flex-direction:column;gap:50px}.tp-ss-title{color:var(--text-primary);margin:0;padding-bottom:14px;box-sizing:border-box}:root{--font-family-primary: "DM Sans", Roboto, sans-serif}:root{--bg-app: #06081d;--bg-preview-bg:#06081d;--bg-sidebar: #0f0a21;--bg-sidebar-item: #15122b;--bg-sidebar-item-hover: #1f1b3a;--bg-sidebar-item-active: #2a2450;--bg-side-border-color: #cfcfd5;--border-primary: #27253b;--border-accent: #6366f1;--text-primary: #ffffff;--text-secondary: #c7c7d1;--bg-panel: #0f0a21}:root.light-theme{--bg-app: #eaf4ff;--bg-preview-bg: #eef6ff;--bg-sidebar: #f4f9ff;--bg-panel: #ffffff;--bg-sidebar-item: transparent;--bg-sidebar-item-hover: #dbeeff;--bg-sidebar-item-active: #c6e3ff;--bg-side-border-color: #b3d9ff;--border-primary: #0187ff;--border-accent: #0890f8;--text-primary: #0d121c;--text-secondary: #475569;--brand-primary: #0890f8;--brand-secondary: #a5d2f4}html,body{margin:0;padding:0;height:100dvh;font-family:var(--font-family-primary)}@font-face{font-family:DM Sans;src:url(/assets/fonts/DMSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--input-default-border: #7b7b7b;--input-active-border: #31a8ff;--input-error-border: #de0000;--input-success-border: #0da40d;--input-warning-border: #f29100;--input-active-bg: #31a8ff1a;--input-error-bg: #f20f001a;--input-warning-bg: #f291001a;--input-success-bg: #00b5001a;--input-placeholder-color: #a5a5a5;--input-label-color: #3c3c3c;--input-hint-color: #3c3c3c;--input-disabled-bg: #FFFFFF;--input-disabled-border: #A5A5A5;--input-disabled-text: #7B7B7B;--white-bg: #fff;--error-font-color: #de0000;--required-asterisk-icon: #f20f00;--success-Green-color: #5c5e64;--default-bg-color: #308cfe1a;--error-bg-color: #f20f001a;--pills-bg-default: #308cfe;--pills-bg-success: #0da40d;--pills-bg-error: #de0000;--input-max-with: 400px;--input-min-with: 280px}.hint-class{color:var(--input-label-color);font-size:22px;font-weight:500}.label-class{color:var(--input-label-color);font-size:14px;font-weight:500}