.verification-layout-container{max-width:136rem;margin:0 auto}.serial-verification-wrapper{margin-bottom:3rem}.serial-verification-form-container{max-width:500px;margin:0 auto;padding:2.5rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--border-radius, 8px);box-shadow:0 2px 4px #0000000a}.serial-verification-title{margin:0 0 1rem;font-size:calc(var(--font-heading-scale) * 2.4rem);line-height:1.2;text-align:center}.serial-verification-description{margin:0 0 2rem;text-align:center;color:rgba(var(--color-foreground),.75);font-size:1.4rem}.serial-verification-form{display:flex;flex-direction:column;gap:1.8rem;position:relative}.serial-verification-field{display:flex;flex-direction:column;gap:.6rem;position:relative}.serial-verification-field .field__label{font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground));display:block;margin-bottom:.4rem;position:static;z-index:1}.serial-verification-field .field__label .required{color:#dc3545}.serial-verification-field .field__input{padding:1.2rem 1.6rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, 4px);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.5rem;width:100%;transition:border-color .2s ease,box-shadow .2s ease}.serial-verification-field .field__input:hover{border-color:rgba(var(--color-foreground),.4)}.serial-verification-field .field__input:focus{outline:none;border-color:rgb(var(--color-foreground));box-shadow:0 0 0 1px rgb(var(--color-foreground))}.serial-verification-field .field__input::placeholder{color:rgba(var(--color-foreground),.4)}.serial-verification-submit{margin-top:1rem;padding:1.4rem 3rem;font-size:1.5rem;font-weight:500;position:relative;width:100%;display:flex;align-items:center;justify-content:center;min-height:4.8rem}.serial-verification-submit .button__text{transition:opacity .2s ease}.serial-verification-submit .loading__spinner{position:absolute;width:2rem;height:2rem}.serial-verification-submit:disabled{cursor:not-allowed;opacity:.8}.serial-verification-status{margin-top:2rem;padding:1.2rem;background-color:rgba(var(--color-foreground),.03);border-radius:var(--border-radius, 4px);display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1.4rem;color:rgba(var(--color-foreground),.75)}.serial-verification-status .loading__spinner{width:1.6rem;height:1.6rem}.serial-verification-error{margin-top:2rem;padding:1.2rem 1.6rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius, 4px);color:#991b1b;font-size:1.4rem;text-align:center}.serial-verification-success{margin-top:2rem;padding:1.2rem 1.6rem;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--border-radius, 4px);color:#14532d;font-size:1.4rem;text-align:center}@media screen and (max-width: 749px){.serial-verification-form-container{padding:2rem 1.5rem;margin:0 1rem}.serial-verification-title{font-size:calc(var(--font-heading-scale) * 2rem)}.serial-verification-description{font-size:1.3rem}.serial-verification-field .field__input{padding:1rem 1.2rem;font-size:1.4rem}.serial-verification-submit{padding:1.2rem 2rem;font-size:1.4rem}}.verification-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-in-out}.verification-loading-content{text-align:center;padding:3rem;background:#fff;border-radius:var(--border-radius, 8px);box-shadow:0 4px 24px #0000001a;min-width:600px}.verification-loading-content .loading__spinner{width:4rem;height:4rem;margin:0 auto 2rem;display:block}.verification-loading-content p{margin:0;font-size:1.6rem;color:rgb(var(--color-foreground));font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading__spinner .spinner{animation:spin .65s linear infinite}.loading__spinner .path{stroke:currentColor;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-serial-verification.css.map */