.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:0}.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}.BlogHero_tags__GeeBO{display:flex;gap:8px}.BlogHero_tags__GeeBO span{color:var(--color-text-secondary);background-color:var(--color-primary-300);min-width:50px;width:max-content;border-radius:5000px;padding:0 8px;text-align:center}@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_content__hlpGi{grid-column:2}.postSlug_content__hlpGi>img{float:left;margin:0 24px 16px 0}@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;flex-direction:column;justify-content:space-between;align-items:start;height:var(--header-height);width:100%;max-width:var(--content-width);padding:16px var(--viewport-padding) 0;margin-left:auto;margin-right:auto;z-index:1}.DecorativeSwoops_wrapper__lQyjB{--stroke-color:var(--color-decorative-600);--stroke-width:3px;position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.DecorativeSwoops_blocker__6amIC{position:absolute;inset:calc(var(--stroke-width) * -1);width:calc(100% + 4px);min-width:800px;height:80%;max-width:revert}.DecorativeSwoops_blocker__6amIC path{fill:var(--color-backdrop);stroke:var(--stroke-color);stroke-width:var(--stroke-width)}html[data-color-theme=dark] .DecorativeSwoops_wrapper__lQyjB{--stroke-color:var(--color-decorative-300)}.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%;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_textWrapper___Oef5{display:flex;flex-direction:column;width:100%}.BlogSummaryCard_textWrapper___Oef5 time{display:block;margin-bottom:1rem;font-weight:500;font-size:1.125rem;color:var(--color-decorative-900)}.BlogSummaryCard_textWrapper___Oef5 p{font-size:1.125rem;margin-bottom:0}.BlogSummaryCard_content__ofMUU{display:flex;gap:24px}.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;margin-top:auto;align-self:flex-end}.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}