#app{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:2560px;min-height:100vh;position:relative}.rotate{animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-rect{border-radius:.25rem;max-height:100%;min-height:58px;width:100%}.loading-code{width:100%}.segment-group{--translate-x:0;display:flex}.segment-group:has(input:first-of-type:checked){--translate-x:0%}.segment-group:has(input:nth-of-type(2):checked){--translate-x:calc(100% + 8px)}.segment-group:has(input:nth-of-type(3):checked){--translate-x:calc(200% + 16px)}.segment-group:has(input:nth-of-type(4):checked){--translate-x:calc(300% + 24px)}.segment-group:has(input:nth-of-type(5):checked){--translate-x:calc(400% + 32px)}.segment-group:has(input:nth-of-type(6):checked){--translate-x:calc(500% + 40px)}.segment-group:has(input:nth-of-type(7):checked){--translate-x:calc(600% + 48px)}.segment-group:has(input:nth-of-type(8):checked){--translate-x:calc(700% + 56px)}.segment-group .btn{flex:1 1 0px;padding:.5rem 1rem;z-index:unset!important}.segment-group .btn:first-of-type:before{background-color:var(--bs-blue);border-radius:6px;box-shadow:0 .125rem .25rem rgba(0,0,0,.15);content:"";height:calc(100% - 8px);left:4px;pointer-events:none;position:absolute;top:4px;transform:translateX(var(--translate-x,0));transition:transform .26s cubic-bezier(.4,0,.2,1);width:calc(100% - 8px)}.segment-group .btn:not(:first-of-type){border-left:none}.segment-group .btn:not(:last-of-type){border-right:none}.segment-group .btn svg{height:1.25rem;margin-right:.5rem;top:-2px;width:1.25rem}.segment-group .btn span,.segment-group .btn svg{position:relative;z-index:1}.segment-group .btn-check:checked+.btn{background-color:transparent}.segment-group .btn-check:not(:checked)+.btn:hover span,.segment-group .btn-check:not(:checked)+.btn:hover svg{opacity:.8}.show-pw{cursor:pointer;font-size:1.5rem;height:100%;padding:12px 15px;position:absolute;right:0;top:0}