@layer layout{@property --background1{syntax:"<color>";inherits:true;initial-value:#0000}@property --background2{syntax:"<color>";inherits:true;initial-value:#0000}@property --background3{syntax:"<color>";inherits:true;initial-value:#0000}._post_opidu_39{--contentWidth:740px;--gutterWidth:100px;--mainColumn:3}@media (width<=1040px){._post_opidu_39{--mainColumn:1}}@media (width<=1680px){._post_opidu_39{--contentWidth:680px;--gutterWidth:60px}}@media (width<=1096px){._post_opidu_39{--contentWidth:660px;--gutterWidth:50px}}._post_opidu_39{display:grid;position:relative;overflow-x:hidden}._header_opidu_87{grid-template-columns:1fr var(--gutterWidth) var(--contentWidth) var(--gutterWidth) 1fr;gap:var(--gutter);align-items:center;display:grid}@media (width<=1040px){._header_opidu_87{grid-template-columns:100%}}._headerText_opidu_109{width:100%;height:100%;padding-top:var(--space5XL);justify-content:center;justify-self:flex-end;gap:var(--space2XL);flex-direction:column;grid-column:3;max-width:800px;display:flex;position:relative}@media (width<=1040px){._headerText_opidu_109{gap:var(--spaceXL);grid-column:1;max-width:none}}@media (width<=696px),(height<=696px){._headerText_opidu_109{padding:calc(var(--mobileNavOffset) + var(--spaceL)) 0 0}}._date_opidu_157{gap:var(--spaceM);grid-template-columns:100px 1fr;align-items:center;display:grid;position:relative}@media (width<=1040px){._date_opidu_157{gap:var(--spaceS)}}._dateText_opidu_181{color:var(--primary);opacity:0;transition:opacity var(--durationXL) ease;transform:translate(-5%)}@media (prefers-reduced-motion:no-preference){._dateText_opidu_181{transition:opacity var(--durationXL) ease, transform var(--durationXL) var(--bezierFastoutSlowin)}}._dateText_opidu_181[data-visible=true]{opacity:1;transform:none}@keyframes _postTitleWord_opidu_1{0%{transform:translateY(110%)}to{transform:translate(0,0)}}._titleWordWrapper_opidu_235{display:inline-flex;position:relative;overflow:hidden}._titleWord_opidu_235{white-space:pre;display:inline-flex}@media (prefers-reduced-motion:no-preference){._titleWord_opidu_235{animation-name:_postTitleWord_opidu_1;animation-timing-function:var(--bezierFastoutSlowin);animation-duration:var(--durationXL);animation-delay:var(--delay);animation-fill-mode:forwards;transform:translateY(110%)}}._banner_opidu_275{inset:calc(var(--gutterWidth) * -1);isolation:isolate;height:70vh;position:absolute;top:0;overflow:hidden}@media (width<=1040px){._banner_opidu_275{inset:0}}@media (width<=696px){._banner_opidu_275{inset:calc(var(--spaceOuter) * -1)}}._banner_opidu_275:after{--background1:color-mix(in lab, var(--background) 70%, transparent);--background2:color-mix(in lab, var(--background) 90%, transparent);--background3:var(--background);content:"";z-index:var(--zIndex1);transition:var(--durationM) ease;background:linear-gradient(var(--background1), var(--background2), var(--background3));transition-property:--background1,--background2,--background3;position:absolute;inset:0}@supports (background:linear-gradient(in lab, red, red)){._banner_opidu_275:after{background:linear-gradient(in lab, var(--background1), var(--background2), var(--background3))}}._banner_opidu_275 img,._banner_opidu_275 video{object-fit:cover;width:100%;height:70vh}._bannerImage_opidu_379,._bannerImageBlur_opidu_381{position:absolute;inset:0}._bannerImageBlur_opidu_381{opacity:var(--blurOpacity,0);will-change:opacity;transform:translateZ(0)}._details_opidu_403{justify-content:space-between;align-items:center;gap:var(--spaceM);display:flex}._arrow_opidu_417{left:calc(var(--spaceL) * -1);padding:var(--spaceL);opacity:0;position:relative}._arrow_opidu_417{animation:fade-in .6s var(--bezierFastoutSlowin) 1s forwards}._arrow_opidu_417 svg{stroke:color-mix(in lab, var(--text) 50%, transparent)}@media (width<=1040px){._arrow_opidu_417{left:calc(var(--spaceL) * -1)}}@media (width<=696px){._arrow_opidu_417{align-self:flex-start;position:relative}}._timecode_opidu_465{color:var(--textLight);padding:var(--spaceL) 0;opacity:0;grid-template-columns:60px 1fr;align-items:center;gap:10px;font-size:16px;display:grid}._timecode_opidu_465{animation:fade-in .6s var(--bezierFastoutSlowin) 1s forwards}._timecode_opidu_465:before{content:"";background:color-mix(in lab, var(--text) 40%, transparent);height:2px}._wrapper_opidu_507{padding-bottom:var(--space2XL);padding-top:calc(var(--gutterWidth) + var(--space2XL));flex-direction:column;display:flex;overflow:hidden}@media (width<=1040px){._wrapper_opidu_507{padding-top:calc(var(--gutterWidth) + var(--spaceXL))}}._content_opidu_531{opacity:0;grid-template-columns:1fr var(--gutterWidth) var(--contentWidth) var(--gutterWidth) 1fr;align-self:center;width:100%;display:grid}._content_opidu_531{animation:fade-in 1.2s var(--bezierFastoutSlowin) 1s forwards}@media (width<=1040px){._content_opidu_531{grid-template-columns:100%}}._content_opidu_531>*{grid-column:var(--mainColumn)}._heading_1ckm2_3{scroll-margin-top:calc(var(--spaceOuter) + var(--spaceS));position:relative}@media (width<=696px){._heading_1ckm2_3{scroll-margin-top:var(--mobileNavOffset)}}._heading_1ckm2_3+._heading_1ckm2_3{margin-top:.8em}:where(._paragraph_1ckm2_27,._list_1ckm2_27,._image_1ckm2_27)+._heading_1ckm2_3{margin-top:1.6em}._headingLink_1ckm2_37{color:var(--textLight);padding:var(--spaceS);opacity:0;transition:opacity var(--durationS) ease;position:absolute;top:.6em;transform:translate(-100%,-50%)}._heading_1ckm2_3:hover ._headingLink_1ckm2_37,._headingLink_1ckm2_37:focus{opacity:1}@media (width<=696px){._headingLink_1ckm2_37{padding:0}}._paragraph_1ckm2_27,._list_1ckm2_27{--lineHeightBody:1.7}._heading_1ckm2_3+:is(._paragraph_1ckm2_27,._list_1ckm2_27){margin-top:1.2em}:is(._paragraph_1ckm2_27,._list_1ckm2_27)+:is(._paragraph_1ckm2_27,._list_1ckm2_27){margin-top:1.4em}@media (width<=696px){._paragraph_1ckm2_27,._list_1ckm2_27{-webkit-hyphens:auto;hyphens:auto}}._image_1ckm2_27{margin:var(--space2XL) 0;grid-column:2/span 3;width:100%;max-width:100%;height:auto}._image_1ckm2_27+._image_1ckm2_27{margin-top:0}@media (width<=1040px){._image_1ckm2_27{grid-column:1;margin:60px 0}}._code_1ckm2_143{color:var(--textLight);background:color-mix(in lab, var(--text) 8%, transparent);--size:3px;--angle:180deg;--mask:#0000 var(--angle), #000 0;-webkit-mask:conic-gradient(white 0 25%, #0000 0 50%, white 0 75%, white 0 75%), conic-gradient(from calc(var(--angle) / -2 + 135deg) at bottom var(--size) right var(--size), var(--mask)) 100% 100% / 50% 51% no-repeat;mask:conic-gradient(white 0 25%, #0000 0 50%, white 0 75%, white 0 75%), conic-gradient(from calc(var(--angle) / -2 + 135deg) at bottom var(--size) right var(--size), var(--mask)) 100% 100% / 50% 51% no-repeat;padding:.2em .6em .2em .4em;font-size:.9em}._pre_1ckm2_179{margin:var(--space3XL) calc(var(--space2XL) * -1)}._pre_1ckm2_179+._pre_1ckm2_179{margin-top:0}@media (width<=1040px){._pre_1ckm2_179{margin:var(--space2XL) calc(var(--spaceXL) * -1)}}@media (width<=696px){._pre_1ckm2_179{margin:var(--space2XL) calc(var(--spaceOuter) * -1)}}._hr_1ckm2_211{margin:var(--space4XL) 0;border:0;border-top:1px solid color-mix(in lab, var(--text) 10%, transparent)}@media (width<=1040px){._hr_1ckm2_211{margin:var(--space3XL) 0}}@media (width<=696px){._hr_1ckm2_211{margin:var(--space2XL) 0}}._blockquote_1ckm2_239{margin:var(--space3XL) 0;border-left:2px solid var(--accent);color:var(--textLight);padding:.8em 0 .8em 2em}._blockquote_1ckm2_239>:where(._paragraph_1ckm2_27,._list_1ckm2_27){color:inherit}@media (width<=1040px){._blockquote_1ckm2_239{margin:var(--space2XL) 0}}@media (width<=696px){._blockquote_1ckm2_239{margin:var(--space2XL) 0}}._strong_1ckm2_277{font-weight:var(--fontWeightBold)}._embed_1ckm2_285{aspect-ratio:16/10;width:100%;margin:var(--space3XL) 0;grid-column:2/span 3}._pre_1ckm2_179+._embed_1ckm2_285,._embed_1ckm2_285+._embed_1ckm2_285{margin-top:0}._embed_1ckm2_285 iframe{border:0;width:100%;height:100%}@media (width<=1040px){._embed_1ckm2_285{margin:var(--space2XL) 0;grid-column:1}}}@layer components{._code_1t56o_3{--padding:var(--space2XL);color:var(--textBody);position:relative}@media (width<=1040px){._code_1t56o_3{--padding:var(--spaceXL)}}@media (width<=696px){._code_1t56o_3{--padding:var(--spaceL)}}._code_1t56o_3:before{content:"";background-color:var(--surface);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);position:absolute;inset:0}._code_1t56o_3 pre{padding:calc(var(--padding) + var(--spaceS)) var(--padding);position:relative;overflow-x:auto;transform:translateZ(0)}._code_1t56o_3[data-theme=dark]{--surface:#1a1a1c;--className:#5de4c7;--comment:#a6accd;--punctuation:#e4f0fb;--property:#e4f0fb;--boolean:#5de4c7;--string:#5de4c7;--operator:#add7ff;--function:#5de4c7;--keyword:#add7ff;--literal:#fffac2;--falsy:#f087bd;--char:#add7ff}._code_1t56o_3[data-theme=light]{--surface:#fff;--comment:#0009;--keyword:#00378c;--string:#04626c;--boolean:#04626c;--punctuation:#0006;--function:#04626c;--className:#04626c;--operator:#a8093f;--char:#00378c}._code_1t56o_3 code,._code_1t56o_3 pre{height:auto;font-size:var(--fontSizeBodyS);line-height:var(--lineHeightBody);white-space:pre}._code_1t56o_3 .namespace{opacity:.7}._code_1t56o_3 .token.attr-name{color:var(--keyword)}._code_1t56o_3 .token.comment,._code_1t56o_3 .token.block-comment,._code_1t56o_3 .token.prolog,._code_1t56o_3 .token.doctype,._code_1t56o_3 .token.cdata{color:var(--comment)}._code_1t56o_3 .token.property,._code_1t56o_3 .token.number,._code_1t56o_3 .token.function-name,._code_1t56o_3 .token.constant,._code_1t56o_3 .token.symbol,._code_1t56o_3 .token.deleted{color:var(--primitive)}._code_1t56o_3 .token.boolean{color:var(--boolean)}._code_1t56o_3 .token.tag{color:var(--tag)}._code_1t56o_3 .token.string{color:var(--string)}._code_1t56o_3 .token.punctuation{color:var(--punctuation)}._code_1t56o_3 .token.selector,._code_1t56o_3 .token.char,._code_1t56o_3 .token.builtin,._code_1t56o_3 .token.inserted{color:var(--char)}._code_1t56o_3 .token.function{color:var(--function)}._code_1t56o_3 .token.operator,._code_1t56o_3 .token.entity,._code_1t56o_3 .token.url,._code_1t56o_3 .token.variable{color:var(--variable)}._code_1t56o_3 .token.attr-value{color:var(--string)}._code_1t56o_3 .token.keyword{color:var(--keyword)}._code_1t56o_3 .token.atrule,._code_1t56o_3 .token.class-name{color:var(--className)}._code_1t56o_3 .token.important{font-weight:var(--fontWeightRegular)}._code_1t56o_3 .token.bold{font-weight:var(--fontWeightBold)}._code_1t56o_3 .token.italic{font-style:italic}._code_1t56o_3 .token.entity{cursor:help}._actions_1t56o_317{right:var(--spaceM);bottom:var(--spaceM);opacity:0;transition:opacity var(--durationS) var(--bezierFastoutSlowin);position:absolute}._code_1t56o_3:hover ._actions_1t56o_317,._actions_1t56o_317:focus-within{opacity:1}@media (width<=696px){._actions_1t56o_317{opacity:1}}._copyIcon_1t56o_351{display:grid}._copyIcon_1t56o_351 svg{opacity:0;transition-property:opacity;transition-duration:var(--durationS);transition-timing-function:var(--bezierFastoutSlowin);grid-area:1/1}@media (prefers-reduced-motion:no-preference){._copyIcon_1t56o_351 svg{transition-property:opacity,transform;transform:scale(.5)}}._copyIcon_1t56o_351 svg[data-visible=true]{opacity:1;transform:none}._lang_1t56o_395{font-family:var(--monoFontFamily);top:0;left:var(--padding);background:var(--background);padding:var(--spaceXS) var(--spaceM);-webkit-user-select:none;user-select:none;position:absolute;transform:translateY(-50%)}}