.jsoneditor .search input{height:auto;border:inherit;border:none;box-shadow:none}.jsoneditor table{border-collapse:collapse;width:auto}.jsoneditor td,.jsoneditor th{padding:0;display:table-cell;text-align:left;vertical-align:inherit;border-radius:inherit}.jsoneditor{color:#1a1a1a;border:thin solid #3883fa;box-sizing:border-box;width:100%;height:100%;position:relative;padding:0;line-height:100%}div.jsoneditor-default,div.jsoneditor-field,div.jsoneditor-readonly,div.jsoneditor-value{border:1px solid transparent;min-height:16px;min-width:32px;padding:2px;margin:1px;word-wrap:break-word;float:left}div.jsoneditor-field p,div.jsoneditor-value p{margin:0}div.jsoneditor-value{word-break:break-word}div.jsoneditor-value.jsoneditor-empty::after{content:"value"}div.jsoneditor-value.jsoneditor-string{color:#006000}div.jsoneditor-value.jsoneditor-number{color:#ee422e}div.jsoneditor-value.jsoneditor-boolean{color:#ff8c00}div.jsoneditor-value.jsoneditor-null{color:#004ed0}div.jsoneditor-value.jsoneditor-invalid{color:#000}div.jsoneditor-readonly{min-width:16px;color:grey}div.jsoneditor-empty{border-color:#d3d3d3;border-style:dashed;border-radius:2px}div.jsoneditor-field.jsoneditor-empty::after{content:"field"}div.jsoneditor td{vertical-align:top}div.jsoneditor td.jsoneditor-separator{padding:3px 0;vertical-align:top;color:grey}div.jsoneditor td.jsoneditor-tree{vertical-align:top}div.jsoneditor div.jsoneditor-anchor .picker_wrapper.popup.popup_bottom{top:28px;left:-10px}div.jsoneditor.busy pre.jsoneditor-preview{background:#f5f5f5;color:grey}div.jsoneditor.busy div.jsoneditor-busy{display:inherit}div.jsoneditor code.jsoneditor-preview{background:0 0}div.jsoneditor.jsoneditor-mode-preview pre.jsoneditor-preview{width:100%;height:100%;box-sizing:border-box;overflow:auto;padding:2px;margin:0;white-space:pre-wrap;word-break:break-all}div.jsoneditor-default{color:grey;padding-left:10px}div.jsoneditor-tree{width:100%;height:100%;position:relative;overflow:auto}div.jsoneditor-tree button.jsoneditor-button{width:24px;height:24px;padding:0;margin:0;border:none;cursor:pointer;background:transparent url('jsoneditor-icons.2b9b4872cd25494093c1.svg')}div.jsoneditor-tree button.jsoneditor-button:focus{background-color:#f5f5f5;outline:#e5e5e5 solid 1px}div.jsoneditor-tree button.jsoneditor-collapsed{background-position:0 -48px}div.jsoneditor-tree button.jsoneditor-expanded{background-position:0 -72px}div.jsoneditor-tree button.jsoneditor-contextmenu{background-position:-48px -72px}div.jsoneditor-tree button.jsoneditor-invisible{visibility:hidden;background:0 0}div.jsoneditor-tree button.jsoneditor-dragarea{background:url('jsoneditor-icons.2b9b4872cd25494093c1.svg') -72px -72px;cursor:move}div.jsoneditor-tree :focus{outline:0}div.jsoneditor-tree div.jsoneditor-show-more{display:inline-block;padding:3px 4px;margin:2px 0;background-color:#e5e5e5;border-radius:3px;color:grey;font-family:arial,sans-serif;font-size:10pt}div.jsoneditor-tree div.jsoneditor-show-more a{display:inline-block;color:grey}div.jsoneditor-tree div.jsoneditor-color{display:inline-block;width:12px;height:12px;margin:4px;border:1px solid grey;cursor:pointer}div.jsoneditor-tree div.jsoneditor-date{background:#a1a1a1;color:#fff;font-family:arial,sans-serif;border-radius:3px;display:inline-block;padding:3px;margin:0 3px}div.jsoneditor-tree table.jsoneditor-tree{border-collapse:collapse;border-spacing:0;width:100%}div.jsoneditor-tree .jsoneditor-button.jsoneditor-schema-error{width:24px;height:24px;padding:0;margin:0 4px 0 0;background:url('jsoneditor-icons.2b9b4872cd25494093c1.svg') -168px -48px}div.jsoneditor-outer{position:static;width:100%;height:100%;margin:0;padding:0;box-sizing:border-box}div.jsoneditor-outer.has-nav-bar{margin-top:-26px;padding-top:26px}div.jsoneditor-outer.has-nav-bar.has-main-menu-bar{margin-top:-61px;padding-top:61px}div.jsoneditor-outer.has-status-bar{margin-bottom:-26px;padding-bottom:26px}div.jsoneditor-outer.has-main-menu-bar{margin-top:-35px;padding-top:35px}div.jsoneditor-busy{position:absolute;top:15%;left:0;box-sizing:border-box;width:100%;text-align:center;display:none}div.jsoneditor-busy span{background-color:#ffffab;border:1px solid #fe0;border-radius:3px;padding:5px 15px;box-shadow:0 0 5px rgba(0,0,0,.4)}div.jsoneditor-field.jsoneditor-empty::after,div.jsoneditor-value.jsoneditor-empty::after{pointer-events:none;color:#d3d3d3;font-size:8pt}a.jsoneditor-value.jsoneditor-url,div.jsoneditor-value.jsoneditor-url{color:#006000;text-decoration:underline}a.jsoneditor-value.jsoneditor-url{display:inline-block;padding:2px;margin:2px}a.jsoneditor-value.jsoneditor-url:focus,a.jsoneditor-value.jsoneditor-url:hover{color:#ee422e}div.jsoneditor-field.jsoneditor-highlight,div.jsoneditor-field[contenteditable=true]:focus,div.jsoneditor-field[contenteditable=true]:hover,div.jsoneditor-value.jsoneditor-highlight,div.jsoneditor-value[contenteditable=true]:focus,div.jsoneditor-value[contenteditable=true]:hover{background-color:#ffffab;border:1px solid #fe0;border-radius:2px}div.jsoneditor-field.jsoneditor-highlight-active,div.jsoneditor-field.jsoneditor-highlight-active:focus,div.jsoneditor-field.jsoneditor-highlight-active:hover,div.jsoneditor-value.jsoneditor-highlight-active,div.jsoneditor-value.jsoneditor-highlight-active:focus,div.jsoneditor-value.jsoneditor-highlight-active:hover{background-color:#fe0;border:1px solid #ffc700;border-radius:2px}div.jsoneditor-value.jsoneditor-array,div.jsoneditor-value.jsoneditor-object{min-width:16px}div.jsoneditor-mode-form tr.jsoneditor-expandable td.jsoneditor-tree,div.jsoneditor-mode-view tr.jsoneditor-expandable td.jsoneditor-tree{cursor:pointer}div.jsoneditor-tree button.jsoneditor-contextmenu.jsoneditor-selected,div.jsoneditor-tree button.jsoneditor-contextmenu:focus,div.jsoneditor-tree button.jsoneditor-contextmenu:hover,tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu{background-position:-48px -48px}div.jsoneditor-tree div.jsoneditor-show-more a:focus,div.jsoneditor-tree div.jsoneditor-show-more a:hover{color:#ee422e}.ace-jsoneditor,textarea.jsoneditor-text{min-height:150px}textarea.jsoneditor-text{width:100%;height:100%;margin:0;box-sizing:border-box;outline-width:0;border:none;background-color:#fff;resize:none}tr.jsoneditor-highlight,tr.jsoneditor-selected{background-color:#d3d3d3}tr.jsoneditor-selected button.jsoneditor-contextmenu,tr.jsoneditor-selected button.jsoneditor-dragarea{visibility:hidden}tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu,tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea{visibility:visible}div.jsoneditor-tree button.jsoneditor-dragarea:focus,div.jsoneditor-tree button.jsoneditor-dragarea:hover,tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea{background-position:-72px -48px}div.jsoneditor td,div.jsoneditor th,div.jsoneditor tr{padding:0;margin:0}div.jsoneditor .jsoneditor-schema-error,div.jsoneditor pre.jsoneditor-preview,div.jsoneditor td,div.jsoneditor textarea,div.jsoneditor th,div.jsoneditor-field,div.jsoneditor-value{font-family:"dejavu sans mono","droid sans mono",consolas,monaco,"lucida console","courier new",courier,monospace,sans-serif;font-size:10pt;color:#1a1a1a}.jsoneditor-schema-error{cursor:default;display:inline-block;height:24px;line-height:24px;position:relative;text-align:center;width:24px}.jsoneditor-schema-error .jsoneditor-popover{background-color:#4c4c4c;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.4);color:#fff;display:none;padding:7px 10px;position:absolute;width:200px;z-index:4}.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above{bottom:32px;left:-98px}.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above:before{border-top:7px solid #4c4c4c;bottom:-7px}.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below{top:32px;left:-98px}.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below:before{border-bottom:7px solid #4c4c4c;top:-7px}.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left{top:-7px;right:32px}.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left:before{border-left:7px solid #4c4c4c;border-top:7px solid transparent;border-bottom:7px solid transparent;content:"";top:19px;right:-14px;left:inherit;margin-left:inherit;margin-top:-7px;position:absolute}.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right{top:-7px;left:32px}.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right:before{border-right:7px solid #4c4c4c;border-top:7px solid transparent;border-bottom:7px solid transparent;content:"";top:19px;left:-14px;margin-left:inherit;margin-top:-7px;position:absolute}.jsoneditor-schema-error .jsoneditor-popover:before{border-right:7px solid transparent;border-left:7px solid transparent;content:"";display:block;left:50%;margin-left:-7px;position:absolute}.jsoneditor-text-errors tr.jump-to-line:hover{text-decoration:underline;cursor:pointer}.jsoneditor-schema-error:focus .jsoneditor-popover,.jsoneditor-schema-error:hover .jsoneditor-popover{display:block;-webkit-animation:fade-in .3s linear 1,move-up .3s linear 1;animation:fade-in .3s linear 1,move-up .3s linear 1}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}.jsoneditor .jsoneditor-validation-errors-container{max-height:130px;overflow-y:auto}.jsoneditor .jsoneditor-validation-errors{width:100%;overflow:hidden}.jsoneditor .jsoneditor-additional-errors{position:absolute;margin:auto;bottom:31px;left:calc(50% - 92px);color:grey;background-color:#ebebeb;padding:7px 15px;border-radius:8px}.jsoneditor .jsoneditor-additional-errors.visible{visibility:visible;opacity:1;-webkit-transition:opacity 2s linear;transition:opacity 2s linear}.jsoneditor .jsoneditor-additional-errors.hidden{visibility:hidden;opacity:0;-webkit-transition:visibility 0s 2s,opacity 2s linear;transition:visibility 0s 2s,opacity 2s linear}.jsoneditor .jsoneditor-text-errors{width:100%;border-collapse:collapse;border-top:1px solid #ffc700}.jsoneditor .jsoneditor-text-errors td{padding:3px 6px;vertical-align:middle}.jsoneditor .jsoneditor-text-errors td pre{margin:0;white-space:normal}.jsoneditor .jsoneditor-text-errors tr{background-color:#ffffab}.jsoneditor .jsoneditor-text-errors tr.parse-error{background-color:#ee2e2e70}.jsoneditor-text-errors .jsoneditor-schema-error{border:none;width:24px;height:24px;padding:0;margin:0 4px 0 0;cursor:pointer}.jsoneditor-text-errors tr .jsoneditor-schema-error{background:url('jsoneditor-icons.2b9b4872cd25494093c1.svg') -168px -48px}.jsoneditor-text-errors tr.parse-error .jsoneditor-schema-error{background:url('jsoneditor-icons.2b9b4872cd25494093c1.svg') -25px 0}.fadein{-webkit-animation:fadein .3s;animation:fadein .3s;-moz-animation:fadein .3s;-o-animation:fadein .3s}@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}.jsoneditor-contextmenu-root{position:relative;width:0;height:0}.jsoneditor-contextmenu{position:absolute;box-sizing:content-box;z-index:99}.jsoneditor-contextmenu .jsoneditor-menu{position:relative;left:0;top:0;width:128px;height:auto;background:#fff;border:1px solid #d3d3d3;box-shadow:2px 2px 12px rgba(128,128,128,.3);list-style:none;margin:0;padding:0}.jsoneditor-contextmenu .jsoneditor-menu button{position:relative;padding:0 4px 0 0;margin:0;width:128px;height:auto;border:none;cursor:pointer;color:#4d4d4d;background:0 0;font-size:10pt;font-family:arial,sans-serif;box-sizing:border-box;text-align:left}.jsoneditor-contextmenu .jsoneditor-menu button::-moz-focus-inner{padding:0;border:0}.jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-default{width:96px}.jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-expand{float:right;width:32px;height:24px;border-left:1px solid #e5e5e5}.jsoneditor-contextmenu .jsoneditor-menu li{overflow:hidden}.jsoneditor-contextmenu .jsoneditor-menu li ul{display:none;position:relative;left:-10px;top:0;border:none;box-shadow:inset 0 0 10px rgba(128,128,128,.5);padding:0 10px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.jsoneditor-contextmenu .jsoneditor-menu li ul .jsoneditor-icon{margin-left:24px}.jsoneditor-contextmenu .jsoneditor-menu li ul li button{padding-left:24px;-webkit-animation:all ease-in-out 1s;animation:all ease-in-out 1s}.jsoneditor-contextmenu .jsoneditor-menu li button .jsoneditor-expand{position:absolute;top:0;right:0;width:24px;height:24px;padding:0;margin:0 4px 0 0;background:url('jsoneditor-icons.2b9b4872cd25494093c1.svg') 0 -72px}.jsoneditor-contextmenu .jsoneditor-icon{position:absolute;top:0;left:0;width:24px;height:24px;border:none;padding:0;margin:0;background-image:url('jsoneditor-icons.2b9b4872cd25494093c1.svg')}.jsoneditor-contextmenu .jsoneditor-text{padding:4px 0 4px 24px;word-wrap:break-word}.jsoneditor-contextmenu .jsoneditor-text.jsoneditor-right-margin{padding-right:24px}.jsoneditor-contextmenu .jsoneditor-separator{height:0;border-top:1px solid #e5e5e5;padding-top:5px;margin-top:5px}.jsoneditor-contextmenu button.jsoneditor-remove .jsoneditor-icon{background-position:-24px 0}.jsoneditor-contextmenu button.jsoneditor-append .jsoneditor-icon{background-position:0 0}.jsoneditor-contextmenu button.jsoneditor-insert .jsoneditor-icon{background-position:0 0}.jsoneditor-contextmenu button.jsoneditor-duplicate .jsoneditor-icon{background-position:-48px 0}.jsoneditor-contextmenu button.jsoneditor-sort-asc .jsoneditor-icon{background-position:-168px 0}.jsoneditor-contextmenu button.jsoneditor-sort-desc .jsoneditor-icon{background-position:-192px 0}.jsoneditor-contextmenu button.jsoneditor-transform .jsoneditor-icon{background-position:-216px 0}.jsoneditor-contextmenu button.jsoneditor-extract .jsoneditor-icon{background-position:0 -24px}.jsoneditor-contextmenu button.jsoneditor-type-string .jsoneditor-icon{background-position:-144px 0}.jsoneditor-contextmenu button.jsoneditor-type-auto .jsoneditor-icon{background-position:-120px 0}.jsoneditor-contextmenu button.jsoneditor-type-object .jsoneditor-icon{background-position:-72px 0}.jsoneditor-contextmenu button.jsoneditor-type-array .jsoneditor-icon{background-position:-96px 0}.jsoneditor-contextmenu button.jsoneditor-type-modes .jsoneditor-icon{background-image:none;width:6px}.jsoneditor-contextmenu li,.jsoneditor-contextmenu ul{box-sizing:content-box;position:relative}.jsoneditor-contextmenu .jsoneditor-menu button:focus,.jsoneditor-contextmenu .jsoneditor-menu button:hover{color:#1a1a1a;background-color:#f5f5f5;outline:0}.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected,.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:focus,.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:hover{color:#fff;background-color:#ee422e}.jsoneditor-contextmenu .jsoneditor-menu li ul li button:focus,.jsoneditor-contextmenu .jsoneditor-menu li ul li button:hover{background-color:#f5f5f5}.jsoneditor-modal{max-width:95%;border-radius:2px!important;padding:45px 15px 15px 15px!important;box-shadow:2px 2px 12px rgba(128,128,128,.3);color:#4d4d4d;line-height:1.3em}.jsoneditor-modal.jsoneditor-modal-transform{width:600px!important}.jsoneditor-modal .pico-modal-header{position:absolute;box-sizing:border-box;top:0;left:0;width:100%;padding:0 10px;height:30px;line-height:30px;font-family:arial,sans-serif;font-size:11pt;background:#3883fa;color:#fff}.jsoneditor-modal table{width:100%}.jsoneditor-modal table td{padding:3px 0}.jsoneditor-modal table td.jsoneditor-modal-input{text-align:right;padding-right:0;white-space:nowrap}.jsoneditor-modal table td.jsoneditor-modal-actions{padding-top:15px}.jsoneditor-modal table th{vertical-align:middle}.jsoneditor-modal p:first-child{margin-top:0}.jsoneditor-modal a{color:#3883fa}.jsoneditor-modal .jsoneditor-jmespath-block{margin-bottom:10px}.jsoneditor-modal .pico-close{background:0 0!important;font-size:24px!important;top:7px!important;right:7px!important;color:#fff}.jsoneditor-modal input{padding:4px}.jsoneditor-modal input[type=text]{cursor:inherit}.jsoneditor-modal input[disabled]{background:#d3d3d3;color:grey}.jsoneditor-modal .jsoneditor-select-wrapper{position:relative;display:inline-block}.jsoneditor-modal .jsoneditor-select-wrapper:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #666;position:absolute;right:8px;top:14px;pointer-events:none}.jsoneditor-modal select{padding:3px 24px 3px 10px;min-width:180px;max-width:350px;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent:0;text-overflow:"";font-size:10pt;line-height:1.5em}.jsoneditor-modal select::-ms-expand{display:none}.jsoneditor-modal .jsoneditor-button-group input{padding:4px 10px;margin:0;border-radius:0;border-left-style:none}.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-first{border-top-left-radius:3px;border-bottom-left-radius:3px;border-left-style:solid}.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-last{border-top-right-radius:3px;border-bottom-right-radius:3px}.jsoneditor-modal .jsoneditor-transform-preview{background:#f5f5f5;height:200px}.jsoneditor-modal .jsoneditor-transform-preview.jsoneditor-error{color:#ee422e}.jsoneditor-modal .jsoneditor-jmespath-wizard{line-height:1.2em;width:100%;padding:0;border-radius:3px}.jsoneditor-modal .jsoneditor-jmespath-label{font-weight:700;color:#1e90ff;margin-top:20px;margin-bottom:5px}.jsoneditor-modal .jsoneditor-jmespath-wizard-table{width:100%}.jsoneditor-modal .jsoneditor-jmespath-wizard-label{font-style:italic;margin:4px 0 2px 0}.jsoneditor-modal .jsoneditor-inline{position:relative;display:inline-block;width:100%;padding-top:2px;padding-bottom:2px}.jsoneditor-modal .jsoneditor-inline:not(:last-child){padding-right:2px}.jsoneditor-modal .jsoneditor-jmespath-filter{display:-webkit-box;display:flex;flex-wrap:wrap}.jsoneditor-modal .jsoneditor-jmespath-filter-field{width:180px}.jsoneditor-modal .jsoneditor-jmespath-filter-relation{width:100px}.jsoneditor-modal .jsoneditor-jmespath-filter-value{min-width:180px;-webkit-box-flex:1;flex:1}.jsoneditor-modal .jsoneditor-jmespath-sort-field{width:170px}.jsoneditor-modal .jsoneditor-jmespath-sort-order{width:150px}.jsoneditor-modal .jsoneditor-jmespath-select-fields{width:100%}.jsoneditor-modal .selectr-selected{border-color:#d3d3d3;padding:4px 28px 4px 8px}.jsoneditor-modal .selectr-selected .selectr-tag{background-color:#3883fa;border-radius:5px}.jsoneditor-modal table td,.jsoneditor-modal table th{text-align:left;vertical-align:top;font-weight:400;color:#4d4d4d;border-spacing:0;border-collapse:collapse}.jsoneditor-modal #query,.jsoneditor-modal input,.jsoneditor-modal select,.jsoneditor-modal textarea{background:#fff;border:1px solid #d3d3d3;color:#4d4d4d;border-radius:3px;padding:4px}.jsoneditor-modal,.jsoneditor-modal #query,.jsoneditor-modal input,.jsoneditor-modal option,.jsoneditor-modal select,.jsoneditor-modal table td,.jsoneditor-modal table th,.jsoneditor-modal textarea{font-size:10.5pt;font-family:arial,sans-serif}.jsoneditor-modal #query,.jsoneditor-modal .jsoneditor-transform-preview{font-family:"dejavu sans mono","droid sans mono",consolas,monaco,"lucida console","courier new",courier,monospace,sans-serif;font-size:10pt;width:100%;box-sizing:border-box}.jsoneditor-modal input[type=button],.jsoneditor-modal input[type=submit]{background:#f5f5f5;padding:4px 20px}.jsoneditor-modal input,.jsoneditor-modal select{cursor:pointer}.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-asc input.jsoneditor-button-asc,.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-desc input.jsoneditor-button-desc{background:#3883fa;border-color:#3883fa;color:#fff}.jsoneditor-menu{width:100%;height:35px;padding:2px;margin:0;box-sizing:border-box;color:#fff;background-color:#3883fa;border-bottom:1px solid #3883fa}.jsoneditor-menu>.jsoneditor-modes>button,.jsoneditor-menu>button{width:26px;height:26px;margin:2px;padding:0;border-radius:2px;border:1px solid transparent;background:transparent url('jsoneditor-icons.2b9b4872cd25494093c1.svg');color:#fff;opacity:.8;font-family:arial,sans-serif;font-size:10pt;float:left}.jsoneditor-menu>.jsoneditor-modes>button:hover,.jsoneditor-menu>button:hover{background-color:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4)}.jsoneditor-menu>.jsoneditor-modes>button:active,.jsoneditor-menu>.jsoneditor-modes>button:focus,.jsoneditor-menu>button:active,.jsoneditor-menu>button:focus{background-color:rgba(255,255,255,.3)}.jsoneditor-menu>.jsoneditor-modes>button:disabled,.jsoneditor-menu>button:disabled{opacity:.5;background-color:transparent;border:none}.jsoneditor-menu>button.jsoneditor-collapse-all{background-position:0 -96px}.jsoneditor-menu>button.jsoneditor-expand-all{background-position:0 -120px}.jsoneditor-menu>button.jsoneditor-sort{background-position:-120px -96px}.jsoneditor-menu>button.jsoneditor-transform{background-position:-144px -96px}.jsoneditor.jsoneditor-mode-form>.jsoneditor-menu>button.jsoneditor-sort,.jsoneditor.jsoneditor-mode-form>.jsoneditor-menu>button.jsoneditor-transform,.jsoneditor.jsoneditor-mode-view>.jsoneditor-menu>button.jsoneditor-sort,.jsoneditor.jsoneditor-mode-view>.jsoneditor-menu>button.jsoneditor-transform{display:none}.jsoneditor-menu>button.jsoneditor-undo{background-position:-24px -96px}.jsoneditor-menu>button.jsoneditor-undo:disabled{background-position:-24px -120px}.jsoneditor-menu>button.jsoneditor-redo{background-position:-48px -96px}.jsoneditor-menu>button.jsoneditor-redo:disabled{background-position:-48px -120px}.jsoneditor-menu>button.jsoneditor-compact{background-position:-72px -96px}.jsoneditor-menu>button.jsoneditor-format{background-position:-72px -120px}.jsoneditor-menu>button.jsoneditor-repair{background-position:-96px -96px}.jsoneditor-menu>.jsoneditor-modes{display:inline-block;float:left}.jsoneditor-menu>.jsoneditor-modes>button{background-image:none;width:auto;padding-left:6px;padding-right:6px}.jsoneditor-menu>.jsoneditor-modes>button.jsoneditor-separator,.jsoneditor-menu>button.jsoneditor-separator{margin-left:10px}.jsoneditor-menu a{font-family:arial,sans-serif;font-size:10pt;color:#fff;opacity:.8;vertical-align:middle}.jsoneditor-menu a:hover{opacity:1}.jsoneditor-menu a.jsoneditor-poweredBy{font-size:8pt;position:absolute;right:0;top:0;padding:10px}.jsoneditor-search{font-family:arial,sans-serif;position:absolute;right:4px;top:4px;border-collapse:collapse;border-spacing:0;display:-webkit-box;display:flex}.jsoneditor-search input{width:120px;border:none;outline:0;margin:1px;line-height:20px}.jsoneditor-search button{width:16px;height:24px;padding:0;margin:0;border:none;background:url('jsoneditor-icons.2b9b4872cd25494093c1.svg');vertical-align:top}.jsoneditor-search button:hover{background-color:transparent}.jsoneditor-search button.jsoneditor-refresh{width:18px;background-position:-99px -73px}.jsoneditor-search button.jsoneditor-next{cursor:pointer;background-position:-124px -73px}.jsoneditor-search button.jsoneditor-next:hover{background-position:-124px -49px}.jsoneditor-search button.jsoneditor-previous{cursor:pointer;background-position:-148px -73px;margin-right:2px}.jsoneditor-search button.jsoneditor-previous:hover{background-position:-148px -49px}.jsoneditor-results{font-family:arial,sans-serif;color:#fff;padding-right:5px;line-height:26px}.jsoneditor-frame{border:1px solid transparent;background-color:#fff;padding:0 2px;margin:0}.jsoneditor .autocomplete.dropdown{position:absolute;background:#fff;box-shadow:2px 2px 12px rgba(128,128,128,.3);border:1px solid #d3d3d3;z-index:100;overflow-x:hidden;overflow-y:auto;cursor:default;margin:0;padding:5px;text-align:left;outline:0;font-family:"dejavu sans mono","droid sans mono",consolas,monaco,"lucida console","courier new",courier,monospace,sans-serif;font-size:10pt}.jsoneditor .autocomplete.dropdown .item{color:#333}.jsoneditor .autocomplete.dropdown .item.hover{background-color:#ddd}.jsoneditor .autocomplete.hint{color:#aaa;top:4px;left:4px}.jsoneditor-treepath{padding:0 5px;overflow:hidden;white-space:nowrap;outline:0}.jsoneditor-treepath.show-all{word-wrap:break-word;white-space:normal;position:absolute;background-color:#ebebeb;z-index:999;box-shadow:2px 2px 12px rgba(128,128,128,.3)}.jsoneditor-treepath.show-all span.jsoneditor-treepath-show-all-btn{display:none}.jsoneditor-treepath div.jsoneditor-contextmenu-root{position:absolute;left:0}.jsoneditor-treepath .jsoneditor-treepath-show-all-btn{position:absolute;background-color:#ebebeb;left:0;height:20px;padding:0 3px;cursor:pointer}.jsoneditor-treepath .jsoneditor-treepath-element{margin:1px;font-family:arial,sans-serif;font-size:10pt}.jsoneditor-treepath .jsoneditor-treepath-seperator{margin:2px;font-size:9pt;font-family:arial,sans-serif}.jsoneditor-treepath span.jsoneditor-treepath-element:hover,.jsoneditor-treepath span.jsoneditor-treepath-seperator:hover{cursor:pointer;text-decoration:underline}.jsoneditor-statusbar{line-height:26px;height:26px;color:grey;background-color:#ebebeb;border-top:1px solid #d3d3d3;box-sizing:border-box;font-size:10pt}.jsoneditor-statusbar>.jsoneditor-curserinfo-val{margin-right:12px}.jsoneditor-statusbar>.jsoneditor-curserinfo-count{margin-left:4px}.jsoneditor-statusbar>.jsoneditor-validation-error-icon{float:right;width:24px;height:24px;padding:0;margin-top:1px;background:url('jsoneditor-icons.2b9b4872cd25494093c1.svg') -168px -48px;cursor:pointer}.jsoneditor-statusbar>.jsoneditor-validation-error-count{float:right;margin:0 4px 0 0;cursor:pointer}.jsoneditor-statusbar>.jsoneditor-parse-error-icon{float:right;width:24px;height:24px;padding:0;margin:1px;background:url('jsoneditor-icons.2b9b4872cd25494093c1.svg') -25px 0}.jsoneditor-statusbar .jsoneditor-array-info a{color:inherit}div.jsoneditor-statusbar>.jsoneditor-curserinfo-label,div.jsoneditor-statusbar>.jsoneditor-size-info{margin:0 4px}.jsoneditor-navigation-bar{width:100%;height:26px;line-height:26px;padding:0;margin:0;border-bottom:1px solid #d3d3d3;box-sizing:border-box;color:grey;background-color:#ebebeb;overflow:hidden;font-family:arial,sans-serif;font-size:10pt}/*!
 * Selectr 2.4.0
 * https://github.com/Mobius1/Selectr
 *
 * Released under the MIT license
 */.selectr-container{position:relative}.selectr-container li{list-style:none}.selectr-hidden{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0 none}.selectr-visible{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:11}.selectr-desktop.multiple .selectr-visible{display:none}.selectr-desktop.multiple.native-open .selectr-visible{top:100%;min-height:200px!important;height:auto;opacity:1;display:block}.selectr-container.multiple.selectr-mobile .selectr-selected{z-index:0}.selectr-selected{position:relative;z-index:1;box-sizing:border-box;width:100%;padding:7px 28px 7px 14px;cursor:pointer;border:1px solid #999;border-radius:3px;background-color:#fff}.selectr-selected::before{position:absolute;top:50%;right:10px;width:0;height:0;content:'';-webkit-transform:rotate(0) translate3d(0,-50%,0);transform:rotate(0) translate3d(0,-50%,0);border-width:4px 4px 0 4px;border-style:solid;border-color:#6c7a86 transparent transparent}.selectr-container.native-open .selectr-selected::before,.selectr-container.open .selectr-selected::before{border-width:0 4px 4px 4px;border-style:solid;border-color:transparent transparent #6c7a86}.selectr-label{display:none;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.selectr-placeholder{color:#6c7a86}.selectr-tags{margin:0;padding:0;white-space:normal}.has-selected .selectr-tags{margin:0 0 -2px}.selectr-tag{list-style:none;position:relative;float:left;padding:2px 25px 2px 8px;margin:0 2px 2px 0;cursor:default;color:#fff;border:medium none;border-radius:10px;background:#acb7bf none repeat scroll 0 0}.selectr-container.multiple.has-selected .selectr-selected{padding:5px 28px 5px 5px}.selectr-options-container{position:absolute;z-index:10000;top:calc(100% - 1px);left:0;display:none;box-sizing:border-box;width:100%;border-width:0 1px 1px;border-style:solid;border-color:transparent #999 #999;border-radius:0 0 3px 3px;background-color:#fff}.selectr-container.open .selectr-options-container{display:block}.selectr-input-container{position:relative;display:none}.selectr-clear,.selectr-input-clear,.selectr-tag-remove{position:absolute;top:50%;right:22px;width:20px;height:20px;padding:0;cursor:pointer;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);border:medium none;background-color:transparent;z-index:11}.selectr-clear,.selectr-input-clear{display:none}.selectr-container.has-selected .selectr-clear,.selectr-input-container.active .selectr-input-clear{display:block}.selectr-selected .selectr-tag-remove{right:2px}.selectr-clear::after,.selectr-clear::before,.selectr-input-clear::after,.selectr-input-clear::before,.selectr-tag-remove::after,.selectr-tag-remove::before{position:absolute;top:5px;left:9px;width:2px;height:10px;content:' ';background-color:#6c7a86}.selectr-tag-remove::after,.selectr-tag-remove::before{top:4px;width:3px;height:12px;background-color:#fff}.selectr-clear:before,.selectr-input-clear::before,.selectr-tag-remove::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.selectr-clear:after,.selectr-input-clear::after,.selectr-tag-remove::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.selectr-input-container.active,.selectr-input-container.active .selectr-clear{display:block}.selectr-input{top:5px;left:5px;box-sizing:border-box;width:calc(100% - 30px);margin:10px 15px;padding:7px 30px 7px 9px;border:1px solid #999;border-radius:3px}.selectr-notice{display:none;box-sizing:border-box;width:100%;padding:8px 16px;border-top:1px solid #999;border-radius:0 0 3px 3px;background-color:#fff}.selectr-container.notice .selectr-notice{display:block}.selectr-container.notice .selectr-selected{border-radius:3px 3px 0 0}.selectr-options{position:relative;top:calc(100% + 2px);display:none;overflow-x:auto;overflow-y:scroll;max-height:200px;margin:0;padding:0}.selectr-container.notice .selectr-options-container,.selectr-container.open .selectr-input-container,.selectr-container.open .selectr-options{display:block}.selectr-option{position:relative;display:block;padding:5px 20px;list-style:outside none none;cursor:pointer;font-weight:400}.selectr-options.optgroups>.selectr-option{padding-left:25px}.selectr-optgroup{font-weight:700;padding:0}.selectr-optgroup--label{font-weight:700;margin-top:10px;padding:5px 15px}.selectr-match{text-decoration:underline}.selectr-option.selected{background-color:#ddd}.selectr-option.active{color:#fff;background-color:#5897fb}.selectr-option.disabled{opacity:.4}.selectr-option.excluded{display:none}.selectr-container.open .selectr-selected{border-color:#999 #999 transparent #999;border-radius:3px 3px 0 0}.selectr-container.open .selectr-selected::after{-webkit-transform:rotate(180deg) translate3d(0,50%,0);transform:rotate(180deg) translate3d(0,50%,0)}.selectr-disabled{opacity:.6}.has-selected .selectr-placeholder,.selectr-empty{display:none}.has-selected .selectr-label{display:block}.taggable .selectr-selected{padding:4px 28px 4px 4px}.taggable .selectr-selected::after{display:table;content:" ";clear:both}.taggable .selectr-label{width:auto}.taggable .selectr-tags{float:left;display:block}.taggable .selectr-placeholder{display:none}.input-tag{float:left;min-width:90px;width:auto}.selectr-tag-input{border:medium none;padding:3px 10px;width:100%;font-family:inherit;font-weight:inherit;font-size:inherit}.selectr-input-container.loading::after{position:absolute;top:50%;right:20px;width:20px;height:20px;content:'';-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-transform-origin:50% 0 0;transform-origin:50% 0 0;-webkit-animation:.5s linear 0s normal forwards infinite running spin;animation:.5s linear 0s normal forwards infinite running spin;border-width:3px;border-style:solid;border-color:#aaa #ddd #ddd;border-radius:50%}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0) translate3d(0,-50%,0);transform:rotate(0) translate3d(0,-50%,0)}100%{-webkit-transform:rotate(360deg) translate3d(0,-50%,0);transform:rotate(360deg) translate3d(0,-50%,0)}}@keyframes spin{0%{-webkit-transform:rotate(0) translate3d(0,-50%,0);transform:rotate(0) translate3d(0,-50%,0)}100%{-webkit-transform:rotate(360deg) translate3d(0,-50%,0);transform:rotate(360deg) translate3d(0,-50%,0)}}.selectr-container.open.inverted .selectr-selected{border-color:transparent #999 #999;border-radius:0 0 3px 3px}.selectr-container.inverted .selectr-options-container{border-width:1px 1px 0;border-color:#999 #999 transparent;border-radius:3px 3px 0 0;background-color:#fff}.selectr-container.inverted .selectr-options-container{top:auto;bottom:calc(100% - 1px)}.selectr-container ::-webkit-input-placeholder{color:#6c7a86;opacity:1}.selectr-container ::-moz-placeholder{color:#6c7a86;opacity:1}.selectr-container :-ms-input-placeholder{color:#6c7a86;opacity:1}.selectr-container ::-ms-input-placeholder{color:#6c7a86;opacity:1}.selectr-container ::placeholder{color:#6c7a86;opacity:1}
@charset "UTF-8";
/**
 * Variables
 *
 * @import this file to use its features.
 *
 *============================================================================*/
/* Background colors
 *============================================================================*/
/* Foreground colors
 *============================================================================*/
/* Fonts
 *============================================================================*/
/* @media breakpoints
 *============================================================================*/
/**
 * Phone           :    0px - 600px
 * Tablet portrait :  600px - 900px
 * Tablet landscape:  900px - 1200px
 * Desktop         : 1200px - 1800px
 * Large desktop   : 1800px +
 *
 * Source:
 * medium.freecodecamp.org/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862
 */
/**
 * Fluid
 *
 * A mixin that takes a given css property and scales it fluidly.
 * Based on fluid typography. Source:
 * https://css-tricks.com/snippets/css/fluid-typography/
 *
 * Supports only pixel values.
 *
 *============================================================================*/
/* Variables
 *============================================================================*/
/**
 * 1. Given property won't scale down below this screen size.
 * 2. Given property won't scale up above this screen size.
 */
/* [1] */
/* [2] */
/* Helper function
 *============================================================================*/
/* Main mixin
 *============================================================================*/
/* Example
 *============================================================================*/
/**
 * Paragraph font size will fluently scale from 18px on large screens to 14px
 * on smaller screens:
 *
 * p {
 *   @include fluid(18px, 14px, font-size);
 * }
 */
/**
 * Theme
 *
 *============================================================================*/
/* Root CSS variables
 *============================================================================*/
:root {
  --primary: #3f51b5;
  --accent: #FD4A5C;
  --warn: #dc143c;
}
/* Angular material
 *============================================================================*/
/* Theme for the ripple elements.*/
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1, .mat-headline, .mat-typography h1 {
  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px;
}
.mat-h2, .mat-title, .mat-typography h2 {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px;
}
.mat-h3, .mat-subheading-2, .mat-typography h3 {
  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px;
}
.mat-h4, .mat-subheading-1, .mat-typography h4 {
  font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px;
}
.mat-h5, .mat-typography h5 {
  font: 400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-h6, .mat-typography h6 {
  font: 400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong, .mat-body-2 {
  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
}
.mat-body, .mat-body-1, .mat-typography {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
}
.mat-body p, .mat-body-1 p, .mat-typography p {
  margin: 0 0 12px;
}
.mat-small, .mat-caption {
  font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif;
}
.mat-display-4, .mat-typography .mat-display-4 {
  font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}
.mat-display-3, .mat-typography .mat-display-3 {
  font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}
.mat-display-2, .mat-typography .mat-display-2 {
  font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}
.mat-display-1, .mat-typography .mat-display-1 {
  font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
}
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}
.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell, .mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
}
.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  -webkit-transform: translateY(-1.34375em) scale(0.75);
          transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  -webkit-transform: translateY(-1.34374em) scale(0.75);
          transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  -webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
          transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translateY(-1.28125em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  -webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
          transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  -ms-transform: translateY(-1.28124em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  -webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
          transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  -ms-transform: translateY(-1.28123em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    -webkit-transform: translateY(-1.28122em) scale(0.75);
            transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    -webkit-transform: translateY(-1.28121em) scale(0.75);
            transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    -webkit-transform: translateY(-1.2812em) scale(0.75);
            transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  -webkit-transform: translateY(-0.59375em) scale(0.75);
          transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  -webkit-transform: translateY(-0.59374em) scale(0.75);
          transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  -webkit-transform: translateY(-1.59375em) scale(0.75);
          transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  -webkit-transform: translateY(-1.59374em) scale(0.75);
          transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}
.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: normal;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0;
}
.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
}
.mat-optgroup-label {
  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
}
.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  -webkit-transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: scale(0);
          transform: scale(0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: -webkit-box;
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: -webkit-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
@-webkit-keyframes cdk-text-field-autofill-start {
  /*!*/
}
@keyframes cdk-text-field-autofill-start {
  /*!*/
}
@-webkit-keyframes cdk-text-field-autofill-end {
  /*!*/
}
@keyframes cdk-text-field-autofill-end {
  /*!*/
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  -webkit-animation: cdk-text-field-autofill-start 0s 1ms;
          animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  -webkit-animation: cdk-text-field-autofill-end 0s 1ms;
          animation: cdk-text-field-autofill-end 0s 1ms;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  height: auto !important;
  overflow: hidden !important;
  padding: 2px 0 !important;
  box-sizing: content-box !important;
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--primary);
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--accent);
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--warn);
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: var(--primary);
}
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: var(--accent);
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: var(--warn);
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-theme-loaded-marker {
  display: none;
}
.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}
.mat-badge-content {
  color: white;
  background: var(--primary);
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
  background: var(--accent);
  color: white;
}
.mat-badge-warn .mat-badge-content {
  color: white;
  background: var(--warn);
}
.mat-badge {
  position: relative;
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}
.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: -webkit-transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  -webkit-transition: none;
  transition: none;
}
.mat-badge-content.mat-badge-active {
  -webkit-transform: none;
          transform: none;
}
.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: var(--primary);
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: var(--accent);
}
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: var(--warn);
}
.mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: var(--primary);
}
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: var(--accent);
}
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: var(--warn);
}
.mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: black;
}
.mat-stroked-button:not([disabled]) {
  border-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: white;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: white;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: white;
}
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: var(--primary);
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: var(--accent);
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: var(--warn);
}
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-raised-button[disabled]:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not([disabled]):active:not([class*=mat-elevation-z]), .mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-fab[disabled]:not([class*=mat-elevation-z]), .mat-mini-fab[disabled]:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone,
.mat-button-toggle-group {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  box-shadow: none;
}
.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: white;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: var(--primary);
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: var(--accent);
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: var(--warn);
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox .mat-ripple-element {
  background-color: black;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: var(--primary);
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: var(--accent);
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: var(--warn);
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: black;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: var(--primary);
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: var(--warn);
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: var(--accent);
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-table {
  background: white;
}
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}
.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-table-header {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.18);
}
.mat-calendar-body-selected {
  background-color: var(--primary);
  color: white;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: var(--accent);
  color: white;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: var(--warn);
  color: white;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content-touch {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-datepicker-toggle-active {
  color: var(--primary);
}
.mat-datepicker-toggle-active.mat-accent {
  color: var(--accent);
}
.mat-datepicker-toggle-active.mat-warn {
  color: var(--warn);
}
.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}
.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}
.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: var(--primary);
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: var(--accent);
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: var(--warn);
}
.mat-focused .mat-form-field-required-marker {
  color: var(--accent);
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: var(--primary);
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: var(--accent);
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: var(--warn);
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: var(--primary);
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: var(--accent);
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: var(--warn);
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--warn);
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: var(--warn);
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: var(--warn);
}
.mat-error {
  color: var(--warn);
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.42)), color-stop(33%, rgba(0, 0, 0, 0.42)), color-stop(0%, transparent));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.42)), color-stop(33%, rgba(0, 0, 0, 0.42)), color-stop(0%, transparent));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: var(--primary);
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: var(--accent);
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: var(--warn);
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: var(--warn);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}
.mat-icon.mat-primary {
  color: var(--primary);
}
.mat-icon.mat-accent {
  color: var(--accent);
}
.mat-icon.mat-warn {
  color: var(--warn);
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
  caret-color: var(--primary);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-accent .mat-input-element {
  caret-color: var(--accent);
}
.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: var(--warn);
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: var(--warn);
}
.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-item-disabled {
  background-color: #eeeeee;
}
.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}
.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}
.mat-menu-panel {
  background: white;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled], .mat-menu-item[disabled]::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-item-submenu-trigger::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-paginator {
  background: white;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-progress-bar-background {
  fill: var(--primary);
}
.mat-progress-bar-buffer {
  background-color: var(--primary);
}
.mat-progress-bar-fill::after {
  background-color: var(--primary);
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: var(--accent);
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: var(--accent);
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: var(--accent);
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: var(--warn);
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: var(--warn);
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: var(--warn);
}
.mat-progress-spinner circle, .mat-spinner circle {
  stroke: var(--primary);
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: var(--accent);
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: var(--warn);
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--primary);
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: var(--primary);
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--accent);
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: var(--accent);
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--warn);
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: var(--warn);
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: black;
}
.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: white;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: var(--primary);
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: var(--accent);
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: var(--warn);
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: var(--warn);
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}
.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer.mat-drawer-push {
  background-color: white;
}
.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--accent);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: var(--accent);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: var(--accent);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--primary);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: var(--primary);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: var(--primary);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--warn);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: var(--warn);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: var(--warn);
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}
.mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
  background-color: var(--primary);
}
.mat-primary .mat-slider-thumb-label-text {
  color: white;
}
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
  background-color: var(--accent);
}
.mat-accent .mat-slider-thumb-label-text {
  color: white;
}
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
  background-color: var(--warn);
}
.mat-warn .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider-focus-ring {
  background-color: var(--accent);
  opacity: 0.2;
}
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: white;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: var(--primary);
  color: white;
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: var(--warn);
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: var(--warn);
}
.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}
.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-sort-header-arrow {
  color: #757575;
}
.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}
.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-tab-group[class*=mat-background-] .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: var(--primary);
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: var(--primary);
}
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: var(--accent);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: var(--accent);
}
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: var(--warn);
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: var(--warn);
}
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: var(--primary);
}
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-group.mat-background-primary .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination {
  background-color: var(--primary);
}
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: var(--accent);
}
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination {
  background-color: var(--accent);
}
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: white;
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: var(--warn);
}
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-group.mat-background-warn .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination {
  background-color: var(--warn);
}
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: white;
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.mat-toolbar {
  background: whitesmoke;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  background: var(--primary);
  color: white;
}
.mat-toolbar.mat-accent {
  background: var(--accent);
  color: white;
}
.mat-toolbar.mat-warn {
  background: var(--warn);
  color: white;
}
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.mat-tree {
  background: white;
}
.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}
.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-simple-snackbar-action {
  color: var(--accent);
}
/**
 * Resets
 *
 * Style resets in order to synchronize different browser default styles.
 *
 *============================================================================*/
/* Basic page behaviour resets
 *============================================================================*/
/**
 * 1. Best practice box-sizing. Source:
 *    css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * 2. Force long words to break into new lines if they don't fit a container.
 */
*,
*:before,
*:after {
  box-sizing: inherit;
  /* [1] */
}
html {
  box-sizing: border-box;
  /* [1] */
  word-wrap: break-word;
  /* [2] */
  overflow-wrap: break-word;
  /* [2] */
}
body {
  overflow-x: hidden;
}
/* Margin resets
 *============================================================================*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
figure,
hr,
fieldset,
legend {
  margin: 0;
}
li > ol,
ul {
  margin-bottom: 0;
}
/* Table
 *============================================================================*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Semantic markup
 *============================================================================*/
b,
strong {
  font-weight: 700;
}
i,
em {
  font-style: italic;
}
u {
  text-decoration: underline;
}
/* Unset hyperlink style
 *============================================================================*/
a {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}
/* Images
 *============================================================================*/
/**
 * 1. Images will retain their aspect ratio on screen resizing. They
      will never scale up to be larger than their original size.
 * 2. Remove whitespace under images.
 */
img {
  max-width: 100%;
  /* [1] */
  height: auto;
  /* [1] */
  vertical-align: middle;
  /* [2] */
}
/* Default font size for mat-form-field
 *============================================================================*/
.mat-form-field {
  font-size: 14px;
}
/* mat-button vertical align correction
 *============================================================================*/
.mat-button,
.mat-flat-button,
.mat-icon-button {
  vertical-align: middle !important;
}
/* Lets mat-card-image be full width of its container
 *============================================================================*/
.mat-card-image {
  max-width: unset;
}
/* Increases default min-height of mat-dialog-actions
 *============================================================================*/
.mat-dialog-actions.mat-dialog-actions {
  min-height: 64px;
}
/* Increases default height of mat-toolbar
 *============================================================================*/
.mat-toolbar-row, .mat-toolbar-single-row {
  height: 80px !important;
}
/* Fixes position of span as mat-prefix
 *============================================================================*/
span[matprefix] {
  position: relative;
  top: -0.25em;
}
/* Hardcoded checked color for mat-slide-toggle-bar because of variables
 *============================================================================*/
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.24);
}
/**
 * Variables
 *
 * @import this file to use its features.
 *
 *============================================================================*/
/* Background colors
 *============================================================================*/
/* Foreground colors
 *============================================================================*/
/* Fonts
 *============================================================================*/
/* @media breakpoints
 *============================================================================*/
/**
 * Phone           :    0px - 600px
 * Tablet portrait :  600px - 900px
 * Tablet landscape:  900px - 1200px
 * Desktop         : 1200px - 1800px
 * Large desktop   : 1800px +
 *
 * Source:
 * medium.freecodecamp.org/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862
 */
/**
 * Generic
 *
 * Style for generic HTML elements with low-spec.
 *
 *============================================================================*/
/* HTML
 *============================================================================*/
html {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  line-height: 1.375;
  color: rgba(0, 0, 0, 0.87);
}
body {
  background: #fafafa;
}
/* Headings
 *============================================================================*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
}
h1 {
  font-size: 40px;
  line-height: 1.05;
}
h2 {
  font-size: 36px;
  line-height: 1.1;
}
h3 {
  font-size: 32px;
  line-height: 1.15;
}
h4 {
  font-size: 28px;
  line-height: 1.2;
}
h5 {
  font-size: 24px;
  line-height: 1.25;
}
h6 {
  font-size: 20px;
  line-height: 1.3;
}
/* Link
 *============================================================================*/
.link {
  cursor: pointer;
}
.link:hover {
  text-decoration: underline;
}
/**
 * Variables
 *
 * @import this file to use its features.
 *
 *============================================================================*/
/* Background colors
 *============================================================================*/
/* Foreground colors
 *============================================================================*/
/* Fonts
 *============================================================================*/
/* @media breakpoints
 *============================================================================*/
/**
 * Phone           :    0px - 600px
 * Tablet portrait :  600px - 900px
 * Tablet landscape:  900px - 1200px
 * Desktop         : 1200px - 1800px
 * Large desktop   : 1800px +
 *
 * Source:
 * medium.freecodecamp.org/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862
 */
/**
 * Grid
 *
 * A 12-column grid based on flex.
 *
 *============================================================================*/
/* Variables
 *============================================================================*/
/**
 * 1. Maximum grid width. Bellow this size it will be full screen width.
 * 2. Space between cells.
 */
/* [1] */
/* [2] */
/* Grid
 *============================================================================*/
/**
 * 1. Cells that don't fit into a row will wrap into a new row.
 * 2. Cells in a row are centered. To overwrite this, use one of the
 *    'justify-content' helpers from '05-utilities/utilities' e.g.
 *    <div class="grid jc-start">…<div>
 */
.grid {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  /* [1] */
  -webkit-box-pack: center;
          justify-content: center;
  /* [2] */
  max-width: 1344px;
  width: 100%;
  margin: 0 auto;
}
.grid > [class*=col] {
  padding: 16px;
}
/* Grid modifiers
 *============================================================================*/
.grid.grid-full {
  max-width: 100%;
}
.grid.grid-no-gutter > [class*=col] {
  padding: 0;
}
/* Columns
 *============================================================================*/
.col-0 {
  display: none;
}
.col-1 {
  display: block;
  width: 8.3333333333%;
  flex-basis: 8.3333333333%;
}
.col-2 {
  display: block;
  width: 16.6666666667%;
  flex-basis: 16.6666666667%;
}
.col-3 {
  display: block;
  width: 25%;
  flex-basis: 25%;
}
.col-4 {
  display: block;
  width: 33.3333333333%;
  flex-basis: 33.3333333333%;
}
.col-5 {
  display: block;
  width: 41.6666666667%;
  flex-basis: 41.6666666667%;
}
.col-6 {
  display: block;
  width: 50%;
  flex-basis: 50%;
}
.col-7 {
  display: block;
  width: 58.3333333333%;
  flex-basis: 58.3333333333%;
}
.col-8 {
  display: block;
  width: 66.6666666667%;
  flex-basis: 66.6666666667%;
}
.col-9 {
  display: block;
  width: 75%;
  flex-basis: 75%;
}
.col-10 {
  display: block;
  width: 83.3333333333%;
  flex-basis: 83.3333333333%;
}
.col-11 {
  display: block;
  width: 91.6666666667%;
  flex-basis: 91.6666666667%;
}
.col-12 {
  display: block;
  width: 100%;
  flex-basis: 100%;
}
@media (max-width: 1800px) {
  .col-l-0 {
    display: none;
  }

  .col-l-1 {
    display: block;
    width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }

  .col-l-2 {
    display: block;
    width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }

  .col-l-3 {
    display: block;
    width: 25%;
    flex-basis: 25%;
  }

  .col-l-4 {
    display: block;
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }

  .col-l-5 {
    display: block;
    width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }

  .col-l-6 {
    display: block;
    width: 50%;
    flex-basis: 50%;
  }

  .col-l-7 {
    display: block;
    width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }

  .col-l-8 {
    display: block;
    width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }

  .col-l-9 {
    display: block;
    width: 75%;
    flex-basis: 75%;
  }

  .col-l-10 {
    display: block;
    width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }

  .col-l-11 {
    display: block;
    width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }

  .col-l-12 {
    display: block;
    width: 100%;
    flex-basis: 100%;
  }
}
@media (max-width: 1200px) {
  .col-m-0 {
    display: none;
  }

  .col-m-1 {
    display: block;
    width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }

  .col-m-2 {
    display: block;
    width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }

  .col-m-3 {
    display: block;
    width: 25%;
    flex-basis: 25%;
  }

  .col-m-4 {
    display: block;
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }

  .col-m-5 {
    display: block;
    width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }

  .col-m-6 {
    display: block;
    width: 50%;
    flex-basis: 50%;
  }

  .col-m-7 {
    display: block;
    width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }

  .col-m-8 {
    display: block;
    width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }

  .col-m-9 {
    display: block;
    width: 75%;
    flex-basis: 75%;
  }

  .col-m-10 {
    display: block;
    width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }

  .col-m-11 {
    display: block;
    width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }

  .col-m-12 {
    display: block;
    width: 100%;
    flex-basis: 100%;
  }
}
@media (max-width: 900px) {
  .col-s-0 {
    display: none;
  }

  .col-s-1 {
    display: block;
    width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }

  .col-s-2 {
    display: block;
    width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }

  .col-s-3 {
    display: block;
    width: 25%;
    flex-basis: 25%;
  }

  .col-s-4 {
    display: block;
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }

  .col-s-5 {
    display: block;
    width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }

  .col-s-6 {
    display: block;
    width: 50%;
    flex-basis: 50%;
  }

  .col-s-7 {
    display: block;
    width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }

  .col-s-8 {
    display: block;
    width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }

  .col-s-9 {
    display: block;
    width: 75%;
    flex-basis: 75%;
  }

  .col-s-10 {
    display: block;
    width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }

  .col-s-11 {
    display: block;
    width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }

  .col-s-12 {
    display: block;
    width: 100%;
    flex-basis: 100%;
  }
}
@media (max-width: 600px) {
  .col-xs-0 {
    display: none;
  }

  .col-xs-1 {
    display: block;
    width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }

  .col-xs-2 {
    display: block;
    width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }

  .col-xs-3 {
    display: block;
    width: 25%;
    flex-basis: 25%;
  }

  .col-xs-4 {
    display: block;
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }

  .col-xs-5 {
    display: block;
    width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }

  .col-xs-6 {
    display: block;
    width: 50%;
    flex-basis: 50%;
  }

  .col-xs-7 {
    display: block;
    width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }

  .col-xs-8 {
    display: block;
    width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }

  .col-xs-9 {
    display: block;
    width: 75%;
    flex-basis: 75%;
  }

  .col-xs-10 {
    display: block;
    width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }

  .col-xs-11 {
    display: block;
    width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }

  .col-xs-12 {
    display: block;
    width: 100%;
    flex-basis: 100%;
  }
}
/* Example
 *============================================================================*/
/**
 * A grid with with three cells where each cell takes up 4 column spaces. The
 * cells expand to take up 12 column spaces on smaller screens.
 *
 * <div class="grid">
 *   <div class="col-4 col-s-12">…</div>
 *   <div class="col-4 col-s-12">…</div>
 *   <div class="col-4 col-s-12">…</div>
 * <div>
 */
/**
 * Variables
 *
 * @import this file to use its features.
 *
 *============================================================================*/
/* Background colors
 *============================================================================*/
/* Foreground colors
 *============================================================================*/
/* Fonts
 *============================================================================*/
/* @media breakpoints
 *============================================================================*/
/**
 * Phone           :    0px - 600px
 * Tablet portrait :  600px - 900px
 * Tablet landscape:  900px - 1200px
 * Desktop         : 1200px - 1800px
 * Large desktop   : 1800px +
 *
 * Source:
 * medium.freecodecamp.org/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862
 */
/**
 * Toolbar
 *
 * A simple toolbar component.
 *
 *============================================================================*/
/* Basic toolbar
 *============================================================================*/
.toolbar {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 16px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
/* Inset toolbar (used in mat-card)
 *============================================================================*/
.toolbar.toolbar-inset {
  padding: 16px 40px;
  margin-left: -16px;
  margin-right: -16px;
}
/**
 * Loading
 *
 * Style for buttons that have "loading" class.
 *
 *============================================================================*/
/* Loading
 *============================================================================*/
button.loading,
a.loading {
  position: relative;
  color: transparent !important;
  background: transparent !important;
  pointer-events: none !important;
}
button.loading:after,
a.loading:after {
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 3px solid #eee;
  border-top-color: var(--primary);
  -webkit-animation: loading 0.6s infinite cubic-bezier(0.5, 0.25, 0.5, 0.75);
          animation: loading 0.6s infinite cubic-bezier(0.5, 0.25, 0.5, 0.75);
}
@-webkit-keyframes loading {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loading {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/**
 * Variables
 *
 * @import this file to use its features.
 *
 *============================================================================*/
/* Background colors
 *============================================================================*/
/* Foreground colors
 *============================================================================*/
/* Fonts
 *============================================================================*/
/* @media breakpoints
 *============================================================================*/
/**
 * Phone           :    0px - 600px
 * Tablet portrait :  600px - 900px
 * Tablet landscape:  900px - 1200px
 * Desktop         : 1200px - 1800px
 * Large desktop   : 1800px +
 *
 * Source:
 * medium.freecodecamp.org/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862
 */
/**
 * Snack bar
 *
 * Custom style for mat-snack-bar
 *
 *============================================================================*/
/* Regular state style
 *============================================================================*/
.mat-snack-bar-container {
  background: var(--primary);
  color: white;
}
.mat-snack-bar-container .mat-simple-snackbar-action {
  color: white;
}
/* Error state style
 *============================================================================*/
.mat-snack-bar-container.snack-bar-error {
  background: var(--warn);
  color: white;
}
.mat-snack-bar-container.snack-bar-error .mat-simple-snackbar-action {
  color: white;
}
/**
 * Variables
 *
 * @import this file to use its features.
 *
 *============================================================================*/
/* Background colors
 *============================================================================*/
/* Foreground colors
 *============================================================================*/
/* Fonts
 *============================================================================*/
/* @media breakpoints
 *============================================================================*/
/**
 * Phone           :    0px - 600px
 * Tablet portrait :  600px - 900px
 * Tablet landscape:  900px - 1200px
 * Desktop         : 1200px - 1800px
 * Large desktop   : 1800px +
 *
 * Source:
 * medium.freecodecamp.org/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862
 */
/**
 * Utilities
 *
 * Utility classes that make life simple.
 *
 *============================================================================*/
/* Flex
 *============================================================================*/
.flex {
  display: -webkit-box;
  display: flex;
}
.iflex {
  display: -webkit-inline-box;
  display: inline-flex;
}
.fw-wrap {
  flex-wrap: wrap;
}
.fw-nowrap {
  flex-wrap: nowrap;
}
.fd-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}
.fd-row-rev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse;
}
.fd-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.fd-col-rev {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
          flex-direction: column-reverse;
}
.ai-stretch {
  -webkit-box-align: stretch;
          align-items: stretch;
}
.ai-start {
  -webkit-box-align: start;
          align-items: flex-start;
}
.ai-end {
  -webkit-box-align: end;
          align-items: flex-end;
}
.ai-center {
  -webkit-box-align: center;
          align-items: center;
}
.ai-base {
  -webkit-box-align: baseline;
          align-items: baseline;
}
.jc-start {
  -webkit-box-pack: start;
          justify-content: flex-start;
}
.jc-end {
  -webkit-box-pack: end;
          justify-content: flex-end;
}
.jc-center {
  -webkit-box-pack: center;
          justify-content: center;
}
.jc-around {
  justify-content: space-around;
}
.jc-between {
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.jc-evenly {
  -webkit-box-pack: space-evenly;
          justify-content: space-evenly;
}
.f1 {
  -webkit-box-flex: 1;
          flex: 1;
}
/* Displays
 *============================================================================*/
.block {
  display: block;
}
.iblock {
  display: inline-block;
}
/* Background colors
 *============================================================================*/
.bg-primary {
  background-color: var(--primary);
}
.bg-accent {
  background-color: var(--accent);
}
.bg-warm {
  background-color: var(--warn);
}
.bg-l-primary {
  background-color: #fafafa;
}
.bg-l-secondary {
  background-color: #f0f2f5;
}
.bg-d-primary {
  background-color: #37474f;
}
.bg-d-secondary {
  background-color: #102027;
}
/* Colors
 *============================================================================*/
.c-primary {
  color: var(--primary);
}
.c-accent {
  color: var(--accent);
}
.c-warm {
  color: var(--warn);
}
.c-l-primary {
  color: white;
}
.c-l-secondary {
  color: rgba(255, 255, 255, 0.7);
}
.c-l-tertiary {
  color: rgba(255, 255, 255, 0.5);
}
.c-l-quaternary {
  color: rgba(255, 255, 255, 0.12);
}
.c-d-primary {
  color: rgba(0, 0, 0, 0.87);
}
.c-d-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.c-d-tertiary {
  color: rgba(0, 0, 0, 0.42);
}
.c-d-quaternary {
  color: rgba(0, 0, 0, 0.12);
}
/* Text controls
 *============================================================================*/
.ta-left {
  text-align: left;
}
.ta-center {
  text-align: center;
}
.ta-right {
  text-align: right;
}
.ta-justify {
  text-align: justify;
}
.ws-nowrap {
  white-space: nowrap;
}
.ws-normal {
  white-space: normal;
}
.fw-reg {
  font-weight: 400;
}
.fw-med {
  font-weight: 500;
}
.fw-bold {
  font-weight: 700;
}
.fs-small {
  font-size: 0.75em;
}
.fs-large {
  font-size: 1.2em;
}
/* Overflow
 *============================================================================*/
.of-x-auto {
  overflow-x: auto;
}
.of-y-auto {
  overflow-y: auto;
}
/* Cursor
 *============================================================================*/
.cs-pointer {
  cursor: pointer;
}
/* Object controls
 *============================================================================*/
.obj-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.obj-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
/* Positions
 *============================================================================*/
.relative {
  position: relative;
}
/* Width & height
 *============================================================================*/
.w-full {
  width: 100%;
}
.w-auto {
  width: auto;
}
.h-full {
  height: 100%;
}
.h-auto {
  height: auto;
}
/* Hide & show
 *============================================================================*/
@media (max-width: 600px) {
  .hide-xs {
    display: none;
  }
}
@media (max-width: 900px) {
  .hide-s {
    display: none;
  }
}
@media (max-width: 1200px) {
  .hide-m {
    display: none;
  }
}
@media (max-width: 1800px) {
  .hide-l {
    display: none;
  }
}
@media (min-width: 601px) {
  .show-xs {
    display: none;
  }
}
@media (min-width: 901px) {
  .show-s {
    display: none;
  }
}
@media (min-width: 1201px) {
  .show-m {
    display: none;
  }
}
@media (min-width: 1801px) {
  .show-m {
    display: none;
  }
}
/* Paddings
 *============================================================================*/
.p-a-0 {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.p-a-xxs {
  padding: 4px;
}
@media (min-width: 600px) {
  .p-a-xxs {
    padding: calc( 4px + 4 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-a-xxs {
    padding: 8px;
  }
}
.p-a-xs {
  padding: 5px;
}
@media (min-width: 600px) {
  .p-a-xs {
    padding: calc( 5px + 5 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-a-xs {
    padding: 10px;
  }
}
.p-a-s {
  padding: 10px;
}
@media (min-width: 600px) {
  .p-a-s {
    padding: calc( 10px + 10 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-a-s {
    padding: 20px;
  }
}
.p-a-m {
  padding: 20px;
}
@media (min-width: 600px) {
  .p-a-m {
    padding: calc( 20px + 20 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-a-m {
    padding: 40px;
  }
}
.p-a-l {
  padding: 40px;
}
@media (min-width: 600px) {
  .p-a-l {
    padding: calc( 40px + 40 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-a-l {
    padding: 80px;
  }
}
.p-a-xl {
  padding: 80px;
}
@media (min-width: 600px) {
  .p-a-xl {
    padding: calc( 80px + 80 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-a-xl {
    padding: 160px;
  }
}
.p-a-xxl {
  padding: 160px;
}
@media (min-width: 600px) {
  .p-a-xxl {
    padding: calc( 160px + 160 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-a-xxl {
    padding: 320px;
  }
}
.p-x-xxs {
  padding-left: 4px;
}
@media (min-width: 600px) {
  .p-x-xxs {
    padding-left: calc( 4px + 4 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-x-xxs {
    padding-left: 8px;
  }
}
.p-x-xxs {
  padding-right: 4px;
}
@media (min-width: 600px) {
  .p-x-xxs {
    padding-right: calc( 4px + 4 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-x-xxs {
    padding-right: 8px;
  }
}
.p-x-xs {
  padding-left: 5px;
}
@media (min-width: 600px) {
  .p-x-xs {
    padding-left: calc( 5px + 5 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-x-xs {
    padding-left: 10px;
  }
}
.p-x-xs {
  padding-right: 5px;
}
@media (min-width: 600px) {
  .p-x-xs {
    padding-right: calc( 5px + 5 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-x-xs {
    padding-right: 10px;
  }
}
.p-x-s {
  padding-left: 10px;
}
@media (min-width: 600px) {
  .p-x-s {
    padding-left: calc( 10px + 10 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-x-s {
    padding-left: 20px;
  }
}
.p-x-s {
  padding-right: 10px;
}
@media (min-width: 600px) {
  .p-x-s {
    padding-right: calc( 10px + 10 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-x-s {
    padding-right: 20px;
  }
}
.p-x-m {
  padding-left: 20px;
}
@media (min-width: 600px) {
  .p-x-m {
    padding-left: calc( 20px + 20 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-x-m {
    padding-left: 40px;
  }
}
.p-x-m {
  padding-right: 20px;
}
@media (min-width: 600px) {
  .p-x-m {
    padding-right: calc( 20px + 20 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-x-m {
    padding-right: 40px;
  }
}
.p-x-l {
  padding-left: 40px;
}
@media (min-width: 600px) {
  .p-x-l {
    padding-left: calc( 40px + 40 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-x-l {
    padding-left: 80px;
  }
}
.p-x-l {
  padding-right: 40px;
}
@media (min-width: 600px) {
  .p-x-l {
    padding-right: calc( 40px + 40 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-x-l {
    padding-right: 80px;
  }
}
.p-x-xl {
  padding-left: 80px;
}
@media (min-width: 600px) {
  .p-x-xl {
    padding-left: calc( 80px + 80 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-x-xl {
    padding-left: 160px;
  }
}
.p-x-xl {
  padding-right: 80px;
}
@media (min-width: 600px) {
  .p-x-xl {
    padding-right: calc( 80px + 80 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-x-xl {
    padding-right: 160px;
  }
}
.p-x-xxl {
  padding-left: 160px;
}
@media (min-width: 600px) {
  .p-x-xxl {
    padding-left: calc( 160px + 160 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-x-xxl {
    padding-left: 320px;
  }
}
.p-x-xxl {
  padding-right: 160px;
}
@media (min-width: 600px) {
  .p-x-xxl {
    padding-right: calc( 160px + 160 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-x-xxl {
    padding-right: 320px;
  }
}
.p-y-xxs {
  padding-top: 4px;
}
@media (min-width: 600px) {
  .p-y-xxs {
    padding-top: calc( 4px + 4 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-y-xxs {
    padding-top: 8px;
  }
}
.p-y-xxs {
  padding-bottom: 4px;
}
@media (min-width: 600px) {
  .p-y-xxs {
    padding-bottom: calc( 4px + 4 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-y-xxs {
    padding-bottom: 8px;
  }
}
.p-y-xs {
  padding-top: 5px;
}
@media (min-width: 600px) {
  .p-y-xs {
    padding-top: calc( 5px + 5 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-y-xs {
    padding-top: 10px;
  }
}
.p-y-xs {
  padding-bottom: 5px;
}
@media (min-width: 600px) {
  .p-y-xs {
    padding-bottom: calc( 5px + 5 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-y-xs {
    padding-bottom: 10px;
  }
}
.p-y-s {
  padding-top: 10px;
}
@media (min-width: 600px) {
  .p-y-s {
    padding-top: calc( 10px + 10 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-y-s {
    padding-top: 20px;
  }
}
.p-y-s {
  padding-bottom: 10px;
}
@media (min-width: 600px) {
  .p-y-s {
    padding-bottom: calc( 10px + 10 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-y-s {
    padding-bottom: 20px;
  }
}
.p-y-m {
  padding-top: 20px;
}
@media (min-width: 600px) {
  .p-y-m {
    padding-top: calc( 20px + 20 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-y-m {
    padding-top: 40px;
  }
}
.p-y-m {
  padding-bottom: 20px;
}
@media (min-width: 600px) {
  .p-y-m {
    padding-bottom: calc( 20px + 20 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-y-m {
    padding-bottom: 40px;
  }
}
.p-y-l {
  padding-top: 40px;
}
@media (min-width: 600px) {
  .p-y-l {
    padding-top: calc( 40px + 40 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-y-l {
    padding-top: 80px;
  }
}
.p-y-l {
  padding-bottom: 40px;
}
@media (min-width: 600px) {
  .p-y-l {
    padding-bottom: calc( 40px + 40 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-y-l {
    padding-bottom: 80px;
  }
}
.p-y-xl {
  padding-top: 80px;
}
@media (min-width: 600px) {
  .p-y-xl {
    padding-top: calc( 80px + 80 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-y-xl {
    padding-top: 160px;
  }
}
.p-y-xl {
  padding-bottom: 80px;
}
@media (min-width: 600px) {
  .p-y-xl {
    padding-bottom: calc( 80px + 80 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-y-xl {
    padding-bottom: 160px;
  }
}
.p-y-xxl {
  padding-top: 160px;
}
@media (min-width: 600px) {
  .p-y-xxl {
    padding-top: calc( 160px + 160 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-y-xxl {
    padding-top: 320px;
  }
}
.p-y-xxl {
  padding-bottom: 160px;
}
@media (min-width: 600px) {
  .p-y-xxl {
    padding-bottom: calc( 160px + 160 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-y-xxl {
    padding-bottom: 320px;
  }
}
.p-t-0.p-t-0 {
  padding-top: 0;
}
.p-t-xxs {
  padding-top: 4px;
}
@media (min-width: 600px) {
  .p-t-xxs {
    padding-top: calc( 4px + 4 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-t-xxs {
    padding-top: 8px;
  }
}
.p-t-xs {
  padding-top: 5px;
}
@media (min-width: 600px) {
  .p-t-xs {
    padding-top: calc( 5px + 5 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-t-xs {
    padding-top: 10px;
  }
}
.p-t-s {
  padding-top: 10px;
}
@media (min-width: 600px) {
  .p-t-s {
    padding-top: calc( 10px + 10 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-t-s {
    padding-top: 20px;
  }
}
.p-t-m {
  padding-top: 20px;
}
@media (min-width: 600px) {
  .p-t-m {
    padding-top: calc( 20px + 20 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-t-m {
    padding-top: 40px;
  }
}
.p-t-l {
  padding-top: 40px;
}
@media (min-width: 600px) {
  .p-t-l {
    padding-top: calc( 40px + 40 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-t-l {
    padding-top: 80px;
  }
}
.p-t-xl {
  padding-top: 80px;
}
@media (min-width: 600px) {
  .p-t-xl {
    padding-top: calc( 80px + 80 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-t-xl {
    padding-top: 160px;
  }
}
.p-t-xxl {
  padding-top: 160px;
}
@media (min-width: 600px) {
  .p-t-xxl {
    padding-top: calc( 160px + 160 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-t-xxl {
    padding-top: 320px;
  }
}
.p-r-0.p-r-0 {
  padding-right: 0;
}
.p-r-xxs {
  padding-right: 4px;
}
@media (min-width: 600px) {
  .p-r-xxs {
    padding-right: calc( 4px + 4 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-r-xxs {
    padding-right: 8px;
  }
}
.p-r-xs {
  padding-right: 5px;
}
@media (min-width: 600px) {
  .p-r-xs {
    padding-right: calc( 5px + 5 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-r-xs {
    padding-right: 10px;
  }
}
.p-r-s {
  padding-right: 10px;
}
@media (min-width: 600px) {
  .p-r-s {
    padding-right: calc( 10px + 10 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-r-s {
    padding-right: 20px;
  }
}
.p-r-m {
  padding-right: 20px;
}
@media (min-width: 600px) {
  .p-r-m {
    padding-right: calc( 20px + 20 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-r-m {
    padding-right: 40px;
  }
}
.p-r-l {
  padding-right: 40px;
}
@media (min-width: 600px) {
  .p-r-l {
    padding-right: calc( 40px + 40 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-r-l {
    padding-right: 80px;
  }
}
.p-r-xl {
  padding-right: 80px;
}
@media (min-width: 600px) {
  .p-r-xl {
    padding-right: calc( 80px + 80 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-r-xl {
    padding-right: 160px;
  }
}
.p-r-xxl {
  padding-right: 160px;
}
@media (min-width: 600px) {
  .p-r-xxl {
    padding-right: calc( 160px + 160 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-r-xxl {
    padding-right: 320px;
  }
}
.p-b-0.p-b-0 {
  padding-bottom: 0;
}
.p-b-xxs {
  padding-bottom: 4px;
}
@media (min-width: 600px) {
  .p-b-xxs {
    padding-bottom: calc( 4px + 4 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-b-xxs {
    padding-bottom: 8px;
  }
}
.p-b-xs {
  padding-bottom: 5px;
}
@media (min-width: 600px) {
  .p-b-xs {
    padding-bottom: calc( 5px + 5 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-b-xs {
    padding-bottom: 10px;
  }
}
.p-b-s {
  padding-bottom: 10px;
}
@media (min-width: 600px) {
  .p-b-s {
    padding-bottom: calc( 10px + 10 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-b-s {
    padding-bottom: 20px;
  }
}
.p-b-m {
  padding-bottom: 20px;
}
@media (min-width: 600px) {
  .p-b-m {
    padding-bottom: calc( 20px + 20 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-b-m {
    padding-bottom: 40px;
  }
}
.p-b-l {
  padding-bottom: 40px;
}
@media (min-width: 600px) {
  .p-b-l {
    padding-bottom: calc( 40px + 40 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-b-l {
    padding-bottom: 80px;
  }
}
.p-b-xl {
  padding-bottom: 80px;
}
@media (min-width: 600px) {
  .p-b-xl {
    padding-bottom: calc( 80px + 80 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-b-xl {
    padding-bottom: 160px;
  }
}
.p-b-xxl {
  padding-bottom: 160px;
}
@media (min-width: 600px) {
  .p-b-xxl {
    padding-bottom: calc( 160px + 160 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-b-xxl {
    padding-bottom: 320px;
  }
}
.p-l-0.p-l-0 {
  padding-left: 0;
}
.p-l-xxs {
  padding-left: 4px;
}
@media (min-width: 600px) {
  .p-l-xxs {
    padding-left: calc( 4px + 4 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-l-xxs {
    padding-left: 8px;
  }
}
.p-l-xs {
  padding-left: 5px;
}
@media (min-width: 600px) {
  .p-l-xs {
    padding-left: calc( 5px + 5 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-l-xs {
    padding-left: 10px;
  }
}
.p-l-s {
  padding-left: 10px;
}
@media (min-width: 600px) {
  .p-l-s {
    padding-left: calc( 10px + 10 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-l-s {
    padding-left: 20px;
  }
}
.p-l-m {
  padding-left: 20px;
}
@media (min-width: 600px) {
  .p-l-m {
    padding-left: calc( 20px + 20 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-l-m {
    padding-left: 40px;
  }
}
.p-l-l {
  padding-left: 40px;
}
@media (min-width: 600px) {
  .p-l-l {
    padding-left: calc( 40px + 40 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-l-l {
    padding-left: 80px;
  }
}
.p-l-xl {
  padding-left: 80px;
}
@media (min-width: 600px) {
  .p-l-xl {
    padding-left: calc( 80px + 80 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-l-xl {
    padding-left: 160px;
  }
}
.p-l-xxl {
  padding-left: 160px;
}
@media (min-width: 600px) {
  .p-l-xxl {
    padding-left: calc( 160px + 160 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .p-l-xxl {
    padding-left: 320px;
  }
}
/* Margins
 *============================================================================*/
.m-a-0 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.m-a-xxs {
  margin: 4px;
}
@media (min-width: 600px) {
  .m-a-xxs {
    margin: calc( 4px + 4 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-a-xxs {
    margin: 8px;
  }
}
.m-a-xs {
  margin: 5px;
}
@media (min-width: 600px) {
  .m-a-xs {
    margin: calc( 5px + 5 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-a-xs {
    margin: 10px;
  }
}
.m-a-s {
  margin: 10px;
}
@media (min-width: 600px) {
  .m-a-s {
    margin: calc( 10px + 10 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-a-s {
    margin: 20px;
  }
}
.m-a-m {
  margin: 20px;
}
@media (min-width: 600px) {
  .m-a-m {
    margin: calc( 20px + 20 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-a-m {
    margin: 40px;
  }
}
.m-a-l {
  margin: 40px;
}
@media (min-width: 600px) {
  .m-a-l {
    margin: calc( 40px + 40 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-a-l {
    margin: 80px;
  }
}
.m-a-xl {
  margin: 80px;
}
@media (min-width: 600px) {
  .m-a-xl {
    margin: calc( 80px + 80 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-a-xl {
    margin: 160px;
  }
}
.m-a-xxl {
  margin: 160px;
}
@media (min-width: 600px) {
  .m-a-xxl {
    margin: calc( 160px + 160 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-a-xxl {
    margin: 320px;
  }
}
.m-x-xxs {
  margin-left: 4px;
}
@media (min-width: 600px) {
  .m-x-xxs {
    margin-left: calc( 4px + 4 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-x-xxs {
    margin-left: 8px;
  }
}
.m-x-xxs {
  margin-right: 4px;
}
@media (min-width: 600px) {
  .m-x-xxs {
    margin-right: calc( 4px + 4 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-x-xxs {
    margin-right: 8px;
  }
}
.m-x-xs {
  margin-left: 5px;
}
@media (min-width: 600px) {
  .m-x-xs {
    margin-left: calc( 5px + 5 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-x-xs {
    margin-left: 10px;
  }
}
.m-x-xs {
  margin-right: 5px;
}
@media (min-width: 600px) {
  .m-x-xs {
    margin-right: calc( 5px + 5 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-x-xs {
    margin-right: 10px;
  }
}
.m-x-s {
  margin-left: 10px;
}
@media (min-width: 600px) {
  .m-x-s {
    margin-left: calc( 10px + 10 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-x-s {
    margin-left: 20px;
  }
}
.m-x-s {
  margin-right: 10px;
}
@media (min-width: 600px) {
  .m-x-s {
    margin-right: calc( 10px + 10 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-x-s {
    margin-right: 20px;
  }
}
.m-x-m {
  margin-left: 20px;
}
@media (min-width: 600px) {
  .m-x-m {
    margin-left: calc( 20px + 20 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-x-m {
    margin-left: 40px;
  }
}
.m-x-m {
  margin-right: 20px;
}
@media (min-width: 600px) {
  .m-x-m {
    margin-right: calc( 20px + 20 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-x-m {
    margin-right: 40px;
  }
}
.m-x-l {
  margin-left: 40px;
}
@media (min-width: 600px) {
  .m-x-l {
    margin-left: calc( 40px + 40 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-x-l {
    margin-left: 80px;
  }
}
.m-x-l {
  margin-right: 40px;
}
@media (min-width: 600px) {
  .m-x-l {
    margin-right: calc( 40px + 40 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-x-l {
    margin-right: 80px;
  }
}
.m-x-xl {
  margin-left: 80px;
}
@media (min-width: 600px) {
  .m-x-xl {
    margin-left: calc( 80px + 80 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-x-xl {
    margin-left: 160px;
  }
}
.m-x-xl {
  margin-right: 80px;
}
@media (min-width: 600px) {
  .m-x-xl {
    margin-right: calc( 80px + 80 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-x-xl {
    margin-right: 160px;
  }
}
.m-x-xxl {
  margin-left: 160px;
}
@media (min-width: 600px) {
  .m-x-xxl {
    margin-left: calc( 160px + 160 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-x-xxl {
    margin-left: 320px;
  }
}
.m-x-xxl {
  margin-right: 160px;
}
@media (min-width: 600px) {
  .m-x-xxl {
    margin-right: calc( 160px + 160 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-x-xxl {
    margin-right: 320px;
  }
}
.m-y-xxs {
  margin-top: 4px;
}
@media (min-width: 600px) {
  .m-y-xxs {
    margin-top: calc( 4px + 4 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-y-xxs {
    margin-top: 8px;
  }
}
.m-y-xxs {
  margin-bottom: 4px;
}
@media (min-width: 600px) {
  .m-y-xxs {
    margin-bottom: calc( 4px + 4 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-y-xxs {
    margin-bottom: 8px;
  }
}
.m-y-xs {
  margin-top: 5px;
}
@media (min-width: 600px) {
  .m-y-xs {
    margin-top: calc( 5px + 5 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-y-xs {
    margin-top: 10px;
  }
}
.m-y-xs {
  margin-bottom: 5px;
}
@media (min-width: 600px) {
  .m-y-xs {
    margin-bottom: calc( 5px + 5 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-y-xs {
    margin-bottom: 10px;
  }
}
.m-y-s {
  margin-top: 10px;
}
@media (min-width: 600px) {
  .m-y-s {
    margin-top: calc( 10px + 10 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-y-s {
    margin-top: 20px;
  }
}
.m-y-s {
  margin-bottom: 10px;
}
@media (min-width: 600px) {
  .m-y-s {
    margin-bottom: calc( 10px + 10 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-y-s {
    margin-bottom: 20px;
  }
}
.m-y-m {
  margin-top: 20px;
}
@media (min-width: 600px) {
  .m-y-m {
    margin-top: calc( 20px + 20 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-y-m {
    margin-top: 40px;
  }
}
.m-y-m {
  margin-bottom: 20px;
}
@media (min-width: 600px) {
  .m-y-m {
    margin-bottom: calc( 20px + 20 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-y-m {
    margin-bottom: 40px;
  }
}
.m-y-l {
  margin-top: 40px;
}
@media (min-width: 600px) {
  .m-y-l {
    margin-top: calc( 40px + 40 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-y-l {
    margin-top: 80px;
  }
}
.m-y-l {
  margin-bottom: 40px;
}
@media (min-width: 600px) {
  .m-y-l {
    margin-bottom: calc( 40px + 40 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-y-l {
    margin-bottom: 80px;
  }
}
.m-y-xl {
  margin-top: 80px;
}
@media (min-width: 600px) {
  .m-y-xl {
    margin-top: calc( 80px + 80 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-y-xl {
    margin-top: 160px;
  }
}
.m-y-xl {
  margin-bottom: 80px;
}
@media (min-width: 600px) {
  .m-y-xl {
    margin-bottom: calc( 80px + 80 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-y-xl {
    margin-bottom: 160px;
  }
}
.m-y-xxl {
  margin-top: 160px;
}
@media (min-width: 600px) {
  .m-y-xxl {
    margin-top: calc( 160px + 160 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-y-xxl {
    margin-top: 320px;
  }
}
.m-y-xxl {
  margin-bottom: 160px;
}
@media (min-width: 600px) {
  .m-y-xxl {
    margin-bottom: calc( 160px + 160 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-y-xxl {
    margin-bottom: 320px;
  }
}
.m-t-xxs {
  margin-top: 4px;
}
@media (min-width: 600px) {
  .m-t-xxs {
    margin-top: calc( 4px + 4 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-t-xxs {
    margin-top: 8px;
  }
}
.m-t-xs {
  margin-top: 5px;
}
@media (min-width: 600px) {
  .m-t-xs {
    margin-top: calc( 5px + 5 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-t-xs {
    margin-top: 10px;
  }
}
.m-t-s {
  margin-top: 10px;
}
@media (min-width: 600px) {
  .m-t-s {
    margin-top: calc( 10px + 10 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-t-s {
    margin-top: 20px;
  }
}
.m-t-m {
  margin-top: 20px;
}
@media (min-width: 600px) {
  .m-t-m {
    margin-top: calc( 20px + 20 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-t-m {
    margin-top: 40px;
  }
}
.m-t-l {
  margin-top: 40px;
}
@media (min-width: 600px) {
  .m-t-l {
    margin-top: calc( 40px + 40 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-t-l {
    margin-top: 80px;
  }
}
.m-t-xl {
  margin-top: 80px;
}
@media (min-width: 600px) {
  .m-t-xl {
    margin-top: calc( 80px + 80 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-t-xl {
    margin-top: 160px;
  }
}
.m-t-xxl {
  margin-top: 160px;
}
@media (min-width: 600px) {
  .m-t-xxl {
    margin-top: calc( 160px + 160 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-t-xxl {
    margin-top: 320px;
  }
}
.m-r-xxs {
  margin-right: 4px;
}
@media (min-width: 600px) {
  .m-r-xxs {
    margin-right: calc( 4px + 4 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-r-xxs {
    margin-right: 8px;
  }
}
.m-r-xs {
  margin-right: 5px;
}
@media (min-width: 600px) {
  .m-r-xs {
    margin-right: calc( 5px + 5 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-r-xs {
    margin-right: 10px;
  }
}
.m-r-s {
  margin-right: 10px;
}
@media (min-width: 600px) {
  .m-r-s {
    margin-right: calc( 10px + 10 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-r-s {
    margin-right: 20px;
  }
}
.m-r-m {
  margin-right: 20px;
}
@media (min-width: 600px) {
  .m-r-m {
    margin-right: calc( 20px + 20 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-r-m {
    margin-right: 40px;
  }
}
.m-r-l {
  margin-right: 40px;
}
@media (min-width: 600px) {
  .m-r-l {
    margin-right: calc( 40px + 40 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-r-l {
    margin-right: 80px;
  }
}
.m-r-xl {
  margin-right: 80px;
}
@media (min-width: 600px) {
  .m-r-xl {
    margin-right: calc( 80px + 80 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-r-xl {
    margin-right: 160px;
  }
}
.m-r-xxl {
  margin-right: 160px;
}
@media (min-width: 600px) {
  .m-r-xxl {
    margin-right: calc( 160px + 160 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-r-xxl {
    margin-right: 320px;
  }
}
.m-b-xxs {
  margin-bottom: 4px;
}
@media (min-width: 600px) {
  .m-b-xxs {
    margin-bottom: calc( 4px + 4 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-b-xxs {
    margin-bottom: 8px;
  }
}
.m-b-xs {
  margin-bottom: 5px;
}
@media (min-width: 600px) {
  .m-b-xs {
    margin-bottom: calc( 5px + 5 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-b-xs {
    margin-bottom: 10px;
  }
}
.m-b-s {
  margin-bottom: 10px;
}
@media (min-width: 600px) {
  .m-b-s {
    margin-bottom: calc( 10px + 10 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-b-s {
    margin-bottom: 20px;
  }
}
.m-b-m {
  margin-bottom: 20px;
}
@media (min-width: 600px) {
  .m-b-m {
    margin-bottom: calc( 20px + 20 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-b-m {
    margin-bottom: 40px;
  }
}
.m-b-l {
  margin-bottom: 40px;
}
@media (min-width: 600px) {
  .m-b-l {
    margin-bottom: calc( 40px + 40 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-b-l {
    margin-bottom: 80px;
  }
}
.m-b-xl {
  margin-bottom: 80px;
}
@media (min-width: 600px) {
  .m-b-xl {
    margin-bottom: calc( 80px + 80 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-b-xl {
    margin-bottom: 160px;
  }
}
.m-b-xxl {
  margin-bottom: 160px;
}
@media (min-width: 600px) {
  .m-b-xxl {
    margin-bottom: calc( 160px + 160 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-b-xxl {
    margin-bottom: 320px;
  }
}
.m-l-xxs {
  margin-left: 4px;
}
@media (min-width: 600px) {
  .m-l-xxs {
    margin-left: calc( 4px + 4 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-l-xxs {
    margin-left: 8px;
  }
}
.m-l-xs {
  margin-left: 5px;
}
@media (min-width: 600px) {
  .m-l-xs {
    margin-left: calc( 5px + 5 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-l-xs {
    margin-left: 10px;
  }
}
.m-l-s {
  margin-left: 10px;
}
@media (min-width: 600px) {
  .m-l-s {
    margin-left: calc( 10px + 10 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-l-s {
    margin-left: 20px;
  }
}
.m-l-m {
  margin-left: 20px;
}
@media (min-width: 600px) {
  .m-l-m {
    margin-left: calc( 20px + 20 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-l-m {
    margin-left: 40px;
  }
}
.m-l-l {
  margin-left: 40px;
}
@media (min-width: 600px) {
  .m-l-l {
    margin-left: calc( 40px + 40 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-l-l {
    margin-left: 80px;
  }
}
.m-l-xl {
  margin-left: 80px;
}
@media (min-width: 600px) {
  .m-l-xl {
    margin-left: calc( 80px + 80 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-l-xl {
    margin-left: 160px;
  }
}
.m-l-xxl {
  margin-left: 160px;
}
@media (min-width: 600px) {
  .m-l-xxl {
    margin-left: calc( 160px + 160 * ( (100vw - 600px) / 300 ) );
  }
}
@media (min-width: 900px) {
  .m-l-xxl {
    margin-left: 320px;
  }
}
.disabled {
  cursor: default;
  pointer-events: none;
}
.hidden {
  display: none !important;
}
html.cdk-global-scrollblock {
  position: initial !important;
}