.toggle-switch{--toggle-border:#353a5a;--toggle-bg:#191e2a;--toggle-thumb-bg:#353a5a;--toggle-thumb-translate:0px;cursor:pointer;align-items:center;gap:8px;display:inline-flex}.toggle-switch--checked{--toggle-bg:#b055ff29;--toggle-border:#b055ff;--toggle-thumb-bg:#b055ff;--toggle-thumb-translate:var(--toggle-thumb-translate-checked)}.toggle-switch--disabled{cursor:default;opacity:.5}.toggle-switch--sm{--toggle-width:28px;--toggle-height:16px;--toggle-thumb-size:12px;--toggle-thumb-translate-checked:12px}.toggle-switch--md{--toggle-width:36px;--toggle-height:20px;--toggle-thumb-size:16px;--toggle-thumb-translate-checked:16px}.toggle-switch--lg{--toggle-width:48px;--toggle-height:26px;--toggle-thumb-size:22px;--toggle-thumb-translate-checked:22px}.toggle-switch:not(.toggle-switch--disabled):hover{--toggle-border:#b055ff}.toggle-switch:not(.toggle-switch--disabled):hover .toggle-switch__track{box-shadow:0 0 0 3px #b055ff1a}.toggle-switch__input{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toggle-switch__input:focus-visible+.toggle-switch__track{box-shadow:0 0 0 3px #b055ff1a}.toggle-switch__track{background-color:var(--toggle-bg);border:1px solid var(--toggle-border);height:var(--toggle-height);width:var(--toggle-width);border-radius:999px;flex-shrink:0;align-items:center;padding:1px;transition:box-shadow .15s ease-in-out,border-color .15s ease-in-out,background-color .15s ease-in-out;display:inline-flex}.toggle-switch__thumb{background-color:var(--toggle-thumb-bg);height:var(--toggle-thumb-size);transform:translateX(var(--toggle-thumb-translate));width:var(--toggle-thumb-size);border-radius:999px;transition:transform .15s ease-in-out,background-color .15s ease-in-out}.toggle-switch__label{color:#e6e9ef;display:block}.toggle-switch--lg .toggle-switch__label{letter-spacing:0;font-size:18px;font-weight:500;line-height:28px}.toggle-switch--md .toggle-switch__label{letter-spacing:.01px;font-size:14px;font-weight:500;line-height:20px}.toggle-switch--sm .toggle-switch__label{letter-spacing:.02px;font-size:12px;font-weight:500;line-height:16px}.toggle-switch--disabled .toggle-switch__label{color:#9ba7bf}.checkbox{--checkbox-border:#353a5a;cursor:pointer;align-items:center;gap:6px;display:inline-flex}.checkbox--checked{--checkbox-indicator-opacity:1;--checkbox-border:#b055ff;--checkbox-bg:#b055ff}.checkbox--disabled{cursor:default;opacity:.5}.checkbox--invalid{--checkbox-border:#ff3d33}.checkbox--md{--checkbox-size:20px;--checkbox-icon-size:12px}.checkbox--lg{--checkbox-size:24px;--checkbox-icon-size:14px}.checkbox:not(.checkbox--disabled):hover{--checkbox-border:#b055ff}.checkbox:not(.checkbox--disabled):hover .checkbox__indicator{box-shadow:0 0 0 3px #b055ff1a}.checkbox__input{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.checkbox__input:focus-visible+.checkbox__indicator{box-shadow:0 0 0 3px #b055ff1a}.checkbox__indicator{background-color:var(--checkbox-bg,#191e2a);border:1px solid var(--checkbox-border);height:var(--checkbox-size);width:var(--checkbox-size);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:box-shadow .15s ease-in-out,border-color .15s ease-in-out,background-color .15s ease-in-out;display:flex;position:relative}.checkbox__indicator:after{content:"";height:var(--checkbox-icon-size);opacity:var(--checkbox-indicator-opacity,0);width:var(--checkbox-icon-size);background-color:#e6e9ef;transition:opacity .15s ease-in-out;display:block;-webkit-mask-image:url(../../img/icon/check.svg);mask-image:url(../../img/icon/check.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.checkbox--md .checkbox__label{color:#e6e9ef;letter-spacing:.01px;font-size:14px;font-weight:500;line-height:20px}.checkbox--lg .checkbox__label{color:#e6e9ef;letter-spacing:.01px;font-size:16px;font-weight:500;line-height:24px}body:has(.top-arrow) .debug .debug-icon{bottom:152px}@media only screen and (width<=900px){body:has(.top-arrow) .debug .debug-icon{bottom:231px}}.debug .debug-icon{cursor:pointer;z-index:9;background-color:#191e2a;border:1px solid #353a5a;border-radius:100%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex;position:fixed;bottom:84px;right:16px;overflow:hidden}@media only screen and (width<=910px){.debug .debug-icon{width:44px;height:44px;bottom:171px}}.debug .debug-icon:hover{background-color:#353a5a}.debug .debug-icon:active{transform:scale(.975)}.debug .debug-icon--open{border-color:#b055ff}.debug .debug-icon__icon{color:#fff;width:20px;height:20px}.debug .debug-content{pointer-events:none;z-index:10;background-color:#202736;border-radius:16px 16px 0 0;flex-direction:column;width:1080px;max-width:calc(100% - 32px);height:584px;max-height:calc(100dvh - 120px);transition:transform .3s;display:flex;position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)translateY(100%);box-shadow:0 0 10px #0003}@media only screen and (width<=1112px){.debug .debug-content{height:732px}}@media only screen and (width<=900px){.debug .debug-content{padding-bottom:91px}}@media only screen and (width<=910px){.debug .debug-content{width:100%;max-width:100%}}.debug.open .debug-content{pointer-events:all;transform:translate(-50%)}.debug .debug-header{align-items:center;gap:12px;margin-bottom:20px;padding:20px 20px 0;display:flex}.debug .debug-header .tab-nav{flex:1}.debug .debug-header .button{flex-shrink:0}.debug .debug-panel-body{flex:1;padding:0 20px 20px;overflow-y:auto}.debug .debug-tab{flex-direction:column;gap:16px;display:flex}.debug .debug-section{background-color:#191e2a;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.debug .debug-section__title{color:#fff;letter-spacing:.01px;letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:12px;padding-bottom:12px;font-size:16px;font-weight:700;line-height:24px;display:flex}.debug .debug-section__title .icon,.debug .debug-section__title svg{color:#31bbff;width:20px;height:20px}.debug .debug-actions.__right{margin-left:auto}.debug .debug-actions,.debug .debug-tab-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.debug .debug-actions .button,.debug .debug-tab-actions .button{width:max-content}@media only screen and (width<=910px){.debug .debug-actions .button,.debug .debug-tab-actions .button{width:100%}}.debug .debug-tab-actions{justify-content:flex-end}.debug .debug-grid{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.debug .debug-field-inline{align-items:flex-end;gap:8px;width:100%;display:flex}.debug .debug-field-inline .input{flex:1;width:auto}.debug .debug-field-inline .button{width:max-content}.debug .debug-field{justify-content:flex-start;align-items:center;gap:8px;width:240px;display:flex}@media only screen and (width<=910px){.debug .debug-field{width:calc(50% - 8px)}.debug .debug-field>*{max-width:100%!important}.debug .debug-field:only-child{width:100%}.debug .debug-field:has(.ds-select){width:100%}.debug .debug-field:has(.toggle-switch){width:100%}.debug .debug-field:only-child .button{width:100%}.debug .debug-field:has(.ds-select) .button{width:100%}.debug .debug-field:has(.toggle-switch) .button{width:100%}}.debug .debug-field{min-height:44px}.debug .debug-field--full{width:100%}.debug .debug-field__label{color:#9ba7bf;letter-spacing:.02px;font-size:12px;font-weight:600;line-height:16px}.debug .debug-field>.button.max{width:100%}.debug .debug-field__readonly{color:#e6e9ef;letter-spacing:.01px;background-color:#202736;border:1px solid #202736;border-radius:8px;align-items:center;height:44px;padding:0 16px;font-size:14px;font-weight:400;line-height:20px;display:flex}.debug .debug-field .ds-select,.debug .debug-field .input{width:100%}.debug .debug-ff-list{background:#00000040;border-radius:12px;width:100%;margin-top:8px;padding:16px;display:block}.debug .debug-tab-enter-active,.debug .debug-tab-leave-active{transition:opacity .2s,transform .2s,filter .2s}.debug .debug-tab-enter-from{filter:blur(4px);opacity:0;transform:translateY(20px)}.debug .debug-tab-leave-to{filter:blur(4px);opacity:0;transform:translateY(-20px)}
