*{box-sizing:border-box;--locked-color:#5fadbf;--unlocked-color:#ff5153}.container{display:flex;align-items:center;margin:5px}.lock{width:22px;height:14px;border:3px solid var(--locked-color);border-radius:5px;position:relative;cursor:pointer;transition:all .1s ease-in-out}.lock:after{background:var(--locked-color);width:3px;height:7px;top:50%;margin:-3.5px 0 0 -2px}.lock:after,.lock:before{content:"";display:block;position:absolute;left:50%;transition:all .1s ease-in-out}.lock:before{width:10px;height:10px;bottom:100%;margin-left:-8px;border-top-right-radius:50%;border-top-left-radius:50%;border:3px solid var(--locked-color);border-bottom:0}.lock:hover:before{height:12px}.lock2{width:22px;height:14px;border:3px solid var(--locked-color);border-radius:5px;position:relative;cursor:pointer;transition:all .1s ease-in-out;display:flex}.lock2:after{background:var(--locked-color);width:3px;height:7px;top:50%;margin:-3.5px 0 0 -2px}.lock2:after,.lock2:before{content:"";display:block;position:absolute;left:50%;transition:all .1s ease-in-out}.lock2:before{width:10px;height:10px;bottom:100%;margin-left:-8px;border-top-right-radius:50%;border-top-left-radius:50%;border:3px solid var(--locked-color);border-bottom:0}.lock2:hover:before{height:12px}.unlocked{transform:rotate(10deg)}.unlocked:before{bottom:130%;left:31%;margin-left:-11.5px;transform:rotate(-45deg)}.unlocked,.unlocked:before{border-color:var(--unlocked-color)}.unlocked:after{background:var(--unlocked-color)}.unlocked:hover{transform:rotate(3deg)}.unlocked:hover:before{height:10px;left:40%;bottom:124%;transform:rotate(-30deg)}.material-icons.orange600{color:#5fadbf;padding:4px;cursor:pointer;font-variation-settings:"FILL" 0,"wght" 200,"GRAD" 0,"opsz" 24}.menuFont{font-size:20px;width:120px;color:#000}