@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:300;src:url(/static/media/space-grotesk-vietnamese-300-normal.67b0ae68e7ba311fdde7.woff2) format("woff2"),url(/static/media/space-grotesk-vietnamese-300-normal.19f9d1194902713f9a7c.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:300;src:url(/static/media/space-grotesk-latin-ext-300-normal.65f94890535197a4ca77.woff2) format("woff2"),url(/static/media/space-grotesk-latin-ext-300-normal.6c5c6d9aa7fc6a875ef3.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:300;src:url(/static/media/space-grotesk-latin-300-normal.f15a36293794701023e4.woff2) format("woff2"),url(/static/media/space-grotesk-latin-300-normal.93b7fe90ce84bdb597ba.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:400;src:url(/static/media/space-grotesk-vietnamese-400-normal.43e406db4c9673e64b16.woff2) format("woff2"),url(/static/media/space-grotesk-vietnamese-400-normal.805a3674b452420960bd.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:400;src:url(/static/media/space-grotesk-latin-ext-400-normal.4889d1dd083666be481f.woff2) format("woff2"),url(/static/media/space-grotesk-latin-ext-400-normal.f9e869e161d5f69c3488.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:400;src:url(/static/media/space-grotesk-latin-400-normal.e4486ff01d91b31ea5ac.woff2) format("woff2"),url(/static/media/space-grotesk-latin-400-normal.9a79ff9235fdf702f806.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:500;src:url(/static/media/space-grotesk-vietnamese-500-normal.152372a3a900b90399af.woff2) format("woff2"),url(/static/media/space-grotesk-vietnamese-500-normal.4cd7d39dff78eef3c3ae.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:500;src:url(/static/media/space-grotesk-latin-ext-500-normal.411a971e2cf9367a1f90.woff2) format("woff2"),url(/static/media/space-grotesk-latin-ext-500-normal.9b786262bfe89305ed9a.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:500;src:url(/static/media/space-grotesk-latin-500-normal.2641fa827a3c8935ce36.woff2) format("woff2"),url(/static/media/space-grotesk-latin-500-normal.b49ceea0c1268b379704.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:700;src:url(/static/media/space-grotesk-vietnamese-700-normal.d961758c27eb1a21c68b.woff2) format("woff2"),url(/static/media/space-grotesk-vietnamese-700-normal.499e5d15f63548664580.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:700;src:url(/static/media/space-grotesk-latin-ext-700-normal.b40ed7a6c4733fbbac9f.woff2) format("woff2"),url(/static/media/space-grotesk-latin-ext-700-normal.60bdf4cbe6f46755f6fa.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:700;src:url(/static/media/space-grotesk-latin-700-normal.da60da10a1aa9aca283c.woff2) format("woff2"),url(/static/media/space-grotesk-latin-700-normal.06b64ac55dcc99993664.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{background-color:#f5f3f8;display:flex;flex-direction:column;gap:2rem;min-height:100vh;padding:2rem;width:100vw}.app-container,.banner{align-items:center;justify-content:center}.banner{border-radius:12px;display:inline-flex;padding:1rem 2rem}.banner img{display:block;height:60px;width:auto}.controls-section{align-items:center;display:flex;flex-direction:column;gap:1.5rem;max-width:500px;width:100%}.dropdown,.form-group{width:100%}.dropdown{-webkit-appearance:none;appearance:none;background-color:#f3f4f6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%231f2937' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;cursor:pointer;font-family:inherit;font-size:1rem;padding:.75rem 2.5rem .75rem 1rem}.dropdown:focus{border-color:#3b82f6;outline:none}.slider-group{width:100%}.slider-wrapper{background-color:#e5e7eb;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.slider-wrapper:before{background-color:#3b82f6;background-color:var(--slider-color,#3b82f6);border-radius:4px;content:"";height:100%;left:0;position:absolute;top:0;width:40%;width:var(--slider-value,40%);z-index:1}.slider{-webkit-appearance:none;appearance:none;background:#0000;border-radius:4px;cursor:pointer;height:8px;margin:0;outline:none;position:relative;width:100%;z-index:2}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;background:var(--slider-color,#3b82f6);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;position:relative;width:20px;z-index:3}.slider::-moz-range-thumb{background:#3b82f6;background:var(--slider-color,#3b82f6);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;position:relative;width:20px;z-index:3}.slider::-webkit-slider-runnable-track{background:#0000;height:8px;width:100%}.slider::-moz-range-track{background:#0000;height:8px;width:100%}.input-group{align-items:flex-start;gap:1rem}.input-field,.input-group{display:flex;flex-direction:column;width:100%}.input-field{gap:.5rem}.input-field label{color:#4b5563;font-size:1.125rem;font-weight:500}.textfield{background-color:#fff;border:1px solid #93c5fd;border-radius:8px;color:#1f2937;font-family:inherit;font-size:1.125rem;padding:.75rem 1rem;width:100%}.textfield:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.toggle-group{align-items:center;display:flex;gap:1rem;justify-content:center;width:100%}.toggle-label{color:#3b82f6;font-size:1rem;font-weight:500}.toggle-switch{border:none;border-radius:14px;cursor:pointer;height:28px;padding:2px;position:relative;transition:background-color .3s;width:50px}.toggle-switch.off{background-color:#d1d5db}.toggle-switch.on{background-color:#3b82f6}.toggle-thumb{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;display:block;height:24px;transition:transform .3s;width:24px}.toggle-switch.off .toggle-thumb{transform:translateX(0)}.toggle-switch.on .toggle-thumb{transform:translateX(22px)}.bars-section{border-radius:8px;height:200px;width:600px}.bars-container{flex-direction:column;height:100%;width:100%}.bars-container,.bars-row{align-items:center;display:flex;gap:1rem}.bars-row{justify-content:center}.bar{border:1px solid #000;border-radius:8px;height:16px;overflow:hidden;position:relative;width:150px}.bar:before{background-color:#3b82f6;background-color:var(--fill-color,#3b82f6);border-radius:7px;content:"";height:100%;left:0;position:absolute;top:0;width:95%;width:var(--fill-width,95%)}.bar.empty:before{display:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.edce65a8.css.map*/