.smode-button.style-1{font-size:16px;position:relative;display:block;width:2.5em;height:1.3125em;margin-bottom:0;top:0.125em}.smode-button.style-1 .smode-slider.round{border-radius:2.125em}.smode-button.style-1 .smode-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition: .4s;transition: .4s}.smode-button.style-1 .smode-slider:before{position:absolute;content:"";height:0.9375em;width:0.9375em;left:0.2em;bottom:0.1875em;background-color:white;-webkit-transition: .4s;transition: .4s}.smode-button.style-1 .smode-slider.round:before{border-radius:50%}.smode-button.style-1.active .smode-slider{background-color:#2196F3}.smode-button.style-1.active .smode-slider:before{-webkit-transform:translateX(1.2em);-ms-transform:translateX(1.2em);transform:translateX(1.2em)}.smode-button.style-2{font-size:16px}.smode-button-inner-left:empty{margin-left:-0.625em}.smode-button-inner-left:before,.smode-button-inner-left:after{box-sizing:border-box;margin:0;padding:0;-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;transition:0.4s ease-in-out;outline:none}.smode-button.style-2 .smode-button-inner, .smode-button.style-2 .smode-button-inner-left{display:inline-block;font-size:0.875em;position:relative;padding:0em;line-height:1em;cursor:pointer;color:rgba(149, 149, 149, 0.51);font-weight:normal}.smode-button.style-2 .smode-button-inner-left:before{content:'';display:block;position:absolute;z-index:1;line-height:2.125em;text-indent:2.5em;height:1em;width:1em;margin:0.25em;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;right:1.625em;bottom:0em;background:#FFB200;transform:rotate(-45deg);box-shadow:0 0 0.625em white}.smode-button.style-2 .smode-button-inner-left:after{content:"";display:inline-block;width:2.5em;height:1.5em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background:rgba(255, 255, 255, 0.15);vertical-align:middle;margin:0 0.625em;border:0.125em solid #FFB200}.smode-button.style-2.active .smode-button-inner-left:before{right:1.0625em;box-shadow:0.3125em 0.3125em 0 0 #eee;background:transparent}.smode-button.style-2.active .smode-button-inner-left:after{background:rgba(0, 0, 0, 0.15);border:0.125em solid white}.smode-button.style-2 .smode-button-inner-left{color:rgba(250, 250, 250, 0.51);font-weight:bold}.smode-button.style-2.active .smode-button-inner-left{color:rgba(149, 149, 149, 0.51);font-weight:normal}.smode-button.style-2.active .smode-button-inner-left+.smode-button-inner{color:rgba(250,250,250,0.51);font-weight:bold}.smode-button.style-3{position:relative;z-index:0;display:inline-block;font-size:3px;width:14em;height:8em;background-color:#BFE6F7;border-width:0.5em;border-style:solid;border-color:#80C1D7;border-radius:4em;overflow:hidden;transition:all 0.3s ease-in-out;cursor:pointer}.smode-button.style-3 .smode-button-circle{position:absolute;z-index:20;top:0.5em;right:0.5em;border-width:0.5em;width:6em;height:6em;background-color:#4F94CD;border:0.5em solid #9BC4E2;border-radius:3em;overflow:hidden;transition:all 0.3s ease-in-out}.smode-button.style-3 .smode-button-cloud{position:absolute;top:0.563em;left:0.563em;width:1.125em;height:1.125em;transition:all 0.3s ease-in-out;-webkit-animation:cloud 12s linear infinite;-moz-animation:cloud 12s linear infinite;-o-animation:cloud 12s linear infinite;animation:cloud 12s linear infinite}.smode-button.style-3 .smode-button-cloud div, .smode-button.style-3 .smode-button-cloud div:before, .smode-button.style-3 .smode-button-cloud div:after{position:absolute;display:block;z-index:40;width:0.75em;height:0.375em;background-color:#F5F6F8;border-radius:0.188em;content:""}.smode-button.style-3 .smode-button-cloud div:before{bottom:0.188em;left:0.063em;width:0.375em;height:0.375em}.smode-button.style-3 .smode-button-cloud div:after{bottom:0.188em;left:0.375em;width:0.25em;height:0.25em;border-radius:0.125em}.smode-button.style-3 .smode-button-cloud div+div{top:-0.063em;left:-0.063em}.smode-button.style-3 .smode-button-cloud div + div, .smode-button.style-3 .smode-button-cloud div + div:before, .smode-button.style-3 .smode-button-cloud div+div:after{z-index:30;width:0.938em;height:0.563em;background-color:#D2D4D3;border-radius:0.25em}.smode-button.style-3 .smode-button-cloud div+div:before{bottom:0.188em;left:0.063em;width:0.563em;height:0.563em}.smode-button.style-3 .smode-button-cloud div+div:after{bottom:0.188em;left:0.375em;width:0.438em;height:0.438em;border-radius:0.188em}.smode-button.style-3.active{background-color:#484848;border-color:#202020}.smode-button.style-3.active .smode-button-circle{right:1.188em;background-color:#FFFDF1;border-color:#E1E5C4}.smode-button.style-3.active .smode-button-moon-spots{width:0.375em;height:0.375em}.smode-button.style-3.active .smode-button-moon-spots, .smode-button.style-3.active .smode-button-moon-spots:before, .smode-button.style-3.active .smode-button-moon-spots:after{border-width:0.063em}.smode-button.style-3.active .smode-button-moon-spots:before{height:0.063em;width:0.063em;border-radius:0.188em}.smode-button.style-3.active .smode-button-moon-spots:after{height:0.188em;width:0.188em;border-radius:0.125em}.smode-button.style-3.active .smode-button-cloud{opacity:0}.smode-button.style-3.active .smode-button-stars{opacity:1;background-color:#484848}.smode-button-moon-spots{top:0.067em;right:0.067em;z-index:10}.smode-button-moon-spots,.smode-button-moon-spots:before,.smode-button-moon-spots:after{position:absolute;display:block;width:0;height:0;background-color:#EFEED9 !important;border:0 solid #E1E5C4;border-color:#E1E5C4;border-radius:50%;content:"";transition:all 0.3s ease-in-out}.smode-button-moon-spots:before{right:0.563em}.smode-button-moon-spots:after{right:0.063em;bottom:-0.563em}.smode-button-stars{position:absolute;top:0;right:0;width:1.188em;height:1.313em;opacity:0;transition:all 0.3s ease-in-out}.smode-button-stars div{bottom:0.188em;left:0;width:0.121em;height:0.121em}.smode-button-stars div, .smode-button-stars div:before, .smode-button-stars div:after{position:absolute;display:block;background-color:#FEFEFE !important;border-radius:50%;content:""}.smode-button-stars div:before{bottom:0.625em;left:0.25em;width:0.059em;height:0.059em}.smode-button-stars div:after{bottom:0.938em;left:-0.063em;width:0.063em;height:0.063em}.smode-button-stars div+div{top:0.563em;left:0.938em;right:0}.smode-button-stars div+div:before{bottom:-0.188em;left:-0.375em}.smode-button-stars div+div:after{bottom:-0.375em;left:-0.063em}.smode-button.style-4{font-size:16px;box-shadow:0 0 0.625em rgba(0, 0, 0, 0.1);width:2.75em;height:1.5em;border:0.125em solid rgba(204, 204, 204, 0.4);background:rgba(252, 250, 250, 0.05);padding:0.25em;position:relative;border-radius:2.5em;cursor:pointer}.smode-button.style-4 .smode-button-inner{height:1.125em;width:1.125em;background:yellow;border-radius:2.5em;position:absolute;pointer-events:none;top:0.125em;left:0.125em;transition:left 0.5s ease, box-shadow 0.5s ease, border 0.5s ease, top 0.5s ease;background:#EDDDD4;background:linear-gradient(135deg, #edddd4 0%, #fcfafa 50%, #edddd4 51%, #fcfafa 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 );box-shadow:0 0 0.3125em 0.0625em #EDDDD4;border:0.3125em solid rgba(237, 221, 212, 0.5)}.smode-button.style-4 .smode-button-inner::before{content:'';height:1.2375em;width:1.2375em;background:red;top:-0.0625em;left:-0.0625em;position:absolute;border-radius:2.5em;background:#FFF;background:radial-gradient(ellipse at center, white 0%, #ffbe0b 50%, #fb5607 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 );transition:opacity 0.5s ease;opacity:0}.smode-button.style-4.active{border:0.0625em solid rgba(255, 255, 255, 0.525)}.smode-button.style-4.active .smode-button-inner{left:1.375em;box-shadow:0 0 0.125em 0.125em #FB5607;border:0.0625em solid #fb5607}#switch-icon{display:block;width:22px;height:22px;background-position:center;background-repeat:no-repeat;background-size:cover;margin-top:26px;margin-left:16px}#day-icon{fill:#4f94cd}#night-icon{fill:#FDB813}.smode-button.style-5{cursor:pointer;font-size:8px}.smode-button.style-5 #switch-icon{background-image:url("/images/day-icon.svg")}.smode-button.style-5.active #switch-icon{background-image:url("/images/night-icon.svg")}@-webkit-keyframes cloud{0%{left:-8em}100%{left:16em}}@-moz-keyframes cloud{0%{left:-8em}100%{left:16em}}@-o-keyframes cloud{0%{left:-8em}100%{left:16em}}@keyframes cloud{0%{left:-8em}100%{left:16em}}