.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 rgba(0,0,0,.25);box-shadow:0 0 20px rgba(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(0px);transform:translateX(0px)}.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}