.side-pane{height:100vh;height:100dvh;inset:0;pointer-events:none;position:fixed;z-index:var(--side-pane-z-index,100)}.side-pane.side-pane-open{pointer-events:auto}.side-pane-wrapper{background:var(--side-pane-bg-color,var(--bg-color));bottom:0;box-shadow:var(--side-pane-shadow,0 0 20px rgba(0,0,0,.1));box-sizing:border-box;color:var(--text-color);max-width:var(--side-pane-max-width,400px);overflow-y:auto;padding:var(--side-pane-padding-top,var(--side-pane-padding)) var(--side-pane-padding-right,var(--side-pane-padding)) var(--side-pane-padding-bottom,var(--side-pane-padding)) var(--side-pane-padding-left,var(--side-pane-padding));position:absolute;top:0;width:var(--side-pane-width,360px);z-index:var(--side-pane-z-index,100)}.side-pane-wrapper.side-pane-right{right:0}.side-pane-wrapper.side-pane-left{left:0}.side-pane-close-button{position:absolute;right:var(--side-pane-close-right,14px);top:var(--side-pane-close-top,14px)}.side-pane-user-content .side-pane-wrapper{width:var(--side-pane-user-content-width,var(--side-pane-width))}.side-pane-cart .side-pane-wrapper{width:var(--side-pane-cart-width,var(--side-pane-width))}.side-pane-overlay{background:var(--side-pane-overlay-bg,rgba(0,0,0,.5));cursor:pointer;inset:0;position:absolute;z-index:var(--side-pane-overlay-z-index,10)}.sidePaneAppear-enter-active,.sidePaneAppear-leave-active{transition:transform .3s ease-in-out}.sidePaneAppear-enter-from.side-pane-right{transform:translate(100%)}.sidePaneAppear-enter-from.side-pane-left{transform:translate(-100%)}.sidePaneAppear-leave-to.side-pane-right{transform:translate(100%)}.sidePaneAppear-leave-to.side-pane-left{transform:translate(-100%)}