.side-panel-overlay{overflow:auto;position:fixed;display:flex;right:0;max-width:var(--side-panel__max-width);padding:20px;z-index:201;background:#fff;height:100%;top:0;align-items:flex-start;background:var(--cs__primary__bg);width:100%}.side-panel-overlay__content{flex:1 1;min-height:100%;display:flex;flex-direction:column;justify-content:center;width:100%}@-webkit-keyframes side-panel-overlay-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes side-panel-overlay-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}@-webkit-keyframes side-panel-overlay-out{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes side-panel-overlay-out{0%{transform:translateX(0)}to{transform:translateX(100%)}}@-webkit-keyframes side-panel-fade-in{0%{opacity:0}to{opacity:1}}@keyframes side-panel-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes side-panel-fade-out{0%{opacity:1}to{opacity:0}}@keyframes side-panel-fade-out{0%{opacity:1}to{opacity:0}}.side-panel-wrapper{position:fixed;z-index:9000;opacity:1;--side-panel-trigger__icon-padding:30%;--side-panel-trigger__icon-hover-padding:25%;--side-panel__max-width:min(calc(100vw - var(--side-panel-trigger__size) - 20px),375px);--side-panel-trigger__size:50px}.side-panel-wrapper__fade{display:none;position:fixed;background:rgba(19,19,19,.45);z-index:199;top:0;left:0;width:100%;height:100%}.side-panel-wrapper__triggers{position:fixed;z-index:202;right:20px;margin:auto 0;bottom:20px;display:flex;flex-direction:column;justify-content:center;grid-gap:10px;transition:right .45s cubic-bezier(.82,.15,.46,.97);pointer-events:none}.side-panel-wrapper__triggers .side-panel-trigger{pointer-events:all;opacity:0}.side-panel-wrapper__triggers .side-panel-trigger.open{transform:translateX(calc(-1*var(--side-panel__max-width) + 10px))}.side-panel-wrapper__triggers .side-panel-trigger.closing{transform:translateX(0)}.side-panel-wrapper__overlays{position:fixed;z-index:203}.side-panel-wrapper__overlays .side-panel-overlay{display:none}.side-panel-wrapper__overlays .side-panel-overlay.open{display:flex;transform:translateX(100%);-webkit-animation-name:side-panel-overlay-in;animation-name:side-panel-overlay-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.82,.15,.46,.97);animation-timing-function:cubic-bezier(.82,.15,.46,.97);-webkit-animation-duration:.45s;animation-duration:.45s;-webkit-animation-delay:75ms;animation-delay:75ms}.side-panel-wrapper__overlays .side-panel-overlay.closing{display:flex;transform:translateX(0);-webkit-animation-name:side-panel-overlay-out;animation-name:side-panel-overlay-out;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:.3s;animation-duration:.3s}.side-panel-wrapper.open{z-index:11000}.side-panel-wrapper.open .side-panel-wrapper__fade{opacity:0;display:block;-webkit-animation-name:side-panel-fade-in;animation-name:side-panel-fade-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-delay:.3s;animation-delay:.3s}.side-panel-wrapper.closing .side-panel-wrapper__fade{display:block;opacity:1;-webkit-animation-name:side-panel-fade-out;animation-name:side-panel-fade-out;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-delay:0s;animation-delay:0s;pointer-events:none}@media(min-width:48.063rem){.side-panel-wrapper{--side-panel-trigger__size:60px;--side-panel-trigger__size:3rem}.side-panel-wrapper__triggers{top:20vh;grid-gap:20px}.side-panel-wrapper__triggers .side-panel-trigger.open{transform:translateX(calc(-1*var(--side-panel__max-width)))}.side-panel-wrapper__triggers .side-panel-trigger.closing{transform:translateX(0)}}@media(min-width:120.063rem){.side-panel-wrapper{--side-panel-trigger__size:4rem}}