preact-arco-design/es/Drawer/style/index.css

Arco Design React UI Library.

.arco-drawer-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-mask-bg)}.arco-drawer-no-mask{pointer-events:none}.arco-drawer-no-mask .arco-drawer{pointer-events:auto}.arco-drawer-wrapper{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1001}.arco-drawer-wrapper-hide{display:none}.arco-drawer{position:absolute;width:100%;height:100%;background-color:var(--color-bg-3);line-height:1.5715}.arco-drawer-wrapper{position:relative;height:100%}.arco-drawer-fixed{position:fixed;top:0;z-index:1001}.arco-drawer-inner{height:100%;overflow:hidden}.arco-drawer-scroll{overflow:auto;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.arco-drawer-header{height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 16px;border-bottom:1px solid var(--color-neutral-3);-ms-flex-negative:0;flex-shrink:0}.arco-drawer-header-title{font-size:16px;font-weight:500;color:var(--color-text-1);text-align:left}.arco-drawer-footer{-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px 16px;border-top:1px solid var(--color-neutral-3);text-align:right;-ms-flex-negative:0;flex-shrink:0}.arco-drawer-footer>.arco-btn{margin-left:12px}.arco-drawer .arco-drawer-close-icon{position:absolute;right:20px;top:18px;cursor:pointer;z-index:1;font-size:12px;color:var(--color-text-1)}.arco-drawer-content{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;padding:12px 16px;color:var(--color-text-1);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;overflow:auto}