.vin-num-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 20px;gap:5px;padding-bottom:10px;font-family:var(--font-manrope);& .vin-num-input-container{display:flex;@media (max-width:400px){flex-direction:column}& .vin-num-input{width:100%;max-width:400px;padding:12px 16px;border-radius:12px 0 0 12px;background:var(--white-5);border:1px solid var(--white-10);color:var(--white);font-size:16px;outline:none;transition:border-color .3s;&.error{border-color:var(--error)}&:focus{border-color:var(--primary)}@media (max-width:400px){border-radius:12px 12px 0 0}}& .vin-num-button{padding:12px 16px;font-family:var(--font-manrope);border-radius:0 12px 12px 0;background:var(--primary);font-size:16px;border:none;cursor:pointer;outline:none;display:flex;align-items:center;font-weight:500;color:var(--black);width:120px;flex-shrink:0;gap:8px;@media (max-width:400px){border-radius:0 0 12px 12px;width:100%;justify-content:center}&:disabled{background:var(--white-10);cursor:not-allowed;color:var(--white-20)}.loading-spinner{width:16px;height:16px;border:2px solid var(--black);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}}}& .error-message{color:transparent;font-family:var(--font-dm-sans);font-size:14px;font-weight:400;line-height:140%;height:14px;&.visible{color:var(--error)}}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}