.settings-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 85%,transparent),color-mix(in srgb,var(--surface) 65%,transparent));padding:24px 30px}.settings-card h2:not(.section-header h2){font-size:22px;line-height:28px;font-weight:700}.settings-field label{display:block;margin-bottom:7px;font-size:18px;line-height:24px}.settings-field input{width:100%;height:49px;border:1px solid var(--line-strong);border-radius:13px;background:linear-gradient(120deg,var(--surface-3),var(--surface));padding:0 21px;font-size:18px;color:var(--ink)}.settings-field input::-moz-placeholder{color:var(--muted)}.settings-field input::placeholder{color:var(--muted)}.settings-field input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}.password-input{position:relative}.password-input input{padding-right:50px}.password-input .music-icon{position:absolute;right:6px;top:50%;transform:translateY(-50%)}.field-error{color:var(--danger);font-size:15px;line-height:22px;margin-top:6px}@media(max-width:767px){.settings-card{padding:18px;border-radius:14px}.settings-field label{font-size:13px;line-height:18px;margin-bottom:4px;color:var(--ink-2)}.settings-field input{height:44px;border-radius:9px;font-size:16px;padding-left:14px}.password-input .music-icon{right:0;width:44px;height:44px}.password-input .music-icon svg{width:24px;height:24px}.settings-card h2:not(.section-header h2){font-size:18px}.settings-field label{font-size:12px;margin-bottom:2px;line-height:14px}}.settings-field input{border-color:#534446;background:linear-gradient(120deg,#271f20,#211819)}.settings-page{color:var(--ink)}:where(.settings-page) .mobile-settings-links{display:none}:where(.settings-page) .profile-form{display:flex;flex-direction:column;gap:14px}:where(.settings-page) .profile-card{min-height:193px;display:flex;align-items:center;padding-left:68px;gap:36px}:where(.settings-page) .profile-identity{display:flex;align-items:center;gap:58px}:where(.settings-page) .profile-avatar{width:94px;height:94px;border-radius:50%;border:1px solid var(--line-strong);background:linear-gradient(135deg,var(--surface-3),var(--surface-2));font-size:48px;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;flex:none}:where(.settings-page) .profile-avatar>img{width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover}:where(.settings-page) .profile-identity h2{font-family:var(--font-display);font-size:40px;font-weight:800;line-height:45px}:where(.settings-page) .profile-identity p{font-size:28px;line-height:32px;color:var(--ink-2)}:where(.settings-page) .profile-identity small{display:block;font-size:20px;line-height:24px;color:var(--muted);margin-top:12px}:where(.settings-page) .profile-camera:disabled{position:absolute;right:-19px;bottom:-16px;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--line-strong);border-radius:50%;background:var(--surface);opacity:1}:where(.settings-page) .profile-camera svg{width:22px}:where(.settings-page) .profile-camera span{position:absolute;top:39px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;font-weight:400;padding:2px 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}:where(.settings-page) .profile-fields h2{margin:29px 0 12px}:where(.settings-page) .password-columns{display:grid;grid-template-columns:1fr 1.06fr;gap:32px}:where(.settings-page) .password-hint{font-size:16px;color:var(--muted);margin-top:14px}:where(.settings-page) .profile-actions{display:flex;gap:14px;margin-top:22px}:where(.settings-page) .profile-actions button{height:53px;min-width:142px;padding:0 36px;font-size:18px;border-radius:99px}:where(.settings-page) .profile-actions button[type=submit]{min-width:192px}:where(.settings-page) .profile-fields{padding-top:22px;padding-bottom:25px}:where(.settings-page) .profile-success{display:flex;align-items:center;gap:20px;min-height:72px;border-radius:16px;border:1px solid #315e3b;background:#152318;color:var(--ink);padding:16px 22px;font-size:18px}:where(.settings-page) .profile-success svg{background:var(--leaf-soft);border-radius:50%;padding:5px;color:#0d2316;width:34px;height:34px}:where(.settings-page) .account-saved-toast{position:fixed;right:22px;bottom:148px;z-index:180}:where(.settings-page) .account-saved-toast .music-toast{min-width:214px;background:#142219;border-color:#315e3b}:where(.settings-page) .form-skeleton{height:378px;padding-top:32px}:where(.settings-page) .skeleton-label{height:18px;width:128px;margin-bottom:10px}:where(.settings-page) .skeleton-input{height:49px;border-radius:13px}:where(.settings-page) .form-skeleton .password-columns{margin-top:62px}:where(.settings-page) .skeleton-hint{width:330px;height:12px;margin:23px 0 38px}:where(.settings-page) .skeleton-actions{display:flex;gap:14px}:where(.settings-page) .skeleton-actions>div{width:192px;height:53px;border-radius:99px}:where(.settings-page) .skeleton-actions>div+div{width:155px}:where(.settings-page).playback-page>.settings-card{margin-bottom:14px}:where(.settings-page) .streaming-card{padding:10px 18px 16px}:where(.settings-page) .streaming-card h2{margin-bottom:14px}:where(.settings-page) .quality-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}:where(.settings-page) .quality-tiles label{display:grid;grid-template-columns:30px 1fr;grid-template-rows:32px 45px 22px;-moz-column-gap:13px;column-gap:13px;align-items:center;min-height:140px;padding:14px 18px 10px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}:where(.settings-page) .quality-tiles label.selected{border:2px solid var(--accent);padding:13px 17px 9px}:where(.settings-page) .quality-tiles input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;border:1px solid var(--ink);border-radius:50%;margin:0}:where(.settings-page) .quality-tiles input:checked{border:7px solid var(--accent);background:var(--ink)}:where(.settings-page) .quality-tiles strong{font-size:18px}:where(.settings-page) .quality-tiles .quality-tag{grid-column:2;justify-self:start}:where(.settings-page) .quality-tiles small{grid-column:2;color:var(--ink-2);font-size:16px}:where(.settings-page) .preference-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;padding:12px 19px}:where(.settings-page) .preference-row select{height:46px;padding:0 42px 0 22px;background:var(--surface);border:1px solid var(--line-strong);border-radius:99px;color:var(--ink);font-size:17px}:where(.settings-page) .toggle-card{padding:0 20px}:where(.settings-page) .toggle-card>div{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:20px}:where(.settings-page) .toggle-card>div+div{border-top:1px solid var(--line)}:where(.settings-page) .toggle-card small{display:block;font-size:16px;color:var(--ink-2);line-height:22px}:where(.settings-page) .toggle-card .music-toggle{width:62px;height:34px}:where(.settings-page) .toggle-card .music-toggle span{width:25px;height:25px}:where(.settings-page) .toggle-card .music-toggle[aria-checked=true] span{transform:translateX(27px)}:where(.settings-page) .toggle-card .music-toggle:disabled{opacity:1}:where(.settings-page) .speed-row{min-height:80px}:where(.settings-page) .speed-row .segmented-control{min-width:370px}:where(.settings-page) .segmented-control button{white-space:nowrap}:where(.settings-page) .setting-note{color:var(--muted);font-size:15px;margin-top:8px}:where(.settings-page).appearance-page>.settings-card{margin-bottom:16px}:where(.settings-page) .accent-swatches{display:flex;flex-wrap:wrap;gap:26px;margin:24px 0}:where(.settings-page) .accent-swatches button{text-transform:capitalize;display:grid;gap:8px;justify-items:center;min-width:64px}:where(.settings-page) .accent-swatches span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:white}:where(.settings-page) .accent-swatches [aria-pressed=true] span{outline:2px solid var(--ink);outline-offset:5px}:where(.settings-page) .custom-accent{display:flex;align-items:center;gap:18px}:where(.settings-page) .custom-accent input[type=color]{width:52px;height:44px;border-radius:8px;padding:2px;background:var(--surface)}:where(.settings-page) .custom-accent input[type=text]{max-width:180px}:where(.settings-page) .accent-preview{display:flex;align-items:center;gap:22px;padding-top:24px}:where(.settings-page).appearance-page>.settings-card{padding:24px}:where(.settings-page) .about-hero{min-height:174px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:radial-gradient(ellipse at 100% 100%,var(--accent-depth),transparent 50%),radial-gradient(ellipse at 0 0,var(--accent-depth),transparent 55%),var(--ground)}:where(.settings-page) .about-hero .music-logo{gap:30px}:where(.settings-page) .about-hero .music-logo b{font-size:58px;line-height:62px}:where(.settings-page) .about-hero .music-logo>span{transform:scale(2.3);margin:0 28px}:where(.settings-page) .about-hero p{font-size:28px;line-height:32px}:where(.settings-page) .about-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}:where(.settings-page) .about-features .settings-card{height:111px;display:flex;align-items:center;gap:36px;padding:20px 50px}:where(.settings-page) .about-features svg{width:56px;height:56px}:where(.settings-page) .about-features h2{font-size:20px;white-space:nowrap}:where(.settings-page) .qobuz-card{display:flex;align-items:center;gap:30px;min-height:100px;margin-bottom:12px;padding:20px 30px}:where(.settings-page) .qobuz-wordmark{font-size:46px;letter-spacing:-5px;padding-right:35px;border-right:1px solid var(--line)}:where(.settings-page) .qobuz-card h2{font-size:20px}:where(.settings-page) .qobuz-card p{font-size:16px;color:var(--ink-2);margin-top:4px}:where(.settings-page) .qobuz-card>svg{margin-left:auto}:where(.settings-page) .about-legal{display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:12px 26px}:where(.settings-page) .about-legal .music-pill{min-width:226px}:where(.settings-page) .about-version{color:var(--muted);font-size:14px;margin-top:16px}@media(min-width:768px) and (max-width:1400px){:where(.settings-page) .about-features .settings-card{padding:20px;gap:20px}}@media(max-width:767px){:where(.settings-page) .profile-form{gap:0}:where(.settings-page) .profile-card{display:block;min-height:0;border:0;background:none;padding:0;margin-bottom:9px}:where(.settings-page) .profile-identity{gap:15px}:where(.settings-page) .profile-avatar{width:64px;height:64px;font-size:28px}:where(.settings-page) .profile-identity h2{font-size:23px;line-height:27px}:where(.settings-page) .profile-identity p{font-size:17px;line-height:21px}:where(.settings-page) .profile-camera,:where(.settings-page) .profile-identity small{display:none}:where(.settings-page) .profile-fields{border:0;background:none;padding:0}:where(.settings-page) .password-hint,:where(.settings-page) .profile-fields h2{display:none}:where(.settings-page) .profile-fields>.settings-field{margin-bottom:7px}:where(.settings-page) .password-columns{display:flex;flex-direction:column;gap:7px}:where(.settings-page) .profile-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}:where(.settings-page) .profile-actions button{height:44px;font-size:16px;padding:0;width:100%;min-width:0}:where(.settings-page) .mobile-settings-links{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line);margin-top:10px;padding-top:9px}:where(.settings-page) .mobile-settings-links>a,:where(.settings-page) .mobile-settings-links>button{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:9px;min-height:48px;padding:0 13px;font-size:15px}:where(.settings-page) .mobile-settings-links svg{width:20px;height:20px}:where(.settings-page) .mobile-settings-links span{flex:1;text-align:left}:where(.settings-page) .mobile-settings-links>button{color:var(--accent-soft)}:where(.settings-page) .profile-success{font-size:14px;margin:12px 0}:where(.settings-page) .account-saved-toast{bottom:164px;right:12px}:where(.settings-page) .quality-tiles{grid-template-columns:1fr 1fr;gap:8px}:where(.settings-page) .quality-tiles label{padding:10px;grid-template-columns:24px 1fr;-moz-column-gap:6px;column-gap:6px}:where(.settings-page) .quality-tiles label.selected{padding:9px}:where(.settings-page) .quality-tiles strong{font-size:14px}:where(.settings-page) .quality-tiles small{font-size:12px}:where(.settings-page) .quality-tiles input{width:22px;height:22px}:where(.settings-page) .preference-row{flex-wrap:wrap;padding:15px}:where(.settings-page) .preference-row select{width:100%;font-size:14px}:where(.settings-page) .toggle-card{padding:0 15px}:where(.settings-page) .toggle-card>div{font-size:15px;min-height:76px;gap:12px}:where(.settings-page) .toggle-card .music-toggle{flex:none}:where(.settings-page) .toggle-card small{font-size:12px}:where(.settings-page) .speed-row .segmented-control{min-width:0;width:100%}:where(.settings-page) .accent-swatches{gap:12px}:where(.settings-page) .custom-accent{flex-wrap:wrap;gap:12px}:where(.settings-page) .accent-preview{flex-wrap:wrap;gap:14px}:where(.settings-page) .about-hero .music-logo b{font-size:26px;line-height:32px}:where(.settings-page) .about-hero .music-logo>span{transform:none;margin:0}:where(.settings-page) .about-hero .music-logo{gap:15px}:where(.settings-page) .about-hero p{font-size:18px}:where(.settings-page) .about-features{grid-template-columns:1fr 1fr}:where(.settings-page) .about-features .settings-card{padding:16px;gap:10px;flex-direction:column;height:110px}:where(.settings-page) .about-features h2{font-size:14px}:where(.settings-page) .about-features svg{width:30px;height:30px}:where(.settings-page) .qobuz-card{padding:18px;gap:15px}:where(.settings-page) .qobuz-wordmark{display:none}:where(.settings-page) .qobuz-card p{font-size:14px}:where(.settings-page) .about-legal{padding:15px}:where(.settings-page) .about-legal .music-pill{min-width:0;font-size:12px;padding:8px 12px}:where(.settings-page) .form-skeleton{padding:10px 0;border:0}:where(.settings-page) .skeleton-hint{width:80%}}@media(min-width:768px){:where(.settings-page) .about-hero .music-logo{transform:translateX(-10px)}.settings-page .segmented-control{padding:0}.settings-page .segmented-control button{flex:1;min-height:44px;font-size:16px;color:var(--ink)}.settings-page .segmented-control button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}:where(.settings-page) .toggle-card .music-toggle:before{top:0;height:34px}:where(.settings-page) .toggle-card .music-toggle span{top:4px}}@media(max-width:767px){:where(.settings-page) .profile-card{margin-bottom:5px}:where(.settings-page) .profile-camera:disabled{display:none}:where(.settings-page) .profile-card .profile-identity h2{font-size:23px;line-height:27px}:where(.settings-page) .profile-identity p{font-size:16px}:where(.settings-page) .profile-avatar{font-size:28px}:where(.settings-page) .profile-fields>.settings-field{margin-bottom:4px}:where(.settings-page) .password-columns{gap:4px}:where(.settings-page) .profile-actions{gap:6px;margin-top:10px}:where(.settings-page) .profile-actions button{font-size:14px}:where(.settings-page) .mobile-settings-links{gap:3px;margin-top:9px;padding-top:8px}}:where(.settings-page) .account-saved-toast .music-toast{width:214px;gap:16px}@media(max-width:767px){:where(.settings-page) .profile-fields>.settings-field{margin-bottom:0}:where(.settings-page) .password-columns{gap:0}:where(.settings-page) .profile-actions{margin-top:6px;gap:3px}:where(.settings-page) .mobile-settings-links{margin-top:6px;padding-top:6px;gap:1px}}:where(.settings-page) .custom-accent label{white-space:nowrap}:where(.settings-page) .custom-accent input[type=color]{flex:none}:where(.settings-page) .custom-accent input[type=text]{height:44px}@media(max-width:767px){:where(.settings-page) .toggle-card .music-toggle{height:44px}:where(.settings-page) .toggle-card .music-toggle:before{top:5px}:where(.settings-page) .toggle-card .music-toggle span{top:9px}.settings-page .segmented-control button{min-height:44px}}:where(.settings-page) .account-saved-toast .music-toast{padding-right:48px}:where(.settings-page) .account-saved-toast .toast-close{position:absolute;right:4px;top:12px;width:40px;height:40px}:where(.settings-page) .profile-identity h2{color:var(--ink)}.settings-page{--settings-primary:var(--accent)}html[data-accent=red] .settings-page{--settings-primary:#ff0b2d}:where(.settings-page) .profile-actions button[type=submit]{background:linear-gradient(110deg,var(--settings-primary),var(--accent));border-color:var(--accent-soft)}:where(.settings-page) .profile-actions button[type=button]{font-weight:400;border-color:var(--muted);background:linear-gradient(130deg,var(--surface-2),var(--surface))}:where(.settings-page) .profile-avatar{border-color:#665355;background:linear-gradient(130deg,#39292c,#251c1d)}@media(min-width:768px){:where(.settings-page) .profile-fields{padding-bottom:22px}:where(.settings-page) .profile-actions button{font-weight:400}:where(.settings-page) .form-skeleton .password-columns{margin-top:37px}:where(.settings-page) .skeleton-password-field .skeleton-label{width:116px}:where(.settings-page) .skeleton-password-field+.skeleton-password-field .skeleton-label{width:106px}:where(.settings-page).playback-page .preference-row{min-height:68px;padding-top:10px;padding-bottom:10px}:where(.settings-page) .streaming-card h2{margin-bottom:10px}:where(.settings-page) .streaming-card{padding-bottom:14px}:where(.settings-page) .toggle-card>div{min-height:64px}:where(.settings-page).playback-page .speed-row{min-height:80px}:where(.settings-page) .quality-tiles{gap:16px}:where(.settings-page) .quality-tiles label{grid-template-rows:32px 52px 22px;min-height:140px;padding-top:10px;padding-bottom:10px;background:linear-gradient(140deg,var(--surface),var(--surface-2))}:where(.settings-page) .quality-tiles label.selected{padding-top:9px;padding-bottom:9px}:where(.settings-page) .preference-row select{min-width:322px;border-color:var(--line-strong)}}@media(max-width:767px){:where(.settings-page) .profile-identity h2{letter-spacing:-.015em}:where(.settings-page) .profile-actions button{border-width:.75px}:where(.settings-page) .mobile-settings-links>a,:where(.settings-page) .mobile-settings-links>button{border-width:.75px;border-color:var(--line-strong);background:linear-gradient(120deg,var(--surface-2),var(--surface))}:where(.settings-page) .mobile-settings-links>button>svg:last-child{color:var(--ink-2)}:where(.settings-page) .mobile-settings-links>a,:where(.settings-page) .mobile-settings-links>button,:where(.settings-page) .profile-actions button,:where(.settings-page).profile-page .profile-avatar,:where(.settings-page).profile-page .settings-field input{border-width:.5px}:where(.settings-page) .profile-actions button[type=submit]{border-color:var(--accent)}:where(.settings-page).profile-page .profile-identity h2{font-size:22px}:where(.settings-page).profile-page .settings-field input{border-color:#423436;background:linear-gradient(120deg,#1f1617,#191213)}:where(.settings-page).profile-page .profile-avatar{border-color:#544043;background:linear-gradient(130deg,#302124,#221718)}:where(.settings-page) .profile-actions button[type=button]{border-color:#665155}:where(.settings-page) .mobile-settings-links>a,:where(.settings-page) .mobile-settings-links>button{border-color:#392b2d}}:where(.settings-page) .about-hero{background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--accent) 25%,#190b0d),transparent 65%),radial-gradient(ellipse at 100% 100%,color-mix(in srgb,var(--accent) 28%,#1a0a0b),transparent 65%),var(--ground)}:where(.settings-page) .about-hero .music-logo i{border-radius:3px}:where(.settings-page) .about-legal .music-pill{border-color:var(--line-strong);background:transparent;font-weight:400}@media(min-width:768px){:where(.settings-page) .about-hero .music-logo b{font-size:62px;line-height:66px;color:#fff}:where(.settings-page) .about-hero p{transform:translateX(-14px)}:where(.settings-page) .about-features .settings-card{padding-left:55px;gap:35px}:where(.settings-page) .qobuz-wordmark{font-size:48px;letter-spacing:-4px;min-width:153px;line-height:56px}}:where(.settings-page) .profile-name-skeleton{height:45px;width:255px}:where(.settings-page) .profile-handle-skeleton{height:32px;width:190px}:where(.settings-page) .profile-id-skeleton{height:24px;width:132px;margin-top:12px}@media(max-width:767px){:where(.settings-page) .profile-name-skeleton{height:27px;width:130px}:where(.settings-page) .profile-handle-skeleton{height:21px;width:100px}:where(.settings-page) .profile-id-skeleton{display:none}:where(.settings-page) .skeleton-input{height:40px;border-radius:9px}:where(.settings-page) .skeleton-actions>div{width:100%;height:40px}}:where(.settings-page) .theme-bases{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:18px}:where(.settings-page) .theme-bases button{display:grid;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);text-align:left}:where(.settings-page) .theme-bases button[aria-pressed=true]{border:2px solid var(--accent);padding:9px}:where(.settings-page) .theme-bases button>span:last-child{display:flex;align-items:center;justify-content:space-between;font-weight:600}:where(.settings-page) .theme-bases button>span:last-child svg{width:18px;height:18px;color:var(--accent)}:where(.settings-page) .theme-swatch{position:relative;display:block;height:74px;border:1px solid;border-radius:10px;overflow:hidden}:where(.settings-page) .theme-swatch i{position:absolute;left:10px;right:28px;top:12px;bottom:12px;display:grid;align-content:center;gap:7px;padding:0 10px;border:1px solid;border-radius:7px}:where(.settings-page) .theme-swatch b{display:block;height:6px;border-radius:3px}:where(.settings-page) .theme-swatch b+b{width:60%}:where(.settings-page) .theme-swatch em{position:absolute;right:9px;bottom:9px;width:12px;height:12px;border-radius:50%}:where(.settings-page) .theme-swatch.is-system{display:grid;place-items:center;border-color:var(--line);background:linear-gradient(115deg,#F6F1EC 0 50%,#0F0B0B 50% 100%);color:var(--accent)}:where(.settings-page) .theme-swatch.is-system svg{width:28px;height:28px;padding:4px;border-radius:8px;background:var(--surface)}:where(.settings-page) .theme-color-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px 28px;margin-top:18px}:where(.settings-page) .theme-color-group{display:grid;gap:8px;align-content:start}:where(.settings-page) .theme-color-group h3{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}:where(.settings-page) .theme-color-field{display:grid;grid-template-columns:44px 1fr 110px 40px;align-items:center;gap:12px;min-height:52px}:where(.settings-page) .theme-color-field input[type=color]{width:44px;height:40px;padding:2px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface)}:where(.settings-page) .theme-color-label{display:grid;min-width:0}:where(.settings-page) .theme-color-label b{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}:where(.settings-page) .theme-color-label small{color:var(--muted);font-size:12px}:where(.settings-page) .theme-color-field.is-custom .theme-color-label small{color:var(--accent-soft)}:where(.settings-page) .theme-color-field input[type=text]{height:40px;font-family:ui-monospace,monospace;font-size:14px;text-transform:uppercase}:where(.settings-page) .theme-contrast-warning{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;border:1px solid var(--danger-line);border-radius:10px;background:var(--danger-ground);color:var(--danger)}:where(.settings-page) .theme-contrast-warning svg{width:20px;height:20px}@media(max-width:767px){:where(.settings-page) .theme-bases{grid-template-columns:1fr 1fr;gap:10px}:where(.settings-page) .theme-color-groups{grid-template-columns:1fr}:where(.settings-page) .theme-color-field{grid-template-columns:44px 1fr 88px 44px;gap:8px}:where(.settings-page) .theme-color-field input[type=color],:where(.settings-page) .theme-color-field input[type=text]{height:44px}:where(.settings-page) .theme-bases button>span:last-child svg{width:20px;height:20px}}