.modalLayout{--modal-animation-time:.5s;--modal-drawer-width:380px;z-index:var(--z-index-modal);padding:var(--spacing-20) var(--spacing-64);-webkit-overflow-scrolling:touch;background-color:var(--backdrop);flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modalLayout[data-state=open]{animation:modal-fade-in var(--modal-animation-time) ease}.modalLayout[data-state=closed]{animation:modal-fade-out var(--modal-animation-time) ease forwards}.modalLayout__container{gap:var(--spacing-20);max-height:85dvh;padding:var(--spacing-24);overscroll-behavior:contain;color:var(--overlay-foreground);background-color:var(--overlay);border-radius:var(--radius-cards);border:none;flex-direction:column;margin:auto 0;display:flex;position:relative;overflow-y:auto}.modalLayout__container[data-state=open]{animation:modal-slide-in-up var(--modal-animation-time) ease}.modalLayout__container[data-state=closed]{animation:modal-slide-out-down var(--modal-animation-time) ease forwards}.modalLayout--sm .modalLayout__container{width:100%;max-width:440px}.modalLayout--md .modalLayout__container{width:100%;max-width:720px}.modalLayout--lg .modalLayout__container{width:100%;max-width:940px}.modalLayout--full .modalLayout__container{width:100%}.modalLayout--fullscreen{padding:0}.modalLayout--fullscreen .modalLayout__container{background-color:var(--background);border:none;border-radius:0;width:100%;min-height:100%;max-height:100%;margin:0}.modalLayout--drawer{align-items:flex-end;padding:0;overflow:hidden}.modalLayout--drawer .modalLayout__container{width:var(--modal-drawer-width);border-radius:var(--radius-cards) 0 0 var(--radius-cards);max-width:100%;min-height:100%;max-height:100%;margin:0}.modalLayout--drawer .modalLayout__container[data-state=open]{animation:modal-slide-in-right var(--modal-animation-time) ease}.modalLayout--drawer .modalLayout__container[data-state=closed]{animation:modal-slide-out-right var(--modal-animation-time) ease forwards}.modalLayout__hiddenTitle{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.modalLayout__closeBtn{top:var(--spacing-16);right:var(--spacing-16);z-index:2;position:absolute}.modalLayout__header{padding-right:var(--spacing-40);font-family:var(--font-heading);font-size:var(--text-lead);font-weight:var(--font-weight-medium);flex-shrink:0}.modalLayout__body{overscroll-behavior:contain;flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;overflow-y:auto}.modalLayout__footer{gap:var(--inline-gap-sm);flex-shrink:0;justify-content:flex-end;display:flex}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-slide-in-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-slide-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}@keyframes modal-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes modal-slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (max-width:1280px){.modalLayout{padding:var(--spacing-20) var(--spacing-40)}.modalLayout--drawer,.modalLayout--fullscreen{padding:0}}@media (max-width:992px){.modalLayout{padding:var(--spacing-20) var(--spacing-32)}.modalLayout--drawer,.modalLayout--fullscreen{padding:0}}@media (max-width:640px){.modalLayout{padding:var(--spacing-16)}.modalLayout--mobileTop .modalLayout__container{margin:0 0 auto}.modalLayout--mobileBottom .modalLayout__container{margin:auto 0 0}.modalLayout--full{padding:0}.modalLayout--full .modalLayout__container{border:none;border-radius:0;min-height:100%;max-height:100%;margin:0}.modalLayout--drawer,.modalLayout--fullscreen{padding:0}.modalLayout--drawer .modalLayout__container{background-color:var(--background);border-radius:0;width:100%}.modalLayout--drawer .modalLayout__closeBtn,.modalLayout--fullscreen .modalLayout__closeBtn{top:var(--spacing-24);right:var(--spacing-24)}.modalLayout__closeBtn{top:var(--spacing-12);right:var(--spacing-12)}}@media (prefers-reduced-motion:reduce){.modalLayout[data-state],.modalLayout__container[data-state],.modalLayout--drawer .modalLayout__container[data-state]{animation:none}}
