.app\:modal{--vertical-offset:calc(var(--app-logo-height) + var(--app-padding-y)*2);--margin:var(--base-margin);--content-width:30rem;align-items:center;display:flex;inset:0;justify-content:center;position:fixed}.app\:modal.--has-backdrop{background:rgba(var(--ebony),.5)}.app\:modal.--medium{--content-width:50rem}.app\:modal.--large{--content-width:60rem;--content-height:56.25rem}.app\:modal:not(:last-child){pointer-events:none}.app\:modal__close{margin-left:auto}.app\:modal.--no-headline .app\:modal__close{display:flex;min-height:var(--app-height);position:absolute;right:var(--margin);top:0}.app\:modal__header{align-items:center;border-bottom:1px solid rgba(var(--iron),1);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:1rem;line-height:1.75rem;position:sticky;top:0;z-index:1}.app\:modal.--compact .app\:modal__content{background:rgba(var(--white),1);margin:calc(var(--base-margin)*1.125)}.app\:modal.--compact .app\:modal__header{align-items:flex-start;border-bottom:none}.app\:modal.--compact .app\:modal__close{align-self:flex-start}.app\:modal.--compact .app\:modal__close .p-button.p-component.p-button-icon-only.p-button-link{height:1rem;width:1rem}.app\:modal.--has-headline .app\:modal__header,.app\:modal__footer{background:rgba(var(--white),1);padding:var(--margin)}.app\:modal__footer{align-items:center;border-top:1px solid rgba(var(--iron),1);bottom:0;display:flex;margin-top:auto;position:sticky;z-index:1}.app\:modal__footer :last-child{margin-bottom:0}.app\:modal[data-index="3"]{--opacity:.3;--translate-y:calc(var(--vertical-offset)*-.8);--scale:.5}.app\:modal[data-index="2"]{--opacity:.4;--translate-y:calc(var(--vertical-offset)*-.7);--scale:.7}.app\:modal[data-index="1"]{--opacity:.5;--translate-y:calc(var(--vertical-offset)*-.5);--scale:.8}.app\:modal[data-index="0"] .app\:modal__content{--background:fn_rgba(water)}.app\:modal__content{background:var(--background,rgba(var(--silver),1));border-radius:var(--border-radius-large);box-shadow:var(--elevated-box-shadow);display:flex;flex-direction:column;height:var(--content-height,auto);margin:var(--vertical-offset) var(--app-padding-y);max-height:calc(100vh - var(--vertical-offset)*2);overflow-y:auto;position:relative;transform:translateY(var(--translate-y,0)) scale(var(--scale,1));transform-origin:top center;transition:background-color .2s cubic-bezier(.4,0,1,1),background-size .2s cubic-bezier(.4,0,1,1),border-color .2s cubic-bezier(.4,0,1,1),color .2s cubic-bezier(.4,0,1,1),fill .2s cubic-bezier(.4,0,1,1),stroke .2s cubic-bezier(.4,0,1,1),opacity .2s cubic-bezier(.4,0,1,1),transform .25s cubic-bezier(0,.55,.45,1),filter .25s cubic-bezier(0,.55,.45,1);width:min(100%,var(--content-width))}.app\:modal__content:last-child{transition:background-color .25s cubic-bezier(.4,0,.2,1),background-size .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),fill .25s cubic-bezier(.4,0,.2,1),stroke .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),filter .3s cubic-bezier(.4,0,.2,1)}.app\:modal__body,.app\:modal__header{opacity:var(--opacity,1)}.app\:modal__sticky{padding:var(--margin);padding-bottom:0}.app\:modal__body,.app\:modal__sticky{background:rgba(var(--body-background),1)}.app\:modal__body{height:100%;overflow:auto;padding:var(--margin)}.app\:modal__body>:is(:last-child){margin-bottom:0}.app\:modal.--compact .app\:modal__body{background:rgba(var(--white),1);padding:var(--base-margin-medium)}