.rey-sidePanel{--direction:1;--left:auto;--right:0px;--transition-duration:430;background-color:var(--side-panel-bg-color,HSL(var(--neutral-0)));height:var(--full-vp-height,100vh);opacity:0;visibility:hidden;display:none;-webkit-transition:calc(1ms*var(--transition-duration)) var(--easeoutcubic,ease-out);transition:calc(1ms*var(--transition-duration)) var(--easeoutcubic,ease-out);-webkit-transition-property:opacity,visibility,-webkit-transform;transition-property:opacity,visibility,-webkit-transform;transition-property:opacity,transform,visibility;transition-property:opacity,transform,visibility,-webkit-transform;-webkit-transform:translateX(calc(var(--direction) * 100%));transform:translateX(calc(var(--direction) * 100%));position:fixed;top:0;left:var(--left);right:var(--right);width:var(--side-panels-mobile-width,100vw);z-index:1060;-webkit-box-shadow:0 0 20px rgb(0 0 0 / .25);box-shadow:0 0 20px rgb(0 0 0 / .25)}.rey-sidePanel[data-align=left]{--direction:-1;--left:0px;--right:auto}@media(max-width:1024px),(max-height:768px){.rey-sidePanel{--full-vp-height:100%}}@media(orientation:portrait)and (max-width:1024px){.rey-sidePanel{--full-vp-height:100%}}@media(min-width:768px){.rey-sidePanel{width:470px}}.rey-sidePanel.--is-open{opacity:1!important;visibility:visible!important;-webkit-transform:translateX(0);transform:translateX(0)}.admin-bar .rey-sidePanel{top:var(--admin-bar);height:calc(var(--full-vp-height, 100vh) - var(--admin-bar))}@media(min-width:1025px){.admin-bar .rey-stickyContent .rey-sidePanel{top:0;height:var(--full-vp-height,100vh)}}.rey-sidePanel>.ss-container{height:100%}.rey-sidePanel-close{position:absolute;top:0;right:0}.rey-siteContent{-webkit-transition:-webkit-transform .4s var(--easeoutcubic,ease-out);transition:-webkit-transform .4s var(--easeoutcubic,ease-out);transition:transform .4s var(--easeoutcubic,ease-out);transition:transform .4s var(--easeoutcubic,ease-out),-webkit-transform .4s var(--easeoutcubic,ease-out)}body.--side-animated .rey-siteContent{--direction:-1;--distance:60px;-webkit-transform:translateX(calc(var(--direction) * var(--distance)));transform:translateX(calc(var(--direction) * var(--distance)))}@media(min-width:1025px){body.--side-animated .rey-siteContent{--distance:100px}}body.--side-animated.--side-panel-active--left .rey-siteContent{--direction:1}