.slidein{align-items:center;height:62px;margin-top:8px;display:flex;position:relative}.slidein span{color:#000;z-index:1;cursor:pointer;position:relative}.slidein>input{display:none}.slidein:hover span{color:#fff}.slidein:has(input:checked) span{color:#fff}.slidein:before{z-index:0;content:"";background:#282828;border-radius:0 10px 10px 0;width:16px;height:62px;transition:width .3s ease-in-out;display:flex;position:absolute;left:-32px;box-shadow:0 .1em .1em #aaa}.slidein:hover:before{cursor:pointer;width:288px}.slidein:has(input:checked):before{cursor:pointer;width:288px}#label-logtout:before{z-index:0;content:"";background:#ff6f6f;border-radius:0 10px 10px 0;width:16px;height:62px;transition:width .3s ease-in-out;display:flex;position:absolute;left:-32px;box-shadow:0 .1em .1em #aaa}#label-logtout:hover:before{width:288px}#label-logtout:has(input:checked):before{width:288px}.localization span{font-size:19px}#menu{width:288px;position:absolute;top:100px}#menu #ul-top{padding:0}#menu #ul-bottom{padding:0;position:absolute;top:970px}#menu li{margin-left:32px;list-style:none}.smallFont{font-size:17px}