.ui-modal{background-color:#0b100299;height:100vh;inset:0;position:fixed;z-index:1100}.ui-modal__scroll{display:flex;height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:16px;position:relative}.ui-modal__close{align-items:center;display:flex;inset-block-start:32px;inset-inline-end:32px;justify-content:center;position:absolute;transition:background-color .2s}@media(max-width:768px){.ui-modal__close{inset-inline-end:20px}}@media(hover:hover){.ui-modal__close:hover{background-color:var(--color-gray-200)}}.ui-modal__close .ui-icon{height:36px;width:36px}.ui-modal__body{align-items:stretch;background-color:var(--color-cream-100);color:var(--color-text);display:flex;flex-direction:column;gap:32px;margin:auto;max-width:100%;padding:32px;position:relative;width:-moz-max-content;width:max-content}@media(max-width:768px){.ui-modal__body{gap:24px;padding:32px 20px}}.ui-modal__body--no-padding{padding:0}.ui-modal-enter-active,.ui-modal-leave-active{transition:opacity .2s ease-out}.ui-modal-enter-from,.ui-modal-leave-to{opacity:0}@media(prefers-reduced-motion:reduce){.ui-modal-enter-active,.ui-modal-leave-active{transition:none}}