.day-night{cursor:pointer;left:25px;position:fixed;text-align:center;top:20px;z-index:100}.day-night,.day-night svg{height:30px;width:30px}.day-night .title-mode{background-color:var(--assistant-color);border-radius:0 0 15px 15px;letter-spacing:7px;line-height:38px;margin-left:-5px;margin-top:10px;padding-bottom:10px;text-orientation:mixed;width:40px;writing-mode:vertical-rl}.day-night .title-mode:before{background-color:inherit;border-radius:15px 15px 0 0;content:"";height:50px;left:-5px;position:absolute;top:-10px;width:40px;z-index:-1}@media only screen and (max-width:991px){.day-night{display:none;left:200px;top:30px}}@media only screen and (max-width:767px){.day-night{display:none;left:150px;top:50px}}.day-night .moon,.day-night .night{border-radius:100%;bottom:0;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s;width:100%}.day-night .moon svg,.day-night .night svg{height:100%;width:100%}.day-night .night{background-color:#fff;border:1px solid hsla(0,0%,100%,.18);opacity:1}.day-night .night svg{fill:#000;height:100%;width:100%}.day-night .moon{background-color:#000;border:1px solid hsla(0,0%,100%,.18);opacity:0}.day-night .moon svg{transform:rotate(270deg);fill:#f0f0f0}.v-light .day-night .night{opacity:0}.v-light .day-night .moon{opacity:1}