.ui-popup{inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease,visibility 0s linear .35s;visibility:hidden;z-index:1000;--ui-popup-overlay-duration:0.3s;--ui-popup-panel-duration:0.35s;--ui-popup-panel-delay:0.12s;--ui-popup-overlay-close-delay:0.18s}.ui-popup.is-open{opacity:1;pointer-events:auto;transition:opacity .3s ease;visibility:visible}.ui-popup__overlay{background:rgba(0,0,0,.16);inset:0;opacity:0;position:absolute;transition:opacity var(--ui-popup-overlay-duration) ease-in-out}.ui-popup.is-open .ui-popup__overlay{opacity:1}.ui-popup__panel{background:var(--white-400);bottom:0;height:100%;overflow-y:auto;padding:32px 56px 32px 32px;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform var(--ui-popup-panel-duration) ease;width:min(488px,100%);will-change:transform}@media (max-width:1199px){.ui-popup__panel{padding:32px 16px}}@media (max-width:767px){.ui-popup__panel{height:auto;left:0;padding:32px 16px;top:unset;transform:translateY(100%);width:100%}}.ui-popup.is-open .ui-popup__panel{transform:translateX(0)}@media (max-width:767px){.ui-popup.is-open .ui-popup__panel{transform:translateY(0)}}.ui-popup__close{align-items:center;background:transparent;cursor:pointer;display:flex;height:24px;justify-content:center;margin-left:auto;width:24px}.ui-popup__close svg{pointer-events:none}.ui-popup__content{height:100%;max-height:100dvh;padding-top:32px}body.ui-popup-open{overflow:hidden}@media (max-width:767px){.ui-popup__panel{padding:32px 16px}}