.side-popup{background-color:var(--background);bottom:0;box-shadow:var(--box-shadow);display:flex;flex-direction:column;max-height:100vh;max-width:100%;padding:0;position:absolute;right:0;top:0;transform:translate(100%);transition:transform .3s;width:27.6rem}.side-popup__shadow{height:100%;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s;width:100%;z-index:5000}.side-popup__shadow.--opened{opacity:1;pointer-events:auto}.side-popup__shadow.--opened .side-popup{transform:translate(0)}.side-popup__shadow.--shadow{background:#2e323d4d}.side-popup__header{flex:0 0 auto;font:var(--desktop-heading-h2-font);padding:var(--space-250) 4rem var(--space-250) var(--space-250);position:relative}.side-popup__close{font-size:1.2rem;position:absolute;right:var(--space-150);top:var(--space-250);z-index:100}.side-popup__close.app-btn.--icon.--small{font-size:1.2rem}.side-popup__content{flex:1 1 auto;min-height:0;overflow:hidden auto;padding:0 var(--space-250) var(--space-250)}.side-popup__footer{display:flex;margin-top:auto;padding:var(--space-200);position:relative;z-index:10}