*{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;border:unset}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:100;src:url(./geist-v4-latin-100-DYPPzVJl.woff2) format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:200;src:url(./geist-v4-latin-200-CRlVrbfx.woff2) format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:300;src:url(./geist-v4-latin-300-B7D7P6kH.woff2) format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:400;src:url(./geist-v4-latin-regular-DSkA1yZt.woff2) format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:500;src:url(./geist-v4-latin-500-DJ9fwJi3.woff2) format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:600;src:url(./geist-v4-latin-600-C4XfSTOc.woff2) format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:700;src:url(./geist-v4-latin-700-CKFtLPQ7.woff2) format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:800;src:url(./geist-v4-latin-800-D7Id04DE.woff2) format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:900;src:url(./geist-v4-latin-900-CIfxv7Fs.woff2) format("woff2")}:root{--color-primary-100: #f7fffb;--color-primary-200: #b2e8cf;--color-primary-300: #7fd6b3;--color-primary-400: #4abd93;--color-primary-500: #2bad82;--color-primary-600: #198261;--color-primary-700: #146850;--color-primary-800: #125341;--color-primary-900: #104436;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #a1a1a1;--color-neutral-400: #d4d4d4;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-green-100: #fefffc;--color-green-200: #fcfff7;--color-green-300: #fbfff5;--color-green-400: #f5ffeb;--color-green-500: #efffe2;--color-green-600: #cbe6b8;--color-green-700: #99bf80;--color-green-800: #6b9951;--color-green-900: #45732e;--color-yellow-100: #fffee8;--color-yellow-200: #fffdc2;--color-yellow-300: #fffc9e;--color-yellow-400: #fff757;--color-yellow-500: #fff30d;--color-yellow-600: #e6d00b;--color-yellow-700: #bfa108;--color-yellow-800: #997605;--color-yellow-900: #5c3f01;--color-red-100: #ffe5e5;--color-red-200: #fbb3b3;--color-red-300: #f28080;--color-red-400: #ea4d4d;--color-red-500: #e61a1a;--color-red-600: #b01212;--color-red-700: #870d0d;--color-red-800: #5e0a0a;--color-red-900: #3d0707;--color-text: var(--color-neutral-800);--color-error-foreground: var(--color-red-700);--color-error-background: var(--color-red-100);--color-border: var(--color-neutral-300);--color-label: var(--color-neutral-600);--color-accent: var(--color-primary-500);--color-accent-hover: var(--color-primary-600);--color-on-accent: var(--color-neutral-900);--color-success-foreground: var(--color-green-900);--color-success-background: var(--color-green-500);--color-info-background: var(--color-yellow-200);--color-info-foreground: var(--color-yellow-800);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--font-size-h1: 32px;--font-size-h2: 28px;--font-size-h3: 24px;--font-size-h4: 20px;--font-size-paragraph-xs: 10px;--font-size-paragraph-sm: 13px;--font-size-paragraph-md: 15px;--font-size-paragraph-lg: 17px;--border-radius-sm: var(--spacing-sm);--border-radius-md: var(--spacing-md);--border-radius-lg: var(--spacing-lg);--border-radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15);--transition-duration: .5s;--transition-ease: ease-in-out}@media(min-width:48rem){:root{--font-size-h1: 36px;--font-size-h2: 32px;--font-size-h3: 28px;--font-size-paragraph-sm: 15px;--font-size-paragraph-md: 17px;--font-size-paragraph-lg: 19px}}body{font-family:Geist,sans-serif;font-size:var(--font-size-paragraph-md)}p{margin-block:var(--spacing-sm)}p.small{font-size:var(--font-size-paragraph-sm)}p.large{font-size:var(--font-size-paragraph-lg)}h1{font-size:var(--font-size-h1);margin-block:var(--spacing-sm)}h2{font-size:var(--font-size-h2);margin-block:var(--spacing-sm)}h3{font-size:var(--font-size-h3);margin-block:var(--spacing-sm)}h4{font-size:var(--font-size-h4);margin-block:var(--spacing-sm)}ul,ol{padding-left:var(--spacing-md)}:is(ul,ol) li::marker{color:var(--color-neutral-500)}.btn{border-radius:var(--border-radius-sm);background-color:var(--color-accent);color:var(--color-on-accent);cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-duration) var(--transition-ease)}.btn.secondary{background-color:unset;border:1px solid var(--color-accent);color:unset}.btn.secondary:hover{background-color:var(--color-neutral-100);color:var(--color-text)}.btn:hover{background-color:var(--color-accent-hover);color:var(--color-primary-100)}.btn:focus{outline:2px solid var(--color-accent);outline-offset:2px}.btn[disabled]{background-color:var(--color-neutral-100);color:var(--color-neutral-600);cursor:not-allowed}a,.link{position:relative;color:var(--color-primary-700);text-decoration:none;transition:color var(--transition-duration) var(--transition-ease)}:is(a,.link):visited{color:var(--color-neutral-700);text-decoration:underline}:is(a,.link):hover{color:var(--color-accent)}:is(a,.link):hover:after{width:100%}:is(a,.link):focus{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--border-radius-sm)}:is(a,.link):after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:2px;background-color:var(--color-accent);transition:width var(--transition-duration) var(--transition-ease)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{color:var(--color-label);font-size:var(--font-size-paragraph-sm);padding-inline-start:var(--spacing-sm)}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm)}:is(.form-group input,.form-group select,.form-group textarea):focus{outline:2px solid var(--color-accent);outline-offset:2px}:is(.form-group input,.form-group select,.form-group textarea):disabled{background:var(--color-neutral-200);cursor:not-allowed}:is(.form-group input,.form-group select,.form-group textarea):user-invalid{background:var(--color-error-background);border-color:var(--color-error-foreground);color:var(--color-error-foreground)}:is(.form-group input,.form-group select,.form-group textarea):user-valid{background:var(--color-success-background);border-color:var(--color-success-foreground);color:var(--color-success-foreground)}.form-group:has(:user-invalid) label{color:var(--color-error-foreground)}.form-group:has(:user-valid) label{color:var(--color-success-foreground)}.form-group:has(:disabled) label{cursor:not-allowed}.form-group:hover input,.form-group:hover select,.form-group:hover textarea{border-color:var(--color-accent-hover)}.card{border:1px solid var(--color-accent);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:all var(--transition-duration) var(--transition-ease);padding:var(--spacing-md)}.card img{width:100%;aspect-ratio:4/3;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.card .content{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.card .content .title{font-size:var(--font-size-h4);font-weight:700;margin:unset}.card .content .description{font-size:var(--font-size-paragraph-md);color:var(--color-text);margin:unset;margin-bottom:var(--spacing-md)}.card:hover{box-shadow:var(--shadow-lg)}@container card-container (min-width: 500px){.card{flex-direction:row;align-items:center;height:100%;width:100%;gap:var(--spacing-lg)}.card img{width:40%}.card .content{align-items:flex-start}}figure{margin:0;text-align:center;display:flex;flex-direction:column;gap:var(--spacing-xs)}figure img{width:100%;border-radius:var(--border-radius-sm)}figure figcaption{color:var(--color-label);font-size:var(--font-size-paragraph-sm)}figure:not(:has(figcaption)) img{height:100%;object-fit:cover}figure:has(figcaption){border:1px solid var(--color-border);padding:var(--spacing-sm);border-radius:var(--border-radius-sm)}.marquee-gallery{width:100%;overflow:hidden;-webkit-user-select:none;user-select:none;display:flex;background:var(--color-bg-subtle);padding:var(--spacing-md) 0}.marquee-gallery .content{display:flex;gap:var(--spacing-md);flex-shrink:0;min-width:100%;animation:marquee-effect 20s linear infinite}.marquee-gallery img{object-fit:cover}.marquee-gallery .item{width:200px;height:150px;border-radius:var(--border-radius-md);overflow:hidden;flex-shrink:0}.marquee-gallery:hover .content{animation-play-state:paused}@keyframes marquee-effect{0%{transform:translate(0)}to{transform:translate(calc(-50% - (var(--spacing-md) / 2)))}}body{background-color:var(--color-neutral-200)}main{max-width:100%;width:1200px;margin:0 auto;background-color:#fff;padding:var(--spacing-lg)}aside{background-color:#fff}aside ul{margin:0;padding-left:0;list-style:none}aside ul li{padding-bottom:var(--spacing-sm)}@media(min-width:1800px){aside{position:fixed;top:var(--spacing-xl);left:var(--spacing-sm);width:calc((100% - 1200px) / 2 - var(--spacing-md))}}section,aside{padding-block:var(--spacing-2xl);padding-inline:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.presentation-group{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.presentation-group>*{flex:1 1 30%}.presentation-group>h3{flex:1 0 100%}.presentation-group.stacked{flex-direction:column;align-items:flex-start}.presentation-group .presentation-box{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm)}.presentation-group .presentation-box .color-presentation{width:75px;height:75px;flex-shrink:0;border-radius:var(--border-radius-sm);background-color:var(--color-neutral-200)}.presentation-group .presentation-box .box-info p{margin:0}.presentation-group .presentation-box .box-info code{font-size:var(--font-size-paragraph-xs)}@media(min-width:768px){.presentation-group{flex-direction:row;flex-wrap:wrap}}#typography{gap:var(--spacing-md)}#typography .presentation-group{gap:unset}#spacing .spacing-container{border:1px solid var(--color-border);padding:var(--spacing-md);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}#spacing .label-container{display:flex;justify-content:space-between;align-items:center}#spacing .label-container .spacing-label{font-size:var(--font-size-paragraph-sm);color:var(--color-label)}#spacing .label-container code{font-size:var(--font-size-paragraph-sm)}#spacing .spacing-item{background-color:var(--color-neutral-200);height:25px;border-radius:var(--border-radius-sm)}#transition .presentation-box:first-of-type .color-presentation{animation:ease-example 2s var(--transition-ease) infinite}#transition .presentation-box:nth-of-type(2):hover .color-presentation{background-color:var(--color-neutral-400)}#transition .presentation-box:nth-of-type(2) .color-presentation{transition:all var(--transition-duration) var(--transition-ease)}#components-wrapper .card-container-query-wrapper{container-type:inline-size;container-name:card-container;grid-column:1 / -1}@keyframes ease-example{0%{transform:translateY(0);background-color:var(--color-neutral-200)}50%{transform:translateY(-10px);background-color:var(--color-neutral-400)}to{transform:translateY(0);background-color:var(--color-neutral-200)}}