.app-container{display:flex;flex-direction:row}.settings-open-button{align-items:center;background-color:var(--tool-button-bg-color);border:none;border-radius:8px 0 0 8px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);color:var(--tool-button-color);display:flex;height:40px;justify-content:center;margin-right:-6px;margin-top:8px;position:fixed;right:6px;top:50%;width:40px}.settings-open-button:hover{background-color:var(--tool-bg-color-code);color:var(--tool-button-color)}body{color:var(--tool-font-color-primary)}.settings-drawer{background-color:var(--tool-bg-color-body);box-shadow:var(--tool-box-shadow-color);height:100vh;line-height:24px;overflow-y:scroll;padding:0 24px 36px;position:fixed;right:0;top:0;width:320px;z-index:11}.settings-header{align-items:center;display:flex;height:72px;justify-content:space-between;margin-bottom:10px;width:100%}.settings-title{color:var(--tool-font-color-secondary);font-size:24px;font-weight:400;margin:0}.settings-close-button{align-items:center;background-color:var(--tool-button-bg-color);border:none;border-radius:8px;color:var(--tool-button-color);display:flex;height:40px;justify-content:center;margin-right:-6px;margin-top:8px;width:40px}.settings-close-button:hover{background-color:var(--tool-bg-color-code);color:var(--tool-button-color)}.settings-nav-section{align-items:center;background-color:inherit;display:flex;height:46px;justify-content:center;margin:0;width:100%}.settings-section{margin-top:32px}#customVariablesSection{display:none}.darkmode-section{height:24px}.darkmode-section,.settings-nav-toggle-wrapper{align-items:center;display:flex;flex-direction:row}.settings-nav-toggle-wrapper{background-color:var(--tool-bg-color-code);border-radius:10px;height:42px;justify-content:center;width:160px}.nav-toggle:first-child{margin-right:4px}.nav-toggle{align-items:center;background-color:initial;border-radius:8px;color:var(--tool-toggle-button-color);display:flex;font-size:16px;font-weight:700;height:38px;justify-content:center;text-align:center;width:76px}.nav-toggle:hover{color:var(--td-grey-06)}.settings-color-toggle-wrapper{align-items:center;background-color:var(--tool-bg-color-code);border-radius:10px;display:flex;flex-direction:row;height:28px;justify-content:center;width:96px}.settings-color-button{background-color:initial;border:none;border-radius:8px;color:var(--td-grey-06);font-size:16px;font-weight:400;height:24px;margin-bottom:0;min-height:24px;padding:0;width:44px}.settings-color-button:first-child{margin-right:4px}.settings-color-button:hover{color:var(--td-grey-06)}.settings-color-button:disabled{background-color:initial;color:var(--tool-font-color-disable)}.settings-subtitle{color:var(--tool-font-color-secondary);font-size:18px;font-weight:700;line-height:normal}.settings-subtitle-color{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:8px}.settings-subtitle-color .settings-subtitle{margin-bottom:0}.settings-label{color:var(--tool-font-color-secondary);font-size:16px;line-height:normal;margin-top:16px}.settings-value-row{display:flex;flex-direction:row;justify-content:space-between}.settings-value{font-size:14px;font-weight:300}input[type=range]{margin-bottom:16px;margin-top:16px}input[type=text]{font-size:14px;height:40px!important;letter-spacing:1px;margin-bottom:16px;padding:16px!important;width:100%}.switch{display:inline-block;height:24px;margin-left:8px;position:relative;width:45px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:var(--tool-bg-color-card);bottom:2px;content:"";height:20px;left:2px;width:20px}input:checked+.slider{background-color:var(--td-light-blue)}input:focus+.slider{box-shadow:0 0 1px var(--td-blue)}input:checked+.slider:before{-webkit-transform:translateX(21px);transform:translateX(21px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}input[type=range]{-webkit-appearance:none;background:transparent;cursor:pointer;height:1.5rem;width:100%}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb,input[type=range]:hover::-webkit-slider-thumb{-webkit-transform:scale(1.6);transform:scale(1.6)}input[type=range]:focus::-moz-range-thumb,input[type=range]:hover::-moz-range-thumb{transform:scale(1.6)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--tool-progress-bar-color);border-radius:100%;height:.5rem;margin-top:-3px;-webkit-transition:.2s;transition:.2s;width:.5rem}input[type=range]::-moz-range-thumb{background:var(--tool-progress-bar-color);border-radius:100%;height:.5rem;margin-top:-3px;-moz-transition:.2s;transition:.2s;width:.5rem}input[type=range]::-webkit-slider-runnable-track{border:none;cursor:pointer;height:2px;width:100%}input[name=baseFontSize]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--tool-progress-bar-color) 0,var(--tool-progress-bar-color) calc((var(--initialFontSize)*257)/19.4 - 152px),var(--tool-progress-bar-bg-color) calc((var(--initialFontSize)*257)/38 - 98px))}input[name=factor]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--tool-progress-bar-color) 0,var(--tool-progress-bar-color) calc((var(--factorPixelValue)*257)/.49 - 520px),var(--tool-progress-bar-bg-color) calc((var(--factorPixelValue)*257)/1.1 - 925px))}input[name=lineheight]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--tool-progress-bar-color) 0,var(--tool-progress-bar-color) calc((var(--lineheightPixelValue)*257)/28.6 - 5px),var(--tool-progress-bar-bg-color) calc((var(--lineheightPixelValue)*257)/34 - 28px))}input[name=lineheightIncrement]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--tool-progress-bar-color) 0,var(--tool-progress-bar-color) calc((var(--lineheightIncrementPixelValue)*257)/.49 - 520px),var(--tool-progress-bar-bg-color) calc((var(--lineheightIncrementPixelValue)*257)/1.1 - 925px))}input[name=hue]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--tool-progress-bar-color) 0,var(--tool-progress-bar-color) calc((var(--huePixelValue)*257)/352),var(--tool-progress-bar-bg-color) calc((var(--huePixelValue)*257)/360))}input[name=saturation]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--tool-progress-bar-color) 0,var(--tool-progress-bar-color) calc((var(--saturationPixelValue)*257)/94),var(--tool-progress-bar-bg-color) calc((var(--saturationPixelValue)*257)/100))}input[name=lightness]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--tool-progress-bar-color) 0,var(--tool-progress-bar-color) calc((var(--lightnessPixelValue)*257)/94),var(--tool-progress-bar-bg-color) calc((var(--lightnessPixelValue)*257)/100))}input[name=borderRadius]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--tool-progress-bar-color) 0,var(--tool-progress-bar-color) calc((var(--initialBorderRadius)*257)/48),var(--tool-progress-bar-bg-color) calc((var(--initialBorderRadius)*257)/100))}input[name=border]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--tool-progress-bar-color) 0,var(--tool-progress-bar-color) calc((var(--initialBorder)*257)/2.9),var(--tool-progress-bar-bg-color) calc((var(--initialBorder)*257)/3))}input[type=range]::-moz-range-track{background:var(--td-light-blue);border:none;cursor:pointer;height:2px;width:100%}.variables-select{border-width:1.5px;color:var(--tool-font-color-primary);font-size:14px;height:42px;margin-top:16px;width:100%}.variables-select,.variables-select:focus{background-color:var(--tool-bg-color-body);border-color:var(--tool-font-color-button);border-radius:8px}.variables-select:focus{border-width:2px}.custom-variables__input-container{display:flex;flex-direction:row;justify-content:space-between;margin-top:16px;width:100%}.custom-variables__input{font-size:14px;height:42px;padding:0 12px;width:200px}.custom-variables__input,.custom-variables__input:focus{background-color:var(--tool-bg-color-body);border-color:var(--tool-font-color-button);border-radius:8px;border-width:1.5px}.custom-variables__input:focus{outline-color:var(--tool-font-color-button)}.variable-button{align-items:center;align-self:center;background-color:var(--tool-bg-color-body);border-radius:8px;border-width:1.5px;color:var(--tool-font-color-button);cursor:pointer;display:flex;height:42px;justify-content:center;width:42px}.variable-button,.variable-button:hover{border-color:var(--tool-font-color-button)}.variable-button:hover{background-color:var(--tool-font-color-button);color:#f9fafb}.download-section{display:flex;flex-direction:column;margin-top:50px}.download-button,.download-section{align-items:center;justify-content:center}.download-button{align-self:center;background-color:var(--tool-bg-color-body);border-color:var(--tool-font-color-button);border-radius:8px;border-style:solid;border-width:1.5px;color:var(--tool-font-color-button);cursor:pointer;display:inline-block;font-size:16px;font-weight:500;height:42px;padding:7px 27px;width:160px}.download-button:hover{background-color:var(--tool-font-color-button);color:#f9fafb;padding:7px 27px}@media (min-width:992px){.settings-close-button{display:none}}:root{--initialFontSize:16px;--initialRatio:1.3;--text-0:calc(var(--initialFontSize)/var(--initialRatio));--text-1:var(--initialFontSize);--text-2:calc(var(--text-1)*var(--initialRatio));--text-3:calc(var(--text-2)*var(--initialRatio));--text-4:calc(var(--text-3)*var(--initialRatio));--text-5:calc(var(--text-4)*var(--initialRatio));--text-6:calc(var(--text-5)*var(--initialRatio));--text-7:calc(var(--text-6)*var(--initialRatio));--initialLineheight:16px;--lineheightIncrement:1.22;--space-0:calc(var(--space-1)/var(--lineheightIncrement));--space-1:calc(var(--initialLineheight));--space-2:calc(var(--space-1)*var(--lineheightIncrement));--space-3:calc(var(--space-2)*var(--lineheightIncrement));--space-4:calc(var(--space-3)*var(--lineheightIncrement));--space-5:calc(var(--space-4)*var(--lineheightIncrement));--space-6:calc(var(--space-5)*var(--lineheightIncrement));--space-7:calc(var(--space-6)*var(--lineheightIncrement));--baseColor:hsl(var(--lightscaleHueIncrement),var(--lightscaleSaturationIncrement),var(--lightscaleLightnessIncrement));--initiallightHue:223;--initiallightSaturation:49%;--initiallightLightness:45%;--lightscaleHueIncrement:4;--lightscaleSaturationIncrement:0%;--lightscaleLightnessIncrement:7%;--light-0H:calc(var(--initiallightHue) - var(--lightscaleHueIncrement)/1);--light1H:var(--initiallightHue);--light2H:calc(var(--initiallightHue) - var(--lightscaleHueIncrement)*1);--light3H:calc(var(--initiallightHue) - var(--lightscaleHueIncrement)*2);--light4H:calc(var(--initiallightHue) - var(--lightscaleHueIncrement)*3);--light5H:calc(var(--initiallightHue) - var(--lightscaleHueIncrement)*4);--light6H:calc(var(--initiallightHue) - var(--lightscaleHueIncrement)*5);--light7H:calc(var(--initiallightHue) - var(--lightscaleHueIncrement)*6);--light8H:calc(var(--initiallightHue) - var(--lightscaleHueIncrement)*7);--light9H:calc(var(--initiallightHue) - var(--lightscaleHueIncrement)*8);--light0S:calc(var(--initiallightSaturation) - var(--lightscaleSaturationIncrement)/1);--light1S:var(--initiallightSaturation);--light2S:calc(var(--initiallightSaturation) - var(--lightscaleSaturationIncrement)*1);--light3S:calc(var(--initiallightSaturation) - var(--lightscaleSaturationIncrement)*2);--light4S:calc(var(--initiallightSaturation) - var(--lightscaleSaturationIncrement)*3);--light5S:calc(var(--initiallightSaturation) - var(--lightscaleSaturationIncrement)*4);--light6S:calc(var(--initiallightSaturation) - var(--lightscaleSaturationIncrement)*5);--light7S:calc(var(--initiallightSaturation) - var(--lightscaleSaturationIncrement)*6);--light8S:calc(var(--initiallightSaturation) - var(--lightscaleSaturationIncrement)*7);--light9S:calc(var(--initiallightSaturation) - var(--lightscaleSaturationIncrement)*8);--light0L:calc(var(--initiallightLightness) - var(--lightscaleLightnessIncrement)/1);--light1L:var(--initiallightLightness);--light2L:calc(var(--initiallightLightness) - var(--lightscaleLightnessIncrement)*1);--light3L:calc(var(--initiallightLightness) - var(--lightscaleLightnessIncrement)*2);--light4L:calc(var(--initiallightLightness) - var(--lightscaleLightnessIncrement)*3);--light5L:calc(var(--initiallightLightness) - var(--lightscaleLightnessIncrement)*4);--light6L:calc(var(--initiallightLightness) - var(--lightscaleLightnessIncrement)*5);--light7L:calc(var(--initiallightLightness) - var(--lightscaleLightnessIncrement)*6);--light8L:calc(var(--initiallightLightness) - var(--lightscaleLightnessIncrement)*7);--light9L:calc(var(--initiallightLightness) - var(--lightscaleLightnessIncrement)*8);--light-00:hsl(var(--light0H),var(--light0S),var(--light0L));--light-01:hsl(var(--light1H),var(--light1S),var(--light1L));--light-02:hsl(var(--light2H),var(--light2S),var(--light2L));--light-03:hsl(var(--light3H),var(--light3S),var(--light3L));--light-04:hsl(var(--light4H),var(--light4S),var(--light4L));--light-05:hsl(var(--light5H),var(--light5S),var(--light5L));--light-06:hsl(var(--light6H),var(--light6S),var(--light6L));--light-07:hsl(var(--light7H),var(--light7S),var(--light7L));--light-08:hsl(var(--light8H),var(--light8S),var(--light8L));--light-09:hsl(var(--light9H),var(--light9S),var(--light9L));--light-increment-60:hsl(var(--light1H),var(--light1S),calc(var(--initiallightLightness) + 15%));--light-increment-70:hsl(var(--light1H),var(--light1S),calc(var(--initiallightLightness) + 25%));--grey-00:#fff;--grey-01:hsl(var(--initiallightHue),17%,98%);--grey-02:hsl(var(--initiallightHue),16%,93%);--grey-03:hsl(var(--initiallightHue),14%,89%);--grey-04:hsl(var(--initiallightHue),14%,83%);--grey-05:hsl(var(--initiallightHue),11%,71%);--grey-06:hsl(var(--initiallightHue),7%,46%);--grey-07:hsl(var(--initiallightHue),9%,31%);--grey-08:hsl(var(--initiallightHue),10%,23%);--grey-09:hsl(var(--initiallightHue),11%,15%);--grey-10:#000;--initialBorderRadius:0px;--initialBorder:1px;--td-border-width:var(--initialBorder);--td-border-radius:var(--initialBorderRadius);--font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-color-primary:var(--grey-09);--font-color-secondary:var(--light-01);--body-font-family:var(--font-sans-serif);--body-font-size:var(--text-1);--body-font-weight:400;--body-lineheight:var(--lineheightIncrement);--body-bg-color:var(--grey-00);--body-color:var(--grey-09);--body-padding-sm:var(--space-1);--body-padding-md:calc(var(--space-5) + var(--space-1));--body-padding-lg:calc(var(--space-6) + var(--space-2));--body-section-margin-sm:calc(var(--space-5) + var(--space-3));--body-section-margin-md:calc(var(--space-6) + var(--space-2));--body-section-margin-lg:calc(var(--space-7)*2.5);--component-max-width:930px;--bg-color-primary-button:var(--light-01);--bg-color-secondary-button:var(--grey-00);--border-color-primary-button:var(--light-01);--border-color-secondary-button:var(--light-01);--color-primary-button:var(--grey-01);--color-secondary-button:var(--light-01);--font-size-primary-button:var(--text-1);--font-size-secondary-button:var(--text-1);--border-width-primary-button:var(--border-width);--border-width-secondary-button:var(--border-width);--border-style-primary-button:var(--border-style);--border-style-secondary-button:var(--border-style);--border-radius-primary-button:var(--border-radius);--border-radius-secondary-button:var(--border-radius);--padding-primary-button:0 calc(var(--space-1)/2);--padding-secondary-button:0 calc(var(--space-1)/2);--width-primary-button:236px;--width-secondary-button:236px;--height-primary-button:calc(var(--space-1)*3.1);--height-secondary-button:calc(var(--space-1)*3.1);--margin-button:calc(var(--space-1)/2);--hover-bg-color-primary-button:var(--light-increment-60);--hover-bg-color-secondary-button:var(--light-01);--hover-border-color-primary-button:var(--light-03);--hover-border-color-secondary-button:var(--light-01);--hover-color-primary-button:var(--grey-01);--hover-color-secondary-button:var(--grey-00);--active-bg-color-primary-button:var(--light-01);--active-bg-color-secondary-button:var(--light-00);--active-border-color-primary-button:var(--light-01);--active-border-color-secondary-button:var(--light-00);--disabled-color-primary-button:var(--light-01);--disabled-color-secondary-button:var(--light-increment-70);--disabled-bg-color-primary-button:var(--light-01);--disabled-bg-color-secondary-color:var(--light-increment-70);--disabled-border-color-primary-button:var(--light-01);--disabled-border-color-secondary-button:var(--light-increment-70);--width-tab-button:calc(var(--width-primary-button)*0.9);--padding-tab-button:0 16px;--bg-color-tab-button:var(--grey-02);--border-color-tab-button:var(--light-01);--color-tab-button:var(--light-01);--hover-bg-color-tab-button:var(--grey-03);--hover-color-tab-button:var(--light-01);--hover-border-color-tab-button:var(--grey-03);--active-bg-color-tab-button:var(--grey-02);--active-color-tab-button:var(--light-01);--active-border-color-tab-button:var(--light-01);--active-border-bottom-width:4px;--disabled-color-tab-button:var(--grey-05);--disabled-bg-color-tab-button:var(--grey-03);--disabled-border-color-tab-button:var(--light-01);--color-label:var(--grey-09);--link-color:var(--grey-09);--hover-link-color:var(--grey-09);--active-link-font-weight:700;--highlight-bg:#fff3cd;--border-style:solid;--border-width:var(--initialBorder);--border-radius:var(--initialBorderRadius);--bg-color-card:var(--grey-03);--color-card:var(--grey-09);--padding-card:calc(var(--space-1)) var(--body-padding-sm);--col-gap-grid:var(--body-padding-sm);--row-gap-grid:var(--body-padding-sm);--icon-card-width:338px;--border-radius-card:var(--border-radius);--table-height-sm:32px;--table-height-md:40px;--table-height-lg:48px;--font-weight-header-table:700;--caption-table-padding:calc(var(--space-1) - var(--space-1)/2) 0;--table-border:none;--table-padding:0 calc(var(--space-1)/3);--font-size-table:14px;--lineheight-table:24px;--border-bottom-table:1px solid var(--grey-09);--font-weight-header-table:bold;--table-row-height:calc(var(--space-1)*2);--table-zebra-striping-bg-color:var(--grey-02);--bg-color-table-header:var(--grey-04);--list-group-margin-bottom:calc(var(--space-1) - var(--space-1)/2);--list--margin-bottom:calc(var(--space-1) - var(--space-1)/2);--list-style:circle inside;--code-font-size:calc(var(--text-1)/1.8);--code-color:var(--body-color);--bg-color-code:var(--grey-02);--input-height:calc(var(--space-1)*2);--input-padding:calc(var(--space-1)/2);--bg-color-input:var(--grey-02);--border-color-input:var(--grey-02);--color-input:var(--grey-08);--placeholder-color-input:var(--grey-06);--font-family-input:var(--font-sans-serif);--font-size-input:var(--text-1);--border-width-input:var(--border-width);--border-style-input:var(--border-style);--border-radius-input:var(--border-radius);--textarea-height:var(--space-7);--textarea-padding:calc(var(--space-1)/2);--bg-color-textarea:var(--grey-02);--border-color-textarea:var(--grey-02);--color-textarea:var(--grey-08);--placeholder-color-textarea:var(--grey-06);--font-family-textarea:var(--font-sans-serif);--font-size-textarea:var(--text-1);--border-width-textarea:var(--border-width);--border-style-textarea:var(--border-style);--border-radius-textarea:var(--border-radius);--input-margin-bottom:calc(var(--space-1)/2);--element-margin:0 0 calc(var(--space-1) - var(--space-1)/2);--hr-margin:var(--space-1) 0;--hr-border-top:1px solid;--hr-opacity:0.25;--bg-color-header:var(--grey-00);--color-header:var(--grey-09);--height-header:calc(var(--space-1)*2.7);--padding-header:var(--initialLineheight);--bg-color-header-link:var(--grey-00);--color-header-link:var(--grey-09);--hover-bg-color-header-link:var(--grey-00);--hover-color-header-link:var(--light-01);--active-bg-color-header-link:var(--grey-00);--active-color-header-link:var(--light-01);--padding-header-link:0 var(--space-1);--nav-margin-right-link:calc(var(--space-1)*1.5);--nav-font-weight-link:400;--hero-text-max-width:812px;--grid-text-title-max-width:576px;--bg-color-footer:var(--light-01);--color-footer:var(--grey-01);--padding-footer:calc(var(--body-padding-sm)*2) var(--body-padding-sm);--box-shadow-color:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);--transition-fast:all 200ms cubic-bezier(0.235,0.615,0.185,0.995);--transition-slow:all 500ms cubic-bezier(0.235,0.615,0.185,0.995);--blend-mode:multiply;--display-light:inherit;--display-dark:none;--td-blue:#3b5aab;--td-light-blue:#b3c1e5;--td-mid-blue:#7c96da;--td-dark-blue:#475571;--td-light1H:223;--td-light1S:49%;--td-light1L:45%;--td-grey-01:#f9fafb;--td-grey-02:#eaecf0;--td-grey-03:#dfe1e7;--td-grey-04:#ced1da;--td-grey-05:#adb2bd;--td-grey-06:#6d727e;--td-grey-07:#484c56;--td-grey-08:#353841;--td-grey-09:#22242a;--tool-font-color-primary:#22242a;--tool-font-color-secondary:#353841;--tool-font-color-primary-footer:#22242a;--tool-font-color-secondary-footer:#6d727e;--tool-font-color-button:var(--td-blue);--tool-font-color-disable:#afb7ca;--tool-bg-color-body:#f9fafb;--tool-bg-color-header:#f9fafb;--tool-bg-color-footer:#22242a;--tool-bg-color-modal:var(--td-lightgrey-transparent);--tool-bg-color-card:#f9fafb;--tool-bg-color-button:var(--grey-00);--tool-blend-mode:multiply;--tool-display-light:inherit;--tool-display-dark:none;--tool-bg-color-code:#eaecf0;--tool-border-color-primary:#22242a;--tool-border-color-secondary:#eaecf0;--tool-box-shadow-color:var(--box-shadow-color);--tool-link-color:var(--td-blue);--tool-link-hover-color:var(--td-blue);--tool-progress-bar-bg-color:var(--td-light-blue);--tool-progress-bar-color:var(--td-blue);--tool-toggle-button-color:var(--td-grey-06);--tool-button-color:var(--td-blue);--tool-button-bg-color:var(--tool-bg-color-body);--tool-icon-button-code-color:var(var(--light-08));--factorPixelValue:1.3px;--lineheightPixelValue:16px;--lineheightIncrementPixelValue:1.22px;--huePixelValue:223px;--saturationPixelValue:49px;--lightnessPixelValue:45px}[data-theme=dark]{--font-color-primary:var(--grey-01);--font-color-secondary:var(--light-increment-70);--body-bg-color:var(--grey-09);--body-color:var(--grey-01);--bg-color-primary-button:var(--light-01);--bg-color-secondary-button:var(--light-00);--border-color-primary-button:var(--light-01);--border-color-secondary-button:var(--light-00);--color-primary-button:var(--grey-01);--color-secondary-button:var(--grey-00);--hover-bg-color-primary-button:var(--light-03);--hover-bg-color-secondary-button:var(--light-02);--hover-border-color-primary-button:var(--light-03);--hover-border-color-secondary-button:var(--light-02);--hover-color-primary-button:var(--grey-01);--hover-color-secondary-button:var(--grey-00);--active-bg-color-primary-button:var(--light-01);--active-bg-color-secondary-button:var(--light-00);--active-border-color-primary-button:var(--light-01);--active-border-color-secondary-button:var(--light-00);--disabled-color-primary-button:var(--light-01);--disabled-color-secondary-button:var(--light-increment-70);--disabled-bg-color-primary-button:var(--light-01);--disabled-bg-color-secondary-color:var(--light-increment-70);--disabled-border-color-primary-button:var(--light-01);--disabled-border-color-secondary-button:var(--light-increment-70);--bg-color-tab-button:var(--grey-02);--border-color-tab-button:var(--light-01);--color-tab-button:var(--light-01);--hover-bg-color-tab-button:var(--grey-03);--hover-color-tab-button:var(--light-01);--hover-border-color-tab-button:var(--grey-03);--active-bg-color-tab-button:var(--grey-02);--active-color-tab-button:var(--light-01);--active-border-color-tab-button:var(--light-01);--disabled-color-tab-button:var(--grey-06);--disabled-bg-color-tab-button:var(--grey-07);--disabled-border-color-tab-button:var(--grey-05);--color-label:var(--grey-01);--link-color:var(--grey-01);--hover-link-color:var(--grey-01);--bg-color-card:var(--grey-06);--color-card:var(--grey-01);--border-bottom-table:1px solid var(--grey-07);--table-zebra-striping-bg-color:var(--grey-08);--bg-color-table-header:var(--grey-06);--code-color:var(--body-color);--bg-color-code:var(--grey-08);--bg-color-input:var(--grey-02);--border-color-input:var(--grey-02);--color-input:var(--grey-08);--placeholder-color-input:var(--grey-06);--bg-color-textarea:var(--grey-02);--border-color-textarea:var(--grey-02);--color-textarea:var(--grey-08);--placeholder-color-textarea:var(--grey-06);--bg-color-header:var(--grey-00);--color-header:var(--grey-09);--bg-color-header-link:var(--grey-09);--color-header-link:var(--grey-01);--hover-bg-color-header-link:var(--grey-09);--hover-color-header-link:var(--light-01);--active-bg-color-header-link:var(--grey-00);--active-color-header-link:var(--light-01);--bg-color-footer:var(--light-04);--color-footer:var(--grey-01);--box-shadow-color:0 1px 2px 0 rgba(67,72,77,.3),0 2px 6px 2px rgba(158,172,181,.15);--tool-font-color-primary:#f9fafb;--tool-font-color-secondary:#f9fafb;--tool-font-color-primary-footer:#f9fafb;--tool-font-color-secondary-footer:#6d727e;--tool-font-color-button:var(--td-light-blue);--tool-font-color-disable:#4e535c;--tool-bg-color-body:#131418;--tool-bg-color-header:#131418;--tool-bg-color-footer:#22242a;--tool-bg-color-modal:var(--td-lightgrey-transparent);--tool-bg-color-card:#131418;--tool-bg-color-button:var(--grey-00);--tool-blend-mode:multiply;--tool-display-light:inherit;--tool-display-dark:none;--tool-bg-color-code:#22242a;--tool-border-color-primary:#f9fafb;--tool-border-color-secondary:#eaecf0;--tool-box-shadow-color:var(--box-shadow-color);--tool-link-color:var(--td-light-blue);--tool-link-hover-color:var(--td-light-blue);--tool-progress-bar-bg-color:var(--td-dark-blue);--tool-progress-bar-color:var(--td-light-blue);--tool-toggle-button-color:var(--td-grey-06);--tool-button-color:var(--td-blue);--tool-button-bg-color:var(--tool-bg-color-body);--tool-icon-button-code-color:var(var(--light-01));--blend-mode:screen;--display-light:none;--display-dark:inherit}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}.container{margin:0 auto;position:relative}.column,.columns,.container{box-sizing:border-box;width:100%}.column,.columns{float:left}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:8.333333333333%}.two.columns{width:16.666666666666668%}.three.columns{width:25%}.four.columns{width:33.333333333333336%}.five.columns{width:41.333333333333336%}.six.columns{width:50%}.seven.columns{width:58.333333333333336%}.eight.columns{width:16.666666666666668%}.nine.columns{width:75%}.ten.columns{width:83.33333333333333%}.eleven.columns{width:91.66666666666667%}.twelve.columns{margin-left:0;width:100%}.one-third.column{width:33.333333333333336%}.two-thirds.column{width:66.66666666666667%}.one-half.column{width:50%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}*,:after,:before{box-sizing:border-box}:root{scroll-behavior:smooth}body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#000;-webkit-tap-highlight-color:var(--grey-10);background-color:#fff;background-color:var(--body-bg-color);color:var(--td-body-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-family:var(--body-font-family);font-size:16px;font-size:var(--body-font-size);font-weight:400;font-weight:var(--body-font-weight);line-height:1.22;line-height:var(--body-lineheight);margin:0}main{padding:0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#22242a;color:var(--body-color);font-weight:500;margin-bottom:.5rem;margin-top:0}h1{font-size:77.22894px;font-size:var(--text-7)}h1,h2{line-height:1.22;line-height:var(--lineheightIncrement)}h2{font-size:59.40688px;font-size:var(--text-6)}h3{font-size:45.6976px;font-size:var(--text-5)}h3,h4{line-height:1.22;line-height:var(--lineheightIncrement)}h4{font-size:35.152px;font-size:var(--text-4)}h5{font-size:27.04px;font-size:var(--text-3)}h5,h6{line-height:1.22;line-height:var(--lineheightIncrement)}h6{font-size:20.8px;font-size:var(--text-2)}p{font-size:16px;font-size:var(--text-1);line-height:1.22;line-height:var(--lineheightIncrement);margin-bottom:9.76px;margin-bottom:calc(var(--space-2) - var(--space-2)/2);margin-top:0}abbr[title]{font-style:italic;font-weight:100;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit;margin-bottom:9.76px;margin-bottom:calc(var(--space-2) - var(--space-2)/2)}b,strong{font-weight:bolder}mark{background-color:#fff3cd;background-color:var(--highlight-bg)}kbd{background-color:#fff;background-color:var(--body-bg-color);border-radius:0;color:#fff;color:var(--body-bg-color);font-size:8.88889px;font-size:calc(var(--body-font-size)/1.8)}kbd kbd{font-size:9.76px;font-size:calc(var(--space-2) - var(--space-2)/2);padding:0}@font-face{font-family:Gotham;font-style:normal;font-weight:700;src:url(/static/media/Gotham-Bold.511bff968009fbd4430c.otf)}@font-face{font-family:Gotham;font-style:normal;font-weight:800;src:url(/static/media/Gotham-Black.99378ea623525403757d.otf)}@font-face{font-family:Gotham;font-style:normal;font-weight:400;src:url(/static/media/Gotham-Book.2dd05a7b536fa17dd181.otf)}@font-face{font-family:Gotham;font-style:normal;font-weight:300;src:url(/static/media/Gotham-Light.04eba939bb2b7d80d3ad.otf)}a{color:#22242a;color:var(--link-color);text-decoration:none}a:hover{color:#22242a;color:var(--hover-link-color)}button,input[type=button],input[type=reset],input[type=submit]{background-color:#3b5aab;background-color:var(--bg-color-primary-button);border-color:#3b5aab;border-color:var(--border-color-primary-button);border-radius:0;border-radius:var(--border-radius-primary-button);border-style:solid;border-style:var(--border-style);border-width:1px;border-width:var(--border-width);box-sizing:border-box;color:#f9fafb;color:var(--color-primary-button);cursor:pointer;display:inline-block;font-family:inherit;font-size:inherit;height:49.6px;height:var(--height-primary-button);line-height:inherit;max-height:60px;min-height:30px;padding:0 8px;padding:var(--padding-primary-button);text-align:center;white-space:nowrap}button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:hsl(223,49%,60%);background-color:var(--hover-bg-color-primary-button);border-color:hsl(223,49%,60%);border-color:var(--hover-bg-color-primary-button);color:#f9fafb;color:var(--hover-color-primary-button);outline:0}button.button-primary,input[type=button].button-primary,input[type=reset].button-primary,input[type=submit].button-primary{background-color:#3b5aab;background-color:var(--bg-color-primary-button);border-color:#3b5aab;border-color:var(--border-color-primary-button);color:#f9fafb;color:var(--color-primary-button)}button.button-primary:focus,button.button-primary:hover,input[type=button].button-primary:focus,input[type=button].button-primary:hover,input[type=reset].button-primary:focus,input[type=reset].button-primary:hover,input[type=submit].button-primary:focus,input[type=submit].button-primary:hover{background-color:hsl(223,49%,60%);background-color:var(--hover-bg-color-primary-button);border-color:hsl(223,49%,60%);border-color:var(--hover-bg-color-primary-button);color:#f9fafb;color:var(--hover-color-primary-button)}button.button-secondary,input[type=button].button-secondary,input[type=reset].button-secondary,input[type=submit].button-secondary{background-color:#fff;background-color:var(--bg-color-secondary-button);border-color:#3b5aab;border-color:var(--border-color-secondary-button);color:#3b5aab;color:var(--color-secondary-button)}button.button-secondary:focus,button.button-secondary:hover,input[type=button].button-secondary:focus,input[type=button].button-secondary:hover,input[type=reset].button-secondary:focus,input[type=reset].button-secondary:hover,input[type=submit].button-secondary:focus,input[type=submit].button-secondary:hover{background-color:#3b5aab;background-color:var(--hover-bg-color-secondary-button);border-color:#3b5aab;border-color:var(--hover-border-color-secondary-button);color:#fff;color:var(--hover-color-secondary-button)}button.button-primary:disabled,button:disabled{background-color:#3b5aab;background-color:var(--disabled-bg-color-primary-button);border-color:#3b5aab;border-color:var(--disabled-border-color-primary-button);color:#3b5aab;color:var(--disabled-color-primary-button);cursor:not-allowed}button.button-secondary:disabled{background-color:hsl(223,49%,70%);background-color:var(--disabled-bg-color-secondary-color);border-color:hsl(223,49%,70%);border-color:var(--disabled-border-color-secondary-button);color:hsl(223,49%,70%);color:var(--disabled-color-secondary-button);cursor:not-allowed}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background-color:#eaecf0;background-color:var(--bg-color-input);border-color:#eaecf0;border-color:var(--border-color-input);border-radius:0;border-radius:var(--td-border-radius);border-style:solid;border-style:var(--border-style-input);border-width:1px;border-width:var(--border-width-input);box-shadow:none;box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-family:var(--font-family-input);font-size:16px;font-size:var(--font-size-input);height:32px;height:var(--input-height);padding:8px;padding:var(--input-padding)}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;appearance:none}::-webkit-input-placeholder{color:#6d727e;color:var(--placeholder-color-input);opacity:1}::placeholder{color:#6d727e;color:var(--placeholder-color-input);opacity:1}:-ms-input-placeholder{color:#6d727e;color:var(--placeholder-color-input)}::-ms-input-placeholder{color:#6d727e;color:var(--placeholder-color-input)}textarea{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-family:var(--font-family-textarea);font-size:16px;font-size:var(--font-size-textarea);height:52.75686px;height:var(--textarea-height);min-height:32px;min-height:calc(var(--space-1)*2);padding:8px;padding:var(--textarea-padding);resize:vertical;width:100%}textarea::-webkit-input-placeholder{color:#6d727e;color:var(--placeholder-color-textarea);opacity:1}textarea::placeholder{color:#6d727e;color:var(--placeholder-color-textarea);opacity:1}textarea:-ms-input-placeholder{color:#6d727e;color:var(--placeholder-color-textarea)}textarea::-ms-input-placeholder{color:#6d727e;color:var(--placeholder-color-textarea)}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{background-color:#eaecf0;background-color:var(--bg-color-input);border-color:#eaecf0;border-color:var(--border-color-input);border-radius:0;border-radius:var(--td-border-radius);border-style:solid;border-style:var(--border-style-input);border-width:1px;border-width:var(--border-width-input);outline:0}label{display:inline-block}legend{float:left;font-size:inherit;line-height:inherit;margin-bottom:16px;margin-bottom:var(--space-1);padding:0;width:100%}fieldset{border:0;margin:0;min-width:0;padding:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;font-weight:400;margin-left:5.33333px;margin-left:calc(var( --space-1)/3)}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}ol,ul{list-style:circle inside;list-style:var(--list-style)}ol,ul{margin-top:0;padding-left:0}dl,ol,ul{margin-bottom:8px;margin-bottom:var(--list-group-margin-bottom);margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:8px;margin-bottom:var(--list-group-margin-bottom);margin-left:0}li{margin-bottom:8px;margin-bottom:var(--list--margin-bottom)}pre{display:block;font-size:8.88889px;font-size:calc(var(--text-1)/1.8);margin-bottom:8px;margin-bottom:calc(var(--space-1) - var(--space-1)/2);margin-top:0}pre code{color:inherit;font-size:inherit;word-break:normal}code{word-wrap:break-word;color:#22242a;color:var(--code-color);font-size:8.88889px;font-size:var(--code-font-size)}a>code{color:inherit}table{border-collapse:collapse;border-spacing:0;caption-side:bottom;height:100%;margin:0;overflow:auto;position:relative;table-layout:auto;white-space:nowrap;width:100%}caption{color:inherit;font-size:inherit;padding:8px 0;padding:var(--caption-table-padding);text-align:left}tbody,td,tfoot,th,thead,tr{border:none;font-size:14px;font-size:var(--font-size-table);font-weight:400;height:48px;height:var(--table-height-lg);line-height:24px;line-height:var(--lineheight-table);overflow:hidden;padding:0 5.33333px;padding:var(--table-padding);text-align:left;text-overflow:ellipsis;white-space:nowrap}th{border-bottom:1px solid #22242a;border-bottom:var(--border-bottom-table);font-weight:700;font-weight:var(--font-weight-header-table);z-index:2}th,tr{cursor:pointer}tr{height:32px;height:var(--table-row-height);position:relative}tr:nth-child(2n){background-color:#eaecf0;background-color:var(--table-zebra-striping-bg-color)}.button,button{margin-bottom:8px;margin-bottom:var(--margin-button)}fieldset,input,select,textarea{margin-bottom:8px;margin-bottom:var(--input-margin-bottom)}blockquote,dl,figure,form,ol,p,pre,table,ul{margin:0 0 8px;margin:var(--element-margin)}.u-full-width{box-sizing:border-box;width:100%}.u-max-full-width{box-sizing:border-box;max-width:100%}.u-pull-right{float:right}.u-pull-left{float:left}hr{border:0;border-top:1px solid;border-top:var(--hr-border-top);color:inherit;margin:16px 0;margin:var(--hr-margin);opacity:.25;opacity:var(--hr-opacity)}.container:after,.row:after,.u-cf{clear:both;content:"";display:table}@media (min-width:992px){.page-container{width:100vw}}body{color:var(--body-color)}header{align-items:center;background-color:var(--body-bg-color);display:flex;flex-direction:row;height:var(--height-header);justify-content:space-between;margin:auto;padding:var(--padding-header);position:-webkit-sticky;position:sticky;top:0;-webkit-transform:translateZ(1px);transform:translateZ(1px);transition:var(--transition-slow);transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:100%;z-index:11}header.is-hidden{-webkit-transform:translateY(-8rem) translateZ(1px);transform:translateY(-8rem) translateZ(1px)}@media (max-width:800px){header.is-hidden{-webkit-transform:translateY(-24rem) translateZ(1px);transform:translateY(-24rem) translateZ(1px)}}nav{background-color:var(--body-bg-color);height:100%;justify-content:space-between;transition:var(--transition-slow);transition-property:color,background-color;width:100%}nav,nav ul{align-items:center;display:flex}nav ul{height:var(--height-header);justify-content:flex-start;list-style:none;padding:0;transition:var(--transition-fast);transition-property:color,background-color}nav ul li:not(:last-child){margin-right:var(--nav-margin-right-link);transition:var(--transition-slow);transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}nav ul li{display:inline-block;margin-bottom:0}nav ul li.is-selected a{color:var(--body-color);font-weight:var(--active-link-font-weigh)}nav ul li a,nav ul li.is-selected a{background-color:var(--bg-color-header-link)}nav ul li a{display:inline-block;font-size:1rem;font-weight:var(--nav-font-weight-link);padding:var(--padding-header-link);text-decoration:none;transition:var(--transition-fast);transition-property:color}nav ul li a,nav ul li a:hover{color:var(--color-header-link)}nav ul li a:hover{background-color:var(--hover-bg-color-header-link)}nav ul li a:active{background-color:var(--active-bg-color-header-link);color:var(--active-color-header-link)}@media(hover:hover) and (pointer:fine){nav ul li a:hover{color:var(--hover-color-header-link)}}.nav-overlay{-webkit-backdrop-filter:saturate(180%) blur(2rem);backdrop-filter:saturate(180%) blur(2rem);bottom:0;height:100vh;left:50vw;opacity:1;padding:14rem 4rem 4rem;pointer-events:auto;position:fixed;right:0;top:0;-webkit-transform:translateZ(1px);transform:translateZ(1px);transition:var(--transition-slow);transition-property:color,background-color,opacity,-webkit-backdrop-filter,backdrop-filter;width:50vw;z-index:1}.nav-overlay.is-hidden{-webkit-backdrop-filter:saturate(100%) blur(0);backdrop-filter:saturate(100%) blur(0);opacity:0}.nav-overlay input{background-color:var(--body-bg-color);color:var(--body-color);padding:2rem;pointer-events:auto;transition:var(--transition-fast);transition-property:color,background-color;width:100%}.teams-logo .logo-font path{fill:var(--font-color-secondary);opacity:0;transition:var(--transition-fast);transition-property:fill}#closeIcon,.navbar-toggle{display:none}.navbar-collapse{background-color:var(--body-bg-color)}.navbar-collapse ul{margin-bottom:0}.navbar-collapse ul button{margin-bottom:0}@media (max-width:768px){header{height:3rem}.navbar-toggle{background-color:var(--bg-color-secondary-button);border:none;color:var(--color-secondary-button);display:block;height:42px;margin-top:8px;padding:9px;width:42px}.navbar-toggle:active,.navbar-toggle:focus,.navbar-toggle:hover{background-color:var(--bg-color-primary-button);color:var(--color-primary-button)}.navbar-collapse{display:none;height:calc(100vh - 3rem);left:0;padding:var(--body-padding-sm);position:absolute;top:3rem;width:100%}.navbar-collapse ul{align-items:flex-start;display:flex;flex-direction:column;margin-left:calc(var(--body-padding-sm)/2)}.navbar-collapse ul a[type=button]{margin-bottom:1rem}.navbar-collapse .icon-button,nav ul li a{padding:0}}.icon-button{padding:0 8px}.logo{color:var(--font-color-secondary);font-size:16px;font-weight:700}.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;padding:var(--body-section-margin-lg) var(--body-padding-lg);width:inherit}.hero__text-container{align-items:flex-start;display:flex;flex-direction:column;max-width:var(--hero-text-max-width);width:100%}.hero button{font-size:var(--text-1);margin-top:calc(var(--space-1)*2);width:var(--width-primary-button)}.jumbo-card{display:flex;flex-direction:column;margin-bottom:var(--body-section-margin-lg);margin-left:var(--body-padding-lg);margin-right:var(--body-padding-lg);margin-top:0;max-width:var(--component-max-width);width:calc(100% - var(--body-padding-lg)*2)}.jumbo-card__image-container{height:100%;margin-bottom:20px;width:100%}.jumbo-card__image-container img{height:100%;width:100%}.jumbo-card p{width:inherit}.tabs{margin-bottom:var(--body-section-margin-lg);margin-left:var(--body-padding-lg);margin-right:var(--body-padding-lg);margin-top:0;max-width:var(--component-max-width);width:calc(100% - var(--body-padding-lg)*2)}.tabs h3{margin-bottom:86px}.tab-menu,.tabs p{width:inherit}.tab-menu{display:flex;flex-direction:row}button.tab-item{background-color:var(--bg-color-tab-button);border:none;color:var(--color-tab-button);margin-bottom:0;padding:var(--padding-tab-button);width:var(--width-tab-button)}.tab-item:hover{background-color:var(--hover-bg-color-tab-button);color:var(--hover-color-tab-button)}button.tab-item:not(:last-child){margin-right:var(--body-padding-sm)}.tab-menu button:disabled,.tab-menu button:hover:disabled{background-color:var(--disabled-bg-color-tab-button);color:var(--disabled-color-tab-button)}.tab-menu button.active{background-color:var(--active-bg-color-tab-button);border-bottom:var(--active-border-bottom-width) var(--border-style) var( --active-border-color-tab-button);color:var(--active-color-tab-button);font-weight:700}.tab-content{display:none;padding:calc(var(--body-padding-sm)*2) 0}.table-border tbody,.table-border td,.table-border tfoot,.table-border th,.table-border thead,.table-border tr{border-bottom:var(--border-bottom-table)}table input[type=checkbox]{margin-bottom:0}.table-multiselect__checkbox-container{width:calc(var(--space-1)) * 2}.table-wide__container{margin-bottom:var(--body-section-margin-lg);padding:0 var(--body-padding-sm)}.table-wide{margin-bottom:var(--body-padding-lg);width:100%}table:not(.table-multiselect) tr:nth-child(2n){background-color:var(--table-zebra-striping-bg-color)}.table-defasmallult tbody,.table-small td,.table-small tfoot,.table-small th,.table-small thead,.table-small tr{border-color:transparent}.table-height-sm th{background-color:var(--bg-color-table-header)}.table-height-md td,.table-height-md th,.table-height-md tr{height:var(--table-height-md)}.table-height-sm td,.table-height-sm th,.table-height-sm tr{height:var( --table-height-sm)}.table-height-lg td,.table-height-lg th,.table-height-lg tr{height:var(--table-height-lg)}.paragraph-medium p{width:inherit}.horizontal-card{display:flex;flex-direction:row;margin-bottom:var(--body-section-margin-lg);margin-left:var(--body-padding-lg);margin-right:var(--body-padding-sm);margin-top:0;width:calc(100% - var(--body-padding-lg) - var(--body-padding-sm))}.horizontal-card img{height:100%;object-fit:cover;width:100%}.hotizontal-card__content{margin-right:var(--body-padding-sm)}.horizontal-card__text-container{margin-bottom:calc(var(--body-padding-sm)*2)}.horizontal-card__text-container h5{font-weight:700}.horizontal-card__text-container h5,.horizontal-card__text-container p{width:inherit}.horizontal-card__image-container{max-height:inherit;width:50%}.icon-card-group{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--body-section-margin-md);text-align:center}.icon-card{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--body-section-margin-lg);padding:var(--body-padding-sm);width:var(--icon-card-width)}.icon-card .material-icons{font-size:103px;margin-bottom:24px}.icon-card-react svg{font-size:100px;margin-bottom:calc(var(--space-1)*1.5)}.jumbo-image{margin:0 var(--body-padding-sm) 60px var(--body-padding-sm);width:inherit}.jumbo-image img{height:100%;object-fit:contain;width:100%}.grid-2x1,.grid-text{display:flex;flex-direction:row;margin:0 var(--body-padding-sm);width:inherit}.grid-text-title{padding-right:10%;width:calc(50% - var(--body-padding-sm))}.grid-text-title h3{max-width:var(--grid-text-title-max-width)}.grid-text__child-grid{grid-row-gap:calc(var(--space-1)*2);grid-column-gap:calc(var(--space-1)*1.2);-webkit-column-gap:calc(var(--space-1)*1.2);column-gap:calc(var(--space-1)*1.2);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;row-gap:calc(var(--space-1)*2);width:50%}.grid-text__child-grid,.section-title h2{margin-bottom:var(--body-section-margin-lg)}.section-title h2{text-align:center}.card{border-radius:var(--border-radius-card);overflow:hidden}.card-group{grid-column-gap:calc(var(--space-1)*1.2);grid-row-gap:calc(var(--space-1)*1.2);-webkit-column-gap:calc(var(--space-1)*1.2);column-gap:calc(var(--space-1)*1.2);display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;margin:0 var(--body-padding-sm) var(--body-section-margin-lg) var(--body-padding-sm);row-gap:calc(var(--space-1)*1.2);width:inherit}.card img,.card-group .card{width:100%}.card img{height:100%;object-fit:cover}.card-text__container{background-color:var(--bg-color-card);padding:calc(var(--body-padding-sm)*2) calc(var(--body-padding-sm)*1.5)}.sticky-scroll{margin:0 var(--body-padding-sm) var(--body-section-margin-lg) var(--body-padding-sm)}.sticky-content{position:-webkit-sticky;position:sticky;top:94px;width:60%;z-index:0}.sticky-content img{height:100%;margin-bottom:var(--body-padding-sm);object-fit:contain;width:100%}.sticky-scroll-images{margin-left:auto;padding-left:10%;position:relative;top:-30px;width:40%}.sticky-scroll-images img{height:100%;margin-bottom:calc(var(--space-1)*1.4);object-fit:contain;width:100%}.grid-buttons{margin:auto;margin-bottom:var(--body-section-margin-lg);max-width:var(--component-max-width);padding-left:0 var(--body-padding-lg);text-align:center}.grid-buttons__text{width:50%}.grid-buttons__text h3{max-width:var(--grid-text-title-max-width)}.grid-buttons__buttons{align-items:center;display:flex;flex-direction:row;margin-left:calc(var(--space-1)*4.7)}.grid-buttons__buttons button{width:var(--width-primary-button)}.grid-buttons__buttons button:first-child{margin-right:var(--space-1)}.large-table__container{margin-bottom:var(--body-section-margin-lg);padding:0 var(--body-padding-sm)}.large-table__container h4{margin-bottom:calc(var(--space-1)*2);text-align:center}.form__conatiner{margin-bottom:var(--body-section-margin-lg);margin-left:auto;max-width:930px;padding:var(--body-padding-sm)}.form__container h3,.form__container p{width:var(--component-max-width)}form{display:flex;flex-direction:column;margin-top:calc(var(--space-1)*2.2);width:100%}form label{font-size:14px;margin-bottom:8px;margin-left:calc(var( --space-1)/6)}.form__buttons{margin-left:auto;margin-top:calc(var(--space-1)*2)}.form__buttons button{margin-left:var(--body-padding-sm);width:var(--width-primary-button)}footer{background-color:var(--bg-color-footer);color:var(--color-footer);display:flex;flex-direction:column;padding:var(--padding-footer)}.footer__content h6{color:var(--color-footer);font-weight:700;margin-bottom:var(--space-1)}.footer__bottom a{color:var(--color-footer);width:318px}.footer__link-list{display:flex;flex-direction:column}.footer__link-list a{color:var(--color-footer);margin-bottom:calc(var(--space-1)*.6)}.footer hr{color:var(--footer-hr-color)}.footer__bottom{border-top:1px solid var(--color-footer);display:flex;flex-direction:row;margin-top:48px;padding-top:14px}.footer-legal{margin-left:35px;width:318px}@media (max-width:992px){.hero{margin-bottom:0;padding:121px var(--body-padding-md) 121px var(--body-padding-md)}.jumbo-card{margin-bottom:var(--body-section-margin-md);margin-left:var(--body-padding-sm);margin-right:var(--body-padding-sm);margin-top:0;width:calc(100% - var(--body-padding-sm)*2)}.jumbo-card__image-container,.jumbo-card__image-container img{width:100%}.jumbo-card p{margin-left:calc(var(--body-padding-md) - var(--body-padding-sm));width:75%}.table__container,.tabs{margin-bottom:var(--body-section-margin-sm);margin-left:var(--body-padding-sm);margin-right:var(--body-padding-sm);margin-top:0;width:inherit}.hotizontal-card__content{margin-bottom:var(--body-padding-sm);margin-left:0;margin-right:var(--body-padding-sm);margin-top:var(--body-padding-sm);width:50%}.horizontal-card__image-container{width:50%}.horizontal-card__text-container{width:100%}.sticky-content{width:50%}.sticky-scroll-images{padding-left:var(--body-padding-sm);width:50%}.grid-buttons{flex-direction:column}.grid-buttons__text{width:100%}.grid-buttons__text h3{max-width:100%;text-align:center}.grid-buttons{margin-left:var(--body-padding-sm)}.grid-buttons__buttons{margin:auto;margin-top:calc(var(--body-padding-sm)*2)}.form__conatiner{width:100%}.editable-layout{width:100vw!important}}@media (max-width:768px){.hero{margin:var(--body-section-margin-sm) 0;padding:var(--body-padding-sm)}.hero button{width:100%}.jumbo-card p{margin-left:0;width:100%}.jumbo-card{margin-bottom:var(--body-section-margin-sm)}.paragraph-medium{width:100%}button.tab-item:not(:last-child){margin-right:calc(var(--body-padding-sm)/2)}.table__container{margin-bottom:calc(var(--body-section-margin-sm)*2)}.horizontal-card{flex-direction:column-reverse;margin-bottom:var(--body-section-margin-sm);margin-left:var(--body-padding-sm);margin-right:var(--body-padding-sm);width:calc(100% - var(--body-padding-sm) - var(--body-padding-sm))}.horizontal-card__image-container,.hotizontal-card__content{width:100%}.table-wide__container{overflow-x:scroll}.icon-card-group,.table-wide__container{margin-bottom:var(--body-section-margin-sm)}.icon-card-group{flex-direction:column;justify-content:space-between}.icon-card{height:100%;margin-bottom:var(--body-padding-sm);width:100%}.grid-2x1{flex-direction:column}.grid-text-title{margin-bottom:var(--body-padding-sm);padding-right:0;width:100%}.grid-text__child-grid{grid-row-gap:var(--body-padding-sm);grid-column-gap:18px;-webkit-column-gap:18px;column-gap:18px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;margin-bottom:var(--body-section-margin-sm);row-gap:var(--body-padding-sm);width:100%}.section-title h2{padding:0 var(--body-padding-sm);text-align:left}.card-group{gap:17px;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;margin:0 var(--body-padding-sm) calc(var(--body-section-margin-sm)*2) var(--body-padding-sm)}.sticky-scroll{margin-bottom:var(--body-section-margin-sm)}.sticky-content{position:static;width:100%}.sticky-content h3,.sticky-content img{margin-bottom:var(--body-padding-sm)}.sticky-scroll-images{display:none}.grid-buttons{margin-bottom:var(--body-section-margin-sm);margin-right:var(--body-padding-sm)}.grid-buttons__text h3{text-align:left}.grid-buttons__buttons{margin-left:0;margin-right:0}.grid-buttons__buttons button{width:100%}.large-table__container{margin-bottom:var(--body-section-margin-sm)}.large-table__container h4{text-align:left}.large-table__table-content{height:343px;overflow:scroll}.form__conatiner{margin-bottom:var(--body-section-margin-sm)}.form__buttons{display:flex;justify-content:space-between;margin-left:0}.form__buttons button{margin-left:0;width:calc(50% - var(--body-padding-sm)/2)}.footer__content .three.columns{height:250px;width:50%}}@media (max-width:576px){h1{font-size:var(--text-6)}.hero{margin-top:0}.grid-text{flex-direction:column}}.page-container{padding:36px 20px 36px 32px}.section__container{width:100%}#customizedVariablesSpecs,#darkModeSpecs{display:none}.section-title{font-size:36px}.section__container:not(:first-child){margin-top:36px}.section-child-container{overflow:hidden;padding:36px 24px}.snippet-section__container{display:flex;flex-direction:row}.demo-template__container{border:1px solid var(--border-color-secondary);display:flex;flex-direction:column;overflow:hidden;width:50%}.demo-font-group__wrapper{margin-bottom:24px}.demo-font-group__wrapper h1,.demo-font-group__wrapper h2,.demo-font-group__wrapper h3,.demo-font-group__wrapper h4,.demo-font-group__wrapper h5,.demo-font-group__wrapper h6,.demo-font-group__wrapper p{margin-bottom:0}.code__container{background-color:var(--bg-color-code);line-height:24px;overflow-x:auto;position:relative;width:50%}.copy-clipboard__button,.open-new__button{align-items:center;background-color:initial;border:none;border-radius:8px;color:var(--tool-icon-button-code-color);display:flex;height:42px;justify-content:center;position:absolute;right:6px;top:8px;width:42px}.open-new__button:hover{background-color:var(--hover-bg-color-primary-button);color:var(--hover-color-primary-button)}.copy-clipboard__tooltip{background-color:var(--grey-04);border-radius:8px;color:var(--grey-09);font-size:16px;height:30px;opacity:.5;padding:2px 9px;position:absolute;right:56px;top:13px;width:70px}.code__container code{font-size:14px}.replaceable-code{font-weight:600}.demo-space{background-color:var(--body-color);margin-bottom:10px}.demo-space-1{height:var(--space-1);width:var(--space-1)}.demo-space-2{height:var(--space-2);width:var(--space-2)}.demo-space-3{height:var(--space-3);width:var(--space-3)}.demo-space-4{height:var(--space-4);width:var(--space-4)}.demo-space-5{height:var(--space-5);width:var(--space-5)}.demo-space-6{height:var(--space-6);width:var(--space-6)}.demo-space-7{height:var(--space-7);width:var(--space-7)}.color-scale__section:not(:first-child){margin-top:24px}.color-scale-subtitle{font-size:24px}.demo-color{border-radius:8px;height:40px;margin-right:8px;width:60px}.color-scale__section div{font-size:14px}.base-color{font-weight:600}.color-light-01{background-color:var(--light-increment-70)}.color-light00{background-color:var(--light-increment-60)}.color-light01{background-color:var(--light-01);color:var(--light-09)}.color-light02{background-color:var(--light-02);color:var(--light-09)}.color-light03{background-color:var(--light-03);color:var(--light-09)}.color-light04{background-color:var(--light-04);color:#fff}.color-light05{background-color:var(--light-05);color:#fff}.color-light06{background-color:var(--light-06);color:#fff}.color-light07{background-color:var(--light-07);color:#fff}.color-light08{background-color:var(--light-08);color:#fff}.color-light09{background-color:var(--light-09);color:#fff}.single-color__container{align-items:center;display:flex;flex-direction:row;margin-bottom:4px}.color-grey00{background-color:var(--grey-00);border:.5px solid #e3e0e0}.color-grey01{background-color:var(--grey-01)}.color-grey02{background-color:var(--grey-02)}.color-grey03{background-color:var(--grey-03)}.color-grey04{background-color:var(--grey-04)}.color-grey05{background-color:var(--grey-05)}.color-grey06{background-color:var(--grey-06)}.color-grey07{background-color:var(--grey-07)}.color-grey08{background-color:var(--grey-08)}.color-grey09{background-color:var(--grey-09)}.color-grey10{background-color:var(--grey-10)}.demo-layout__wrapper{align-items:baseline;display:flex;flex-direction:row}.demo-layout-rect,.demo-layout-square{border-color:var(--border-color-primary);border-radius:var(--initialBorderRadius);border-style:solid;border-width:var(--initialBorder)}.demo-layout-square{height:100px;margin-right:8px;width:100px}.demo-layout-rect{height:40px;width:200px}.code-remove__container{align-items:center;display:flex;flex-direction:row;margin-bottom:10px}.variable-remove-button{align-items:center;align-self:center;background-color:var(--td-blue);border-radius:8px;color:#f9fafb;cursor:pointer;display:flex;height:42px;justify-content:center;margin-bottom:0;margin-right:15px;width:42px}.material-icon-specs{font-size:50px!important}@media (max-width:992px){.code__container{width:100%}}@media (max-width:576px){.page-container{padding:20px}.section-child-container{padding:4px}}.error-page__container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:calc(100% - 320px)}.error-page__container h1{font-size:200px;margin-bottom:0}.error-page__container p{margin-bottom:30px}.back-button{align-items:center;align-self:center;background-color:var(--tool-font-color-button);border-color:var(--tool-font-color-button);border-radius:8px;border-style:solid;border-width:1.5px;color:var(--tool-bg-color-body);cursor:pointer;display:inline-block;font-size:16px;font-weight:500;height:42px;justify-content:center;padding:10px 20px}.back-button:hover{background-color:var(--td-mid-blue);border-color:var(--td-mid-blue);color:#f9fafb}@media (max-width:992px){.error-page__container{width:100%}.error-page__container h1{font-size:160px;margin-bottom:0}}@media (max-width:768px){.error-page__container h1{font-size:120px;margin-bottom:0}}@media (max-width:576px){.error-page__container{width:100vw!important}.error-page__container h1{font-size:90px;margin-bottom:0}}
/*# sourceMappingURL=main.2f2f4828.css.map*/