@font-face{font-family:"JetBrains Mono";src:url("https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/fonts/web/JetBrainsMono-Regular.woff2") format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"JetBrains Mono";src:url("https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/fonts/web/JetBrainsMono-Bold.woff2") format("woff2");font-weight:bold;font-style:normal}*{padding:0;margin:0}:root{--mdc-theme-primary: #3f51b5}body{font-size:16px;font-family:Roboto,serif;overflow:hidden}h2{font-size:1.5em;margin-bottom:1em;margin-top:1.5em;font-weight:550}h3{font-size:1.25em;font-weight:500;margin-bottom:1em;margin-top:1.5em}pre{background-color:rgba(0,0,0,.05) !important;padding:1.25rem 1.5rem;border-radius:6px;line-height:1.5em;font-family:"JetBrains Mono","Monospaced",monospace;overflow-x:auto;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}code{font-family:"JetBrains Mono",monospace}.app-title{display:flex;align-items:center}.app-title h1{font-size:1em;font-weight:unset}.app-title a{text-decoration:none;color:#fff}#router-outlet{padding:1rem;height:calc(100vh - 100px);overflow:auto}.home-content{padding:0 .6em 2em;line-height:1.5em}.home-content pre{margin:1em 0}.home-content ul{padding-left:1em}.drawer-title{padding:0 16px}.components-grid{display:grid;align-content:center;grid-template-columns:repeat(3, 1fr);gap:3em;padding:2em 6em}.components-grid a{display:flex;flex-direction:column;align-items:center;gap:1em;width:min-content;width:-moz-min-content;border-radius:16px;border:1px solid rgba(0,0,0,.18);padding-bottom:1em;cursor:pointer;text-decoration:none;color:#000}.components-grid a img{border-radius:16px;height:200px;width:360px}.components-grid a h6{font-size:1.2em}.components-grid a:hover{background:rgba(0,0,0,.03)}@media(max-width: 600px){.components-grid{padding:1em;grid-template-columns:1fr;gap:2em}.components-grid a img{height:170px;width:300px}}mwc-top-app-bar-fixed{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)}.drawer-content{padding:1em 0;display:flex;flex-direction:column;gap:1em}.drawer-content mwc-list{padding-left:16px}mwc-list a{text-decoration:none}.action-item{--mdc-theme-primary: white;margin-left:.5em}.action-item mwc-icon-button{color:rgba(0,0,0,.85)}.comp-demo{display:flex;gap:1em;padding:1em 0;align-items:center}.list-demo{padding:0 1em}.list-demo h2{padding:1em 0}.list-demo mwc-list{border:1px solid #d3d3d3;max-width:400px;margin-bottom:1em}mwc-list-item,mwc-check-list-item,mwc-radio-list-item{padding:0 16px}.tab-component{padding:1em 0}.tab-component h2{padding:1em 0}.snackbar-dismiss-slot mwc-icon-button{--mdc-icon-size: 18px;--mdc-icon-button-size: 36px;color:rgba(255,255,255,.87);margin-left:8px;margin-right:0}.textfield-demo mwc-textfield{min-width:240px}.textfield-demo .shaped-filled{--mdc-text-field-filled-border-radius: 32px 32px 0 0}.textfield-demo .shaped-outlined{--mdc-notched-outline-leading-width: 28px;--mdc-notched-outline-leading-border-radius: 28px 0 0 28px;--mdc-notched-outline-trailing-border-radius: 0 28px 28px 0}.textfield-demo mwc-textarea{min-width:250px}.textfield-demo .demo-group-spaced{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap}.textfield-demo h2{padding:.5em 0}.textfield-demo .demo-group-spaced>*,.textfield-demo [fullwidth]{margin-top:8px}.codeblock{border:1px solid rgba(0,0,0,.2);border-radius:.3em;padding:1em;margin:1em .5em 2em .5em}@media(max-width: 600px){.codeblock{max-width:unset !important}}.codeblock .header{display:flex;align-items:center;margin:0 0 2em 0}.codeblock .header .title{font-size:1.4em;margin:unset}.codeblock .header .right-icon{margin-left:auto}.codeblock .demo{display:flex;gap:1em;align-items:center}.four-colored-progress{--mdc-circular-progress-bar-color-1: #2196f3;--mdc-circular-progress-bar-color-2: #e91e63;--mdc-circular-progress-bar-color-3: #ffc107;--mdc-circular-progress-bar-color-4: #03dac5}#menu-demo .scrollable{border:solid 1px #000;overflow-y:scroll;height:100px}#menu-demo .scrollable .spacer{height:1000px}#slider-demo mwc-slider{width:50%}