.appearance-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.appearance-heading p{margin-bottom:0}.restore-colors{white-space:nowrap}.color-picker{display:flex;align-items:center;gap:8px;border:1px solid var(--border-strong,#ded9d2);border-radius:7px;background:var(--surface,#fff);padding:5px 8px}.color-picker input{width:30px!important;height:30px!important;border:0!important;border-radius:5px!important;padding:0!important;background:transparent!important;cursor:pointer}.color-preview{width:24px;height:24px;border-radius:5px;border:1px solid #0003;box-shadow:inset 0 0 0 1px #fff5}.color-picker output{font:600 11px 'DM Sans';color:var(--control-text,#34313b);letter-spacing:.2px}.dark-mode .color-picker{background:#24212b;border-color:#5d5568}.dark-mode .color-picker output{color:#f6f2f8}@media(max-width:720px){.appearance-heading{flex-direction:column}.restore-colors{width:100%}}