.BrowserWindow_component__J9ZHG{border-radius:.5rem;overflow:hidden;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.BrowserWindow_component__J9ZHG .browser-nav{padding:.3em .5em;background-color:var(--gray4);color:var(--gray3)}.BrowserWindow_component__J9ZHG .browser-nav>:first-child{font-family:Helvetica;font-size:1.5em;line-height:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.BrowserWindow_component__J9ZHG .browser-nav>:first-child span+span{margin-left:.1em}.BrowserWindow_component__J9ZHG .browser-viewport{-moz-box-flex:1;flex:1 1;color:var(--gray1);background-color:#fff;padding:var(--gutter);overflow:hidden}.CodeDemo_component__15K69 [data-demo-preview]{margin-bottom:.5rem}.CodeDemo_component__15K69 [data-demo-preview] .browser-viewport{--textColor:#000;--headingColor:var(--textColor);color:var(--textColor)}.CodeDemo_component__15K69 [data-demo-footer]{display:inline-block;background-color:rgba(255,255,255,.1);color:var(--gray2);padding:.5rem 1rem;font-size:.8rem;--anchorColor:var(--blue4)}.Blockquote_component__13DQf{position:relative;border:10px solid var(--lineColor);border-bottom-left-radius:20px;border-top-right-radius:20px;padding:1em 3em;display:-moz-box;display:flex}.Blockquote_component__13DQf p{margin:auto;font-size:1.1em;font-style:italic}.Blockquote_component__13DQf div:first-child,.Blockquote_component__13DQf div:last-child{content:"";width:-webkit-calc(51px + 10px);width:-moz-calc(51px + 10px);width:calc(51px + 10px);height:-webkit-calc(44px + 10px);height:-moz-calc(44px + 10px);height:calc(44px + 10px);display:block;position:absolute;background-color:var(--pageBackground)}.Blockquote_component__13DQf div:first-child{top:-10px;left:-10px}.Blockquote_component__13DQf div:last-child{right:-10px;bottom:-10px}.Blockquote_component__13DQf div:last-child svg{position:absolute;bottom:0;right:0}.Specificity_component__27dug input[type=text]{width:100%;display:block;background-color:transparent;border:1px solid var(--lineColor);border-radius:.3em;padding:.7em;color:var(--textColor);font-family:var(--codeFontFamily);font-size:1.3em}.Specificity_component__27dug input[type=text]:focus{outline:none;border-color:var(--blue4)}.Specificity_component__27dug .selector-values{margin-top:.5em;display:-moz-box;display:flex;grid-gap:.5em;gap:.5em}.Specificity_component__27dug .selector-values>div:first-child{--color:var(--purpleBlue)}.Specificity_component__27dug .selector-values>div:nth-child(2){--color:var(--purple)}.Specificity_component__27dug .selector-values>div:nth-child(3){--color:var(--purplePink)}.Specificity_component__27dug .selector-values>div:nth-child(4){--color:var(--pink)}.Specificity_component__27dug .selector-values>div{-moz-box-flex:1;flex:1 1;text-align:center}.Specificity_component__27dug .selector-values>div div:first-child{border-radius:.3em;color:#fff;padding:.5em;font-size:2em;font-weight:700;background-color:var(--color)}.Specificity_component__27dug .selector-values>div div:last-child{margin-top:.5em;font-size:.7em}.Heading_component__ZVJKI{font-family:var(--headingFontFamily);font-weight:var(--headingFontWeight);text-transform:uppercase}.Heading_fancyHeading__GXCd8{display:inline-block;color:#fff;padding:.2em;-webkit-transform:skew(-10deg);-moz-transform:skew(-10deg);transform:skew(-10deg);border-radius:.2em;background:-webkit-gradient(linear,left top,right top,from(var(--fancyHeadingLeft)),to(var(--fancyHeadingRight)));background:-webkit-linear-gradient(left,var(--fancyHeadingLeft),var(--fancyHeadingRight));background:-moz-linear-gradient(left,var(--fancyHeadingLeft),var(--fancyHeadingRight));background:linear-gradient(to right,var(--fancyHeadingLeft),var(--fancyHeadingRight))}.Heading_size-1__10H12{font-size:1.5rem}@media(min-width:600px){.Heading_size-1__10H12{font-size:2rem}}.Heading_size-2__1Ky2j{font-size:1.1rem}@media(min-width:600px){.Heading_size-2__1Ky2j{font-size:1.6rem}}.Heading_size-3__35azE{text-transform:uppercase;font-size:1.1rem}@media(min-width:600px){.Heading_size-3__35azE{font-size:1.3rem}}.Heading_size-4__llOFk{text-transform:uppercase;font-size:.8rem}@media(min-width:600px){.Heading_size-4__llOFk{font-size:1rem}}.DataGrid_dataGrid__13Uuf .data-grid-row{border-radius:.5rem;display:-moz-box;display:flex}.DataGrid_dataGrid__13Uuf .data-grid-row:nth-child(odd){background-color:var(--pageBackgroundContrast)}.DataGrid_dataGrid__13Uuf .data-grid-col{padding:1rem .5rem;align-self:center}.DataGrid_dataGrid__13Uuf .data-grid-col.data-grid-col-flex{-moz-box-flex:1;flex:1 1}.DataGrid_dataGrid__13Uuf .data-grid-col>*{vertical-align:middle}.DataGrid_dataGrid__13Uuf .data-grid-col:last-child{padding-right:1rem}.DataGrid_dataGrid__13Uuf .data-grid-col:first-child{padding-left:1rem}.Desktop_component__1ODJ1{background-image:url(/images/desktop.png);background-repeat:no-repeat;background-size:contain;aspect-ratio:1000/625;display:-moz-box;display:flex}.Desktop_component__1ODJ1>div{margin:auto;max-width:90%;max-height:90%}.ColorCard_component__uRkPs{padding:3px;border-radius:.7rem;background-blend-mode:screen}.ColorCard_wrapper__3TrfY{padding:var(--gutter);border-radius:.55rem}.ColorCard_wrapperOutline__108Ia{background-color:var(--pageBackground)}.KeyConcept_component__2V7nD{background:-webkit-gradient(linear,left top,right top,from(var(--pageBackgroundContrast)),to(hsla(0,0%,100%,0)));background:-webkit-linear-gradient(left,var(--pageBackgroundContrast),hsla(0,0%,100%,0));background:-moz-linear-gradient(left,var(--pageBackgroundContrast),hsla(0,0%,100%,0));background:linear-gradient(to right,var(--pageBackgroundContrast),hsla(0,0%,100%,0));border-radius:.5em;font-size:1.2em;position:relative;font-style:italic;padding:1em 0 1em 2em}@media(min-width:600px){.KeyConcept_component__2V7nD{padding-left:4em}}.KeyConcept_component__2V7nD img{width:2em;position:absolute;top:-.5em;left:-.5em}@media(min-width:600px){.KeyConcept_component__2V7nD img{width:4em}}@media(min-width:1200px){.KeyConcept_component__2V7nD img{margin-left:-.5em}}.KeyConcept_component__2V7nD .key-title{font-family:var(--fontFamily);color:var(--blue4);font-weight:700;text-transform:uppercase;font-size:.7em}.SelectStates_component__19lf4{position:relative;max-width:700px}.SelectStates_component__19lf4 svg path{outline:none}.SelectStates_component__19lf4 .selector-input{position:absolute;top:0;left:0;right:0}.SelectStates_component__19lf4 .selector-input>button{position:absolute;right:.3em;top:.4em}.SelectStates_component__19lf4 .selector-input input{font-family:var(--codeFontFamily);font-weight:700;width:100%;background-color:var(--blue2);color:#fff;padding:.5em 2em .5em .5em;border-radius:.2em;outline:none;border:none}.Search_component__3R2TL{position:relative}.Search_component__3R2TL form{display:-moz-box;display:flex}.Search_component__3R2TL form input[type=search]{-moz-appearance:none;-webkit-appearance:none;-moz-box-flex:1;flex:1 1;background-color:var(--pageBackgroundContrast);border:1px solid transparent;padding:.4em .6em;width:12em;margin-right:.4em;border-radius:.2em;color:var(--textColor)}.Search_component__3R2TL form input[type=search]:focus{outline:none}.Search_component__3R2TL form button svg{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);transform:scale(1.5)}.Search_component__3R2TL .search-results{padding:.5em;position:absolute;top:2.5em;right:-.5em;width:500px!important;max-width:80vw;max-height:40vh;overflow:scroll;opacity:0;pointer-events:none}.Search_component__3R2TL:focus-within form input[type=search]::-webkit-input-placeholder{color:var(--gray3)}.Search_component__3R2TL:focus-within form input[type=search]:-ms-input-placeholder{color:var(--gray3)}.Search_component__3R2TL:focus-within form input[type=search]::placeholder{color:var(--gray3)}.Search_component__3R2TL:focus-within .search-results{opacity:1;pointer-events:auto}.Search_searchResult__1VxiV{display:-moz-box;display:flex;color:var(--textColor)}.Search_searchResult__1VxiV:focus,.Search_searchResult__1VxiV:hover{background-color:var(--lightTranslucent);text-decoration:none}.Search_searchResult__1VxiV>div:first-child{background-color:var(--lightTranslucent);border-radius:3px;margin-right:.5em;width:2.5em;height:2.5em;display:-moz-box;display:flex}.Search_searchResult__1VxiV>div:first-child>span{font-size:.8em;font-weight:700;font-family:var(--codeFontFamily);margin:auto}.Search_searchResult__1VxiV[data-result-heading-level="1"]>div:first-child{background-color:var(--blue4);color:#fff}.Search_searchResult__1VxiV[data-result-heading-level="2"]>div:first-child{background-color:var(--purpleBlue);color:#fff}.Search_searchResult__1VxiV>div:last-child{-moz-box-flex:1;flex:1 1}