:root{--primary: #6200ee;--primary-rgb: 98, 0, 238;--primary-variant: #3700b3;--primary-variant-rgb: 55, 0, 179;--primary-variant-hsl: hsl(258, 100%, 35%);--secondary: #03dac6;--secondary-rgb: 3, 218, 198;--secondary-hsl: hsl(174, 97%, 43%);--secondary-variant: #018786;--secondary-variant-rgb: 1, 135, 134;--secondary-variant-hsl: hsl(180, 99%, 27%);--background: #ffffff;--background-rgb: 255, 255, 255;--background-hsl: hsl(0, 0%, 100%);--surface: #ffffff;--surface-rgb: 255, 255, 255;--surface-hsl: hsl(0, 0%, 100%);--error: #c51162;--error-rgb: 197, 17, 98;--error-hsl: hsl(333, 84%, 42%);--on-primary: #ffffff;--on-primary-rgb: 255, 255, 255;--on-primary-hsl: hsl(0, 0%, 100%);--on-secondary: #000000;--on-secondary-rgb: 0, 0, 0;--on-secondary-hsl: hsl(0, 0%, 0%);--on-background: #000000;--on-background-rgb: 0, 0, 0;--on-background-hsl: hsl(0, 0%, 0%);--on-surface: #000000;--on-surface-rgb: 0, 0, 0;--on-surface-hsl: hsl(0, 0%, 0%);--on-error: #ffffff;--on-error-rgb: 255, 255, 255;--on-error-hsl: hsl(0, 0%, 100%);--shadow-color: black;--shadow-color-rgb: 0, 0, 0;--shadow-color-hsl: hsl(0, 0%, 0%);--border-color: black;--border-color-rgb: 0, 0, 0;--border-color-hsl: hsl(0, 0%, 0%);--font-headings: 'Arial', serif;--font-text: 'Verdana', sans-serif;--font-codesnippets: 'Courier New', Courier, monospace;--svg-stroke-width: 2em;--overlay-opacity-bg-white-hover: 0.04;--overlay-opacity-bg-primary-hover: 0.08;--overlay-bg-white-hover: rgba(var(--shadow-color-rgb), var(--overlay-opacity-bg-white-hover));--overlay-bg-primary-hover: rgba(var(--primary-rgb), var(--overlay-opacity-bg-primary-hover));--overlay-opacity-bg-white-focus: 0.12;--overlay-opacity-bg-primary-focus: 0.24;--overlay-bg-white-focus: rgba(var(--shadow-color-rgb), var(--overlay-opacity-bg-white-focus));--overlay-bg-primary-focus: rgba(var(--primary-rgb), var(--overlay-opacity-bg-primary-focus));--overlay-opacity-bg-white-active: 0.12;--overlay-opacity-bg-primary-active: 0.32;--overlay-bg-white-active: rgba(var(--shadow-color-rgb), var(--overlay-opacity-bg-white-active));--overlay-bg-primary-active: rgba(var(--primary-rgb), var(--overlay-opacity-bg-primary-active));--overlay-opacity-bg-white-activated: 0.12;--overlay-opacity-bg-primary-activated: 0.24;--overlay-bg-white-activated: rgba(var(--primary-rgb), var(--overlay-opacity-bg-white-activated));--overlay-bg-primary-activated: rgba(var(--primary-rgb), var(--overlay-opacity-bg-primary-activated));--overlay-opacity-bg-white-selected: 0.08;--overlay-opacity-bg-primary-selected: 0.16;--overlay-bg-white-selected: rgba(var(--primary-rgb), var(--overlay-opacity-bg-white-selected));--overlay-bg-primary-selected: rgba(var(--primary-rgb), var(--overlay-opacity-bg-primary-selected));--overlay-opacity-bg-white-dragged: 0.08;--overlay-opacity-bg-primary-dragged: 0.16;--overlay-bg-white-dragged: rgba(var(--shadow-color-rgb), var(--overlay-opacity-bg-white-dragged));--overlay-bg-primary-dragged: rgba(var(--primary-rgb), var(--overlay-opacity-bg-primary-dragged))}body.theme-dark{--primary: #bb86fc;--primary-rgb: 187, 134, 252;--primary-variant: #3700b3;--primary-variant-rgb: 55, 0, 179;--secondary: #03dac6;--secondary-rgb: 3, 218, 198;--secondary-variant: var(--secondary);--secondary-variant-rgb: var(--secondary-rgb);--background: #121212;--background-rgb: 18, 18, 18;--surface: #121212;--surface-rgb: 18, 18, 18;--error: #cf6679;--error-rgb: 207, 102, 121;--on-primary: #000000;--on-primary-rgb: 0, 0, 0;--on-secondary: #000000;--on-secondary-rgb: 0, 0, 0;--on-background: #ffffff;--on-background-rgb: 255, 255, 255;--on-surface: #ffffff;--on-surface-rgb: 255, 255, 255;--on-error: #000000;--on-error-rgb: 0, 0, 0}body.theme-light{--primary: #6200ee;--primary-rgb: 98, 0, 238;--primary-variant: #3700b3;--primary-variant-rgb: 55, 0, 179;--secondary: #03dac6;--secondary-rgb: 3, 218, 198;--secondary-variant: #018786;--secondary-variant-rgb: 1, 135, 134;--background: #ffffff;--background-rgb: 255, 255, 255;--surface: #ffffff;--surface-rgb: 255, 255, 255;--error: #b00020;--error-rgb: 176, 0, 32;--on-primary: #ffffff;--on-primary-rgb: 255, 255, 255;--on-secondary: #000000;--on-secondary-rgb: 0, 0, 0;--on-background: #000000;--on-background-rgb: 0, 0, 0;--on-surface: #000000;--on-surface-rgb: 0, 0, 0;--on-error: #ffffff;--on-error-rgb: 255, 255, 255}@font-face{font-family:"Material Icons";font-style:normal;font-weight:400;src:url("font/material-icons/MaterialIcons-Regular.eot");src:url("font/material-icons/MaterialIcons-Regular.eot?#iefix") format("embedded-opentype"),url("font/material-icons/MaterialIcons-Regular.woff2") format("woff2"),url("font/material-icons/MaterialIcons-Regular.woff") format("woff"),url("font/material-icons/MaterialIcons-Regular.ttf") format("truetype"),url("font/material-icons/MaterialIcons-Regular.svg#Material Icons") format("svg")}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:'liga';font-feature-settings:'liga'}@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:url("font/roboto/roboto-v20-latin-regular.eot");src:url("font/roboto/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"),url("font/roboto/roboto-v20-latin-regular.woff2") format("woff2"),url("font/roboto/roboto-v20-latin-regular.woff") format("woff"),url("font/roboto/roboto-v20-latin-regular.ttf") format("truetype"),url("font/roboto/roboto-v20-latin-regular.svg#Roboto") format("svg")}@font-face{font-family:"Roboto Mono";font-style:normal;font-weight:400;src:url("font/roboto-mono/roboto-mono-v7-latin-regular.eot");src:url("font/roboto-mono/roboto-mono-v7-latin-regular.eot?#iefix") format("embedded-opentype"),url("font/roboto-mono/roboto-mono-v7-latin-regular.woff2") format("woff2"),url("font/roboto-mono/roboto-mono-v7-latin-regular.woff") format("woff"),url("font/roboto-mono/roboto-mono-v7-latin-regular.ttf") format("truetype"),url("font/roboto-mono/roboto-mono-v7-latin-regular.svg#Roboto Mono") format("svg")}@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:400;src:url("font/roboto-condensed/roboto-condensed-v18-latin-regular.eot");src:url("font/roboto-condensed/roboto-condensed-v18-latin-regular.eot?#iefix") format("embedded-opentype"),url("font/roboto-condensed/roboto-condensed-v18-latin-regular.woff2") format("woff2"),url("font/roboto-condensed/roboto-condensed-v18-latin-regular.woff") format("woff"),url("font/roboto-condensed/roboto-condensed-v18-latin-regular.ttf") format("truetype"),url("font/roboto-condensed/roboto-condensed-v18-latin-regular.svg#Roboto Condensed") format("svg")}@font-face{font-family:"Roboto Slab";font-style:normal;font-weight:400;src:url("font/roboto-slab/roboto-slab-v11-latin-regular.eot");src:url("font/roboto-slab/roboto-slab-v11-latin-regular.eot?#iefix") format("embedded-opentype"),url("font/roboto-slab/roboto-slab-v11-latin-regular.woff2") format("woff2"),url("font/roboto-slab/roboto-slab-v11-latin-regular.woff") format("woff"),url("font/roboto-slab/roboto-slab-v11-latin-regular.ttf") format("truetype"),url("font/roboto-slab/roboto-slab-v11-latin-regular.svg#Roboto Slab") format("svg")}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}dialog{margin:0}kbd{border:.1em solid #aaa;border-radius:15%;display:inline-block;padding:.1em .5em;background:-webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(#fff), color-stop(#fff), to(#ddd));background:linear-gradient(180deg, #fff, #fff, #fff, #ddd);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;color:#000;font-weight:bold}kbd:hover{background:-webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(#fff), color-stop(#fff), to(#ddd));background:linear-gradient(0deg, #fff, #fff, #fff, #ddd)}@font-face{font-family:system;font-style:normal;font-weight:300;src:local(".Roboto"),local(".HelveticaNeueDeskInterface-Light"),local(".LucidaGrandeUI"),local("Ubuntu Light"),local("Segoe UI Light"),local("Roboto-Light"),local("DroidSans"),local("Tahoma")}.system-font-stack{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif}html{font-size:100%;font-family:'Roboto', serif}body{height:100vh;padding:0;overflow:hidden;background-color:var(--background)}body{scrollbar-color:transparent transparent}main,ul.main-navigation,ul.page-actions-overflow,.dialog_content{scrollbar-width:none}main:hover,ul.main-navigation:hover,ul.page-actions-overflow:hover,.dialog_content:hover{scrollbar-color:rgba(var(--on-surface-rgb), 0.4) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:0.5em}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:transparent;border-radius:6px}main:hover::-webkit-scrollbar-thumb,ul.main-navigation:hover::-webkit-scrollbar-thumb,ul.page-actions-overflow:hover::-webkit-scrollbar-thumb,.dialog_content:hover::-webkit-scrollbar-thumb{background-color:rgba(var(--on-surface-rgb), 0.4)}body>div{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100% - (1.5rem + 1rem + 1rem))}main{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;overflow-y:auto}main>article{padding:10px 50px;color:var(--on-surface)}main>article>section.cards{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.mobile_hide{display:none;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;width:100%;height:100vh;background-color:rgba(var(--surface-rgb), 0.5)}.screenreader-only{-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.material-icons.icon-size-18{font-size:1.125rem}.material-icons.icon-size-24{font-size:1.5rem}.material-icons.icon-size-36{font-size:2.25rem}.material-icons.icon-size-48{font-size:3rem}.material-icons.icon-color{color:rgba(var(--on-primary-rgb), 0.54)}.material-icons.icon-color.icon-inactive{color:rgba(var(--on-primary-rgb), 0.26)}button{border-radius:0.25rem 0.25rem 0.25rem 0.25rem;position:relative;top:auto;right:auto;bottom:auto;left:auto;min-width:64px;height:36px;background:transparent;color:var(--primary);border:none;padding:0 8px;overflow:hidden;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;line-height:36px;font-family:"Roboto";font-size:14px;font-weight:bold;text-transform:uppercase;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button[disabled],button.disabled{color:rgba(var(--on-surface-rgb), 0.26);--btn-state: rgba(var(--on-surface-rgb), 0.26)}button.outlined{border:1px solid rgba(var(--on-surface-rgb), 0.2);padding:0 16px}button.contained{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);background:var(--primary);color:var(--on-primary);--btn-type: var(--on-primary);padding:0 16px}button.contained.disabled{-webkit-box-shadow:none;box-shadow:none;background:rgba(var(--on-surface-rgb), 0.12);color:rgba(var(--on-surface-rgb), 0.26);--btn-state: rgba(var(--on-surface-rgb), 0.26)}button .material-icons{position:relative;top:auto;right:auto;bottom:-2px;left:auto;width:18px;height:18px;margin:auto 8px auto -4px;font-size:inherit}button::before{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:var(--border-color);content:' ';opacity:0.2;visibility:hidden}button::after{position:absolute;top:-60px;right:100px;bottom:-60px;left:100px;display:block;background:var(--border-color);content:' ';opacity:0.2;visibility:hidden;border-radius:100%}button.pressed::before{opacity:0;visibility:visible;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}button.pressed::after{opacity:0;visibility:visible;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;left:5px;right:5px}.card{-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12),0 1px 3px 0 rgba(0,0,0,0.2);box-shadow:0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12),0 1px 3px 0 rgba(0,0,0,0.2);border-radius:0.25rem 0.25rem 0.25rem 0.25rem;background-color:var(--surface);color:var(--on-surface);width:21.5rem;margin:2.5rem}.card.outlined{border:1px solid rgba(var(--on-surface-rgb), 0.2)}.card img{-o-object-fit:cover;object-fit:cover}.card header{margin:8px 16px 8px 16px}.card>p{margin:8px 16px 8px 16px}.card .actions{margin:0 8px 8px 8px}.card.media img{width:100%;height:194px}.card.thumbnail img{width:80px;height:80px}.card.raised{-webkit-box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2)}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1){.card.raised{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2)}}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi){.card.raised{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2)}}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1){.card{-webkit-box-shadow:none;box-shadow:none}}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi){.card{-webkit-box-shadow:none;box-shadow:none}}dialog{-webkit-box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);border:none;border-radius:0.25rem 0.25rem 0.25rem 0.25rem;position:absolute;top:50%;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:calc(100% - 2rem);max-width:calc(100% - 2rem);padding:0}dialog.fullscreen{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:0 0 0 0}dialog.fullscreen{position:absolute;top:auto;right:auto;bottom:auto;left:auto;-webkit-transform:none;transform:none}dialog.fullscreen{height:100%;width:100%;max-width:initial}dialog.fullscreen .dialog_header{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);display:-ms-grid;display:grid;min-height:1.5rem;max-height:6rem;padding:1rem;background-color:var(--primary);color:var(--on-primary)}dialog.fullscreen .dialog_header button{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1 / 2;margin:0;padding:0;height:1.5rem;width:1.5rem;min-width:initial;line-height:1;border:none;background-color:transparent;color:inherit}dialog.fullscreen .dialog_header button .material-icons{position:static;top:auto;right:auto;bottom:auto;left:auto;margin:0;height:initial;width:initial}dialog.fullscreen .dialog_header h1{-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2 / 3;padding:0;margin:0;max-width:100%;font-size:1.25rem}dialog.fullscreen .button-close-fullscreen{display:none}dialog .dialog_content{margin-left:1.5rem;margin-right:1.5rem;margin-bottom:1.75rem}dialog.fullscreen .dialog_content{margin-left:1rem;margin-right:0.5rem;padding-top:0.5rem}dialog .dialog_buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin:0.5rem 0.5rem 0.5rem 1.5rem;height:2.25rem}dialog .dialog_buttons button{margin-left:0.5rem}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1){dialog{width:35rem;max-height:calc(100% - 2rem)}dialog.fullscreen{-webkit-box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);border:none;border-radius:0.25rem 0.25rem 0.25rem 0.25rem;position:absolute;top:50%;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:initial;width:35rem;max-width:calc(100% - 2rem)}dialog.fullscreen .dialog_header{-webkit-box-shadow:none;box-shadow:none;display:block;background-color:initial;color:initial}dialog.fullscreen .dialog_header button{display:none}dialog.fullscreen .button-close-fullscreen{display:initial}}@media screen and (max-device-width: 1200px) and (orientation: landscape){dialog{width:calc(100% - 2rem);max-height:calc(100% - 2rem)}dialog.fullscreen{max-height:initial}}body>header{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);z-index:3;position:relative;min-height:1.5rem;max-height:6rem;padding:1rem;display:-ms-grid;display:grid;-ms-grid-columns:1.5rem minmax(50%, max-content) minmax(1.5rem, auto);grid-template-columns:1.5rem minmax(50%, -webkit-max-content) minmax(1.5rem, auto);grid-template-columns:1.5rem minmax(50%, max-content) minmax(1.5rem, auto);grid-column-gap:2rem;background-color:var(--primary);color:var(--on-primary)}body>header>h1{-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2 / 3;padding:0;margin:0;max-width:100%;font-size:1.25rem}body>header>nav{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1 / 2;height:1.5rem}body>header>nav>button,body>header ul.page-actions>li>button{margin:0;padding:0;height:1.5rem;width:1.5rem;min-width:initial;line-height:1;border:none;background-color:transparent;color:inherit}body>header>nav>button .material-icons,body>header ul.page-actions>li>button .material-icons{position:static;top:auto;right:auto;bottom:auto;left:auto;margin:0;height:initial;width:initial}div.page-actions{-ms-grid-column:3;-ms-grid-column-span:1;grid-column:3 / 4;margin:0;height:1.5rem}ul.page-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin:0;padding:0;list-style-type:none}ul.page-actions>li:last-child{margin-right:0;padding:0}ul.page-actions>li{margin-right:1.5rem}ul.page-actions>li .material-icons.disabled{color:rgba(var(--on-primary-rgb), 0.26)}input{border:1px solid rgba(var(--on-surface-rgb), 0.2);border-radius:0.25rem 0.25rem 0.25rem 0.25rem;display:block;height:1.5rem;min-width:16.12rem;padding:1rem 0.5rem 1rem 0.87rem}input:hover{border:1px solid var(--secondary)}input:focus{border:2px solid var(--primary);height:1.375rem}.error input{border:2px solid var(--error);height:1.375rem}textarea{width:200px;height:100px}textarea{border:none;background-image:-webkit-gradient(linear, left top, left bottom, from(#b0fbbc), to(#b0fbbc)),-webkit-gradient(linear, left top, left bottom, from(#feb2b2), to(#feb2b2));background-image:linear-gradient(#b0fbbc, #b0fbbc),linear-gradient(#feb2b2, #feb2b2);background-size:0 2px, 100% 2px;background-position:50% 100%, 100% 100%;background-repeat:no-repeat;-webkit-transition:background-position 1s ease, background-size 1s ease;transition:background-position 1s ease, background-size 1s ease}textarea:hover{background-size:100% 2px, 100% 2px;background-position:100% 100%, 100% 100%}.menu{border-radius:0.25rem 0.25rem 0.25rem 0.25rem;margin:0;background-color:var(--surface);-webkit-transition:0.2s;transition:0.2s;overflow-x:hidden;list-style-type:none}.menu[aria-hidden=true]{position:absolute;top:0;right:0;bottom:auto;left:auto;-webkit-box-shadow:none;box-shadow:none;border:none;height:0;max-height:0;width:0;min-width:0;max-width:0;padding:0}.menu[aria-hidden=false]{position:absolute;top:.31rem;right:.31rem;bottom:auto;left:auto;-webkit-box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);border:1px solid rgba(var(--on-surface-rgb), 0.2);height:auto;max-height:calc(100vh - 3.31rem);width:auto;min-width:8rem;max-width:17.5rem;padding:0.5rem 0 0.5rem 0}.menu[aria-hidden=false] li{opacity:1;-webkit-transition:opacity 250ms ease-in-out 250ms;transition:opacity 250ms ease-in-out 250ms}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1){.menu[aria-hidden=false]{position:absolute;top:3rem;right:.8rem;bottom:auto;left:auto;max-height:calc(100vh - 7.37rem);min-width:17.5rem;max-width:20rem;z-index:5}}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi){.menu[aria-hidden=false]{position:absolute;top:3rem;right:.8rem;bottom:auto;left:auto;max-height:calc(100vh - 7.37rem);min-width:17.5rem;max-width:20rem;z-index:5}}[dir=rtl] .menu[aria-hidden=true]{position:absolute;top:0;right:auto;bottom:auto;left:0}[dir=rtl] .menu[aria-hidden=false]{position:absolute;top:.31rem;right:auto;bottom:auto;left:.31rem}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1){[dir=rtl] .menu[aria-hidden=false]{position:absolute;top:3rem;right:auto;bottom:auto;left:.8rem}}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi){[dir=rtl] .menu[aria-hidden=false]{position:absolute;top:3rem;right:auto;bottom:auto;left:.8rem}}.menu li{margin:0;padding:0;height:3rem;line-height:1rem;width:100%;opacity:0;-webkit-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out}.menu li button{display:block;width:100%;height:inherit;border:none;background:transparent;text-align:left;line-height:inherit;margin:auto;padding:0 1rem 0 1rem;color:var(--on-surface);font-size:1rem;position:relative;overflow:hidden;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1){.menu li button{padding:0 1.5rem 0 1.5rem}}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi){.menu li button{padding:0 1.5rem 0 1.5rem}}[dir=rtl] .menu li button{text-align:right}.menu>li>button::before,.menu>li>button::after{display:block;position:absolute;background:var(--border-color);content:' ';opacity:0.2;visibility:hidden}.menu>li>button::before{bottom:0;left:0;right:0;top:0}.menu>li>button::after{border-radius:100%;bottom:-60px;left:100px;right:100px;top:-60px}.menu>li>button.pressed::before,.menu>li>button.pressed::after{opacity:0;visibility:visible}.menu>li>button.pressed::before{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}.menu>li>button.pressed::after{left:5px;right:5px;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}.menu li button:hover,.menu li:hover{background-color:var(--overlay-bg-white-hover)}.menu li button:focus,.menu li:focus{background-color:var(--overlay-bg-white-focus)}.menu li button:active,.menu li:active{background-color:var(--overlay-bg-white-active)}.menu li .material-icons{display:none}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1){.menu li .material-icons{position:relative;top:3px;right:auto;bottom:auto;left:auto;display:inline-block;height:1.5rem;width:1.5rem;margin:0 1.5rem 0 0;font-size:inherit}}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi){.menu li .material-icons{position:relative;top:3px;right:auto;bottom:auto;left:auto;display:inline-block;height:1.5rem;width:1.5rem;margin:0 1.5rem 0 0;font-size:inherit}}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1){.menu li .material-icons.disabled{color:rgba(var(--on-surface-rgb), 0.26)}}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi){.menu li .material-icons.disabled{color:rgba(var(--on-surface-rgb), 0.26)}}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1){[dir=rtl] .menu li .material-icons{margin:0 0 0 1.5rem}}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi){[dir=rtl] .menu li .material-icons{margin:0 0 0 1.5rem}}.drawer{position:absolute;top:0;right:auto;bottom:auto;left:-2px;z-index:7;margin:0;padding:4rem 0;height:100%;background-color:var(--surface);overflow-x:hidden;list-style-type:none;color:var(--on-surface);-webkit-box-shadow:none;box-shadow:none;-webkit-transition:0.5s;transition:0.5s}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1){.drawer{padding:1.12rem 0 0 0;position:relative;left:auto;z-index:auto;background-color:transparent;border-right:1px solid rgba(var(--on-surface-rgb), 0.2)}}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi){.drawer{padding:1.12rem 0 0 0;position:relative;left:auto;z-index:auto;background-color:transparent;border-right:1px solid rgba(var(--on-surface-rgb), 0.2)}}[dir=rtl] .drawer{position:absolute;top:0;right:-2px;bottom:auto;left:auto}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1){[dir=rtl] .drawer{padding:1.12rem 0 0 0;position:relative;right:auto;z-index:auto;background-color:transparent;border-left:1px solid rgba(var(--on-surface-rgb), 0.2)}}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi){[dir=rtl] .drawer{padding:1.12rem 0 0 0;position:relative;right:auto;z-index:auto;background-color:transparent;border-left:1px solid rgba(var(--on-surface-rgb), 0.2)}}.drawer[aria-hidden=true]{min-width:0;max-width:0}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1){.drawer[aria-hidden=true]{width:0}}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi){.drawer[aria-hidden=true]{width:0}}.drawer[aria-hidden=false]{min-width:256px;max-width:calc(100% - 56px);-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2)}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1){.drawer[aria-hidden=false]{width:20rem;-webkit-box-shadow:none;box-shadow:none}}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi){.drawer[aria-hidden=false]{width:20rem;-webkit-box-shadow:none;box-shadow:none}}.drawer[aria-hidden=false]>li{opacity:1;-webkit-transition:opacity 250ms ease-in-out 250ms;transition:opacity 250ms ease-in-out 250ms}.drawer>li{display:block;margin:4px 4px;padding:0 8px;min-height:2.5rem;opacity:0;-webkit-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out}.drawer>li>a{display:block;padding:4px;text-decoration:none;font-family:'Verdana', sans-serif;font-size:0.88rem;border-radius:0 0 0 0;color:inherit;background:transparent;border:none;position:relative;overflow:hidden;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.drawer>li>a::before,.drawer>li>a::after{display:block;position:absolute;background:var(--border-color);content:' ';opacity:0.2;visibility:hidden}.drawer>li>a::before{bottom:0;left:0;right:0;top:0}.drawer>li>a::after{border-radius:100%;bottom:-60px;left:100px;right:100px;top:-60px}.drawer>li>a.pressed::before,.drawer>li>a.pressed::after{opacity:0;visibility:visible}.drawer>li>a.pressed::before{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}.drawer>li>a.pressed::after{left:5px;right:5px;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}.drawer>li>a[aria-current=page]{background-color:var(--overlay-bg-white-activated);color:var(--primary)}.drawer>li>a:hover{background-color:var(--overlay-bg-white-hover)}.drawer>li>a:focus{background-color:var(--overlay-bg-white-focus)}.drawer>li>a:active{background-color:var(--overlay-bg-white-active)}div.loading{position:absolute;top:45%;right:45%;bottom:auto;left:auto;width:80px;height:80px;border-radius:50%;-webkit-animation:scale 2.2s infinite;animation:scale 2.2s infinite}div.loading span{opacity:.9;position:absolute;-webkit-animation:rotate 2.2s infinite;animation:rotate 2.2s infinite;width:40px;height:40px}div.loading span:nth-child(1){left:0;top:0;background:#ff006a;border-top-left-radius:100%}div.loading span:nth-child(2){left:0;bottom:0;background:#05a10d;border-bottom-left-radius:100%}div.loading span:nth-child(3){right:0;top:0;background:#06f;border-top-right-radius:100%}div.loading span:nth-child(4){right:0;bottom:0;background:#ff4800;border-bottom-right-radius:100%}@-webkit-keyframes scale{50%{width:150px;height:150px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes scale{50%{width:150px;height:150px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes rotate{50%{border-radius:100%;opacity:1}}@keyframes rotate{50%{border-radius:100%;opacity:1}}.tetris_container{max-width:20rem;margin:0 auto}.tetris_container .tetris_rules{border:1px solid rgba(var(--on-surface-rgb), 0.2);border-radius:0.25rem 0.25rem 0.25rem 0.25rem;margin-top:0.5rem}.tetris_container .tetris_rules details{border:none;-webkit-transition:height 1s ease;transition:height 1s ease;overflow:hidden;padding:0.3rem 0.3rem 0.3rem 0.3rem}.tetris_container .tetris_rules details:not([open]){height:1.25rem}.tetris_container .tetris_rules details[open]{height:5.7rem}.tetris_container .tetris_rules details>summary{display:block;list-style:none;cursor:pointer;outline:none;font-weight:700;margin-bottom:0.5rem}.tetris_container .tetris_rules details>summary::-webkit-details-marker{display:none}.tetris_container .tetris_rules details>p{margin:0}.tetris_container .tetris_playingfield{max-height:25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:stretch;align-content:stretch}.tetris_container .tetris_grid{border:1px solid rgba(var(--on-surface-rgb), 0.2);border-radius:0.25rem 0.25rem 0.25rem 0.25rem;width:12.5rem;height:25rem;margin-right:0.5rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.tetris_container .tetris_grid div{width:1.25rem;height:1.25rem}.tetris_container .tetris_preview{border:1px solid rgba(var(--on-surface-rgb), 0.2);border-radius:0.25rem 0.25rem 0.25rem 0.25rem;margin:0 auto;width:5rem;height:5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tetris_container .tetris_preview div{width:1.25rem;height:1.25rem}.tetris_container .tetris_stats{border:1px solid rgba(var(--on-surface-rgb), 0.2);border-radius:0.25rem 0.25rem 0.25rem 0.25rem;margin:0.5rem 0 0.5rem 0.5rem;padding:0.5rem;width:5rem}.tetris_container .tetris_stats p{margin:0.125rem}.tetris_container #tetris_start{border:1px solid rgba(var(--on-surface-rgb), 0.2);border-radius:0.25rem 0.25rem 0.25rem 0.25rem;background-color:var(--primary);color:var(--on-primary);margin:0 0 0.5rem 0.5rem;min-width:initial;width:6rem;height:4rem}.tetris_container #tetris_start .material-icons{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:initial;height:initial;margin:0.5rem auto}.tetris_container #tetris_start::before{display:none}.tetris_container #tetris_start::after{display:none}.tetris_container .tetris_controls{width:6rem;margin:0 0 0 0.5rem;display:-ms-grid;display:grid;-ms-grid-columns:(auto)[3];grid-template-columns:repeat(3, auto);-ms-grid-rows:(auto)[3];grid-template-rows:repeat(3, auto)}.tetris_container .tetris_controls #tetris_rotate{-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1 / span 1;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2 / span 1;-ms-grid-column-align:center;justify-self:center}.tetris_container .tetris_controls #tetris_moveLeft{-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2 / span 1;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1 / span 1;-ms-grid-column-align:center;justify-self:center}.tetris_container .tetris_controls #tetris_moveDown{-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3 / span 1;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2 / span 1;-ms-grid-column-align:center;justify-self:center}.tetris_container .tetris_controls #tetris_moveRight{-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2 / span 1;-ms-grid-column:3;-ms-grid-column-span:1;grid-column:3 / span 1;-ms-grid-column-align:center;justify-self:center}.tetris_container .tetris_controls button{border:1px solid rgba(var(--on-surface-rgb), 0.2);border-radius:0.25rem 0.25rem 0.25rem 0.25rem;min-width:2rem;width:2rem;height:2rem;margin:0;padding:0}.tetris_container .tetris_controls button .material-icons{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:initial;height:initial;margin:0 auto}.tetris_container .tetris_controls button::before{display:none}.tetris_container .tetris_controls button::after{display:none}.tetris_container .tetromino{background-color:blue}@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1){.tetris_container .tetris_playingfield{max-height:25rem}}@media screen and (max-device-width: 1200px) and (orientation: landscape){.tetris_container .tetris_rules{display:none}.tetris_container .tetris_playingfield{display:none}.tetris_container .tetris_board{display:none}}.color{border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);box-shadow:0 1px 3px rgba(0,0,0,0.25);padding:0.5rem;-webkit-transition:-webkit-box-shadow 0.15s;transition:-webkit-box-shadow 0.15s;transition:box-shadow 0.15s;transition:box-shadow 0.15s, -webkit-box-shadow 0.15s}.color:hover{-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.15);box-shadow:0 4px 8px rgba(0,0,0,0.15)}.color__swatch{background-color:var(--color);border-radius:2px 2px 0 0;display:block;height:11rem}.color__details{font-size:1.375rem;padding:0.5rem;text-align:right}.color input{border:0;display:block;font-family:monospace;font-size:inherit;margin:0;padding:0.2rem;text-align:right;width:100%}@media screen and (prefers-color-scheme: dark){:root{--primary: #bb86fc;--primary-rgb: 187, 134, 252;--primary-variant: #3700b3;--primary-variant-rgb: 55, 0, 179;--secondary: #03dac6;--secondary-rgb: 3, 218, 198;--secondary-variant: var(--secondary);--secondary-variant-rgb: var(--secondary-rgb);--background: #121212;--background-rgb: 18, 18, 18;--surface: #121212;--surface-rgb: 18, 18, 18;--error: #cf6679;--error-rgb: 207, 102, 121;--on-primary: #000000;--on-primary-rgb: 0, 0, 0;--on-secondary: #000000;--on-secondary-rgb: 0, 0, 0;--on-background: #ffffff;--on-background-rgb: 255, 255, 255;--on-surface: #ffffff;--on-surface-rgb: 255, 255, 255;--on-error: #000000;--on-error-rgb: 0, 0, 0}}@media print{body>header button,.drawer,.menu{display:none}body>header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;min-height:56px;padding:16px;margin-bottom:6px;background-color:var(--background);-webkit-box-shadow:none;box-shadow:none;color:var(--on-background)}a[href^="http://"]:after,a[href^="https://"]:after{content:" (" attr(href) ")"}}