.checkmark-container{display:flex;justify-content:center;align-items:center;width:80px;height:80px;background-color:#22c55e;border-radius:50%;position:relative}.checkmark{width:30px;height:60px;border-bottom:5px solid white;border-right:5px solid white;transform:rotate(45deg);position:absolute;top:20px;left:22px;opacity:0}.draw{animation:draw-check .5s ease-out forwards}@keyframes draw-check{0%{height:0;width:0;opacity:1}50%{height:30px;width:0;opacity:1}to{height:30px;width:15px;opacity:1}}div.btn-container i{display:inline-block}div.btn-container label{font-size:13px;color:#424242;font-weight:500}.btn-color-mode-switch{display:inline-block;margin:0;position:relative}.btn-color-mode-switch>label.btn-color-mode-switch-inner{margin:0;width:140px;height:33px;background:#e6e6e6;border-radius:26px;overflow:hidden;position:relative;transition:all .3s ease;display:block}.btn-color-mode-switch>label.btn-color-mode-switch-inner:before{content:attr(data-on);position:absolute;font-size:12px;font-weight:500;top:7px;right:20px}.btn-color-mode-switch>label.btn-color-mode-switch-inner:after{content:attr(data-off);width:70px;height:30px;background:#00d3bb;border-radius:26px;position:absolute;left:2px;top:2px;text-align:center;transition:all .3s ease;box-shadow:0 0 6px -2px #111;padding:5px 0}.btn-color-mode-switch input[type=checkbox]{cursor:pointer;width:50px;height:25px;opacity:0;position:absolute;top:0;z-index:1;margin:0}.btn-color-mode-switch input[type=checkbox]:checked+label.btn-color-mode-switch-inner{background:#e6e6e6;color:#000}.btn-color-mode-switch input[type=checkbox]:checked+label.btn-color-mode-switch-inner:after{content:attr(data-on);left:68px;background:#05c168}.btn-color-mode-switch input[type=checkbox]:checked+label.btn-color-mode-switch-inner:before{content:attr(data-off);right:auto;left:20px}.btn-color-mode-switch input[type=checkbox]:checked~.alert{display:block}