.sidepanel-overlay{position:fixed;inset:0;background:rgba(10,10,15,0.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:900;opacity:0;pointer-events:none;-webkit-transition:opacity .36s cubic-bezier(0.77,0,0.175,1);transition:opacity .36s cubic-bezier(0.77,0,0.175,1);cursor:pointer}.sidepanel-overlay--visible{opacity:1;pointer-events:auto}.sidepanel{position:fixed;top:0;right:0;height:100%;width:100%;background:#FFF;z-index:1040;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .36s cubic-bezier(0.77,0,0.175,1);transition:-webkit-transform .36s cubic-bezier(0.77,0,0.175,1);transition:transform .36s cubic-bezier(0.77,0,0.175,1);transition:transform .36s cubic-bezier(0.77,0,0.175,1),-webkit-transform .36s cubic-bezier(0.77,0,0.175,1);overflow-y:auto}.sidepanel--open{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.sidepanel__header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:36px 32px;position:relative;font-size:14px;line-height:24px}@media(max-width:1299px){.sidepanel__header{padding:19px 33px}}@media(max-width:768px){.sidepanel__header{padding:19px 16px}}.sidepanel__close{position:absolute;right:36px;background:0;border:0;width:13px;height:13px;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background .18s,border-color .18s;transition:background .18s,border-color .18s;padding:0;line-height:1}.sidepanel__close:hover{background:#f0f0f4;border-color:#bbb}.sidepanel__close svg{width:13px;height:13px;stroke:#333;stroke-width:2;fill:none}.sidepanel__body{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}@media(min-width:768px){.sidepanel{width:360px}}@media(min-width:1440px){.sidepanel{width:25vw}}