.do-module-scss-module__Q3r4La__root{width:100%;display:grid}@media screen and (min-width:962px){.do-module-scss-module__Q3r4La__root{display:contents}}.do-module-scss-module__Q3r4La__root .do-module-scss-module__Q3r4La__icon{color:#fff;background:var(--border-color,#198754);z-index:10;border:1px solid #fff;border-radius:50%;position:absolute;top:8px;left:8px}.do-module-scss-module__Q3r4La__root .do-module-scss-module__Q3r4La__image-container{grid-column:1/calc(var(--grid-column,1) + 1);border-top:4px solid var(--border-color,#198754);background-color:#f9f9fb;grid-row:auto;justify-content:center;align-items:center;display:flex;position:relative}.do-module-scss-module__Q3r4La__root .do-module-scss-module__Q3r4La__image-container>span{width:100%}@media screen and (min-width:962px){.do-module-scss-module__Q3r4La__root .do-module-scss-module__Q3r4La__image-container{grid-column:var(--grid-column,1)/var(--grid-column,1);grid-row:1}}.do-module-scss-module__Q3r4La__root .do-module-scss-module__Q3r4La__label{grid-column:1/calc(var(--grid-column,1) + 1);color:var(--border-color,#198754);letter-spacing:0;grid-row:auto;margin:0;font-family:Open Sans,sans-serif;font-size:16px;font-weight:600;line-height:24px}@media screen and (min-width:962px){.do-module-scss-module__Q3r4La__root .do-module-scss-module__Q3r4La__label{grid-column:var(--grid-column,1)/var(--grid-column,1);grid-row:2}}.do-module-scss-module__Q3r4La__root .do-module-scss-module__Q3r4La__description{grid-column:1/calc(var(--grid-column,1) + 1);color:#535b6a;flex-grow:1;grid-row:auto}@media screen and (min-width:962px){.do-module-scss-module__Q3r4La__root .do-module-scss-module__Q3r4La__description{grid-column:var(--grid-column,1)/var(--grid-column,1);grid-row:3}}
.dont-module-scss-module__u4OYSa__root{width:100%;display:grid}@media screen and (min-width:962px){.dont-module-scss-module__u4OYSa__root{display:contents}}.dont-module-scss-module__u4OYSa__root .dont-module-scss-module__u4OYSa__icon{color:#fff;background:var(--border-color,#198754);z-index:10;border:1px solid #fff;border-radius:50%;position:absolute;top:8px;left:8px}.dont-module-scss-module__u4OYSa__root .dont-module-scss-module__u4OYSa__image-container{grid-column:1/calc(var(--grid-column,1) + 1);border-top:4px solid var(--border-color,#198754);background-color:#f9f9fb;grid-row:auto;justify-content:center;align-items:center;display:flex;position:relative}.dont-module-scss-module__u4OYSa__root .dont-module-scss-module__u4OYSa__image-container>span{width:100%}@media screen and (min-width:962px){.dont-module-scss-module__u4OYSa__root .dont-module-scss-module__u4OYSa__image-container{grid-column:var(--grid-column,1)/var(--grid-column,1);grid-row:1}}.dont-module-scss-module__u4OYSa__root .dont-module-scss-module__u4OYSa__label{grid-column:1/calc(var(--grid-column,1) + 1);color:var(--border-color,#198754);letter-spacing:0;grid-row:auto;margin:0;font-family:Open Sans,sans-serif;font-size:16px;font-weight:600;line-height:24px}@media screen and (min-width:962px){.dont-module-scss-module__u4OYSa__root .dont-module-scss-module__u4OYSa__label{grid-column:var(--grid-column,1)/var(--grid-column,1);grid-row:2}}.dont-module-scss-module__u4OYSa__root .dont-module-scss-module__u4OYSa__description{grid-column:1/calc(var(--grid-column,1) + 1);color:#535b6a;flex-grow:1;grid-row:auto}@media screen and (min-width:962px){.dont-module-scss-module__u4OYSa__root .dont-module-scss-module__u4OYSa__description{grid-column:var(--grid-column,1)/var(--grid-column,1);grid-row:3}}.dont-module-scss-module__u4OYSa__root{--border-color:#dc3545;--grid-area:dont;--grid-column:2}
.dos-donts-module-scss-module__9tkBrW__dos-donts{grid-row-gap:32px;grid-column-gap:0;display:grid}@media screen and (min-width:962px){.dos-donts-module-scss-module__9tkBrW__dos-donts{grid-row-gap:0;grid-column-gap:16px;grid-template-rows:1fr min-content min-content;grid-template-columns:1fr 1fr}}
@keyframes icons-list-module-scss-module__wetPwG__fadeIn{0%{opacity:0}to{opacity:1}}.icons-list-module-scss-module__wetPwG__icons-list{flex-wrap:wrap;justify-content:flex-start;gap:10px;display:flex}@media screen and (min-width:0){.icons-list-module-scss-module__wetPwG__list-item{aspect-ratio:1;flex-basis:calc(33% - 8px)}}@media screen and (min-width:600px){.icons-list-module-scss-module__wetPwG__list-item{aspect-ratio:1;flex-basis:calc(25% - 8px)}}@media screen and (min-width:962px){.icons-list-module-scss-module__wetPwG__list-item{aspect-ratio:1;flex-basis:calc(16% - 8px)}}@media screen and (min-width:1200px){.icons-list-module-scss-module__wetPwG__list-item{aspect-ratio:1;flex-basis:calc(16% - 8px)}}@media screen and (min-width:1440px){.icons-list-module-scss-module__wetPwG__list-item{aspect-ratio:1;flex-basis:calc(14% - 8px)}}@media screen and (min-width:1920px){.icons-list-module-scss-module__wetPwG__list-item{aspect-ratio:1;flex-basis:calc(12% - 8px)}}.icons-list-module-scss-module__wetPwG__group-name{text-transform:capitalize;margin-top:40px;margin-bottom:20px}.icons-list-module-scss-module__wetPwG__search{border-radius:10px;align-self:stretch;min-width:180px;height:auto}.icons-list-module-scss-module__wetPwG__controls-wrapper{z-index:1020;justify-content:center;margin-top:48px;display:flex;position:sticky;top:90px}.icons-list-module-scss-module__wetPwG__controls{box-shadow:none;background:#fff;border-radius:20px;align-items:center;gap:10px;padding:10px;transition-property:box-shadow;transition-duration:.25s;transition-timing-function:ease-out;display:inline-flex}@media (prefers-reduced-motion:reduce){.icons-list-module-scss-module__wetPwG__controls{transition-duration:0s}}.icons-list-module-scss-module__wetPwG__stuck .icons-list-module-scss-module__wetPwG__controls{box-shadow:0 4.8px 14.4px #0000002e,0 25.6px 57.6px #00000038}.icons-list-module-scss-module__wetPwG__version-item{font-weight:600}.icons-list-module-scss-module__wetPwG__loading{text-align:center;color:#6e7687;padding:20px;font-size:14px}.icons-list-module-scss-module__wetPwG__loading-skeleton{flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:40px;display:flex}.icons-list-module-scss-module__wetPwG__skeleton-item{background:linear-gradient(90deg,#fff 25%,#e2e5eb 50%,#fff 75%) 0 0/200% 100%;border-radius:10px;animation:1.4s infinite icons-list-module-scss-module__wetPwG__skeleton-shimmer}@media screen and (min-width:0){.icons-list-module-scss-module__wetPwG__skeleton-item{aspect-ratio:1;flex-basis:calc(33% - 8px)}}@media screen and (min-width:600px){.icons-list-module-scss-module__wetPwG__skeleton-item{aspect-ratio:1;flex-basis:calc(25% - 8px)}}@media screen and (min-width:962px){.icons-list-module-scss-module__wetPwG__skeleton-item{aspect-ratio:1;flex-basis:calc(16% - 8px)}}@media screen and (min-width:1200px){.icons-list-module-scss-module__wetPwG__skeleton-item{aspect-ratio:1;flex-basis:calc(16% - 8px)}}@media screen and (min-width:1440px){.icons-list-module-scss-module__wetPwG__skeleton-item{aspect-ratio:1;flex-basis:calc(14% - 8px)}}@media screen and (min-width:1920px){.icons-list-module-scss-module__wetPwG__skeleton-item{aspect-ratio:1;flex-basis:calc(12% - 8px)}}@keyframes icons-list-module-scss-module__wetPwG__skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}
@keyframes icons-list-item-details-module-scss-module__M_nEBW__fadeIn{0%{opacity:0}to{opacity:1}}.icons-list-item-details-module-scss-module__M_nEBW__root{cursor:auto;z-index:1010;color:#000e33;white-space:pre;background:#fff;flex-direction:column;animation-name:icons-list-item-details-module-scss-module__M_nEBW__fadeIn;animation-duration:.15s;animation-direction:normal;display:flex;position:absolute}@media (prefers-reduced-motion:reduce){.icons-list-item-details-module-scss-module__M_nEBW__root{animation:none}}@media screen and (min-width:962px){.icons-list-item-details-module-scss-module__M_nEBW__root{flex-direction:row}}.icons-list-item-details-module-scss-module__M_nEBW__root svg{fill:currentColor}.icons-list-item-details-module-scss-module__M_nEBW__left{background-color:#f9f9fb;justify-content:center;align-items:center;padding:40px;display:flex}.icons-list-item-details-module-scss-module__M_nEBW__left .icons-list-item-details-module-scss-module__M_nEBW__icon{width:128px;max-width:100%;height:128px}.icons-list-item-details-module-scss-module__M_nEBW__right{text-align:left;flex-direction:column;gap:16px;padding:32px;display:flex}.icons-list-item-details-module-scss-module__M_nEBW__right .icons-list-item-details-module-scss-module__M_nEBW__label{margin-bottom:8px;font-weight:600;display:inline-block}.icons-list-item-details-module-scss-module__M_nEBW__name-button{justify-content:start;gap:12px;width:min-content}.icons-list-item-details-module-scss-module__M_nEBW__name-button .icons-list-item-details-module-scss-module__M_nEBW__copy-icon{opacity:0;transition:opacity .15s}.icons-list-item-details-module-scss-module__M_nEBW__name-button:hover .icons-list-item-details-module-scss-module__M_nEBW__copy-icon{opacity:.5}.icons-list-item-details-module-scss-module__M_nEBW__description{color:#000e33;padding:8px}.icons-list-item-details-module-scss-module__M_nEBW__aliases{color:#3a404d;flex-direction:column;display:flex}.icons-list-item-details-module-scss-module__M_nEBW__actions{flex:auto;align-items:flex-end;display:flex}
@keyframes icons-list-item-module-scss-module__i6K88a__fadeIn{0%{opacity:0}to{opacity:1}}.icons-list-item-module-scss-module__i6K88a__item{cursor:pointer;text-align:center;color:#000e33;transition-property:var(--transition-property) background-color,color,box-shadow;background-color:#f9f9fb;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:6px;transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.5,1);display:flex;position:relative}@media (prefers-reduced-motion:reduce){.icons-list-item-module-scss-module__i6K88a__item{transition-duration:0s}}.icons-list-item-module-scss-module__i6K88a__item:hover,.icons-list-item-module-scss-module__i6K88a__item.icons-list-item-module-scss-module__i6K88a__hover{background-color:#f2f4f8}.icons-list-item-module-scss-module__i6K88a__item.icons-list-item-module-scss-module__i6K88a__selected{color:#225eff;background-color:#f2f4f8}.icons-list-item-module-scss-module__i6K88a__icon{color:#000e33;width:40px;height:40px}.icons-list-item-module-scss-module__i6K88a__icon svg{fill:currentColor}.icons-list-item-module-scss-module__i6K88a__name{-webkit-line-clamp:1;word-break:break-word;-webkit-box-orient:vertical;width:100%;display:-webkit-box;overflow:hidden}
@keyframes checkbox-label-module-scss-module__gGF8IG__fadeIn{0%{opacity:0}to{opacity:1}}.checkbox-label-module-scss-module__gGF8IG__root{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.checkbox-label-module-scss-module__gGF8IG__checkbox{margin:0}
@keyframes radio-label-module-scss-module__ESu1Oa__fadeIn{0%{opacity:0}to{opacity:1}}.radio-label-module-scss-module__ESu1Oa__root{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.radio-label-module-scss-module__ESu1Oa__radio{margin:0}.radio-label-module-scss-module__ESu1Oa__horizontal{flex-direction:row}.radio-label-module-scss-module__ESu1Oa__vertical{flex-direction:column}
@keyframes color-swatch-item-module-scss-module__AjrXDa__fadeIn{0%{opacity:0}to{opacity:1}}.color-swatch-item-module-scss-module__AjrXDa__item{cursor:pointer;color:#000;border:1px solid #00000014;border-radius:8px 8px 0 0;flex-direction:row;flex:1;justify-content:space-between;margin-bottom:-8px;padding:12px 12px 20px;transition:transform .2s;display:flex;position:relative;overflow:hidden}.color-swatch-item-module-scss-module__AjrXDa__item:hover,.color-swatch-item-module-scss-module__AjrXDa__item:focus-within{z-index:10;overflow:visible;transform:translateY(-4px)}.color-swatch-item-module-scss-module__AjrXDa__item .color-swatch-item-module-scss-module__AjrXDa__hex-title{display:none}@media screen and (min-width:600px){.color-swatch-item-module-scss-module__AjrXDa__item{flex-direction:column;gap:4px;margin-bottom:0;padding:8px 12px 20px}.color-swatch-item-module-scss-module__AjrXDa__item .color-swatch-item-module-scss-module__AjrXDa__hex-title{display:block}}@media screen and (min-width:962px){.color-swatch-item-module-scss-module__AjrXDa__item{flex-direction:column;gap:8px;min-height:114px;padding:12px 16px 24px}}.color-swatch-item-module-scss-module__AjrXDa__item .color-swatch-item-module-scss-module__AjrXDa__item-text{font-size:10px}@media screen and (min-width:962px){.color-swatch-item-module-scss-module__AjrXDa__item .color-swatch-item-module-scss-module__AjrXDa__item-text{font-size:13px}}.color-swatch-item-module-scss-module__AjrXDa__item .color-swatch-item-module-scss-module__AjrXDa__values{flex-direction:column;gap:16px;display:flex}.color-swatch-item-module-scss-module__AjrXDa__item .color-swatch-item-module-scss-module__AjrXDa__values .color-swatch-item-module-scss-module__AjrXDa__hex,.color-swatch-item-module-scss-module__AjrXDa__item .color-swatch-item-module-scss-module__AjrXDa__values .color-swatch-item-module-scss-module__AjrXDa__rgb,.color-swatch-item-module-scss-module__AjrXDa__item .color-swatch-item-module-scss-module__AjrXDa__values .color-swatch-item-module-scss-module__AjrXDa__hsl{flex-direction:column;align-items:flex-start;display:flex}.color-swatch-item-module-scss-module__AjrXDa__item.color-swatch-item-module-scss-module__AjrXDa__inverted{color:#fff}.color-swatch-item-module-scss-module__AjrXDa__tooltip{color:#fff;white-space:nowrap;pointer-events:none;z-index:20;background:#000000e0;border-radius:6px;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 8px;padding:8px 12px;font-family:SF Mono,Fira Code,Cascadia Code,Menlo,monospace;font-size:11px;line-height:1;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}.color-swatch-item-module-scss-module__AjrXDa__tooltip:after{content:"";border:5px solid #0000;border-top-color:#000000e0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.color-swatch-item-module-scss-module__AjrXDa__item:hover .color-swatch-item-module-scss-module__AjrXDa__tooltip,.color-swatch-item-module-scss-module__AjrXDa__tooltip-visible{display:grid}.color-swatch-item-module-scss-module__AjrXDa__tooltip-copied{letter-spacing:.04em;grid-column:1/-1;font-size:10px}.color-swatch-item-module-scss-module__AjrXDa__tooltip-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;text-align:right;font-size:10px}.color-swatch-item-module-scss-module__AjrXDa__tooltip-value{color:#fff;font-size:11px}
@keyframes color-swatch-module-scss-module__4Z7k-G__fadeIn{0%{opacity:0}to{opacity:1}}.color-swatch-module-scss-module__4Z7k-G__root{display:block}.color-swatch-module-scss-module__4Z7k-G__swatch-row{display:block;position:relative}.color-swatch-module-scss-module__4Z7k-G__swatch-row:first-child{z-index:1}.color-swatch-module-scss-module__4Z7k-G__swatch-row:nth-child(2){z-index:2}.color-swatch-module-scss-module__4Z7k-G__swatch-row:nth-child(3){z-index:3}.color-swatch-module-scss-module__4Z7k-G__swatch-row:nth-child(4){z-index:4}.color-swatch-module-scss-module__4Z7k-G__swatch-row+.color-swatch-module-scss-module__4Z7k-G__swatch-row{margin-top:-8px}@media screen and (min-width:600px){.color-swatch-module-scss-module__4Z7k-G__swatch-row{flex-direction:row;display:flex}}.color-swatch-module-scss-module__4Z7k-G__large-item{flex:0 0 50%}
@keyframes motion-preview-module-scss-module__NZlsHq__fadeIn{0%{opacity:0}to{opacity:1}}.motion-preview-module-scss-module__NZlsHq__motion-preview-container{cursor:pointer;background-color:#f9f9fb;border:1px solid #e2e5eb;border-radius:999px;align-items:center;width:100%;height:40px;display:flex;position:relative}@media screen and (min-width:600px){.motion-preview-module-scss-module__NZlsHq__motion-preview-container{height:50px}}.motion-preview-module-scss-module__NZlsHq__motion-box{border:1px solid;border-radius:4px;flex-shrink:0;width:40px;height:40px}@media screen and (min-width:600px){.motion-preview-module-scss-module__NZlsHq__motion-box{width:50px;height:50px}}.motion-preview-module-scss-module__NZlsHq__motion-box.motion-preview-module-scss-module__NZlsHq__active{z-index:1;background-color:#9219b140;border-color:#9219b1;border-radius:999px;transition-property:left;position:absolute;left:0}.motion-preview-module-scss-module__NZlsHq__motion-box.motion-preview-module-scss-module__NZlsHq__active.motion-preview-module-scss-module__NZlsHq__animating{left:calc(100% - 40px)}@media screen and (min-width:600px){.motion-preview-module-scss-module__NZlsHq__motion-box.motion-preview-module-scss-module__NZlsHq__active.motion-preview-module-scss-module__NZlsHq__animating{left:calc(100% - 50px)}}
@keyframes motion-map-list-module-scss-module__II-KNa__fadeIn{0%{opacity:0}to{opacity:1}}.motion-map-list-module-scss-module__II-KNa__motion-map-list{margin:20px 0}.motion-map-list-module-scss-module__II-KNa__motion-map-list .motion-map-list-module-scss-module__II-KNa__token{width:120px;padding-left:32px}.motion-map-list-module-scss-module__II-KNa__motion-map-list .motion-map-list-module-scss-module__II-KNa__variable,.motion-map-list-module-scss-module__II-KNa__motion-map-list .motion-map-list-module-scss-module__II-KNa__value,.motion-map-list-module-scss-module__II-KNa__motion-map-list .motion-map-list-module-scss-module__II-KNa__easing-value{display:none}.motion-map-list-module-scss-module__II-KNa__motion-map-list .motion-map-list-module-scss-module__II-KNa__example{padding-right:32px}.motion-map-list-module-scss-module__II-KNa__motion-map-list .motion-map-list-module-scss-module__II-KNa__motion-cell{padding-block:16px}.motion-map-list-module-scss-module__II-KNa__motion-map-list .motion-map-list-module-scss-module__II-KNa__group-header-cell{text-align:center;font-weight:600}.motion-map-list-module-scss-module__II-KNa__motion-map-list .motion-map-list-module-scss-module__II-KNa__group-header-mobile{display:table-row}.motion-map-list-module-scss-module__II-KNa__motion-map-list .motion-map-list-module-scss-module__II-KNa__group-header-xs,.motion-map-list-module-scss-module__II-KNa__motion-map-list .motion-map-list-module-scss-module__II-KNa__group-header-sm{display:none}@media screen and (min-width:600px){.motion-map-list-module-scss-module__II-KNa__motion-map-list .motion-map-list-module-scss-module__II-KNa__group-header-mobile{display:none}.motion-map-list-module-scss-module__II-KNa__motion-map-list .motion-map-list-module-scss-module__II-KNa__group-header-xs{display:table-row}.motion-map-list-module-scss-module__II-KNa__motion-map-list .motion-map-list-module-scss-module__II-KNa__value{width:160px;display:table-cell}.motion-map-list-module-scss-module__II-KNa__motion-map-list .motion-map-list-module-scss-module__II-KNa__easing-value{width:200px;display:table-cell}}@media screen and (min-width:962px){.motion-map-list-module-scss-module__II-KNa__motion-map-list .motion-map-list-module-scss-module__II-KNa__group-header-xs{display:none}.motion-map-list-module-scss-module__II-KNa__motion-map-list .motion-map-list-module-scss-module__II-KNa__group-header-sm{display:table-row}.motion-map-list-module-scss-module__II-KNa__motion-map-list .motion-map-list-module-scss-module__II-KNa__variable{width:284px;display:table-cell}}
@keyframes typography-list-module-scss-module__-PFipG__fadeIn{0%{opacity:0}to{opacity:1}}.typography-list-module-scss-module__-PFipG__typography-list{margin:20px 0}.typography-list-module-scss-module__-PFipG__typography-list .typography-list-module-scss-module__-PFipG__key{width:104px}.typography-list-module-scss-module__-PFipG__typography-list .typography-list-module-scss-module__-PFipG__value,.typography-list-module-scss-module__-PFipG__typography-list .typography-list-module-scss-module__-PFipG__example{width:auto}.typography-list-module-scss-module__-PFipG__typography-list .typography-list-module-scss-module__-PFipG__variable{display:none}@media screen and (min-width:1200px){.typography-list-module-scss-module__-PFipG__typography-list .typography-list-module-scss-module__-PFipG__key{width:120px}.typography-list-module-scss-module__-PFipG__typography-list .typography-list-module-scss-module__-PFipG__value{width:260px}.typography-list-module-scss-module__-PFipG__typography-list .typography-list-module-scss-module__-PFipG__variable{width:301px;display:table-cell}}
.elevation-preview-module-scss-module__dUq0XW__elevation-preview{background-color:#fff;border-radius:16px;width:80%;max-width:210px;height:70px;display:block}
@keyframes elevation-list-module-scss-module__qShFQa__fadeIn{0%{opacity:0}to{opacity:1}}.elevation-list-module-scss-module__qShFQa__elevation-list{background-color:#f9f9fb;margin:20px 0}.elevation-list-module-scss-module__qShFQa__elevation-list .elevation-list-module-scss-module__qShFQa__step{width:85px;padding-left:32px}.elevation-list-module-scss-module__qShFQa__elevation-list .elevation-list-module-scss-module__qShFQa__variable,.elevation-list-module-scss-module__qShFQa__elevation-list .elevation-list-module-scss-module__qShFQa__value{display:none}.elevation-list-module-scss-module__qShFQa__elevation-list .elevation-list-module-scss-module__qShFQa__example{width:auto}.elevation-list-module-scss-module__qShFQa__elevation-list .elevation-list-module-scss-module__qShFQa__elevation-cell{padding-bottom:32px}.elevation-list-module-scss-module__qShFQa__elevation-list .elevation-list-module-scss-module__qShFQa__elevation-cell-last{padding-bottom:64px}@media screen and (min-width:600px){.elevation-list-module-scss-module__qShFQa__elevation-list .elevation-list-module-scss-module__qShFQa__variable{width:220px;display:table-cell}}@media screen and (min-width:962px){.elevation-list-module-scss-module__qShFQa__elevation-list .elevation-list-module-scss-module__qShFQa__value{width:260px;display:table-cell}}
@keyframes variable-map-list-module-scss-module__oEBelG__fadeIn{0%{opacity:0}to{opacity:1}}.variable-map-list-module-scss-module__oEBelG__variable-map-list{margin:20px 0}.variable-map-list-module-scss-module__oEBelG__variable-map-list .variable-map-list-module-scss-module__oEBelG__alr-row{border-top-width:0!important}.variable-map-list-module-scss-module__oEBelG__variable-map-list .variable-map-list-module-scss-module__oEBelG__flex-cell{flex-direction:column;gap:10px;display:flex}.variable-map-list-module-scss-module__oEBelG__variable-map-list .variable-map-list-module-scss-module__oEBelG__flex-cell *{width:fit-content}.variable-map-list-module-scss-module__oEBelG__variable-map-list .variable-map-list-module-scss-module__oEBelG__variables-map-list-cell{vertical-align:top}.variable-map-list-module-scss-module__oEBelG__variable-map-list .variable-map-list-module-scss-module__oEBelG__nested-table{border-collapse:separate;border:none}.variable-map-list-module-scss-module__oEBelG__variable-map-list .variable-map-list-module-scss-module__oEBelG__nested-table>*{border-collapse:separate}.variable-map-list-module-scss-module__oEBelG__variable-map-list .variable-map-list-module-scss-module__oEBelG__key-cell{text-align:right;width:30%;display:none}@media screen and (min-width:600px){.variable-map-list-module-scss-module__oEBelG__variable-map-list .variable-map-list-module-scss-module__oEBelG__large{width:66.666%;display:table-cell}.variable-map-list-module-scss-module__oEBelG__variable-map-list .variable-map-list-module-scss-module__oEBelG__full{width:100%}.variable-map-list-module-scss-module__oEBelG__variable-map-list .variable-map-list-module-scss-module__oEBelG__flex-cell{display:none}.variable-map-list-module-scss-module__oEBelG__variable-map-list .variable-map-list-module-scss-module__oEBelG__key-cell{display:table-cell}}
.new-spacing-preview-module-scss-module__LVTECa__new-spacing-example{background-color:#9219b140;border:0 solid #9219b1;border-width:0 .75px;display:block}
@keyframes new-spacing-map-list-module-scss-module__sS9o9W__fadeIn{0%{opacity:0}to{opacity:1}}.new-spacing-map-list-module-scss-module__sS9o9W__new-spacing-map-list{margin:20px 0}.new-spacing-map-list-module-scss-module__sS9o9W__new-spacing-map-list .new-spacing-map-list-module-scss-module__sS9o9W__step{width:100px;padding-left:32px}.new-spacing-map-list-module-scss-module__sS9o9W__new-spacing-map-list .new-spacing-map-list-module-scss-module__sS9o9W__variable,.new-spacing-map-list-module-scss-module__sS9o9W__new-spacing-map-list .new-spacing-map-list-module-scss-module__sS9o9W__value{display:none}.new-spacing-map-list-module-scss-module__sS9o9W__new-spacing-map-list .new-spacing-map-list-module-scss-module__sS9o9W__example{width:auto}.new-spacing-map-list-module-scss-module__sS9o9W__new-spacing-map-list .new-spacing-map-list-module-scss-module__sS9o9W__spacing-cell{padding-block:8px}@media screen and (min-width:600px){.new-spacing-map-list-module-scss-module__sS9o9W__new-spacing-map-list .new-spacing-map-list-module-scss-module__sS9o9W__variable{width:200px;display:table-cell}}@media screen and (min-width:962px){.new-spacing-map-list-module-scss-module__sS9o9W__new-spacing-map-list .new-spacing-map-list-module-scss-module__sS9o9W__value{width:320px;display:table-cell}}
.configurator-section-module-scss-module__jsQ8UW__section .configurator-section-module-scss-module__jsQ8UW__section-name{color:#6e7687}.configurator-section-module-scss-module__jsQ8UW__section .configurator-section-module-scss-module__jsQ8UW__item{margin:0;padding:8px 0 12px;list-style-type:none}.configurator-section-module-scss-module__jsQ8UW__section .configurator-section-module-scss-module__jsQ8UW__item .configurator-section-module-scss-module__jsQ8UW__option{text-transform:capitalize}.configurator-section-module-scss-module__jsQ8UW__section .configurator-section-module-scss-module__jsQ8UW__item .configurator-section-module-scss-module__jsQ8UW__option:not(:first-child){margin-top:8px}
@keyframes configurator-module-scss-module__x056-G__fadeIn{0%{opacity:0}to{opacity:1}}.configurator-module-scss-module__x056-G__configurator{background-color:#fff;border:1px solid #e2e5eb;border-bottom-width:0;border-radius:0 8px 0 0;min-width:180px;padding:12px;position:relative;overflow:auto}.configurator-module-scss-module__x056-G__configurator::-webkit-scrollbar{display:none}
@keyframes live-demo-module-scss-module__-Ya2Wq__fadeIn{0%{opacity:0}to{opacity:1}}.live-demo-module-scss-module__-Ya2Wq__overlay{z-index:10000;background-color:#00000030;width:100vw;height:100vh;position:fixed;top:0;left:0}.live-demo-module-scss-module__-Ya2Wq__demo{background-color:#fff;margin:20px 0 40px;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,0,1)}@media (prefers-reduced-motion:reduce){.live-demo-module-scss-module__-Ya2Wq__demo{transition-duration:0s}}.live-demo-module-scss-module__-Ya2Wq__demo.live-demo-module-scss-module__-Ya2Wq__full-screen{z-index:12000;background-color:#0000;width:calc(100% - 40px);height:calc(100% - 40px);position:fixed;top:54px;left:20px}.live-demo-module-scss-module__-Ya2Wq__demo.live-demo-module-scss-module__-Ya2Wq__full-screen .live-demo-module-scss-module__-Ya2Wq__flex-container{max-height:calc(80% + 60px - var(--code-max-height,10px))}.live-demo-module-scss-module__-Ya2Wq__demo .live-demo-module-scss-module__-Ya2Wq__flex-container{flex-wrap:nowrap;height:480px;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,0,1);display:flex}@media (prefers-reduced-motion:reduce){.live-demo-module-scss-module__-Ya2Wq__demo .live-demo-module-scss-module__-Ya2Wq__flex-container{transition-duration:0s}}.live-demo-module-scss-module__-Ya2Wq__demo .live-demo-module-scss-module__-Ya2Wq__flex-container.live-demo-module-scss-module__-Ya2Wq__large-view{height:1000px}.live-demo-module-scss-module__-Ya2Wq__demo .live-demo-module-scss-module__-Ya2Wq__flex-container .live-demo-module-scss-module__-Ya2Wq__preview{background-color:#fff;border:0 solid #e2e5eb;border-width:1px 0 0 1px;border-radius:8px 0 0;flex-grow:2;position:relative;overflow:hidden}.live-demo-module-scss-module__-Ya2Wq__demo .live-demo-module-scss-module__-Ya2Wq__flex-container .live-demo-module-scss-module__-Ya2Wq__preview.live-demo-module-scss-module__-Ya2Wq__right-border{border-right-width:1px;border-top-right-radius:8px}.live-demo-module-scss-module__-Ya2Wq__demo .live-demo-module-scss-module__-Ya2Wq__flex-container .live-demo-module-scss-module__-Ya2Wq__preview.live-demo-module-scss-module__-Ya2Wq__borderless{border:none}.live-demo-module-scss-module__-Ya2Wq__demo .live-demo-module-scss-module__-Ya2Wq__flex-container .live-demo-module-scss-module__-Ya2Wq__preview:hover .live-demo-module-scss-module__-Ya2Wq__full-screen-btn,.live-demo-module-scss-module__-Ya2Wq__demo .live-demo-module-scss-module__-Ya2Wq__flex-container .live-demo-module-scss-module__-Ya2Wq__preview.live-demo-module-scss-module__-Ya2Wq__hover .live-demo-module-scss-module__-Ya2Wq__full-screen-btn{opacity:1}.live-demo-module-scss-module__-Ya2Wq__demo .live-demo-module-scss-module__-Ya2Wq__flex-container .live-demo-module-scss-module__-Ya2Wq__preview>iframe{border:none;width:100%;height:100%;overflow:hidden}.live-demo-module-scss-module__-Ya2Wq__demo .live-demo-module-scss-module__-Ya2Wq__flex-container .live-demo-module-scss-module__-Ya2Wq__preview .live-demo-module-scss-module__-Ya2Wq__full-screen-btn{opacity:0;padding:8px;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,0,1);position:absolute;top:14px;right:14px}@media (prefers-reduced-motion:reduce){.live-demo-module-scss-module__-Ya2Wq__demo .live-demo-module-scss-module__-Ya2Wq__flex-container .live-demo-module-scss-module__-Ya2Wq__preview .live-demo-module-scss-module__-Ya2Wq__full-screen-btn{transition-duration:0s}}
@keyframes code-previewer-module-scss-module__bx-cMq__fadeIn{0%{opacity:0}to{opacity:1}}.code-previewer-module-scss-module__bx-cMq__wrapper{max-height:var(--max-height,400px);background-color:#f9f9fb;border:1px solid #e2e5eb;border-top-width:0;border-radius:0 0 8px 8px;padding:20px 48px 20px 20px;transition-property:max-height;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,0,1);position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.code-previewer-module-scss-module__bx-cMq__wrapper{transition-duration:0s}}.code-previewer-module-scss-module__bx-cMq__wrapper:hover .code-previewer-module-scss-module__bx-cMq__copy-button{opacity:1}.code-previewer-module-scss-module__bx-cMq__wrapper.code-previewer-module-scss-module__bx-cMq__full-screen{max-height:var(--max-height,30%)}.code-previewer-module-scss-module__bx-cMq__wrapper .code-previewer-module-scss-module__bx-cMq__copy-button{opacity:0;padding:8px;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,0,1);position:absolute;top:14px;right:14px}@media (prefers-reduced-motion:reduce){.code-previewer-module-scss-module__bx-cMq__wrapper .code-previewer-module-scss-module__bx-cMq__copy-button{transition-duration:0s}}.code-previewer-module-scss-module__bx-cMq__wrapper .code-previewer-module-scss-module__bx-cMq__show-more{z-index:1;cursor:pointer;gap:6px;display:flex;position:absolute;bottom:0;right:50%;transform:translate(50%,-50%)}.code-previewer-module-scss-module__bx-cMq__wrapper .code-previewer-module-scss-module__bx-cMq__bottom-padding{background-color:#f9f9fb;width:100%;height:40px;position:absolute;bottom:0;left:0}.code-previewer-module-scss-module__bx-cMq__wrapper .code-previewer-module-scss-module__bx-cMq__pre{border:none;padding:0}
@keyframes link-container-module-scss-module__AgUcEq__fadeIn{0%{opacity:0}to{opacity:1}}.link-container-module-scss-module__AgUcEq__link-container{background-color:#f9f9fb;border:1px solid #e2e5eb;gap:20px;padding:10px 16px;display:flex;overflow:auto}.link-container-module-scss-module__AgUcEq__link-container .link-container-module-scss-module__AgUcEq__link{color:#003de5;align-items:center;gap:6px;-webkit-text-decoration:underline #003de500;text-decoration:underline #003de500;text-decoration-thickness:1px;transition-property:text-decoration-color;transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.5,1);display:inline-flex}@media (prefers-reduced-motion:reduce){.link-container-module-scss-module__AgUcEq__link-container .link-container-module-scss-module__AgUcEq__link{transition-duration:0s}}.link-container-module-scss-module__AgUcEq__link-container .link-container-module-scss-module__AgUcEq__link:hover,.link-container-module-scss-module__AgUcEq__link-container .link-container-module-scss-module__AgUcEq__link.link-container-module-scss-module__AgUcEq__hover{color:#002da8;text-decoration-color:#003de5}.link-container-module-scss-module__AgUcEq__link-container .link-container-module-scss-module__AgUcEq__link span{text-wrap:nowrap}
@keyframes demo-error-module-scss-module__FOyVBG__fadeIn{0%{opacity:0}to{opacity:1}}.demo-error-module-scss-module__FOyVBG__error{background-color:#f9f9fb;border:1px solid #e2e5eb;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 0 30px;display:flex}.demo-error-module-scss-module__FOyVBG__title{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}
@keyframes live-demo-v2-module-scss-module__UpHWaW__fadeIn{0%{opacity:0}to{opacity:1}}.live-demo-v2-module-scss-module__UpHWaW__overlay{width:100%;height:var(--overlay-height,100%);z-index:6000;background-color:#00000030;padding:74px 20px 0;position:absolute;top:0;left:0}.live-demo-v2-module-scss-module__UpHWaW__overlay .live-demo-v2-module-scss-module__UpHWaW__wrapper{background-color:#fff;border-radius:8px;height:calc(100vh - 130px);margin-top:0;padding:16px}.live-demo-v2-module-scss-module__UpHWaW__wrapper{flex-direction:column;justify-content:stretch;gap:8px;margin-top:40px;display:flex}.live-demo-v2-module-scss-module__UpHWaW__toolbar{flex-direction:row;justify-content:space-between;gap:8px;display:flex}.live-demo-v2-module-scss-module__UpHWaW__toolbar .live-demo-v2-module-scss-module__UpHWaW__toolbar-left,.live-demo-v2-module-scss-module__UpHWaW__toolbar .live-demo-v2-module-scss-module__UpHWaW__toolbar-right{flex-direction:row;gap:8px;display:flex}.live-demo-v2-module-scss-module__UpHWaW__no-scroll{overflow:hidden}
@keyframes demo-mode-module-scss-module__f-VBOq__fadeIn{0%{opacity:0}to{opacity:1}}.demo-mode-module-scss-module__f-VBOq__frame-container{width:calc(var(--content-width));height:calc(var(--content-height));--pad-left:calc(calc(100% - var(--content-width)) / 2);margin:auto}.demo-mode-module-scss-module__f-VBOq__frame-container .demo-mode-module-scss-module__f-VBOq__demo-frame{margin:16px 44px 44px calc(var(--pad-left) + 44px);width:calc((var(--content-width) - 44px - 44px)/var(--scale,1));height:calc((var(--content-height) - 16px - 44px)/var(--scale,1));scale:var(--scale,1);transform-origin:0 0;border-radius:var(--frame-border-radius,0);border:none;display:block;overflow:auto;box-shadow:0 5px 15px #00000026}.demo-mode-module-scss-module__f-VBOq__frame-container.demo-mode-module-scss-module__f-VBOq__padded{width:calc(var(--content-width) + 44px + 44px);height:calc(var(--content-height) + 16px + 44px);padding:16px 44px 44px}.demo-mode-module-scss-module__f-VBOq__frame-container.demo-mode-module-scss-module__f-VBOq__padded .demo-mode-module-scss-module__f-VBOq__demo-frame{width:calc(var(--content-width)/var(--scale,1));height:calc(var(--content-height)/var(--scale,1));margin:0}.demo-mode-module-scss-module__f-VBOq__fullscreen{height:100%}
@keyframes helpers-module-scss-module__TwRvPG__fadeIn{0%{opacity:0}to{opacity:1}}.helpers-module-scss-module__TwRvPG__content{background-color:#f9f9fb;border:1px solid #e2e5eb;border-radius:8px;flex-direction:column;padding:0 8px 8px;transition-property:height;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,0,1);display:flex;position:relative;overflow:auto}@media (prefers-reduced-motion:reduce){.helpers-module-scss-module__TwRvPG__content{transition-duration:0s}}.helpers-module-scss-module__TwRvPG__header{flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex;position:relative}.helpers-module-scss-module__TwRvPG__zoom-button{flex-direction:row;display:flex}.helpers-module-scss-module__TwRvPG__zoom-button .helpers-module-scss-module__TwRvPG__zb-button,.helpers-module-scss-module__TwRvPG__zoom-button .helpers-module-scss-module__TwRvPG__zb-label{box-sizing:border-box;color:#535b6a;background-color:#fff;height:24px;line-height:24px;box-shadow:0 2px 4px #00000008,0 4px 5px #0000000a}.helpers-module-scss-module__TwRvPG__zoom-button .helpers-module-scss-module__TwRvPG__zb-label{justify-content:center;min-width:54px;padding:0 8px;display:flex}.helpers-module-scss-module__TwRvPG__zoom-button .helpers-module-scss-module__TwRvPG__zb-label.helpers-module-scss-module__TwRvPG__disabled{opacity:.5;cursor:default}.helpers-module-scss-module__TwRvPG__zoom-button .helpers-module-scss-module__TwRvPG__zb-button{transition-property:var(--transition-property) background-color,color,box-shadow;border:2px solid #0000;transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion:reduce){.helpers-module-scss-module__TwRvPG__zoom-button .helpers-module-scss-module__TwRvPG__zb-button{transition-duration:0s}}.helpers-module-scss-module__TwRvPG__zoom-button .helpers-module-scss-module__TwRvPG__zb-button:hover,.helpers-module-scss-module__TwRvPG__zoom-button .helpers-module-scss-module__TwRvPG__zb-button.helpers-module-scss-module__TwRvPG__hover{color:#3a404d;background:linear-gradient(#a9afbc33 0% 100%),#fff}.helpers-module-scss-module__TwRvPG__zoom-button .helpers-module-scss-module__TwRvPG__zb-button:active,.helpers-module-scss-module__TwRvPG__zoom-button .helpers-module-scss-module__TwRvPG__zb-button.helpers-module-scss-module__TwRvPG__pressed{color:#000e33}.helpers-module-scss-module__TwRvPG__zoom-button .helpers-module-scss-module__TwRvPG__zb-button:focus-visible,.helpers-module-scss-module__TwRvPG__zoom-button .helpers-module-scss-module__TwRvPG__zb-button.helpers-module-scss-module__TwRvPG__focused{box-shadow:0 0 0 2px #adc3ff;box-shadow:none;border-color:#a9afbc33;outline:none}.helpers-module-scss-module__TwRvPG__zoom-button .helpers-module-scss-module__TwRvPG__zb-button.helpers-module-scss-module__TwRvPG__zb-plus{border-radius:0 12px 12px 0}.helpers-module-scss-module__TwRvPG__zoom-button .helpers-module-scss-module__TwRvPG__zb-button.helpers-module-scss-module__TwRvPG__zb-minus{border-radius:12px 0 0 12px}
@keyframes suite-chooser-module-scss-module__pI9KIG__fadeIn{0%{opacity:0}to{opacity:1}}.suite-chooser-module-scss-module__pI9KIG__suite-chooser .suite-chooser-module-scss-module__pI9KIG__suite-button{opacity:.8;background-color:#0000;border-radius:12px}.suite-chooser-module-scss-module__pI9KIG__suite-chooser .suite-chooser-module-scss-module__pI9KIG__suite-button.suite-chooser-module-scss-module__pI9KIG__sc-selected{opacity:1;background-color:#fff;box-shadow:0 2px 4px #00000008,0 4px 5px #0000000a}.suite-chooser-module-scss-module__pI9KIG__suite-chooser .suite-chooser-module-scss-module__pI9KIG__suite-button:hover,.suite-chooser-module-scss-module__pI9KIG__suite-chooser .suite-chooser-module-scss-module__pI9KIG__suite-button.suite-chooser-module-scss-module__pI9KIG__hover{opacity:1;background-color:#fff}.suite-chooser-module-scss-module__pI9KIG__suite-chooser.suite-chooser-module-scss-module__pI9KIG__sc-list{flex-direction:row;justify-content:center;align-items:center;gap:8px;display:none}@media screen and (min-width:600px){.suite-chooser-module-scss-module__pI9KIG__suite-chooser.suite-chooser-module-scss-module__pI9KIG__sc-list{display:flex}}.suite-chooser-module-scss-module__pI9KIG__suite-chooser.suite-chooser-module-scss-module__pI9KIG__sc-dropdown .suite-chooser-module-scss-module__pI9KIG__suite-button{width:104px}@media screen and (min-width:600px){.suite-chooser-module-scss-module__pI9KIG__suite-chooser.suite-chooser-module-scss-module__pI9KIG__sc-dropdown{display:none}}.suite-chooser-module-scss-module__pI9KIG__sc-popup{background-color:#fff;border:1px solid #e2e5eb;border-radius:4px;flex-direction:column;justify-content:stretch;gap:2px;width:104px;padding:6px;display:flex;position:absolute}.suite-chooser-module-scss-module__pI9KIG__sc-popup .suite-chooser-module-scss-module__pI9KIG__sc-popup-button{height:24px;padding:2px 4px}.suite-chooser-module-scss-module__pI9KIG__sc-popup .suite-chooser-module-scss-module__pI9KIG__sc-popup-button.suite-chooser-module-scss-module__pI9KIG__sc-selected{color:#225eff;background-color:#f2f4f8;font-weight:600}
@keyframes code-mode-module-scss-module__T4R4mq__fadeIn{0%{opacity:0}to{opacity:1}}.code-mode-module-scss-module__T4R4mq__code-container{height:100%;min-height:408px}.code-mode-module-scss-module__T4R4mq__code-frame{width:100%;height:var(--frame-height,380px);border:none;transition-property:height;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,0,1)}@media (prefers-reduced-motion:reduce){.code-mode-module-scss-module__T4R4mq__code-frame{transition-duration:0s}}.code-mode-module-scss-module__T4R4mq__copy-button{padding:4px;position:absolute;right:0}.code-mode-module-scss-module__T4R4mq__show-more{cursor:pointer}.code-mode-module-scss-module__T4R4mq__progress-container{width:100%;height:100%}
@keyframes blueprint-image-module-scss-module__crWUIG__fadeIn{0%{opacity:0}to{opacity:1}}.blueprint-image-module-scss-module__crWUIG__root{flex-direction:column;gap:10px;margin:20px 0;display:flex}.blueprint-image-module-scss-module__crWUIG__root .blueprint-image-module-scss-module__crWUIG__labels{letter-spacing:0;color:#3958ac;margin:0;padding-left:16px;font-family:Open Sans,sans-serif;font-size:13px;font-weight:600;line-height:20px}.blueprint-image-module-scss-module__crWUIG__blueprint-image{background:#f2f6fb;position:relative}.blueprint-image-module-scss-module__crWUIG__blueprint-image img{max-width:100%;width:auto!important}.blueprint-image-module-scss-module__crWUIG__blueprint-image>div{width:100%}.blueprint-image-module-scss-module__crWUIG__blueprint-image .blueprint-image-module-scss-module__crWUIG__description{color:#2a417e;position:absolute;bottom:8px;left:12px}
@keyframes responsive-list-module-scss-module__Gl9Tgq__fadeIn{0%{opacity:0}to{opacity:1}}.responsive-list-module-scss-module__Gl9Tgq__responsive-list{flex-wrap:wrap;align-items:stretch;gap:20px;padding:20px 0 40px;display:flex}
@keyframes responsive-list-item-module-scss-module__N28Awq__fadeIn{0%{opacity:0}to{opacity:1}}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item{box-sizing:border-box;cursor:pointer;--image-width:100%;--image-height:172px;--padding:0;--padding-top:0;--padding-bottom:0;--image-width-reduce:0px;--image-box-shadow:0;--image-border-radius:0;--border-radius:0;--align-items:center;--columns:3;--width-reduce:20px;gap:0;padding:8px 10px}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__rounded{--image-border-radius:4px}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__small{--columns:1;--image-height:122px}@media screen and (min-width:360px){.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__small{--columns:2}}@media screen and (min-width:962px){.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__small{--columns:3}}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__medium{--columns:1}@media screen and (min-width:962px){.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__medium{--columns:2}}@media screen and (min-width:1920px){.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__medium{--columns:3}}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__large{--columns:1;--image-height:235px}@media screen and (min-width:962px){.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__large{--columns:2}}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__padding_none{--padding:0px;--padding-top:0px;--padding-bottom:0px}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__padding_small{--padding:10px 18px;--padding-top:10px;--padding-bottom:10px}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__padding_medium{--padding:24px 40px;--padding-top:24px;--padding-bottom:24px}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__padding_large{--padding:44px 80px;--padding-top:44px;--padding-bottom:44px}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__image_elevated{--image-box-shadow:0px 5px 15px 0px #0000002e, 0px 25px 55px 0px #00000038}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__image_rounded{--image-border-radius:4px}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__image_center{--align-items:center;--image-width-reduce:calc(var(--padding-top))}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__image_top{--image-width-reduce:calc(var(--padding-bottom) / 2);--align-items:baseline;--padding-top:0;--image-border-radius:0 0 4px 4px}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__image_bottom{--image-width-reduce:calc(var(--padding-top) / 2);--align-items:end;--padding-bottom:0;--image-border-radius:4px 4px 0 0}@media screen and (min-width:420px){.responsive-list-item-module-scss-module__N28Awq__responsive-list-item{--image-width:320px}}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item{width:calc(100%/var(--columns) - var(--width-reduce))}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item .responsive-list-item-module-scss-module__N28Awq__image-wrapper{justify-content:center;align-items:var(--align-items);height:var(--image-height);padding:var(--padding);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);background-color:var(--image-background-color,transparent);border-radius:var(--border-radius);display:flex;position:relative;overflow:hidden}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item .responsive-list-item-module-scss-module__N28Awq__image-wrapper .responsive-list-item-module-scss-module__N28Awq__image{width:calc(var(--image-width) - var(--image-width-reduce));object-fit:cover;height:100%;box-shadow:var(--image-box-shadow);border-radius:var(--image-border-radius)}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item .responsive-list-item-module-scss-module__N28Awq__image-wrapper .responsive-list-item-module-scss-module__N28Awq__image picture,.responsive-list-item-module-scss-module__N28Awq__responsive-list-item .responsive-list-item-module-scss-module__N28Awq__image-wrapper .responsive-list-item-module-scss-module__N28Awq__image img{object-fit:cover;border-radius:var(--image-border-radius);width:100%;height:100%}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item .responsive-list-item-module-scss-module__N28Awq__image-wrapper .responsive-list-item-module-scss-module__N28Awq__gradient{bottom:var(--padding-bottom);background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--image-background-color,transparent) 15%, transparent) 100%);width:100%;height:16px;position:absolute}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item .responsive-list-item-module-scss-module__N28Awq__image-wrapper .responsive-list-item-module-scss-module__N28Awq__hover-popup{background-color:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;animation:.15s cubic-bezier(0,0,.5,1) responsive-list-item-module-scss-module__N28Awq__fadeIn;display:none;position:absolute;top:0;left:0}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item .responsive-list-item-module-scss-module__N28Awq__image-wrapper .responsive-list-item-module-scss-module__N28Awq__hover-popup .responsive-list-item-module-scss-module__N28Awq__action{color:var(--color,inherit);width:150px}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item .responsive-list-item-module-scss-module__N28Awq__content{flex-direction:column;display:flex}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item .responsive-list-item-module-scss-module__N28Awq__content .responsive-list-item-module-scss-module__N28Awq__title{color:#000e33;gap:12px;padding:8px 16px;display:flex}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item .responsive-list-item-module-scss-module__N28Awq__content .responsive-list-item-module-scss-module__N28Awq__description{color:#6e7687;max-height:104px;padding:8px 16px;overflow:hidden}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item:hover .responsive-list-item-module-scss-module__N28Awq__title,.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__hover .responsive-list-item-module-scss-module__N28Awq__title{color:#225eff}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item:hover .responsive-list-item-module-scss-module__N28Awq__image-wrapper .responsive-list-item-module-scss-module__N28Awq__hover-popup,.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__hover .responsive-list-item-module-scss-module__N28Awq__image-wrapper .responsive-list-item-module-scss-module__N28Awq__hover-popup{display:flex}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item:focus-visible,.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__focused{outline:none;box-shadow:0 0 0 2px #adc3ff}.responsive-list-item-module-scss-module__N28Awq__responsive-list-item:focus-visible .responsive-list-item-module-scss-module__N28Awq__title,.responsive-list-item-module-scss-module__N28Awq__responsive-list-item.responsive-list-item-module-scss-module__N28Awq__focused .responsive-list-item-module-scss-module__N28Awq__title{color:#225eff}
.spacing-preview-module-scss-module__yEVV0W__spacing-example{background-color:#5473c8;display:inline-block}
.spacing-list-module-scss-module__-wMqSa__table{table-layout:auto}.spacing-list-module-scss-module__-wMqSa__step{min-width:100px;max-width:100px}.spacing-list-module-scss-module__-wMqSa__example{min-width:300px;max-width:300px}.spacing-list-module-scss-module__-wMqSa__rem,.spacing-list-module-scss-module__-wMqSa__px{min-width:100px;max-width:100px}
.download-asset-button-module-scss-module__A-YSOG__download-asset-button{box-sizing:border-box;justify-content:space-between;gap:24px;display:inline-flex}.download-asset-button-module-scss-module__A-YSOG__download-asset-button+.download-asset-button-module-scss-module__A-YSOG__download-asset-button{margin-top:20px}.download-asset-button-module-scss-module__A-YSOG__left{align-items:center;gap:4px;display:inline-flex}
@keyframes theme-section-module-scss-module__uLb4AG__fadeIn{0%{opacity:0}to{opacity:1}}.theme-section-module-scss-module__uLb4AG__theme-section{flex-direction:column;gap:32px;margin-top:20px;display:flex}.theme-section-module-scss-module__uLb4AG__theme-section .theme-section-module-scss-module__uLb4AG__image{width:100%;max-width:340px}.theme-section-module-scss-module__uLb4AG__theme-section .theme-section-module-scss-module__uLb4AG__image>img{max-width:100%}.theme-section-module-scss-module__uLb4AG__theme-section .theme-section-module-scss-module__uLb4AG__description{flex-direction:column;justify-content:space-between;gap:16px;display:flex}@media screen and (min-width:962px){.theme-section-module-scss-module__uLb4AG__theme-section{flex-direction:row}}
@keyframes resource-card-module-scss-module__BgD8Hq__fadeIn{0%{opacity:0}to{opacity:1}}.resource-card-module-scss-module__BgD8Hq__resource-card{cursor:pointer;flex-direction:column;align-items:flex-start;gap:0;margin-top:40px;padding:20px 40px 40px;display:flex;position:relative}@media (min-width:1920px){.resource-card-module-scss-module__BgD8Hq__resource-card{max-width:268px}}.resource-card-module-scss-module__BgD8Hq__resource-card{transition-property:var(--transition-property) background-color,color,box-shadow;transition-duration:.25s;transition-timing-function:ease-out}@media (prefers-reduced-motion:reduce){.resource-card-module-scss-module__BgD8Hq__resource-card{transition-duration:0s}}.resource-card-module-scss-module__BgD8Hq__resource-card .resource-card-module-scss-module__BgD8Hq__title{flex-grow:0;transition-property:color;transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion:reduce){.resource-card-module-scss-module__BgD8Hq__resource-card .resource-card-module-scss-module__BgD8Hq__title{transition-duration:0s}}.resource-card-module-scss-module__BgD8Hq__resource-card .resource-card-module-scss-module__BgD8Hq__title{margin:16px 0}.resource-card-module-scss-module__BgD8Hq__resource-card .resource-card-module-scss-module__BgD8Hq__description{color:#3a404d;flex-grow:1}.resource-card-module-scss-module__BgD8Hq__resource-card:after{content:"";background-color:var(--color,#225eff);width:80px;height:4px;transition-property:width;transition-duration:.25s;transition-timing-function:ease-out;display:block;position:absolute;top:0;left:40px}@media (prefers-reduced-motion:reduce){.resource-card-module-scss-module__BgD8Hq__resource-card:after{transition-duration:0s}}.resource-card-module-scss-module__BgD8Hq__resource-card:hover .resource-card-module-scss-module__BgD8Hq__title,.resource-card-module-scss-module__BgD8Hq__resource-card.resource-card-module-scss-module__BgD8Hq__hover .resource-card-module-scss-module__BgD8Hq__title{color:#225eff}.resource-card-module-scss-module__BgD8Hq__resource-card:hover:after,.resource-card-module-scss-module__BgD8Hq__resource-card.resource-card-module-scss-module__BgD8Hq__hover:after{width:calc(100% - 80px)}.resource-card-module-scss-module__BgD8Hq__resource-card:focus-visible,.resource-card-module-scss-module__BgD8Hq__resource-card.resource-card-module-scss-module__BgD8Hq__focused{outline:none;box-shadow:0 0 0 2px #adc3ff}.resource-card-module-scss-module__BgD8Hq__resource-card:focus-visible:after,.resource-card-module-scss-module__BgD8Hq__resource-card.resource-card-module-scss-module__BgD8Hq__focused:after{width:calc(100% - 80px)}
.shortcut-preview-module-scss-module__k4TKEW__container{align-items:center;gap:4px;display:flex}.shortcut-preview-module-scss-module__k4TKEW__shortcut-preview{border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:4px 8px;display:inline-flex;box-shadow:0 2px #c5cad3}
.keyboard-navigation-list-module-scss-module__lSsGoG__table{table-layout:fixed;display:block}.keyboard-navigation-list-module-scss-module__lSsGoG__preview{min-width:300px;max-width:300px}.keyboard-navigation-list-module-scss-module__lSsGoG__shortcut{width:100%;min-width:200px}@media screen and (min-width:962px){.keyboard-navigation-list-module-scss-module__lSsGoG__shortcut{min-width:180px}}@media screen and (min-width:1440px){.keyboard-navigation-list-module-scss-module__lSsGoG__shortcut{min-width:200px}}.keyboard-navigation-list-module-scss-module__lSsGoG__description{width:100%;min-width:200px}@media screen and (min-width:962px){.keyboard-navigation-list-module-scss-module__lSsGoG__description{min-width:180px}}@media screen and (min-width:1440px){.keyboard-navigation-list-module-scss-module__lSsGoG__description{min-width:200px}}
@keyframes external-resource-module-scss-module__w2OjXW__fadeIn{0%{opacity:0}to{opacity:1}}.external-resource-module-scss-module__w2OjXW__external-resource{text-align:center;transition-property:var(--transition-property) background-color,color,box-shadow;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;margin-top:20px;transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.5,1);display:flex}@media (prefers-reduced-motion:reduce){.external-resource-module-scss-module__w2OjXW__external-resource{transition-duration:0s}}.external-resource-module-scss-module__w2OjXW__external-resource img:not(.external-resource-module-scss-module__w2OjXW__right-icon){min-width:42px;max-width:42px}.external-resource-module-scss-module__w2OjXW__external-resource .external-resource-module-scss-module__w2OjXW__content{flex-direction:column;gap:4px;display:flex}.external-resource-module-scss-module__w2OjXW__external-resource .external-resource-module-scss-module__w2OjXW__right{flex-direction:row;gap:26px;display:flex}.external-resource-module-scss-module__w2OjXW__external-resource .external-resource-module-scss-module__w2OjXW__right-icon{transform-origin:100%;align-self:center;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,0,1)}@media (prefers-reduced-motion:reduce){.external-resource-module-scss-module__w2OjXW__external-resource .external-resource-module-scss-module__w2OjXW__right-icon{transition-duration:0s}}.external-resource-module-scss-module__w2OjXW__external-resource .external-resource-module-scss-module__w2OjXW__subtitle{transition-property:color;transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion:reduce){.external-resource-module-scss-module__w2OjXW__external-resource .external-resource-module-scss-module__w2OjXW__subtitle{transition-duration:0s}}.external-resource-module-scss-module__w2OjXW__external-resource:hover .external-resource-module-scss-module__w2OjXW__title,.external-resource-module-scss-module__w2OjXW__external-resource.external-resource-module-scss-module__w2OjXW__hover .external-resource-module-scss-module__w2OjXW__title{color:#000}.external-resource-module-scss-module__w2OjXW__external-resource:hover .external-resource-module-scss-module__w2OjXW__subtitle,.external-resource-module-scss-module__w2OjXW__external-resource.external-resource-module-scss-module__w2OjXW__hover .external-resource-module-scss-module__w2OjXW__subtitle{color:#3a404d}.external-resource-module-scss-module__w2OjXW__external-resource:hover .external-resource-module-scss-module__w2OjXW__right-icon,.external-resource-module-scss-module__w2OjXW__external-resource.external-resource-module-scss-module__w2OjXW__hover .external-resource-module-scss-module__w2OjXW__right-icon{transform:scale(1.39)}@media screen and (min-width:600px){.external-resource-module-scss-module__w2OjXW__external-resource{text-align:left;flex-direction:row;align-items:flex-start}}
@keyframes content-module-scss-module__h0N5Ta__fadeIn{0%{opacity:0}to{opacity:1}}.content-module-scss-module__h0N5Ta__heading{margin-top:40px;margin-bottom:20px}.content-module-scss-module__h0N5Ta__paragraph{margin-top:20px;margin-bottom:20px}