.toggle-wrapper[data-v-6c081938]{align-items:center;display:flex;gap:10px}.toggle-container{&[data-v-6c081938]{background-color:var(--button-bg-color);border:2px solid var(--button-bg-color);border-radius:12px;cursor:pointer;display:flex;padding:4px;transition:background-color .2s ease-out;width:60px}.toggle[data-v-6c081938]{background-color:var(--base-white);border-radius:8px;box-shadow:2px 0 8px #00000040;height:1.5rem;transform:translate(0);transition:transform .2s ease-out;width:1.5rem}&.is-toggled{&[data-v-6c081938]{background-color:#2557a7}&.disabled{&[data-v-6c081938]{background-color:#203961;cursor:not-allowed}.toggle[data-v-6c081938]{background-color:#8d9aae}}.toggle[data-v-6c081938]{box-shadow:-2px 0 8px #00000040;transform:translate(24px)}}&.disabled{&[data-v-6c081938]{background-color:#1f1e21;border:2px solid var(--button-disabled-border-color);cursor:not-allowed}.toggle[data-v-6c081938]{background-color:#8d8c8e}}}.label[data-v-96b50be0]{margin-bottom:8px}.dropdown-button{&[data-v-96b50be0]{align-items:center;background-color:var(--button-bg-color);border:2px solid var(--button-bg-color);border-radius:16px;color:var(--base-fg);cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;max-width:256px;padding:6px}.dropdown-option[data-v-96b50be0]:hover{background-color:var(--button-bg-color)}}.dropdown-drop{&[data-v-96b50be0]{background-color:var(--button-bg-color);border-radius:16px;display:flex;flex-direction:column;font-size:1rem;gap:6px;margin:4px 0 0;padding:6px;position:absolute;z-index:10}li[data-v-96b50be0]{list-style:none}}.dropdown-option{&[data-v-96b50be0]{border-radius:10px;cursor:pointer;padding:6px;transition:all .2s ease-out}&[data-v-96b50be0]:hover{background-color:#313036}}