body{--color-background:var(--color-neutral-50);--color-text:var(--color-neutral-900);display:flex;flex-direction:column;margin:0 var(--margin)}main{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(90vh,auto) auto;height:100%;min-height:100vh;width:100%;grid-gap:var(--margin);gap:var(--margin);padding:var(--margin) 0}@media screen and (min-width:1024px){main{grid-template-columns:1fr 1fr;grid-template-rows:1fr}}#error{--color-title:var(--color-gray-950);--color-text:var(--color-gray-600);align-items:center;display:flex;flex-direction:column;grid-row:1;justify-content:center;padding-bottom:10vh}@media screen and (min-width:1024px){#error{grid-column:2;grid-row:1}}#error .content{display:flex;flex-direction:column;gap:2rem;max-width:40rem;padding-bottom:10vh;width:100%}@media screen and (min-width:1024px){#error .content{padding-bottom:0}}#error .content .status{color:color-mix(in srgb,var(--color-text) 20%,transparent);display:block;font-size:10rem;font-weight:600;margin-bottom:-2rem;pointer-events:none;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}:is(#error .content) .status{color:color-mix(in srgb,var(--color-text) 20%,transparent);display:block;font-size:10rem;font-weight:600;margin-bottom:-2rem;pointer-events:none;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (min-width:1024px){#error .content .status{display:none}:is(#error .content) .status{display:none}}#error .content .message{display:flex;flex-direction:column;gap:.2rem}:is(#error .content) .message{display:flex;flex-direction:column;gap:.2rem}#error .content .message .title{color:var(--color-title);font-size:2.4rem;line-height:1.2;text-align:center}:is(:is(#error .content) .message) .title{color:var(--color-title);font-size:2.4rem;line-height:1.2;text-align:center}@media screen and (min-width:1024px){#error .content .message .title{text-align:left}:is(:is(#error .content) .message) .title{text-align:left}}#error .content .message .description{color:var(--color-text);font-size:1.8rem;line-height:1.5;text-align:center}:is(:is(#error .content) .message) .description{color:var(--color-text);font-size:1.8rem;line-height:1.5;text-align:center}@media screen and (min-width:1024px){#error .content .message .description{text-align:left}:is(:is(#error .content) .message) .description{text-align:left}}#quote{--color-background-1:var(--color-gray-950);--color-background-2:var(--color-gray-900);--color-dots:color-mix(in srgb,var(--color-gray-600) 20%,transparent);--color-author:var(--color-gray-400);--color-quote:var(--color-gray-200);--color-status:var(--color-gray-50);border-radius:16px;grid-row:2;min-height:75vh;overflow:hidden;padding:var(--margin);position:relative;text-align:center}@media screen and (min-width:1024px){#quote{grid-row:1;margin:-2rem 0 -2rem -2rem}}#quote .content{align-items:center;display:flex;flex-direction:column;gap:.2rem;height:100%;justify-content:center;position:relative;z-index:1}@media screen and (min-width:1024px){#quote .content{align-items:flex-start;justify-content:flex-end;text-align:left}#quote .content .author:before{content:""!important}:is(:is(#quote .content) .author):before{content:""!important}#quote .content .author:after{content:""!important}:is(:is(#quote .content) .author):after{content:""!important}}#quote .content .author{color:var(--color-author);font-size:1.8rem;font-weight:500}:is(#quote .content) .author{color:var(--color-author);font-size:1.8rem;font-weight:500}#quote .content .author:before{content:"— "}:is(:is(#quote .content) .author):before{content:"— "}#quote .content .author:after{content:" —"}:is(:is(#quote .content) .author):after{content:" —"}#quote .content .author:after,#quote .content .author:before{opacity:.5;opacity:50%}:is(:is(#quote .content) .author):after,:is(:is(#quote .content) .author):before{opacity:.5;opacity:50%}#quote .content .quote{color:var(--color-quote);font-size:1.8rem;font-style:italic;font-weight:500;max-width:46ch}:is(#quote .content) .quote{color:var(--color-quote);font-size:1.8rem;font-style:italic;font-weight:500;max-width:46ch}#quote .code{left:50%;top:50%;transform:translate(-50%,-50%)}#quote .code,#quote .code .status{height:100%;position:absolute;width:100%}#quote .code .status{color:var(--color-status);display:none;font-size:12rem;font-weight:600;padding-bottom:10vh;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}:is(#quote .code) .status{color:var(--color-status);display:none;font-size:12rem;font-weight:600;height:100%;padding-bottom:10vh;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:2}@media screen and (min-width:1024px){#quote .code .status{align-items:center;display:flex;justify-content:center}:is(#quote .code) .status{align-items:center;display:flex;justify-content:center}}#quote .code .background{background:linear-gradient(35deg,var(--color-background-1),var(--color-background-2));height:100%;mix-blend-mode:multiply;position:relative;width:100%}:is(#quote .code) .background{background:linear-gradient(35deg,var(--color-background-1),var(--color-background-2));height:100%;mix-blend-mode:multiply;position:relative;width:100%}#quote .code .dots{background-image:radial-gradient(var(--color-dots) 1px,transparent 1px);background-size:10px 10px;height:100%;position:absolute;width:100%;z-index:1}:is(#quote .code) .dots{background-image:radial-gradient(var(--color-dots) 1px,transparent 1px);background-size:10px 10px;height:100%;position:absolute;width:100%;z-index:1}