.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal.active{display:flex;opacity:1;visibility:visible}.modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.modal.active .modal__overlay{opacity:1}.modal__content{position:relative;background:#fff;border-radius:1rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:scale(.9) translateY(20px);opacity:0;transition:transform .3s ease,opacity .3s ease}.modal.active .modal__content{transform:scale(1) translateY(0);opacity:1}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 0;transition:opacity .3s ease,transform .3s ease}.modal__title{color:var(--color-text-dark);margin:0}.modal__subtitle{color:var(--color-text-light);margin:.5rem 1.5rem 0;opacity:.8;transition:opacity .3s ease,transform .3s ease}.modal__form{position:relative}.modal__form-content{transition:opacity .3s ease,transform .3s ease}.modal__form-content.form-hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.modal__header.form-hidden,.modal__subtitle.form-hidden{opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.modal__form-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.modal__form-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0}.modal__form-state.state-visible{opacity:1;transform:translateY(0);pointer-events:auto}.modal__state-icon{font-size:4rem;margin-bottom:1.5rem;animation:stateIconAppear .6s ease .2s both}.modal__state-icon--success{color:#10b981}.modal__state-icon--error{color:#ef4444}.modal__state-title{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text-dark)}.modal__state-subtitle{color:var(--color-text-secondary);font-size:1rem;line-height:1.5;opacity:.8;margin-bottom:2rem}.modal__state-actions{display:flex;gap:1rem;justify-content:center}.modal__state-close{background:#f3f4f6;color:var(--color-text-dark);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.modal__state-close:hover{background:#e5e7eb;transform:translateY(-1px)}.modal__state-close:active{transform:translateY(0)}.modal__state-actions .modal__close{background:var(--color-primary);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.modal__state-actions .modal__close:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.modal__state-actions .modal__close:active{transform:translateY(0)}.modal__state-title--success{color:#059669}.modal__state-title--error{color:#dc2626}@keyframes stateIconAppear{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.modal__close{background:none;border:none;cursor:pointer;color:var(--color-text-light);padding:.5rem;border-radius:.5rem;transition:opacity .2s ease,transform .2s ease}.modal__close:hover{background:#0000000d;color:var(--color-text-dark)}.modal__form{padding:1.5rem}.modal__form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.modal__form-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.modal__form-row .modal__form-group{margin-bottom:0}.modal__label{color:var(--color-text-dark);font-weight:500;margin-bottom:.5rem;font-size:.875rem}.modal__input,.modal__select,.modal__textarea{padding:.75rem;border:1px solid #E5E7EB;border-radius:.5rem;font-size:1rem;transition:border-color .2s ease;background:#fff}.modal__input:focus,.modal__select:focus,.modal__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.modal__checkbox-group{display:flex;flex-direction:column;gap:.75rem}.modal__checkbox-item{display:flex;align-items:center;gap:.75rem}.modal__checkbox{width:1.25rem;height:1.25rem;border:2px solid #E5E7EB;border-radius:.25rem;background:#fff;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.modal__checkbox:checked{background:var(--color-primary);border-color:var(--color-primary)}.modal__checkbox-label{color:var(--color-text-dark);font-size:.875rem;cursor:pointer;margin:0}.modal__textarea{resize:vertical;min-height:100px}.modal__form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:0}.modal__cancel,.modal__submit{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:opacity .2s ease,transform .2s ease;border:none}.modal__cancel{background:#f3f4f6;color:var(--color-text-dark)}.modal__cancel:hover{background:#e5e7eb}.modal__submit{background:var(--color-primary);color:#fff}.modal__submit:hover{background:#374151}.modal__submit:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width: 767px){.modal{padding:0;align-items:flex-end}.modal__content{margin:0;max-width:100%;max-height:60vh;border-radius:1rem 1rem 0 0;transform:translateY(100%)}.modal.active .modal__content{transform:translateY(0)}.modal__form-row{grid-template-columns:1fr;gap:0}.modal__form-actions{flex-direction:column}.modal__cancel,.modal__submit{width:100%}.modal__state-actions{flex-direction:column;gap:.75rem}.modal__state-close,.modal__state-actions .modal__close{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/modal.css.map */