.if-modal{--if-modal-bg:var(--color-bg-primary,#fff);--if-modal-text:var(--color-text-primary,#333);--if-modal-border:var(--color-border-light,#e0e0e0);--if-modal-close-text:var(--color-text-primary,#333);--if-modal-close-hover-bg:var(--color-bg-secondary,#f5f5f5);--if-modal-close-hover-text:var(--color-text-primary,#333);--if-modal-width:980px;animation:if-modal-slide-in .3s ease-out;background-color:var(--if-modal-bg);border:none;box-shadow:0 10px 40px rgba(0,0,0,.3);color:var(--if-modal-text);margin:auto;max-height:90vh;max-width:90vw;padding:0;width:var(--if-modal-width)}.if-modal[data-size=small]{--if-modal-width:680px}.if-modal[data-size=large]{--if-modal-width:1040px}.if-modal[data-theme=dark]{--if-modal-bg:var(--color-bg-primary-dark,#1a1a1a);--if-modal-text:var(--color-text-primary-dark,#f0f0f0);--if-modal-border:var(--color-border-dark,#333);--if-modal-close-text:var(--color-text-secondary-dark,#999);--if-modal-close-hover-bg:var(--color-bg-secondary-dark,#333);--if-modal-close-hover-text:var(--color-text-primary-dark,#f0f0f0)}.if-modal::backdrop{animation:if-modal-fade-in .3s ease-out;background-color:rgba(0,0,0,.5)}@keyframes if-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes if-modal-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.if-modal__content{display:flex;flex-direction:column;height:100%}.if-modal__header{align-items:flex-start;display:flex;justify-content:space-between;padding:1.875rem 1.875rem .75rem}.if-modal__title{flex:1;margin:0}.if-modal__subtitle{font-family:var(--if-font-family-secondary);font-size:1.5rem;font-style:italic;font-weight:var(--if-font-weight-normal);letter-spacing:var(--if-font-letter-spacing-medium);margin:0}.if-modal__close{align-items:center;background:none;border:none;border-radius:4px;color:var(--if-modal-close-text);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:1rem;transition:background-color .2s,color .2s}.if-modal__close:focus,.if-modal__close:hover{background-color:var(--if-modal-close-hover-bg);color:var(--if-modal-close-hover-text);outline:none}.if-modal__close:focus-visible{outline:2px solid var(--color-focus,#06c);outline-offset:2px}.if-modal__close svg{fill:currentColor;height:2.5rem;width:2.5rem}.if-modal__body{flex:1;overflow-y:auto;padding:.75rem 1.875rem 1.875rem}.if-modal__body>:last-child{margin-bottom:0}@media (max-width:768px){.if-modal{max-height:95vh;max-width:95vw}.if-modal__body,.if-modal__header{padding:1rem}}