.switch-container{width:100%;max-width:265px;height:45px;display:flex;justify-content:space-between;align-items:center;gap:8px}.switch-label{color:#000;font-size:30px;font-family:DM Sans,sans-serif;font-weight:700;line-height:25.37px;word-wrap:break-word}.switch{width:77.46px;height:35.75px;padding-left:2px;padding-right:2px;border-radius:33.26px;outline:1.7px solid #000;outline-offset:-1.7px;display:flex;align-items:center;cursor:pointer;border:none;transition:all .3s ease;position:relative;overflow:visible}.switch--on{background:#c2f884;justify-content:flex-end}.switch--off{background:#e8e8e8;justify-content:flex-start}.switch__thumb{width:40px;height:40px;background:#fff;border-radius:50%;outline:1.7px solid #000;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex-shrink:0;z-index:2}.switch__thumb--has-image{background:#fff7b7}.switch__thumb-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.switch:hover{transform:scale(1.05)}.switch:active{transform:scale(.95)}@supports(-webkit-touch-callout:none){.switch{padding:2px;position:relative;overflow:visible}.switch,.switch__thumb{outline:none;border:1.7px solid #000;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}.switch__thumb{position:absolute;top:50%;left:-2px;transform:translateY(-50%);width:40px;height:40px;background:#fff;border-radius:50%;transition:left .3s ease,right .3s ease;z-index:2}.switch__thumb--has-image{background:#fff7b7}.switch--on .switch__thumb{left:auto;right:-2px}.switch--off .switch__thumb{left:-2px;right:auto}}