.navbar{display:flex;justify-content:center;padding:20px}.navbar a{background-color:#ff0;font-size:24px;color:#000;text-decoration:none;font-weight:700;padding:10px}label{display:inline-block;color:#fff;padding:.5rem;width:200px;font-family:sans-serif;border-radius:.3rem;cursor:pointer;margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:10px;border:3px solid #fff;--s:67px;--m:4px;position:relative;--v1:#fff 119.5deg,#0000 120.5deg;--v2:#000 119.5deg,#0000 120.5deg;background:conic-gradient(at var(--m) calc(var(--s)*.5777),transparent 270deg,#000 0deg),conic-gradient(at calc(100% - var(--m)) calc(var(--s)*.5777),#000 90deg,transparent 0deg),conic-gradient(from -60deg at 50% calc(var(--s)*.8662),var(--v1)),conic-gradient(from -60deg at 50% calc(var(--s)*.8662 + 2*var(--m)),var(--v2)),conic-gradient(from 120deg at 50% calc(var(--s)*1.4435 + 3*var(--m)),var(--v1)),conic-gradient(from 120deg at 50% calc(var(--s)*1.4435 + var(--m)),var(--v2)),linear-gradient(90deg,#fff calc(50% - var(--m)),#000 0 calc(50% + var(--m)),#fff 0);background-size:calc(var(--s) + 2*var(--m)) calc(var(--s)*1.732 + 3*var(--m));mix-blend-mode:lighten}@keyframes f{to{background-position:100%}}label:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,red,blue,green) 0/400% 100%;animation:f 2s linear infinite alternate;z-index:-1}@keyframes gradient{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}label svg{width:50px;height:50px}.upload{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-top:20px}.summary{display:flex;gap:20px;text-align:left;background-color:rgba(0,0,0,.44);margin:50px 10px 10px}@media screen and (max-width:1024px){.summary{flex-direction:column}}.summary_current,.summary_sum{flex:1 1;text-align:center;border:3px solid #fff;border-radius:6px}.summary p{text-align:left;padding:20px}.summary h1{background-color:#ff0;font-size:18px;color:#000;text-decoration:none;font-weight:700;padding:10px}.loader{width:50px;aspect-ratio:1;border-radius:50%;padding:3px;background:radial-gradient(farthest-side,#ffa516 95%,#0000) 50% 0/12px 12px no-repeat,radial-gradient(farthest-side,#0000 calc(100% - 5px),#ffa516 calc(100% - 4px)) content-box;animation:l6 2s infinite}@keyframes l6{to{transform:rotate(1turn)}}.loader_container{width:100%;display:flex;justify-content:center;padding:20px}