.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:1rem;padding:0!important}@media (min-width:56rem){.CodeSnippet_wrapper__Qm4iy{border-radius:8px!important}}.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}}.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}}.ToggleSlider_switch__IBXqJ{position:relative;width:48px;background-color:transparent;border:none;z-index:1}.ToggleSlider_switch__IBXqJ:after{content:"";position:absolute;z-index:1;top:0;left:5px;right:10px;bottom:0;margin:auto;height:3px;background:var(--color-gray-300);border-radius:10px}.ToggleSlider_slider__qL2_2{position:relative;width:20px;height:20px;border-radius:50%;background:var(--color-gray-300);z-index:2}.ToggleSlider_active__vFulf{background:var(--color-gray-900)}.ArrowShowPrimaryAxis_arrow__lxs3z.ArrowShowPrimaryAxis_row__XQ7PL{position:absolute;display:flex;align-items:center;width:100%;top:50%;transform:translateY(-50%)}.ArrowShowPrimaryAxis_arrow__lxs3z.ArrowShowPrimaryAxis_column__3jBDH{position:absolute;display:flex;flex-direction:column;align-items:center;height:100%;top:0;left:50%;transform:translateX(-50%)}.ArrowShowPrimaryAxis_arrow__lxs3z.ArrowShowPrimaryAxis_row__XQ7PL .ArrowShowPrimaryAxis_line__pjTjF{position:relative;width:100%;height:2px;background:var(--color-gray-900)}.ArrowShowPrimaryAxis_arrow__lxs3z.ArrowShowPrimaryAxis_column__3jBDH .ArrowShowPrimaryAxis_line__pjTjF{position:relative;width:2px;height:100%;background:var(--color-gray-900)}.ArrowShowPrimaryAxis_primaryAxisLabel__Zweyf{white-space:nowrap;overflow:hidden}.ArrowShowPrimaryAxis_arrow__lxs3z.ArrowShowPrimaryAxis_row__XQ7PL .ArrowShowPrimaryAxis_primaryAxisLabel__Zweyf{position:absolute;top:0;right:24px;transform:translateY(-100%);font-size:18px;font-weight:500}.ArrowShowPrimaryAxis_arrow__lxs3z.ArrowShowPrimaryAxis_column__3jBDH .ArrowShowPrimaryAxis_primaryAxisLabel__Zweyf{position:absolute;bottom:96px;right:0;transform-origin:bottom right;transform:rotate(90deg) translateX(100%);font-size:18px;font-weight:500}.ArrowShowPrimaryAxis_arrow__lxs3z.ArrowShowPrimaryAxis_row__XQ7PL .ArrowShowPrimaryAxis_point__mOqZy{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:16px solid var(--color-gray-900)}.ArrowShowPrimaryAxis_arrow__lxs3z.ArrowShowPrimaryAxis_column__3jBDH .ArrowShowPrimaryAxis_point__mOqZy{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:16px solid var(--color-gray-900)}.FlexboxDemo_wrapper__si_yF{display:flex;flex-direction:column;gap:20px;margin-top:12px;margin-bottom:48px;padding:24px;border:1px solid #fff;background-color:var(--color-gray-100)}.FlexboxDemo_demoWrapper__nJ_fb{display:flex;flex-direction:column;align-items:center;gap:32px}.FlexboxDemo_header__UCh_f{display:flex;justify-content:flex-end;align-items:center;gap:12px}.FlexboxDemo_description__oVp_X{font-size:1.2rem;margin:0}.FlexboxDemo_demoArea__6t6tr{position:relative;height:450px;display:flex;gap:8px;padding:12px;border:1px solid #fff}.FlexboxDemo_flexItem__fFOY5{padding:20px;border:3px solid var(--color-gray-700);border-radius:4px}.FlexboxDemo_button__VUCpH{font-weight:500;padding:6px 12px;background-color:transparent;color:var(--color-text);border:none;border-bottom:2px solid transparent}.FlexboxDemo_button__VUCpH:active,.FlexboxDemo_button__VUCpH:hover{border-bottom:2px solid #ffd43b}.FlexboxDemo_attributeSelector__g_vVv{display:flex;justify-content:space-evenly}.FlexboxDemo_selector__Ux8oF{display:flex;align-items:center;gap:12px}.FlexboxDemo_label__2cWJZ{flex:1 1 1;margin:0;padding:0;font-size:1rem;white-space:nowrap}.FlexboxDemo_select__ruY_x{flex:1 1 1;width:150px;padding:6px 0;color:#fff;background-color:var(--color-gray-300);border:none;border-radius:6px}.FlexboxDemo_arrow__YcWHw{position:absolute;display:flex;align-items:center;width:100%;top:50%;transform:translateY(-50%)}.FlexboxDemo_line__UhYkM{width:100%;height:2px;background:var(--color-gray-900)}.FlexboxDemo_point__u0NZs{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:16px solid var(--color-gray-900)}.FlexboxDemoWithAlignSelf_wrapper__scV9Z{display:flex;flex-direction:column;gap:20px;margin-top:12px;margin-bottom:48px;padding:24px;border:1px solid #fff;background-color:var(--color-gray-100)}.FlexboxDemoWithAlignSelf_demoWrapper__oApiI{display:flex;flex-direction:column;align-items:center;gap:32px}.FlexboxDemoWithAlignSelf_header__zjbfZ{display:flex;justify-content:flex-end;align-items:center;gap:12px}.FlexboxDemoWithAlignSelf_description__D6BYY{font-size:1.2rem;margin:0}.FlexboxDemoWithAlignSelf_demoArea__rbilI{position:relative;height:450px;display:flex;gap:8px;padding:12px;border:1px solid #fff}.FlexboxDemoWithAlignSelf_flexItem__S_I_O{padding:20px;border:3px solid var(--color-gray-700);border-radius:4px}.FlexboxDemoWithAlignSelf_button__xpWwz{font-weight:500;padding:6px 12px;background-color:transparent;color:var(--color-text);border:none;border-bottom:2px solid transparent}.FlexboxDemoWithAlignSelf_button__xpWwz:active,.FlexboxDemoWithAlignSelf_button__xpWwz:hover{border-bottom:2px solid #ffd43b}.FlexboxDemoWithAlignSelf_attributeSelector__90R7P{display:flex;justify-content:space-evenly}.FlexboxDemoWithAlignSelf_selector__Xo0ej{display:flex;align-items:center;gap:12px}.FlexboxDemoWithAlignSelf_label__Cdf5d{margin:0;padding:0}.FlexboxDemoWithAlignSelf_select__JrAgw{width:150px;padding:6px 0;color:#fff;background-color:var(--color-gray-300);border:none;border-radius:6px}.FlexboxDemoWithAlignSelf_arrow__0gzk1{position:absolute;display:flex;align-items:center;width:100%;top:50%;transform:translateY(-50%)}.FlexboxDemoWithAlignSelf_line__H66HP{width:100%;height:2px;background:var(--color-gray-900)}.FlexboxDemoWithAlignSelf_point__d7x9U{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:16px solid var(--color-gray-900)}.FlexboxDemoWithAlignSelf_alignElement__7SB_M{background-color:#fcc419;color:#212529}.FlexboxDemoWithAlignSelf_highlightText__XIFMa{color:#fcc419}.Slider_slider__mLQdv{--handle-width:12px;--handle-height:24px;--track-color:var(--color-gray-500);--handle-color:var(--color-text);--handle-active-color:var(--color-primary);--background-color:var(--color-card-background);display:block;width:100%;height:var(--handle-height);background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline-offset:6px;cursor:pointer}.Slider_slider__mLQdv::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--handle-width);height:var(--handle-height);border-radius:50px;background:var(--color-gray-900);cursor:-webkit-grab;cursor:grab;transform:translateY(calc(-50% + 1.5px));outline:2px solid var(--background-color)}.Slider_slider__mLQdv:active::-webkit-slider-thumb{cursor:-webkit-grabbing;cursor:grabbing}.Slider_slider__mLQdv:focus::-webkit-slider-thumb{background:var(--handle-active-color)}.Slider_slider__mLQdv:focus:not(:focus-visible){outline:none}.Slider_slider__mLQdv::-webkit-slider-runnable-track{width:calc(100% - 1.5rem);height:3px;background:var(--track-color);border-radius:1.5px;margin:calc(var(--handle-size) / 2) 0}.Slider_slider__mLQdv::-moz-range-track{background:var(--track-color)}.SliderControl_wrapper__0QZSe{display:flex;flex-direction:column;gap:8px}.SliderControl_header__6CoQO{display:flex;justify-content:space-between;align-items:baseline}.SliderControl_label__f_KmU{font-size:1.125rem;font-weight:550}.SliderControl_value__lOcnx{font-size:1.125rem;font-weight:400}.FlexFormDemo_demo__Y_D7J{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem 1rem;margin:1rem 0;border:1px solid var(--color-gray-500);border-radius:6px}.FlexFormDemo_sliderWarper__QkWpq{position:relative;display:flex;flex-direction:row;justify-content:center}.FlexFormDemo_slider__jLg42{width:400px}.FlexFormDemo_container__w8Fxk{width:var(--container-width,100%)}.FlexFormDemo_form__ZX90V{display:flex;flex-wrap:wrap}.FlexFormDemo_form__ZX90V>input{flex:1 1 10ch;margin:.5rem}.FlexFormDemo_form__ZX90V>input[type=email]{flex:3 1 30ch}.FlexFormDemo_input__rpHr_{border:none;background:#ededed;border-radius:.25rem;padding:.75rem}.FlexFormDemo_input__rpHr_[type=submit]{background:hotpink;color:#fff;box-shadow:0 .75rem .5rem -.5rem #7a5252}.FlexFormDemo_hint__Gqk42{position:absolute;right:-25%;top:45%;transform:translateY(-50%);display:flex;flex-direction:column;color:var(--color-primary-500);font-size:1rem;white-space:nowrap;animation:FlexFormDemo_slide__lDjrG 1.5s ease-in-out infinite alternate}.FlexFormDemo_arrow__oazz0{font-size:3.5rem;margin-left:.25rem;line-height:.5}@keyframes FlexFormDemo_slide__lDjrG{0%{transform:translateY(-50%) translateX(0)}to{transform:translateY(-50%) translateX(10px)}}.VennDiagram_wrapper__Trwt_{--color-venn-0:var(--color-gray-300);--color-venn-1:var(--color-gray-300);position:relative;margin:48px auto;width:100%;max-width:500px}@media (max-width:600px){.VennDiagram_wrapper__Trwt_{display:none}}.VennDiagram_svg__m2hsv{display:block;overflow:visible}.VennDiagram_circle__8YNOd{transform-origin:50% 50%}.VennDiagram_titleLayer__6hD8J{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.VennDiagram_title__0c_Cb{position:absolute;top:32px;width:66.666%;text-align:center;font-family:var(--font-family-mono);font-size:.875rem;font-weight:var(--font-weight-medium);transition:transform .5s,opacity .4s;will-change:transform}.VennDiagram_leftTitle__PDAhk{left:calc(-1 * var(--offset-by, 0px))}.VennDiagram_rightTitle__H5tg8{right:calc(-1 * var(--offset-by, 0px))}.VennDiagram_textLayer__WPeqL{position:absolute;inset:0;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.VennDiagram_text__Bs8Sl{flex:1 1;transition:transform .5s,opacity .4s;will-change:transform}.VennDiagram_left__5bJJz{padding-left:20px;order:1}.VennDiagram_right__Llyhe{padding-right:20px;order:3}.VennDiagram_center__58ro4{order:2;text-align:center}.VennDiagram_textButton__KXs1j{border:none;text-decoration:none;width:100%;padding:0 20px;text-align:center;color:var(--color-text);background-color:transparent}.VennDiagram_left__5bJJz .VennDiagram_textButton__KXs1j{text-align:left}.VennDiagram_item__D21vM{display:block;font-size:1rem}