.idf-modal{z-index:var(--idf-z-index-modal);background:#38383a80;outline:0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.idf-modal__dialog{padding:var(--idf-spacing-4)}@media only screen and (width>=768px){.idf-modal__dialog{padding:var(--idf-spacing-5)}}.idf-modal__header{gap:var(--idf-spacing-3);border-bottom:var(--idf-border-width-2) solid var(--idf-color-neutral-300);padding-bottom:var(--idf-spacing-3);font-size:var(--idf-font-size-xl);line-height:var(--idf-line-height-xl);justify-content:space-between;align-items:start;display:flex}.idf-modal__header h1,.idf-modal__header h2,.idf-modal__header h3,.idf-modal__header h4,.idf-modal__header h5,.idf-modal__header h6{margin:0;font-weight:700}.idf-modal__header__close{appearance:unset;background-color:unset;border:unset;cursor:pointer;font:unset;padding:unset;text-align:unset;justify-content:center;align-items:center;display:flex}.idf-modal__header__close__icon-wrapper{justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.idf-modal__header__close__icon-wrapper .idf-icon{transition:all .2s}.idf-modal__header__close:hover .idf-modal__header__close__icon-wrapper .idf-icon{transform:scale(1.2)}.idf-modal__header__close .idf-icon path{fill:var(--idf-color-neutral-500)}.idf-modal__content{width:100%;max-height:calc(100vh - var(--idf-spacing-4)*2);max-width:calc(100vw - var(--idf-spacing-4)*2);gap:var(--idf-spacing-4);border-radius:var(--idf-border-radius-m);padding:var(--idf-spacing-4);background-color:#fff;flex-direction:column;display:flex;position:relative;box-shadow:0 .4rem .8rem .3rem #0000001a,0 .1rem .3rem #0003}@media only screen and (width>=768px){.idf-modal__content{width:70rem;padding:var(--idf-spacing-5);max-width:calc(100vw - var(--idf-spacing-5)*2);max-height:calc(100vh - var(--idf-spacing-5)*2)}}.idf-modal__content--large{padding:0}@media only screen and (width>=768px){.idf-modal__content--large{padding:0}}.idf-modal__content--large .idf-modal__header{padding:var(--idf-spacing-4) var(--idf-spacing-4) 0;margin-bottom:0}@media only screen and (width>=768px){.idf-modal__content--large .idf-modal__header{padding:var(--idf-spacing-5) var(--idf-spacing-5) 0}}.idf-modal__content--large .idf-modal__footer{padding:0 var(--idf-spacing-4) var(--idf-spacing-4);margin-top:0}@media only screen and (width>=768px){.idf-modal__content--large .idf-modal__footer{padding:0 var(--idf-spacing-5) var(--idf-spacing-5)}}.idf-modal__body{max-height:75vh;overflow:auto}@media only screen and (width>=768px){.idf-modal__body{max-height:max(38rem,75vh)}}.idf-modal__footer{gap:var(--idf-spacing-2);flex-wrap:wrap;display:flex}.modal-fade-enter,.modal-fade-leave-to{opacity:0}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .35s}body.modal-open{overflow:hidden}