:root{--popup-content-background-color:var(--color-surface-container-low);--popup-overlay-background-color:rgba(0,0,0,.6)}.var-fade-enter-from,.var-fade-leave-to{opacity:0}.var-fade-enter-active,.var-fade-leave-active{transition:opacity .25s}.var-pop-center-enter-from,.var-pop-center-leave-to{transform:scale(.3)}.var-pop-center-enter-active,.var-pop-center-leave-active{transition:all .25s}.var-pop-bottom-enter-from,.var-pop-bottom-leave-to{transform:translateY(100%)}.var-pop-bottom-enter-active,.var-pop-bottom-leave-active{transition:all .25s}.var-pop-top-enter-from,.var-pop-top-leave-to{transform:translateY(-100%)}.var-pop-top-enter-active,.var-pop-top-leave-active{transition:all .25s}.var-pop-left-enter-from,.var-pop-left-leave-to{transform:translate(-100%)}.var-pop-left-enter-active,.var-pop-left-leave-active{transition:all .25s}.var-pop-right-enter-from,.var-pop-right-leave-to{transform:translate(100%)}.var-pop-right-enter-active,.var-pop-right-leave-active{transition:all .25s}.var-popup{overflow:auto;scrollbar-width:none}.var-popup,.var-popup__overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.var-popup__overlay{background-color:var(--popup-overlay-background-color);transition:all .25s}.var-popup__content{overflow:auto;pointer-events:auto;transition:all .25s}.var-popup--content-background-color{background-color:var(--popup-content-background-color)}.var-popup--center{position:relative}.var-popup--bottom{bottom:0}.var-popup--bottom,.var-popup--top{left:0;position:absolute;width:100%}.var-popup--top{top:0}.var-popup--left{left:0}.var-popup--left,.var-popup--right{height:100%;position:absolute;top:0}.var-popup--right{right:0}.var-popup--safe-area{padding-bottom:env(safe-area-inset-bottom)}.var-popup--safe-area-top{padding-top:env(safe-area-inset-top)}.var-popup--pointer-events-none{pointer-events:none}