.ui-drawer-wrapper{inset:0;pointer-events:none;position:fixed}.ui-drawer-overlay{inset:0;z-index:0}.ui-drawer-overlay,.ui-drawer-panel{pointer-events:auto;position:absolute}.ui-drawer-panel{background:var(--first-color-5-light);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;will-change:transform;z-index:1}.ui-drawer-header{align-items:center;border-bottom:1px solid var(--first-color-5-common);display:flex;justify-content:center;padding:0;position:relative}.ui-drawer-header .ui-drawer-title{color:var(--text-deep);display:block;font-size:.48rem;font-weight:500;text-align:center}.ui-drawer-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-drawer-close .iconify{font-size:.64rem}.ui-drawer-close:hover{background:color-mix(in srgb,var(--first-color-5-common) 50%,transparent);color:var(--text-common)}.ui-drawer-close:active{background:var(--first-color-5-common)}@media(max-width:767px){.ui-drawer-close{background:color-mix(in srgb,var(--first-color-5-common) 50%,transparent)}}.ui-drawer-close.is-in-header{position:absolute;right:.32rem;top:50%;transform:translateY(-50%)}.ui-drawer-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0}.ui-drawer-footer{border-top:1px solid var(--first-color-5-common-deep);display:flex;gap:.32rem;justify-content:flex-end;padding:.32rem .64rem}