.zz-popup{--zz-popup-width:36rem;--zz-popup-gap:var(--zz-space-m);--zz-popup-from:scale(0.94);background:var(--zz-color-background);border:0;border-radius:var(--zz-radius-l);box-shadow:0 24px 64px rgba(0,0,0,.24);color:var(--zz-color-text);height:fit-content;inset:0;margin:auto;max-height:calc(100dvh - var(--zz-popup-gap)*2);max-width:var(--zz-popup-width);overflow:auto;overscroll-behavior:contain;padding:0;position:fixed;width:calc(100% - var(--zz-popup-gap)*2)}.zz-popup::backdrop{background:color-mix(in srgb,var(--zz-color-secondary) 64%,transparent)}.zz-popup--s{--zz-popup-width:26rem}.zz-popup--l{--zz-popup-width:52rem}.zz-popup--full{--zz-popup-width:none;--zz-popup-gap:0px;border-radius:0;height:100dvh}.zz-popup--top{margin:var(--zz-popup-gap) auto auto}.zz-popup--bottom{margin:auto auto var(--zz-popup-gap)}.zz-popup--bottom-left{margin:auto auto var(--zz-popup-gap) var(--zz-popup-gap)}.zz-popup--bottom-right{margin:auto var(--zz-popup-gap) var(--zz-popup-gap) auto}.zz-popup--zoom{--zz-popup-from:scale(0.94)}.zz-popup--fade{--zz-popup-from:none}.zz-popup--slide-up{--zz-popup-from:translateY(32px)}.zz-popup--slide-down{--zz-popup-from:translateY(-32px)}.zz-popup[open]:not(.zz-popup--none){animation:zz-popup-in .32s cubic-bezier(.2,.8,.2,1)}.zz-popup.is-closing:not(.zz-popup--none){animation:zz-popup-out .2s ease-in forwards}.zz-popup[open]:not(.zz-popup--none)::backdrop{animation:zz-popup-fade .32s ease-out}@keyframes zz-popup-in{0%{opacity:0;transform:var(--zz-popup-from)}}@keyframes zz-popup-out{to{opacity:0;transform:var(--zz-popup-from)}}@keyframes zz-popup-fade{0%{opacity:0}}.zz-popup__close{background:color-mix(in srgb,var(--zz-color-background) 88%,transparent);border:0;border-radius:var(--zz-radius-full);color:var(--zz-color-text);cursor:pointer;display:grid;height:2rem;margin:var(--zz-space-xs) var(--zz-space-xs) calc(-2rem - var(--zz-space-xs)) auto;padding:0;place-items:center;position:sticky;top:var(--zz-space-xs);width:2rem;z-index:2}.zz-popup__close:hover{background:var(--zz-color-surface)}.zz-popup__close:focus-visible{outline:2px solid var(--zz-color-primary);outline-offset:2px}.zz-popup__body{min-height:0}.zz-popup-preview{background:color-mix(in srgb,var(--zz-color-secondary) 64%,var(--zz-color-background))}.zz-popup-preview .zz-page{background:var(--zz-color-background);border-radius:var(--zz-radius-l);box-shadow:0 24px 64px rgba(0,0,0,.24);margin:6vh auto;max-width:36rem;overflow:hidden}.zz-popup-preview--s .zz-page{max-width:26rem}.zz-popup-preview--l .zz-page{max-width:52rem}.zz-popup-preview--full .zz-page{border-radius:0;margin:0;max-width:none}@media (prefers-reduced-motion:reduce){.zz-popup.is-closing,.zz-popup[open],.zz-popup[open]::backdrop{animation:none!important}}