.spinner{position:relative;width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:50%;margin-left:-75px}.spinner span{position:absolute;top:50%;left:var(--left);width:35px;height:7px;background:#ffff;animation:dominos 1s ease infinite;box-shadow:2px 2px 3px 0 black}.spinner span:first-child{--left:80px;animation-delay:.125s}.spinner span:nth-child(2){--left:70px;animation-delay:.3s}.spinner span:nth-child(3){left:60px;animation-delay:.425s}.spinner span:nth-child(4){animation-delay:.54s;left:50px}.spinner span:nth-child(5){animation-delay:.665s;left:40px}.spinner span:nth-child(6){animation-delay:.79s;left:30px}.spinner span:nth-child(7){animation-delay:.915s;left:20px}.spinner span:nth-child(8){left:10px}@keyframes dominos{50%{opacity:.7}75%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}80%{opacity:1}}.solid{border-top:2px solid}.dashed{border-top:2px dashed}.dotted{border-top:2px dotted}.wave{position:relative;overflow:hidden;background-color:#cc0000}.wave:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:30px;background:radial-gradient(circle at 50% 0,transparent 20%,#cc0000 21%) repeat-x;background-size:30px 30px;z-index:1}.zigzag{position:relative;overflow:hidden;background-color:#cc0000}.zigzag:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:30px;background:linear-gradient(135deg,transparent 75%,#cc0000 0) repeat-x,linear-gradient(45deg,#cc0000 25%,transparent 0) repeat-x;background-size:30px 30px;z-index:1}.text-background{position:relative;z-index:1;background-color:#cc0000}.pattern-divider{position:relative;width:12px;height:100%;background:linear-gradient(180deg,transparent 50%,#cc0000 0),linear-gradient(180deg,#cc0000 50%,transparent 0);background-size:100% 40px;background-position:0 0,0 20px}.pattern-divider:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 10px,#cc0000 0,#cc0000 20px);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:1}.radio-inputs{position:relative;display:flex;flex-wrap:wrap;border-radius:.5rem;background-color:#222630;box-sizing:border-box;box-shadow:0 0 0 1px rgba(0,0,0,.06);padding:.25rem;width:300px;font-size:14px}.radio-inputs .radio{flex:1 1 auto;text-align:center}.radio-inputs .radio input{display:none}.radio-inputs .radio .name{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.5rem;border:none;padding:.5rem 0;color:#fff;transition:all .15s ease-in-out}.radio-inputs .radio input:checked+.name{background-color:#635f5f;font-weight:600}.switch{font-size:17px;position:relative;display:inline-block;width:3.5em;height:2em}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;box-shadow:inset 2px 5px 10px rgba(0,0,0,.3);border-radius:5px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:1.4em;width:.1em;border-radius:0;left:.3em;bottom:.3em;background-color:white}input:checked+.slider{background-color:#171717;box-shadow:inset 2px 5px 10px rgb(0,0,0)}input:checked+.slider:before{transform:translateX(2.8em) rotate(1turn)}.container{height:250px;width:250px;border-radius:10px;box-shadow:4px 4px 30px rgba(0,0,0,.2);flex-direction:column;justify-content:space-between;padding:10px;gap:5px;background-color:rgba(0,110,255,.041)}.container,.header{display:flex;align-items:center}.header{flex:1;width:100%;border:2px dashed royalblue;border-radius:10px;justify-content:center;flex-direction:column}.header svg{height:100px}.header p{text-align:center;color:black}.footer{background-color:rgba(0,110,255,.075);width:100%;height:40px;padding:8px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;color:black;border:none}.footer svg{height:130%;fill:royalblue;background-color:rgba(70,66,66,.103);border-radius:50%;padding:2px;cursor:pointer;box-shadow:0 2px 30px rgba(0,0,0,.205)}.footer p{flex:1;text-align:center}#file{display:none}