.Overlay{width:100%;max-width:100%;min-height:100%;height:100vh;overflow-y:auto;margin:0;padding:0;border:0;background-color:transparent;mix-blend-mode:difference;color:#fff;--timing: 1.4s;--delay: .5s;-webkit-transition:display var(--timing) allow-discrete var(--delay),overlay var(--timing) allow-discrete var(--delay);transition:display var(--timing) allow-discrete var(--delay),overlay var(--timing) allow-discrete var(--delay);-webkit-transform-origin:right;transform-origin:right;-webkit-animation:close var(--timing) forwards var(--easeOutExpo) var(--delay);animation:close var(--timing) forwards var(--easeOutExpo) var(--delay)}.Overlay[open]{-webkit-transition:display var(--timing) allow-discrete 0s,overlay var(--timing) allow-discrete 0s;transition:display var(--timing) allow-discrete 0s,overlay var(--timing) allow-discrete 0s;-webkit-animation:open var(--timing) forwards var(--easeOutExpo);animation:open var(--timing) forwards var(--easeOutExpo)}.Overlay::-ms-backdrop{background:#0000}.Overlay::backdrop{background:#0000}.Overlay .close{position:fixed;top:25px;right:25px;isolation:isolate;background-color:var(--white);border-color:var(--white);color:var(--black);aspect-ratio:1 / 1;max-width:36px;max-height:36px;padding:0}@media (min-width: 62em){.Overlay .close{top:50px;right:50px}}.Overlay>.content{padding-block:min(100px,5vh);height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.Overlay>.content .grid{height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;overflow-x:auto}.Overlay p,.Overlay h2{margin:0}.Overlay time{position:relative;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1.25rem}@media (min-width: 62em){.Overlay time{margin-top:20px;font-size:1.825rem}}.Overlay .sidebar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:40px;margin-top:.825rem}@media (max-width: 62em){:is(.Overlay .sidebar)>h2{margin-bottom:20px}:is(.Overlay .sidebar) div:has(h2){-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}}.Overlay .button{margin-top:40px}.Overlay .grid .sidebar,.Overlay .grid .content{grid-column:2 / -2}@media (min-width: 62em){.Overlay .button{margin-top:100px}.Overlay .sidebar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:132px}.Overlay>.content{padding-block:min(140px,10vh)}.Overlay .grid .sidebar{grid-column:3 / span 2}.Overlay .grid .content{grid-column:6 / -2;max-width:920px;text-wrap:balance}}@media (min-width: 96em){.Overlay .grid .content{max-width:1180px}}@-webkit-keyframes open{0%{opacity:0}to{opacity:1}}@keyframes open{0%{opacity:0}to{opacity:1}}@-webkit-keyframes close{0%{opacity:1}to{opacity:0}}@keyframes close{0%{opacity:1}to{opacity:0}}
