.section-module__DeJunq__sectionRoot{padding-bottom:calc(var(--cdt-spacing)*32)}.section-module__DeJunq__sectionContainer{gap:calc(var(--cdt-spacing)*8);display:grid}@media screen and (min-width:64rem){.section-module__DeJunq__sectionContainer[data-orientation=horizontal]{grid-template-columns:repeat(3,1fr)}}.section-module__DeJunq__sectionLeftColumn{gap:calc(var(--cdt-spacing)*4);flex-direction:column;display:flex}.section-module__DeJunq__sectionChildren{border:1px solid rgb(var(--cdt-color-border-default));display:grid}@media screen and (min-width:64rem){.section-module__DeJunq__sectionContainer[data-orientation=horizontal]>.section-module__DeJunq__sectionChildren{grid-column:2/4}}@media screen and (min-width:48rem){.section-module__DeJunq__sectionContainer[data-orientation=horizontal]>.section-module__DeJunq__sectionChildren{grid-template-columns:repeat(2,1fr)}}.section-module__DeJunq__sectionContent{gap:calc(var(--cdt-spacing)*2);flex-direction:column;display:flex}.section-module__DeJunq__sectionContent ul{gap:calc(var(--cdt-spacing)*2);padding-left:calc(var(--cdt-spacing)*4);flex-direction:column;list-style:outside;display:flex}
.section-definitions-breakpoint-module__UOKGqa__breakpointTable{border-collapse:collapse;width:100%}.section-definitions-breakpoint-module__UOKGqa__breakpointTable th,.section-definitions-breakpoint-module__UOKGqa__breakpointTable td{border-bottom:1px solid rgb(var(--cdt-color-border-default));padding:calc(var(--cdt-spacing)*2)calc(var(--cdt-spacing)*4);text-align:left}
.share-module__uFvCCa__container{max-width:64rem;margin:0 auto}.share-module__uFvCCa__spacingGrid{grid-column:1/-1;grid-template-columns:auto auto auto auto 1fr;align-items:center;min-width:0;max-width:100%;display:grid;overflow-x:auto}.share-module__uFvCCa__spacingBar{background-color:rgb(var(--cdt-color-background-accent));width:var(--width);height:calc(var(--cdt-spacing)*4)}.share-module__uFvCCa__spacingValue{padding:calc(var(--cdt-spacing)*2);color:rgb(var(--cdt-color-text-default));white-space:nowrap}.share-module__uFvCCa__spacingLabel{color:rgb(var(--cdt-color-text-assistive))}.share-module__uFvCCa__spacingDivider{background-color:rgb(var(--cdt-color-border-default));height:var(--cdt-spacing-px);grid-column:1/-1}
.section-hero-module__Uhv1cW__heroSection{background-color:rgb(var(--cdt-color-background-default));padding:calc(var(--cdt-spacing)*32)0 calc(var(--cdt-spacing)*8)}.section-hero-module__Uhv1cW__heroContent{max-width:56rem;margin:0 auto}.section-hero-module__Uhv1cW__heroTitle{margin-bottom:calc(var(--cdt-spacing)*4);color:rgb(var(--cdt-color-text-default));text-align:center;font-weight:600}@media screen and (min-width:48rem){.section-hero-module__Uhv1cW__heroTitle{text-align:left}}.section-hero-module__Uhv1cW__heroSubtitle{margin-bottom:calc(var(--cdt-spacing)*8);color:rgb(var(--cdt-color-text-secondary));text-align:center}@media screen and (min-width:48rem){.section-hero-module__Uhv1cW__heroSubtitle{text-align:left}}.section-hero-module__Uhv1cW__heroActions{justify-content:center;gap:calc(var(--cdt-spacing)*3);margin-bottom:calc(var(--cdt-spacing)*12);flex-wrap:wrap;display:flex}@media screen and (min-width:48rem){.section-hero-module__Uhv1cW__heroActions{justify-content:flex-start}}.section-hero-module__Uhv1cW__button{align-items:center;gap:calc(var(--cdt-spacing)*2);cursor:pointer;border:1px solid rgb(var(--cdt-color-border-default));border-radius:var(--cdt-spacing);background-color:rgb(var(--cdt-color-background-default));padding:calc(var(--cdt-spacing)*2)calc(var(--cdt-spacing)*4);color:rgb(var(--cdt-color-text-default));text-decoration:none;display:inline-flex}.section-hero-module__Uhv1cW__primaryButton{border-color:rgb(var(--cdt-color-background-inverse));background-color:rgb(var(--cdt-color-background-inverse));color:rgb(var(--cdt-color-text-inverse))}.section-hero-module__Uhv1cW__badgeList{justify-content:center;gap:calc(var(--cdt-spacing)*4);margin-bottom:calc(var(--cdt-spacing)*8);flex-wrap:wrap;display:flex}@media screen and (min-width:48rem){.section-hero-module__Uhv1cW__badgeList{justify-content:flex-start}}.section-hero-module__Uhv1cW__badge{background-color:rgb(var(--cdt-color-background-secondary));padding:var(--cdt-spacing)calc(var(--cdt-spacing)*3);color:rgb(var(--cdt-color-text-secondary));white-space:nowrap}
.section-features-module__ytWT4G__section{background-color:rgb(var(--cdt-color-background-default));padding:calc(var(--cdt-spacing)*12)0}.section-features-module__ytWT4G__content{max-width:56rem;margin:0 auto}.section-features-module__ytWT4G__sectionTitle{margin-bottom:calc(var(--cdt-spacing)*8);color:rgb(var(--cdt-color-text-default));text-align:center}@media screen and (min-width:48rem){.section-features-module__ytWT4G__sectionTitle{text-align:left}}.section-features-module__ytWT4G__feature{margin-bottom:calc(var(--cdt-spacing)*8);border-bottom:1px solid rgb(var(--cdt-color-border-default));padding-bottom:calc(var(--cdt-spacing)*6)}.section-features-module__ytWT4G__feature:last-child{border-bottom:none;margin-bottom:0}.section-features-module__ytWT4G__featureTitle{margin-bottom:calc(var(--cdt-spacing)*3);color:rgb(var(--cdt-color-text-default))}.section-features-module__ytWT4G__featureDesc{margin-bottom:calc(var(--cdt-spacing)*4);color:rgb(var(--cdt-color-text-secondary))}.section-features-module__ytWT4G__featureList{margin:0;padding:0;list-style:none}.section-features-module__ytWT4G__featureItem{align-items:flex-start;gap:calc(var(--cdt-spacing)*2);margin-bottom:calc(var(--cdt-spacing)*2);padding:var(--cdt-spacing)0;display:flex}.section-features-module__ytWT4G__featureItem:last-child{margin-bottom:0}.section-features-module__ytWT4G__featureItem:before{margin-top:calc(var(--cdt-spacing)*.5);content:"•";color:rgb(var(--cdt-color-text-accent));flex-shrink:0;font-weight:700}.section-features-module__ytWT4G__featureItemText{color:rgb(var(--cdt-color-text-default))}
.section-installation-module__9yKWKq__section{padding:calc(var(--cdt-spacing)*12)0}.section-installation-module__9yKWKq__content{max-width:56rem;margin:0 auto}.section-installation-module__9yKWKq__sectionTitle{margin-bottom:calc(var(--cdt-spacing)*8);color:rgb(var(--cdt-color-text-default));text-align:center}@media screen and (min-width:48rem){.section-installation-module__9yKWKq__sectionTitle{text-align:left}}.section-installation-module__9yKWKq__step{margin-bottom:calc(var(--cdt-spacing)*8)}.section-installation-module__9yKWKq__step:last-child{margin-bottom:0}.section-installation-module__9yKWKq__stepTitle{margin-bottom:calc(var(--cdt-spacing)*3);color:rgb(var(--cdt-color-text-default))}.section-installation-module__9yKWKq__stepDesc{margin-bottom:calc(var(--cdt-spacing)*4);color:rgb(var(--cdt-color-text-secondary))}.section-installation-module__9yKWKq__codeBlockWrapper{background-color:rgb(var(--cdt-color-background-secondary))}.section-installation-module__9yKWKq__codeBlockWrapperWithMargin{margin-bottom:calc(var(--cdt-spacing)*4);background-color:rgb(var(--cdt-color-background-secondary))}.section-installation-module__9yKWKq__highlight{color:rgb(var(--cdt-color-text-assistive))}.section-installation-module__9yKWKq__highlightSecondary{color:rgb(var(--cdt-color-text-secondary))}
.section-vite-configuration-module__0oYFbG__section{background-color:rgb(var(--cdt-color-background-default));padding:calc(var(--cdt-spacing)*12)0 calc(var(--cdt-spacing)*48)0}.section-vite-configuration-module__0oYFbG__content{max-width:56rem;margin:0 auto}.section-vite-configuration-module__0oYFbG__sectionTitle{margin-bottom:calc(var(--cdt-spacing)*8);color:rgb(var(--cdt-color-text-default));text-align:center}@media screen and (min-width:48rem){.section-vite-configuration-module__0oYFbG__sectionTitle{text-align:left}}.section-vite-configuration-module__0oYFbG__step{margin-bottom:calc(var(--cdt-spacing)*8)}.section-vite-configuration-module__0oYFbG__step:last-child{margin-bottom:0}.section-vite-configuration-module__0oYFbG__stepTitle{margin-bottom:calc(var(--cdt-spacing)*3);color:rgb(var(--cdt-color-text-default))}.section-vite-configuration-module__0oYFbG__stepDesc{margin-bottom:calc(var(--cdt-spacing)*4);color:rgb(var(--cdt-color-text-secondary))}.section-vite-configuration-module__0oYFbG__codeBlockWrapper{background-color:rgb(var(--cdt-color-background-secondary))}.section-vite-configuration-module__0oYFbG__highlight{color:rgb(var(--cdt-color-text-assistive))}.section-vite-configuration-module__0oYFbG__highlightSecondary{color:rgb(var(--cdt-color-text-secondary))}
.section-css-in-js-demos-module__a2u8Sq__section{background:linear-gradient(135deg,rgb(var(--cdt-color-background-default))0%,rgb(var(--cdt-color-background-secondary))100%);padding:calc(var(--cdt-spacing)*16)0}.section-css-in-js-demos-module__a2u8Sq__header{margin-bottom:calc(var(--cdt-spacing)*12);text-align:center}.section-css-in-js-demos-module__a2u8Sq__title{margin-bottom:calc(var(--cdt-spacing)*4);color:rgb(var(--cdt-color-text-default))}.section-css-in-js-demos-module__a2u8Sq__subtitle{max-width:48rem;color:rgb(var(--cdt-color-text-secondary));margin:0 auto;line-height:1.7}.section-css-in-js-demos-module__a2u8Sq__demosList{gap:calc(var(--cdt-spacing)*6);flex-direction:column;max-width:64rem;margin:0 auto;display:flex}.section-css-in-js-demos-module__a2u8Sq__demoCard{border:1px solid rgb(var(--cdt-color-border-default));border-radius:var(--cdt-radius-md);background:rgb(var(--cdt-color-background-default));padding:calc(var(--cdt-spacing)*6)}.section-css-in-js-demos-module__a2u8Sq__demoCard:hover{border-color:rgb(var(--cdt-color-border-selected))}.section-css-in-js-demos-module__a2u8Sq__demoHeader{margin-bottom:calc(var(--cdt-spacing)*4)}.section-css-in-js-demos-module__a2u8Sq__demoName{margin-bottom:calc(var(--cdt-spacing)*2);color:rgb(var(--cdt-color-text-default))}.section-css-in-js-demos-module__a2u8Sq__demoDesc{margin-bottom:calc(var(--cdt-spacing)*3);color:rgb(var(--cdt-color-text-secondary))}.section-css-in-js-demos-module__a2u8Sq__installCommand{margin-bottom:calc(var(--cdt-spacing)*4);border-radius:var(--cdt-radius-sm);background:rgb(var(--cdt-color-background-tertiary));padding:calc(var(--cdt-spacing)*2)calc(var(--cdt-spacing)*3);color:rgb(var(--cdt-color-text-default));font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;overflow-x:auto}.section-css-in-js-demos-module__a2u8Sq__codeBlock{margin-bottom:calc(var(--cdt-spacing)*4);border-radius:var(--cdt-radius-md);background:rgb(var(--cdt-color-background-menu));padding:calc(var(--cdt-spacing)*4);overflow-x:auto}.section-css-in-js-demos-module__a2u8Sq__codeBlock pre{color:rgb(var(--cdt-color-text-inverse));margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.5}.section-css-in-js-demos-module__a2u8Sq__featuresList{margin:0;padding:0;list-style:none}.section-css-in-js-demos-module__a2u8Sq__featureItem{align-items:center;gap:calc(var(--cdt-spacing)*2);margin-bottom:calc(var(--cdt-spacing)*1.5);display:flex}.section-css-in-js-demos-module__a2u8Sq__featureItem:before{content:"✓";color:rgb(var(--cdt-color-text-success));flex-shrink:0;font-weight:700}.section-css-in-js-demos-module__a2u8Sq__featureText{color:rgb(var(--cdt-color-text-secondary))}.section-css-in-js-demos-module__a2u8Sq__toggleButton{cursor:pointer;margin-bottom:calc(var(--cdt-spacing)*3);border-radius:var(--cdt-radius-md);background:rgb(var(--cdt-color-background-accent));padding:calc(var(--cdt-spacing)*2)calc(var(--cdt-spacing)*4);color:rgb(var(--cdt-color-text-on-accent));border:none;transition:all .2s}.section-css-in-js-demos-module__a2u8Sq__toggleButton:hover{background:rgb(var(--cdt-color-background-accent-hover))}
.section-overview-shadow-module__peOT8W__container{place-content:center;gap:calc(var(--cdt-spacing)*8);padding:calc(var(--cdt-spacing)*8);grid-template-columns:repeat(6,1fr);display:grid}.section-overview-shadow-module__peOT8W__shadowBox{box-shadow:var(--shadow);border-radius:var(--cdt-radius-lg);padding:calc(var(--cdt-spacing)*4);aspect-ratio:1}
.section-detail-shadow-module__OE-CWW__container{gap:calc(var(--cdt-spacing)*4);flex-direction:column;flex:1;display:flex}.section-detail-shadow-module__OE-CWW__shadowBox{box-shadow:var(--shadow);border-radius:var(--cdt-radius-lg);padding:calc(var(--cdt-spacing)*4);aspect-ratio:1;min-width:calc(var(--cdt-spacing)*24);min-height:calc(var(--cdt-spacing)*24)}.section-detail-shadow-module__OE-CWW__shadowBoxWrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.section-detail-shadow-module__OE-CWW__shadowInfo{justify-content:end;gap:calc(var(--cdt-spacing)*2);flex-direction:column;flex:1;display:flex}
.section-hard-shadow-module__Qq5YNG__container{gap:calc(var(--cdt-spacing)*4);flex-direction:column;flex:1;display:flex}.section-hard-shadow-module__Qq5YNG__shadowBox{box-shadow:var(--shadow);border-radius:var(--cdt-radius-lg);background-color:rgb(var(--cdt-color-background-secondary));padding:calc(var(--cdt-spacing)*4);aspect-ratio:1;min-width:calc(var(--cdt-spacing)*24);min-height:calc(var(--cdt-spacing)*24)}.section-hard-shadow-module__Qq5YNG__shadowBoxWrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.section-hard-shadow-module__Qq5YNG__shadowInfo{justify-content:end;gap:calc(var(--cdt-spacing)*2);flex-direction:column;flex:1;display:flex}
.section-percentage-spacing-module__87qJGa__percentageSpacingGrid{padding:calc(var(--cdt-spacing)*4)calc(var(--cdt-spacing)*2)var(--cdt-spacing)calc(var(--cdt-spacing)*2);flex-wrap:wrap;grid-column:1/-1;display:flex}.section-percentage-spacing-module__87qJGa__spacingValueBar{align-items:center;gap:calc(var(--cdt-spacing)*2);flex:1;display:flex}.section-percentage-spacing-module__87qJGa__spacingBarWrapper{gap:calc(var(--cdt-spacing)*2);padding:calc(var(--cdt-spacing)*4)calc(var(--cdt-spacing)*2)0 calc(var(--cdt-spacing)*2);width:var(--width);position:relative}.section-percentage-spacing-module__87qJGa__spacingBarWrapper:nth-child(odd) .section-percentage-spacing-module__87qJGa__spacingValueBar{justify-content:flex-start}.section-percentage-spacing-module__87qJGa__spacingBarWrapper:nth-child(2n) .section-percentage-spacing-module__87qJGa__spacingValueBar{justify-content:flex-end}.section-percentage-spacing-module__87qJGa__spacingBar{top:0;right:calc(var(--cdt-spacing)*2);left:calc(var(--cdt-spacing)*2);background-color:rgb(var(--cdt-color-background-accent));height:calc(var(--cdt-spacing)*4);color:rgb(var(--cdt-color-text-on-accent));font-weight:var(--cdt-font-weight-medium);justify-content:center;align-items:center;display:flex;position:absolute}.section-percentage-spacing-module__87qJGa__spacingValue{padding:calc(var(--cdt-spacing)*2)0;color:rgb(var(--cdt-color-text-default))}
.section-list-spacing-module__J05FPW__blockWrapper{padding:calc(var(--cdt-spacing)*4)}.section-list-spacing-module__J05FPW__block{background-color:rgb(var(--cdt-color-background-secondary));aspect-ratio:1;justify-content:center;align-items:center;display:flex}.section-list-spacing-module__J05FPW__blockInner{justify-content:center;align-items:center;gap:calc(var(--cdt-spacing)*2);border:1px dotted rgb(var(--cdt-color-border-selected));width:100%;height:100%;color:rgb(var(--cdt-color-text-secondary));text-align:center;display:flex}.section-list-spacing-module__J05FPW__blockPadding1{padding:calc(var(--cdt-spacing)*4)calc(var(--cdt-spacing)*8)}.section-list-spacing-module__J05FPW__blockPadding2{padding:calc(var(--cdt-spacing)*4)calc(var(--cdt-spacing)*8)calc(var(--cdt-spacing)*16)}
.section-usage-spacing-module__PacEeq__container{flex-direction:column;grid-column:1/3;display:flex}.section-usage-spacing-module__PacEeq__wrapper,.section-usage-spacing-module__PacEeq__wrapper:not(:last-child){border-bottom:1px solid rgb(var(--cdt-color-border-default))}.section-usage-spacing-module__PacEeq__commentHighlight{color:rgb(var(--cdt-color-text-secondary))}.section-usage-spacing-module__PacEeq__functionHighlight{color:rgb(var(--cdt-color-text-assistive))}
.section-typography-module__7eQEUG__container{gap:calc(var(--cdt-spacing)*4);flex-direction:column;grid-column:1/-1;display:flex}.section-typography-module__7eQEUG__infoGrid{gap:calc(var(--cdt-spacing)*2);background-color:rgb(var(--cdt-color-background-secondary));padding:calc(var(--cdt-spacing)*4);grid-template-columns:1fr 1fr;margin:1px 1px 0;display:grid}.section-typography-module__7eQEUG__infoGridItem{gap:calc(var(--cdt-spacing)*2);flex-direction:column;display:flex}.section-typography-module__7eQEUG__examples{gap:var(--dynamic-lineHeight);background-image:linear-gradient(rgba(var(--cdt-color-background-danger),.2)1px,transparent 1px);background-position:0 calc(var(--cdt-spacing)*4);background-size:var(--dynamic-lineHeight);padding:calc(var(--cdt-spacing)*4);flex-direction:column;display:flex}.section-typography-module__7eQEUG__dynamicTypography{font-weight:var(--dynamic-font-weight);font-size:var(--dynamic-font-size);line-height:var(--dynamic-line-height);font-family:var(--dynamic-font-family);letter-spacing:var(--dynamic-letter-spacing)}.section-typography-module__7eQEUG__primaryText{color:rgb(var(--cdt-color-text-primary))}.section-typography-module__7eQEUG__secondaryText{max-width:600px;color:rgb(var(--cdt-color-text-secondary))}.section-typography-module__7eQEUG__tertiaryText{color:rgb(var(--cdt-color-text-tertiary))}