.About{text-align:center;justify-items:center;gap:18px;line-height:1.5;display:grid;& .identity{justify-items:center;gap:6px;display:grid;& img{display:block}& .title{font-size:22px;font-weight:700;line-height:1.2}& .version{font-size:14px}}& .support{white-space:nowrap;gap:8px;display:flex}& .details{gap:8px;font-size:12px;display:grid}& p{margin:0}}.Modal{.color-scheme-light &{--modal-text-color:black;--modal-dismiss-color:var(--grey-500);--modal-dismiss-hover-color:var(--grey-800);--modal-background-color:var(--grey-50);--modal-overlay-background-color:#000c;--modal-border-color:var(--grey-200);--modal-box-shadow:0 24px 64px color-mix(in oklch, var(--grey-900) 28%, transparent)}.color-scheme-dark &{--modal-text-color:var(--grey-200);--modal-dismiss-color:var(--grey-400);--modal-dismiss-hover-color:var(--grey-100);--modal-background-color:var(--grey-800);--modal-overlay-background-color:#000c;--modal-border-color:var(--grey-600);--modal-box-shadow:0 24px 64px oklch(0% none none/.42)}-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:1;background-color:var(--modal-overlay-background-color);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;.sampling-screen-color &{opacity:0;pointer-events:none}& .modal-wrapper{color:var(--modal-text-color);width:min(var(--modal-width,400px), 100%);max-height:min(var(--modal-height,calc(100svh - 48px)), calc(100svh - 48px));border:1px solid var(--modal-border-color);box-shadow:var(--modal-box-shadow);border-radius:6px;overflow:hidden}& .modal-body{background-color:var(--modal-background-color);max-height:inherit;flex-direction:column;width:100%;display:flex;position:relative;&.without-dismiss{& h1{padding-right:20px}}}& h1{outline:none;margin:0;padding:20px 56px 0 20px;font-size:18px;font-weight:650;line-height:1.2}& .visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}& .scroll-box{overscroll-behavior:contain;overflow:auto}& select.input{&:focus,&:active,&:focus-within{border-color:var(--input-border-color);box-shadow:none;outline:none}&.focus-visible{border-color:var(--input-focus-outline-color);box-shadow:inset 0 0 0 1px var(--input-focus-outline-color);outline:none}}& .scroll-focus.focus-visible{.color-scheme-light &{--btn-focus-color:var(--blue-700)}.color-scheme-dark &{--btn-focus-color:var(--blue-400)}outline:4px solid var(--btn-focus-color);outline-offset:-4px}& .modal-body .dismiss.dismissBtn{width:26px;height:26px;color:var(--modal-dismiss-color);fill:var(--modal-dismiss-color);position:absolute;top:12px;right:12px;& div{width:26px;height:26px;&:before,&:after{height:17px}}&:hover{color:var(--modal-dismiss-hover-color);fill:var(--modal-dismiss-hover-color);background-color:#0000}}&.right-aligned{background-color:initial;justify-content:flex-end;align-items:stretch;padding:0;& .modal-wrapper{width:var(--modal-width);border:none;border-radius:0;height:100vh;max-height:100vh;box-shadow:-2px 0 8px oklch(0% none none/.3)}& .modal-body{height:100vh;width:var(--modal-width);border:none;border-radius:0;max-height:100vh}@media (width<=540px){& .modal-wrapper{width:100vw}}}& .scroll-box{max-height:inherit}}.ColorPicker{z-index:2;top:var(--picker-top);left:var(--picker-left);background-color:var(--picker-background-color);border:1px solid var(--setting-wrapper-border-color);border-radius:6px;position:fixed;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;.sampling-screen-color &{opacity:0;pointer-events:none}.color-scheme-light &{--picker-background-color:var(--grey-50);--picker-border-color:var(--grey-400);--picker-control-hover-background-color:var(--grey-200);--picker-control-text-color:var(--input-text-color)}.color-scheme-dark &{--picker-background-color:var(--grey-800);--picker-border-color:var(--grey-900);--picker-control-hover-background-color:var(--grey-700);--picker-control-text-color:var(--input-text-color)}& .heading{border-bottom:1px solid var(--setting-wrapper-border-color);text-align:center;padding:5px 0}& .react-colorful{width:220px;height:240px}& .input-row{align-items:center;gap:6px;width:200px;margin:10px;display:flex}& .sample-button{border:1px solid var(--input-border-color);background-color:var(--input-background-color);width:32px;height:31px;color:var(--picker-control-text-color);cursor:pointer;border-radius:4px;flex:none;place-items:center;padding:0;display:grid;&:hover{background-color:var(--picker-control-hover-background-color)}&.focus-visible{border-color:var(--input-focus-outline-color);box-shadow:inset 0 0 0 1px var(--input-focus-outline-color);outline:none}}& .eyedropper-icon{width:18px;height:18px}& input{box-sizing:border-box;text-align:center;border-radius:6px;flex:auto;width:0;min-width:0;margin:0;padding:6px;line-height:0}& .react-colorful__saturation{border-bottom:none;border-radius:0}& .react-colorful__hue{border-radius:3px;height:20px;margin:10px 10px 0}& .react-colorful__hue-pointer,& .react-colorful__saturation-pointer{border-width:3px}& .react-colorful__saturation-pointer,& .react-colorful__hue-pointer{width:16px;height:16px}& .react-colorful__hue-pointer:active{z-index:10!important}}.ConfirmResetDialog{grid-template-columns:auto 1fr;column-gap:14px;padding:20px;line-height:1.5;display:grid;& .warning-icon{.color-scheme-light &{--reset-warning-background-color:var(--red-100);--reset-warning-text-color:var(--red-700)}.color-scheme-dark &{--reset-warning-background-color:var(--red-900);--reset-warning-text-color:var(--red-300)}background-color:var(--reset-warning-background-color);color:var(--reset-warning-text-color);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;font-weight:700;line-height:1;display:flex}& p{margin:0}& .buttons{grid-column:1/-1;justify-content:flex-end;gap:10px;width:100%;margin-top:16px;display:flex}}:root{--options-background-color:var(--grey-50);--options-text-color:black;--options-box-shadow:8px 8px 20px color-mix(in oklch, var(--grey-900) 50%, transparent);--options-outer-border-color:var(--grey-200);--options-inner-border-color:var(--grey-400);--header-background-color:var(--grey-400);--wallpaper-button-box-shadow-color:var(--grey-400);--wallpaper-button-focus-outline-color:var(--blue-400);--wallpaper-button-selected-outline-color:var(--blue-700);--setting-wrapper-border-color:var(--grey-300);--switch-background-color:var(--grey-400);--switch-before-background-color:var(--grey-100);--switch-focus-outline-color:var(--blue-400);--switch-checked-background-color:var(--blue-700);&.color-scheme-dark,& .color-scheme-dark{--options-background-color:var(--grey-800);--options-text-color:var(--grey-200);--options-box-shadow:10px 14px 13px oklch(0% none none/.6);--options-outer-border-color:var(--grey-700);--options-inner-border-color:var(--grey-900);--header-background-color:var(--grey-800);--wallpaper-button-box-shadow-color:var(--grey-900);--wallpaper-button-focus-outline-color:var(--blue-400);--wallpaper-button-selected-outline-color:var(--blue-600);--setting-wrapper-border-color:var(--grey-700);--switch-background-color:var(--grey-600);--switch-before-background-color:var(--grey-100)}}.wallpaper-picker-group{margin-top:14px}.wallpaper-picker-heading{align-items:center;margin-bottom:4px;display:flex}.wallpaper-picker-title{letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:14px;font-weight:650}.setting-option.wallpapers{box-sizing:border-box;scrollbar-width:thin;flex-wrap:nowrap;gap:14px;width:100%;min-width:0;max-height:310px;margin-block:12px 0;padding:8px;display:flex;overflow:auto hidden}.setting-option.wallpapers[hidden]{display:none}.wallpaper-radio-option{flex-shrink:0;position:relative}.wallpaper-radio,.wallpaper-radio-label{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wallpaper-button,.wallpaper-button-transparent{aspect-ratio:4/3;cursor:pointer;width:102px;height:auto;box-shadow:0 0 0 1px var(--wallpaper-button-box-shadow-color);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:4px;outline:none;flex-shrink:0;display:block;position:relative}.wallpaper-button{&.focus-visible{outline:4px solid var(--wallpaper-button-focus-outline-color);outline-offset:4px}}.wallpaper-radio.focus-visible+.wallpaper-button{outline:4px solid var(--wallpaper-button-focus-outline-color);outline-offset:4px}.wallpaper-action-button{background-color:var(--btn-background-color);color:var(--btn-text-color);text-align:center;align-content:center;place-items:center;gap:8px;padding:10px;font-size:12px;font-weight:650;line-height:1.15;display:grid;&:hover{background-color:var(--btn-hover-background-color);color:var(--btn-hover-text-color)}}.wallpaper-action-icon{flex-shrink:0;width:26px;height:26px}.wallpaper-button.selected,.wallpaper-radio:checked+.wallpaper-button{outline:4px solid var(--wallpaper-button-selected-outline-color);&.focus-visible{box-shadow:0 0 0 8px var(--wallpaper-button-selected-outline-color);outline-color:var(--wallpaper-button-focus-outline-color)}&:before{content:"✓";background-color:var(--wallpaper-button-selected-outline-color);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;margin-top:-12px;margin-left:-12px;font-size:16px;font-weight:700;line-height:1;display:grid;position:absolute;top:50%;left:50%}}.wallpaper-radio.focus-visible:checked+.wallpaper-button{box-shadow:0 0 0 8px var(--wallpaper-button-selected-outline-color);outline-color:var(--wallpaper-button-focus-outline-color)}.wallpaper-button-transparent{cursor:initial}.theme-wallpaper-button{background-color:var(--grey-100)}.color-scheme-dark .theme-wallpaper-button{background-color:var(--grey-900)}.blue-wallpaper-button{background-color:var(--blue-100)}.brown-wallpaper-button{background-color:var(--brown-100)}.green-wallpaper-button{background-color:var(--teal-100)}.pink-wallpaper-button{background-color:var(--pink-100)}.yellow-wallpaper-button{background-color:var(--amber-200)}.settings-section{margin:0;padding-block:28px;&:not(:last-of-type){border-bottom:1px solid var(--setting-wrapper-border-color)}}.settings-section-title{letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0 0 20px;font-size:18px;font-weight:700}.settings-section-content{flex-direction:column;gap:20px;display:flex}.setting-wrapper{font-size:14px;&.about{place-items:center;display:grid}}.setting-wrapper.setting-group{grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:center;gap:24px;display:grid}.setting-label{flex:1;min-width:0}.setting-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-bottom:7px;font-weight:650}.setting-description{opacity:.78;max-width:620px;margin:0;line-height:1.5}.setting-option{flex-shrink:0;&.select,&.toggle,&.reset{margin-left:0}&.select{position:relative;& select{max-width:200px}}&.reset{flex-direction:column;gap:10px;display:flex}}@media (width<=620px){.settings-section{padding-block:24px}.settings-section-title{margin-bottom:18px}.setting-wrapper.setting-group{grid-template-columns:1fr;gap:12px}.setting-option{justify-self:start;&.select select{max-width:min(260px,100vw - 36px)}}}.switch-root{all:unset;background-color:var(--switch-background-color);cursor:pointer;border-radius:14px;outline:none;place-items:center;width:50px;height:28px;display:flex;&.focus-visible{outline:2px solid var(--switch-focus-outline-color)}&[aria-checked=true]{background-color:var(--switch-checked-background-color)}}.switch-thumb{background-color:var(--switch-before-background-color);border-radius:50%;width:22px;height:22px;transition:transform .2s;transform:translate(3px);[aria-checked=true] &{transform:translate(25px)}}@media (prefers-reduced-motion:reduce){.switch-thumb{transition-duration:.01ms}}@media (width<=620px){.setting-wrapper.setting-group{flex-direction:column;align-items:flex-start;gap:14px}.setting-option{&.select,&.toggle,&.reset{margin-left:0}}}