.input,select.dropdown,div.dropdown,input[type=text],input[type=number],input[type=search],input[type=email],input[type=password],input[type=tel],input[type=url],input[type=time],input[type=date],input[type=datetime],input[type=datetime-local],input[type=year],input[type=month],input[type=week]{padding:5px 8px;width:auto;min-width:0;border:1.5px solid;border-color:var(--input-border, var(--none-color));outline:none;border-radius:var(--border-radius);background-color:#00000006;color:var(--text-color);font-size:16px;transition:border-color .15s ease-in-out}.input::placeholder,select.dropdown::placeholder,div.dropdown::placeholder,input[type=text]::placeholder,input[type=number]::placeholder,input[type=search]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,input[type=time]::placeholder,input[type=date]::placeholder,input[type=datetime]::placeholder,input[type=datetime-local]::placeholder,input[type=year]::placeholder,input[type=month]::placeholder,input[type=week]::placeholder{opacity:.5;padding-left:0;transition:all .15s ease-in-out}.input:focus::placeholder,select.dropdown:focus::placeholder,div.dropdown:focus::placeholder,input[type=text]:focus::placeholder,input[type=number]:focus::placeholder,input[type=search]:focus::placeholder,input[type=email]:focus::placeholder,input[type=password]:focus::placeholder,input[type=tel]:focus::placeholder,input[type=url]:focus::placeholder,input[type=time]:focus::placeholder,input[type=date]:focus::placeholder,input[type=datetime]:focus::placeholder,input[type=datetime-local]:focus::placeholder,input[type=year]:focus::placeholder,input[type=month]:focus::placeholder,input[type=week]:focus::placeholder{padding-left:3px}.label-input{display:flex;flex-direction:column;gap:4px}.label-input label,.label-input small{margin-left:10px}input[unclickable]{pointer-events:none}input[role=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:flex;align-items:center;box-sizing:border-box;min-width:var(--checkbox-size, 18px);height:var(--checkbox-size, 18px);background-color:transparent;border:2px solid var(--checkbox-border, var(--none-color));border-radius:5px;transition:all var(--checkbox-duration, .15s) ease-in-out;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input[role=checkbox]:after{content:"";position:absolute;display:flex;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M3.41667 7L6.33333 9.91667L12.1667 4.08333' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:cover;filter:drop-shadow(0 0 3px rgba(0,0,0,.5));transform:scale(0);transition:all var(--checkbox-duration, .15s) ease-in-out}input[role=checkbox]:disabled{background-color:var(--checkbox-border, var(--none-color));opacity:.5}input[role=checkbox]:checked{border:0;background-color:var(--current-color);border:2px solid var(--current-color)}input[role=checkbox]:checked:after{transform:scale(1)}input[role=checkbox]:indeterminate,input[role=checkbox][indeterminate]{border:0;background-color:var(--current-color);border:2px solid var(--current-color)}input[role=checkbox]:indeterminate:after,input[role=checkbox][indeterminate]:after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3e%3cpath d='M2.5 6H9.5' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");transform:scale(1)}input[role=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:flex;align-items:center;box-sizing:border-box;min-width:var(--radio-size, 18px);height:var(--radio-size, 18px);background-color:transparent;border:2px solid var(--radio-border, var(--none-color));border-radius:100%;transition:all var(--radio-duration, .2s) ease-in-out;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input[role=radio]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.3' fill='%23fff' /%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;background-size:cover;filter:drop-shadow(0 0 3px rgba(0,0,0,.5));transform:scale(0);transition:all var(--radio-duration, .2s) ease-in-out}input[role=radio]:disabled{background-color:var(--checkbox-border, var(--none-color));opacity:.5}input[role=radio]:checked{border:0;background-color:var(--current-color);border:2px solid var(--current-color)}input[role=radio]:checked:after{transform:scale(1)}input.switcher,input[role=switch]{--l-switcher-radius: var(--switcher-radius, calc(var(--switcher-size, 20px) / 2));-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:flex;align-items:center;min-width:var(--switcher-width, calc(1.85 * var(--switcher-size, 20px)));height:var(--switcher-size, 20px);border-radius:var(--l-switcher-radius);background-color:var(--switcher-background, var(--none-color));transition:var(--switcher-duration, .15s);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input.switcher.square,input[role=switch].square{--l-switcher-radius: var(--switcher-radius, 5px)}input.switcher:disabled,input[role=switch]:disabled{opacity:.5}input.switcher:checked,input[role=switch]:checked{background-color:var(--current-color)}input.switcher:after,input[role=switch]:after{content:"";position:absolute;left:var(--dot-margin, 3px);width:var(--dot-size, 14px);height:var(--dot-size, 14px);border-radius:var(--l-switcher-radius);box-shadow:0 0 5px #00000040;background-color:#fff;animation-duration:var(--switcher-duration, .15s);animation-name:switcherJump1;transition:all var(--switcher-duration, .15s) ease-in-out}input.switcher:checked:after,input[role=switch]:checked:after{animation-duration:var(--switcher-duration, .15s);animation-name:switcherJump2;left:calc(100% - var(--dot-size, 14px) - var(--dot-margin, 3px))}input.switcher.arrow:after,input[role=switch].arrow:after{border-radius:var(--switcher-radius, 0);clip-path:polygon(0 50%,100% 0,100% 100%,0 50%)}input.switcher.arrow:checked:after,input[role=switch].arrow:checked:after{clip-path:polygon(0 0,100% 50%,100% 50%,0 100%)}@keyframes switcherJump1{50%{height:calc(var(--dot-size, 14px) / 1.5)}}@keyframes switcherJump2{50%{height:calc(var(--dot-size, 14px) / 1.5)}}select.dropdown,div.dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;padding-right:30px;background-repeat:no-repeat;background-position:right 10px center;background-size:22px 24px}select.dropdown option,div.dropdown option{background-color:#fff;color:#000}body.theme-dark select.dropdown,body.theme-dark div.dropdown{background-image:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23FFF" fill-opacity="0.9"/%3e%3c/svg%3e')}body.theme-light select.dropdown,body.theme-light div.dropdown{background-image:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23000" fill-opacity="0.9"/%3e%3c/svg%3e')}input[type=color],.color-picker{cursor:pointer;border:none;background-color:transparent;outline:none;--cn-br: 10px;border-radius:var(--cn-br);transition:border-radius .1s}input[type=color]:hover,.color-picker:hover{--cn-br: 5px}input[type=color]::-webkit-color-swatch-wrapper,.color-picker::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch,.color-picker::-webkit-color-swatch{border:none;border-radius:var(--cn-br);transition:border-radius .1s}input[type=color]::-moz-focus-inner,.color-picker::-moz-focus-inner{border:none;padding:0;border-radius:var(--cn-br);transition:border-radius .1s}input[type=color]::-moz-color-swatch,.color-picker::-moz-color-swatch{border:none;border-radius:var(--cn-br);transition:border-radius .1s}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;height:8px;border-radius:4px;background-color:var(--current-color)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:100%;background-color:var(--current-color);height:16px;width:16px;box-shadow:0 0 5px #00000080}input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:100%;background-color:var(--current-color);height:16px;width:16px;box-shadow:0 0 5px #00000080}.chip{position:relative;padding:4px 8px}.chip input[role=chip]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius);color:var(--current-color);background:transparent;font-size:16px;cursor:pointer;border:1px solid var(--none-color)}.chip input[role=chip]:checked{border:1px solid var(--current-color)}.chip input[role=chip]:checked:after{content:"";border-radius:unset;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--current-color);opacity:.1;pointer-events:none}label{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*:has(>input:disabled)>label{opacity:.5}.alert{display:flex;flex-direction:column;gap:var(--gap, 5px);position:relative;padding:10px;border-radius:var(--border-radius);color:var(--current-color)}.alert.opacity{background-color:transparent;color:var(--current-text-color, var(--current-color));z-index:1}.alert.opacity:before{content:"";border-radius:var(--border-radius);z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--current-color);opacity:.25;pointer-events:none}.alert.outline{background-color:transparent;color:var(--current-text-color, var(--current-color));box-shadow:inset 0 0 0 var(--border-width, 1px) var(--current-color)}.alert.solid{color:var(--background-oriented-text-color, var(--main-oriented-text-color, white));background-color:var(--current-color);text-shadow:var(--background-oriented-text-shadow);--ripple-opacity: .2}.alert.solid.white-color{--ripple-color: black;--ripple-opacity: .1}.alert.solid.black-color{color:#fff;--ripple-color: white;--ripple-opacity: .15;text-shadow:unset}.badge,.small-badge,.small-badge-pill,.badge-pill,.box-icon{--badge-border-radius: var(--border-radius);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--gap, 5px);text-align:center;position:relative;padding:5px 10px;border-radius:var(--badge-border-radius);color:var(--current-color)}.badge.opacity,.opacity.small-badge,.opacity.small-badge-pill,.badge-pill.opacity,.box-icon.opacity{background-color:transparent;color:var(--current-text-color, var(--current-color));z-index:1}.badge.opacity:before,.opacity.small-badge:before,.opacity.small-badge-pill:before,.badge-pill.opacity:before,.box-icon.opacity:before{content:"";border-radius:var(--badge-border-radius);z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--current-color);opacity:.25;pointer-events:none}.badge.outline,.outline.small-badge,.outline.small-badge-pill,.badge-pill.outline,.box-icon.outline{background-color:transparent;color:var(--current-text-color, var(--current-color));box-shadow:inset 0 0 0 var(--border-width, 1px) var(--current-color)}.badge.solid,.solid.small-badge,.solid.small-badge-pill,.badge-pill.solid,.box-icon.solid{color:var(--background-oriented-text-color, var(--main-oriented-text-color, white));background-color:var(--current-color);text-shadow:var(--background-oriented-text-shadow);--ripple-opacity: .2}.badge.solid.white-color,.solid.white-color.small-badge,.solid.white-color.small-badge-pill,.badge-pill.solid.white-color,.box-icon.solid.white-color{--ripple-color: black;--ripple-opacity: .1}.badge.solid.black-color,.solid.black-color.small-badge,.solid.black-color.small-badge-pill,.badge-pill.solid.black-color,.box-icon.solid.black-color{color:#fff;--ripple-color: white;--ripple-opacity: .15;text-shadow:unset}.small-badge,.small-badge-pill{--badge-border-radius: var(--small-border-radius);--border-width: .5px;font-size:12px;padding:2px 5px}.badge-pill,.small-badge-pill{border-radius:100px}.box-icon{--badge-border-radius: 7px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h1{font-size:32px}h2{font-size:24px}h3{font-size:18px}h4{font-size:16px}h5{font-size:13px}h6{font-size:10px}small{font-size:13px}a{color:var(--text-color);text-decoration:none}.text-center{text-align:center}.divider{display:flex;flex-direction:row;align-items:center;gap:10px}.divider:before,.divider:after{content:"";flex:1;position:relative;display:inline-block;background-color:var(--text-color);opacity:.1;margin-top:2px;height:1px}.button,.btn,.component-button,.simple-button,.settings-go-back .settings-back-arrow,.settings-block .settings-item{position:relative;padding:5px 10px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--gap, 5px);text-decoration:none;font-size:16px;outline:none;border:none;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button,.btn{color:var(--current-color);background:transparent;border-radius:var(--border-radius);--hover-opacity: .1;--hover-background: var(--current-color);position:relative;overflow:hidden}.button:after,.btn:after{content:"";background-color:var(--hover-background);position:absolute;top:0;left:0;min-width:20px;min-height:20px;width:100%;height:100%;opacity:0;transition:opacity .15s;pointer-events:none}@media (hover: hover) and (pointer: fine){.button:hover:after,.btn:hover:after{opacity:var(--hover-opacity)}}.button.opacity,.btn.opacity{background-color:transparent;color:var(--current-text-color, var(--current-color));z-index:1}.button.opacity:before,.btn.opacity:before{content:"";border-radius:var(--border-radius);z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--current-color);opacity:.25;pointer-events:none}.button.outline,.btn.outline{background-color:transparent;color:var(--current-text-color, var(--current-color));box-shadow:inset 0 0 0 var(--border-width, 1px) var(--current-color)}.button.solid,.btn.solid{color:var(--background-oriented-text-color, var(--main-oriented-text-color, white));background-color:var(--current-color);text-shadow:var(--background-oriented-text-shadow);--ripple-opacity: .2}.button.solid.white-color,.btn.solid.white-color{--ripple-color: black;--ripple-opacity: .1}.button.solid.black-color,.btn.solid.black-color{color:#fff;--ripple-color: white;--ripple-opacity: .15;text-shadow:unset}.button.opacity,.btn.opacity{--hover-background: #000}.button.solid,.btn.solid{--hover-background: #000;--hover-opacity: .25}.component-button{--hover-opacity: .1;--hover-background: var(--text-color);position:relative;overflow:hidden}.component-button:after{content:"";background-color:var(--hover-background);position:absolute;top:0;left:0;min-width:20px;min-height:20px;width:100%;height:100%;opacity:0;transition:opacity .15s;pointer-events:none}@media (hover: hover) and (pointer: fine){.component-button:hover:after{opacity:var(--hover-opacity)}}span.v-button-ripple{position:absolute;border-radius:50%;background-color:var(--ripple-color, var(--text-color));width:100px;height:100px;z-index:1;animation:button-ripple 1s;opacity:0;transform:scale(0);pointer-events:none}@keyframes button-ripple{0%{opacity:var(--ripple-opacity, .1);transform:scale(0)}to{opacity:0;transform:scale(10)}}.component,.settings-block,.component-button{padding:15px;display:flex;flex-direction:column;gap:var(--gap, 10px);color:var(--text-color);background-color:var(--component-color);box-shadow:var(--component-shadow);border-radius:var(--component-border-radius)}.shadow{box-shadow:var(--component-shadow)}.shadow-2{box-shadow:0 0 6px #0000000d,0 3px 3px #0000000d}.pad-10-15{padding:10px 15px}.border-connects>*:nth-child(n){border-radius:var(--small-border-radius)}.border-connects>*:first-child{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.border-connects>*:last-child{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.no-border{border-radius:0}.dev-test{background-color:#ff000080}.settings-block{padding:0;gap:0;overflow:hidden}.settings-block .settings-item{justify-content:flex-start;gap:var(--gap, 12px);text-align:left;border-radius:0;padding:10px;color:var(--text-color);background:transparent;--hover-opacity: .1;--hover-background: #777;position:relative;overflow:visible}.settings-block .settings-item:after{content:"";background-color:var(--hover-background);position:absolute;top:0;left:0;min-width:20px;min-height:20px;width:100%;height:100%;opacity:0;transition:opacity .15s;pointer-events:none}@media (hover: hover) and (pointer: fine){.settings-block .settings-item:hover:after{opacity:var(--hover-opacity)}}.settings-block .settings-item .settings-icon{position:relative;min-width:var(--icon-size, 40px);height:var(--icon-size, 40px);display:flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden;color:var(--current-color);z-index:1}.settings-block .settings-item .settings-icon:before{content:"";border-radius:unset;z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--current-color);opacity:.1;pointer-events:none}.settings-block .settings-item small{opacity:.7}.settings-block .settings-item:not(:first-child):before{content:"";position:absolute;top:-.5px;right:10px;width:calc(100% - 72px);height:1px;background:#97979740}.settings-go-back{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;gap:6px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.settings-go-back .settings-back-arrow{background-color:transparent;padding:7px 8px;text-align:center;vertical-align:middle;color:var(--text-color);border-radius:var(--small-border-radius);--hover-opacity: .1;--hover-background: #000;position:relative;overflow:hidden}.settings-go-back .settings-back-arrow:after{content:"";background-color:var(--hover-background);position:absolute;top:0;left:0;min-width:20px;min-height:20px;width:100%;height:100%;opacity:0;transition:opacity .15s;pointer-events:none}@media (hover: hover) and (pointer: fine){.settings-go-back .settings-back-arrow:hover:after{opacity:var(--hover-opacity)}}.settings-screen-page{display:flex;flex-direction:column;align-items:center;align-self:center;justify-content:flex-start;gap:var(--gap, 10px);width:100%;max-width:570px}.settings-screen-page .settings-block{width:100%}.fullsize-beautiful-bottom-border,.beautiful-bottom-border:after{content:"";pointer-events:none;position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;opacity:.5;z-index:1;border-bottom:2px solid var(--current-color);border-radius:inherit;transition:all .15s}.component:hover>.fullsize-beautiful-bottom-border,.component-button:hover>.fullsize-beautiful-bottom-border,.settings-block:hover>.fullsize-beautiful-bottom-border,.beautiful-bottom-border:hover:after{border-bottom:3px solid var(--current-color);opacity:1}.fullsize-overlay-color{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;background-color:var(--current-color);border-radius:inherit;pointer-events:none;z-index:1;transition:opacity .15s}.fullsize-overlay-color.disabled{opacity:0}.flex,.short-flex,.flex-start,.flex-center{display:flex;flex-direction:column;gap:var(--gap, 10px)}.flex-center{align-items:center;justify-content:center}.flex-start{align-items:flex-start;justify-content:flex-start}.short-flex{gap:var(--gap, 5px)}.inline,.inline-center{display:flex;flex-direction:row;gap:var(--gap, 10px);flex-wrap:wrap}.inline-center{justify-content:center}.triple-inline{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--gap, 10px)}.triple-inline :nth-child(2){flex:1}.triple-inline :nth-child(3){margin-left:var(--gap, 10px)}.center-align{align-items:center}.center-self{align-self:center}.space-between{justify-content:space-between}.no-wrap{flex-wrap:nowrap}.grid{display:grid;gap:var(--gap, 10px)}.full-width{flex:1}.fixed{position:fixed}.fixed.full-width{min-width:100vw;max-width:100vw}.fixed.top-left{top:0;left:0}.fixed.top-right{top:0;right:0}*{margin:0;padding:0;box-sizing:border-box}:root{--current-color: var(--main-color)}body{min-height:100dvh;color:var(--text-color);background:var(--background-color);font-family:Poppins,sans-serif;overflow-x:hidden}body .op-50{opacity:.5}body i,body i:before{vertical-align:middle}body.theme-dark{color-scheme:dark}body.theme-light{color-scheme:light}*[opacity]{opacity:attr(opacity number)}body{--media-hide-sidebar: $hide-sidebar;--safe-area-bottom: calc(env(safe-area-inset-bottom) / 1.5)}