.About{line-height:1.5;.logo{display:flex;align-items:center;img{margin-right:20px}.right{display:grid;gap:10px}.title{font-size:20px;font-weight:700}}.details{display:grid;justify-items:center;text-align:center;gap:10px;margin:20px 0 0}.copyright{font-size:12px;text-align:center}a{color:inherit}p{margin:0}a{&:hover{text-decoration:none}&:focus{outline:4px solid #42a5f5;outline-offset:2px;&.color-scheme-dark &{outline-color:#90caf9}}}}.ColorPicker{position:absolute;z-index:1;top:var(--picker-top);left:var(--picker-left);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border-radius:6px;background-color:var(--picker-background-color);border:1px solid var(--setting-wrapper-border-color);.color-scheme-light &{--picker-background-color: #e0e0e0;--picker-border-color: #9e9e9e}.color-scheme-dark &{--picker-background-color: #424242;--picker-border-color: #212121}.heading{border-bottom:1px solid var(--setting-wrapper-border-color);text-align:center;padding:5px 0}.react-colorful{height:240px;width:220px}input{text-align:center;padding:6px;margin:10px;line-height:0;border-radius:6px;width:200px}.react-colorful__saturation{border-radius:0;border-bottom:none}.react-colorful__hue{height:20px;border-radius:3px;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}}:root{--options-background-color: #eee;--options-text-color: #000;--options-box-shadow: 8px 8px 20px rgb(33, 33, 33, .5);--options-outer-border-color: #e0e0e0;--options-inner-border-color: #9e9e9e;--header-background-color: #bdbdbd;--wallpaper-button-box-shadow-color: #9e9e9e;--wallpaper-button-focus-outline-color: #42a5f5;--wallpaper-button-selected-outline-color: #1565c0;--setting-wrapper-border-color: #9e9e9e;--switch-background-color: #c2c2c2;--switch-before-background-color: #f5f5f5;--switch-focus-outline-color: #42a5f5;--switch-checked-background-color: #1565c0;&.color-scheme-dark,.color-scheme-dark{--options-background-color: #484848;--options-text-color: #e0e0e0;--options-box-shadow: 10px 14px 13px rgb(0, 0, 0, .6);--options-outer-border-color: #424242;--options-inner-border-color: #212121;--header-background-color: #373737;--wallpaper-button-box-shadow-color: #212121;--wallpaper-button-focus-outline-color: #64b5f6;--wallpaper-button-selected-outline-color: #1565c0;--setting-wrapper-border-color: #373737;--switch-background-color: #616161;--switch-before-background-color: #f5f5f5}}.background-buttons{margin:20px 0;display:flex;gap:1px;button{width:100%;&[aria-selected=true]{background-color:var(--btn-selected-background-color)}&:focus-visible{z-index:10}&:not(:first-of-type){border-top-left-radius:0;border-bottom-left-radius:0}&:not(:last-of-type){border-top-right-radius:0;border-bottom-right-radius:0}}}.setting-option.wallpapers{display:flex;flex-wrap:nowrap;gap:14px;margin-block:12px 20px;margin-left:-8px;max-height:310px;overflow-y:hidden;overflow-x:auto;padding:8px}.wallpaper-button,.wallpaper-button-transparent{outline:none;width:120px;height:90px;flex-shrink:0;border-radius:4px;border:none;cursor:pointer;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 0 0 1px var(--wallpaper-button-box-shadow-color)}.wallpaper-button{&:focus-visible{outline:4px solid var(--wallpaper-button-focus-outline-color);outline-offset:4px}}.wallpaper-button.selected{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{background-color:#1565c0;color:#fff}&:before{position:absolute;top:50%;left:50%;content:"L";height:24px;width:24px;padding-top:2px;margin-left:-12px;margin-top:-12px;border-radius:50%;transform:scaleX(-1) rotate(-35deg)}}.wallpaper-button-transparent{cursor:initial}#dark-wallpaper{background-color:#212121}#light-wallpaper{background-color:#f5f5f5}#blue-wallpaper{background-color:#bbdefb}#brown-wallpaper{background-color:#d7ccc8}#yellow-wallpaper{background-color:#ffe082}#green-wallpaper{background-color:#b2dfdb}#pink-wallpaper{background-color:#f8bbd0}.custom-buttons{display:flex;gap:10px;justify-content:center}.setting-wrapper{font-size:14px;margin:0 20px;padding-block:20px;&:first-of-type{padding-top:20px}&:not(:last-of-type){border-bottom:1px solid var(--setting-wrapper-border-color)}&.about{display:grid;place-items:center}}.setting-wrapper.setting-group{display:flex;justify-content:space-between;align-items:center;gap:20px}.setting-title{font-weight:700;padding-bottom:10px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.setting-option{&.select,&.toggle{margin-left:20px}&.select{position:relative;select{max-width:175px}}&.reset,&.backup-restore{display:flex;flex-direction:column;gap:10px}}.setting-description{line-height:1.5}.switch-root{all:unset;display:flex;place-items:center;width:50px;height:28px;background-color:var(--switch-background-color);border-radius:14px;outline:none;cursor:pointer;&:focus-visible{outline:4px solid var(--switch-focus-outline-color)}&[aria-checked=true]{background-color:var(--switch-checked-background-color)}}.switch-thumb{width:22px;height:22px;background-color:var(--switch-before-background-color);border-radius:50%;transition:.2s;transform:translate(3px);[aria-checked=true] &{transform:translate(25px)}}