.toggle-container{align-items:center;display:flex}.toggle-text{margin:0 10px;font-size:14px;font-weight:700;transition:color .4s}.toggle-switch{width:48px;height:25px;display:inline-block;position:relative}.toggle-label{cursor:pointer;background-color:#ccc;border:1px solid #ffffff1a;border-radius:15px;width:48px;height:24px;transition:background-color .4s;position:absolute;top:0;left:0}.toggle-label:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .4s;position:absolute;top:1px;left:1px;box-shadow:0 2px 5px #0003}.toggle-input:checked+.toggle-label:before{transform:translate(24px)}.toggle-input:checked~.toggle-text:first-of-type,.toggle-input:not(:checked)~.toggle-text:last-of-type{color:red}@media (max-width:1280px){.toggle-text{font-size:12px}}