.sunmoon{padding:0}.sunmoon input{display:none}.sunmoon input+label{height:44px;width:100px;border-radius:22px;position:relative;overflow:hidden;border:2px solid var(--bs-border-color);box-shadow:0 2px 4px rgba(0,0,0,.15);display:block;transition:ease all .5s}.sunmoon input+label:after{content:"";height:36px;width:36px;border-radius:20px;display:block;position:absolute;top:2px;left:2px;z-index:1;background:rgba(255,255,255,.2);box-shadow:0 3px 10px rgba(0,0,0,.15);transition:ease all .5s}.sunmoon input+label:before{content:"";height:100%;width:200px;border-radius:20px;display:block;position:absolute;top:0px;left:0px;z-index:0;background:#fcd13f;background:linear-gradient(90deg, rgb(252, 209, 63) 0%, rgb(252, 155, 63) 25%, rgb(227, 0, 69) 50%, rgb(128, 0, 255) 70%, rgb(21, 0, 54) 100%);transition:ease all .5s}.sunmoon input+label .sun,.sunmoon input+label .moon{font-size:34px;line-height:40px;width:38px;text-align:center;position:absolute;z-index:2;left:0;top:0;opacity:1;color:#fff;transition:ease all .5s}.sunmoon input+label .moon{font-size:24px;opacity:0}.sunmoon input:checked+label{background:#0d0047}.sunmoon input:checked+label:after{left:calc(100% - 38px)}.sunmoon input:checked+label:before{left:-100px}.sunmoon input:checked+label .sun{left:calc(100% - 40px);opacity:0}.sunmoon input:checked+label .moon{left:calc(100% - 40px);opacity:1}.btnsunmoon .moon{display:none}.btnsunmoon.active .sun{display:none}.btnsunmoon.active .moon{display:block}.select-box,.gradient-box{cursor:pointer}.select-box>.avatar,.gradient-box>.avatar{border:1px solid rgba(143,143,143,.5)}.select-box.active>.avatar,.gradient-box.active>.avatar{border:2px solid var(--senbee-theme-accent-1)}.main-bg:before{content:"";width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1;background-image:var(--senbee-main-bg);background-repeat:no-repeat;background-size:cover;background-position:center top;background-attachment:fixed;opacity:1}.main-bg.main-bg-blur:before{filter:blur(10px)}.main-bg.main-bg-opac:before{opacity:.2}