@font-face{font-family:Viga;src:url(/_next/static/media/Viga-Regular.999e70e3.ttf)}@font-face{font-family:Oxygen;src:url(/_next/static/media/Oxygen-Regular.c40fb0a2.ttf)}@font-face{font-family:Oxygen;src:url(/_next/static/media/Oxygen-Bold.f9004b20.ttf);font-weight:700;font-style:bold}@font-face{font-family:Oxygen;src:url(/_next/static/media/Oxygen-Light.03ade3d1.ttf);font-weight:400;font-style:normal}:root{--color-black:#000;--color-white:#fff;--color-code-color-light-mode:#02855e;--color-code-color-dark-mode:#fe3cb0;--color-accent-teal:#01f5ac;--color-accent-pink:#fe3cb0;--color-accent-gray:#747575;--background-color:var(--color-white);--foreground-color:var(--color-black);--light-background-color:var(--color-white);--accent-color:var(--color-accent-teal);--accent-color-icons:var(--color-accent-gray);--accent-color-background:var(--color-accent-pink);--font-color:var(--color-black);--font-color-highlight:var(--color-black);--code-color:var(--color-code-color-light-mode)}@media(prefers-color-scheme:dark){:root{--background-color:var(--color-black);--foreground-color:var(--color-white);--accent-color:var(--color-accent-pink);--accent-color-background:var(--color-accent-teal);--font-color:var(--color-white);--font-color-dark:var(--color-black);--font-color-highlight:var(--accent-color);--code-color:var(--color-code-color-dark-mode)}}*{box-sizing:border-box}body{padding:0;margin:0;background-color:var(--background-color);font-size:1.25rem;color:var(--font-color);font-family:Oxygen,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}h1{font-size:3.25rem;font-family:Viga,sans-serif;line-height:calc(1em + .5rem)}ul{padding:0}kbd{box-sizing:border-box;background-color:#eee;border:2px solid var(--accent-color-icons);color:var(--font-color-dark);border-radius:4px;padding:0 4px}figcaption{font-size:.875rem;line-height:1;color:var(--foreground-color)}@media(min-width:51rem){figcaption{margin-bottom:-5rem}}.page-container{position:relative;min-height:100vh;display:flex;flex-direction:column}.page-container .content{flex:1 1}.components-grid{padding:1.25rem;max-width:100rem}@media(min-width:51rem){.components-grid{padding:5rem 8.5625rem}}@media(min-width:100rem){.components-grid{margin-inline:auto}}.components-grid__heading{position:relative;font-family:Viga,sans-serif;font-size:1.5rem;margin-bottom:3.125rem;font-weight:400;line-height:2.125rem}.components-grid__heading:after{content:"";position:absolute;background-repeat:no-repeat;pointer-events:none;z-index:2;width:7rem;height:7rem;background-image:url(/_next/static/media/doodle_line.79ee0db5.svg);background-size:contain;rotate:30deg;top:-1rem;left:50vw;background-position:0}@media(prefers-color-scheme:dark){.components-grid__heading:after{background-image:url(/_next/static/media/pink_doodle_line.9e63ebf2.svg)}}@media(min-width:51rem){.components-grid__heading{font-size:2.5rem}.components-grid__heading:after{display:none}}.components-grid__list{text-align:center;gap:1rem}@media(min-width:51rem){.components-grid__list{display:grid;grid-template-rows:repeat(4,minmax(0,.8fr))}}@media(min-width:72rem){.components-grid__list{grid-template-columns:1fr 1fr 1fr;grid-template-rows:repeat(3,minmax(0,.8fr))}}.components-grid__item{display:flex;justify-content:center;width:100%;min-width:7.5rem;margin-bottom:1.25rem;background-color:var(--light-background-color);text-align:center;align-items:flex-start;color:var(--font-color-dark)}@media(min-width:51rem){.components-grid__item{margin-bottom:0;--row-start:auto;--row-span:1;--column-start:auto;--column-span:1;grid-row:var(--row-start,auto)/span var(--row-span,1);grid-column:var(--column-start,auto)/span var(--column-span,1)}}.components-grid__item--max-scott{--row-start:auto;--row-span:1;--column-start:2;--column-span:1;background-color:transparent;height:auto;margin:2rem auto auto;max-width:80%;min-width:12.625rem}.components-grid__item--max-scott img{width:80%;max-width:17.625rem;height:100%}.components-grid__item:nth-child(5n-4){position:relative}.components-grid__item:nth-child(5n-4):before{content:"";position:absolute;background-repeat:no-repeat;pointer-events:none;z-index:2;width:30%;height:10%;background-image:url(/_next/static/media/doodle_line.79ee0db5.svg);top:-5%;right:-5%;rotate:30deg;background-size:contain;display:none}@media(prefers-color-scheme:dark){.components-grid__item:nth-child(5n-4):before{background-image:url(/_next/static/media/pink_doodle_line.9e63ebf2.svg)}}@media(min-width:51rem){.components-grid__item:nth-child(5n-4):before{display:inline-block}}.components-grid__item:nth-child(5n-3){position:relative}.components-grid__item:nth-child(5n-3):before{content:"";position:absolute;background-repeat:no-repeat;pointer-events:none;z-index:2;width:8%;height:3rem;background-image:url(/_next/static/media/doodle_o.1077c00d.svg);bottom:3%;right:-3%;background-size:contain;display:none}@media(prefers-color-scheme:dark){.components-grid__item:nth-child(5n-3):before{background-image:url(/_next/static/media/pink_doodle_o.8713740d.svg)}}@media(min-width:51rem){.components-grid__item:nth-child(5n-3):before{display:inline-block}}.components-grid__item:nth-child(5n-2){position:relative}.components-grid__item:nth-child(5n-2):before{content:"";position:absolute;background-repeat:no-repeat;pointer-events:none;z-index:2;width:15%;height:5rem;background-image:url(/_next/static/media/doodle_diamond.706e45d4.svg);background-size:contain;rotate:15deg;top:-6%;right:-6%;display:none}@media(prefers-color-scheme:dark){.components-grid__item:nth-child(5n-2):before{background-image:url(/_next/static/media/pink_doodle_diamond.7497fd99.svg)}}@media(min-width:51rem){.components-grid__item:nth-child(5n-2):before{display:inline-block}}.components-grid__item:nth-child(5n-1){position:relative}.components-grid__item:nth-child(5n-1):before{content:"";position:absolute;background-repeat:no-repeat;pointer-events:none;z-index:2;width:10%;height:10%;background-image:url(/_next/static/media/doodle_x.e23b6a28.svg);background-size:contain;top:-3%;left:-1%;display:none}@media(prefers-color-scheme:dark){.components-grid__item:nth-child(5n-1):before{background-image:url(/_next/static/media/pink_doodle_x.8a5ea6a3.svg)}}@media(min-width:51rem){.components-grid__item:nth-child(5n-1):before{display:inline-block}}.components-grid__item:nth-child(5n){position:relative}.components-grid__item:nth-child(5n):before{content:"";position:absolute;background-repeat:no-repeat;pointer-events:none;z-index:2;width:20%;height:20%;background-image:url(/_next/static/media/doodle_arrow.f435186f.svg);background-size:contain;bottom:-15%;left:-5%;display:none}@media(prefers-color-scheme:dark){.components-grid__item:nth-child(5n):before{background-image:url(/_next/static/media/pink_doodle_arrow.fb48473e.svg)}}@media(min-width:51rem){.components-grid__item:nth-child(5n):before{display:inline-block}}.components-grid__item:last-child{position:relative}.components-grid__item:last-child:before{background-image:none}.components-grid__item:last-child .max-wrapper:before{content:"";position:absolute;background-repeat:no-repeat;pointer-events:none;z-index:2;width:20%;height:20%;transform:translateX(-2rem) translateY(.25rem) rotate(-20deg);background-image:url(/_next/static/media/doodle_diamond.706e45d4.svg);background-size:contain;display:inline-block}@media(prefers-color-scheme:dark){.components-grid__item:last-child .max-wrapper:before{background-image:url(/_next/static/media/pink_doodle_diamond.7497fd99.svg)}}.components-grid__item:last-child .max-wrapper:after{content:"";position:absolute;background-repeat:no-repeat;pointer-events:none;z-index:2;width:40%;height:25%;background-image:url(/_next/static/media/doodle_line.79ee0db5.svg);rotate:20deg;bottom:-18%;right:-10%;background-size:contain;background-position:0}@media(prefers-color-scheme:dark){.components-grid__item:last-child .max-wrapper:after{background-image:url(/_next/static/media/pink_doodle_line.9e63ebf2.svg)}}.home{background:url(/_next/static/media/background_image_light.2bf5696b.svg);background-size:100%;width:100%}@media(prefers-color-scheme:dark){.home{background:url(/_next/static/media/background_image_dark.ff6d764e.svg)}}@media(min-width:51rem){.home{background-size:30%;margin-top:5rem}}.home-top,.home-wrapper{background-color:var(--background-color)}.home-top{padding:0 1.25rem;color:var(--foreground-color);max-width:100rem}@media(min-width:51rem){.home-top{padding:0 1.25rem 1.25rem 8.5625rem;display:flex;flex-basis:100%;justify-content:space-between;margin-top:2rem}}@media(min-width:70rem){.home-top{margin:auto}}@media(min-width:51rem){.home-top__text-column{display:flex;flex-direction:column;justify-content:center;flex-basis:0 0 60%;padding-right:1.875rem}}.home-top__text-column h1{font-size:1.5rem;font-weight:400}@media(min-width:51rem){.home-top__text-column h1{font-size:2rem;margin:0}}@media(min-width:72rem){.home-top__text-column h1{font-size:3.25rem;margin:0}}.home-top__text-column p{font-size:1rem;margin:1.25rem 0 0;line-height:1.75;letter-spacing:.02em;max-width:70ch}@media(min-width:51rem){.home-top__text-column p{font-size:1.25rem;line-height:1.4}}.home-top__top-image{width:100%;margin:3.75rem 0}@media(min-width:51rem){.home-top__top-image{margin:0}}.details-page__header{width:100%;margin:auto;background-image:url(/_next/static/media/background_image.314883ea.png);background-size:cover;background-position:50%;padding:0 1.25rem}@media(prefers-color-scheme:dark){.details-page__header{background-image:url(/_next/static/media/background_image_dark.ff6d764e.svg)}}@media(min-width:51rem){.details-page__header{padding:5rem 8.5625rem;gap:1rem}}.details-page__banner{width:100%;margin:auto;background-color:#01f5ac}@media(prefers-color-scheme:dark){.details-page__banner:last-child{background-color:var(--background-color)}}.details-page__primary{display:flex;flex-direction:column;width:100%;margin:auto;padding:3.75rem 1.25rem;max-width:100rem}@media(min-width:51rem){.details-page__primary{padding:8.5625rem}}.details-page__primary--sandpack{padding-top:0}.details-page__secondary{position:relative;width:100%;margin:auto;padding:3.75rem 1.25rem;max-width:100rem}@media(min-width:51rem){.details-page__secondary{padding:5.875rem}}@media(prefers-color-scheme:dark){.details-page__secondary--related-components{background-color:var(--background-color)}}.cmp-header{padding:1rem;max-width:100rem;letter-spacing:.02em;font-size:1rem;color:var(--foreground-color);line-height:1.4}@media(min-width:51rem){.cmp-header{padding:1rem 1.25rem 1rem 8.5625rem;font-size:1.25rem}}@media(min-width:100rem){.cmp-header{margin:auto}}.cmp-header__link{outline:none;border-bottom:2px solid transparent;transition:all .15s ease-in-out}.cmp-header__link:focus,.cmp-header__link:hover{border-bottom:2px solid var(--accent-color)}.component-card{display:flex;flex-direction:column-reverse;height:21.875rem;width:100%;cursor:pointer;transition:all .15s ease-in-out;border:2px solid var(--foreground-color);background-color:var(--background-color)}@media(min-width:51rem){.component-card{height:100%;font-size:1.25rem}}.component-card__image-open{display:block;box-sizing:border-box;transition:all .15s ease-in-out;width:100%;height:70%;padding:min(15%,2rem);margin:auto}@media(prefers-color-scheme:dark){.component-card__image-open{filter:invert(1)}}.component-card__image-closed,.component-link:hover .component-card__image-open{display:none}.component-link:hover .component-card__image-closed{display:block;box-sizing:border-box;transition:all .15s ease-in-out;width:100%;height:70%;padding:min(15%,2rem);margin:auto}@media(prefers-color-scheme:dark){.component-link:hover .component-card__image-closed{filter:invert(1)}}.component-card__header{font-family:Oxygen,sans-serif;font-weight:700;z-index:1;font-size:1.25rem;line-height:1.4;letter-spacing:.02em;height:5.5rem;background-color:var(--background-color);position:relative;text-align:center;display:flex;align-items:center;justify-content:center;border-top:.25rem solid var(--foreground-color);color:var(--foreground-color)}.component-card__header:before{content:url(/_next/static/media/teal-decorative-bullet.caa64ccd.svg);position:relative;top:-.1rem;left:-1rem}@media(prefers-color-scheme:dark){.component-card__header:before{content:url(/_next/static/media/pink-decorative-bullet.05ac8638.svg)}}.component-card__header:after{content:url(/_next/static/media/teal-decorative-bullet.caa64ccd.svg);position:relative;top:-.1rem;left:1rem}@media(prefers-color-scheme:dark){.component-card__header:after{content:url(/_next/static/media/pink-decorative-bullet.05ac8638.svg)}}.default-footer{background-color:var(--background-color);width:100%;padding:1.25rem}.default-footer__content{display:flex;flex-direction:column;gap:2.25rem;text-align:center;padding:1.5rem 0;font-size:1rem;letter-spacing:.02em;color:var(--foreground-color)}.default-footer__item{width:100%}.default-footer__item:first-child{margin-bottom:-1.5rem}.default-footer__item--text a{text-decoration:underline;color:var(--font-color);background:linear-gradient(to left,transparent 50%,var(--accent-color) 50%);background-size:201% 100%;background-position:100% 100%;transition:all .25s ease-in-out;outline:none}@media(prefers-reduced-motion:no-preference){.default-footer__item--text a:focus-within,.default-footer__item--text a:hover{color:var(--font-color-dark);background-position:0 100%}}@media(prefers-reduced-motion:reduce){.default-footer__item--text a:focus-within,.default-footer__item--text a:hover{color:var(--font-color-dark);background-color:var(--accent-color)}}.default-footer__icon-container{margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:16rem;position:relative}.default-footer__icon-container a{position:relative;padding-right:.2rem}.default-footer__icon-container a .icon{fill:currentcolor;position:relative;bottom:0;transition:all .15s ease-in-out;width:1.5rem;height:auto}@media(prefers-reduced-motion:no-preference){.default-footer__icon-container a:focus-within .icon,.default-footer__icon-container a:hover .icon{bottom:.5rem;fill:var(--accent-color-icons)}}@media(prefers-reduced-motion:no-preference)and (prefers-color-scheme:dark){.default-footer__icon-container a:focus-within .icon,.default-footer__icon-container a:hover .icon{bottom:.5rem;fill:var(--accent-color)}}@media(prefers-reduced-motion:reduce){.default-footer__icon-container a:focus-within .icon,.default-footer__icon-container a:hover .icon{fill:var(--accent-color-icons)}}@media(prefers-reduced-motion:reduce)and (prefers-color-scheme:dark){.default-footer__icon-container a:focus-within .icon,.default-footer__icon-container a:hover .icon{fill:var(--accent-color)}}.cmp-specifications-block{display:grid;grid-template-columns:1fr;grid-gap:4rem;gap:4rem;line-height:1.5625rem;letter-spacing:.02rem}@media(min-width:59.375rem){.cmp-specifications-block{grid-template-columns:1fr 1fr}@supports(grid-template-rows:masonry){.cmp-specifications-block{grid-template-rows:masonry}}@supports not (grid-template-rows:masonry){.cmp-specifications-block__wrapper{--row-start:auto;--number-of-rows:1;--column-start:auto;--number-of-columns:1;max-width:75ch;grid-row:var(--row-start,auto)/span var(--number-of-rows,1);grid-column:var(--column-start,auto)/span var(--number-of-columns,1)}}}.cmp-specifications-block__wrapper:first-child{position:relative}.cmp-specifications-block__wrapper:first-child:after{content:"";position:absolute;top:0;left:15rem;width:3.5rem;height:2.5rem;background-image:url(/_next/static/media/doodle_checkmark.2375a79d.svg);background-size:100%;background-repeat:no-repeat}@media(prefers-color-scheme:dark){.cmp-specifications-block__wrapper:first-child:after{filter:invert(1)}}.cmp-specifications-block__wrapper:nth-child(2){position:relative}.cmp-specifications-block__wrapper:nth-child(2):after{content:"";position:absolute;left:.5rem;top:1.5rem;width:6rem;height:2.5rem;background-image:url(/_next/static/media/doodle_underline.b2da268a.svg);background-size:100%;background-repeat:no-repeat}@media(prefers-color-scheme:dark){.cmp-specifications-block__wrapper:nth-child(2):after{filter:invert(1)}}@media(min-width:72rem){.cmp-specifications-block__wrapper:first-child:after{top:0;left:19.5rem;width:4.5rem;height:3rem}.cmp-specifications-block__wrapper:nth-child(2):after{width:10rem;left:-.5rem;top:1.75rem}}.cmp-specifications-block__heading{font-size:1.5rem;line-height:1.4;font-family:Viga,sans-serif;margin:0}@media(min-width:72rem){.cmp-specifications-block__heading{font-size:2rem}}.cmp-specifications-block__content{font-size:1rem;line-height:1.4}@media(min-width:72rem){.cmp-specifications-block__content{font-size:1.25rem}}.cmp-specifications-block__content ul{list-style-type:none}.cmp-specifications-block__content ul li{position:relative;margin:1rem 0 1rem 1.9rem;font-size:1rem;line-height:1.75}.cmp-specifications-block__content ul li:before{content:"";background-image:url(/_next/static/media/teal-decorative-bullet.caa64ccd.svg);background-repeat:no-repeat;background-size:80%;position:absolute;width:.8rem;height:.8rem;left:-1.75rem;top:.55rem}@media(min-width:51rem){.cmp-specifications-block__content ul li{font-size:1.25rem;line-height:1.4}.cmp-specifications-block__content ul li:before{top:.6rem}}@media(prefers-color-scheme:dark){.cmp-specifications-block__content ul li:before{background-image:url(/_next/static/media/pink-decorative-bullet.05ac8638.svg)}}.cmp-specifications-block code{color:var(--code-color);padding:0 4px;border-radius:.5rem}.cmp-specifications-block h3{font-size:1rem;line-height:1.4;font-weight:700}@media(min-width:72rem){.cmp-specifications-block h3{font-size:1.25rem}}.cmp-specifications-block a{text-decoration:underline;color:var(--foreground-color);transition:all .1s ease-in-out;display:inline-block}@media(prefers-reduced-motion:no-preference){.cmp-specifications-block a:focus,.cmp-specifications-block a:hover{outline:2px solid var(--foreground-color);text-decoration:none}}@media(prefers-reduced-motion:no-preference)and (prefers-color-scheme:dark){.cmp-specifications-block a:focus,.cmp-specifications-block a:hover{outline:2px solid var(--accent-color)}}.cmp-definition{color:var(--foreground-color);width:100%;position:relative;margin:5rem 0}@media(min-width:75rem){.cmp-definition{background-image:url(/_next/static/media/definition_text_light.90038334.svg);background-size:contain;background-position:center right -3rem;background-repeat:repeat-x}}@media(min-width:75rem)and (prefers-color-scheme:dark){.cmp-definition{background-image:url(/_next/static/media/definition_text_dark.a4838f1d.svg)}}.cmp-definition__container{width:100%;background:linear-gradient(to right,var(--background-color) max(70ch,45%),var(--background-color) calc(-50vw + 50%),transparent);padding:5rem 0 0}@media(min-width:51rem){.cmp-definition__container{padding:4rem 0}}.cmp-definition__content{font-size:1rem;line-height:1.75;letter-spacing:.02rem;max-width:100rem;padding:0 1.25rem}@media(min-width:100rem){.cmp-definition__content{margin:auto}}@media(min-width:51rem){.cmp-definition__content{position:relative;font-size:1.25rem;line-height:1.4;padding:0 8.5625rem}}.cmp-definition__content ul{list-style-type:none}.cmp-definition__content ul li{position:relative;margin:1rem 0 1rem 1.9rem;font-size:1rem;line-height:1.75}@media(min-width:51rem){.cmp-definition__content ul li{font-size:1.25rem;line-height:1.4}}.cmp-definition__content ul li:before{content:"";background-image:url(/_next/static/media/teal-decorative-bullet.caa64ccd.svg);background-repeat:no-repeat;background-size:80%;position:absolute;width:.8rem;height:.8rem;left:-1.75rem;top:.55rem}@media(prefers-color-scheme:dark){.cmp-definition__content ul li:before{background-image:url(/_next/static/media/pink-decorative-bullet.05ac8638.svg)}}@media(min-width:51rem){.cmp-definition__content ul li:before{top:.6rem}}.cmp-definition__heading{position:relative;font-family:Viga,sans-serif;font-weight:400;font-size:1.5rem;line-height:1.4;z-index:100;margin:0}.cmp-definition__heading:after{content:"";position:absolute;top:-1.5rem;left:-1rem;width:10rem;height:5rem;background-image:url(/_next/static/media/doodle_circle.6ff7f466.svg);background-size:contain;background-repeat:no-repeat}@media(prefers-color-scheme:dark){.cmp-definition__heading:after{filter:invert(1)}}@media(min-width:51rem){.cmp-definition__heading{font-size:2rem}.cmp-definition__heading:after{width:12rem}}.cmp-definition__text{padding:0;max-width:60ch;z-index:100}.details-banner{max-width:82.875rem}@media only screen and (min-width:100rem){.details-banner{margin:auto}}.details-banner h1{margin:1.875rem 0;letter-spacing:0;font-family:Viga,sans-serif;font-size:1.5rem}@media(min-width:51rem){.details-banner h1{font-size:3.25rem}}.details-banner-image{box-sizing:border-box;background-color:var(--background-color);border:2px solid var(--foreground-color);display:flex;align-items:center;justify-content:space-evenly;padding:10%}.details-banner-image img{max-width:100%;min-width:0;height:auto;max-height:30rem}@media(prefers-color-scheme:dark){.details-banner-image img{filter:invert(1)}}.details-banner-image img:nth-child(2),.details-banner-image img:nth-child(3){display:none}@media(min-width:51rem){.details-banner-image img:nth-child(2),.details-banner-image img:nth-child(3){display:block}}.details-banner__header{padding:0;margin-left:-1.25rem}@media(min-width:51rem){.details-banner__header{margin-left:-8.5625rem}}.rel-component{background-color:var(--accent-color);color:var(--font-color-highlight);display:flex;gap:1rem;flex-direction:column}@media(prefers-color-scheme:dark){.rel-component{background-color:var(--background-color)}}@media(min-width:54rem){.rel-component{flex-direction:row;gap:15%}}.rel-component__heading{position:relative;font-size:1.5rem;line-height:1.4;font-family:Viga,sans-serif;margin:4rem 0}@media(min-width:54rem){.rel-component__heading{margin-top:1rem;max-width:10rem;font-size:2rem}}.rel-component__heading:after{content:"";background-image:url(/_next/static/media/cmt_inventory_arrow.bed5dbba.svg);position:absolute;left:2rem;top:-5rem;width:3.5rem;height:4.2rem;background-repeat:no-repeat;background-position:50%;background-size:contain}@media(prefers-color-scheme:dark){.rel-component__heading:after{filter:invert(1)}}@media(min-width:54rem){.rel-component__heading:after{width:2.8rem;height:3.4rem;top:-3.5rem}}.rel-component__list{display:grid;grid-template-columns:1fr 1fr;grid-gap:4.6875rem;gap:4.6875rem;padding:1rem 0;text-align:left;font-size:1.25rem;line-height:1.4}@media(min-width:51rem){.rel-component__list{display:flex;gap:1rem 6rem;flex-grow:2;font-size:1.25rem;flex-flow:row wrap;align-items:flex-start;max-height:10rem;text-align:left}}.rel-component__link{text-decoration:underline;transition:all .1s ease-in-out;width:-moz-fit-content;width:fit-content}.rel-component__link:focus,.rel-component__link:hover{outline:2px solid var(--foreground-color);text-decoration:none}@media(prefers-color-scheme:dark){.rel-component__link:focus,.rel-component__link:hover{outline:2px solid var(--accent-color)}}@media(prefers-reduced-motion:reduce){.rel-component__link:focus,.rel-component__link:hover{outline:2px solid var(--foreground-color);text-decoration:none}}.cmp-usage-guidelines{display:flex;flex-direction:column;margin:auto;letter-spacing:.02rem;background-color:var(--accent-color);color:var(--font-color-dark)}@media(prefers-color-scheme:dark){.cmp-usage-guidelines{background-color:var(--accent-color-background);color:var(--font-color-dark)}}@media(min-width:70rem){.cmp-usage-guidelines{width:100%;max-width:100rem;padding-left:1.25rem;display:flex;flex-direction:row}.cmp-usage-guidelines__text{max-width:60ch}}.cmp-usage-guidelines__heading{position:relative;font-family:Viga,sans-serif;font-weight:400;font-size:1.5rem;line-height:1.4;margin-top:0}@media(min-width:70rem){.cmp-usage-guidelines__heading{font-size:2rem}}.cmp-usage-guidelines__image{position:relative;width:80%;max-width:30rem;margin:0 auto -3rem}@media(min-width:70rem){.cmp-usage-guidelines__image{position:relative;width:60%;max-width:35rem;margin:-5rem auto}}.cmp-usage-guidelines__content{font-size:1rem;line-height:1.75}@media(min-width:70rem){.cmp-usage-guidelines__content{font-size:1.25rem;line-height:1.4}}.cmp-usage-guidelines__content h3{font-size:1rem}@media(min-width:70rem){.cmp-usage-guidelines__content h3{font-size:1.25rem}}.cmp-usage-guidelines__content ul{list-style-type:none}.cmp-usage-guidelines__content ul li{position:relative;margin:1rem 0 1rem 1.9rem;font-size:1rem;line-height:1.75}@media(min-width:70rem){.cmp-usage-guidelines__content ul li{font-size:1.25rem;line-height:1.4}}.cmp-usage-guidelines__content ul li:before{content:"";background-image:url(/_next/static/media/emdash.6a872e25.svg);background-repeat:no-repeat;background-size:80%;position:absolute;width:1.25rem;height:1rem;left:-1.75rem;top:.4rem}.cmp-code-block{width:100%;background-color:var(--background-color)}.cmp-code-block__heading{font-size:1.5rem;font-family:Viga,sans-serif;line-height:1.4;margin-inline:auto;position:relative}.cmp-code-block__heading:after{content:"";background-image:url(/_next/static/media/cmt_inventory_arrow.bed5dbba.svg);transform:translateX(1rem) translateY(.25rem) rotate(-30deg);position:absolute;top:0;width:2rem;height:2.5rem;background-repeat:no-repeat;background-position:50%;background-size:cover}@media(prefers-color-scheme:dark){.cmp-code-block__heading:after{filter:invert(1)}}@media(min-width:51rem){.cmp-code-block__heading{font-size:2rem;line-height:1.4}.cmp-code-block__heading:after{width:2.2rem;height:2.9rem}}.cmp-code-block__content{padding:1.875rem 1.25rem;color:var(--foreground-color);font-size:1rem;line-height:1.4;font-family:Oxygen,sans-serif;letter-spacing:.02em;margin-top:1rem;border:2px solid var(--foreground-color)}@media(min-width:51rem){.cmp-code-block__content{padding:2.5rem 3.75rem;margin:0}}.cmp-code-block pre{margin:0;white-space:pre;overflow-x:scroll;border:2px solid transparent;outline:none}.cmp-code-block pre:focus{border:2px solid var(--accent-color)}.cmp-code-block code{margin:0;font-size:1rem;line-height:1.75;letter-spacing:.02em;font-family:Oxygen,sans-serif}@media(min-width:51rem){.cmp-code-block code{font-size:1.25rem;line-height:1.4}}.sandpack header{color:var(--foreground-color)}.sandpack header h2{position:relative;font-size:1.5625rem;font-family:Viga,sans-serif;line-height:1.36;margin-inline:auto}.sandpack header h2:after{content:"";position:absolute;width:2rem;height:2.5rem;background-image:url(/images/cmt_inventory_arrow.svg);transform:translateX(.5rem) rotate(-30deg);background-repeat:no-repeat;background-position:50%;background-size:cover}@media(prefers-color-scheme:dark){.sandpack header h2:after{filter:invert(1)}}@media(min-width:51rem){.sandpack header h2{font-size:2rem;line-height:1.5}.sandpack header h2:after{width:2.5rem;height:3rem}}figure{margin-left:0;margin-right:0}.sp-code-editor{transition:all .15s ease-in-out;border:2px solid transparent}.sp-code-editor:focus-within{border:2px solid var(--accent-color)}.sp-c-dRhJti:focus:not(:disabled,[data-active=true]),.sp-c-dRhJti[data-active=true]:focus{outline:2px solid var(--accent-color)}.sp-syntax-keyword,.sp-syntax-tag{color:var(--accent-color-background)!important}@media(prefers-color-scheme:dark){.sp-syntax-keyword,.sp-syntax-tag{color:var(--accent-color)!important}}span.sp-syntax-string{color:var(--accent-color)!important}@media(prefers-color-scheme:dark){span.sp-syntax-string{color:var(--accent-color-background)!important}}@media(min-width:51rem){.error-page{padding-bottom:5rem}}.error-page__header{padding:0}@media(min-width:51rem){.error-page__header{padding-top:5rem}}.error-page__wrapper{width:100%}.error-page__content{padding:0 1.25rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;max-width:100rem}@media(min-width:51rem){.error-page__content{padding:1.25rem 1.25rem 1.25rem 8.5625rem}}@media(min-width:100rem){.error-page__content{margin:auto}}.error-page__heading{color:var(--foreground-color);font-size:1.5rem;line-height:1.4;letter-spacing:.02em;margin:0}@media(min-width:51rem){.error-page__heading{font-size:3.25rem}}.error-page__message{margin:0;color:var(--foreground-color);font-size:1rem;line-height:1.1;letter-spacing:.02em}@media(min-width:51rem){.error-page__message{font-size:1.25rem}}.error-page__image{margin-top:2rem;padding:1.25rem;align-self:center;width:100%;display:flex;justify-content:center;background-image:url(/_next/static/media/background_image.314883ea.png);background-color:var(--background-color);background-size:cover;background-position:50%}@media(prefers-color-scheme:dark){.error-page__image{background-image:url(/_next/static/media/background_image_dark.ff6d764e.svg)}}@media(min-width:51rem){.error-page__image{background-size:50%}}.error-page__image img{max-width:50%}.component-link{display:block;outline:none;width:100%;height:100%;background-color:var(--background-color)}.component-link:focus-visible .component-card{position:relative;z-index:1;outline:2px solid var(--accent-color);outline-offset:2px;transform:rotate(2deg)}.component-link:focus:not(:focus-visible) .component-card{outline:2px solid var(--accent-color);outline-offset:2px}