:root{--ty-ref-typeface-brand: "Roboto", Arial, Helvetica, sans-serif;--ty-ref-typeface-weight-bold: 700;--ty-ref-typeface-weight-medium: 500;--ty-ref-typeface-weight-regular: 400;--ty-ref-source-primary: #83254c;--ty-ref-source-success: #198754;--ty-ref-source-info: #0d6efd;--ty-ref-source-warning: #fd7e14;--ty-ref-source-error: #ba1a1a;--ty-ref-source-neutral: #939094;--ty-ref-palette-primary0: #000000;--ty-ref-palette-primary10: #3e001d;--ty-ref-palette-primary20: #620733;--ty-ref-palette-primary25: #71163e;--ty-ref-palette-primary30: #80224a;--ty-ref-palette-primary35: #8f2f55;--ty-ref-palette-primary40: #9e3b61;--ty-ref-palette-primary50: #bd537a;--ty-ref-palette-primary60: #dc6c94;--ty-ref-palette-primary70: #fc86af;--ty-ref-palette-primary80: #ffb1c8;--ty-ref-palette-primary85: #ffb1c8;--ty-ref-palette-primary90: #ffd9e2;--ty-ref-palette-primary95: #ffecf0;--ty-ref-palette-primary98: #fff8f8;--ty-ref-palette-primary99: #fffbff;--ty-ref-palette-primary100: #ffffff;--ty-ref-palette-neutral0: #000000;--ty-ref-palette-neutral4: #0F0D13;--ty-ref-palette-neutral6: #141218;--ty-ref-palette-neutral10: #201a1b;--ty-ref-palette-neutral12: #211F26;--ty-ref-palette-neutral17: #2B2930;--ty-ref-palette-neutral20: #352f30;--ty-ref-palette-neutral22: #36343B;--ty-ref-palette-neutral24: #3B383E;--ty-ref-palette-neutral25: #413a3b;--ty-ref-palette-neutral30: #4c4546;--ty-ref-palette-neutral35: #585052;--ty-ref-palette-neutral40: #645c5e;--ty-ref-palette-neutral50: #7e7576;--ty-ref-palette-neutral60: #988e90;--ty-ref-palette-neutral70: #b3a9aa;--ty-ref-palette-neutral80: #cfc4c5;--ty-ref-palette-neutral87: #DED8E1;--ty-ref-palette-neutral90: #F3EDF7;--ty-ref-palette-neutral92: #ECE6F0;--ty-ref-palette-neutral94: #F3EDF7;--ty-ref-palette-neutral95: #faeeef;--ty-ref-palette-neutral96: #F7F2FA;--ty-ref-palette-neutral98: #FEF7FF;--ty-ref-palette-neutral99: #fffbff;--ty-ref-palette-neutral100: #ffffff;--ty-ref-palette-neutral-variant0: #000000;--ty-ref-palette-neutral-variant10: #24191c;--ty-ref-palette-neutral-variant20: #3a2d30;--ty-ref-palette-neutral-variant25: #45383b;--ty-ref-palette-neutral-variant30: #514347;--ty-ref-palette-neutral-variant35: #5d4f52;--ty-ref-palette-neutral-variant40: #6a5b5e;--ty-ref-palette-neutral-variant50: #837377;--ty-ref-palette-neutral-variant60: #9e8c90;--ty-ref-palette-neutral-variant70: #b9a7aa;--ty-ref-palette-neutral-variant80: #d5c2c6;--ty-ref-palette-neutral-variant90: #f2dde1;--ty-ref-palette-neutral-variant95: #ffecf0;--ty-ref-palette-neutral-variant98: #fff8f8;--ty-ref-palette-neutral-variant99: #fffbff;--ty-ref-palette-neutral-variant100: #ffffff;--ty-ref-palette-error0: #000000;--ty-ref-palette-error10: #410002;--ty-ref-palette-error20: #690005;--ty-ref-palette-error25: #7e0007;--ty-ref-palette-error30: #93000a;--ty-ref-palette-error35: #a80710;--ty-ref-palette-error40: #ba1a1a;--ty-ref-palette-error50: #de3730;--ty-ref-palette-error60: #ff5449;--ty-ref-palette-error70: #ff897d;--ty-ref-palette-error80: #ffb4ab;--ty-ref-palette-error90: #ffdad6;--ty-ref-palette-error95: #ffedea;--ty-ref-palette-error98: #fff8f7;--ty-ref-palette-error99: #fffbff;--ty-ref-palette-error100: #ffffff;--ty-ref-palette-info0: #000000;--ty-ref-palette-info10: #001946;--ty-ref-palette-info20: #002c70;--ty-ref-palette-info25: #003687;--ty-ref-palette-info30: #00419e;--ty-ref-palette-info35: #004cb6;--ty-ref-palette-info40: #0057ce;--ty-ref-palette-info50: #0e6efd;--ty-ref-palette-info60: #588cff;--ty-ref-palette-info70: #87a9ff;--ty-ref-palette-info80: #b1c5ff;--ty-ref-palette-info90: #dae2ff;--ty-ref-palette-info95: #eef0ff;--ty-ref-palette-info98: #faf8ff;--ty-ref-palette-info99: #fefbff;--ty-ref-palette-info100: #ffffff;--ty-ref-palette-warning0: #000000;--ty-ref-palette-warning10: #321300;--ty-ref-palette-warning20: #522300;--ty-ref-palette-warning25: #632c00;--ty-ref-palette-warning30: #743500;--ty-ref-palette-warning35: #863e00;--ty-ref-palette-warning40: #984700;--ty-ref-palette-warning50: #be5b00;--ty-ref-palette-warning60: #e66f00;--ty-ref-palette-warning70: #ff8d3d;--ty-ref-palette-warning80: #ffb68a;--ty-ref-palette-warning90: #ffdbc8;--ty-ref-palette-warning95: #ffede5;--ty-ref-palette-warning98: #fff8f5;--ty-ref-palette-warning99: #fffbff;--ty-ref-palette-warning100: #ffffff;--ty-ref-palette-success0: #000000;--ty-ref-palette-success10: #002110;--ty-ref-palette-success20: #00391f;--ty-ref-palette-success25: #004527;--ty-ref-palette-success30: #00522f;--ty-ref-palette-success35: #005f38;--ty-ref-palette-success40: #006d41;--ty-ref-palette-success50: #1a8855;--ty-ref-palette-success60: #3da36d;--ty-ref-palette-success70: #5bbe86;--ty-ref-palette-success80: #77da9f;--ty-ref-palette-success90: #93f7ba;--ty-ref-palette-success95: #c1ffd4;--ty-ref-palette-success98: #e9ffec;--ty-ref-palette-success99: #f5fff4;--ty-ref-palette-success100: #ffffff}:root{--ty-sys-typescale-font-family-name: var(--ty-ref-typeface-brand);--ty-sys-typescale-display-large-font-family-name: var( --ty-ref-typeface-brand );--ty-sys-typescale-display-large-font-family-style: Regular;--ty-sys-typescale-display-large-font-weight: var( --ty-ref-typeface-weight-regular );--ty-sys-typescale-display-large-font-size: 57px;--ty-sys-typescale-display-large-line-height: 64px;--ty-sys-typescale-display-large-letter-spacing: -.25px;--ty-sys-typescale-display-medium-font-family-name: var( --ty-ref-typeface-brand );--ty-sys-typescale-display-medium-font-family-style: Regular;--ty-sys-typescale-display-medium-font-weight: var( --ty-ref-typeface-weight-regular );--ty-sys-typescale-display-medium-font-size: 45px;--ty-sys-typescale-display-medium-line-height: 52px;--ty-sys-typescale-display-medium-letter-spacing: 0px;--ty-sys-typescale-display-small-font-family-name: var( --ty-ref-typeface-brand );--ty-sys-typescale-display-small-font-family-style: Regular;--ty-sys-typescale-display-small-font-weight: var( --ty-ref-typeface-weight-regular );--ty-sys-typescale-display-small-font-size: 36px;--ty-sys-typescale-display-small-line-height: 44px;--ty-sys-typescale-display-small-letter-spacing: 0px;--ty-sys-typescale-headline-large-font-family-name: var( --ty-ref-typeface-brand );--ty-sys-typescale-headline-large-font-family-style: Regular;--ty-sys-typescale-headline-large-font-weight: var( --ty-ref-typeface-weight-regular );--ty-sys-typescale-headline-large-font-size: 32px;--ty-sys-typescale-headline-large-line-height: 40px;--ty-sys-typescale-headline-large-letter-spacing: 0px;--ty-sys-typescale-headline-medium-font-family-name: var( --ty-ref-typeface-brand );--ty-sys-typescale-headline-medium-font-family-style: Regular;--ty-sys-typescale-headline-medium-font-weight: var( --ty-ref-typeface-weight-regular );--ty-sys-typescale-headline-medium-font-size: 28px;--ty-sys-typescale-headline-medium-line-height: 36px;--ty-sys-typescale-headline-medium-letter-spacing: 0px;--ty-sys-typescale-headline-small-font-family-name: var( --ty-ref-typeface-brand );--ty-sys-typescale-headline-small-font-family-style: Regular;--ty-sys-typescale-headline-small-font-weight: var( --ty-ref-typeface-weight-regular );--ty-sys-typescale-headline-small-font-size: 24px;--ty-sys-typescale-headline-small-line-height: 32px;--ty-sys-typescale-headline-small-letter-spacing: 0px;--ty-sys-typescale-body-large-font-family-name: var(--ty-ref-typeface-brand);--ty-sys-typescale-body-large-font-family-style: Regular;--ty-sys-typescale-body-large-font-weight: var( --ty-ref-typeface-weight-regular );--ty-sys-typescale-body-large-font-size: 16px;--ty-sys-typescale-body-large-line-height: 24px;--ty-sys-typescale-body-large-letter-spacing: .5px;--ty-sys-typescale-body-medium-font-family-name: var(--ty-ref-typeface-brand);--ty-sys-typescale-body-medium-font-family-style: Regular;--ty-sys-typescale-body-medium-font-weight: var( --ty-ref-typeface-weight-regular );--ty-sys-typescale-body-medium-font-size: 14px;--ty-sys-typescale-body-medium-line-height: 20px;--ty-sys-typescale-body-medium-letter-spacing: .25px;--ty-sys-typescale-body-small-font-family-name: var(--ty-ref-typeface-brand);--ty-sys-typescale-body-small-font-family-style: Regular;--ty-sys-typescale-body-small-font-weight: var( --ty-ref-typeface-weight-regular );--ty-sys-typescale-body-small-font-size: 12px;--ty-sys-typescale-body-small-line-height: 16px;--ty-sys-typescale-body-small-letter-spacing: .4px;--ty-sys-typescale-label-large-font-family-name: var(--ty-ref-typeface-brand);--ty-sys-typescale-label-large-font-family-style: Medium;--ty-sys-typescale-label-large-font-weight: var( --ty-ref-typeface-weight-medium );--ty-sys-typescale-label-large-font-size: 16px;--ty-sys-typescale-label-large-line-height: 20px;--ty-sys-typescale-label-large-letter-spacing: .1px;--ty-sys-typescale-label-medium-font-family-name: var( --ty-ref-typeface-brand );--ty-sys-typescale-label-medium-font-family-style: Medium;--ty-sys-typescale-label-medium-font-weight: var( --ty-ref-typeface-weight-medium );--ty-sys-typescale-label-medium-font-size: 14px;--ty-sys-typescale-label-medium-line-height: 16px;--ty-sys-typescale-label-medium-letter-spacing: .5px;--ty-sys-typescale-label-small-font-family-name: var(--ty-ref-typeface-brand);--ty-sys-typescale-label-small-font-family-style: Medium;--ty-sys-typescale-label-small-font-weight: var( --ty-ref-typeface-weight-medium );--ty-sys-typescale-label-small-font-size: 12px;--ty-sys-typescale-label-small-line-height: 16px;--ty-sys-typescale-label-small-letter-spacing: .5px;--ty-sys-typescale-title-large-font-family-name: var(--ty-ref-typeface-brand);--ty-sys-typescale-title-large-font-family-style: Regular;--ty-sys-typescale-title-large-font-weight: var( --ty-ref-typeface-weight-regular );--ty-sys-typescale-title-large-font-size: 22px;--ty-sys-typescale-title-large-line-height: 28px;--ty-sys-typescale-title-large-letter-spacing: 0px;--ty-sys-typescale-title-medium-font-family-name: var( --ty-ref-typeface-brand );--ty-sys-typescale-title-medium-font-family-style: Medium;--ty-sys-typescale-title-medium-font-weight: var( --ty-ref-typeface-weight-medium );--ty-sys-typescale-title-medium-font-size: 16px;--ty-sys-typescale-title-medium-line-height: 24px;--ty-sys-typescale-title-medium-letter-spacing: .15px;--ty-sys-typescale-title-small-font-family-name: var(--ty-ref-typeface-brand);--ty-sys-typescale-title-small-font-family-style: Medium;--ty-sys-typescale-title-small-font-weight: var( --ty-ref-typeface-weight-medium );--ty-sys-typescale-title-small-font-size: 14px;--ty-sys-typescale-title-small-line-height: 20px;--ty-sys-typescale-title-small-letter-spacing: .1px;--ty-sys-elevation-1: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);--ty-sys-spacing-1: 2px;--ty-sys-spacing-2: 4px;--ty-sys-spacing-3: 8px;--ty-sys-spacing-4: 12px;--ty-sys-spacing-5: 16px;--ty-sys-spacing-6: 24px;--ty-sys-spacing-7: 32px;--ty-sys-spacing-8: 40px;--ty-sys-spacing-9: 48px;--ty-sys-spacing-10: 64px;--ty-sys-motion-duration-enter: .3s;--ty-sys-motion-duration-exit: .25s;--ty-sys-motion-duration-enter-fast: .25s;--ty-sys-motion-duration-exit-fast: .2s;--ty-sys-motion-duration-enter-faster: .2s;--ty-sys-motion-duration-exit-faster: .15s;--ty-sys-shape-corner-none: 0px;--ty-sys-shape-corner-xs: 4px;--ty-sys-shape-corner-sm: 8px;--ty-sys-shape-corner-md: 12px;--ty-sys-shape-corner-lg: 16px;--ty-sys-shape-corner-xl: 28px;--ty-sys-shape-corner-full: 50%;--ty-sys-z-index-deep: -1;--ty-sys-z-index-sticky: 100;--ty-sys-z-index-nav: 200;--ty-sys-z-index-backdrop: 250;--ty-sys-z-index-drawer: 300;--ty-sys-z-index-toast: 400;--ty-sys-z-index-dropdown: 500;--ty-sys-z-index-overlay: 600;--ty-sys-z-index-modal: 700;--ty-sys-z-index-popup: 800;--ty-sys-breakpoints-x-large-min: 1920px;--ty-sys-breakpoints-large-max: 1919px;--ty-sys-breakpoints-large-min: 1440px;--ty-sys-breakpoints-medium-max: 1439px;--ty-sys-breakpoints-medium-min: 1280px;--ty-sys-breakpoints-small-max: 1280px;--ty-sys-breakpoints-small-min: 600px;--ty-sys-breakpoints-x-small-max: 599px;--ty-sys-breakpoints-x-small-min: 0px;--ty-sys-cmp-height-sm: 24px;--ty-sys-cmp-height-md: 32px;--ty-sys-cmp-height-lg: 40px}html{--ty-sys-color-primary: var(--ty-ref-palette-primary30);--ty-sys-color-on-primary: var(--ty-ref-palette-primary99);--ty-sys-color-primary-container: var(--ty-ref-palette-primary90);--ty-sys-color-on-primary-container: var(--ty-ref-palette-primary10);--ty-sys-color-inverse-primary: var(--ty-ref-palette-primary80);--ty-sys-color-primary-hover: var(--ty-ref-palette-primary35);--ty-sys-color-primary-focus: var(--ty-ref-palette-primary40);--ty-sys-color-primary-hover-low: var(--ty-ref-palette-primary95);--ty-sys-color-primary-focus-low: var(--ty-ref-palette-primary90);--ty-sys-color-error: var(--ty-ref-palette-error30);--ty-sys-color-on-error: var(--ty-ref-palette-error99);--ty-sys-color-error-container: var(--ty-ref-palette-error90);--ty-sys-color-on-error-container: var(--ty-ref-palette-error10);--ty-sys-color-info: var(--ty-ref-palette-info30);--ty-sys-color-on-info: var(--ty-ref-palette-info99);--ty-sys-color-info-container: var(--ty-ref-palette-info90);--ty-sys-color-on-info-container: var(--ty-ref-palette-info10);--ty-sys-color-warning: var(--ty-ref-palette-warning30);--ty-sys-color-on-warning: var(--ty-ref-palette-warning99);--ty-sys-color-warning-container: var(--ty-ref-palette-warning90);--ty-sys-color-on-warning-container: var(--ty-ref-palette-warning10);--ty-sys-color-success: var(--ty-ref-palette-success30);--ty-sys-color-on-success: var(--ty-ref-palette-success99);--ty-sys-color-success-container: var(--ty-ref-palette-success90);--ty-sys-color-on-success-container: var(--ty-ref-palette-success10);--ty-sys-color-neutral: var(--ty-ref-palette-neutral30);--ty-sys-color-on-neutral: var(--ty-ref-palette-neutral99);--ty-sys-color-neutral-container: var(--ty-ref-palette-neutral90);--ty-sys-color-on-neutral-container: var(--ty-ref-palette-neutral10);--ty-sys-color-background: var(--ty-ref-palette-neutral98);--ty-sys-color-on-background: var(--ty-ref-palette-neutral10);--ty-sys-color-surface: var(--ty-ref-palette-neutral98);--ty-sys-color-on-surface: var(--ty-ref-palette-neutral10);--ty-sys-color-surface-dim: var(--ty-ref-palette-neutral87);--ty-sys-color-surface-bright: var(--ty-ref-palette-neutral98);--ty-sys-color-surface-tint: var(--ty-sys-color-primary);--ty-sys-color-surface-container: var(--ty-ref-palette-neutral94);--ty-sys-color-surface-container-highest: var(--ty-ref-palette-neutral90);--ty-sys-color-surface-container-high: var(--ty-ref-palette-neutral92);--ty-sys-color-surface-container-low: var(--ty-ref-palette-neutral96);--ty-sys-color-surface-container-lowest: var(--ty-ref-palette-neutral100);--ty-sys-color-surface-variant: var(--ty-ref-palette-neutral-variant90);--ty-sys-color-on-surface-variant: var(--ty-ref-palette-neutral30);--ty-sys-color-inverse-surface: var(--ty-ref-palette-neutral20);--ty-sys-color-inverse-on-surface: var(--ty-ref-palette-neutral95);--ty-sys-color-outline: var(--ty-ref-palette-neutral-variant50);--ty-sys-color-outline-variant: var(--ty-ref-palette-neutral-variant80);--ty-sys-color-shadow: var(--ty-ref-palette-neutral0);--ty-sys-color-scrim: var(--ty-ref-palette-neutral0);--ty-sys-color-hover: rgba(0, 0, 0, .15);--ty-sys-color-focus: rgba(0, 0, 0, .18)}html[mode=dark],html[data-theme=dark]{--ty-sys-color-primary: var(--ty-ref-palette-primary80);--ty-sys-color-on-primary: var(--ty-ref-palette-primary20);--ty-sys-color-primary-container: var(--ty-ref-palette-primary30);--ty-sys-color-on-primary-container: var(--ty-ref-palette-primary90);--ty-sys-color-inverse-primary: var(--ty-ref-palette-primary40);--ty-sys-color-primary-hover: var(--ty-ref-palette-primary85);--ty-sys-color-primary-focus: var(--ty-ref-palette-primary90);--ty-sys-color-primary-hover-low: var(--ty-ref-palette-primary30);--ty-sys-color-primary-focus-low: var(--ty-ref-palette-primary35);--ty-sys-color-error: var(--ty-ref-palette-error80);--ty-sys-color-on-error: var(--ty-ref-palette-error20);--ty-sys-color-error-container: var(--ty-ref-palette-error30);--ty-sys-color-on-error-container: var(--ty-ref-palette-error90);--ty-sys-color-info: var(--ty-ref-palette-info80);--ty-sys-color-on-info: var(--ty-ref-palette-info20);--ty-sys-color-info-container: var(--ty-ref-palette-info30);--ty-sys-color-on-info-container: var(--ty-ref-palette-info90);--ty-sys-color-warning: var(--ty-ref-palette-warning80);--ty-sys-color-on-warning: var(--ty-ref-palette-warning20);--ty-sys-color-warning-container: var(--ty-ref-palette-warning30);--ty-sys-color-on-warning-container: var(--ty-ref-palette-warning90);--ty-sys-color-success: var(--ty-ref-palette-success80);--ty-sys-color-on-success: var(--ty-ref-palette-success20);--ty-sys-color-success-container: var(--ty-ref-palette-success30);--ty-sys-color-on-success-container: var(--ty-ref-palette-success90);--ty-sys-color-neutral: var(--ty-ref-palette-neutral80);--ty-sys-color-on-neutral: var(--ty-ref-palette-neutral20);--ty-sys-color-neutral-container: var(--ty-ref-palette-neutral30);--ty-sys-color-on-neutral-container: var(--ty-ref-palette-neutral90);--ty-sys-color-background: var(--ty-ref-palette-neutral6);--ty-sys-color-on-background: var(--ty-ref-palette-neutral90);--ty-sys-color-surface: var(--ty-ref-palette-neutral6);--ty-sys-color-on-surface: var(--ty-ref-palette-neutral90);--ty-sys-color-surface-dim: var(--ty-ref-palette-neutral6);--ty-sys-color-surface-bright: var(--ty-ref-palette-neutral24);--ty-sys-color-surface-tint: var(--ty-sys-color-primary);--ty-sys-color-surface-container: var(--ty-ref-palette-neutral12);--ty-sys-color-surface-container-highest: var(--ty-ref-palette-neutral22);--ty-sys-color-surface-container-high: var(--ty-ref-palette-neutral17);--ty-sys-color-surface-container-low: var(--ty-ref-palette-neutral10);--ty-sys-color-surface-container-lowest: var(--ty-ref-palette-neutral4);--ty-sys-color-surface-variant: var(--ty-ref-palette-neutral-variant30);--ty-sys-color-on-surface-variant: var(--ty-ref-palette-neutral80);--ty-sys-color-inverse-surface: var(--ty-ref-palette-neutral90);--ty-sys-color-inverse-on-surface: var(--ty-ref-palette-neutral20);--ty-sys-color-outline: var(--ty-ref-palette-neutral-variant60);--ty-sys-color-outline-variant: var(--ty-ref-palette-neutral-variant30);--ty-sys-color-shadow: var(--ty-ref-palette-neutral0);--ty-sys-color-scrim: var(--ty-ref-palette-neutral0);--ty-sys-color-hover: rgba(255, 255, 255, .1);--ty-sys-color-focus: rgba(255, 255, 255, .15)}img:not([src*=".svg"]){filter:grayscale(50%)}.ty-layout{display:grid;grid-template-rows:56px 1fr;grid-template-columns:minmax(auto,240px) 1fr;grid-template-areas:"header header" "sidebar main";height:100vh;margin:0}.ty-layout__top{position:fixed;top:0;grid-area:header;align-self:start;height:56px;width:100%;background-color:var(--ty-sys-color-background);display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-left:var(--ty-sys-spacing-2);padding-right:var(--ty-sys-spacing-4);z-index:var(--ty-sys-z-index-nav)}.ty-layout__top-start{display:flex;justify-content:center;align-items:center;width:240px;font-weight:var(--ty-sys-typescale-title-medium-font-weight);font-size:var(--ty-sys-typescale-title-medium-font-size);color:var(--ty-sys-color-primary);gap:var(--ty-sys-spacing-2)}.ty-layout__side{grid-area:sidebar;align-self:start;position:fixed;top:56px;width:240px;height:calc(100vh - 56px);background-color:var(--ty-sys-color-background);display:flex;flex-direction:column;justify-content:space-between;padding:8px 0}.ty-layout__main{grid-area:main;padding:8px 16px 16px}.ty-layout__menu-btn{display:none}.ty-backdrop--showed{display:flex;inset:0 0 0 0;position:fixed;z-index:var(--ty-sys-z-index-backdrop);background-color:#00000080}@media only screen and (max-width: 1024px){.ty-layout{display:grid;grid-template-rows:56px 1fr;grid-template-columns:minmax(auto,240px) 1fr;grid-template-areas:"sidebar header" "sidebar main";margin:0}.ty-body--overflow-hidden{overflow:hidden}.ty-layout__side{grid-area:sidebar;transform:translate(-100%);transition:var(--ty-sys-motion-duration-exit-fast) ease;height:100%;top:0;border-radius:var(--ty-sys-shape-corner-md);border-bottom-left-radius:0;border-top-left-radius:0;background-color:var(--ty-sys-color-background);z-index:var(--ty-sys-z-index-drawer)}.ty-layout__side--showed{transform:translate(0);transition:var(--ty-sys-motion-duration-enter-fast) ease}.ty-layout__top{grid-area:sidebar-start / sidebar-start / header-end / header-end}.ty-layout__top-start{justify-content:start}.ty-layout__menu-btn{display:block}.ty-layout__main{grid-area:main-start / sidebar-start / main-end / main-end}}*{border:none}*,*:before,*:after{box-sizing:border-box}html.ty-demo,body.ty-demo{font-family:var(--ty-sys-typescale-body-medium-font-family-name);background-color:var(--ty-sys-color-background);color:var(--ty-sys-color-on-background);margin:0;padding:0;height:100vh;transition:background .5s;transition:color .5s;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--ty-sys-color-outline)}:is(html.ty-demo, body.ty-demo) ::-webkit-scrollbar{width:16px}:is(html.ty-demo, body.ty-demo) ::-webkit-scrollbar-track{background:transparent}:is(html.ty-demo, body.ty-demo) ::-webkit-scrollbar-thumb{background-color:var(--ty-sys-color-outline);border-radius:8px;background-clip:content-box;border:4px solid transparent;height:56px}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}.ty-mt-1{margin-top:2px}.ty-mt-2{margin-top:4px}.ty-mt-3{margin-top:8px}.ty-mt-4{margin-top:16px}.ty-input--search{height:40px;border:1px solid var(--ty-sys-color-outline);border-radius:8px;width:200px}.ty-section-flex--row{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.ty-section-flex--column{display:flex;flex-direction:column;align-items:start;gap:12px;flex-wrap:wrap}@media only screen and (max-width: 768px){.ty-section-flex--row{flex-direction:column;align-items:start}}