.overlay-sidebar{position:fixed;inset:0;background:rgb(0 0 0 / 50%);z-index:1000;opacity:0;transition:.45s;pointer-events:none;will-change:opacity;min-height:100vh;--background: var(--blue100)}.overlay-sidebar--white{--background: #fff}.overlay-sidebar__title{font-family:var(--fontFamily);font-size:22px;line-height:32px;font-weight:500}.overlay-sidebar__inner{height:fit-content;display:flex;flex-direction:column;padding:15px}.overlay-sidebar__content{margin-bottom:70px}.overlay-sidebar__panel{max-width:540px;width:100%;position:fixed;right:0;top:0;bottom:0;background-color:var(--background);overflow-y:auto;transform:translate(100%);transition:.45s;will-change:transform}.overlay-sidebar__top{position:sticky;top:0;left:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:24px;border-bottom:1px solid var(--blue10);background:#fff;z-index:2}.overlay-sidebar__close-icon{background-color:transparent;display:flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:pointer;border:0;padding:0}.overlay-sidebar__button{background-color:transparent;font-family:var(--fontFamily);font-size:16px;letter-spacing:.01em;text-decoration-line:underline;color:var(--blue50);border:0;padding:0;cursor:pointer;transition:.25s var(--easingPrinciple)}.overlay-sidebar__button:hover{color:#fff}.overlay-sidebar--active{opacity:1;pointer-events:all}.overlay-sidebar--active .overlay-sidebar__panel{transform:translate(0)}.overlay-sidebar__bottom{position:sticky;padding:40px;bottom:-50px;margin:auto -50px -50px;background-color:var(--blue5)}.overlay-sidebar__bottom-content{display:flex;gap:20px;align-items:center;justify-content:flex-end}.overlay-sidebar--blue .overlay-sidebar__bottom{background-color:transparent}.overlay-sidebar__close{appearance:none;background-color:transparent;font-family:inherit;border:none;color:var(--blue50);padding:0;border-bottom:1px solid var(--blue50);font-size:16px;cursor:pointer;transition:.25s var(--easingPrinciple)}.overlay-sidebar__close:hover{color:var(--blue100);border-color:var(--blue100)}@media (min-width: 992px){.overlay-sidebar__inner{padding:24px}}