:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{margin:0;padding:0;font-family:Funnel Display,sans-serif}html,body{overflow-x:hidden}html .text-gradient,body .text-gradient{-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#4f46e5,#1d4ed8);-webkit-background-clip:text;font-family:Asimovian,sans-serif}html img,body img{width:100%}html button,html .btn,body button,body .btn{background-color:#dddada;border:.5rem solid transparent;border-radius:.5rem;justify-content:center;align-items:center;gap:.2rem;width:100%;padding-top:.2rem;padding-bottom:.2rem;font-size:14px;font-weight:500;display:flex}html button:hover,html .btn:hover,body button:hover,body .btn:hover{background-color:rgba(0,0,0,.247)}html .cta-button,body .cta-button{color:#fff;cursor:pointer;background-color:#4f46e5;border-radius:9999px;transition:all .3s}html .cta-button:hover,body .cta-button:hover{background-color:#3730a3;box-shadow:0 10px 20px rgba(79,70,229,.2)}html a,body a{color:inherit;text-decoration:none}body{flex-direction:column;align-items:center;min-height:90.6vh;padding-top:1rem;display:flex}.driver{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.driver-top{justify-content:space-between;align-items:center;width:90%;display:flex}.driver .owner{border:1px solid;border-radius:.5rem;flex-direction:column;align-items:center;width:90%;display:flex}.driver .owner-top{justify-content:space-between;align-items:center;width:95%;padding-top:.5rem;display:flex}.driver .owner-top .image{object-fit:contain;width:4rem}.driver .owner-top .image img{width:100%;height:auto}.driver .owner-body{width:90%}.driver .owner-body .detail{justify-content:space-between;align-items:center;width:100%;padding-top:1rem;padding-bottom:1rem;display:flex}.driver .owner-body .detail h1,.driver .owner-body .detail h2{font-size:18px;font-weight:600}.driver .owner-body .doc{flex-direction:column;justify-content:center;align-items:center;gap:.4rem;width:100%;padding-top:1rem;padding-bottom:1rem;display:flex}.driver .owner-body .doc h1,.driver .owner-body .doc h2{align-items:center;gap:.5rem;font-size:18px;font-weight:600;display:flex}.driver .owner-body .doc i{font-size:12px}.driver .owner-body .doc .red{color:red}.driver .owner-body .doc .green{color:green}.driver .owner-body .doc-inner{border-bottom:1px solid;justify-content:space-between;align-items:center;width:100%;display:flex}.driver .owner-body .doc-inner-right{align-items:center;display:flex}.driver .owner-body .doc-inner-right svg{width:1rem}.driver .owner-body .doc-expires{justify-content:space-between;align-items:center;width:100%;padding-left:1rem;padding-right:1rem;display:flex}.driver .owner-body .doc-expires h1,.driver .owner-body .doc-expires h2{font-size:16px}.drivers{flex-direction:column;align-items:center;width:90%;display:flex}.drivers .grid{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}@media (min-width:768px){.drivers .grid{grid-template-columns:repeat(2,1fr);display:grid}}.drivers .grid .profile{border:1px solid;border-radius:.5rem;flex-direction:column;align-items:center;gap:1rem;width:100%;padding-top:1.5rem;padding-bottom:1.5rem;display:flex}.drivers .grid .profile-top{justify-content:space-between;align-items:end;width:90%;display:flex}.drivers .grid .profile-top .image{width:4rem}.drivers .grid .profile-details,.drivers .grid .profile-bottom{flex-direction:column;align-items:center;gap:1rem;width:90%;display:flex}.drivers .grid .profile-details p,.drivers .grid .profile-bottom p{justify-content:space-between;align-items:center;width:100%;font-size:15px;display:flex}.drivers .grid .profile .actions{justify-content:center;align-items:center;gap:1rem;width:90%;display:flex}.drivers .grid .profile .qrcode{min-width:50%}.qr-modal-overlay{background-color:rgba(0,0,0,.35);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.qr-modal-overlay .qr-modal{background-color:#fff;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;min-width:25%;max-height:50%;padding-top:.8rem;padding-bottom:.8rem;display:flex}.qr-modal-overlay .qr-modal .top{justify-content:space-between;align-items:center;width:90%;display:flex}.qr-modal-overlay .qr-modal .top h2{font-size:22px}.qr-modal-overlay .qr-modal img{border:2px solid;border-radius:.5rem;width:82%;padding:.5rem}
