.slide-enter-active{transition:all .2s ease-in-out}.slide-leave-active{transition:all .1s ease-out}.slide-enter-from,.slide-leave-to{opacity:0;transform:translateY(-20px)}.slide-x-enter-active{transition:all .2s ease-in-out}.slide-x-leave-active{transition:all .1s ease-out}.slide-x-enter-from,.slide-x-leave-to{opacity:0;transform:translate(-20px)}.menu-toggle-btn{--animation-timing:.2s ease-in-out;--bar-width:30px;--bar-height:2px;--btn-gap:4px;--btn-height:calc(var(--bar-height)*2 + var(--btn-gap));--x-width:calc(var(--btn-height)*2.5);--offset-y:calc(var(--bar-height)*-1 - var(--btn-gap));gap:var(--btn-gap);width:var(--bar-width)}.menu-toggle-btn:before,.menu-toggle-btn input{background-color:var(--color-main-black);border-radius:10px;content:"";height:var(--bar-height);transform-origin:left center;transition:width var(--animation-timing),rotate var(--animation-timing),translate var(--animation-timing);width:100%}.menu-toggle-btn input:checked{rotate:-45deg;translate:var(--bar-height) var(--bar-height);width:var(--x-width)}.menu-toggle-btn:has(input:checked):before{rotate:45deg;translate:var(--bar-height) calc(var(--offset-y));width:var(--x-width)}.slide-left-enter-active{transition:all .2s ease-in-out}.slide-left-leave-active{transition:all .1s ease-out}.slide-left-enter-from,.slide-left-leave-to{opacity:0;transform:translate(-20px)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease-in-out}.fade-enter-from,.fade-leave-to{opacity:0}tr:not(:first-child){border-top:1px solid var(--color-main-stroke)}tr:not(:first-child) td{align-content:flex-start;padding:20px 0 30px}td{align-content:flex-start;padding:16px 0}