.vxp-drawer-vars{--vxp-drawer-z-index:var(--vxp-z-index-masker);--vxp-drawer-bg-color:var(--vxp-bg-color-base);--vxp-drawer-s-color:var(--vxp-shadow-color-base);--vxp-drawer-header-v-padding:10px;--vxp-drawer-header-h-padding:14px;--vxp-drawer-title-color:var(--vxp-content-color-primary);--vxp-drawer-d-color:var(--vxp-border-color-light-2);--vxp-drawer-title-font-size:var(--vxp-font-size-primary);--vxp-drawer-close-color:var(--vxp-content-color-placeholder);--vxp-drawer-close-color-hover:var(--vxp-content-color-base);--vxp-drawer-title-weight:500;--vxp-drawer-handler-bg-color-hover:rgba(0, 0, 0, 0.15);--vxp-drawer-handler-width:5px;--vxp-drawer-footer-v-padding:10px;--vxp-drawer-footer-h-padding:16px}.vxp-drawer{font-family:var(--vxp-font-family-base);font-size:var(--vxp-font-size-base);font-variant-numeric:tabular-nums;line-height:var(--vxp-line-height-base);color:var(--vxp-content-color-base);z-index:var(--vxp-drawer-z-index)}.vxp-drawer,.vxp-drawer *,.vxp-drawer ::after,.vxp-drawer ::before{box-sizing:border-box}.vxp-drawer--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-drawer{position:fixed;inset:0}.vxp-drawer--inherit{color:inherit}.vxp-drawer--inner{position:absolute;overflow:hidden}.vxp-drawer__wrapper{position:absolute;display:flex;flex-direction:column;background-color:var(--vxp-drawer-bg-color);border:0;transform:translateZ(0)}.vxp-drawer__wrapper--bottom,.vxp-drawer__wrapper--top{right:0;left:0;min-height:60px;max-height:calc(100vh - 14px)}.vxp-drawer__wrapper--left,.vxp-drawer__wrapper--right{top:0;bottom:0;max-width:calc(100vw - 14px)}.vxp-drawer__wrapper--top{top:0}.vxp-drawer__wrapper--top.vxp-drawer__wrapper--hide-mask{box-shadow:0 2px var(--vxp-shadow-blur) var(--vxp-drawer-s-color)}.vxp-drawer__wrapper--right{right:0}.vxp-drawer__wrapper--right.vxp-drawer__wrapper--hide-mask{box-shadow:-2px 0 var(--vxp-shadow-blur) var(--vxp-drawer-s-color)}.vxp-drawer__wrapper--bottom{bottom:0}.vxp-drawer__wrapper--bottom.vxp-drawer__wrapper--hide-mask{box-shadow:0 -2px var(--vxp-shadow-blur) var(--vxp-drawer-s-color)}.vxp-drawer__wrapper--left{left:0}.vxp-drawer__wrapper--left.vxp-drawer__wrapper--hide-mask{box-shadow:2px 0 var(--vxp-shadow-blur) var(--vxp-drawer-s-color)}.vxp-drawer__wrapper--resizing{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxp-drawer--inner .vxp-drawer__wrapper{position:absolute}.vxp-drawer__header{position:relative;display:flex;flex-shrink:0;align-items:center;padding:var(--vxp-drawer-header-v-padding) var(--vxp-drawer-header-h-padding);border-bottom:var(--vxp-border-shape) var(--vxp-drawer-d-color)}.vxp-drawer--undivided .vxp-drawer__header{border-bottom:0}.vxp-drawer__title{flex:1 0 0;font-size:var(--vxp-drawer-title-font-size);font-weight:var(--vxp-drawer-title-weight);color:var(--vxp-drawer-title-color)}.vxp-drawer__content{position:relative;flex:auto;min-width:0;min-height:0;padding:14px 16px}.vxp-drawer__footer{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;padding:var(--vxp-drawer-footer-v-padding) var(--vxp-drawer-footer-h-padding);border-top:var(--vxp-border-shape) var(--vxp-drawer-d-color)}.vxp-drawer--undivided .vxp-drawer__footer{border-top:0}.vxp-drawer__close{display:flex;align-items:center;height:24px;padding:0;margin-inline-start:6px;color:var(--vxp-drawer-close-color);cursor:pointer;background-color:transparent;border:0;outline:0;transition:var(--vxp-transition-color)}.vxp-drawer__close:focus,.vxp-drawer__close:hover{color:var(--vxp-drawer-close-color-hover)}.vxp-drawer__handler{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;transition:var(--vxp-transition-background)}.vxp-drawer__handler--bottom,.vxp-drawer__handler--top{right:0;left:0;height:var(--vxp-drawer-handler-width);cursor:ns-resize}.vxp-drawer__handler--left,.vxp-drawer__handler--right{top:0;bottom:0;width:var(--vxp-drawer-handler-width);cursor:ew-resize}.vxp-drawer__handler--top{bottom:calc(var(--vxp-drawer-handler-width) * -.5 + .5px)}.vxp-drawer__handler--right{left:calc(var(--vxp-drawer-handler-width) * -.5 + .5px)}.vxp-drawer__handler--bottom{top:calc(var(--vxp-drawer-handler-width) * -.5 + .5px)}.vxp-drawer__handler--left{right:calc(var(--vxp-drawer-handler-width) * -.5 + .5px)}.vxp-drawer__handler--resizing,.vxp-drawer__handler:hover{background-color:var(--vxp-drawer-handler-bg-color-hover)}