.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.dark_mode_switch_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.dark_mode_slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgb(var(--colour-white));-webkit-transition:.4s;transition:.4s;border:1px solid #fff}.dark_mode_slider:before{position:absolute;content:"";height:26px;width:26px;left:3px;bottom:3px;background-color:rgb(var(--colour-black));-webkit-transition:.4s;transition:.4s}input:checked+.dark_mode_slider{background-color:rgb(var(--colour-black))}input:checked+.dark_mode_slider:before{-webkit-transform:translateX(25px);transform:translateX(25px);background-color:rgb(var(--colour-white))}.dark_mode_slider.round{border-radius:5px}.dark_mode_slider.round:before{border-radius:5px}.dark_mode_switch_container.desktop{display:none}@media screen and (min-width: 900px){.dark_mode_switch_container.desktop{display:-webkit-box;display:-ms-flexbox;display:flex}.dark_mode_switch_container.mobile{display:none}}