:root{--devrosui-background-primary:#000;--devrosui-background-secondary:#fafafa;--devrosui-background-tertiary:#090909;--devrosui-text-primary:#ededed;--devrosui-text-secondary:#000;--devrosui-text-tertiary:#818181;--devrosui-button-primary-hover:#ccc;--devrosui-button-secondary-hover:#1a1a1a;--devrosui-button-tertiary-hover:#131313;--devrosui-button-secondary-border:#1a1a1a;--devrosui-skeleton-initial:#1a1a1a;--devrosui-skeleton-animate:#141414;--devrosui-danger-text:#ae1717;--devrosui-danger-background:#240d0d;--devrosui-danger-background-hover:#2e1111;--devrosui-font:"Geist", sans-serif}html.light{--devrosui-background-primary:#fafafa;--devrosui-background-secondary:#000;--devrosui-background-tertiary:#efefef;--devrosui-text-primary:#000;--devrosui-text-secondary:#ededed;--devrosui-text-tertiary:#666;--devrosui-button-primary-hover:#383838;--devrosui-button-secondary-hover:#f2f2f2;--devrosui-button-secondary-border:#e0dede;--devrosui-button-tertiary-hover:#e7e7e7;--devrosui-skeleton-initial:#e6e6e6;--devrosui-skeleton-animate:#f2f2f2;--devrosui-danger-background:#ffdada;--devrosui-danger-background-hover:#f6d1d1}:root{--devrosui-size-h1:64px;--devrosui-size-h2:40px;--devrosui-size-h3:32px;--devrosui-size-h4:24px;--devrosui-size-h5:16px;--devrosui-size-h6:14px;--devrosui-size-p:16px;--devrosui-size-label:16px;--devrosui-size-input:14px}@media (max-width:1200px){:root{--devrosui-size-h1:40px;--devrosui-size-h2:36px;--devrosui-size-h3:26px}}@media (max-width:450px){:root{--devrosui-size-h1:32px;--devrosui-size-h2:26px;--devrosui-size-h3:20px;--devrosui-size-h4:16px;--devrosui-size-p:14px}}
@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:400;src:url(../media/geist-cyrillic-ext-400-normal.3c_o3_1lpog9p.woff2)format("woff2"),url(../media/geist-cyrillic-ext-400-normal.0rn135pc89cdf.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:400;src:url(../media/geist-cyrillic-400-normal.415levixm-iyz.woff2)format("woff2"),url(../media/geist-cyrillic-400-normal.0nezimdrzl0vh.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:400;src:url(../media/geist-vietnamese-400-normal.1c3n1wwh214rh.woff2)format("woff2"),url(../media/geist-vietnamese-400-normal.2d3t4p0l200k2.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:400;src:url(../media/geist-latin-ext-400-normal.0o4igpbwkz82n.woff2)format("woff2"),url(../media/geist-latin-ext-400-normal.3ro-kxyg9ckyq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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-family:Geist;font-style:normal;font-display:swap;font-weight:400;src:url(../media/geist-latin-400-normal.2o3xb38ucbuw3.woff2)format("woff2"),url(../media/geist-latin-400-normal.3pwg30tlg2bzr.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.accordion{font-family:var(--devrosui-font);list-style:none}.accordion-item-container{text-align:left;color:var(--devrosui-text-primary);cursor:pointer;width:100%;margin:.5rem auto;padding:1rem}.accordion-item-container.filled:hover,.accordion-item-container.empty:hover{background-color:var(--devrosui-button-secondary-hover);transition:all .25s}.accordion-item-container.filled{border:1px solid var(--devrosui-button-secondary-border);background-color:var(--devrosui-background-tertiary);border-radius:1rem}.accordion-item-container.empty{border-bottom:1px solid var(--devrosui-button-secondary-border);background-color:#0000;border-radius:0}.accordion-item-content p{color:var(--devrosui-text-tertiary);font-size:var(--devrosui-size-p)}.accordion-header-container{justify-content:space-between;display:flex}.accordion-header-container h1,.accordion-header-container h2,.accordion-header-container h3,.accordion-header-container h4,.accordion-header-container h5,.accordion-header-container h6{color:var(--devrosui-text-primary);margin:auto 0;font-weight:400}.accordion-header-container h1{font-size:var(--devrosui-size-h1)}.accordion-header-container h2{font-size:var(--devrosui-size-h2)}.accordion-header-container h3{font-size:var(--devrosui-size-h3)}.accordion-header-container h4{font-size:var(--devrosui-size-h4)}.accordion-header-container h5{font-size:var(--devrosui-size-h5)}.accordion-header-container h6{font-size:var(--devrosui-size-h6)}.accordion-header-container button{background-color:#0000;border:none;border-radius:1rem;justify-content:center;align-items:center;padding:.5rem;display:flex}.accordion-toggle-icon{color:var(--devrosui-text-primary)}html.light .accordion-item-container.filled{background-color:var(--devrosui-background-primary);box-shadow:1px 5px 19px #cfcfcfbf}
.custom-button{font-weight:600;font-family:var(--devrosui-font);font-display:swap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;border:none;border-radius:2rem;align-items:center;gap:4px;padding:.5rem 1rem;display:flex}.custom-button>*{font-weight:600;font-family:var(--devrosui-font-geist-sans), system-ui, sans-serif;font-display:swap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.custom-button:hover{transition:all .3s}.custom-button.primary{background-color:var(--devrosui-background-secondary);color:var(--devrosui-text-secondary)}.custom-button.primary>*{color:var(--devrosui-text-secondary)}.custom-button.primary:hover{background-color:var(--devrosui-button-primary-hover)}.custom-button.secondary{color:var(--devrosui-text-primary);border:1px solid var(--devrosui-button-secondary-border);background-color:#0000}.custom-button.secondary>*{color:var(--devrosui-text-primary)}.custom-button.secondary:hover{background-color:var(--devrosui-button-secondary-hover)}.custom-button.tertiary{background-color:var(--devrosui-button-secondary-hover);color:var(--devrosui-text-primary)}.custom-button.tertiary:hover{background-color:var(--devrosui-button-tertiary-hover)}.custom-button.danger{background-color:var(--devrosui-danger-background);color:var(--devrosui-danger-text)}.custom-button.danger:hover{background-color:var(--devrosui-danger-background-hover)}.custom-button:active{transform:scale(.95)}.custom-button:focus:not(:active){background-position:50%;background-repeat:no-repeat;background-size:0;animation:.25s ripple}.custom-button.primary:focus:not(:active){background-image:radial-gradient(circle,#0000004d 10%,#0000 10%)}.custom-button.secondary:focus:not(:active){background-image:radial-gradient(circle,#1f1f1f 10%,#0000 10%)}.custom-button.tertiary:focus:not(:active){background-image:radial-gradient(circle,#101010 10%,#0000 10%)}.custom-button.danger:focus:not(:active){background-image:radial-gradient(circle,#240d0d 10%,#0000 10%)}html.light .custom-button.secondary:focus:not(:active){background-image:radial-gradient(circle,#e8e8e8 10%,#0000 10%)}html.light .custom-button.tertiary:focus:not(:active){background-image:radial-gradient(circle,#2222 10%,#0000 10%)}html.light .custom-button.danger:focus:not(:active){background-image:radial-gradient(circle,#f0bdbd 10%,#0000 10%)}@keyframes ripple{0%{background-size:0 0}to{background-size:1000% 1000%}}
.breadcrumbs{font-family:var(--devrosui-font);gap:.5rem;display:flex}.breadcrumbs h6{text-transform:capitalize;font-weight:400;font-size:var(--devrosui-size-h6)}.crumb,.crumb-active{gap:.5rem;display:flex}.crumb,.crumb a{color:var(--devrosui-text-tertiary);text-decoration-line:none}.crumb a:hover{color:var(--devrosui-text-primary);transition:all .3s}.crumb-active a{color:var(--devrosui-text-primary);text-decoration-line:none}
.calendar-container{color:var(--devrosui-text-primary);font-family:var(--devrosui-font);background-color:var(--devrosui-background-primary);border:1px solid var(--devrosui-button-secondary-border);border-radius:2rem;padding:1rem;position:relative}.calendar-header{justify-content:space-between;align-items:center;padding-left:.5rem;display:flex}.calendar-header h6{font-size:var(--devrosui-size-h6);margin:0 0 1rem}.calendar-set-month-button,.day-button{color:var(--devrosui-text-primary);font-family:var(--devrosui-font);background-color:#0000;border:none;border-radius:2rem;padding:.4rem .6rem;font-weight:600}.day-button{font-size:1rem}.day-number{border-radius:2rem}.calendar-set-month-button{font-size:.75rem}.calendar-set-month-button:disabled{color:var(--devrosui-text-tertiary)}.calendar-set-month-button:hover,.day-number:hover{background-color:var(--devrosui-button-secondary-hover)}.day-number.selected .day-button{color:var(--devrosui-text-secondary)}.day-number.selected{background-color:var(--devrosui-background-secondary)}.day-number.selected:hover{background-color:var(--devrosui-button-primary-hover);color:var(--devrosui-text-secondary)}.day-number.taken{background-color:var(--devrosui-button-secondary-hover)}.calendar-container table thead tr td{font-size:1rem}.calendar-container table td{text-align:center}.day-button:disabled{color:var(--devrosui-text-tertiary)}@media (max-width:450px){.calendar-set-month-button,.day-button{padding:.5rem .65rem}}@media (max-width:400px){.calendar-set-month-button,.day-button{padding:.4rem .5rem}}
.datepicker,.datepicker>*,.datepicker input{font-family:var(--devrosui-font)}.datepicker-input-container{position:relative}.datepicker-input-container p{color:var(--devrosui-text-tertiary);font-size:var(--devrosui-size-p);margin:0}.datepicker label{color:var(--devrosui-text-primary);font-size:var(--devrosui-size-label);margin:0;display:block}.datepicker input{appearance:none;background-color:var(--devrosui-background-primary);width:280px;min-height:36px;color:var(--devrosui-text-primary);border:1px solid var(--devrosui-button-secondary-border);font-size:var(--devrosui-size-input);border-radius:.5rem;margin:.5rem 0;padding:.5rem}.datepicker input:hover{background-color:var(--devrosui-button-secondary-hover);transition:all .25s}html.light .datepicker input{box-shadow:1px 5px 19px #cfcfcfbf}.datepicker input[type=date]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.datepicker input[type=date]::placeholder,.datepicker input[type=date]:disabled,.datepicker input[type=date]:disabled~.calendar-icon{color:var(--devrosui-text-tertiary)}.datepicker input[type=date]:disabled{cursor:not-allowed}.dp-calendar-icon{color:var(--devrosui-text-primary);background-color:#0000;border:none;padding:0;position:absolute;top:20px;right:12px}.dp-calendar-container{z-index:2;color:var(--devrosui-text-primary);font-family:var(--devrosui-font);background-color:var(--devrosui-background-primary);border:1px solid var(--devrosui-button-secondary-border);border-radius:2rem;padding:1rem;position:absolute}.dp-calendar-header{justify-content:space-between;align-items:center;padding-left:.5rem;display:flex}.dp-calendar-header h6{font-size:var(--devrosui-size-h6);margin:0 0 1rem}.dp-calendar-set-month-button,.day-button{color:var(--devrosui-text-primary);font-family:var(--devrosui-font);background-color:#0000;border:none;border-radius:2rem;padding:.4rem .6rem;font-weight:600}.day-button{font-size:1rem}.day-number{border-radius:2rem}.dp-calendar-set-month-button{font-size:.75rem}.dp-calendar-set-month-button:disabled{color:var(--devrosui-text-tertiary)}.dp-calendar-set-month-button:hover,.day-number:hover{background-color:var(--devrosui-button-secondary-hover)}.day-number.selected .day-button{color:var(--devrosui-text-secondary)}.day-number.selected{background-color:var(--devrosui-background-secondary)}.day-number.selected:hover{background-color:var(--devrosui-button-primary-hover);color:var(--devrosui-text-secondary)}.day-number.taken{background-color:var(--devrosui-button-secondary-hover)}.dp-calendar-container table thead tr td{font-size:1rem}.dp-calendar-container table td{text-align:center}.day-button:disabled{color:var(--devrosui-text-tertiary)}@media (max-width:450px){.dp-calendar-set-month-button,.day-button{padding:.5rem .65rem}}@media (max-width:400px){.dp-calendar-set-month-button,.day-button{padding:.4rem .5rem}}
.dropdown-container{font-family:var(--devrosui-font);flex-direction:column;align-items:baseline;display:flex;position:relative}.dropdown-list{z-index:5;background-color:var(--devrosui-background-primary);border:1px solid var(--devrosui-button-secondary-border);border-radius:1rem;width:10rem;padding:.5rem;list-style:none;position:absolute;top:48px}.dropdown-list.bottom{top:48px}.dropdown-list.top{top:-150px}.dropdown-item{margin:4px 0}.dropdown-item button{color:var(--devrosui-text-primary);text-align:left;background-color:#0000;border:none;border-radius:.5rem;align-items:center;gap:8px;width:100%;padding:.5rem;font-size:14px;display:flex}.dropdown-item button:hover{background-color:var(--devrosui-button-secondary-hover)}.dropdown-header{cursor:pointer;background-color:var(--devrosui-background-primary);color:var(--devrosui-text-primary);border:1px solid var(--devrosui-button-secondary-border);text-align:left;border-radius:.5rem;padding:.5rem .75rem;font-size:14px}.dropdown-item.danger button{color:var(--devrosui-danger-text)}
.error-container{font-family:var(--devrosui-font);border:1px solid var(--devrosui-button-secondary-border);color:var(--devrosui-text-primary);border-radius:8px;align-items:center;gap:8px;padding:12px;display:flex}.error-container h6{font-weight:400;font-size:var(--devrosui-size-h6);margin:0}.error-container.warning{background-color:var(--devrosui-background-tertiary)}.error-container.danger{color:var(--devrosui-danger-text);background-color:var(--devrosui-danger-background);border:none}.error-icon{font-size:1.25rem}
.select-container{text-align:left;font-family:var(--devrosui-font);position:relative}.select-container,.select-container>*{font-family:var(--devrosui-font)}.select-container h5{color:var(--devrosui-text-primary);text-transform:capitalize;font-weight:400;font-size:var(--devrosui-size-label);margin:0}.select-container p{color:var(--devrosui-text-tertiary);font-size:var(--devrosui-size-p);margin-top:0}.select-options-anchor{position:relative}.select-button{background-color:var(--devrosui-background-primary);border:1px solid var(--devrosui-button-secondary-border);margin:.5rem 0}html.light .select-button{box-shadow:1px 5px 19px #cfcfcfbf}.select-button:disabled{color:var(--devrosui-text-tertiary);cursor:not-allowed}.open-options-icon{font-size:1.5rem}ul.option-list{background-color:var(--devrosui-background-primary);border:1px solid var(--devrosui-button-secondary-border);z-index:5;border-radius:1rem;width:100%;max-height:15rem;padding:4px;list-style:none;position:absolute;top:50px;left:0;overflow-y:auto}.option-list::-webkit-scrollbar-thumb{background:var(--devrosui-button-secondary-border)}.option-list::-webkit-scrollbar-track{background:var(--devrosui-background-tertiary)}ul.option-list button,.select-button{color:var(--devrosui-text-primary);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:14px;font-weight:400;display:flex}ul.option-list button{background-color:#0000;border:none}ul.option-list button:hover,.select-button:hover{background-color:var(--devrosui-button-secondary-hover);transition:all .25s}
.skeleton{border-radius:.25rem;width:100%;margin:1rem 0;animation:.75s ease-out infinite alternate skeleton-loading}@keyframes skeleton-loading{0%{background-color:var(--devrosui-skeleton-initial)}to{background-color:var(--devrosui-skeleton-animate)}}
.slider-container{font-family:var(--devrosui-font)}.slider-input-container{margin:8px 0;position:relative}.slider-header label{font-size:var(--devrosui-size-label)}.slider-container p{color:var(--devrosui-text-tertiary);font-size:var(--devrosui-size-p);margin:0}.slider-progress{background-color:var(--devrosui-button-secondary-hover);z-index:1;pointer-events:none;border-radius:3rem;justify-content:end;max-width:100%;height:22px;display:flex;position:absolute;top:1px;left:0}.slider-mockup-thumb{cursor:pointer;z-index:2;background-color:var(--devrosui-background-secondary);pointer-events:none;border-radius:1rem;width:20px;height:20px;margin:1px}.slider-mockup-thumb.disabled{background-color:var(--devrosui-button-primary-hover);cursor:not-allowed}.slider-container input[type=range]{appearance:none;z-index:0;background:0 0;width:100%}.slider-container input[type=range]:disabled{cursor:not-allowed}.slider-header{color:var(--devrosui-text-primary);justify-content:space-between;font-size:14px;font-weight:500;display:flex}.slider-container input[type=range]::-webkit-slider-runnable-track{background:var(--devrosui-background-tertiary);border-radius:3rem;height:22px}.slider-container input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;z-index:2;background:0 0;border-radius:1rem;width:20px;height:20px;margin:1px}.slider-container input[type=range]::-moz-range-track{background:var(--devrosui-background-tertiary);border-radius:3rem;height:22px}.slider-container input[type=range]::-moz-range-thumb{appearance:none;cursor:pointer;background:0 0;border-radius:1rem;width:20px;height:20px;margin:1px}.slider-container input[type=range]::-moz-range-progress{background:var(--devrosui-button-secondary-hover)}html.light .slider-mockup-thumb{background-color:var(--devrosui-background-primary)}
.switch-container{font-family:var(--devrosui-font);color:var(--devrosui-text-primary);align-items:center;gap:16px;display:flex}.switch-track{border:1px solid var(--devrosui-button-secondary-border);color:#0000;background-color:var(--devrosui-background-tertiary);border-radius:10rem;flex-shrink:0;width:56px;height:32px;margin-right:1px;padding:3px}.switch-track:disabled{cursor:not-allowed}.switch-track:disabled .switch-thumb{background-color:#ccc}.switch-track.active{background-color:#0485f7;background-color:lab(54.5335% 3.31545 -66.5298)}.switch-thumb{color:#090909;background-color:#fafafa;border:none;border-radius:3rem;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;transition:all .25s ease-out;display:flex}.switch-meta{min-width:0;max-width:300px}.switch-label{font-weight:400;font-size:var(--devrosui-size-label);margin:0}.switch-description{color:var(--devrosui-text-tertiary);font-size:var(--devrosui-size-p);margin:0}html.light .switch-track{box-shadow:1px 5px 19px #cfcfcfbf}
.tabs-container{background-color:#0000;width:fit-content}.tabs-header,.tabs-container.primary .tabs-header{font-family:var(--devrosui-font);background-color:var(--devrosui-background-tertiary);border:1px solid var(--devrosui-button-secondary-border);border-radius:3rem;padding:.25rem;display:flex}.tab{color:var(--devrosui-text-tertiary);background-color:#0000;border:none;border-radius:3rem;padding:.5rem 2rem;font-weight:600;position:relative}.tab button{color:var(--devrosui-text-primary);background-color:#0000;border:none;padding:0}.tab a{color:var(--devrosui-text-primary);text-decoration:none}.tab-text{z-index:3;position:relative}.tab.active{color:var(--devrosui-text-primary)}.tab.disabled{cursor:not-allowed}.active-pill{background-color:var(--devrosui-button-secondary-hover);z-index:2;border-radius:3rem;width:100%;height:100%;position:absolute;top:0;left:0}html.light .tabs-container.primary .tab{background-color:var(--devrosui-background-primary);border:none}html.light .tabs-container.primary .tabs-header{background-color:var(--devrosui-background-primary);box-shadow:1px 5px 19px #cfcfcfbf}html.light .tabs-container.primary .active-pill{background-color:var(--devrosui-button-secondary-hover)}.tabs-container.secondary .tabs-header{background-color:#454545;border:none}.tabs-container.secondary .active-pill{background-color:#646464}html.light .tabs-container.secondary .tabs-header{background-color:var(--devrosui-background-tertiary);border:1px solid var(--devrosui-button-secondary-border)}html.light .tabs-container.secondary .active-pill{background-color:var(--devrosui-button-secondary-hover)}.tabs-container.tertiary .tabs-header{border:none;border-bottom:2px solid var(--devrosui-button-secondary-border);background-color:#0000;border-radius:0;padding:0}.tabs-container.tertiary .active-pill{border-bottom:2px solid var(--devrosui-background-secondary);background-color:#0000;border-radius:0}@media (max-width:530px){.tab{padding:.5rem 1rem}}
.cookie-consent-container{text-align:left;z-index:5;bottom:10px;right:10px}.cookie-consent-content{max-width:18rem;color:var(--text-primary);font-family:var(--font);border:1px solid var(--button-secondary-border);background-color:var(--background-tertiary);border-radius:1rem;padding:1rem}.cookie-consent-content button{width:100%;display:block}.cookie-consent-content h5{font-size:var(--devrosui-size-h5);margin:0}.cookie-consent-content p{color:var(--text-tertiary);font-size:var(--devrosui-size-p)}.cookie-consent-icon{font-size:2rem}html.light .cookie-consent-content{background-color:var(--background-primary);box-shadow:1px 5px 19px #cfcfcfbf}
.input-otp-container{text-align:left;font-family:var(--devrosui-font);color:var(--devrosui-text-primary)}.input-otp-label{font-weight:400;font-size:var(--devrosui-size-label);margin:.5rem 0}.input-otp-description{color:var(--devrosui-text-tertiary);line-height:normal}.input-otp-form{flex-wrap:wrap;align-items:center;width:fit-content;max-width:400px;height:fit-content;margin:1rem 0;display:flex}.input-otp-slot{background-color:var(--devrosui-background-tertiary);border:1px solid var(--devrosui-button-secondary-border);text-align:center;width:2.25rem;height:2.5rem;color:var(--devrosui-text-primary);border-radius:12px;margin:0 8px 4px 0;font-size:1.25rem}.input-otp-slot:focus{transition:all .25s}.input-otp-slot.disabled{cursor:not-allowed}.input-otp-form.error>.input-otp-slot{border:2px solid var(--devrosui-danger-text)}.input-otp-separator{color:var(--devrosui-text-tertiary);margin:0 8px 4px 0}.otp-error-container{color:var(--devrosui-danger-text);align-items:center;gap:4px;margin:1rem 0;display:flex}.otp-error-container p{color:var(--devrosui-danger-text);font-size:var(--devrosui-size-p);margin:0}html.light .input-otp-slot{background-color:var(--devrosui-background-primary);box-shadow:1px 5px 19px #cfcfcfbf}
.panel-container{width:fit-content;font-family:var(--devrosui-font);background-color:#0000;background-color:var(--devrosui-background-tertiary);border:1px solid var(--devrosui-button-secondary-border);border-radius:3rem;padding:.25rem;display:flex}.mode{cursor:pointer;color:var(--devrosui-text-tertiary);background-color:#0000;border:none;border-radius:3rem;justify-content:center;align-items:center;padding:.5rem .75rem;font-weight:600;display:flex;position:relative}.mode-text{justify-content:center;align-items:center;display:flex}.mode button{color:var(--devrosui-text-primary);background-color:#0000;border:none;padding:0}.mode a{color:var(--devrosui-text-primary);text-decoration:none}.mode-text{z-index:3;position:relative}.mode.active{color:var(--devrosui-text-primary)}.mode.disabled{cursor:not-allowed}.active-pill{background-color:var(--devrosui-button-secondary-hover);z-index:2;border-radius:3rem;width:100%;height:100%;position:absolute;top:0;left:0}html.light .panel-container.primary .mode{background-color:var(--devrosui-background-primary);border:none}html.light .panel-container.primary{background-color:var(--devrosui-background-primary);box-shadow:1px 5px 19px #cfcfcfbf}html.light .panel-container.primary .active-pill{background-color:var(--devrosui-button-secondary-hover)}.panel-container.secondary{background-color:#454545;border:none}.panel-container.secondary .active-pill{background-color:#646464}html.light .panel-container.secondary{background-color:var(--devrosui-background-tertiary);border:1px solid var(--devrosui-button-secondary-border)}html.light .panel-container.secondary .active-pill{background-color:var(--devrosui-button-secondary-hover)}
.popup-overlay{z-index:20;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}