.bsk-drawer__wrapper{background:var(--bds-color-background-base);bottom:0;box-shadow:0 3px 11px #00000017;height:100%;min-width:22.5rem;position:fixed;top:0;transition:transform .4s ease;width:30%;z-index:10300}[dir=ltr] .bsk-drawer__wrapper{right:0}[dir=rtl] .bsk-drawer__wrapper{left:0}.mobile .bsk-drawer__wrapper{transition:transform .2s ease-out;width:100%}[dir=ltr] .bsk-drawer--hidden{transform:translate3d(100%,0,0)}[dir=rtl] .bsk-drawer--hidden{transform:translate3d(-100%,0,0)}.bsk-drawer__header{align-items:center;display:flex;height:3.5rem;justify-content:center;position:relative}.bsk-drawer__header--divider{border-bottom:1px solid var(--bds-color-border-low)}.bsk-drawer__content{max-height:calc(100% - 3.5rem);overflow-y:auto;scrollbar-color:#c2c2c2 var(--bds-color-background-low);scrollbar-width:thin}.bsk-drawer__content::-webkit-scrollbar-track{background-color:var(--bds-color-background-low);border-radius:4px}.bsk-drawer__content::-webkit-scrollbar{background-color:var(--bds-color-background-low);height:4px;width:4px}.bsk-drawer__content::-webkit-scrollbar-thumb{background-color:#c2c2c2;border-radius:4px}.bsk-drawer__title{font-size:.875rem;font-weight:var(--bds-font-weight-regular)}.bsk-drawer__close{position:absolute}[dir=ltr] .bsk-drawer__close{right:var(--bds-size-spacing-03)}[dir=rtl] .bsk-drawer__close{left:var(--bds-size-spacing-03)}.bsk-drawer__backdrop{height:100%;position:fixed;top:0;z-index:10300}[dir=ltr] .bsk-drawer__backdrop{left:0}[dir=ltr] .bsk-drawer__backdrop,[dir=rtl] .bsk-drawer__backdrop{right:0}[dir=rtl] .bsk-drawer__backdrop{left:0}