.modal-container{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:1rem;position:fixed;z-index:50!important}.modal-container-close-btn[disabled]{cursor:not-allowed;opacity:.5}.modal-container-close-btn[disabled]:hover{background-color:transparent!important}.modal-overlay{background-color:#00000080;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity .3s ease-out;will-change:opacity;z-index:1001}.modal-overlay.is-visible{opacity:1}.modal-content{background-color:var(--nokor-w-b-5);border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;margin:0 auto;max-height:90vh;opacity:0;position:relative;transform:translateY(20px) scale(.95);transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%;will-change:transform,opacity;z-index:5000}.modal-content.is-visible{opacity:1;transform:translateY(0) scale(1)}.modal-content.is-sm{max-width:24rem}.modal-content.is-md{max-width:28rem}.modal-content.is-lg{max-width:32rem}.modal-content.is-xl{max-width:36rem}.modal-content.is-full{max-width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--nokor-w-b-3);display:flex;justify-content:space-between;padding:1rem 1.5rem;position:sticky;top:0;z-index:10}.modal-title{font-size:1.125rem;font-weight:600;line-height:1.75rem;margin:0}.modal-close-btn{align-items:center;background-color:transparent;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.modal-close-btn:hover{background-color:#f3f4f6;color:#1f2937}.modal-close-btn i{font-size:1.25rem}.modal-body{flex:1;overflow-y:auto;padding:1.5rem}.modal-body::-webkit-scrollbar{height:8px;width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px;-webkit-transition:background .3s;transition:background .3s}.modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-footer{border-top:1px solid var(--nokor-w-b-3);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}@media (max-width:640px){.modal-footer{flex-direction:column;gap:.5rem}.modal-footer .modal-btn{width:100%}}.modal-btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1.25rem;padding:.5rem 1.25rem;position:relative;transform:translateY(0);transition:all .15s ease}.modal-btn:not(.is-disabled):hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.modal-btn:not(.is-disabled):active{transform:translateY(1px)}.modal-btn.is-disabled{cursor:not-allowed;opacity:.5}.modal-btn[disabled]{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.modal-btn.is-primary{background-color:#3b82f6;color:#fff}.modal-btn.is-primary:not([disabled]):hover{background-color:var(--nokor-w-b-5);transform:translateY(-1px)}.modal-btn.is-danger{background-color:#ef4444;color:#fff}.modal-btn.is-danger:not([disabled]):hover{background-color:var(--nokor-w-b-3)}.modal-btn.is-success{background-color:#10b981;color:#fff}.modal-btn.is-success:not([disabled]):hover{background-color:var(--nokor-w-b-3)}.modal-btn.is-warning{background-color:#f59e0b;color:#fff}.modal-btn.is-warning:not([disabled]):hover{background-color:var(--nokor-w-b-3)}.modal-btn.is-secondary{background-color:#6b7280;color:#fff}.modal-btn.is-secondary:not([disabled]):hover{background-color:var(--nokor-w-b-3)}.modal-btn.is-cancel{background-color:#f3f4f6;color:#4b5563}.modal-btn.is-cancel:not([disabled]):hover{background-color:#e5e7eb}.modal-btn.is-loading{color:transparent!important;pointer-events:none}.modal-btn.is-loading:after{animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;content:"";height:1rem;position:absolute;width:1rem}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .3s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}