.SupportChecker_supportChecker__PbnIJ{padding:16px;border:1px dashed hsl(var(--color-green));border-radius:8px;margin-top:16px;background:hsl(var(--color-green)/.2)}.SupportChecker_supportChecker__PbnIJ a{font-weight:700;word-break:break-word}.SupportChecker_supportCheckerNotSupported__6jY0c{border:1px dashed hsl(var(--color-red));background:hsl(var(--color-red)/.2)}.AccentColorExample_wrapper__KStzP{accent-color:var(--colorAccent);display:grid;grid-gap:24px 16px;gap:24px 16px;padding:16px;border:1px dashed hsl(var(--textColor)/.64);border-radius:4px;background:hsl(var(--colorWhite)/.9);font-size:1.6rem}@media (min-width:768px){.AccentColorExample_wrapper__KStzP{grid-template-columns:min-content min-content;justify-content:space-between}}.AccentColorExample_controls__grHJ5{display:flex;align-items:flex-start;gap:16px}.AccentColorExample_radio___W439{display:flex;align-items:center;gap:10px;max-width:100%}.AccentColorExample_radio___W439 input,.AccentColorExample_radio___W439 label{cursor:pointer}.AccentColorExample_preview__WFs4L{display:flex;flex-wrap:wrap;align-items:center;gap:20px}@media (min-width:768px){.AccentColorExample_preview__WFs4L{flex-wrap:nowrap}}.AccentColorExample_preview__WFs4L input[type=text]{height:30px;padding:4px 8px;font-family:SF Mono,Ubuntu Mono,monospace;font-size:1.6rem;line-height:1}.ContainerQueriesExample_container__XasDv{container-type:size;resize:horizontal;overflow:auto;width:50%;max-width:100%;height:50px;padding:8px;background:hsl(var(--color-black)/.16)}.ContainerQueriesExample_container__XasDv+button{margin-top:16px}@media (min-width:768px){.ContainerQueriesExample_container__XasDv+button{display:none}}.ContainerQueriesExample_child__NnSGB{pointer-events:none;display:flex;align-items:center;height:100%;border-radius:8px;background:hsl(var(--color-black))}@container (min-width: 300px){.ContainerQueriesExample_child__NnSGB{background:hsl(var(--color-accent))}}.CSSNestingExample_styledOutput__x6NfF{display:block;padding:2rem;background:hsl(var(--textColor)/.08);border:1px dashed #ccc;border-radius:8px}@media (min-width:1024px){.CSSNestingExample_styledOutput__x6NfF{font-style:italic}}.CSSNestingExample_styledOutput__x6NfF strong,:root body[data-theme=dark] .CSSNestingExample_styledOutput__x6NfF strong{color:hsl(var(--color-green))}.DialogExample_styledDialog__4OYfE{border:none;border-radius:8px;padding:64px;box-shadow:0 0 8px 8px rgba(0,0,0,.1)}.DialogExample_styledDialog__4OYfE::backdrop{background:rgba(0,0,32,.5);backdrop-filter:blur(2px)}.DialogExample_styledDialog__4OYfE button{font-size:14px;font-weight:600;color:hsl(var(--color-blue-default))}.DialogExample_scrollDialog__bBUaI{max-width:300px;max-height:200px}.DialogExample_scrollDialog__bBUaI div{display:grid;justify-items:start;grid-gap:16px;gap:16px}.DialogExample_scrollDialog__bBUaI fieldset{display:flex;align-items:center;gap:8px;font-size:14px}.DialogExample_scrollDialog__bBUaI button,.DialogExample_scrollDialog__bBUaI label{font-weight:600}.DialogExample_scrollDialog__bBUaI hr{width:100%}.DialogExample_animatedDialog__tqFHR{animation:DialogExample_fadeIn__FRAov .25s ease-in}.DialogExample_animatedDialog__tqFHR::backdrop{animation:DialogExample_fadeIn__FRAov .25s ease-in}@keyframes DialogExample_fadeIn__FRAov{0%{opacity:0}to{opacity:1}}.HasPseudoClassExample_wrapper__xV3oA{display:flex;flex-wrap:wrap;gap:10px}.HasPseudoClassExample_box__MFPA_{flex:1;padding:8px;min-height:100px;border:1px dashed hsl(var(--color-black)/.32);border-radius:4px;background:hsl(var(--color-black)/.1)}.HasPseudoClassExample_box__MFPA_ p{font-size:14px}.HasPseudoClassExample_box__MFPA_:has(p){border-color:hsl(var(--color-accent)/.64);background:hsl(var(--color-accent)/.32)}.HasPseudoClassExample_inner__6EvVg{padding:4px;border:1px dashed hsl(var(--color-black)/.32);border-radius:4px;background:hsl(var(--color-black)/.1)}.SubGridExample_news__i1Gcc{display:grid;grid-gap:10px;gap:10px}@media (min-width:360px){.SubGridExample_news__i1Gcc{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,min-content min-content)}}@media (min-width:1024px){.SubGridExample_news__i1Gcc{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,min-content min-content)}}.SubGridExample_post__sDs_t{display:grid;grid-template-rows:subgrid;grid-row:span 2;padding:4px;border:1px dashed hsl(var(--textColor)/.32);border-radius:4px}.SubGridExample_post__sDs_t h3{display:flex;align-items:center;justify-content:center;padding:12px;margin-bottom:0!important;background:hsl(var(--textColor)/.1);text-align:center}.SubGridExample_thumbnail___lwIZ{align-self:center;padding:10px;border-radius:0}@use "/src/assets/scss/media";.ViewportUnitsExample_rulers__juGdm{display:flex;justify-content:flex-end;align-items:flex-start;width:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:hsl(var(--color-white)/.9)}.ViewportUnitsExample_rulers__juGdm>div{display:flex;justify-content:center;align-items:flex-start;width:25vw;bottom:0;border-bottom:4px solid hsl(var(--color-red));transition:all 1s ease}@media (min-width:1024px){.ViewportUnitsExample_rulers__juGdm>div{width:10vw}}.ViewportUnitsExample_rulers__juGdm>div span{display:inline-block;margin-top:5vh;color:#fff;font-size:2rem}@media (min-width:1440px){.ViewportUnitsExample_rulers__juGdm>div span{font-size:3rem}}.ViewportUnitsExample_rulers__juGdm button{width:-moz-max-content;width:max-content;position:absolute;bottom:32px;left:50%;z-index:1;border:2px solid #fff;transform:translateX(-50%)}@media (min-width:1024px){.ViewportUnitsExample_rulers__juGdm button{bottom:64px;left:64px;right:auto;transform:translateX(0);border:none}}.ViewportUnitsExample_svh__W25OQ{height:100svh;right:0;background:hsl(var(--color-blue-light))}.ViewportUnitsExample_dvh__R2p1j{height:100dvh;background:hsl(var(--color-blue-default))}.ViewportUnitsExample_lvh__YKeiH{height:100lvh;background:hsl(var(--color-blue-dark))}.ViewportUnitsExample_vh__Ly7Vb{height:100vh;background:hsl(var(--color-black))}.Pattern_pattern__8wLs0{--offset:32px;--offset-negative:-32px;position:absolute;z-index:0;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width:1024px){.Pattern_pattern__8wLs0{--offset:64px}}.Pattern_pattern__8wLs0 svg{height:164px;width:164px;transform:scale(1.4);opacity:.4}@media (min-width:1024px){.Pattern_pattern__8wLs0 svg{padding-left:0;opacity:1;transform:none;width:256px;height:256px}}.Pattern_pattern__8wLs0 svg circle{fill:hsl(var(--color-text)/10%)}.Pattern_topRight__wfIvE{top:0;right:0;left:auto;bottom:auto;transform:translate(var(--offset),var(--offset-negative))}.Pattern_bottomRight__cWLqU{top:auto;right:0;bottom:0;left:auto;transform:translate(var(--offset),var(--offset))}.Pattern_topLeft__YYJvP{top:0;left:0;transform:translate(var(--offset-negative),var(--offset-negative))}.Pattern_bottomLeft__Rh0B4{top:auto;right:auto;bottom:0;left:0;transform:translate(var(--offset-negative),var(--offset))}.Hero_hero__6230T{display:flex;flex-direction:column;position:relative;min-height:360px;padding:32px 16px 0}@media (min-width:640px){.Hero_hero__6230T{max-width:600px;min-height:420px;margin:0 auto}}@media (min-width:1024px){.Hero_hero__6230T{max-width:700px;min-height:480px}}.Hero_content__3gZ6z{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;text-align:center;position:relative;z-index:1}.Hero_content__3gZ6z h1{line-height:1.2;text-wrap:balance}@media (min-width:1024px){.Hero_content__3gZ6z p{max-width:640px}}.Hero_content__3gZ6z p br{display:none}@media (min-width:1024px){.Hero_content__3gZ6z p br{display:inline}}.Thumbnail_thumbnail__Db1n3{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;height:320px;border:1px solid hsl(var(--color-text)/.1);border-radius:12px;background:hsl(var(--color-black))}@media (min-width:1024px){.Thumbnail_thumbnail__Db1n3{height:400px}}.Thumbnail_thumbnail__Db1n3>:first-child{z-index:1}.Thumbnail_thumbnail__Db1n3 svg circle{fill:hsl(var(--color-white)/.1)!important}.Thumbnail_wave__WoFS4{position:absolute;bottom:0;left:0;width:100%;opacity:.2}@media (min-width:640px){.Thumbnail_wave__WoFS4{top:30%}}@media (min-width:1024px){.Thumbnail_wave__WoFS4{top:auto}}@media (min-width:1200px){.Thumbnail_wave__WoFS4{top:30%}}.Tags_tags__4u99l{grid-area:tags;display:flex;flex-wrap:wrap;gap:6px 4px}@media (min-width:768px){.Tags_tags__4u99l{gap:8px}@media (min-width:1024px){.Tags_tags__4u99l{padding-left:0}}}.Tags_tags__4u99l li{display:inline-flex;align-items:center;position:relative;overflow:hidden;height:32px;padding:4px 16px 8px;border-radius:32px;background-color:hsl(var(--color-accent)/.2);color:hsl(var(--color-accent));font-size:1.6rem;font-weight:600}.Tags_tags__4u99l li:before{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:hsl(var(--color-white))}@media (min-width:768px){.Tags_tags__4u99l li{font-size:1.8rem;padding:4px 24px 8px}}.DateDisplay_dateDisplay__oLdy_{grid-area:date;width:100%;height:24px;display:flex;justify-content:center;align-items:center;font-size:1.8rem}.DateDisplay_dateDisplay__oLdy_ span{margin-left:.5em;font-weight:600}.DateDisplay_dateDisplay__oLdy_ svg{width:2rem;height:2rem;transform:translateY(1px)}.DateDisplay_dateDisplay__oLdy_ svg path{stroke:hsl(var(--color-text))}.PostsList_postsList__fKP2i{display:grid;grid-gap:64px;gap:64px;margin-bottom:64px}@media (min-width:768px){.PostsList_postsList__fKP2i{margin-bottom:128px}}@media (min-width:1024px){.PostsList_postsList__fKP2i{grid-template-columns:1fr 1fr}}.PostsList_post__wPvhf{display:grid;grid-template-columns:1fr 128px;grid-template-areas:"thumbnail thumbnail" "title title" "excerpt excerpt" "tags date";grid-gap:16px;gap:16px}@media (min-width:768px){.PostsList_post__wPvhf{gap:32px 16px}}.PostsList_post__wPvhf h2{font-size:2.4rem}@media (min-width:1024px){.PostsList_post__wPvhf h2{font-size:2.4rem}}.PostsList_thumbnailLink__lC0zC{grid-area:thumbnail;border-radius:8px}.PostsList_title__b6Rxb{grid-area:title}.PostsList_excerpt__bOLgM{grid-area:excerpt}.PostThumbnail_thumbnailWrapper__QcHRQ{margin:0 auto 32px;max-width:calc(100% - 32px)}@media (min-width:640px){.PostThumbnail_thumbnailWrapper__QcHRQ{max-width:600px}}@media (min-width:1200px){.PostThumbnail_thumbnailWrapper__QcHRQ{max-width:768px}}.CodeBlock_code__T1qDC{position:relative}.CodeBlock_code__T1qDC div:first-child{margin:0!important}.CodeBlock_code__T1qDC pre{border-radius:16px;padding:0!important}.CodeBlock_code__T1qDC pre:before{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(45deg,hsl(var(--color-white)/0) 0,hsl(var(--color-white)/.15) 100%)}.CodeBlock_code__T1qDC code{padding:24px 8px}@media (min-width:360px){.CodeBlock_code__T1qDC code{padding:32px 24px}}.CodeBlock_code__T1qDC code [data-bright-ln]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.CodeModule_codeModule__wEmX0{min-width:0}.page_main__qATn_{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.page_main__qATn_ section{width:100%}.page_main__qATn_:before{content:"";position:absolute;z-index:-1;left:0;bottom:0;transform:translate(-50%,50%);width:100vw;height:100vw;background-image:radial-gradient(hsl(var(--color-blue-default)/.3) 0,hsl(var(--color-white)/1) 70%,hsl(var(--color-white)/1) 80%)}.page_wrapper__M_wC1{display:grid;align-items:center;grid-gap:16px;gap:16px;padding-top:64px;padding-bottom:64px}@media (min-width:360px){.page_wrapper__M_wC1{gap:48px 16px}}@media (min-width:1200px){.page_wrapper__M_wC1{grid-template-columns:1fr 1fr}}.PostContent_wrapper__pIdSR{display:block;grid-template-columns:minmax(0,1fr)}@media (min-width:768px){.PostContent_wrapper__pIdSR{max-width:700px;margin:0 auto}}.PostContent_wrapper__pIdSR p{line-height:1.6}.PostContent_wrapper__pIdSR h2{font-size:2.4rem}.PostContent_wrapper__pIdSR h3{font-size:1.8rem}.PostContent_wrapper__pIdSR h2:not(:last-child),.PostContent_wrapper__pIdSR h3:not(:last-child),.PostContent_wrapper__pIdSR h4:not(:last-child),.PostContent_wrapper__pIdSR h5:not(:last-child),.PostContent_wrapper__pIdSR h6:not(:last-child),.PostContent_wrapper__pIdSR p:not(:last-child){margin-bottom:1em}.PostContent_wrapper__pIdSR code:not(:first-child),.PostContent_wrapper__pIdSR h2:not(:first-child),.PostContent_wrapper__pIdSR h3:not(:first-child),.PostContent_wrapper__pIdSR h4:not(:first-child),.PostContent_wrapper__pIdSR h5:not(:first-child),.PostContent_wrapper__pIdSR h6:not(:first-child){margin-top:2em}.PostContent_wrapper__pIdSR ol,.PostContent_wrapper__pIdSR ul{margin-bottom:20px;padding-left:30px;font-size:1.8rem}.PostContent_wrapper__pIdSR ul{list-style:disc}.PostContent_wrapper__pIdSR ol{list-style:decimal}.PostContent_wrapper__pIdSR li{line-height:1.6}.PostContent_wrapper__pIdSR p~pre{margin-top:4rem;margin-bottom:4rem}.PostContent_wrapper__pIdSR button~p{margin-top:1em}.PostContent_wrapper__pIdSR em{font-style:italic}.PostContent_wrapper__pIdSR li>a,.PostContent_wrapper__pIdSR p>a{-webkit-text-decoration:underline;text-decoration:underline;color:hsl(var(--color-accent))}.PostContent_wrapper__pIdSR li code,.PostContent_wrapper__pIdSR p code{padding:0 .125em;border-radius:4px;margin:0 .125em;background:hsl(var(--color-grey-default));color:hsl(var(--color-black))}.PostContent_wrapper__pIdSR figure{margin-bottom:2rem}.PostContent_wrapper__pIdSR figure img{border:1px solid #dedede;display:block;margin:0 auto;border-radius:8px;overflow:hidden}.PostContent_wrapper__pIdSR figure figcaption,.PostContent_wrapper__pIdSR img+a{display:block;font-size:1.4rem;color:hsl(var(--color-text)/.75);text-align:center;width:-moz-max-content;width:max-content;max-width:100%;margin:.5em auto}.PostContent_wrapper__pIdSR abbr{cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.PostContent_wrapper__pIdSR .pros-and-cons{display:flex;align-items:baseline;gap:8px;padding-top:24px;border-top:1px solid hsl(var(--color-text)/.1);margin-bottom:32px}@media (min-width:768px){.PostContent_wrapper__pIdSR .pros-and-cons{grid-template-columns:1fr 1fr}}.PostContent_wrapper__pIdSR .pros-and-cons ul{list-style:"";padding-left:0}.PostContent_wrapper__pIdSR .pros-and-cons ul li{display:grid;grid-template-columns:20px calc(100% - 16px)}.PostContent_wrapper__pIdSR .pros-and-cons ul li:before{content:"";font-weight:600;line-height:inherit;transform:translateY(-.25rem)}.PostContent_wrapper__pIdSR .pros-and-cons ul:first-child li:before{content:"+";color:hsl(var(--color-green))}.PostContent_wrapper__pIdSR .pros-and-cons ul:last-child li:before{content:"-";color:hsl(var(--color-red))}.PostContent_wrapper__pIdSR .curiosity{background:hsl(var(--color-blue-default));border-radius:8px;padding:16px;color:#fff;margin-bottom:1.6rem;display:grid;grid-template-columns:48px 1fr;overflow:hidden}.PostContent_wrapper__pIdSR .curiosity:before{content:"🤔";grid-row:span 2;display:flex;justify-content:center;align-items:start;font-size:3rem;width:48px;min-width:48px;background:hsl(var(--color-blue-dark),.2);margin:0 0 0 -8px}.PostContent_wrapper__pIdSR .curiosity a{color:hsl(var(--color-white))}.PostContent_wrapper__pIdSR .curiosity s{opacity:.7}.PostContent_wrapper__pIdSR .progress{display:grid;grid-template-columns:64px 1fr 64px;align-items:center;grid-gap:16px;gap:16px;width:100%;margin-bottom:24px}.PostContent_wrapper__pIdSR .progress label,.PostContent_wrapper__pIdSR .progress span{font-size:1.4rem;font-weight:600}.PostContent_wrapper__pIdSR .progress span{text-align:right}.PostContent_wrapper__pIdSR .progress progress{width:100%;background:hsl(var(--color-text)/.16);height:1rem;border:0;border-radius:4px;overflow:hidden}.PostContent_wrapper__pIdSR .progress progress::-webkit-progress-bar{background:hsl(var(--color-text)/.16)}.PostContent_wrapper__pIdSR .progress progress::-moz-progress-bar{background:hsl(var(--color-accent));border-radius:4px}.PostContent_wrapper__pIdSR .progress progress::-webkit-progress-value{background:hsl(var(--color-accent));border-radius:4px}.PostContent_wrapper__pIdSR .select{-webkit-user-select:all;-moz-user-select:all;user-select:all}.PostContent_wrapper__pIdSR .block-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}.PostContent_wrapper__pIdSR .columns{display:flex;flex-direction:column;gap:32px}@media (min-width:768px){.PostContent_wrapper__pIdSR .columns{flex-direction:row}}.Socials_icons__yMG02{grid-area:socials;display:flex;gap:16px;list-style:none}.Socials_icons__yMG02 .Socials_icon__JlZwD{display:block;min-width:24px}.Socials_icons__yMG02 .Socials_icon__JlZwD path{fill:hsl(var(--color-text));transition:fill .16s ease-out}.Socials_icons__yMG02 .Socials_icon__JlZwD:hover path{fill:hsl(var(--color-accent))}.PostSources_sources__Girth{grid-column:1/-1;display:grid;width:100%;max-width:700px;margin:64px auto 0}.PostSources_sources__Girth h2{font-size:2.4rem;margin-bottom:1em}.PostSources_sources__Girth ul{max-width:100%;overflow:hidden}.PostSources_sources__Girth li{font-size:.9em;line-height:1.6;padding-bottom:.5em}.PostSources_sources__Girth li span{font-style:italic}.PostSources_sources__Girth li a{margin-left:8px;overflow:hidden;display:block;color:hsl(var(--color-accent));text-overflow:ellipsis;white-space:nowrap;transform:translateX(-8px)}.PostFooter_postFooter__JX3G_{margin:64px 0}@media (min-width:1200px){.PostFooter_postFooter__JX3G_{margin-top:128px}}.PostFooter_content__8DHud{display:grid;align-items:center;max-width:700px;margin:0 auto}@media (min-width:640px){.PostFooter_content__8DHud{max-width:600px}}@media (min-width:768px){.PostFooter_content__8DHud{max-width:600px;grid-template-columns:1fr min-content}}@media (min-width:1024px){.PostFooter_content__8DHud{max-width:700px;padding:0}}.PostFooter_top__fjMfa{align-items:center;border-top:1px solid hsl(var(--color-text)/.1);grid-template-areas:"info" "date"}@media (min-width:768px){.PostFooter_top__fjMfa{grid-template-areas:"info date";border-bottom:1px solid hsl(var(--color-text)/.1)}}.PostFooter_bottom__l0pos{justify-items:center;gap:32px;grid-template-areas:"tags" "socials";margin-top:32px}@media (min-width:768px){.PostFooter_bottom__l0pos{justify-items:legacy;grid-template-areas:"tags socials"}}