@morenobr/guideline-react-styled/dist/index.es.js

Moreno Guideline components React with CSS class names defined with CSS included with JS

export*from"@morenobr/guideline-react";!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===i&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t))}}('/*\n * Components Button, Card, Divider, Drawer, FloatingActionButton, IconButton, IconButtonToogle, List and TopAppBar have the following license:\n *\n * The MIT License\n *\n * Copyright (c) 2016-2020 Google, Inc.\n * Copyright (c) 2020 Petherson\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the "Software"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n *\n * ---------------------------------------\n *\n * Others have the following license:\n *\n * MIT License\n *\n * Copyright (c) 2020 Petherson Moreno\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the "Software"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n.mg-button{--primary: #6200ee;--on-primary: #fff;--secondary: #018786;--on-secondary: #fff;--font-family: Roboto, sans-serif;--font-size: 0.875rem;--line-height: line-height;--font-weight: font-weight;--letter-spacing: letter-spacing;--text-decoration: text-decoration;--text-transform: text-transform;--ripple-fg-translate-start: 0;--ripple-fg-translate-end: 0;--ripple-fg-scale-start: 0.1;--ripple-fg-scale: 1.5;--ripple-fg-opacity: 0.12;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--font-family, Roboto, sans-serif);font-size:.875rem;font-size:var(--font-size, 0.875rem);line-height:2.25rem;line-height:var(--line-height, 2.25rem);font-weight:500;font-weight:var(--font-weight, 500);letter-spacing:.0892857143em;letter-spacing:var(--letter-spacing, 0.0892857143em);text-decoration:none;text-decoration:var(--text-decoration, none);text-transform:uppercase;text-transform:var(--text-transform, uppercase);padding:0 8px 0 8px;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:64px;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;border-radius:4px}@keyframes ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--ripple-fg-translate-start, 0)) scale(var(--ripple-fg-scale-start, 0.1))}to{transform:translate(var(--ripple-fg-translate-end, 0)) scale(var(--ripple-fg-scale, 1.5))}}@keyframes ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--ripple-fg-opacity, 0.12)}}@keyframes ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--ripple-fg-opacity, 0.12)}to{opacity:0}}.mg-button,.mg-button>.ripple{-webkit-tap-highlight-color:rgba(0,0,0,0)}.mg-button>.ripple{display:block;position:absolute;top:0;right:0;left:0;bottom:0;box-sizing:content-box;overflow:hidden}.mg-button>.ripple::before,.mg-button>.ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mg-button>.ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mg-button>.ripple::before,.mg-button>.ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mg-button>.ripple::before,.mg-button>.ripple::after{background-color:#000}.mg-button>.ripple::after{transition:opacity 150ms linear}.mg-button.fg-activation>.ripple::after{animation:ripple-fg-radius-in 225ms forwards,ripple-fg-opacity-in 75ms forwards}.mg-button.fg-deactivation>.ripple::after{animation:ripple-fg-opacity-out 150ms;transform:translate(var(--ripple-fg-translate-end, 0)) scale(var(--ripple-fg-scale, 1))}.mg-button:focus>.ripple::before{transition-duration:75ms;opacity:.12}.mg-button:active>.ripple::after{transition-duration:75ms;opacity:.12}.mg-button::-moz-focus-inner{padding:0;border:0}.mg-button:active{outline:none}.mg-button:hover{cursor:pointer}.mg-button:hover>.ripple::before{opacity:.04}.mg-button:disabled{cursor:default;pointer-events:none}.mg-button:not(:disabled){background-color:transparent}.mg-button:disabled{background-color:transparent}.mg-button>svg.icon{fill:currentColor}.mg-button>.icon{margin-left:0;margin-right:8px;display:inline-block;width:18px;height:18px;font-size:18px;vertical-align:top}.mg-button>.touch{display:block;position:absolute;top:50%;right:0;height:48px;left:0;transform:translateY(-50%)}.mg-button:not(:disabled){color:#6200ee;color:var(--primary, #6200ee)}.mg-button:disabled{color:rgba(0,0,0,.38)}.mg-button>.label+.icon{margin-left:8px;margin-right:0}.mg-button>.icon[dir=rtl]{margin-left:8px;margin-right:0}.mg-button>.label+.icon[dir=rtl]{margin-left:0;margin-right:8px}.mg-button.raised>.icon,.mg-button.outlined>.icon{margin-left:-4px;margin-right:8px}.mg-button.raised>.icon[dir=rtl],.mg-button.outlined>.icon[dir=rtl]{margin-left:8px;margin-right:-4px}.mg-button.raised>.label+.icon,.mg-button.outlined>.label+.icon{margin-left:8px;margin-right:-4px}.mg-button.raised>.label+.icon[dir=rtl],.mg-button.outlined>.label+.icon[dir=rtl]{margin-left:-4px;margin-right:8px}.mg-button.outlined{padding:0 15px 0 15px;border-width:1px;border-style:solid}.mg-button.outlined>.ripple{top:-1px;left:-1px;right:-1px;bottom:-1px}.mg-button.outlined>.touch{left:-1px;width:calc(100% + 2 * 1px)}.mg-button.outlined:not(:disabled),.mg-button.outlined:disabled{border-color:rgba(0,0,0,.12)}.mg-button.raised{padding:0 16px 0 16px;box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12);transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mg-button.raised:not(:disabled){background-color:#6200ee;background-color:var(--primary, #6200ee);color:#fff;color:var(--on-primary, #fff)}.mg-button.raised:disabled{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.38)}.mg-button.raised:hover,.mg-button.raised:focus{box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)}.mg-button.raised:active{box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)}.mg-button.raised:disabled{box-shadow:0px 0px 0px 0px rgba(0,0,0,.2),0px 0px 0px 0px rgba(0,0,0,.14),0px 0px 0px 0px rgba(0,0,0,.12)}.mg-button.raised>.ripple::before,.mg-button.raised>.ripple::after{background-color:#fff;background-color:var(--on-primary, #fff)}.mg-button.raised>.ripple::after{transition:opacity 150ms linear}.mg-button.raised:hover>.ripple::before{opacity:.08}.mg-button.raised:focus>.ripple::before{transition-duration:75ms;opacity:.24}.mg-button.raised.active>.ripple::after{transition-duration:75ms;opacity:.24}.mg-button.touch{margin-top:6px;margin-bottom:6px}.mg-card{border-radius:4px;border-radius:var(--shape-medium, 4px);background-color:#fff;background-color:var(--theme-surface, #fff);position:relative;box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12);display:flex;flex-direction:column;box-sizing:border-box}.mg-card.--outlined{box-shadow:0px 0px 0px 0px rgba(0,0,0,.2),0px 0px 0px 0px rgba(0,0,0,.14),0px 0px 0px 0px rgba(0,0,0,.12);border-width:1px;border-style:solid;border-color:#e0e0e0}.mg-card>.__media{position:relative;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:cover}.mg-card>.__media::before{display:block;content:""}.mg-card>.__media:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.mg-card>.__media:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.mg-card>.__media.--square::before{margin-top:100%}.mg-card>.__media.--ratio16-9::before{margin-top:56.25%}.mg-card>.__media>.__content{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box}.mg-card>.__primary-action{display:flex;flex-direction:column;box-sizing:border-box;position:relative;outline:none;color:inherit;text-decoration:none;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mg-card>.__primary-action:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.mg-card>.__primary-action:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.mg-card>.__primary-action::before,.mg-card>.__primary-action::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:"";top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%;background-color:#000}.mg-card>.__primary-action::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mg-card>.__primary-action::after{transition:opacity 150ms linear}.mg-card>.__primary-action:hover::before{opacity:.04}.mg-card>.__primary-action:focus::before{transition-duration:75ms;opacity:.12}.mg-card>.__primary-action:active::after{transition-duration:75ms;opacity:.12}.mg-card>.__actions{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:52px;padding:8px}.mg-card>.__actions>.__action-buttons,.mg-card>.__actions>.__action-icons{display:flex;flex-direction:row;align-items:center;box-sizing:border-box}.mg-card>.__actions>.__action-icons{color:rgba(0,0,0,.6);flex-grow:1;justify-content:flex-start}.mg-card>.__actions>.__action-icons:only-child{justify-content:flex-end}.mg-card>.__actions>.__action-buttons+.__action-icons{margin-left:16px;margin-right:0;justify-content:flex-end}.mg-card>.__actions>.__action-buttons+.__action-icons[dir=rtl]{margin-left:0;margin-right:16px}.mg-card>.__actions.__action,.mg-card>.__actions>.__action-buttons.__action,.mg-card>.__actions>.__action-icons.__action{display:inline-flex;flex-direction:row;align-items:center;box-sizing:border-box;justify-content:center;cursor:pointer;user-select:none}.mg-card>.__actions.__action:focus,.mg-card>.__actions>.__action-buttons.__action:focus,.mg-card>.__actions>.__action-icons.__action:focus{outline:none}.mg-card>.__actions.__action.--button,.mg-card>.__actions>.__action-buttons.__action.--button,.mg-card>.__actions>.__action-icons.__action.--button{margin-left:0;margin-right:8px;padding:0 8px}.mg-card>.__actions.__action.--button:last-child,.mg-card>.__actions>.__action-buttons.__action.--button:last-child,.mg-card>.__actions>.__action-icons.__action.--button:last-child{margin-left:0;margin-right:0}.mg-card>.__actions.__action.--button[dir=rtl],.mg-card>.__actions>.__action-buttons.__action.--button[dir=rtl],.mg-card>.__actions>.__action-icons.__action.--button[dir=rtl]{margin-left:8px;margin-right:0}.mg-card>.__actions.__action.--button[dir=rtl]:last-child,.mg-card>.__actions>.__action-buttons.__action.--button[dir=rtl]:last-child,.mg-card>.__actions>.__action-icons.__action.--button[dir=rtl]:last-child{margin-left:0;margin-right:0}.mg-card>.__actions.__action.--icon,.mg-card>.__actions>.__action-buttons.__action.--icon,.mg-card>.__actions>.__action-icons.__action.--icon{margin:-6px 0;padding:12px}.mg-card>.__actions.__action.--icon:not(:disabled),.mg-card>.__actions>.__action-buttons.__action.--icon:not(:disabled),.mg-card>.__actions>.__action-icons.__action.--icon:not(:disabled){color:rgba(0,0,0,.6)}.mg-card>.__actions.--full-bleed{padding:0}.mg-card>.__actions.--full-bleed>.__action.--button{justify-content:space-between;width:100%;height:auto;max-height:none;margin:0;padding:8px 16px;text-align:left}.mg-card>.__actions.--full-bleed>.__action.--button[dir=rtl]{text-align:right}.mg-card[dir=rtl]>.__actions.--full-bleed>.__action.--button{text-align:right}.mg-card[dir=rtl]>.__actions>.__action.--button{margin-left:8px;margin-right:0}.mg-card[dir=rtl]>.__actions>.__action.--button:last-child{margin-left:0;margin-right:0}.mg-card[dir=rtl]>.__actions>.__action-buttons+.__action-icons{margin-left:0;margin-right:16px}.mg-circular-progress{width:48px;height:48px;display:inline-block;position:relative;direction:ltr;transition:opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mg-circular-progress>.__determinate-container{position:absolute;width:100%;height:100%;transform:rotate(-90deg)}.mg-circular-progress>.__determinate-container>.__determinate-circle-graphic{stroke-width:4px;fill:transparent}.mg-circular-progress>.__determinate-container>.__determinate-circle-graphic>.__determinate-circle{stroke:#6200ee;stroke:var(--primary, #6200ee);transition:stroke-dashoffset 500ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mg-circular-progress>.__indeterminate-container{position:absolute;width:100%;height:100%;opacity:0}.mg-circular-progress>.__indeterminate-container>.__spinner-layer{position:absolute;width:100%;height:100%}.mg-circular-progress>.__indeterminate-container>.__spinner-layer>.__circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden}.mg-circular-progress>.__indeterminate-container>.__spinner-layer>.__circle-clipper>.__indeterminate-circle-graphic{stroke:#6200ee;stroke:var(--primary, #6200ee);stroke-width:4px;position:absolute;width:100%;height:100%;fill:transparent;width:200%}.mg-circular-progress>.__indeterminate-container>.__spinner-layer>.__gap-patch{position:absolute;top:0;left:47.5%;box-sizing:border-box;width:5%;height:100%;overflow:hidden}.mg-circular-progress>.__indeterminate-container>.__spinner-layer>.__gap-patch>.__indeterminate-circle-graphic{stroke:#6200ee;stroke:var(--primary, #6200ee);stroke-width:3.2px;position:absolute;width:100%;height:100%;fill:transparent;left:-900%;width:2000%;transform:rotate(180deg)}.mg-circular-progress.--small{width:24px;height:24px}.mg-circular-progress.--small>.__determinate-container>.__determinate-circle-graphic{stroke-width:2.5px}.mg-circular-progress.--small>.__indeterminate-container>.__spinner-layer>.__circle-clipper>.__indeterminate-circle-graphic{stroke-width:2.5px}.mg-circular-progress.--small>.__indeterminate-container>.__spinner-layer>.__gap-patch>.__indeterminate-circle-graphic{stroke-width:2px}.mg-circular-progress.--medium{width:36px;height:36px}.mg-circular-progress.--medium>.__determinate-container>.__determinate-circle-graphic{stroke-width:3px}.mg-circular-progress.--medium>.__indeterminate-container>.__spinner-layer>.__circle-clipper>.__indeterminate-circle-graphic{stroke-width:3px}.mg-circular-progress.--medium>.__indeterminate-container>.__spinner-layer>.__gap-patch>.__indeterminate-circle-graphic{stroke-width:2.4px}.mg-circular-progress.--large{width:48px;height:48px}.mg-circular-progress.--large>.__determinate-container>.__determinate-circle-graphic{stroke-width:4px}.mg-circular-progress.--large>.__indeterminate-container>.__spinner-layer>.__circle-clipper>.__indeterminate-circle-graphic{stroke-width:4px}.mg-circular-progress.--large>.__indeterminate-container>.__spinner-layer>.__gap-patch>.__indeterminate-circle-graphic{stroke-width:3.2px}.mg-circular-progress.--extra-large{width:100px;height:100px}.mg-circular-progress.--extra-large>.__determinate-container>.__determinate-circle-graphic{stroke-width:4.5px}.mg-circular-progress.--extra-large>.__indeterminate-container>.__spinner-layer>.__circle-clipper>.__indeterminate-circle-graphic{stroke-width:4.5px}.mg-circular-progress.--extra-large>.__indeterminate-container>.__spinner-layer>.__gap-patch>.__indeterminate-circle-graphic{stroke-width:3.9px}.mg-circular-progress.--fill-parent{width:100%;height:100%}.mg-circular-progress.--indeterminate>.__determinate-container{opacity:0}.mg-circular-progress.--indeterminate>.__indeterminate-container{opacity:1;animation:mg-circular-progress-container-rotate 1568.2352941176ms linear infinite}.mg-circular-progress.--indeterminate>.__indeterminate-container>.__spinner-layer{animation:mg-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mg-circular-progress.--indeterminate>.__indeterminate-container>.__spinner-layer.__color-1{animation:mg-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mg-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mg-circular-progress.--indeterminate>.__indeterminate-container>.__spinner-layer.__color-1>.__circle-clipper>.__indeterminate-circle-graphic,.mg-circular-progress.--indeterminate>.__indeterminate-container>.__spinner-layer.__color-1>.__gap-patch>.__indeterminate-circle-graphic{stroke:#6200ee;stroke:var(--circular-progress-color1, #6200ee)}.mg-circular-progress.--indeterminate>.__indeterminate-container>.__spinner-layer.__color-2{animation:mg-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mg-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mg-circular-progress.--indeterminate>.__indeterminate-container>.__spinner-layer.__color-2>.__circle-clipper>.__indeterminate-circle-graphic,.mg-circular-progress.--indeterminate>.__indeterminate-container>.__spinner-layer.__color-2>.__gap-patch>.__indeterminate-circle-graphic{stroke:#ff50a0;stroke:var(--circular-progress-color2, #ff50a0)}.mg-circular-progress.--indeterminate>.__indeterminate-container>.__spinner-layer.__color-3{animation:mg-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mg-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mg-circular-progress.--indeterminate>.__indeterminate-container>.__spinner-layer.__color-3>.__circle-clipper>.__indeterminate-circle-graphic,.mg-circular-progress.--indeterminate>.__indeterminate-container>.__spinner-layer.__color-3>.__gap-patch>.__indeterminate-circle-graphic{stroke:#01a7a6;stroke:var(--circular-progress-color3, #01a7a6)}.mg-circular-progress.--indeterminate>.__indeterminate-container>.__spinner-layer.__color-4{animation:mg-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mg-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mg-circular-progress.--indeterminate>.__indeterminate-container>.__spinner-layer.__color-4>.__circle-clipper>.__indeterminate-circle-graphic,.mg-circular-progress.--indeterminate>.__indeterminate-container>.__spinner-layer.__color-4>.__gap-patch>.__indeterminate-circle-graphic{stroke:orange;stroke:var(--circular-progress-color4, #ffa500)}.mg-circular-progress.--indeterminate>.__indeterminate-container>.__spinner-layer>.__circle-clipper.__circle-left>.__indeterminate-circle-graphic{animation:mg-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mg-circular-progress.--indeterminate>.__indeterminate-container>.__spinner-layer>.__circle-clipper.__circle-right>.__indeterminate-circle-graphic{left:-100%;animation:mg-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mg-circular-progress.--closed{opacity:0}@keyframes mg-circular-progress-container-rotate{to{transform:rotate(360deg)}}@keyframes mg-circular-progress-spinner-layer-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes mg-circular-progress-color-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}to{opacity:.99}}@keyframes mg-circular-progress-color-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}to{opacity:0}}@keyframes mg-circular-progress-color-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}to{opacity:0}}@keyframes mg-circular-progress-color-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}to{opacity:0}}@keyframes mg-circular-progress-left-spin{from{transform:rotate(265deg)}50%{transform:rotate(130deg)}to{transform:rotate(265deg)}}@keyframes mg-circular-progress-right-spin{from{transform:rotate(-265deg)}50%{transform:rotate(-130deg)}to{transform:rotate(-265deg)}}.mg-divider{height:0;margin:0;border:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0,0,0,.12);border-bottom-color:rgba(0, 0, 0, var(--divider-opacity, 0.12))}.mg-divider.padded{margin-left:16px;margin-right:16px}.mg-divider.inset{margin-left:72px;margin-left:var(--divider-inset-size, 72px);margin-right:0;width:calc(100% - var(--divider-inset-size, 72px))}.mg-divider.drawer{margin-top:3px;margin-bottom:4px}.mg-divider.inset.padded{width:calc(100% - var(--divider-inset-size, 72px) - 16px)}.mg-drawer{--font-family: Roboto, sans-serif;--headline6-font-size: 1.25rem;--headline6-line-height: 2rem;--headline6-font-weight: 500;--headline6-letter-spacing: 0.0125em;--headline6-text-decoration: inherit;--headline6-text-transform: inherit;--body2-font-size: 0.875rem;--body2-line-height: 1.25rem;--body2-font-weight: 400;--body2-letter-spacing: 0.0178571429em;--body2-text-decoration: inherit;--body2-text-transform: inherit;border-color:rgba(0,0,0,.12);background-color:#fff;border-radius:0 0 0 0;z-index:6;width:256px;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden;transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.mg-drawer>.header{flex-shrink:0;box-sizing:border-box;min-height:64px;padding:0 16px 4px}.mg-drawer>.header>.title{color:rgba(0,0,0,.87);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--font-family, Roboto, sans-serif);font-size:1.25rem;font-size:var(--headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--headline6-line-height, 2rem);font-weight:500;font-weight:var(--headline6-font-weight, 500);letter-spacing:.0125em;letter-spacing:var(--headline6-letter-spacing, 0.0125em);text-decoration:inherit;text-decoration:var(--headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--headline6-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mg-drawer>.header>.title::before{display:inline-block;width:0;height:36px;content:"";vertical-align:0}.mg-drawer>.header>.title::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mg-drawer>.header>.subtitle{color:rgba(0,0,0,.6);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--font-family, Roboto, sans-serif);font-size:.875rem;font-size:var(--body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--body2-line-height, 1.25rem);font-weight:400;font-weight:var(--body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--body2-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:0}.mg-drawer>.header>.subtitle::before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mg-drawer>.content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mg-drawer.animate{transform:translateX(-100%)}.mg-drawer.opening{transform:translateX(0);transition-duration:250ms}.mg-drawer.closing{transform:translateX(-100%);transition-duration:200ms}.mg-drawer.dismissible,.mg-drawer.fixed{left:0;right:initial;display:none}.mg-drawer.dismissible{position:absolute}.mg-drawer.fixed{position:fixed}.mg-drawer.modal{left:0;right:initial;display:none;position:fixed}.mg-drawer.modal.modal-shadow{box-shadow:0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12)}.mg-drawer.dismissible.open,.mg-drawer.fixed.open{display:flex}.mg-drawer.modal.open{display:flex}[dir=rtl]>.mg-drawer,.mg-drawer[dir=rtl]{border-radius:0 0 0 0;border-right-width:0;border-left-width:1px;border-right-style:none;border-left-style:solid}[dir=rtl]>.mg-drawer.animate,.mg-drawer.animate[dir=rtl]{transform:translateX(100%)}[dir=rtl]>.mg-drawer.opening,.mg-drawer.opening[dir=rtl]{transform:translateX(0)}[dir=rtl]>.mg-drawer.closing,.mg-drawer.closing[dir=rtl]{transform:translateX(100%)}[dir=rtl]>.mg-drawer.dismissible,.mg-drawer.dismissible[dir=rtl],[dir=rtl]>.mg-drawer.fixed,.mg-drawer.fixed[dir=rtl]{left:initial;right:0}[dir=rtl] .mg-drawer.modal,.mg-drawer.modal[dir=rtl]{left:initial;right:0}.mg-drawer.open:not(.closing)+.mg-drawer-app-content{margin-left:256px;margin-right:0}[dir=rtl]>.mg-drawer.open:not(.closing)+.mg-drawer-app-content,.mg-drawer.open:not(.closing)+.mg-drawer-app-content[dir=rtl]{margin-left:0;margin-right:256px}.mg-drawer-app-content{margin-left:0;margin-right:0;position:relative}[dir=rtl]>.mg-drawer-app-content,.mg-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mg-drawer-scrim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.mg-drawer.modal+.mg-drawer-scrim{background-color:rgba(0,0,0,.32)}.mg-drawer.open+.mg-drawer-scrim{display:block}.mg-drawer.animate+.mg-drawer-scrim{opacity:0}.mg-drawer.opening+.mg-drawer-scrim{transition-duration:250ms;opacity:1}.mg-drawer.closing+.mg-drawer-scrim{transition-duration:200ms;opacity:0}.mg-fab{--primary: #6200ee;--on-primary: #fff;--secondary: #018786;--on-secondary: #fff;--font-family: Roboto, sans-serif;--font-size: 0.875rem;--line-height: line-height;--font-weight: font-weight;--letter-spacing: letter-spacing;--text-decoration: text-decoration;--text-transform: text-transform;--ripple-fg-translate-start: 0;--ripple-fg-translate-end: 0;--ripple-fg-scale-start: 0.1;--ripple-fg-scale: 1.5;--ripple-fg-opacity: 0.12;position:relative;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12);display:inline-flex;position:relative;align-items:center;justify-content:center;box-sizing:border-box;width:56px;height:56px;padding:0;border:none;fill:currentColor;text-decoration:none;cursor:pointer;user-select:none;-moz-appearance:none;-webkit-appearance:none;overflow:visible;transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1),opacity 15ms linear 30ms,transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);background-color:#018786;background-color:var(--secondary, #018786);color:#fff;color:var(--on-secondary, #fff);border-radius:50%}@keyframes ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--ripple-fg-translate-start, 0)) scale(var(--ripple-fg-scale-start, 0.1))}to{transform:translate(var(--ripple-fg-translate-end, 0)) scale(var(--ripple-fg-scale, 1.5))}}@keyframes ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--ripple-fg-opacity, 0.12)}}@keyframes ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--ripple-fg-opacity, 0.12)}to{opacity:0}}.mg-fab,.mg-fab>.ripple{-webkit-tap-highlight-color:rgba(0,0,0,0)}.mg-fab::-moz-focus-inner{padding:0;border:0}.mg-fab::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:""}.mg-fab>.ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;border-radius:50%}.mg-fab>.ripple::before,.mg-fab>.ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mg-fab>.ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mg-fab>.ripple::before,.mg-fab>.ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%;background-color:#fff;background-color:var(--on-secondary, #fff)}.mg-fab>.ripple::after{transition:opacity 150ms linear}.mg-fab>svg{width:100%}.mg-fab>.icon{width:24px;height:24px;font-size:24px;transition:transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);fill:currentColor;will-change:transform;display:inline-flex;align-items:center;justify-content:center}.mg-fab>.label{justify-content:flex-start;text-overflow:ellipsis;white-space:nowrap;overflow-x:hidden;overflow-y:visible}.mg-fab:hover,.mg-fab:focus{box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)}.mg-fab:active{box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)}.mg-fab:active>.ripple::after{transition-duration:75ms;opacity:.24}.mg-fab:active,.mg-fab:focus{outline:none}.mg-fab:hover{cursor:pointer}.mg-fab:hover>.ripple::before{opacity:.08}.mg-fab.mini{width:40px;height:40px}.mg-fab.extended{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--font-family, Roboto, sans-serif);font-size:.875rem;font-size:var(--font-size, 0.875rem);line-height:2.25rem;line-height:var(--line-height, line-height);font-weight:500;font-weight:var(--font-weight, 500);letter-spacing:.0892857143em;letter-spacing:var(--letter-spacing, 0.0892857143em);text-decoration:none;text-decoration:var(--text-decoration, none);text-transform:uppercase;text-transform:var(--text-transform, uppercase);border-radius:24px;padding:0 20px;width:auto;max-width:100%;height:48px;line-height:normal}.mg-fab.extended>.ripple{border-radius:24px}.mg-fab.extended>.icon{margin-left:-8px;margin-right:12px}.mg-fab.extended>.icon[dir=rtl]{margin-left:12px;margin-right:-8px}.mg-fab.extended>.label+.icon{margin-left:12px;margin-right:-8px}.mg-fab.extended>.label+.icon[dir=rtl]{margin-left:-8px;margin-right:12px}.mg-fab.touch{margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mg-fab.touch>.touch{position:absolute;top:50%;right:0;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mg-fab.exited{transform:scale(0);opacity:0;transition:opacity 15ms linear 150ms,transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mg-fab.exited>.icon{transform:scale(0);transition:transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mg-fab.fg-activation>.ripple::after{animation:ripple-fg-radius-in 225ms forwards,ripple-fg-opacity-in 75ms forwards}.mg-fab.fg-deactivation>.ripple::after{animation:ripple-fg-opacity-out 150ms;transform:translate(var(--ripple-fg-translate-end, 0)) scale(var(--ripple-fg-scale, 1))}.mg-icon-button{--primary: #6200ee;--on-primary: #fff;--secondary: #018786;--on-secondary: #fff;--font-family: Roboto, sans-serif;--font-size: 0.875rem;--line-height: line-height;--font-weight: font-weight;--letter-spacing: letter-spacing;--text-decoration: text-decoration;--text-transform: text-transform;-webkit-tap-highlight-color:rgba(0,0,0,0);display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;font-size:24px;text-decoration:none;cursor:pointer;user-select:none;width:48px;height:48px;padding:12px}.mg-icon-button>svg,.mg-icon-button>img{width:24px;height:24px}.mg-icon-button::before,.mg-icon-button::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:"";top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%;background-color:#000}.mg-icon-button::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mg-icon-button::after{transition:opacity 150ms linear}.mg-icon-button:disabled{color:rgba(0,0,0,.38);cursor:default;pointer-events:none}.mg-icon-button:hover::before{opacity:.04}.mg-icon-button:focus::before{transition-duration:75ms;opacity:.12}.mg-icon-button:active::after{transition-duration:75ms;opacity:.12}.mg-icon-button.primary:not(:disabled){color:#6200ee;color:var(--primary, #6200ee)}.mg-icon-button.secondary:not(:disabled){color:#018786;color:var(--secondary, #018786)}.mg-icon-button-toogle{--primary: #6200ee;--on-primary: #fff;--secondary: #018786;--on-secondary: #fff;--font-family: Roboto, sans-serif;--font-size: 0.875rem;--line-height: line-height;--font-weight: font-weight;--letter-spacing: letter-spacing;--text-decoration: text-decoration;--text-transform: text-transform;-webkit-tap-highlight-color:rgba(0,0,0,0);display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;font-size:24px;text-decoration:none;cursor:pointer;user-select:none;width:48px;height:48px;padding:12px}.mg-icon-button-toogle>svg,.mg-icon-button-toogle>img{width:24px;height:24px}.mg-icon-button-toogle::before,.mg-icon-button-toogle::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:"";top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%;background-color:#000}.mg-icon-button-toogle::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mg-icon-button-toogle::after{transition:opacity 150ms linear}.mg-icon-button-toogle:disabled{color:rgba(0,0,0,.38);cursor:default;pointer-events:none}.mg-icon-button-toogle:hover::before{opacity:.04}.mg-icon-button-toogle:focus::before{transition-duration:75ms;opacity:.12}.mg-icon-button-toogle:active::after{transition-duration:75ms;opacity:.12}.mg-icon-button-toogle.primary:not(:disabled){color:#6200ee;color:var(--primary, #6200ee)}.mg-icon-button-toogle.secondary:not(:disabled){color:#018786;color:var(--secondary, #018786)}.mg-icon-button-toogle>.icon{display:inline-block}.mg-icon-button-toogle>.icon.iconOn{display:none}.mg-icon-button-toogle.on>.icon{display:none}.mg-icon-button-toogle.on>.icon.iconOn{display:inline-block}.mg-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;--font-family: Roboto, sans-serif;--subtitle1-font-size: 1rem;--subtitle1-line-height: 1.75rem;--subtitle1-font-weight: 400;--subtitle1-letter-spacing: 0.009375em;--subtitle1-text-decoration: inherit;--subtitle1-text-transform: inherit;--subtitle2-font-size: 0.875rem;--subtitle2-line-height: 1.375rem;--subtitle2-font-weight: 500;--subtitle2-letter-spacing: 0.0071428571em;--subtitle2-text-decoration: inherit;--subtitle2-text-transform: inherit;--primary: #6200ee;--primary-on-background: rgba(0, 0, 0, 0.87);--secondary-on-background: rgba(0, 0, 0, 0.54);--body2-font-size: 0.875rem;--body2-line-height: 1.25rem;--body2-font-weight: 400;--body2-letter-spacing: 0.0178571429em;--body2-text-decoration: inherit;--body2-text-transform: inherit;--icon-on-background: rgba(0, 0, 0, 0.38);--hint-on-background: rgba(0, 0, 0, 0.38);--on-surface: #000;--caption-font-size: 0.75rem;--caption-line-height: 1.25rem;--caption-font-weight: 400;--caption-letter-spacing: 0.0333333333em;--caption-text-decoration: inherit;--caption-text-transform: inherit;font-family:Roboto,sans-serif;font-family:var(--font-family, Roboto, sans-serif);font-size:1rem;font-size:var(--subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--subtitle1-font-weight, 400);letter-spacing:.009375em;letter-spacing:var(--subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none;color:rgba(0,0,0,.87);color:var(--primary-on-background, rgba(0, 0, 0, 0.87))}.mg-list>a.mg-list-item{color:inherit;text-decoration:none}.mg-list>.mg-list-item{height:48px;display:flex;position:relative;align-items:center;justify-content:flex-start;padding:0 16px;overflow:hidden}.mg-list>.mg-list-item>label{cursor:inherit}.mg-list>.mg-list-item>.text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mg-list>.mg-list-item>.text[for]{pointer-events:none}.mg-list>.mg-list-item>.text>.primary-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mg-list>.mg-list-item>.text>.primary-text::before{display:inline-block;width:0;height:32px;content:"";vertical-align:0}.mg-list>.mg-list-item>.text>.primary-text::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mg-list>.mg-list-item>.text>.secondary-text{color:rgba(0,0,0,.54);color:var(--secondary-on-background, rgba(0, 0, 0, 0.54));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--font-family, Roboto, sans-serif);font-size:.875rem;font-size:var(--body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--body2-line-height, 1.25rem);font-weight:400;font-weight:var(--body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--body2-text-transform, inherit);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal}.mg-list>.mg-list-item>.text>.secondary-text::before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mg-list>.mg-list-item>.left{background-color:transparent;color:rgba(0,0,0,.38);color:var(--icon-on-background, rgba(0, 0, 0, 0.38));margin-left:0;margin-right:32px;width:24px;height:24px;flex-shrink:0;align-items:center;justify-content:center;fill:currentColor;display:inline-flex}.mg-list>.mg-list-item>.right{color:rgba(0,0,0,.38);color:var(--hint-on-background, rgba(0, 0, 0, 0.38));margin-left:auto;margin-right:0}.mg-list>.mg-list-item>.right:not(.material-icons){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--font-family, Roboto, sans-serif);font-size:.75rem;font-size:var(--caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--caption-line-height, 1.25rem);font-weight:400;font-weight:var(--caption-font-weight, 400);letter-spacing:.0333333333em;letter-spacing:var(--caption-letter-spacing, 0.0333333333em);text-decoration:inherit;text-decoration:var(--caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--caption-text-transform, inherit)}.mg-list>.mg-list-item>svg.right{width:24px;height:24px;fill:currentColor}.mg-list>.mg-list-item.disabled>.text{opacity:.38}.mg-list>.mg-list-item.disabled>.text,.mg-list>.mg-list-item.disabled>.primary-text,.mg-list>.mg-list-item.disabled>.secondary-text{color:#000;color:var(--on-surface, #000)}.mg-list>.mg-list-item:focus{outline:none}.mg-list>.mg-list-item.selected,.mg-list>.mg-list-item.activated{color:#6200ee;color:var(--primary, #6200ee)}.mg-list>.mg-list-item.selected>.left,.mg-list>.mg-list-item.activated>.left{color:#6200ee;color:var(--primary, #6200ee)}.mg-list>.mg-list-item[dir=rtl]>.left{margin-left:32px;margin-right:0}.mg-list>.mg-list-item[dir=rtl]>.right{margin-left:0;margin-right:auto}.mg-list:focus{outline:none}.mg-list[dir=rtl]>.mg-list-item>.right{margin-left:0;margin-right:auto}.mg-list[dir=rtl]>.mg-list-item>.left{margin-left:32px;margin-right:0}.mg-list.avatar-list>.mg-list-item{height:56px}.mg-list.avatar-list>.mg-list-item>.left{margin-left:0;margin-right:16px;width:40px;height:40px;border-radius:50%}.mg-list.avatar-list>.mg-list-item[dir=rtl]>.left{margin-left:16px;margin-right:0}.mg-list.two-line>.mg-list-item{height:72px}.mg-list.two-line>.mg-list-item>.text{align-self:flex-start}.mg-list.dense{padding-top:4px;padding-bottom:4px;font-size:.812rem}.mg-list.dense>.mg-list-item{height:40px}.mg-list.dense>.mg-list-item>.text>.primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mg-list.dense>.mg-list-item>.text>.primary-text::before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mg-list.dense>.mg-list-item>.text>.primary-text::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mg-list.dense>.mg-list-item>.text>.secondary-text{font-size:inherit}.mg-list.dense>.mg-list-item>.left{margin-left:0;margin-right:36px;width:20px;height:20px}.mg-list.dense>.mg-list-item[dir=rtl]>.left{margin-left:36px;margin-right:0}.mg-list:not(.non-interactive)>.mg-list-item{-webkit-tap-highlight-color:rgba(0,0,0,0)}.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled){cursor:pointer}.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled)::before,.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled)::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:"";top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%;background-color:#000}.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled)::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled)::after{transition:opacity 150ms linear}.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled):hover::before{opacity:.04}.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled):focus::before{transition-duration:75ms;opacity:.12}.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled):active::after{transition-duration:75ms;opacity:.12}.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled).activated::before,.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled).activated::after{background-color:#6200ee;background-color:var(--primary, #6200ee)}.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled).activated::before{opacity:.12}.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled).activated::after{transition:opacity 150ms linear}.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled).activated:hover::before{opacity:.16}.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled).activated:focus::before{transition-duration:75ms;opacity:.24}.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled).activated:active::after{transition-duration:75ms;opacity:.24}.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled).selected::before,.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled).selected::after{background-color:#6200ee;background-color:var(--primary, #6200ee)}.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled).selected::before{opacity:.08}.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled).selected::after{transition:opacity 150ms linear}.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled).selected:hover::before{opacity:.12}.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled).selected:focus::before{transition-duration:75ms;opacity:.2}.mg-list:not(.non-interactive)>.mg-list-item:not(.disabled).selected:active::after{transition-duration:75ms;opacity:.2}.mg-list:not(.non-interactive)>.mg-list-item.disabled::before,.mg-list:not(.non-interactive)>.mg-list-item.disabled::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:"";top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%;background-color:#000}.mg-list:not(.non-interactive)>.mg-list-item.disabled::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mg-list:not(.non-interactive)>.mg-list-item.disabled:focus::before{transition-duration:75ms;opacity:.12}.mg-list.dense.two-line>.mg-list-item,.mg-list.dense.avatar-list>.mg-list-item{height:60px}.mg-list.dense.avatar-list>.mg-list-item>.left{margin-left:0;margin-right:20px;width:36px;height:36px}.mg-list.dense.avatar-list>.mg-list-item[dir=rtl]>.left{margin-left:20px;margin-right:0}.mg-list-group{--font-family: Roboto, sans-serif;--subtitle1-font-size: 1rem;--subtitle1-line-height: 1.75rem;--subtitle1-font-weight: 400;--subtitle1-letter-spacing: 0.009375em;--subtitle1-text-decoration: inherit;--subtitle1-text-transform: inherit}.mg-list-group>.subheader{color:rgba(0,0,0,.87);color:var(--primary-on-background, rgba(0, 0, 0, 0.87));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--font-family, Roboto, sans-serif);font-size:1rem;font-size:var(--subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--subtitle1-font-weight, 400);letter-spacing:.009375em;letter-spacing:var(--subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--subtitle1-text-transform, inherit);margin:calc((3rem - 1.5rem) / 2) 16px}.mg-list-group>.mg-list{padding:0}.mg-list-group[dir=rtl]>.inset{margin-left:0;margin-right:72px}.mg-list.drawer>.mg-list-item{color:rgba(0,0,0,.87);border-radius:4px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--font-family, Roboto, sans-serif);font-size:.875rem;font-size:var(--subtitle2-font-size, 0.875rem);line-height:1.375rem;line-height:var(--subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--subtitle2-font-weight, 500);letter-spacing:.0071428571em;letter-spacing:var(--subtitle2-letter-spacing, 0.0071428571em);text-decoration:inherit;text-decoration:var(--subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--subtitle2-text-transform, inherit);height:calc(48px - 2 * 4px);margin:8px 8px;padding:0 8px}.mg-list.drawer>.mg-list-item:nth-child(1){margin-top:2px}.mg-list.drawer>.mg-list-item:nth-last-child(1){margin-bottom:0}.mg-list.drawer>.mg-list-item>.left{color:rgba(0,0,0,.6)}.mg-list.drawer>.mg-list-item.activated{color:rgba(98,0,238,.87)}.mg-list.drawer>.mg-list-item.activated>.left{color:#6200ee}.mg-list-group.drawer>.subheader{color:rgba(0,0,0,.6);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--font-family, Roboto, sans-serif);font-size:.875rem;font-size:var(--body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--body2-line-height, 1.25rem);font-weight:400;font-weight:var(--body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--body2-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin:0;padding:0 16px}.mg-list-group.drawer>.subheader::before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mg-text-field-container{display:inline-block}.mg-text-field{border-radius:4px 4px 0 0;padding:0 16px;display:inline-flex;align-items:baseline;position:relative;box-sizing:border-box;overflow:hidden;will-change:opacity,transform,color}.mg-text-field>.character-counter{display:block}.mg-text-field>.input{caret-color:#6200ee;caret-color:var(--primary, #6200ee);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--font-family, Roboto, sans-serif);font-size:1rem;font-size:var(--subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--subtitle1-font-weight, 400);letter-spacing:.009375em;letter-spacing:var(--subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);width:100%;min-width:0;border:none;border-radius:0;background:none;appearance:none;padding:0}.mg-text-field>.input::-ms-clear{display:none}.mg-text-field>.input:focus{outline:none}.mg-text-field>.input:invalid{box-shadow:none}.mg-text-field>.input:-webkit-autofill{z-index:auto !important}@media all{.mg-text-field>.input::placeholder,.mg-text-field>.input:-ms-input-placeholder{transition:opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}.mg-text-field>.icon{align-self:center;cursor:pointer}.mg-text-field>.icon:not([tabindex]),.mg-text-field>.icon[tabindex="-1"]{cursor:default;pointer-events:none}.mg-text-field>.icon.leading{margin-left:16px;margin-right:8px}.mg-text-field>.icon.trailing{margin-left:12px;margin-right:12px}.mg-text-field [dir=rtl]>.icon.leading,.mg-text-field>.icon.leading[dir=rtl]{margin-left:8px;margin-right:16px}.mg-text-field [dir=rtl]>.icon.trailing,.mg-text-field>.icon.trailing[dir=rtl]{margin-left:12p