.BlogHero_wrapper__M743_{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;max-width:var(--outer-content-width);margin:0 auto}.BlogHero_content__ioSG7{position:relative;width:100%;max-width:var(--content-width);padding:var(--viewport-padding);padding-top:calc(48px + 8vw);padding-bottom:64px}.BlogHero_content__ioSG7 h1{margin-bottom:.5rem}.BlogHero_content__ioSG7 p{font-size:1.125rem;color:var(--color-decorative-900);margin-bottom:0;font-weight:400}.BlogHero_content__ioSG7 time{font-weight:500}@media (min-width:35rem){.BlogHero_content__ioSG7 p{font-size:1.25rem}}.postSlug_wrapper__QrzFu{padding-bottom:64px;position:relative;z-index:2}.postSlug_page__76f9S{position:relative;display:grid;grid-template-columns:1fr min(var(--trimmed-content-width),100%) 1fr;max-width:var(--outer-content-width);margin:0 auto;padding:64px var(--viewport-padding) 32px;background:var(--color-page-background);box-shadow:var(--shadow-page)}.postSlug_page__76f9S>*{grid-column:2}@media (min-width:80rem){.postSlug_page__76f9S{border:1px solid var(--color-page-border);border-radius:8px}}.Card_wrapper__r1iDw{padding:var(--viewport-padding);margin-left:calc(var(--viewport-padding) * -1);margin-right:calc(var(--viewport-padding) * -1);margin-bottom:64px;background:var(--color-card-background);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card)}@media (min-width:56rem){.Card_wrapper__r1iDw{border-radius:8px!important}}.VisuallyHidden_wrapper__HHEqF{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.Header_wrapper__Ys_tD{position:relative;display:flex;justify-content:space-between;align-items:start;height:var(--header-height);width:100%;max-width:var(--content-width);padding:0 var(--viewport-padding);margin-left:auto;margin-right:auto}.Header_actions__FHMH_{display:flex;gap:16px;align-items:center}.Header_action__N50qM{border:none;background:transparent;width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border-radius:1000px;color:var(--color-text);cursor:pointer;transition:background .2s}.Header_action__N50qM:hover{background:var(--color-decorative-100)}.Header_action__N50qM svg{display:block}.Header_titles__NmEIQ{display:flex;flex-direction:column;gap:8px}.Footer_wrapper__rpDYh{position:relative;display:flex;justify-content:center;text-align:center}.Footer_content__a1cH7{position:relative;display:flex;flex-direction:column;align-items:center;gap:64px;width:100%;max-width:var(--content-width);padding:0 var(--viewport-padding);padding-bottom:48px}.Footer_attribution__Rp2my{margin-top:24px;font-size:.875rem;color:var(--color-decorative-900);max-width:18rem}.Footer_attribution__Rp2my a{color:var(--color-gray-900);text-decoration:none;font-weight:700}.Footer_attribution__Rp2my a:hover{-webkit-text-decoration:revert;text-decoration:revert;text-underline-offset:.125em;text-decoration-thickness:1.5px}.Footer_linkHeading__z2ueN{font-size:1.25rem}.Footer_linkList__xbV8f{margin-top:24px;list-style-type:none;padding:0}.Footer_linkList__xbV8f li:not(:last-child){margin-bottom:8px}.Footer_linkList__xbV8f a{text-decoration:none;font-size:1rem}@media (min-width:35rem){.Footer_wrapper__rpDYh{padding-bottom:64px;text-align:revert}.Footer_content__a1cH7{flex-direction:row;justify-content:space-between;align-items:baseline;gap:32px}}.CircularColorsDemo_wrapper__xg3_r{display:flex;flex-direction:column;align-items:center;gap:32px;margin-left:auto;margin-right:auto}.CircularColorsDemo_colorsWrapper__Q_iUr{display:flex;gap:12px;padding:0;list-style-type:none}.CircularColorsDemo_color__q0wIq{position:relative}.CircularColorsDemo_colorBox__JD5nF{position:relative;width:70px;height:70px;border:none;border-radius:4px;opacity:.5;transition:opacity .4s}.CircularColorsDemo_selectedColorBox__8dwdm{opacity:1}.CircularColorsDemo_selectedColorOutline__h6G_A{position:absolute;inset:-8px;border:4px solid var(--color-text);border-radius:12px}.CircularColorsDemo_timeDisplay__YdKSL{display:flex;flex-direction:column;align-items:center}.CircularColorsDemo_timeDisplay__YdKSL dd{font-size:3rem;font-family:var(--font-family-mono)}.CircularColorsDemo_actions__p9sYG{display:flex;gap:2px;margin-top:16px}.CircularColorsDemo_actions__p9sYG button{--radius:5px;display:flex;justify-content:center;align-items:center;width:3rem;height:3rem;border:2px solid var(--color-gray-900);background:transparent;color:var(--color-gray-900);cursor:pointer;opacity:.6;transition:opacity .3s}.CircularColorsDemo_actions__p9sYG button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.CircularColorsDemo_actions__p9sYG button:last-child{border-radius:0 var(--radius) var(--radius) 0}.CircularColorsDemo_actions__p9sYG button:hover{opacity:1;transition:opacity 80ms}.CodeSnippet_wrapper__Qm4iy{border-radius:0!important;margin:0 calc(var(--viewport-padding) * -1) 64px!important;border:1px solid var(--color-card-border)}.CodeSnippet_wrapper__Qm4iy pre{padding:var(--viewport-padding)!important}.CodeSnippet_wrapper__Qm4iy code{font-family:var(--font-family-mono)}.CodeSnippet_wrapper__Qm4iy code>div{font-size:1.125rem;padding:0!important}@media (min-width:56rem){.CodeSnippet_wrapper__Qm4iy{border-radius:8px!important}}.BlogSummaryCard_wrapper__Rc4hL{width:100%;max-width:750px;margin-bottom:32px}.BlogSummaryCard_title__t18Ta{display:block;font-size:1.75rem;line-height:1.3;text-decoration:none;transition:color .2s;margin-bottom:.25rem}.BlogSummaryCard_title__t18Ta:hover{color:var(--color-primary)}.BlogSummaryCard_wrapper__Rc4hL time{display:block;margin-bottom:1rem;font-weight:500;font-size:1.125rem;color:var(--color-decorative-900)}.BlogSummaryCard_wrapper__Rc4hL p{font-size:1.125rem;margin-bottom:0}.BlogSummaryCard_arrow__Zo9hx{display:inline-block;font-family:Monaco,monospace;color:var(--color-primary);transition:transform .2s;font-weight:400}.BlogSummaryCard_continueReadingLink__DdkQ_{font-weight:600}.BlogSummaryCard_continueReadingLink__DdkQ_:hover{text-underline-offset:.125em}.BlogSummaryCard_continueReadingLink__DdkQ_:hover .BlogSummaryCard_arrow__Zo9hx{transform:translateX(4px)}.homepage_wrapper__hUDQo{display:flex;flex-direction:column;align-items:center;width:100%;max-width:var(--content-width);padding:64px var(--viewport-padding);margin:0 auto}.homepage_mainHeading__VGB_C{margin-top:1em;margin-bottom:1.5em}