.bn-drawer{--bn-mask-background-color:rgb(29 33 41 / 60%);position:fixed;top:0;right:0;bottom:0;left:0}.bn-drawer__mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--bn-mask-background-color)}.bn-drawer__container{position:absolute;overflow:auto;background-color:#fff;box-shadow:-10px 0 40px 0 rgba(100,107,122,.15)}.bn-drawer__container.is-right{top:0;right:0;bottom:0}.bn-drawer__container.is-left{top:0;bottom:0;left:0}.bn-drawer__container.is-top{top:0;right:0;left:0}.bn-drawer__container.is-bottom{right:0;bottom:0;left:0}.bn-drawer__close-icon{position:absolute;top:26px;right:28px;width:16px;height:16px;cursor:pointer}.bn-drawer__close-icon::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9}.bn-drawer__close-icon::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9}.bn-drawer__header{border-bottom:1px solid #edf1f6;padding-left:28px;height:68px;box-sizing:border-box;line-height:68px}.bn-drawer__title{font-size:18px;font-weight:600;color:#242934;line-height:1}.bn-drawer__footer{display:flex;align-items:center;margin-top:auto;padding:0 28px;height:80px;background:#fff;box-shadow:0 0 40px 0 rgba(100,107,122,.15);box-sizing:border-box}.bn-drawer__footer.is-bottom,.bn-drawer__footer.is-left,.bn-drawer__footer.is-top{display:flex;justify-content:flex-end}