.sys-item-anchor{--sys-modal-gutter:1rem;--sys-vh:100vh;--sys-modal-maxw:calc(100vw - var(--sys-modal-gutter)*2);--sys-modal-maxh:calc(var(--sys-vh) - var(--sys-modal-gutter)*2);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sys-item-anchor>.sys-item,.sys-item-anchor>.sys-item>*{min-width:0;max-width:var(--sys-modal-maxw)!important;max-height:var(--sys-modal-maxh)!important}@media (max-width:30rem){.sys-item-anchor--modal{--sys-modal-gutter:0px;--sys-modal-maxh:92dvh;align-items:flex-end;padding:0}.sys-item-anchor--modal>.sys-item{width:100%}}@media (max-width:48rem){.sys-item-anchor--modal.sys-item-anchor--full{--sys-modal-gutter:0px;--sys-modal-maxh:100dvh;align-items:stretch;padding:0}.sys-item-anchor--modal.sys-item-anchor--full>.sys-item{width:100%}}.sys-item-anchor--modal{--sys-modal-top:100px;--sys-stack-span:0px;padding:var(--sys-modal-gutter);overscroll-behavior:contain;align-items:safe center;overflow:auto}.sys-item-anchor--modal.is-stacked{padding-top:var(--sys-modal-top);--sys-modal-maxh:min(calc(var(--sys-vh)*.8),calc(var(--sys-vh) - var(--sys-modal-top) - var(--sys-modal-gutter) - var(--sys-stack-span)));align-items:flex-start}@supports (height:100dvh){.sys-item-anchor{--sys-vh:100dvh}}@media (max-height:44rem){.sys-item-anchor--modal{--sys-modal-top:1.5rem;--sys-modal-gutter:.5rem}}@media (max-width:40rem){.sys-item-anchor--modal{--sys-modal-top:0px;--sys-modal-gutter:0px}}.sys-item-anchor--toast{--sys-modal-gutter:1.5rem;padding:var(--sys-modal-gutter);justify-content:flex-end;align-items:flex-end}.sys-item-anchor>.sys-item{pointer-events:auto}.sys-item--modal{transition:transform .25s}.sys-item--modal,.sys-item--normal{transform:translate(var(--sys-sx,0),var(--sys-sy,0))}.sys-item-popup-enter-active,.sys-item-popup-leave-active{transition:opacity .25s}.sys-item-popup-enter-from,.sys-item-popup-leave-to{opacity:0}.sys-item-popup-enter-from .sys-item--modal,.sys-item-popup-leave-to .sys-item--modal{transform:translate(var(--sys-sx,0),var(--sys-sy,0)) scale(.9)}.sys-item-slide-enter-active,.sys-item-slide-leave-active{transition:opacity .25s}.sys-item-slide-enter-from,.sys-item-slide-leave-to{opacity:0}.sys-item-slide-enter-from .sys-item--modal,.sys-item-slide-leave-to .sys-item--modal{transform:translate(calc(var(--sys-sx,0) + 24px),var(--sys-sy,0))}.sys-item-fade-enter-active,.sys-item-fade-leave-active{transition:opacity .2s}.sys-item-fade-enter-from,.sys-item-fade-leave-to{opacity:0}