@tailwind base;@tailwind components;@tailwind utilities;body{font-family:'Roboto', sans-serif;color:white;min-height:80vh;display:grid;place-items:center}.main{max-width:640px;width:100%;min-height:80vh;height:auto;padding:0.875rem}.circular-progress{--size: 250px;--half-size: calc(var(--size) / 2);--stroke-width: 40px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--progress) * var(--circumference)) / 100);animation:progress-animation 5s linear 0s 1 forwards}.circular-progress circle{cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.circular-progress circle.bg{stroke:#ddd}.circular-progress circle.fg{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));transition:stroke-dasharray 0.3s linear 0s;stroke:var(--circle-colour)}@property --progress{syntax:"<number>";inherits:false;initial-value:0}@keyframes progress-animation{from{--progress: 0}to{--progress: var(--desired-progress)}}.block-shadow{box-shadow:4px 4px 8px 0 #1E1E1E inset, -4px -4px 8px 0px #4D4D4D40 inset, 10px 10px 20px 0px #212D3B, -10px -10px 20px 0px #212D3B}.bg-vivid-sky-blue{--tw-bg-opacity: 1;background-color:#3cd1ff}.bg-deep-blue{--tw-bg-opacity: 1;background-color:#143356}.selector{width:100%;display:inline-block;position:relative}.selector_btn{width:100%;min-height:44px;padding:8px 24px 8px 8px;display:flex;justify-content:space-between;align-items:center;column-gap:6px;border-radius:5px;background-color:#1D2633;font-weight:400;font-size:16px;color:#9BABC5;outline:none;cursor:pointer;user-select:none}.selector_list{min-width:100%;max-width:100%;width:100%;height:0;position:absolute;top:calc(100% + 5px);z-index:10;border-radius:5px;background-color:#1D2633;overflow-y:hidden;overflow-x:auto;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1)}.selector_list_btn{min-width:100%;padding:8px 14px 8px 26px;display:block;text-align:left;font-weight:400;font-size:14px;cursor:pointer;user-select:none;transition-duration:100ms}.selector_list_btn:hover{background-color:#0C1928;font-weight:700}.selector.opened .selector_btn svg{transform:rotateY(180deg)}.selector.opened .selector_list{height:370px;overflow-y:auto;visibility:visible}@media (min-width: 640px){.selector.opened .selector_list{height:180px}}.brands{max-width:640px;width:100%;padding:0.875rem}.brands .verification-form .field{width:100%;height:44px;padding:0 12px;border:none;border-radius:5px;background-color:#1D2633;font-weight:400;font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:#9BABC5}.brands .verification-form .field:focus{--ring-color: #3CAFD3;--ring-offset-color: #3CAFD3;--ring-offset-width: 2px;box-shadow:0 0 0 var(--ring-offset-width) var(--ring-offset-color)}