.anchor{--lineStrokeWidth:2px;--anchorColor:var(--rgbPrimary);--lineOpacity:0.3;--filledLineGradient:linear-gradient(rgb(var(--anchorColor)),rgb(var(--anchorColor)));--unfilledLineGradient:linear-gradient(rgb(var(--anchorColor)/var(--lineOpacity)),rgb(var(--anchorColor)/var(--lineOpacity)));all:unset;cursor:pointer;display:inline;color:rgb(var(--anchorColor));background:var(--filledLineGradient) no-repeat 100% 100%/0 var(--lineStrokeWidth),var(--unfilledLineGradient) no-repeat 0 100%/100% var(--lineStrokeWidth);transition-property:background-size;transition-duration:var(--durationM);transition-timing-function:var(--bezierFastoutSlowin);padding-bottom:var(--lineStrokeWidth)}.anchor:focus,.anchor:hover{background:var(--filledLineGradient) no-repeat 0 100%/100% var(--lineStrokeWidth),var(--unfilledLineGradient) no-repeat 0 100%/100% var(--lineStrokeWidth)}.anchor--secondary{--anchorColor:var(--rgbText)}.anchor:focus{box-shadow:0 0 0 4px rgb(var(--rgbBackground)),0 0 0 8px rgb(var(--rgbText))}.anchor:active{box-shadow:none}.footer{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;width:100vw;padding:var(--space3XL) var(--spaceL);z-index:16;position:relative;font-size:var(--fontSizeBodyS);color:var(--colorTextLight)}.footer__date,.footer__link{display:inline-flex}.footer__date{padding-right:var(--spaceXS)}.divider{position:relative;width:var(--lineWidth);height:var(--lineHeight)}.divider__line{content:"";display:block;width:100%;height:100%;background-color:rgb(var(--rgbPrimary));opacity:1;transition-property:transform,opacity;transition-duration:var(--durationL);transition-timing-function:var(--bezierFastoutSlowin);transition-delay:var(--collapseDelay);transform:scaleX(1);transform-origin:left center}.divider__line--collapsed{opacity:0;transform:scaleX(0)}.divider__notch{content:"";background-color:rgb(var(--rgbPrimary));position:absolute;transition-property:clip-path,opacity;transition-duration:var(--durationL);transition-timing-function:var(--bezierFastoutSlowin);transition-delay:var(--collapseDelay);opacity:1;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,10px 100%);width:var(--notchWidth);height:var(--notchHeight);top:var(--lineHeight)}.divider__notch--collapsed{opacity:0;clip-path:polygon(0 0,0 0,10px 100%,10px 100%)}@keyframes image-reveal{0%{transform:scaleX(0);transform-origin:left}49%{transform:scaleX(1);transform-origin:left}50%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}.image{position:relative;transform:translateZ(0);display:grid;grid-template-columns:100%}.image--reveal:before{content:"";background-color:rgb(var(--rgbAccent));position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleX(0);transform-origin:left;z-index:16}.image--reveal.image--in-viewport:before{animation:image-reveal 1.8s var(--bezierFastoutSlowin) var(--delay)}.image-container{position:relative;transform:translateZ(0);display:grid;grid-template-columns:100%}.image-container--reveal{content:"";background-color:rgb(var(--rgbAccent));position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleX(0);transform-origin:left;z-index:16;animation:image-reveal 1.8s var(--bezierFastoutSlowin)}.image__element-wrapper{opacity:0;transition:none;transform:translateZ(0);position:relative;display:grid;grid-template-columns:100%}.image__element-wrapper--reveal{opacity:0;transition:opacity var(--durationM) ease var(--delay)}.image__element-wrapper--in-viewport{opacity:1}.image__placeholder{width:100%;height:auto;transition:opacity var(--durationM) ease var(--delay);pointer-events:none;display:block;position:relative;z-index:1;opacity:1;grid-column:1;grid-row:1}.image__placeholder--loaded{opacity:0}.image__element{width:100%;height:auto;display:block;opacity:0;grid-column:1;grid-row:1}.image__element--loaded{opacity:1}.image__button{position:absolute;opacity:0;padding:0;height:1px;width:1px;clip:rect(0 0 0 0);margin:-1px;overflow:hidden}.image__button--visible{clip:auto;margin:0;top:var(--spaceM);left:var(--spaceM);overflow:visible;height:32px;width:auto;color:rgb(var(--rgbWhite));padding:0 8px 0 2px}.image__button:after{background-color:rgb(var(--rgbBlack)/.8)}.image__button--entered{opacity:1}.code{padding:var(--spaceXL);margin:var(--space3XL) calc(var(--spaceL)*-1);background:var(--background);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);color:var(--colorTextBody);overflow-x:auto}.code--dark{--char:#d8dee9;--comment:#b2b2b2;--keyword:#c592ff;--primitive:rgba(0 229 255/1);--string:#00ff9c;--variable:#d7deea;--boolean:#ff8b50;--punctuation:#88c6be;--tag:#ff4081;--function:rgba(0 229 255/1);--className:#fcee0a;--method:rgba(0 229 255/1);--operator:#ff4081;--background:rgb(29 29 35)}.code--light{--char:rgba(0 0 0/0.8);--comment:rgba(0 0 0/0.6);--keyword:#803cce;--primitive:rgba(0 0 0/0.8);--string:#1b8058;--variable:rgba(0 0 0/0.8);--boolean:#c1480a;--punctuation:rgba(0 0 0/0.4);--tag:#a8093f;--function:#04626c;--className:#00378c;--method:#04626c;--operator:#a8093f;--background:rgb(228 228 228)}@media (max-width:696px){.code{padding:var(--spaceL);margin:var(--space2XL) calc(var(--spaceXL)*-1)}}.code__content{margin:0}.code__content code,.code__content pre,.code__content pre.prism-code{height:auto;font-size:var(--fontSizeBodyS);line-height:var(--lineHeightBody);white-space:pre;font-family:var(--monoFontStack)}.code__content .token.attr-name{color:var(--keyword)}.code__content .token.block-comment,.code__content .token.cdata,.code__content .token.comment,.code__content .token.doctype,.code__content .token.prolog{color:var(--comment)}.code__content .token.constant,.code__content .token.deleted,.code__content .token.function-name,.code__content .token.number,.code__content .token.property,.code__content .token.symbol{color:var(--primitive)}.code__content .token.boolean{color:var(--boolean)}.code__content .token.tag{color:var(--tag)}.code__content .token.string{color:var(--string)}.code__content .token.punctuation{color:var(--punctuation)}.code__content .token.builtin,.code__content .token.char,.code__content .token.inserted,.code__content .token.selector{color:var(--char)}.code__content .token.function{color:var(--function)}.code__content .token.entity,.code__content .token.operator,.code__content .token.url,.code__content .token.variable{color:var(--variable)}.code__content .token.attr-value{color:var(--string)}.code__content .token.keyword{color:var(--keyword)}.code__content .token.atrule,.code__content .token.class-name{color:var(--className)}.code__content .token.important{font-weight:var(--fontWeightRegular)}.code__content .token.bold{font-weight:var(--fontWeightBold)}.code__content .token.italic{font-style:italic}.code__content .token.entity{cursor:help}.code__content .namespace{opacity:.7}.section{padding-right:var(--space5XL);padding-left:calc(var(--space4XL)*2);outline:none}@media (min-width:1600px){.section{padding-left:var(--space5XL)}}@media (max-width:1024px){.section{padding-left:calc(var(--space4XL) + var(--space3XL))}}@media (max-width:696px){.section{padding-right:var(--spaceL);padding-left:var(--spaceL)}}@media (max-height:696px),(max-width:696px){.section{padding-left:var(--spaceOuter);padding-right:var(--spaceOuter)}}@media (max-width:820px) and (max-height:420px){.section{padding-left:var(--space4XL);padding-right:var(--space4XL)}}.post{position:relative;display:flex;flex-direction:column}.post__header{--gutter:80px;--height:80vh;--offset:300px;display:grid;grid-template-columns:calc(50% - 40px) 1fr;grid-gap:var(--gutter);gap:var(--gutter);align-items:center;min-height:var(--height);padding-left:var(--offset)}@media (max-width:1600px){.post__header{--gutter:60px;--offset:200px;--offset:160px}}@media (max-width:1280px){.post__header{--gutter:40px;--height:70vh;--offset:180px}}@media (max-width:1024px){.post__header{--gutter:20px;--height:40vh;--offset:160px}}@media (max-height:696px){.post__header{--offset:100px}}@media (max-width:696px),(max-width:820px) and (max-height:420px){.post__header{--height:auto;grid-template-columns:100%;padding-right:20px;padding-left:20px}}.post__header-text{height:100%;width:100%;position:relative;display:flex;justify-self:flex-end;justify-content:center;flex-direction:column;padding:60px 0 80px;max-width:800px}@media (max-width:696px),(max-width:820px) and (max-height:420px){.post__header-text{padding:100px 0 0}}.post__date{font-size:18px;font-weight:var(--fontWeightMedium);margin-bottom:60px;color:rgb(var(--rgbPrimary));display:grid;grid-template-columns:140px 1fr;grid-gap:20px;gap:20px;align-items:center}@media (max-width:1024px){.post__date{margin-bottom:30px;grid-gap:10px;gap:10px}}@media (max-width:696px){.post__date{grid-template-columns:100px 1fr}}.post__date-text{opacity:0;transform:translate3d(-5%,0,0);transition:opacity var(--durationXL) ease,transform var(--durationXL) var(--bezierFastoutSlowin)}.post__date-text--entered{opacity:1;transform:none}.post__title{--postTitleSize:94px;font-size:var(--postTitleSize);font-weight:var(--fontWeightBold);line-height:1.1;margin:0;color:var(--colorTextTitle)}@media (max-width:1600px){.post__title{--postTitleSize:80px}}@media (max-width:1280px){.post__title{--postTitleSize:64px}}@media (max-width:1024px){.post__title{--postTitleSize:42px}}@media (max-width:696px){.post__title{--postTitleSize:36px}}@keyframes post-title-word{0%{transform:translate3d(0,110%,0)}to{transform:translateZ(0)}}.post__title-word-wrapper{overflow:hidden;position:relative;display:inline-flex}.post__title-word{transform:translate3d(0,110%,0);animation-name:post-title-word;animation-timing-function:var(--bezierFastoutSlowin);animation-duration:1.2s;animation-delay:var(--delay);animation-fill-mode:forwards;display:inline-flex}@media (prefers-reduced-motion:reduce){.post__title-word{transform:none}}.post__banner{justify-self:flex-end;width:100%;height:100%;z-index:1024}@media (max-width:696px){.post__banner{min-height:40vh;z-index:1}}.post__banner-image{height:100%;clip-path:polygon(0 0,100% 0,100% 100%,28px 100%,0 calc(100% - 28px))}.post__banner-image img,.post__banner-image video{height:100%;width:100%;object-fit:cover}@keyframes post-banner-arrow{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.post__banner-arrow{position:absolute;bottom:0;left:-10px;padding:20px;animation-name:fade-in;animation-timing-function:var(--bezierFastoutSlowin);animation-duration:.6s;animation-fill-mode:forwards;animation-delay:1s;opacity:0}@media (prefers-reduced-motion:reduce){.post__banner-arrow{opacity:1}}.post__banner-arrow svg{stroke:rgb(var(--rgbText)/.5);animation-name:post-banner-arrow;animation-duration:1.5s;animation-iteration-count:infinite;transition-timing-function:cubic-bezier(.8,.1,.27,1)}@media (max-width:1024px){.post__banner-arrow{left:-20px}}@media (max-width:696px){.post__banner-arrow{position:relative;margin-top:20px;align-self:flex-start}}.post__banner-read-time{color:var(--colorTextLight);font-size:16px;position:absolute;bottom:10px;right:0;padding:20px 0;display:grid;align-items:center;grid-template-columns:60px 1fr;grid-gap:10px;gap:10px;animation-name:fade-in;animation-timing-function:var(--bezierFastoutSlowin);animation-duration:.6s;animation-fill-mode:forwards;animation-delay:1s;opacity:0}@media (prefers-reduced-motion:reduce){.post__banner-read-time{opacity:1}}.post__banner-read-time:before{content:"";height:2px;background:rgb(var(--rgbText)/.4);display:block}.post__content-wrapper{display:flex;flex-direction:column;padding-bottom:var(--space2XL)}.post__content{--para-space:26px;--heading-space:34px;width:100%;align-self:center;margin-top:120px;animation-name:fade-in;animation-timing-function:var(--bezierFastoutSlowin);animation-duration:1.2s;animation-delay:1s;animation-fill-mode:forwards;opacity:0;display:grid;grid-template-columns:1fr 100px 800px 100px 1fr}.post__content>pre{grid-column:3}@media (prefers-reduced-motion:reduce){.post__content{opacity:1}}@media (max-width:1320px){.post__content{grid-template-columns:1fr 80px 740px 80px 1fr;margin-top:80px}}@media (max-width:1280px){.post__content{--para-space:20px;--heading-space:24px;grid-template-columns:1fr 60px 680px 60px 1fr;margin-top:80px}}@media (max-width:1096px){.post__content{grid-template-columns:1fr 50px 660px 50px 1fr;margin-top:80px}}@media (max-width:1024px){.post__content{--heading-space:22px;grid-template-columns:100%;margin-top:70px}.post__content>pre{grid-column:1}}@media (max-width:696px){.post__content{--para-space:18px;--heading-space:22px;margin-top:60px}}.post__heading-two{color:var(--colorTextTitle);margin:0;font-size:42px;grid-column:3;font-weight:var(--fontWeightMedium)}@media (max-width:1280px){.post__heading-two{font-size:34px}}@media (max-width:1024px){.post__heading-two{font-size:24px;grid-column:1}}@media (max-width:696px){.post__heading-two{font-size:22px}}.post__paragraph{color:rgb(var(--rgbText)/.8);margin:0;font-size:24px;line-height:1.5;grid-column:3}.post__heading-two+.post__paragraph{margin-top:var(--heading-space)}.post__paragraph+.post__heading-two{margin-top:calc(var(--heading-space)*2)}.post__paragraph+.post__paragraph{margin-top:var(--para-space)}@media (max-width:1280px){.post__paragraph{font-size:20px}}@media (max-width:1024px){.post__paragraph{grid-column:1}}@media (max-width:696px){.post__paragraph{font-size:18px;hyphens:auto}}.post__image{display:block;margin:80px 0;max-width:100%;width:100%;height:auto;grid-column:2/span 3}@media (max-width:1024px){.post__image{grid-column:1;margin:60px 0}}.post__code{color:var(--colorTextLight);background:rgb(var(--rgbText)/.1);padding:.1em .3em;font-family:var(--monoFontStack)}.articles,.articles__content{display:flex;flex-direction:column;align-items:center}.articles__content{max-width:var(--maxWidthL);width:100%;padding-top:80px;padding-bottom:80px;position:relative}@media (max-width:696px){.articles__content{padding-top:100px}}.articles__column{display:grid;grid-template-columns:100%;grid-gap:80px;gap:80px;max-width:840px;width:100%}.articles__post{display:flex;justify-content:center}.articles__divider{height:1px;margin:0;border:0;background-color:rgb(var(--rgbText)/.1)}.articles__post-content{width:100%;display:grid;grid-template-columns:300px 1fr;align-items:center;grid-gap:0 40px;gap:0 40px;text-decoration:none;transition:background-color var(--durationM) ease}@media (max-width:1024px){.articles__post-content{grid-template-columns:100%;max-width:440px}}.articles__post-text{grid-column:2;padding:60px 0}@media (max-width:1024px){.articles__post-text{grid-column:1;padding:30px 0}}.articles__post-date{display:block;margin-bottom:8px;color:var(--colorTextLight)}.articles__post-title{margin:0;font-size:36px;font-weight:var(--fontWeightMedium);line-height:1.2;color:var(--colorTextTitle);display:inline;background:linear-gradient(var(--colorTextBody),var(--colorTextBody)) no-repeat 100% 100%/0 2px;transition:background-size var(--durationM) var(--bezierFastoutSlowin);padding-bottom:2px}.articles__post-title:focus,.articles__post-title:hover{background:linear-gradient(var(--colorTextBody),var(--colorTextBody)) no-repeat 0 100%/100% 2px}@media (max-width:696px){.articles__post-title{font-size:30px}}.articles__post-description{font-size:20px;line-height:1.5;color:var(--colorTextBody);margin:20px 0 0}@media (max-width:696px){.articles__post-description{font-size:18px}}.articles__post-image-wrapper{position:relative;max-height:300px;height:100%}.articles__post-image{height:100%;clip-path:polygon(0 0,100% 0,100% 100%,70% 100%,70% calc(100% - 14px),calc(70% - 60px) calc(100% - 14px),calc(70% - 60px) 100%,28px 100%,0 calc(100% - 28px))}.articles__post-image img,.articles__post-image video{height:100%;width:100%;object-fit:cover;transition:transform .5s var(--bezierFastoutSlowin)}.articles__post-content:hover .articles__post-image img,.articles__post-content:hover .articles__post-image video{transform:scale3d(1.1,1.1,1)}.articles__post-image-tag{position:absolute;bottom:-10px;left:calc(70% - 60px);padding:0 10px;text-align:center;width:60px;font-size:14px;font-weight:var(--fontWeightMedium);color:var(--colorTextLight)}
/*# sourceMappingURL=5.5fee78e4.chunk.css.map */