.warranty-form-wrapper{display:flex;justify-content:center;align-items:flex-start;padding:40px 20px;background:#fff}.warranty-form-wrapper #warrantyForm{width:100%;max-width:700px;background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 12px #0000004d;position:relative}.warranty-form-wrapper .form-title{text-align:center;font-size:28px}.warranty-form-wrapper .form-toast{display:none;min-width:260px;max-width:350px;padding:14px 18px;border-radius:6px;font-weight:500;position:fixed;top:20px;right:20px;z-index:9999;box-shadow:0 4px 12px #00000026}.warranty-form-wrapper .form-toast.success{background:#28a745;color:#fff}.warranty-form-wrapper .form-toast.error{background:#dc3545;color:#fff}.warranty-form-wrapper .form-toast.show{display:flex;justify-content:space-between;align-items:center}.warranty-form-wrapper .form-toast .close-btn{margin-left:12px;background:none;border:none;color:#fff;font-size:18px;cursor:pointer;line-height:1;width:10px}.warranty-form-wrapper .form-group{margin-bottom:20px}.warranty-form-wrapper label{display:block;font-weight:600;margin-bottom:6px}.warranty-form-wrapper input,.warranty-form-wrapper textarea,.warranty-form-wrapper button{width:100%;padding:10px;font-size:15px;border:1px solid #ccc;border-radius:5px}.warranty-form-wrapper textarea{resize:vertical;min-height:80px}.warranty-form-wrapper button{background-color:rgb(var(--color-button-background));color:#000;font-weight:600;cursor:pointer;border:none;transition:background .3s;font-family:inherit;display:flex;align-items:center;justify-content:center;position:relative}.warranty-form-wrapper button:hover{color:#fff;background-color:rgb(var(--color-base-color_on_hover))}.warranty-form-wrapper button .btn-text{display:inline-block}.warranty-form-wrapper button .btn-loader{display:none;width:18px;height:18px;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite}.warranty-form-wrapper button.loading .btn-text{visibility:hidden}.warranty-form-wrapper button.loading .btn-loader{display:inline-block;position:absolute}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.warranty-form-wrapper .error-message{color:red;font-size:13px;margin-top:4px}@media (max-width: 768px){.warranty-form-wrapper #warrantyForm{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/warranty-form.css.map */