.ui-popup-wrapper{inset:0;pointer-events:none;position:fixed}.ui-popup-overlay{inset:0;z-index:0}.ui-popup,.ui-popup-overlay{pointer-events:auto;position:absolute}.ui-popup{background:var(--first-color-5-light);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;left:50%;overflow:hidden;top:50%;transform-origin:center center;will-change:transform,opacity;z-index:1}.ui-popup.is-dragging{cursor:move;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.ui-popup-header{align-items:center;border-bottom:1px solid var(--first-color-5-common);display:flex;justify-content:center;padding:0;position:relative}.ui-popup-header.is-draggable{cursor:move;touch-action:none}.ui-popup-header .ui-popup-title{color:var(--text-deep);display:block;font-size:.48rem;font-weight:500;text-align:center}.ui-popup-close{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--text-common-light);cursor:pointer;display:flex;height:.85333rem;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:.85333rem;-webkit-touch-callout:none;touch-action:manipulation;transition:background-color .15s,color .15s}.ui-popup-close .iconify{font-size:.64rem}.ui-popup-close:hover{background:color-mix(in srgb,var(--first-color-5-common) 50%,transparent);color:var(--text-common)}.ui-popup-close:active{background:var(--first-color-5-common)}@media(max-width:767px){.ui-popup-close{background:color-mix(in srgb,var(--first-color-5-common) 50%,transparent)}}.ui-popup-close.is-in-header{position:absolute;right:.32rem;top:50%;transform:translateY(-50%)}.ui-popup-close.is-floating{position:absolute;right:.42667rem;top:.42667rem;z-index:1}.ui-popup-body{flex:0 1 auto;min-height:0;overflow-y:auto;padding:0}.ui-popup-footer{border-top:1px solid var(--first-color-5-common-deep);display:flex;gap:.32rem;justify-content:flex-end;padding:.32rem .64rem}