.modal-sidebar{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;bottom:0;right:0;display:flex;align-items:flex-start;justify-content:flex-end;cursor:url(cross.svg),url(cross.png),zoom-out;background-color:rgba(var(--color-overlay),.8);transition:opacity var(--duration-long) ease-in-out}.modal-sidebar[open]{opacity:1;visibility:visible;z-index:9999}.modal-sidebar[open] .modal-sidebar__content{transform:translate(0)}.modal-sidebar.is-closing .modal-sidebar__content{transform:translateY(100%)}@media screen and (min-width: 990px){.modal-sidebar.is-closing .modal-sidebar__content{transform:translate(100%)}}.modal-sidebar__close{position:absolute;z-index:2;top:1.6rem;right:1.6rem}.modal-sidebar__content{background-color:rgb(var(--color-background));margin:0;position:relative;cursor:auto;max-width:100%;width:100%;height:100%;transform:translateY(100%);transition:transform var(--duration-default) ease;padding:1.6rem;overflow:auto}@media screen and (min-width: 990px){.modal-sidebar__content{transform:translate(100%);min-width:50vw;max-width:110rem;padding:3.2rem}}.modal-sidebar__body{display:flex;flex-direction:column;gap:3.2rem}@media screen and (min-width: 600px){.modal-sidebar__body{display:grid;grid-template-columns:repeat(2,1fr);align-items:start;gap:1.6rem}}@media screen and (min-width: 990px){.modal-sidebar__body{gap:3.2rem}}.modal-sidebar__body .button{margin-top:3.6rem}@media screen and (min-width: 600px){.modal-sidebar__details{padding-top:2.4rem}}