.switch{height:0;width:0;visibility:hidden}.label{cursor:pointer;text-indent:-9999px;width:40px;height:60%;background:gray;border-radius:100px;position:relative;display:flex;align-items:center}.label:after{content:"";position:absolute;left:1.5%;width:45%;height:85%;background:#fff;border-radius:90px;transition:.3s}input:checked+label{background:#6bb2d5}input:checked+label:after{left:calc(100% - .5px);transform:translateX(-100%)}.label:active:after{width:55%}.card-icon{z-index:2;cursor:pointer;height:2vh;width:auto;color:var(--close-color);opacity:.5;transition:opacity .2s}.card-icon:hover{opacity:1}.notification-container{display:flex;flex-direction:row;justify-content:center;width:25vw;height:8vh;position:absolute;top:7%;right:5%;background-color:var(--background);color:var(--text);border-radius:8px;padding:1%;overflow:hidden}.notification-button{width:10%;height:50%;text-align:center;cursor:pointer;border-radius:8px}.notification-message{width:90%;height:100%;text-align:center;display:flex;align-items:center;justify-content:center;font-size:calc(.4vw + .4vh)}.notification-progress-bar{position:absolute;bottom:0;left:0;height:6px;background-color:#e1234e}