.theme-toggle-container{margin:0;display:flex;align-items:center;justify-content:center}.theme-toggle-container label{width:70px;height:32px;position:relative;display:block;background:#ebebeb;border-radius:32px;box-shadow:inset 0 2px 3px rgba(0,0,0,.2),inset 0 -2px 3px rgba(255,255,255,.4);cursor:pointer;transition:.3s}.theme-toggle-container label:after{content:"";width:28px;height:28px;position:absolute;top:2px;left:2px;background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:28px;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:.3s}.theme-toggle-container label svg{position:absolute;width:20px;top:6px;z-index:100}.theme-toggle-container label svg.sun{left:6px;fill:#fff;transition:.3s}.theme-toggle-container label svg.moon{left:44px;fill:#7e7e7e;transition:.3s}.theme-toggle-container input{width:0;height:0;visibility:hidden}.theme-toggle-container input:checked+label{background:#242424}.theme-toggle-container input:checked+label:after{left:68px;transform:translateX(-100%);background:linear-gradient(180deg,#777,#3a3a3a)}.theme-toggle-container input:checked+label svg.sun{fill:#7e7e7e}.theme-toggle-container input:checked+label svg.moon{fill:#fff}.theme-toggle-container label:active:after{width:36px}