:root{--linq-typography-body-font-family: var(--linq-font-primary);--linq-typography-body-font-size: var(--linq-font-size-5);--linq-typography-body-line-height: var(--linq-font-size-9);--linq-typography-body-color: var(--linq-color-gray-900);--linq-typography-body-font-weight: 400;--linq-typography-body-alt-font-family: var(--linq-font-primary);--linq-typography-body-alt-font-size: var(--linq-font-size-4);--linq-typography-body-alt-line-height: var(--linq-font-size-9);--linq-typography-body-alt-color: var(--linq-color-gray-900);--linq-typography-body-alt-font-weight: 400}:root{--linq-typography-label-font-family: var(--linq-font-primary);--linq-typography-label-font-weight: 400;--linq-typography-label-text-transform: uppercase;--linq-typography-label-font-size: var(--linq-font-size-5);--linq-typography-label-line-height: var(--linq-font-size-9);--linq-typography-label-color: var(--linq-color-secondary-500)}body,html{color:var(--linq-color-gray-900);font-family:var(--linq-font-primary);font-size:1rem;line-height:1.5rem}p{max-width:800px}h1{font-family:var(--linq-font-secondary);font-weight:500;font-size:var(--linq-font-size-17);line-height:var(--linq-font-size-17);color:var(--linq-color-primary-700)}h2{font-family:var(--linq-font-secondary);font-weight:500;font-size:var(--linq-font-size-11);line-height:var(--linq-font-size-15);color:var(--linq-color-primary-700)}h3{font-family:var(--linq-font-secondary);font-weight:500;font-size:var(--linq-font-size-9);line-height:var(--linq-font-size-13);color:var(--linq-color-primary-600)}h4{font-family:var(--linq-font-secondary);font-weight:500;font-size:var(--linq-font-size-7);line-height:var(--linq-font-size-9);color:var(--linq-color-primary-600)}h5{font-family:var(--linq-font-secondary);font-weight:500;font-size:var(--linq-font-size-5);line-height:var(--linq-font-size-9);color:var(--linq-color-secondary-500)}h6{font-family:var(--linq-font-primary);font-weight:400;font-size:var(--linq-font-size-3);line-height:var(--linq-font-size-5);color:var(--linq-color-gray-600)}.linq-pattern-section{margin:1rem 2rem}figure.example-image{margin:1rem 0;padding:0}figure.example-image img{max-width:100%}table{border-collapse:collapse}table td{border-bottom:1px solid var(--linq-color-gray-400);padding:0.5rem}table tr:last-child td{border-bottom:none}table.linq-pattern-lab-class-list-table th:nth-child(1),table.linq-pattern-lab-class-list-table td:nth-child(1){font-weight:bold;vertical-align:top}thead.sticky th{background:white;position:sticky;top:0;background:var(--linq-color-gray-300)}.linq-pattern-lab-body code{background:#d5e8f9;padding:0.25rem;border-radius:3px;box-shadow:1px 1px 1px 0px #c6cfd6}.grid{display:flex;flex-flow:row wrap;justify-content:'space-evenly'}.example-block{display:flex;justify-content:center;align-items:center;background-color:#eff1f4;width:400px;height:264px;margin-right:2rem}.example-block .material-icons,.example-block .material-icons-outlined{font-size:216px;z-index:2}.example-block .bad-hover-color{position:absolute;background-color:#aaa;border-radius:200px;width:175px;height:175px}.linq-pattern-banner-examples{margin:4rem 0}.linq-pattern-banner-examples .linq-banner{margin-bottom:2rem}.linq-pattern-buttons-example button{margin-right:1.5rem;margin-bottom:1.5rem}.component-matrix dl{display:grid;grid-template-columns:auto 1fr}.component-matrix dl dt{font-weight:bold;text-align:right}.component-matrix dl dd{margin-left:var(--linq-spacing-4)}.linq-download-assets h3{text-transform:capitalize}.linq-download-assets table{border:none;width:100%}.linq-download-assets table th{text-align:left;padding:0.25rem;background:#dddddd63}.linq-download-assets table tr:last-child td{border-bottom:none}.linq-download-assets table td{border-bottom:1px solid #dddddd;padding:0.25rem}.linq-download-assets table td:last-child{max-width:90px;text-align:right}.linq-download-assets__title{margin:0.5rem 0;font-size:115%}.linq-download-assets__title ~ code{display:inline-block;margin:0.5rem 0}.example-dialog{width:400px;background-color:#eff1f4;margin-top:2rem;margin-bottom:1rem;padding:1rem}.example-dialog .row{display:flex;align-items:center}.example-dialog .material-icons{font-size:36px}.example-dialog label{margin-left:1rem;font-size:20px;padding-bottom:0}.example-dialog p{margin-top:0.5rem;margin-bottom:0}.example-dialog.good{border-top:4px solid #07b5a8}.example-dialog.good .material-icons{color:#07b5a8}.example-dialog.bad{border-top:4px solid #e64147}.example-dialog.bad .material-icons{color:#e64147}.linq-pattern-dialog-semantic-exmaples{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:1.5rem}.linq-pattern-dialog-example--small{max-width:500px;margin:auto;margin-bottom:3rem}.linq-pattern-dialog-example--small .linq-form__control{padding-top:1rem}.linq-pattern-elevation-example div{margin-bottom:2rem;min-height:200px;position:relative}.linq-pattern-elevation-example div span{bottom:-2rem;left:1rem;position:absolute}.linq-pattern-faq dt{font-size:var(--linq-font-size-8)}.linq-pattern-faq dd{margin:0;padding:var(--linq-spacing-2) 0 var(--linq-spacing-8)}.linq-font-families-name{margin-bottom:1rem;font-size:2rem}.linq-font-families-property{margin:1rem 0}.linq-headings section{margin-bottom:2rem}.linq-headings section p{font-size:1rem;line-height:1.5rem;margin-top:1rem}.linq-font-families-variant-characters{display:flex;align-items:center}.linq-font-families-variant-characters span{margin-left:auto;font-size:7rem;line-height:2rem}.linq-icon-section{margin-top:2rem;border-bottom:1px solid #ccc}.linq-icon-grid{display:flex;flex-flow:row wrap}.linq-icon-card{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:200px;height:150px;margin-right:2rem;padding-top:1rem;cursor:pointer}.linq-icon-card .click-area{position:absolute;display:flex;justify-content:center;align-items:center;top:0;bottom:0;left:0;right:0;z-index:2;transition:background-color 0.2s linear}.linq-icon-card .click-area:hover{background-color:rgba(0,0,0,0.1)}.linq-icon-card .material-icons{margin-bottom:1rem}.linq-icon-card .name{margin-bottom:0rem}.linq-icon-card .alias{font-size:0.9rem;margin-bottom:0.5rem;color:#888}.linq-icon-card .library{font-size:0.7rem;margin:0;color:#888}.linq-grid-examples section{margin-bottom:2rem}.linq-grid-examples section .mdc-layout-grid__cell,.linq-grid-examples [class*=' col']{background:#ccc;box-shadow:inset 0 0 0px 1px #a3a2a2}.linq-grid-examples section .mdc-layout-grid__cell div,.linq-grid-examples [class*=' col'] div{padding:1rem;text-align:center}.linq-grid-examples section .mdc-layout-grid__cell.linq-grid-nest-first-level-example div{height:100%;display:flex;justify-content:center;align-items:center}main.mdc-top-app-bar--fixed-adjust{font:600 28px/36px 'proxima-nova';color:var(--linq-theme-light-LB40);background-color:var(--linq-theme-light-LG20);height:300px;padding:5rem 1.5rem}.linq-app-bar.mdc-top-app-bar{left:0}.linq-global-menu-example-container{height:80vh;display:flex;width:300px}.linq-pattern-global-menu-examples{display:flex;flex-wrap:wrap}.linq-pattern-global-menu-examples>div:not(:last-child){padding-right:4rem}.linq-pattern-lab-body{padding:1rem}.linq-palette-card-wrapper{display:flex;flex-wrap:wrap}.linq-palette-card{background:white;display:flex;flex-direction:column;margin:1rem !important;width:350px}.linq-palette-card header{padding:1rem;flex:1}.linq-palette-card header h3{margin:0}.linq-palette-card__content{background:var(--linq-color-gray-300);display:grid;grid-template-columns:repeat(2, 1fr);padding:1rem}.linq-palette-card__content span{display:block}.linq-palette-card__content span:first-of-type{color:var(--linq-color-gray-500)}.linq-palette-card-accessibility h3{font-size:14px}.linq-palette-card-accessibility h3 span:nth-child(1){font-size:18px}.linq-palette-card-accessibility h3 span:nth-child(2){font-weight:bold;margin-right:0.5rem}.linq-palette-card-accessibility{margin:0.5rem}.linq-palette-card-accessibility h3{font-size:14px;font-weight:normal;line-height:0.5rem;margin:0.5rem;text-align:center}.linq-palette-card-accessibility div{background:white;border-radius:1rem;border:1px solid #0280bf;color:#0280bf;font-size:12px;padding:0.25rem 0.5rem;text-align:center}.linq-palette-card footer{background:#f0f1f4;padding:1rem}.linq-palette-card footer h3{color:var(--linq-color-gray-900);font-weight:bold;margin:0}.linq-palette-card footer dl{display:grid;grid-template:repeat(2, 1fr)/1fr 1fr}.linq-palette-card footer dl *:nth-child(1),.linq-palette-card footer dl *:nth-child(3){font-size:12px}.linq-palette-card footer dl *:nth-child(2){grid-area:2 / 1;margin:0}.linq-palette-card footer dl *:nth-child(4){margin:0}.linq-pattern-warning{align-items:center;background:var(--linq-color-alert-100);border:2px solid var(--linq-color-alert-300);border-radius:4px;color:var(--linq-color-alert-contrast-100);display:flex;max-width:700px;margin:auto;margin-bottom:var(--linq-spacing-12);padding:var(--linq-spacing-4)}.linq-pattern-warning span{color:var(--linq-color-alert-300);font-family:'Material Icons';font-size:3rem;margin-right:var(--linq-spacing-4)}.linq-pattern-warning p{margin:0}.linq-pattern-playground{display:flex}.linq-pattern-playground section{margin-bottom:5rem}.linq-pattern-playground p{max-width:20rem}@media screen and (min-width: 600px) and (max-width: 959px){.linq-pattern-playground{display:block}}@media screen and (max-width: 599px){.linq-pattern-playground{display:block}}.linq-drawer{top:0}.linq-pattern-snackbar-group{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:1.5rem}@media screen and (max-width: 599px){.linq-pattern-snackbar-group{grid-template-columns:1fr}}.linq-pattern-snackbar-example{margin-bottom:1rem}.linq-pattern-switches-example{display:grid;grid-template-columns:repeat(5, 1fr)}@media screen and (min-width: 600px) and (max-width: 959px){.linq-pattern-switches-example{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 599px){.linq-pattern-switches-example{grid-template-columns:1fr}}.linq-pattern-switches-example>div{margin-bottom:1rem}.linq-pattern-switches-example>div>div{margin-bottom:1rem}.linq-pattern-switches-example>div div:nth-child(3){font-size:0.85rem}.linq-pattern-switches-example .switch-example-label{margin-right:8px}.mdc-text-field{width:100% !important}.text-field-example-image{width:100%;max-width:800px}.linq-pattern-tooltip-example{display:grid;grid-template-columns:repeat(2, 1fr);max-width:600px;margin-top:2rem}.linq-pattern-icon-tooltip-example{color:var(--linq-color-warn-300)}ul.color-example-list{list-style:none;padding:0}ul.color-example-list li{margin-bottom:1rem}ul.color-example-list span{display:inline-block;padding:var(--linq-spacing-2);margin-right:1rem}.version-switcher-container{display:flex;align-items:center;background:#dad6d6}.version-switcher-container h3{margin:0.5rem 1rem}