.settings-contents[data-v-3fc72af7]{display:grid;grid-template-columns:1fr 1fr;padding:15px;-moz-column-gap:20px;column-gap:20px}.settings-contents section[data-v-3fc72af7]{display:flex;flex-direction:column}.settings-contents section .section-title[data-v-3fc72af7]{font-weight:700;margin-bottom:10px}.settings-contents section label[data-v-3fc72af7]{font-size:.8rem;opacity:.7}.settings-contents section button[data-v-3fc72af7]{background:var(--color-input-background);border:0;outline:none;display:flex;align-items:center;padding:5px 10px;border-radius:3px;color:var(--font-color)}.settings-contents section button .icon[data-v-3fc72af7]{margin-left:5px}.settings-contents section button[data-v-3fc72af7]:hover{cursor:pointer;color:var(--color-primary)}.settings-contents section .help-text.success[data-v-3fc72af7]{color:var(--color-primary)}.settings-contents section .help-text.info[data-v-3fc72af7]{color:var(--color-accent)}.settings-contents section .help-text.error[data-v-3fc72af7]{color:var(--color-error)}.settings-contents section .option-item[data-v-3fc72af7]{margin-bottom:10px}.settings-contents section .option-item .row[data-v-3fc72af7]{display:flex;align-items:center;justify-content:space-between}.settings-contents section .progress-bar[data-v-3fc72af7]{height:5px;width:100%;background:var(--color-input-background);margin:5px 0;border-radius:5px}.settings-contents section .progress-bar .thumb[data-v-3fc72af7]{background:var(--color-primary);height:100%;border-radius:5px}.theme-settings[data-v-55462302]{display:flex;flex-direction:column;padding:15px}.theme-settings .section-title[data-v-55462302]{font-weight:700;margin-bottom:10px}.theme-settings .themes-grid[data-v-55462302]{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:15px;column-gap:15px}.theme-settings .themes-grid .theme-selection[data-v-55462302]{display:flex;flex-direction:column;align-items:center;border:2px solid transparent;border-radius:5px;padding:5px}.theme-settings .themes-grid .theme-selection h4[data-v-55462302]{padding:10px}.theme-settings .themes-grid .theme-selection img[data-v-55462302]{width:100%;height:auto;border-radius:5px}.theme-settings .themes-grid .theme-selection[data-v-55462302]:hover{cursor:pointer;background:var(--color-secondary-light)}.theme-settings .themes-grid .theme-selection.active[data-v-55462302]{background:var(--color-primary)}.theme-settings .themes-grid .theme-selection.active h4[data-v-55462302]{color:var(--color-secondary)}.popup-background[data-v-8402f6c8]{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--popup-background);display:flex;align-items:center;justify-content:center;z-index:99}.popup-background .settings-card[data-v-8402f6c8]{display:flex;flex-direction:column;width:100%;height:100%;background:var(--color-secondary);max-width:700px;max-height:500px;border-radius:5px}.popup-background .settings-card .header[data-v-8402f6c8]{display:flex;flex-direction:column}.popup-background .settings-card .header .title-bar[data-v-8402f6c8]{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);padding:10px 15px}.popup-background .settings-card .header .title-bar h4[data-v-8402f6c8]{font-weight:700;text-transform:uppercase;letter-spacing:.1rem}.popup-background .settings-card .header .title-bar .close-btn[data-v-8402f6c8]{padding:5px;background:var(--color-secondary-light);display:flex;align-content:center;justify-content:center;border-radius:5px}.popup-background .settings-card .header .title-bar .close-btn[data-v-8402f6c8]:hover{cursor:pointer;color:var(--color-error)}.popup-background .settings-card .header .navigation-tabs[data-v-8402f6c8]{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid var(--border-color);padding:0 5px}.popup-background .settings-card .header .navigation-tabs .tab[data-v-8402f6c8]{padding:10px 15px;opacity:.7;border-bottom:2px solid transparent;transition:border .3s ease-in-out}.popup-background .settings-card .header .navigation-tabs .tab.active[data-v-8402f6c8]{opacity:1;border-bottom:2px solid var(--color-primary)}.popup-background .settings-card .header .navigation-tabs .tab[data-v-8402f6c8]:hover{cursor:pointer;opacity:1}.popup-background .settings-card .contents[data-v-8402f6c8]{height:100%;flex:1;overflow:auto}