#modal{position:fixed;inset:0;width:100%;height:100%;padding:0;background-color:transparent;border:none;z-index:calc(infinity);display:none}#modal.is-open{display:block}#modal .modal-container{position:relative;width:100%;height:100%;padding:0;display:flex;justify-content:center;align-items:center}#modal .modal-bg{position:absolute;inset:0;background-color:rgba(34,36,39,.7);backdrop-filter:blur(3rem);font-size:0}#modal .modal-inner{position:relative;width:95%;height:95%;max-width:86rem;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:1rem}#modal .modal-btn-close{position:relative;width:4rem;aspect-ratio:1/1;background-color:var(--color-bg-dark);font-size:0}#modal .modal-btn-close:after,#modal .modal-btn-close:before{content:"";position:absolute;inset:0;width:70%;height:.3rem;margin:auto;background-color:var(--color-bg)}#modal .modal-btn-close:before{transform:rotate(45deg)}#modal .modal-btn-close:after{transform:rotate(-45deg)}@media screen and (min-width:769px){#modal .modal-btn-close{width:5.5rem}}#modal .modal-window{position:relative;width:100%;max-height:86%;background-color:var(--color-bg);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem}#modal .modal-window:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.3rem;background:linear-gradient(90deg,var(--color-accent01) 0,var(--color-accent02) 33%,var(--color-accent03) 66%,var(--color-accent04) 100%);pointer-events:none;transition:width .5s cubic-bezier(.25,1,.5,1)}@media screen and (min-width:769px){#modal .modal-window{max-height:93%}}#modal .modal-window-inner{height:100%;padding:3rem 2rem 4rem;overflow-y:scroll}@media screen and (min-width:769px){#modal .modal-window-inner{padding:4rem 4rem 5rem}}