@charset "UTF-8";.playground-section{width:100%;display:flex;flex-direction:column;justify-content:space-between;height:100vh}.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}.debug-info{padding-top:20px;display:flex;flex-direction:column}@media(max-width:768px){.ps-testing{height:25%}.cpm-control{height:75%;min-height:50%;max-height:75%;overflow:auto;resize:vertical;border-top:2px solid var(--border-primary)}.ps-title{text-align:center;padding:0 50px 30px;font-size:20px}.tp-components-state{display:flex;align-items:center;justify-content:center;flex-direction:column}}: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{--primary-lighter: #d6eeff;--primary-light: #98d3ff;--primary-base: #31a8ff;--primary-dark: #298cd4;--primary-darker: #103855;--secondary-lighter: #effef5;--secondary-light: #e0fceb;--secondary-base: #d0fbe1;--secondary-dark: #add1bb;--secondary-darker: #687d70;--teritiary-lighter: #e9f3ff;--teritiary-light: #b8d0f1;--teritiary-base: #5799f2;--teritiary-dark: #3468af;--teritiary-darker: #1a447c;--error-lighter: #fccfcc;--error-light: #f88780;--error-base: #f20f00;--error-dark: #ca0d00;--error-darker: #790800;--error-opacity-10: #F20F001A;--success-lighter: #cfedcf;--success-light: #86d186;--success-base: #0da40d;--success-dark: #0b890b;--success-darker: #075207;--success-opacity-10: #0DA40D1A;--alert-lighter: #fce9cc;--alert-light: #f8c880;--alert-base: #f29100;--alert-dark: #ca7900;--alert-darker: #794900;--alert-opacity-10: #FF990019;--info-lighter: #d6eeff;--info-light: #98d3ff;--info-base: #31a8ff;--info-dark: #298cd4;--info-darker: #103855;--info-opacity-10: rgba(49, 168, 255, .1);--grey-dark-50: #a5a5a5;--grey-dark-100: #7b7b7b;--grey-dark-200: #505050;--grey-dark-300: #2d2d2d;--grey-dark-400: #1e1e1e;--grey-light-50: #fafafa;--grey-light-100: #f6f6f6;--grey-light-200: #ffffff;--grey-light-300: #ededed;--grey-light-400: #c3c3c3}.hint-class{color:var(--grey-dark-300, #2d2d2d);font-size:var(--t3, 24px);font-weight:500}.label-class{color:var(--grey-dark-300, #2d2d2d);font-size:var(--t4, 14px);font-weight:500}@font-face{font-family:mut-icons;src:url("./media/mut-icons-CYWF7QT3.eot");src:url("./media/mut-icons-CYWF7QT3.eot?#iefix") format("embedded-opentype"),url("./media/mut-icons-NU3KDSWB.ttf") format("truetype"),url("./media/mut-icons-KNJQNDFE.woff") format("woff"),url("./media/mut-icons-JRQPMOQT.svg#mut-icons") format("svg");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:mut-icons!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-Icon-clock:before{content:"\e901"}.icon-Icon-Clock-history:before{content:"\e900"}.icon-Icon-Go-back:before{content:"\e903";color:#1c274c}.icon-Icon-close:before{content:"\e902";color:#1c274c}.icon-Icon-Delete:before{content:"\e904";color:#1c274c}.icon-Icon-Done:before{content:"\e905";color:#1c274c}.icon-Icon-Restart:before{content:"\e906";color:#1c274c}.icon-icon-Eye-close:before{content:"\e90b";color:#505050}.icon-Icon-previous-arrow:before{content:"\e90a"}.icon-Icon-Next-arrow:before{content:"\e909"}.icon-Icon-info:before{content:"\e907"}.icon-Icon-Tick:before{content:"\e908"}:root{--h1: 40px;--h2: 32px;--h3: 28px;--h4: 18px;--h5: 16px;--h6: 12px;--t1: 24px;--t2: 22px;--t3: 20px;--t4: 14px}@media(max-width:1023px){:root{--h1: 32px;--h2: 28px;--h3: 24px;--h4: 20px;--h5: 18px;--h6: 16px;--t1: 26px;--t2: 14px;--t3: 12px;--t4: 10px}}