@-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}}@-webkit-keyframes trigger-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes trigger-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.side-panel{position:fixed;z-index:10000;opacity:1}.side-panel__fade{background:rgba(0,0,0,.4);z-index:199;left:0;width:100%;background:none}.side-panel__fade,.side-panel__overlay{display:none;position:fixed;top:0;height:100%}.side-panel__overlay{overflow:auto;right:0;width:calc(100% - 70px);max-width:375px;padding:20px;z-index:201;background:#fff;align-items:center;padding:var(--content-padding)}.side-panel__overlay__content{flex:1 1}.side-panel__overlay__content .avatar-with-contents .image{max-width:175px}.side-panel--open{z-index:10000;z-index:30000}.side-panel--open .side-panel__overlay{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;display:flex}.side-panel--open .side-panel__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--open .side-panel-trigger{right:calc(100% - 60px)}.side-panel--open .side-panel-trigger__icon__open{display:none}.side-panel--open .side-panel-trigger__icon__close{display:block}.side-panel-trigger{opacity:0;-webkit-animation-name:trigger-fade-in;animation-name:trigger-fade-in;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;z-index:202;top:auto;right:10px;margin:auto 0;bottom:20px;height:60px;transition:right .45s cubic-bezier(.82,.15,.46,.97)}.side-panel-trigger__tooltip{position:absolute;background:rgba(0,0,0,.7);color:#fff;transform:translateX(-100%) translateX(-10px) translateY(-50%);top:50%;border-radius:10px;display:none;font-weight:400;line-height:1;border-radius:0;background:rgba(30,64,143,.9);padding:7px 10px 8px;font-size:13px;letter-spacing:0}.side-panel-trigger__icon{width:50px;height:50px;position:relative;border-radius:100%;transition:width .1s ease,height .1s ease,transform .1s ease,padding .1s ease;cursor:pointer;background:#fff;box-shadow:4px 4px 3px rgba(0,0,0,.2);border-radius:0;color:#1e408f;box-shadow:none;border:1px solid #b1bcd2;padding:25%}.side-panel-trigger__icon svg{width:100%;height:auto}.side-panel-trigger__icon__close{display:none}.side-panel .button,.side-panel .text{font-size:16px}.side-panel__content{width:100%}.side-panel__fade:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:radial-gradient(at bottom right,#ca3c29 0,rgba(213,127,100,.75) 20%,rgba(213,127,100,0) 50%),radial-gradient(at top right,#365c98 0,#365c98 10%,rgba(43,80,150,0) 40%,#97a0c5 60%,hsla(0,0%,100%,0) 100%),linear-gradient(90deg,#7d8abe,#7d8abe 30%,#8790a5 70%,#242c84);opacity:.8}.side-panel-trigger:after{content:"";position:absolute;left:5px;top:5px;z-index:-1;bottom:5px;right:-5px;background:#e99885}@media(min-width:470px){.side-panel__overlay{width:calc(100% - 60px)}.side-panel--open .side-panel-trigger{right:400px}}@media(min-width:769px){.side-panel-trigger{right:20px;top:20vh}.side-panel-trigger__icon{width:60px;height:60px}.side-panel-trigger:after{bottom:-5px}}@media(hover:hover)and (min-width:769px){.side-panel-trigger:hover .side-panel-trigger__tooltip{display:block}.side-panel-trigger:hover .side-panel-trigger__icon{width:64px;height:64px;transform:translateX(2px) translateY(-2px);background:#fff;padding:25%}}@media(min-width:1261px){.side-panel__overlay__content .avatar-with-contents .image{max-width:225px}.side-panel .button,.side-panel .text{font-size:18px}}@media(hover:hover){.side-panel--open .side-panel-trigger:hover .side-panel-trigger__tooltip{display:none}}@media(max-width:768px){.side-panel--closing .side-panel__fade{display:block;opacity:1;-webkit-animation-name:side-panel-fade-out;animation-name:side-panel-fade-out}.side-panel--closing .side-panel__overlay{display:flex;transform:translateX(0);-webkit-animation-name:side-panel-overlay-out;animation-name:side-panel-overlay-out;-webkit-animation-delay:0ms;animation-delay:0ms}.side-panel--closing .side-panel-trigger{right:10px;transition-delay:.15s}}