.scan-wrapper{display:flex;flex-direction:column;align-items:center;border:1px dashed var(--white-10);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--white-5);padding:32px;font-family:var(--font-manrope);@media (max-width:767px){padding-left:20px;padding-bottom:20px;padding-right:20px;padding-top:20px}& .loading-overlay{top:0;left:0;position:absolute;z-index:2;background:var(--black);width:100%;height:100%;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--white);font-family:var(--font-inter);font-size:48px;font-weight:800;@media (max-width:767px){font-size:24px}& .loading-dots span{opacity:0;animation:blink 1s infinite;animation-fill-mode:forwards;margin-left:2px}& .loading-dots span:first-child{animation-delay:0s}& .loading-dots span:nth-child(2){animation-delay:.3s}& .loading-dots span:nth-child(3){animation-delay:.6s}}&.dragover{border-color:var(--primary);background:var(--white-10)}}& .scan-icon{width:44px;height:44px;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--white-10);border-radius:50%;margin-bottom:12px}& .scan-title{font-size:24px;font-weight:400;color:var(--white);margin-bottom:12px;text-align:center}& .scan-subtitle{color:var(--white-60);font-weight:300;line-height:140%;margin-bottom:32px;@media (max-width:767px){text-align:center}}& .scan-button-container{margin-bottom:32px;& .scan-button{padding:8px 24px 8px 16px;border-radius:12px;background:var(--primary);font-family:var(--font-manrope);outline:none;border:none;cursor:pointer;display:flex;align-items:center;font-size:16px;font-weight:500;color:var(--black);& svg{margin-right:8px}@media (max-width:767px){padding-left:16px;padding-bottom:10px;padding-right:24px;padding-top:10px}}}& .scan-info{color:var(--white-50);font-size:12px;font-weight:300}@keyframes blink{0%,20%{opacity:0}50%,to{opacity:1}}