.FCEBCW_button{--border-color:var(--color-neutral-600);--border-color-hover:var(--color-neutral-300);--color:var(--color-white);--color-hover:var(--color-white)}.light-mode .FCEBCW_button{--border-color:var(--color-neutral-500);--border-color-hover:var(--color-black);--color:var(--color-neutral-700);--color-hover:var(--color-black)}.FCEBCW_button{all:unset;height:var(--space-20);width:var(--space-20);border:2px solid var(--border-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:border-color .2s ease-in-out;display:flex}.FCEBCW_button svg{height:var(--space-12);width:var(--space-12);color:var(--color);transition:fill .2s ease-in-out}.FCEBCW_button:focus,.FCEBCW_button:hover{border-color:var(--border-color-hover)}.FCEBCW_button:focus svg,.FCEBCW_button:hover svg{color:var(--color-hover)}.FCEBCW_button:focus-visible{outline:2px solid var(--border-color-hover);outline-offset:2px}
.QyM8VG_devTools{bottom:var(--space-16);right:var(--space-16);z-index:100;position:fixed}.QyM8VG_panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--space-6);bottom:calc(100% + var(--space-6));box-shadow:0 var(--space-4) var(--space-16) #0000003d;gap:var(--space-6);opacity:0;padding:var(--space-8);pointer-events:none;transform:translateY(var(--space-6));flex-direction:column;width:max-content;font-size:.8125rem;transition:opacity .15s ease-in-out,transform .15s ease-in-out;display:flex;position:absolute;right:0}.QyM8VG_isOpen{opacity:1;pointer-events:auto;transform:translateY(0)}.QyM8VG_heading{color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;font-weight:600}.QyM8VG_row{color:var(--color-text);align-items:center;gap:var(--space-10);justify-content:space-between;display:flex}.QyM8VG_toggle{background-color:var(--color-accent);color:var(--color-white);cursor:pointer;height:var(--space-28);width:var(--space-28);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.QyM8VG_toggle svg{fill:currentColor;height:var(--space-12);width:auto}.QyM8VG_toggle:focus-visible,.QyM8VG_toggle:hover{border-color:var(--color-accent-600)}.QyM8VG_toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}
.S7gRGq_link{--color-anchor:var(--color-accent);color:var(--color-anchor);display:inline-block}.S7gRGq_link:active,.S7gRGq_link:focus:not(:focus-visible),.S7gRGq_link:focus-within,.S7gRGq_link:hover{text-decoration:underline}.S7gRGq_decorated:not(:has(img)){border-bottom:3px solid var(--color-accent);--color-anchor:var(--color-white);text-decoration:none;transition:box-shadow .2s;box-shadow:inset 0 0 0 10em #0652dc33}.S7gRGq_decorated:not(:has(img)):active{border-bottom-color:var(--color-accent);outline:none;text-decoration:none;box-shadow:inset 0 0 0 10em #0652dc66}.S7gRGq_decorated:not(:has(img)):focus:not(:focus-visible){border-bottom-color:var(--color-accent);outline:none;text-decoration:none;box-shadow:inset 0 0 0 10em #0652dc66}.S7gRGq_decorated:not(:has(img)):focus-within{border-bottom-color:var(--color-accent);outline:none;text-decoration:none;box-shadow:inset 0 0 0 10em #0652dc66}.S7gRGq_decorated:not(:has(img)):hover{border-bottom-color:var(--color-accent);outline:none;text-decoration:none;box-shadow:inset 0 0 0 10em #0652dc66}.S7gRGq_decorated:not(:has(img)):focus-visible{box-shadow:0 0 0 2px var(--color-focus-ring);background-color:#0000;border-color:#0000;border-radius:max(2px,.08em);outline:none;position:relative}.light-mode .S7gRGq_decorated{--color-anchor:var(--color-black)}
.aeXNNW_heading{color:var(--colour);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--font-line);margin:0}.aeXNNW_anchor{flex-direction:row-reverse;justify-content:flex-end;align-items:center;display:flex}.aeXNNW_anchor a{margin-right:var(--space-3);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--font-line)}.aeXNNW_inherit{font-size:inherit;font-weight:inherit;line-height:inherit}
.ar49OW_blockquote{max-width:var(--width-10)}.ar49OW_quote{font-size:var(--font-large-size);font-weight:var(--font-large-weight);line-height:var(--font-large-line);margin:0}.ar49OW_quote strong{color:var(--color-accent-300);font-weight:inherit}.light-mode .ar49OW_quote strong{color:var(--color-accent-900);font-weight:500}.ar49OW_footer{margin-top:var(--space-12);display:block}.ar49OW_cite{font-size:var(--font-regular-size);font-style:normal;font-weight:var(--font-regular-weight);line-height:var(--font-regular-line)}
.GkyLba_jest{fill:#c63d14}.GkyLba_jestoutline{fill:var(--color-white)}.light-mode .GkyLba_jestoutline{fill:var(--color-black)}.GkyLba_nextjs{fill:var(--color-white)}.light-mode .GkyLba_nextjs{fill:var(--color-black)}
.ooz3xW_grid{flex-direction:var(--grid-flex-direction,column);gap:var(--gap);max-width:var(--width-12);margin:0 auto;display:flex}@media (min-width:768px){.ooz3xW_grid{gap:0 var(--gap);grid-template-columns:repeat(var(--columns), 1fr);justify-content:space-between;display:grid}}
@media (min-width:768px){.XWKkZW_column{grid-column:span var(--span)}.XWKkZW_column:last-child{grid-column-end:-1}}
.K6513W_image{object-fit:var(--fill)}.K6513W_aspect{aspect-ratio:var(--aspect-ratio);height:100%}
.TJOgTq_code *{font-style:normal}
.nDvm8G_youtube{max-width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.nDvm8G_iframe{width:100%;height:100%;position:absolute;top:0;left:0}
.qeXIvW_intro{gap:var(--rhythm-loose) var(--space-12);max-width:var(--width-12);grid-template-columns:repeat(12,1fr);margin:0 auto;display:grid}.qeXIvW_intro>*{grid-column:span 12}@media (min-width:992px){.qeXIvW_intro>*{grid-column:1/span 9}}
._2Tc2hW_list{max-width:60ch;padding-left:var(--padding-left);color:var(--colour);font-size:var(--font-regular-size);font-weight:var(--font-regular-weight);line-height:var(--font-regular-line);text-wrap:balance;margin:0}
.fd3lhW_stack{flex-direction:var(--direction,column);gap:var(--gap,var(--space-12));align-items:var(--align,normal);justify-content:var(--justify,normal);flex-wrap:var(--wrap,nowrap);margin:0;padding-left:0;list-style:none;display:flex}
._2QRmvG_text{display:var(--display,block);max-width:60ch;color:var(--colour);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--font-line);text-wrap:balance;margin:0}._2QRmvG_text strong{color:var(--color-accent);font-weight:inherit}
.p2IoJa_footer{border-top:2px solid var(--color-neutral-800);margin-top:var(--space-90);padding:var(--space-30) var(--space-12);width:100%}@media (min-width:768px){.p2IoJa_footer{padding:var(--space-74) 0 var(--space-90)}}.p2IoJa_contents{max-width:var(--width-12);padding:0 var(--space-12);width:100%;margin:0 auto}.p2IoJa_socials{align-items:center;gap:var(--space-10);--color:var(--color-white);display:flex}.light-mode .p2IoJa_socials{--color:var(--color-neutral-900)}.p2IoJa_socials a{color:var(--color);width:var(--space-16)}
.SZaDTG_button{background-color:var(--color-neutral-800);color:var(--color-white);padding:var(--space-4) var(--space-8);border:none}
.dbVH1G_contents{max-width:var(--width-15);padding:var(--space-12);justify-content:space-between;align-items:center;margin:0 auto;display:flex}@media (min-width:992px){.dbVH1G_contents{padding:var(--space-16) var(--space-24)}}.dbVH1G_toggle{all:unset;z-index:3;position:relative}.dbVH1G_toggle svg{height:var(--space-20);fill:var(--color-white)}.light-mode .dbVH1G_toggle svg{fill:var(--color-neutral-800)}@media (min-width:992px){.dbVH1G_toggle{display:none}}
.ntkUua_article{position:relative}.ntkUua_playIcon{width:var(--space-64);height:var(--space-64);opacity:.85;pointer-events:none;transition:opacity .2s,transform .2s}.ntkUua_playIconBg{fill:var(--color-black);opacity:.6}.ntkUua_playIconTriangle{fill:var(--color-white)}.ntkUua_imageWrapper{transition:filter .2s}.ntkUua_button{all:unset;cursor:pointer;z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.ntkUua_button:hover .ntkUua_playIcon,.ntkUua_button:focus-visible .ntkUua_playIcon{opacity:1;transform:scale(1.1)}.ntkUua_button:hover~.ntkUua_imageWrapper,.ntkUua_button:focus-visible~.ntkUua_imageWrapper{filter:brightness(.85)}.ntkUua_iframe{z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}
.tf3tlq_logo a{display:flex}.tf3tlq_logo svg{height:var(--space-20);fill:var(--color-white)}.light-mode .tf3tlq_logo svg{fill:var(--color-neutral-800)}
.aWHL8a_author{margin:var(--space-8) auto var(--space-48);max-width:var(--width-10);font-size:var(--font-regular-size);font-style:italic;line-height:var(--font-regular-line);text-align:center;font-weight:400;display:block}
._5WJ7na_deviceWrapper{width:100%;max-width:300px}._5WJ7na_device{background-size:cover;position:relative}._5WJ7na_device:after{content:"";pointer-events:none;background-size:cover;width:100%;height:100%;display:block;position:absolute}._5WJ7na_screen{pointer-events:auto;background-size:cover;position:absolute}._5WJ7na_screen>div{width:100%;height:100%;padding-bottom:0;position:absolute;inset:0}._5WJ7na_macbook ._5WJ7na_device{padding-bottom:57.5157%}._5WJ7na_macbook ._5WJ7na_device ._5WJ7na_screen{width:75.1566%;height:81.7604%;top:7.35027%;left:12.4217%}._5WJ7na_macbook ._5WJ7na_device:after{content:"";z-index:-1;background-image:url(/images/device-mockups/Macbook2015/portrait_white.png)}._5WJ7na_macbook ._5WJ7na_device ._5WJ7na_button{width:100%;height:100%;display:none;top:0%;left:0%}._5WJ7na_iphone ._5WJ7na_device{padding-bottom:203.103%}._5WJ7na_iphone ._5WJ7na_device ._5WJ7na_screen{width:87.3563%;height:76.0611%;top:11.9977%;left:6.2069%}._5WJ7na_iphone ._5WJ7na_device:after{content:"";z-index:-1;background-image:url(/images/device-mockups/iPhone7/portrait_white.png)}._5WJ7na_iphone ._5WJ7na_device ._5WJ7na_button{width:15.7471%;height:7.75325%;top:89.5303%;left:42.2989%}._5WJ7na_wrapper{gap:var(--space-24);flex-direction:column;display:flex}@media (min-width:1200px){._5WJ7na_wrapper{flex-direction:row;align-items:flex-end}._5WJ7na_wrapper ._5WJ7na_deviceWrapper{max-width:none}._5WJ7na_wrapper ._5WJ7na_deviceWrapper._5WJ7na_macbook{width:78%}._5WJ7na_wrapper ._5WJ7na_deviceWrapper._5WJ7na_iphone{width:22%}}
.iif4Zq_menu{--background:var(--color-surface);--color:var(--color-white)}.light-mode .iif4Zq_menu{--background:var(--color-white);--color:var(--color-black)}.iif4Zq_menu{background-color:var(--background);gap:var(--space-18);width:100%;height:100%;padding:var(--space-12);z-index:2;flex-direction:column;transition:transform .2s ease-in-out;display:flex;position:fixed;top:0;left:0;transform:translate(100%)}@media (min-width:992px){.iif4Zq_menu{top:initial;left:initial;width:initial;height:initial;background-color:initial;transform:initial;flex-direction:row;padding:0;transition:none;position:relative}}.iif4Zq_menu a{color:var(--color);font-size:var(--font-navigation-size);font-weight:var(--font-navigation-weight);line-height:var(--font-navigation-line)}.iif4Zq_menu a:active,.iif4Zq_menu a:focus:not(:focus-visible),.iif4Zq_menu a:focus-within,.iif4Zq_menu a:hover,.iif4Zq_menu a[aria-current=page]{text-decoration:underline}.iif4Zq_isMenuOpen{transform:translate(0)}
.yesLaG_meta{margin:var(--space-32) auto 0;text-align:left;max-width:75ch;color:var(--color-neutral-500);padding:var(--space-4) 0;border-top:1px solid var(--color-neutral-500);border-bottom:1px solid var(--color-neutral-500);font-weight:400;line-height:1.1;display:flex}.yesLaG_item{display:inline-block}.yesLaG_item+.yesLaG_item:before{content:"•";margin:0 var(--space-4)}
.t8iYka_main{max-width:var(--width-12);padding:var(--rhythm-section) var(--space-12) 0;width:100%;margin:0 auto}
.rzrQBa_notice{padding:var(--space-12) 0;border-top:1px solid var(--color-neutral-300);border-bottom:1px solid var(--color-neutral-300);color:var(--color-neutral-300)}
._9A3Cbq_card{--x:50%;--y:50%;border-radius:var(--space-4);background-color:var(--color-card);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--color-card-border);box-shadow:inset 0 1px 0 0 var(--color-card-border);padding:var(--rhythm-loose);color:var(--color-text);text-decoration:none;transition:transform .2s,border-color .2s;display:block;position:relative;overflow:hidden}._9A3Cbq_card:before{content:"";z-index:0;background:radial-gradient(220px circle at var(--x) var(--y), color-mix(in oklab, var(--color-white) 2%, transparent), transparent 70%),radial-gradient(480px circle at var(--x) var(--y), color-mix(in oklab, var(--color-accent) 2%, transparent), transparent 70%);opacity:0;transition:opacity .3s;position:absolute;inset:0}._9A3Cbq_card:active,._9A3Cbq_card:focus:not(:focus-visible),._9A3Cbq_card:focus-within,._9A3Cbq_card:hover{border-color:color-mix(in oklab, var(--color-accent) 15%, var(--color-card-border));transform:translateY(-1px)}._9A3Cbq_card:active:before,._9A3Cbq_card:focus:not(:focus-visible):before,._9A3Cbq_card:focus-within:before,._9A3Cbq_card:hover:before{opacity:1}@media screen and (prefers-reduced-motion:reduce),(update:slow){._9A3Cbq_card{transition:none}._9A3Cbq_card:before{display:none}}._9A3Cbq_contents{z-index:1;position:relative}
.H3UPPG_card{--card-thumb:2.75rem;gap:var(--space-32);max-width:38.75rem;padding-bottom:var(--space-24);font-size:var(--font-h6-size);margin:0 auto;line-height:1.45;display:grid}.H3UPPG_card :where(a){color:inherit;text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);transition:text-decoration-color .2s,color .2s}.H3UPPG_card :where(a):hover{text-decoration-color:currentColor}.H3UPPG_card :where(a):focus-visible{outline:1px solid var(--color-focus-ring);outline-offset:2px}.H3UPPG_card :where(h1,h2,p,ul){font:inherit;margin:0;padding:0}.H3UPPG_card :where(ul){list-style:none}.H3UPPG_siteLink{margin-bottom:var(--space-12);color:var(--color-text-muted);font-size:.875rem;display:inline-block}.H3UPPG_siteLink:hover{color:var(--color-text)}.H3UPPG_name{font-weight:500}.H3UPPG_muted{color:var(--color-text-muted)}.H3UPPG_bio{gap:1em;max-width:34em;display:grid}.H3UPPG_cta{gap:var(--space-2) var(--space-8);flex-wrap:wrap;display:flex}.H3UPPG_status{align-items:center;gap:var(--space-4);color:var(--color-text-muted);display:inline-flex}.H3UPPG_status:before{content:"";background:var(--color-accent);border-radius:50%;width:6px;height:6px}.H3UPPG_label{margin-bottom:var(--space-6);color:var(--color-text-muted)}.H3UPPG_list{border-top:1px solid var(--color-border)}@media (hover:hover){.H3UPPG_list:has(.H3UPPG_item:hover) .H3UPPG_item:not(:hover){opacity:.35}}.H3UPPG_item{grid-template-columns:var(--card-thumb) 1fr;align-items:center;gap:var(--space-8);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border);transition:opacity .25s;display:grid;position:relative}@media screen and (prefers-reduced-motion:reduce),(update:slow){.H3UPPG_item{transition:none}}.H3UPPG_thumb{width:var(--card-thumb);height:var(--card-thumb);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-card-border);color:var(--color-text-muted);place-items:center;font-weight:500;display:grid;overflow:hidden}.H3UPPG_thumb img{object-fit:cover;width:100%;height:100%;display:block}.H3UPPG_body{min-width:0}.H3UPPG_itemLink{text-decoration:none}.H3UPPG_itemLink:after{content:"";position:absolute;inset:0}.H3UPPG_detail{color:var(--color-text-muted);font-size:.875rem}.H3UPPG_footer{gap:var(--space-12);flex-direction:column;font-size:.875rem;display:flex}@media (min-width:768px){.H3UPPG_footer{flex-direction:row;justify-content:space-between}}.H3UPPG_footerLinks{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}
.qEF_Fa_card{border-radius:4px;display:block;position:relative;overflow:hidden}.qEF_Fa_card:before{content:"";background-color:var(--color-accent-800);opacity:0;z-index:2;width:100%;height:100%;transition:opacity .15s ease-in-out;display:block;position:absolute;top:0;left:0}.qEF_Fa_card:active:before,.qEF_Fa_card:focus-visible:before,.qEF_Fa_card:hover:before{opacity:.4}.qEF_Fa_image{background-color:var(--color-accent-800);width:100%}.qEF_Fa_contents{padding:var(--space-4) 0}.qEF_Fa_title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.qEF_Fa_tags{gap:var(--space-2);margin:var(--space-2) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.qEF_Fa_tags li{color:var(--color-neutral-500);font-size:.75rem}.qEF_Fa_tags li:not(:last-child):after{content:"·";margin-left:var(--space-2)}
.H5Cjvq_grid{gap:var(--rhythm-loose);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:992px){.H5Cjvq_grid{grid-template-columns:repeat(2,1fr)}}
._1yL-rW_post{max-width:75ch;margin:0 auto}._1yL-rW_post h1{text-align:center;max-width:32rem;margin:4rem auto 0;font-size:3.5rem;font-weight:200;line-height:1.1;display:block}._1yL-rW_post>div{margin-bottom:var(--rhythm-loose);margin-top:var(--rhythm-loose)}._1yL-rW_post>p:has(img){margin-bottom:var(--rhythm-spacious);margin-top:var(--rhythm-spacious)}._1yL-rW_post>p:first-of-type{margin-top:0}._1yL-rW_post>p:first-of-type:first-letter{margin-right:.1rem;font-size:225%;line-height:1}:is(._1yL-rW_post>div:has(h2),._1yL-rW_post>div:has(h3),._1yL-rW_post>div:has(h4),._1yL-rW_post>div:has(h5)){margin-bottom:var(--rhythm-default)}._1yL-rW_post>*+*{margin-top:var(--rhythm-default)}._1yL-rW_post>img+*,._1yL-rW_post>figure+*{margin-top:var(--rhythm-loose)}._1yL-rW_post>div:has(h2)+*{margin-top:var(--rhythm-loose)}._1yL-rW_post>*+div:has(h2){margin-top:var(--rhythm-section)}._1yL-rW_post>*+div:has(h3){margin-top:var(--rhythm-spacious)}._1yL-rW_post>*+img{margin-top:var(--rhythm-loose)}._1yL-rW_post>*+div:has(h4){margin-top:var(--rhythm-loose)}._1yL-rW_post>img+img,._1yL-rW_post>figure+figure{margin-top:var(--rhythm-loose)}._1yL-rW_post>div:has(h2)+div:has(h3){margin-top:var(--rhythm-loose)}._1yL-rW_post>div:has(h3)+div:has(h4){margin-top:var(--rhythm-loose)}
.MQ6hbq_navigation{gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.MQ6hbq_tag{padding:var(--space-2) var(--space-4);font-size:.875rem}.MQ6hbq_tagActive{background-color:var(--color-accent-800)}
.LNNg3a_label{font-weight:600}.LNNg3a_navigation{gap:var(--space-2);flex-wrap:wrap;display:flex}.LNNg3a_tag{padding:var(--space-2) var(--space-4);font-size:.875rem}.LNNg3a_tagActive{background-color:var(--color-accent-800)}
.T-AWSG_page{padding:var(--space-32) var(--space-16)}.T-AWSG_title{margin-bottom:var(--space-32)}.T-AWSG_section{margin-bottom:var(--space-64)}.T-AWSG_sectionTitle{margin-bottom:var(--space-16)}.T-AWSG_familyLabel{margin-bottom:var(--space-8);text-transform:capitalize}.T-AWSG_swatchRow{gap:var(--space-8);margin-bottom:var(--space-24);flex-wrap:wrap;display:flex}.T-AWSG_swatch{width:6.25rem}.T-AWSG_swatchColor{border-radius:var(--space-4);border:1px solid var(--color-neutral-100);width:100%;height:4rem}.T-AWSG_swatchLabel{margin-top:var(--space-4);display:block}.T-AWSG_typeRow{align-items:baseline;gap:var(--space-16);padding:var(--space-8) 0;border-bottom:1px solid var(--color-neutral-100);display:flex}.T-AWSG_typeLabel{flex-shrink:0;width:6.25rem}.T-AWSG_scaleTable{gap:var(--space-2);flex-direction:column;display:flex}.T-AWSG_scaleRow{align-items:center;gap:var(--space-8);display:flex}.T-AWSG_scaleLabel{text-align:right;white-space:nowrap;flex-shrink:0;width:5.5rem}.T-AWSG_scaleBar{height:var(--space-8);background:var(--color-accent-500);border-radius:var(--space-2)}
.NPhC8W_intro{align-items:flex-start;gap:var(--rhythm-section);flex-direction:column-reverse;display:flex}@media (min-width:992px){.NPhC8W_intro{flex-direction:row;align-items:center}.NPhC8W_image{flex-shrink:0}}