.mobile-drawer .arco-drawer-mask{background-color:var(--color_bg_mask);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mobile-drawer .arco-drawer{background-color:var(--color_bg_popup_medium);max-width:100%;height:auto;max-height:calc(100vh - var(--safe-top, 0px) - 78px);overflow:hidden;width:auto}.mobile-drawer .arco-drawer-body{padding:10px 15px 15px}.mobile-drawer.mobile-drawer-half .arco-drawer{border-radius:32px;left:8px;right:8px;margin-bottom:8px}.mobile-drawer.mobile-drawer-half .arco-drawer:before{content:"";position:absolute;inset:-1px;border-radius:34px;padding:1px;-webkit-mask:linear-gradient(var(--color_primary_white) 0 0) content-box,linear-gradient(var(--color_primary_white) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}[dir=ltr] .mobile-drawer.mobile-drawer-half .arco-drawer:before{background:linear-gradient(to bottom right,hsla(0,0%,80%,.5),transparent 50%,hsla(0,0%,80%,.5))}[dir=rtl] .mobile-drawer.mobile-drawer-half .arco-drawer:before{background:linear-gradient(to bottom left,hsla(0,0%,80%,.5),transparent 50%,hsla(0,0%,80%,.5))}.mobile-drawer.mobile-drawer-full .arco-drawer{border-radius:32px 32px 0 0;left:0;right:0}.mobile-drawer .arco-drawer-header{border-bottom:none;height:auto;padding:0}.mobile-drawer .dragger{position:absolute;height:5px;width:36px;top:5px;background-color:var(--color_bg_zero);border-radius:2px}[dir=ltr] .mobile-drawer .dragger{left:calc(50% - 18px)}[dir=rtl] .mobile-drawer .dragger{right:calc(50% - 18px)}.mobile-drawer .mobile-drawer-header{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%}.mobile-drawer .mobile-drawer-header .brand-btn{box-sizing:border-box;width:44px;height:44px;border-radius:50%;flex-shrink:0;padding:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;border:none}.mobile-drawer .mobile-drawer-header .brand-btn>img{position:relative;z-index:0}.mobile-drawer .mobile-drawer-header .brand-btn-light{background:#ffffffa6}[dir=ltr] .mobile-drawer .mobile-drawer-header .brand-btn-light:before{background:linear-gradient(to bottom right,hsla(0,0%,100%,.65),transparent 50%,#f7f7f7)}[dir=rtl] .mobile-drawer .mobile-drawer-header .brand-btn-light:before{background:linear-gradient(to bottom left,hsla(0,0%,100%,.65),transparent 50%,#f7f7f7)}[dir=ltr] .mobile-drawer .mobile-drawer-header .brand-btn .arco-btn-icon{margin-right:0}[dir=rtl] .mobile-drawer .mobile-drawer-header .brand-btn .arco-btn-icon{margin-left:0}.mobile-drawer .mobile-drawer-header .brand-btn--close{background:var(--color_bg_input)}.mobile-drawer .mobile-drawer-header .brand-btn--ok{background-color:var(--color_primary_brand)}.mobile-drawer .mobile-drawer-header .brand-btn--ok.arco-btn-disabled{background-color:var(--color_bg_input);cursor:not-allowed}.mobile-drawer .mobile-drawer-header .brand-btn--ok.arco-btn-disabled:before{content:none}