@keyframes ssc-loading-0dd99abc{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.mode-dropdown-row-wrapper[data-v-0dd99abc]{display:flex;align-items:center;justify-content:space-between;width:100%;height:72px;padding:16px;cursor:pointer;border-bottom:1px solid var(--secondary-light-2)}.mode-dropdown-row-wrapper[data-v-0dd99abc]:first-of-type{border-top-right-radius:8px;border-top-left-radius:8px}.mode-dropdown-row-wrapper[data-v-0dd99abc]:last-of-type{border-bottom:unset;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.mode-dropdown-row-wrapper .content[data-v-0dd99abc]{display:flex;align-items:center;gap:16px}.mode-dropdown-row-wrapper .content .automatic-theme-wrapper[data-v-0dd99abc]{display:flex;align-items:flex-end;justify-content:flex-end;width:56px;height:40px;border-radius:4px;overflow:hidden}.mode-dropdown-row-wrapper .content .automatic-theme-wrapper .icon-box-wrapper[data-v-0dd99abc]{width:50%;overflow:hidden;border-radius:0}.mode-dropdown-row-wrapper .content .automatic-theme-wrapper .icon-box-wrapper .icon-box[data-v-0dd99abc]{width:calc(100% - 4px);padding:0 0 0 4px}.mode-dropdown-row-wrapper .content .automatic-theme-wrapper .icon-box-wrapper.dark .icon-box[data-v-0dd99abc]{border-bottom-right-radius:0}.mode-dropdown-row-wrapper .content .icon-box-wrapper[data-v-0dd99abc]{display:flex;align-items:flex-end;justify-content:flex-end;width:56px;height:40px;border-radius:4px;background-color:var(--secondary-light-3)}.mode-dropdown-row-wrapper .content .icon-box-wrapper .icon-box[data-v-0dd99abc]{display:flex;align-items:center;width:47px;height:31px;padding:0 19px 0 12px;border-top-left-radius:4px;border-bottom-right-radius:4px;background-color:var(--secondary-light-4);border:1px solid var(--secondary-light-3)}.mode-dropdown-row-wrapper .content .icon-box-wrapper .icon-box .icon[data-v-0dd99abc]{flex-shrink:0}.mode-dropdown-row-wrapper .content .icon-box-wrapper .icon-box .icon[data-v-0dd99abc] .change-color-fill{fill:var(--secondary-dark-4)}.mode-dropdown-row-wrapper .content .icon-box-wrapper.light[data-v-0dd99abc]{background-color:#f7f7f7}.mode-dropdown-row-wrapper .content .icon-box-wrapper.light .icon-box[data-v-0dd99abc]{background-color:#fff;border:1px solid #f7f7f7}.mode-dropdown-row-wrapper .content .icon-box-wrapper.light .icon-box .icon[data-v-0dd99abc] .change-color-fill{fill:#242526}.mode-dropdown-row-wrapper .content .icon-box-wrapper.dark[data-v-0dd99abc]{background-color:#242526}.mode-dropdown-row-wrapper .content .icon-box-wrapper.dark .icon-box[data-v-0dd99abc]{background-color:#3b3d40;border:1px solid #242526}.mode-dropdown-row-wrapper .content .icon-box-wrapper.dark .icon-box .icon[data-v-0dd99abc] .change-color-fill{fill:#dedede}.mode-dropdown-row-wrapper .content .text-wrapper[data-v-0dd99abc]{display:flex;flex-direction:column}.mode-dropdown-row-wrapper .content .text-wrapper .title[data-v-0dd99abc]{font-size:14px;font-weight:500;line-height:18px;color:var(--secondary-dark-2)}.mode-dropdown-row-wrapper .content .text-wrapper .title.selected[data-v-0dd99abc]{color:var(--primary)}.mode-dropdown-row-wrapper .content .text-wrapper .description[data-v-0dd99abc]{font-size:11px;font-weight:400;line-height:13px;color:var(--secondary-dark-1)}@media(hover:hover)and (pointer:fine){.mode-dropdown-row-wrapper[data-v-0dd99abc]:hover{background-color:var(--secondary-light-2)}}.mode-dropdown-row-wrapper[data-v-0dd99abc]:active{color:var(--primary);background-color:var(--secondary-light-1)}.mode-dropdown-row-wrapper svg.selected-icon[data-v-0dd99abc]{width:16px;height:16px;pointer-events:none}.mode-dropdown-row-wrapper svg.selected-icon[data-v-0dd99abc] .change-color-fill{fill:var(--primary)}.mode-dropdown-row-wrapper.dark .content .icon-box-wrapper.light[data-v-0dd99abc]{background-color:#d9d9d9}.mode-dropdown-row-wrapper.dark .content .icon-box-wrapper.light .icon-box[data-v-0dd99abc]{background-color:#e8e8e8}.mode-dropdown-row-wrapper.dark .content .icon-box-wrapper.light .icon-box .icon[data-v-0dd99abc] .change-color-fill{fill:#363636}.mode-dropdown-row-wrapper.dark .content .icon-box-wrapper.dark[data-v-0dd99abc]{background-color:#171717}.mode-dropdown-row-wrapper.dark .content .icon-box-wrapper.dark .icon-box[data-v-0dd99abc]{background-color:#363636}.mode-dropdown-row-wrapper.dark .content .icon-box-wrapper.dark .icon-box .icon[data-v-0dd99abc] .change-color-fill{fill:#d9d9d9}@keyframes ssc-loading-1d8ad0b8{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.mode-dropdown-wrapper[data-v-1d8ad0b8]{position:relative;width:72px;height:40px;border-radius:24px;background-color:var(--secondary-light-2)}.mode-dropdown-wrapper .dropdown-header[data-v-1d8ad0b8]{display:flex;align-items:center;gap:8px;width:100%;height:100%;padding:0 16px;cursor:pointer}.mode-dropdown-wrapper .dropdown-header .arrow-icon[data-v-1d8ad0b8],.mode-dropdown-wrapper .dropdown-header .mode-icon[data-v-1d8ad0b8]{flex-shrink:0;pointer-events:none}.mode-dropdown-wrapper .dropdown-header .mode-icon[data-v-1d8ad0b8] .change-color-fill{fill:var(--secondary-dark-4)}.mode-dropdown-wrapper .dropdown-header .arrow-icon[data-v-1d8ad0b8]{pointer-events:none;transition:all .4s ease}.mode-dropdown-wrapper .dropdown-header .arrow-icon[data-v-1d8ad0b8] .change-color-fill{fill:var(--secondary-dark-2)}.mode-dropdown-wrapper .dropdown-header.active .arrow-icon[data-v-1d8ad0b8]{transform:rotate(180deg)}.mode-dropdown-wrapper .dropdown-body[data-v-1d8ad0b8]{width:301px;position:absolute;top:0;left:0;border-radius:8px;background-color:var(--secondary-light-4);box-shadow:var(--box-shadow-2);z-index:1}.mode-dropdown-wrapper .dropdown-body.mobile[data-v-1d8ad0b8]{left:unset;right:0}