.g-system-wrapper.svelte-1rt62fg{width:100%;container-type:inline-size}.g-system{--max-width:1080px;--min-width:368px;--guide-width:1px;--horizontal-margin:2rem;--grid-system-width:calc(100cqw);--guide-color:var(--color-gray-alpha-300);--cross-color:var(--color-gray-alpha-600);border-left:var(--guide-width) solid var(--guide-color);border-top:var(--guide-width) solid var(--guide-color);box-sizing:border-box;max-width:var(--max-width);min-width:var(--min-width);flex-direction:column;align-items:center;width:fit-content;margin:0 auto;display:flex;position:relative}@media (width<=600px){.g-system{--horizontal-margin:1rem}}.g-system.g-contained{--grid-system-width:calc(100cqw);width:100%}.g-system.g-debug{--debug-color-rgb:255, 204, 109;--debug-guide-color:rgba(var(--debug-color-rgb), .7);--debug-block-color:rgba(var(--debug-color-rgb), .1);--guide-color:var(--debug-guide-color)!important}.g-system.g-debug:global(.g-block){background-color:var(--debug-block-color)}.g-system.g-debug:after{border:1px dashed var(--guide-color);color:var(--guide-color);content:"sm";font-family:var(--font-mono);z-index:100;background:#000;padding:.25rem .5rem;font-size:12px;animation:2s ease-out forwards svelte-1rt62fg-grid-badge-out;position:absolute;top:.5rem;right:.5rem}@media (width>=601px){.g-system.g-debug:after{content:"md"}}@media (width>=961px){.g-system.g-debug:after{content:"lg"}}@keyframes svelte-1rt62fg-grid-badge-out{to{opacity:0}}.g-grid{--grid-columns:var(--sm-grid-columns,1);--grid-rows:var(--sm-grid-rows,1);--height:var(--sm-height,auto);--row-height:var(--sm-row-height,1fr);--cell-padding:var(--sm-cell-padding,24px);--cross-size:var(--sm-cross-size,11px);--column-width:calc(var(--width) / var(--grid-columns));--grid-divider-gap:calc(140px - var(--cell-padding));--width:clamp(calc(var(--min-width) - var(--guide-width)), calc(var(--grid-system-width) - var(--guide-width) - (var(--horizontal-margin) * 2)), calc(var(--max-width) - var(--guide-width)));grid-template-columns:repeat(var(--grid-columns), var(--column-width));grid-template-rows:repeat(var(--grid-rows), var(--row-height));height:var(--height);width:var(--width);display:grid;position:relative}@media (width>=601px){.g-grid{--grid-columns:var(--md-grid-columns,var(--sm-grid-columns,1));--grid-rows:var(--md-grid-rows,var(--sm-grid-rows,1));--height:var(--md-height,var(--sm-height,auto));--row-height:var(--md-row-height,var(--sm-row-height,1fr));--cell-padding:var(--md-cell-padding,var(--sm-cell-padding,40px));--cross-size:var(--md-cross-size,var(--sm-cross-size,15px))}}@media (width>=961px){.g-grid{--grid-columns:var(--lg-grid-columns,var(--md-grid-columns,var(--sm-grid-columns,1)));--grid-rows:var(--lg-grid-rows,var(--md-grid-rows,var(--sm-grid-rows,1)));--height:var(--lg-height,var(--md-height,var(--sm-height,auto)));--row-height:var(--lg-row-height,var(--md-row-height,var(--sm-row-height,1fr)));--cell-padding:var(--lg-cell-padding,var(--md-cell-padding,var(--sm-cell-padding,48px)));--cross-size:var(--lg-cross-size,var(--md-cross-size,var(--sm-cross-size,21px)))}}.g-guides{pointer-events:none;z-index:1;display:contents}.g-guide{grid-column-end:span 1;grid-column-start:var(--x);grid-row-end:span 1;grid-row-start:var(--y);position:absolute;inset:0}.g-guide:before,.g-guide:after{content:"";pointer-events:none;position:absolute}.g-guide:before{bottom:var(--guide-width);border-right:var(--guide-width) solid var(--guide-color);top:0;right:0}.g-guide:after{border-bottom:var(--guide-width) solid var(--guide-color);bottom:0;left:0;right:0}.g-grid.g-no-bottom-edge .g-guide.is-bottom:after{border-bottom-style:none}.g-grid.g-no-right-edge .g-guide.is-right:before{border-right-style:none}.g-guide-md,.g-guide-lg{display:none}@media (width>=601px){.g-guide-sm{display:none}.g-guide-md{display:block}}@media (width>=961px){.g-guide-md{display:none}.g-guide-lg{display:block}}.g-grid.g-dashed{--light-dashed-png:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAANklEQVQokWN8/fr1fwY0ICoqyoguhk0dE7oAKYARZiI223ABmB6KbKZI8yggEQzReGYcsIwBALk3HxGhdtdwAAAAAElFTkSuQmCC);--dark-dashed-png:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAANklEQVQokWOUl5f/z4AGHj58yIguhk0dE7oAKYARZiI223ABmB6KbKZI8yggEQzReGYcsIwBAA1NFYEXiwqfAAAAAElFTkSuQmCC)}.g-grid.g-dashed .g-guide:before,.g-grid.g-dashed .g-guide:after{border-image:var(--dark-dashed-png) 2 round}.g-grid.g-dashed .g-guide.is-right:before,.g-grid.g-dashed .g-guide.is-bottom:after{border-image:}.g-block{--grid-row:var(--sm-grid-row,auto);--grid-column:var(--sm-grid-column,auto);--block-display:var(--sm-block-display,block);--cell-padding:var(--sm-cell-padding,0px);display:var(--block-display);grid-column:var(--grid-column);grid-row:var(--grid-row);margin-bottom:var(--guide-width);margin-right:var(--guide-width);padding:var(--cell-padding);z-index:2;overflow:hidden}@media (width>=601px){.g-block{--grid-row:var(--md-grid-row,var(--sm-grid-row,auto));--grid-column:var(--md-grid-column,var(--sm-grid-column,auto));--block-display:var(--md-block-display,var(--sm-block-display,block));--cell-padding:var(--md-cell-padding,var(--sm-cell-padding,0px))}}@media (width>=961px){.g-block{--grid-row:var(--lg-grid-row,var(--md-grid-row,var(--sm-grid-row,auto)));--grid-column:var(--lg-grid-column,var(--md-grid-column,var(--sm-grid-column,auto)));--block-display:var(--lg-block-display,var(--md-block-display,var(--sm-block-display,block)));--cell-padding:var(--lg-cell-padding,var(--md-cell-padding,var(--sm-cell-padding,0px)))}}.g-cross{--cross-color:var(--color-brand);--cross-row:var(--sm-cross-row);--cross-column:var(--sm-cross-column);--cross-size:var(--sm-cross-size,11px);--cross-half-size:calc((var(--cross-size) / 2) + var(--guide-width) - .5px);grid-column-start:var(--cross-column);grid-row-start:var(--cross-row);height:fit-content;inset:calc(var(--cross-half-size) * -1);pointer-events:none;z-index:2;width:fit-content;position:absolute}@media (width>=601px){.g-cross{--cross-row:var(--md-cross-row,var(--sm-cross-row));--cross-column:var(--md-cross-column,var(--sm-cross-column));--cross-size:var(--md-cross-size,var(--sm-cross-size,15px))}}@media (width>=961px){.g-cross{--cross-row:var(--lg-cross-row,var(--md-cross-row,var(--sm-cross-row)));--cross-column:var(--lg-cross-column,var(--md-cross-column,var(--sm-cross-column)));--cross-size:var(--lg-cross-size,var(--md-cross-size,var(--sm-cross-size,21px)))}}.g-cross-line{border:var(--guide-width) solid var(--cross-color);border-width:0;position:absolute}.g-line{--line-row:var(--sm-line-row);--line-column:var(--sm-line-column);--line-top:var(--sm-line-top,0px);--line-left:var(--sm-line-left,0px);border:0 solid var(--guide-color);border-bottom:var(--guide-width) solid var(--guide-color);grid-column-start:var(--line-column);grid-row-start:var(--line-row);pointer-events:none;left:-100vw;top:var(--line-top);width:calc(200vw - var(--line-left));position:absolute}@media (width>=601px){.g-line{--line-row:var(--md-line-row,var(--sm-line-row));--line-column:var(--md-line-column,var(--sm-line-column));--line-top:var(--md-line-top,var(--sm-line-top,0px));--line-left:var(--md-line-left,var(--sm-line-left,0px))}}@media (width>=961px){.g-line{--line-row:var(--lg-line-row,var(--md-line-row,var(--sm-line-row)));--line-column:var(--lg-line-column,var(--md-line-column,var(--sm-line-column)));--line-top:var(--lg-line-top,var(--md-line-top,var(--sm-line-top,0px)));--line-left:var(--lg-line-left,var(--md-line-left,var(--sm-line-left,0px)))}}.g-line.g-line-vertical{border-bottom:none;border-left-width:var(--guide-width);height:calc(100% - var(--line-top));left:var(--line-left);width:0;margin-left:-1px}.g-stack{--stack-direction:var(--sm-stack-direction,column);--stack-align:var(--sm-stack-align,stretch);--stack-justify:var(--sm-stack-justify,flex-start);--stack-gap:var(--sm-stack-gap,0);--stack-padding:var(--sm-stack-padding,0);align-items:var(--stack-align);flex:var(--stack-flex,initial);flex-direction:var(--stack-direction);gap:var(--stack-gap);justify-content:var(--stack-justify);padding:var(--stack-padding);display:flex}@media (width>=601px){.g-stack{--stack-direction:var(--md-stack-direction,var(--sm-stack-direction,column));--stack-align:var(--md-stack-align,var(--sm-stack-align,stretch));--stack-justify:var(--md-stack-justify,var(--sm-stack-justify,flex-start));--stack-gap:var(--md-stack-gap,var(--sm-stack-gap,0));--stack-padding:var(--md-stack-padding,var(--sm-stack-padding,0))}}@media (width>=961px){.g-stack{--stack-direction:var(--lg-stack-direction,var(--md-stack-direction,var(--sm-stack-direction,column)));--stack-align:var(--lg-stack-align,var(--md-stack-align,var(--sm-stack-align,stretch)));--stack-justify:var(--lg-stack-justify,var(--md-stack-justify,var(--sm-stack-justify,flex-start)));--stack-gap:var(--lg-stack-gap,var(--md-stack-gap,var(--sm-stack-gap,0)));--stack-padding:var(--lg-stack-padding,var(--md-stack-padding,var(--sm-stack-padding,0)))}}.g-stack-debug{background-color:#00ffe00d;border:1px dashed #00ffe033}