@charset "UTF-8";/**
* General Uppy styles that apply to everything inside the .uppy-Root container
*/
.uppy-Root {
  position: relative;
  box-sizing: border-box;
  color: #333;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[dir=rtl] .uppy-Root,
.uppy-Root[dir=rtl] {
  text-align: right;
}

.uppy-Root *,
.uppy-Root *::before,
.uppy-Root *::after {
  box-sizing: inherit;
}

.uppy-Root [hidden] {
  display: none;
}

.uppy-u-reset {
  all: initial;
  box-sizing: border-box;
  appearance: none;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1;
}

[dir=rtl] .uppy-u-reset {
  text-align: right;
}

.uppy-truncate-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.uppy-c-textInput {
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  padding: 6px 8px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.uppy-size--md .uppy-c-textInput {
  padding: 8px 10px;
}
.uppy-c-textInput:focus {
  border-color: rgba(18, 105, 207, 0.6);
  outline: none;
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.15);
}
[data-uppy-theme=dark] .uppy-c-textInput {
  color: #eaeaea;
  background-color: #333;
  border-color: #333;
}
[data-uppy-theme=dark] .uppy-c-textInput:focus {
  border-color: #525252;
  box-shadow: none;
}

.uppy-c-icon {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  fill: currentColor;
}

.uppy-c-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  transition-duration: 0.3s;
  transition-property: background-color, color;
  user-select: none;
}
[dir=rtl] .uppy-c-btn {
  text-align: center;
}

.uppy-c-btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.uppy-c-btn::-moz-focus-inner {
  border: 0;
}

.uppy-c-btn-primary {
  padding: 10px 18px;
  color: #fff;
  font-size: 14px;
  background-color: #1269cf;
  border-radius: 4px;
}
.uppy-c-btn-primary:not(:disabled):hover {
  background-color: rgb(13.92, 81.2, 160.08);
}
.uppy-c-btn-primary:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.4);
}
.uppy-size--md .uppy-c-btn-primary {
  padding: 13px 22px;
}
[data-uppy-theme=dark] .uppy-c-btn-primary {
  color: #eaeaea;
}
[data-uppy-theme=dark] .uppy-c-btn-primary:focus {
  outline: none;
}
[data-uppy-theme=dark] .uppy-c-btn-primary::-moz-focus-inner {
  border: 0;
}
[data-uppy-theme=dark] .uppy-c-btn-primary:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
}
.uppy-c-btn-primary.uppy-c-btn--disabled {
  background-color: rgb(142, 178, 219);
}

.uppy-c-btn-link {
  padding: 10px 15px;
  color: #525252;
  font-size: 14px;
  line-height: 1;
  background-color: transparent;
  border-radius: 4px;
}
.uppy-c-btn-link:hover {
  color: #333;
}
.uppy-c-btn-link:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.25);
}
.uppy-size--md .uppy-c-btn-link {
  padding: 13px 18px;
}
[data-uppy-theme=dark] .uppy-c-btn-link {
  color: #eaeaea;
}
[data-uppy-theme=dark] .uppy-c-btn-link:focus {
  outline: none;
}
[data-uppy-theme=dark] .uppy-c-btn-link::-moz-focus-inner {
  border: 0;
}
[data-uppy-theme=dark] .uppy-c-btn-link:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
}
[data-uppy-theme=dark] .uppy-c-btn-link:hover {
  color: #939393;
}

/*# sourceMappingURL=style.css.map */

.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list,
.uppy-ProviderBrowser-viewType--unsplash ul.uppy-ProviderBrowser-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 6px;
}
.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list::after,
.uppy-ProviderBrowser-viewType--unsplash ul.uppy-ProviderBrowser-list::after {
  flex: auto;
  content: "";
}
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
  position: relative;
  width: 50%;
  margin: 0;
}
.uppy-size--md .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,
.uppy-size--md .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
  width: 33.3333%;
}
.uppy-size--lg .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,
.uppy-size--lg .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
  width: 25%;
}
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem::before,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem::before {
  display: block;
  padding-top: 100%;
  content: "";
}
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected img,
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected svg,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--selected img,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--selected svg {
  opacity: 0.85;
}
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--disabled,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--disabled {
  opacity: 0.5;
}
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner {
  background-color: rgba(147, 147, 147, 0.2);
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner,
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner {
  background-color: rgba(234, 234, 234, 0.2);
}
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview svg {
  width: 30%;
  height: 30%;
  fill: rgba(0, 0, 0, 0.7);
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg,
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview svg {
  fill: rgba(255, 255, 255, 0.8);
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner {
  position: absolute;
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  overflow: hidden;
  text-align: center;
  border-radius: 4px;
}
@media (hover: none) {
  .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author,
  .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author {
    display: block;
  }
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner,
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner {
  box-shadow: 0 0 0 3px rgba(170, 225, 255, 0.7);
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner img,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-author {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  color: white;
  font-weight: 500;
  font-size: 12px;
  margin: 0;
  padding: 5px;
  text-decoration: none;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-author:hover,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-author:hover {
  background: rgba(0, 0, 0, 0.4);
  text-decoration: underline;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1002;
  width: 26px;
  height: 26px;
  background-color: #1269cf;
  border-radius: 50%;
  opacity: 0;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox::after,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox::after {
  top: 8px;
  width: 12px;
  height: 7px;
  inset-inline-start: 7px;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem--is-checked .uppy-ProviderBrowserItem-checkbox,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem--is-checked .uppy-ProviderBrowserItem-checkbox {
  opacity: 1;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:hover + label .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:hover + label .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label .uppy-ProviderBrowserItem-author {
  display: block;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label:focus,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label:focus {
  outline: none;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label::-moz-focus-inner,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label::-moz-focus-inner {
  border: 0;
}

.uppy-ProviderBrowser-viewType--list {
  background-color: #fff;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list {
  background-color: #1f1f1f;
}
.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 7px 15px;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem {
  color: #eaeaea;
}
.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem--disabled {
  opacity: 0.6;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox {
  width: 17px;
  height: 17px;
  background-color: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 3px;
  margin-inline-end: 15px;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:focus {
  border: 1px solid #1269cf;
  outline: none;
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.25);
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox::after {
  top: 4px;
  width: 9px;
  height: 5px;
  opacity: 0;
  inset-inline-start: 3px;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:focus {
  border-color: rgba(2, 186, 242, 0.7);
  box-shadow: 0 0 0 3px rgba(2, 186, 242, 0.2);
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--is-checked .uppy-ProviderBrowserItem-checkbox,
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--is-partial .uppy-ProviderBrowserItem-checkbox {
  background-color: #1269cf;
  border-color: #1269cf;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--is-checked .uppy-ProviderBrowserItem-checkbox::after,
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--is-partial .uppy-ProviderBrowserItem-checkbox::after {
  opacity: 1;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner {
  display: flex;
  align-items: center;
  color: inherit;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif;
  padding: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner:focus {
  text-decoration: underline;
  outline: none;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img,
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg {
  margin-inline-end: 8px;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner span {
  overflow: hidden;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--disabled .uppy-ProviderBrowserItem-inner {
  cursor: default;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap {
  width: 20px;
  margin-inline-end: 7px;
}

.uppy-ProviderBrowserItem-checkbox {
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
}
.uppy-ProviderBrowserItem-checkbox:disabled {
  cursor: default;
}
.uppy-ProviderBrowserItem-checkbox:disabled::after {
  cursor: default;
}
[data-uppy-theme=dark] .uppy-ProviderBrowserItem-checkbox {
  background-color: #1f1f1f;
  border-color: #939393;
}

[data-uppy-theme=dark] .uppy-ProviderBrowserItem--is-checked .uppy-ProviderBrowserItem-checkbox {
  background-color: #333;
}
.uppy-ProviderBrowserItem--is-checked .uppy-ProviderBrowserItem-checkbox::after {
  position: absolute;
  border-bottom: 2px solid #eaeaea;
  border-left: 2px solid #eaeaea;
  transform: rotate(-45deg);
  cursor: pointer;
  content: "";
}

.uppy-ProviderBrowserItem--is-partial .uppy-ProviderBrowserItem-checkbox::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 20% !important;
  right: 20% !important;
  height: 2px !important;
  background-color: #eaeaea !important;
  transform: translateY(-50%) !important;
}

.uppy-SearchProvider {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
[data-uppy-theme=dark] .uppy-SearchProvider {
  background-color: #1f1f1f;
}

.uppy-SearchProvider-input {
  width: 90%;
  max-width: 650px;
  margin-bottom: 15px;
}
.uppy-size--md .uppy-SearchProvider-input {
  margin-bottom: 20px;
}
.uppy-SearchProvider-input::-webkit-search-cancel-button {
  display: none;
}

.uppy-SearchProvider-searchButton {
  padding: 13px 25px;
}
.uppy-size--md .uppy-SearchProvider-searchButton {
  padding: 13px 30px;
}

.uppy-DashboardContent-panelBody {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
[data-uppy-theme=dark] .uppy-DashboardContent-panelBody {
  background-color: #1f1f1f;
}

.uppy-Provider-auth,
.uppy-Provider-error,
.uppy-Provider-loading,
.uppy-Provider-empty {
  display: flex;
  flex: 1;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  color: #939393;
}

.uppy-Provider-empty {
  color: #939393;
}

.uppy-Provider-authIcon svg {
  width: 100px;
  height: 75px;
}

.uppy-Provider-authTitle {
  max-width: 500px;
  margin-bottom: 30px;
  padding: 0 15px;
  color: #757575;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.4;
  text-align: center;
}
.uppy-size--md .uppy-Provider-authTitle {
  font-size: 20px;
}
[data-uppy-theme=dark] .uppy-Provider-authTitle {
  color: #cfcfcf;
}

.uppy-Provider-btn-google {
  display: flex;
  align-items: center;
  padding: 8px 12px !important;
  background: #4285f4;
}
.uppy-Provider-btn-google:hover {
  background-color: rgb(17.805, 101.89, 241.195);
}
.uppy-Provider-btn-google:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.4);
}
.uppy-Provider-btn-google svg {
  margin-right: 8px;
}

.uppy-Provider-breadcrumbs {
  flex: 1;
  margin-bottom: 10px;
  color: #525252;
  font-size: 12px;
  text-align: start;
}
.uppy-size--md .uppy-Provider-breadcrumbs {
  margin-bottom: 0;
}
[data-uppy-theme=dark] .uppy-Provider-breadcrumbs {
  color: #eaeaea;
}

.uppy-Provider-breadcrumbsIcon {
  display: inline-block;
  color: #525252;
  line-height: 1;
  vertical-align: middle;
  margin-inline-end: 4px;
}

.uppy-Provider-breadcrumbsIcon svg {
  width: 13px;
  height: 13px;
  fill: #525252;
}

.uppy-Provider-breadcrumbs button {
  display: inline-block;
  padding: 4px;
  line-height: inherit;
  border-radius: 3px;
}
.uppy-Provider-breadcrumbs button:focus {
  outline: none;
}
.uppy-Provider-breadcrumbs button::-moz-focus-inner {
  border: 0;
}
.uppy-Provider-breadcrumbs button:hover {
  color: rgb(13.92, 81.2, 160.08);
}
.uppy-Provider-breadcrumbs button:focus {
  background-color: #dfe6f1;
}
[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button:focus {
  background-color: #333;
}
.uppy-Provider-breadcrumbs button:not(:last-of-type) {
  text-decoration: underline;
}
.uppy-Provider-breadcrumbs button:last-of-type {
  color: #333;
  font-weight: 500;
  cursor: normal;
  pointer-events: none;
}
.uppy-Provider-breadcrumbs button:hover {
  cursor: pointer;
}
[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button {
  color: #eaeaea;
}

.uppy-ProviderBrowser {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  font-weight: 400;
  font-size: 14px;
}

.uppy-ProviderBrowser-user {
  margin: 0 8px 0 0;
  color: #333;
  font-weight: 500;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-user {
  color: #eaeaea;
}

.uppy-ProviderBrowser-user::after {
  position: relative;
  color: #939393;
  font-weight: normal;
  content: "·";
  inset-inline-start: 4px;
}

.uppy-ProviderBrowser-header {
  position: relative;
  z-index: 1001;
  border-bottom: 1px solid #eaeaea;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-header {
  border-bottom: 1px solid #333;
}

.uppy-ProviderBrowser-headerBar {
  z-index: 1001;
  padding: 7px 15px;
  color: #757575;
  font-size: 12px;
  line-height: 1.4;
  background-color: #fafafa;
}
.uppy-size--md .uppy-ProviderBrowser-headerBar {
  display: flex;
  align-items: center;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-headerBar {
  background-color: #1f1f1f;
}

.uppy-ProviderBrowser-headerBar--simple {
  display: block;
  justify-content: center;
  text-align: center;
}

.uppy-ProviderBrowser-headerBar--simple .uppy-Provider-breadcrumbsWrap {
  display: inline-block;
  flex: none;
  vertical-align: middle;
}

.uppy-ProviderBrowser-searchFilter {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.uppy-ProviderBrowser-searchFilterInput {
  z-index: 1001;
  width: 100%;
  height: 30px;
  font-size: 13px;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.4;
  background-color: #eaeaea;
  border: 0;
  border-radius: 4px;
  outline: 0;
  padding-inline-start: 30px;
  padding-inline-end: 30px;
  color: #333;
}
.uppy-ProviderBrowser-searchFilterInput::-webkit-search-cancel-button {
  display: none;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-searchFilterInput {
  color: #eaeaea;
  background-color: #1f1f1f;
}

.uppy-ProviderBrowser-searchFilterInput:focus {
  background-color: #cfcfcf;
  border: 0;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-searchFilterInput:focus {
  background-color: #333;
}

.uppy-ProviderBrowser-searchFilterIcon {
  position: absolute;
  z-index: 1002;
  width: 12px;
  height: 12px;
  color: #757575;
  inset-inline-start: 16px;
}

.uppy-ProviderBrowser-searchFilterInput::placeholder {
  color: #939393;
  opacity: 1;
}

.uppy-ProviderBrowser-searchFilterReset {
  border-radius: 3px;
  position: absolute;
  z-index: 1002;
  width: 22px;
  height: 22px;
  padding: 6px;
  color: #939393;
  cursor: pointer;
  inset-inline-end: 16px;
}
.uppy-ProviderBrowser-searchFilterReset:focus {
  outline: none;
}
.uppy-ProviderBrowser-searchFilterReset::-moz-focus-inner {
  border: 0;
}
.uppy-ProviderBrowser-searchFilterReset:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}
.uppy-ProviderBrowser-searchFilterReset:hover {
  color: #757575;
}
.uppy-ProviderBrowser-searchFilterReset svg {
  vertical-align: text-top;
}

.uppy-ProviderBrowser-userLogout {
  padding: 4px;
  color: #1269cf;
  line-height: inherit;
  border-radius: 3px;
  cursor: pointer;
}
.uppy-ProviderBrowser-userLogout:focus {
  outline: none;
}
.uppy-ProviderBrowser-userLogout::-moz-focus-inner {
  border: 0;
}
.uppy-ProviderBrowser-userLogout:hover {
  color: rgb(13.92, 81.2, 160.08);
}
.uppy-ProviderBrowser-userLogout:focus {
  background-color: #dfe6f1;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout:focus {
  background-color: #333;
}
.uppy-ProviderBrowser-userLogout:hover {
  text-decoration: underline;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout {
  color: #eaeaea;
}

.uppy-ProviderBrowser-body {
  position: relative;
  flex: 1;
}

.uppy-ProviderBrowser-list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  flex: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  background-color: #fff;
  border-spacing: 0;
  -webkit-overflow-scrolling: touch;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-list {
  background-color: #1f1f1f;
}
.uppy-ProviderBrowser-list:focus {
  outline: none;
}

.uppy-ProviderBrowserItem-inner {
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
}

.uppy-ProviderBrowser-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  background-color: #fff;
  border-top: 1px solid #eaeaea;
}
.uppy-ProviderBrowser-footer button {
  margin-inline-end: 8px;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-footer {
  background-color: #1f1f1f;
  border-top: 1px solid #333;
}

.uppy-ProviderBrowser-footer-buttons {
  flex-shrink: 0;
}

.uppy-ProviderBrowser-footer-error {
  color: #e32437;
  line-height: 18px;
}

@media (max-width: 426px) {
  .uppy-ProviderBrowser-footer {
    flex-direction: column-reverse;
    align-items: stretch;
  }
  .uppy-ProviderBrowser-footer-error {
    padding-bottom: 10px;
  }
}
/* https://stackoverflow.com/a/33082658/6519037 */
.picker-dialog-bg {
  z-index: 20000 !important;
}

.picker-dialog {
  z-index: 20001 !important;
}

.uppy-Dashboard-Item-previewInnerWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
}
.uppy-size--md .uppy-Dashboard-Item-previewInnerWrap {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-previewInnerWrap {
  box-shadow: none;
}

.uppy-Dashboard-Item-previewInnerWrap::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  display: none;
  background-color: rgba(0, 0, 0, 0.65);
  content: "";
}

.uppy-Dashboard-Item-previewLink {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1002;
}
.uppy-Dashboard-Item-previewLink:focus {
  box-shadow: inset 0 0 0 3px rgb(86.64, 157.4, 240.36);
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-previewLink:focus {
  box-shadow: inset 0 0 0 3px rgb(1.1639344262, 108.2459016393, 140.8360655738);
}

.uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3px;
  transform: translateZ(0);
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg {
  object-fit: contain;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  padding: 10px;
}

.uppy-Dashboard-Item-progress {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1002;
  width: 120px;
  color: #fff;
  text-align: center;
  transform: translate(-50%, -50%);
  transition: all 0.35 ease;
}

.uppy-Dashboard-Item-progressIndicator {
  display: inline-block;
  width: 38px;
  height: 38px;
  opacity: 0.9;
  color: #fff;
}
.uppy-size--md .uppy-Dashboard-Item-progressIndicator {
  width: 55px;
  height: 55px;
}

button.uppy-Dashboard-Item-progressIndicator {
  cursor: pointer;
}
button.uppy-Dashboard-Item-progressIndicator:focus {
  outline: none;
}
button.uppy-Dashboard-Item-progressIndicator::-moz-focus-inner {
  border: 0;
}
button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--bg,
button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--retry {
  fill: rgb(86.64, 157.4, 240.36);
}

.uppy-Dashboard-Item-progressIcon--circle {
  width: 100%;
  height: 100%;
}

.uppy-Dashboard-Item-progressIcon--bg {
  stroke: rgba(255, 255, 255, 0.4);
}

.uppy-Dashboard-Item-progressIcon--progress {
  transition: stroke-dashoffset 0.5s ease-out;
  stroke: #fff;
}

.uppy-Dashboard-Item-progressIcon--play {
  transition: all 0.2s;
  fill: #fff;
  stroke: #fff;
}

.uppy-Dashboard-Item-progressIcon--cancel {
  transition: all 0.2s;
  fill: #fff;
}

.uppy-Dashboard-Item-progressIcon--pause {
  transition: all 0.2s;
  fill: #fff;
  stroke: #fff;
}

.uppy-Dashboard-Item-progressIcon--check {
  transition: all 0.2s;
  fill: #fff;
}

.uppy-Dashboard-Item-progressIcon--retry {
  fill: #fff;
}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  top: -9px;
  width: auto;
  transform: initial;
  inset-inline-end: -8px;
  inset-inline-start: initial;
}

.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator {
  width: 18px;
  height: 18px;
}
.uppy-size--md .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator {
  width: 28px;
  height: 28px;
}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
  width: 18px;
  height: 18px;
  opacity: 1;
}
.uppy-size--md .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
  width: 22px;
  height: 22px;
}

.uppy-Dashboard-Item.is-processing .uppy-Dashboard-Item-progress {
  opacity: 0;
}

.uppy-Dashboard-Item-fileInfo {
  padding-inline-end: 5px;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfo {
  padding-inline-end: 10px;
}
.uppy-size--md.uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfo {
  padding-inline-end: 15px;
}

.uppy-Dashboard-Item-name {
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  word-wrap: anywhere;
  word-break: break-all;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-name {
  color: #eaeaea;
}
.uppy-size--md.uppy-Dashboard--singleFile .uppy-Dashboard-Item-name {
  font-size: 14px;
  line-height: 1.4;
}

.uppy-Dashboard-Item-fileName {
  display: flex;
  align-items: baseline;
}
.uppy-Dashboard-Item-fileName button {
  margin-left: 5px;
}

.uppy-Dashboard-Item-author {
  color: #757575;
  vertical-align: bottom;
  font-size: 11px;
  font-weight: normal;
  display: inline-block;
  line-height: 1;
  margin-bottom: 5px;
}
.uppy-Dashboard-Item-author a {
  color: #757575;
}

.uppy-Dashboard-Item-status {
  color: #757575;
  font-weight: normal;
  font-size: 11px;
  line-height: 1;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-status {
  color: #bbb;
}

.uppy-Dashboard-Item-statusSize {
  display: inline-block;
  text-transform: uppercase;
  vertical-align: bottom;
  margin-bottom: 5px;
}

.uppy-Dashboard-Item-reSelect {
  color: #1269cf;
  font-weight: 600;
  font-size: inherit;
  font-family: inherit;
}

.uppy-Dashboard-Item-errorMessage {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  color: rgb(165.3582995951, 21.1417004049, 35.487854251);
  background-color: rgb(253.016194332, 239.483805668, 240.8299595142);
  padding: 5px 6px;
}

.uppy-Dashboard-Item-errorMessageBtn {
  font-size: 11px;
  text-decoration: underline;
  color: rgb(165.3582995951, 21.1417004049, 35.487854251);
  cursor: pointer;
  font-weight: 500;
}

.uppy-Dashboard-Item-preview .uppy-Dashboard-Item-errorMessage {
  display: none;
}
.uppy-size--md .uppy-Dashboard-Item-preview .uppy-Dashboard-Item-errorMessage {
  display: block;
  border-top: 1px solid rgb(247.2348178138, 194.2651821862, 199.5344129555);
  padding: 6px 8px;
  line-height: 1.4;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-errorMessage {
  display: inline-block;
  position: static;
  border: 1px solid rgb(247.2348178138, 194.2651821862, 199.5344129555);
  border-radius: 3px;
}
.uppy-size--md .uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-errorMessage {
  display: none;
}

.uppy-Dashboard-Item-action {
  color: #939393;
  cursor: pointer;
}
.uppy-Dashboard-Item-action:focus {
  outline: none;
}
.uppy-Dashboard-Item-action::-moz-focus-inner {
  border: 0;
}
.uppy-Dashboard-Item-action:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}
.uppy-Dashboard-Item-action:hover {
  color: #1f1f1f;
  opacity: 1;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action {
  color: #cfcfcf;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus {
  outline: none;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action::-moz-focus-inner {
  border: 0;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action:hover {
  color: #eaeaea;
}

.uppy-Dashboard-Item-action--remove {
  color: #1f1f1f;
  opacity: 0.95;
}
.uppy-Dashboard-Item-action--remove:hover {
  color: #000;
  opacity: 1;
}
.uppy-size--md .uppy-Dashboard-Item-action--remove {
  position: absolute;
  top: -8px;
  inset-inline-end: -8px;
  z-index: 1002;
  width: 18px;
  height: 18px;
  padding: 0;
}
.uppy-size--md .uppy-Dashboard-Item-action--remove:focus {
  border-radius: 50%;
}
.uppy-Dashboard--singleFile.uppy-size--height-md .uppy-Dashboard-Item-action--remove {
  position: absolute;
  inset-inline-end: 8px;
  top: 8px;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove {
  color: #525252;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove:hover {
  color: #333;
}

.uppy-Dashboard:not(.uppy-size--md):not(.uppy-Dashboard--singleFile.uppy-size--height-md) .uppy-Dashboard-Item-actionWrapper {
  display: flex;
  align-items: center;
}
.uppy-Dashboard:not(.uppy-size--md):not(.uppy-Dashboard--singleFile.uppy-size--height-md) .uppy-Dashboard-Item-action {
  width: 22px;
  height: 22px;
  margin-left: 3px;
  padding: 3px;
}
.uppy-Dashboard:not(.uppy-size--md):not(.uppy-Dashboard--singleFile.uppy-size--height-md) .uppy-Dashboard-Item-action:focus {
  border-radius: 3px;
}

.uppy-size--md .uppy-Dashboard-Item-action--copyLink,
.uppy-size--md .uppy-Dashboard-Item-action--edit {
  width: 16px;
  height: 16px;
  padding: 0;
}
.uppy-size--md .uppy-Dashboard-Item-action--copyLink:focus,
.uppy-size--md .uppy-Dashboard-Item-action--edit:focus {
  border-radius: 3px;
}

.uppy-Dashboard-Item {
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #eaeaea;
}
.uppy-Dashboard:not(.uppy-Dashboard--singleFile) .uppy-Dashboard-Item {
  padding-inline-end: 0;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item {
  border-bottom: 1px solid #333;
}
.uppy-size--md .uppy-Dashboard-Item {
  position: relative;
  display: block;
  float: inline-start;
  /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */
  width: calc(33.333% - 15px - 15px);
  height: 215px;
  margin: 5px 15px;
  padding: 0;
  border-bottom: 0;
}
.uppy-size--lg .uppy-Dashboard-Item {
  /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */
  width: calc(25% - 15px - 15px);
  height: 190px;
  margin: 5px 15px;
  padding: 0;
}
.uppy-size--xl .uppy-Dashboard-Item {
  /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */
  width: calc(20% - 15px - 15px);
  height: 210px;
  padding: 0;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  height: 100%;
  border-bottom: 0;
  position: relative;
  padding: 15px;
}

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-previewInnerWrap {
  opacity: 0.2;
}

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-name {
  opacity: 0.7;
}

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='39' viewBox='0 0 35 39'%3E%3Cpath d='M1.708 38.66c1.709 0 3.417-3.417 6.834-3.417 3.416 0 5.125 3.417 8.61 3.417 3.348 0 5.056-3.417 8.473-3.417 4.305 0 5.125 3.417 6.833 3.417.889 0 1.709-.889 1.709-1.709v-19.68C34.167-5.757 0-5.757 0 17.271v19.68c0 .82.888 1.709 1.708 1.709zm8.542-17.084a3.383 3.383 0 01-3.417-3.416 3.383 3.383 0 013.417-3.417 3.383 3.383 0 013.417 3.417 3.383 3.383 0 01-3.417 3.416zm13.667 0A3.383 3.383 0 0120.5 18.16a3.383 3.383 0 013.417-3.417 3.383 3.383 0 013.416 3.417 3.383 3.383 0 01-3.416 3.416z' fill='%2523000' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 10px;
  background-size: 25px;
  opacity: 0.5;
  content: "";
}
.uppy-size--md .uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview::before {
  background-position: 50% 50%;
  background-size: 40px;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview::before {
  background-position: 50% 50%;
  background-size: 30%;
}

.uppy-Dashboard-Item-preview {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
}
.uppy-size--md .uppy-Dashboard-Item-preview {
  width: 100%;
  height: 140px;
}
.uppy-size--lg .uppy-Dashboard-Item-preview {
  height: 120px;
}
.uppy-size--xl .uppy-Dashboard-Item-preview {
  height: 140px;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-preview {
  width: 100%;
  max-height: 75%;
  flex-grow: 1;
}
.uppy-Dashboard--singleFile.uppy-size--md .uppy-Dashboard-Item-preview {
  max-height: 100%;
}

.uppy-Dashboard-Item-fileInfoAndButtons {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  padding-inline-end: 8px;
  padding-inline-start: 12px;
}
.uppy-size--md .uppy-Dashboard-Item-fileInfoAndButtons, .uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfoAndButtons {
  align-items: flex-start;
  padding: 0;
  padding-top: 9px;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfoAndButtons {
  width: 100%;
  flex-grow: 0;
}

.uppy-Dashboard-Item-fileInfo {
  flex-grow: 1;
  flex-shrink: 1;
}

.uppy-Dashboard-Item-actionWrapper {
  flex-grow: 0;
  flex-shrink: 0;
}

.uppy-Dashboard-Item.is-inprogress .uppy-Dashboard-Item-previewInnerWrap::after,
.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-previewInnerWrap::after {
  display: block;
}

.uppy-Dashboard-Item-errorDetails {
  position: relative;
  top: 0;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  background-color: #939393;
  border-radius: 50%;
  border: none;
  cursor: help;
  appearance: none;
  inset-inline-start: 2px;
}

.uppy-Dashboard-Item-errorDetails::after {
  line-height: 1.3;
  word-wrap: break-word;
}

.uppy-Dashboard-FileCard {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
}
.uppy-Dashboard-FileCard .uppy-DashboardContent-bar {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.uppy-Dashboard-FileCard .uppy-Dashboard-FileCard-actions {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.uppy-Dashboard-FileCard-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  height: 100%;
  min-height: 0;
}

.uppy-Dashboard-FileCard-preview {
  position: relative;
  display: flex;
  flex-grow: 0;
  flex-shrink: 1;
  align-items: center;
  justify-content: center;
  height: 60%;
  min-height: 0;
  border-bottom: 1px solid #eaeaea;
}
[data-uppy-theme=dark] .uppy-Dashboard-FileCard-preview {
  background-color: #333;
  border-bottom: 0;
}

.uppy-Dashboard-FileCard-preview img.uppy-Dashboard-Item-previewImg {
  flex: 0 0 auto;
  max-width: 90%;
  max-height: 90%;
  object-fit: cover;
  border-radius: 3px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15);
}

.uppy-Dashboard-FileCard-edit {
  position: absolute;
  top: 10px;
  padding: 7px 15px;
  color: #fff;
  font-size: 13px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50px;
  inset-inline-end: 10px;
}
.uppy-Dashboard-FileCard-edit:focus {
  outline: none;
}
.uppy-Dashboard-FileCard-edit::-moz-focus-inner {
  border: 0;
}
.uppy-Dashboard-FileCard-edit:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}
.uppy-Dashboard-FileCard-edit:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.uppy-Dashboard-FileCard-info {
  flex-grow: 0;
  flex-shrink: 0;
  height: 40%;
  padding: 30px 20px 20px 20px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
[data-uppy-theme=dark] .uppy-Dashboard-FileCard-info {
  background-color: #1f1f1f;
}

.uppy-Dashboard-FileCard-fieldset {
  max-width: 640px;
  margin: auto;
  margin-bottom: 12px;
  padding: 0;
  font-size: 0;
  border: 0;
}

.uppy-Dashboard-FileCard-label {
  display: inline-block;
  width: 22%;
  color: #525252;
  font-size: 12px;
  vertical-align: middle;
}
.uppy-size--md .uppy-Dashboard-FileCard-label {
  font-size: 14px;
}
[data-uppy-theme=dark] .uppy-Dashboard-FileCard-label {
  color: #eaeaea;
}

.uppy-Dashboard-FileCard-input {
  display: inline-block;
  width: 78%;
  vertical-align: middle;
}

.uppy-Dashboard-FileCard-actions {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  height: 55px;
  padding: 0 15px;
  background-color: #fafafa;
  border-top: 1px solid #eaeaea;
}
.uppy-size--md .uppy-Dashboard-FileCard-actions {
  height: 65px;
}
[data-uppy-theme=dark] .uppy-Dashboard-FileCard-actions {
  background-color: #1f1f1f;
  border-top: 1px solid #333;
}

.uppy-Dashboard-FileCard-actionsBtn {
  margin-inline-end: 10px;
}

.uppy-Informer {
  position: absolute;
  right: 0;
  bottom: 60px;
  left: 0;
  z-index: 1005;
  text-align: center;
}
.uppy-Informer span > div {
  margin-bottom: 6px;
}

.uppy-Informer-animated {
  z-index: -1000;
  transform: translateY(350%);
  opacity: 0;
  transition: all 300ms ease-in;
}

.uppy-Informer p {
  display: inline-block;
  max-width: 90%;
  margin: 0;
  padding: 0;
  padding: 6px 15px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  background-color: #757575;
  border-radius: 18px;
}
.uppy-size--md .uppy-Informer p {
  max-width: 500px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 1.3;
}
[data-uppy-theme=dark] .uppy-Informer p {
  background-color: #333;
}

.uppy-Informer p span {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 13px;
  height: 13px;
  color: #525252;
  font-size: 10px;
  line-height: 12px;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 50%;
  inset-inline-start: 3px;
  margin-inline-start: -1px;
}

.uppy-Informer p span:hover {
  cursor: help;
}

.uppy-Informer p span::after {
  line-height: 1.3;
  word-wrap: break-word;
}

/* -------------------------------------------------------------------
  Microtip

  Modern, lightweight css-only tooltips
  Just 1kb minified and gzipped

  @author Ghosh
  @package Microtip

----------------------------------------------------------------------
  1. Base Styles
  2. Direction Modifiers
  3. Position Modifiers
-------------------------------------------------------------------- */
/* ------------------------------------------------
  [1] Base Styles
------------------------------------------------- */
.uppy-Root [aria-label][role~=tooltip] {
  position: relative;
}

.uppy-Root [aria-label][role~=tooltip]::before,
.uppy-Root [aria-label][role~=tooltip]::after {
  position: absolute;
  z-index: 10;
  box-sizing: border-box;
  transform: translate3d(0, 0, 0);
  transform-origin: top;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  pointer-events: none;
  will-change: transform;
}

.uppy-Root [aria-label][role~=tooltip]::before {
  background-size: 100% auto !important;
  content: "";
}

.uppy-Root [aria-label][role~=tooltip]::after {
  box-sizing: content-box;
  padding: 0.5em 1em;
  color: #fff;
  font-weight: var(--microtip-font-weight, normal);
  font-size: var(--microtip-font-size, 13px);
  white-space: nowrap;
  text-transform: var(--microtip-text-transform, none);
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  content: attr(aria-label);
}

.uppy-Root [aria-label][role~=tooltip]:hover::before,
.uppy-Root [aria-label][role~=tooltip]:hover::after,
.uppy-Root [aria-label][role~=tooltip]:focus::before,
.uppy-Root [aria-label][role~=tooltip]:focus::after {
  opacity: 1;
  pointer-events: auto;
}

/* ------------------------------------------------
  [2] Position Modifiers
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position|=top]::before {
  bottom: 100%;
  left: 50%;
  width: 18px;
  height: 6px;
  margin-bottom: 5px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  transform: translate3d(-50%, 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position|=top]::after {
  bottom: 100%;
  left: 50%;
  margin-bottom: 11px;
  transform: translate3d(-50%, 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position|=top]:hover::before {
  transform: translate3d(-50%, -5px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=top]:hover::after {
  transform: translate3d(-50%, -5px, 0);
}

/* ------------------------------------------------
  [2.1] Top Left
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=top-left]::after {
  bottom: 100%;
  transform: translate3d(calc(-100% + 16px), 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=top-left]:hover::after {
  transform: translate3d(calc(-100% + 16px), -5px, 0);
}

/* ------------------------------------------------
  [2.2] Top Right
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=top-right]::after {
  bottom: 100%;
  transform: translate3d(calc(0% - 16px), 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=top-right]:hover::after {
  transform: translate3d(calc(0% - 16px), -5px, 0);
}

/* ------------------------------------------------
  [2.3] Bottom
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position|=bottom]::before {
  top: 100%;
  bottom: auto;
  left: 50%;
  width: 18px;
  height: 6px;
  margin-top: 5px;
  margin-bottom: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  transform: translate3d(-50%, -10px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]::after {
  top: 100%;
  left: 50%;
  margin-top: 11px;
  transform: translate3d(-50%, -10px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:hover::before {
  transform: translate3d(-50%, 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=bottom]:hover::after {
  transform: translate3d(-50%, 0, 0);
}

/* ------------------------------------------------
  [2.4] Bottom Left
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]::after {
  top: 100%;
  transform: translate3d(calc(-100% + 16px), -10px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:hover::after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
}

/* ------------------------------------------------
  [2.5] Bottom Right
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]::after {
  top: 100%;
  transform: translate3d(calc(0% - 16px), -10px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:hover::after {
  transform: translate3d(calc(0% - 16px), 0, 0);
}

/* ------------------------------------------------
  [2.6] Left
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=left]::before,
.uppy-Root [role~=tooltip][data-microtip-position=left]::after {
  top: 50%;
  right: 100%;
  bottom: auto;
  left: auto;
  transform: translate3d(10px, -50%, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=left]::before {
  width: 6px;
  height: 18px;
  margin-right: 5px;
  margin-bottom: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
}

.uppy-Root [role~=tooltip][data-microtip-position=left]::after {
  margin-right: 11px;
}

.uppy-Root [role~=tooltip][data-microtip-position=left]:hover::before,
.uppy-Root [role~=tooltip][data-microtip-position=left]:hover::after {
  transform: translate3d(0, -50%, 0);
}

/* ------------------------------------------------
  [2.7] Right
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=right]::before,
.uppy-Root [role~=tooltip][data-microtip-position=right]::after {
  top: 50%;
  bottom: auto;
  left: 100%;
  transform: translate3d(-10px, -50%, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=right]::before {
  width: 6px;
  height: 18px;
  margin-bottom: 0;
  margin-left: 5px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
}

.uppy-Root [role~=tooltip][data-microtip-position=right]::after {
  margin-left: 11px;
}

.uppy-Root [role~=tooltip][data-microtip-position=right]:hover::before,
.uppy-Root [role~=tooltip][data-microtip-position=right]:hover::after {
  transform: translate3d(0, -50%, 0);
}

/* ------------------------------------------------
  [3] Size
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-size=small]::after {
  width: 80px;
  white-space: initial;
}

.uppy-Root [role~=tooltip][data-microtip-size=medium]::after {
  width: 150px;
  white-space: initial;
}

.uppy-Root [role~=tooltip][data-microtip-size=large]::after {
  width: 260px;
  white-space: initial;
}

.uppy-StatusBar {
  position: relative;
  z-index: 1001;
  display: flex;
  height: 46px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  line-height: 40px;
  background-color: #fff;
  transition: height 0.2s;
}
[data-uppy-theme=dark] .uppy-StatusBar {
  background-color: #1f1f1f;
}

.uppy-StatusBar::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #eaeaea;
  content: "";
}
[data-uppy-theme=dark] .uppy-StatusBar::before {
  background-color: #757575;
}

.uppy-StatusBar[aria-hidden=true] {
  height: 0;
  overflow-y: hidden;
}

.uppy-StatusBar.is-complete .uppy-StatusBar-progress {
  background-color: #1bb240;
}

.uppy-StatusBar.is-error .uppy-StatusBar-progress {
  background-color: #e32437;
}

.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
  color: #1bb240;
}

.uppy-StatusBar.is-error .uppy-StatusBar-statusIndicator {
  color: #e32437;
}

.uppy-StatusBar:not([aria-hidden=true]).is-waiting {
  height: 65px;
  background-color: #fff;
  border-top: 1px solid #eaeaea;
}
[data-uppy-theme=dark] .uppy-StatusBar:not([aria-hidden=true]).is-waiting {
  background-color: #1f1f1f;
  border-top: 1px solid #333;
}

.uppy-StatusBar-progress {
  position: absolute;
  z-index: 1001;
  height: 2px;
  background-color: #1269cf;
  transition: background-color, width 0.3s ease-out;
}
.uppy-StatusBar-progress.is-indeterminate {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.3) 75%, transparent 75%, transparent);
  background-size: 64px 64px;
  animation: uppy-StatusBar-ProgressStripes 1s linear infinite;
}

@keyframes uppy-StatusBar-ProgressStripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 64px 0;
  }
}
.uppy-StatusBar.is-preprocessing .uppy-StatusBar-progress,
.uppy-StatusBar.is-postprocessing .uppy-StatusBar-progress {
  background-color: #f6a623;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-progress {
  display: none;
}

.uppy-StatusBar-content {
  position: relative;
  z-index: 1002;
  display: flex;
  align-items: center;
  height: 100%;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-inline-start: 10px;
}
.uppy-size--md .uppy-StatusBar-content {
  padding-inline-start: 15px;
}
[data-uppy-theme=dark] .uppy-StatusBar-content {
  color: #eaeaea;
}

.uppy-StatusBar-status {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: normal;
  line-height: 1.4;
  padding-inline-end: 0.3em;
}

.uppy-StatusBar-statusPrimary {
  font-weight: 500;
  line-height: 1;
  display: flex;
}
.uppy-StatusBar-statusPrimary button.uppy-StatusBar-details {
  margin-left: 5px;
}
[data-uppy-theme=dark] .uppy-StatusBar-statusPrimary {
  color: #eaeaea;
}

.uppy-StatusBar-statusSecondary {
  display: inline-block;
  margin-top: 1px;
  color: #757575;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
}
[data-uppy-theme=dark] .uppy-StatusBar-statusSecondary {
  color: #bbb;
}

.uppy-StatusBar-statusSecondaryHint {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  margin-inline-end: 5px;
}
.uppy-size--md .uppy-StatusBar-statusSecondaryHint {
  margin-inline-end: 8px;
}

.uppy-StatusBar-statusIndicator {
  position: relative;
  top: 1px;
  color: #525252;
  margin-inline-end: 7px;
}
.uppy-StatusBar-statusIndicator svg {
  vertical-align: text-bottom;
}

.uppy-StatusBar-actions {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1004;
  display: flex;
  align-items: center;
  inset-inline-end: 10px;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
  position: static;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  background-color: #fafafa;
}
[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
  background-color: #1f1f1f;
}

.uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts {
  flex-direction: column;
  height: 90px;
}
.uppy-size--md .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts {
  flex-direction: row;
  height: 65px;
}
.uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts .uppy-StatusBar-actions {
  flex-direction: column;
  justify-content: center;
}
.uppy-size--md .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts .uppy-StatusBar-actions {
  flex-direction: row;
  justify-content: initial;
}

.uppy-StatusBar-actionCircleBtn {
  margin: 3px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.9;
}
.uppy-StatusBar-actionCircleBtn:focus {
  outline: none;
}
.uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
  border: 0;
}
.uppy-StatusBar-actionCircleBtn:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}
[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus {
  outline: none;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
  border: 0;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
}
.uppy-StatusBar-actionCircleBtn:hover {
  opacity: 1;
}
.uppy-StatusBar-actionCircleBtn:focus {
  border-radius: 50%;
}

.uppy-StatusBar-actionCircleBtn svg {
  vertical-align: bottom;
}

.uppy-StatusBar-actionBtn {
  display: inline-block;
  color: #1269cf;
  font-size: 10px;
  line-height: inherit;
  vertical-align: middle;
}
.uppy-size--md .uppy-StatusBar-actionBtn {
  font-size: 11px;
}

.uppy-StatusBar-actionBtn--disabled {
  opacity: 0.4;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--disabled {
  opacity: 0.7;
}

.uppy-StatusBar-actionBtn--retry {
  position: relative;
  height: 16px;
  padding: 1px 6px 3px 18px;
  color: #fff;
  line-height: 1;
  background-color: #ff4b23;
  border-radius: 8px;
  margin-inline-end: 6px;
}
.uppy-StatusBar-actionBtn--retry:focus {
  outline: none;
}
.uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
  border: 0;
}
.uppy-StatusBar-actionBtn--retry:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus {
  outline: none;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
  border: 0;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
}
.uppy-StatusBar-actionBtn--retry:hover {
  background-color: rgb(249.2, 45.3090909091, 0);
}
.uppy-StatusBar-actionBtn--retry svg {
  position: absolute;
  top: 3px;
  inset-inline-start: 6px;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  width: 100%;
  padding: 15px 10px;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  background-color: #1bb240;
}
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
  background-color: rgb(23.6414634146, 155.8585365854, 56.0390243902);
}
[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  background-color: #1c8b37;
}
[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
  background-color: rgb(23.7245508982, 117.7754491018, 46.6017964072);
}

.uppy-size--md .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  width: auto;
  padding: 13px 22px;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover {
  background-color: #1bb240;
  cursor: not-allowed;
}

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover {
  background-color: #1c8b37;
}

.uppy-StatusBar:not(.is-waiting) .uppy-StatusBar-actionBtn--upload {
  color: #1269cf;
  background-color: transparent;
}

.uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-inline-end: 3px;
  padding-inline-start: 3px;
  padding-bottom: 1px;
  border-radius: 3px;
}
.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  outline: none;
}
.uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
  border: 0;
}
.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  outline: none;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
  border: 0;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
}
.uppy-StatusBar.is-preprocessing .uppy-StatusBar-actionBtn--uploadNewlyAdded, .uppy-StatusBar.is-postprocessing .uppy-StatusBar-actionBtn--uploadNewlyAdded {
  display: none;
}

.uppy-StatusBar-actionBtn--done {
  padding: 7px 8px;
  line-height: 1;
  border-radius: 3px;
}
.uppy-StatusBar-actionBtn--done:focus {
  outline: none;
}
.uppy-StatusBar-actionBtn--done::-moz-focus-inner {
  border: 0;
}
.uppy-StatusBar-actionBtn--done:hover {
  color: rgb(13.92, 81.2, 160.08);
}
.uppy-StatusBar-actionBtn--done:focus {
  background-color: #dfe6f1;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done:focus {
  background-color: #333;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done {
  color: #02baf2;
}

.uppy-size--md .uppy-StatusBar-actionBtn--done {
  font-size: 14px;
}

.uppy-StatusBar-serviceMsg {
  padding-left: 10px;
  color: #000;
  font-size: 11px;
  line-height: 1.1;
}
.uppy-size--md .uppy-StatusBar-serviceMsg {
  padding-left: 15px;
  font-size: 14px;
}
[data-uppy-theme=dark] .uppy-StatusBar-serviceMsg {
  color: #eaeaea;
}

.uppy-StatusBar-serviceMsg-ghostsIcon {
  position: relative;
  top: 2px;
  left: 6px;
  width: 10px;
  vertical-align: text-bottom;
  opacity: 0.5;
}
.uppy-size--md .uppy-StatusBar-serviceMsg-ghostsIcon {
  top: 1px;
  left: 10px;
  width: 15px;
}

.uppy-StatusBar-details {
  position: relative;
  top: 0;
  display: inline-block;
  width: 13px;
  height: 13px;
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  vertical-align: middle;
  background-color: #939393;
  border-radius: 50%;
  cursor: help;
  appearance: none;
  inset-inline-start: 2px;
}

.uppy-StatusBar-details::after {
  line-height: 1.3;
  word-wrap: break-word;
}

.uppy-StatusBar-spinner {
  animation-name: uppy-StatusBar-spinnerAnimation;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  fill: #1269cf;
  margin-inline-end: 10px;
}

.uppy-StatusBar.is-preprocessing .uppy-StatusBar-spinner,
.uppy-StatusBar.is-postprocessing .uppy-StatusBar-spinner {
  fill: #f6a623;
}

@keyframes uppy-StatusBar-spinnerAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.uppy-transition-slideDownUp-enter {
  transform: translate3d(0, -105%, 0);
  opacity: 0.01;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}

.uppy-transition-slideDownUp-enter.uppy-transition-slideDownUp-enter-active {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.uppy-transition-slideDownUp-leave {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}

.uppy-transition-slideDownUp-leave.uppy-transition-slideDownUp-leave-active {
  transform: translate3d(0, -105%, 0);
  opacity: 0.01;
}

@keyframes uppy-Dashboard-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes uppy-Dashboard-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes uppy-Dashboard-slideDownAndFadeIn {
  from {
    transform: translate3d(-50%, -70%, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}
@keyframes uppy-Dashboard-slideDownAndFadeIn--small {
  from {
    transform: translate3d(0, -20%, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes uppy-Dashboard-slideUpFadeOut {
  from {
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(-50%, -70%, 0);
    opacity: 0;
  }
}
@keyframes uppy-Dashboard-slideUpFadeOut--small {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, -20%, 0);
    opacity: 0;
  }
}
.uppy-Dashboard--modal {
  z-index: 1001;
}

.uppy-Dashboard--modal[aria-hidden=true] {
  display: none;
}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner {
  animation: uppy-Dashboard-slideDownAndFadeIn--small 0.3s cubic-bezier(0, 0, 0.2, 1);
}
@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner {
    animation: uppy-Dashboard-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
  }
}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-overlay {
  animation: uppy-Dashboard-fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner {
  animation: uppy-Dashboard-slideUpFadeOut--small 0.3s cubic-bezier(0, 0, 0.2, 1);
}
@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner {
    animation: uppy-Dashboard-slideUpFadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
  }
}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-overlay {
  animation: uppy-Dashboard-fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.uppy-Dashboard-isFixed {
  height: 100vh;
  overflow: hidden;
}

.uppy-Dashboard--modal .uppy-Dashboard-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  background-color: rgba(0, 0, 0, 0.5);
}

.uppy-Dashboard-inner {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  background-color: #f4f4f4;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  outline: none;
}
.uppy-size--md .uppy-Dashboard-inner {
  min-height: auto;
}
@media only screen and (min-width: 820px) {
  .uppy-Dashboard-inner {
    width: 650px;
    height: 500px;
  }
}
.uppy-Dashboard--modal .uppy-Dashboard-inner {
  z-index: 1002;
}
[data-uppy-theme=dark] .uppy-Dashboard-inner {
  background-color: #1f1f1f;
}
.uppy-Dashboard--isDisabled .uppy-Dashboard-inner {
  cursor: not-allowed;
}

.uppy-Dashboard-innerWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 5px;
  opacity: 0;
}
.uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-innerWrap {
  opacity: 1;
}
.uppy-Dashboard--isDisabled .uppy-Dashboard-innerWrap {
  opacity: 0.6;
  filter: grayscale(100%);
  user-select: none;
  cursor: not-allowed;
}

.uppy-Dashboard--isDisabled .uppy-ProviderIconBg {
  fill: #9f9f9f;
}

.uppy-Dashboard--isDisabled [disabled],
.uppy-Dashboard--isDisabled [aria-disabled] {
  pointer-events: none;
  cursor: not-allowed;
}

.uppy-Dashboard--modal .uppy-Dashboard-inner {
  position: fixed;
  top: 35px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  border: none;
}
@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal .uppy-Dashboard-inner {
    top: 50%;
    right: auto;
    left: 50%;
    box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.15);
    transform: translate(-50%, -50%);
  }
}

.uppy-Dashboard-close {
  position: absolute;
  top: -33px;
  z-index: 1005;
  display: block;
  color: rgba(255, 255, 255, 0.9);
  font-size: 27px;
  cursor: pointer;
  inset-inline-end: -2px;
}
.uppy-Dashboard-close:focus {
  outline: none;
}
.uppy-Dashboard-close::-moz-focus-inner {
  border: 0;
}
.uppy-Dashboard-close:focus {
  color: rgb(110.1, 171, 242.4);
}
@media only screen and (min-width: 820px) {
  .uppy-Dashboard-close {
    top: -10px;
    font-size: 35px;
    inset-inline-end: -35px;
  }
}

.uppy-Dashboard-serviceMsg {
  position: relative;
  top: -1px;
  z-index: 1004;
  padding: 12px 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  background-color: #fffbf7;
  border-top: 1px solid #edd4b9;
  border-bottom: 1px solid #edd4b9;
}
.uppy-size--md .uppy-Dashboard-serviceMsg {
  font-size: 14px;
  line-height: 1.4;
}
[data-uppy-theme=dark] .uppy-Dashboard-serviceMsg {
  color: #eaeaea;
  background-color: #1f1f1f;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

.uppy-Dashboard-serviceMsg-title {
  display: block;
  margin-bottom: 4px;
  padding-left: 42px;
  line-height: 1;
}

.uppy-Dashboard-serviceMsg-text {
  padding: 0 15px;
}

.uppy-Dashboard-serviceMsg-actionBtn {
  color: #1269cf;
  font-weight: inherit;
  font-size: inherit;
  vertical-align: initial;
}
[data-uppy-theme=dark] .uppy-Dashboard-serviceMsg-actionBtn {
  color: rgba(2, 186, 242, 0.9);
}

.uppy-Dashboard-serviceMsg-icon {
  position: absolute;
  top: 10px;
  left: 15px;
}

.uppy-Dashboard-AddFiles {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
[data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles {
  height: calc(100% - 14px);
  margin: 7px;
  border: 1px dashed #dfdfdf;
  border-radius: 3px;
}
.uppy-Dashboard-AddFilesPanel .uppy-Dashboard-AddFiles {
  height: calc(100% - 14px - 40px);
  border: none;
}
.uppy-Dashboard--modal .uppy-Dashboard-AddFiles {
  border-color: #cfcfcf;
}
[data-uppy-theme=dark] .uppy-Dashboard-AddFiles {
  border-color: #757575;
}

.uppy-Dashboard-AddFiles-info {
  display: none;
  margin-top: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}
.uppy-size--height-md .uppy-Dashboard-AddFiles-info {
  display: block;
}
.uppy-size--md .uppy-Dashboard-AddFiles-info {
  position: absolute;
  right: 0;
  bottom: 25px;
  left: 0;
  padding-top: 30px;
  padding-bottom: 0;
}
[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-info {
  margin-top: 0;
}

.uppy-Dashboard-browse {
  color: #1269cf;
  cursor: pointer;
}
.uppy-Dashboard-browse:focus {
  outline: none;
}
.uppy-Dashboard-browse::-moz-focus-inner {
  border: 0;
}
.uppy-Dashboard-browse:hover, .uppy-Dashboard-browse:focus {
  border-bottom: 1px solid #1269cf;
}
[data-uppy-theme=dark] .uppy-Dashboard-browse {
  color: rgba(2, 186, 242, 0.9);
}
[data-uppy-theme=dark] .uppy-Dashboard-browse:hover, [data-uppy-theme=dark] .uppy-Dashboard-browse:focus {
  border-bottom: 1px solid #02baf2;
}

.uppy-Dashboard-browseBtn {
  display: block;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 14px;
}
.uppy-size--md .uppy-Dashboard-browseBtn {
  width: auto;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 13px 44px;
  font-size: 15px;
}

.uppy-Dashboard-AddFiles-list {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  margin-top: 2px;
  padding: 2px 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.uppy-size--md .uppy-Dashboard-AddFiles-list {
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 600px;
  margin-top: 15px;
  padding-top: 0;
  overflow-y: visible;
}

.uppy-DashboardTab {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
}
[data-uppy-theme=dark] .uppy-DashboardTab {
  border-bottom: 1px solid #333;
}
.uppy-size--md .uppy-DashboardTab {
  display: inline-block;
  width: initial;
  margin-bottom: 10px;
  border-bottom: none;
}

.uppy-DashboardTab-btn {
  flex-direction: row;
  align-items: center;
  justify-content: left;
  width: 100%;
  height: 100%;
  padding: 12px 15px;
  color: #525252;
  background-color: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.uppy-DashboardTab-btn:focus {
  outline: none;
}
.uppy-DashboardTab-btn::-moz-focus-inner {
  border: 0;
}
.uppy-size--md .uppy-DashboardTab-btn {
  flex-direction: column;
  width: 86px;
  padding: 10px 3px;
  border-radius: 5px;
  margin-inline-end: 1px;
}
[data-uppy-theme=dark] .uppy-DashboardTab-btn {
  color: #eaeaea;
}

.uppy-DashboardTab-btn::-moz-focus-inner {
  border: 0;
}

.uppy-DashboardTab-btn:hover {
  background-color: #e9ecef;
}
[data-uppy-theme=dark] .uppy-DashboardTab-btn:hover {
  background-color: #333;
}

.uppy-DashboardTab-btn:active,
.uppy-DashboardTab-btn:focus {
  background-color: #dfe6f1;
}
[data-uppy-theme=dark] .uppy-DashboardTab-btn:active,
[data-uppy-theme=dark] .uppy-DashboardTab-btn:focus {
  background-color: #525252;
}

.uppy-DashboardTab-btn svg {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  vertical-align: text-top;
  transition: transform ease-in-out 0.15s;
}

.uppy-DashboardTab-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.02);
  margin-inline-end: 10px;
}
.uppy-size--md .uppy-DashboardTab-inner {
  margin-inline-end: 0;
}
[data-uppy-theme=dark] .uppy-DashboardTab-inner {
  background-color: #323232;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 3px 0 rgba(0, 0, 0, 0.08);
}

.uppy-DashboardTab-name {
  font-weight: 400;
  font-size: 14px;
}
.uppy-size--md .uppy-DashboardTab-name {
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 15px;
}

.uppy-DashboardTab-iconMyDevice {
  color: #1269cf;
}
[data-uppy-theme=dark] .uppy-DashboardTab-iconMyDevice {
  color: #02baf2;
}

.uppy-DashboardTab-iconBox {
  color: #0061d5;
}
[data-uppy-theme=dark] .uppy-DashboardTab-iconBox {
  color: #eaeaea;
}

.uppy-DashboardTab-iconDropbox {
  color: #0061fe;
}
[data-uppy-theme=dark] .uppy-DashboardTab-iconDropbox {
  color: #eaeaea;
}

.uppy-DashboardTab-iconUnsplash {
  color: #111;
}
[data-uppy-theme=dark] .uppy-DashboardTab-iconUnsplash {
  color: #eaeaea;
}

.uppy-DashboardTab-iconWebdav {
  color: #111;
}
[data-uppy-theme=dark] .uppy-DashboardTab-iconWebdav {
  color: #eaeaea;
}

.uppy-DashboardTab-iconScreenRec {
  color: #2c3e50;
}
[data-uppy-theme=dark] .uppy-DashboardTab-iconScreenRec {
  color: #eaeaea;
}

.uppy-DashboardTab-iconAudio {
  color: #8030a3;
}
[data-uppy-theme=dark] .uppy-DashboardTab-iconAudio {
  color: #bf6ee3;
}

.uppy-Dashboard-input {
  position: absolute;
  z-index: -1;
  width: 0.1px;
  height: 0.1px;
  overflow: hidden;
  opacity: 0;
}

.uppy-DashboardContent-bar {
  position: relative;
  z-index: 1004;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  background-color: #fafafa;
  border-bottom: 1px solid #eaeaea;
}
.uppy-size--md .uppy-DashboardContent-bar {
  height: 50px;
  padding: 0 15px;
}
[data-uppy-theme=dark] .uppy-DashboardContent-bar {
  background-color: #1f1f1f;
  border-bottom: 1px solid #333;
}

.uppy-DashboardContent-title {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 170px;
  margin: auto;
  overflow-x: hidden;
  font-weight: 500;
  font-size: 12px;
  line-height: 40px;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
}
.uppy-size--md .uppy-DashboardContent-title {
  max-width: 300px;
  font-size: 14px;
  line-height: 50px;
}
[data-uppy-theme=dark] .uppy-DashboardContent-title {
  color: #eaeaea;
}

.uppy-DashboardContent-back,
.uppy-DashboardContent-save {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: 1;
  background: none;
  border: 0;
  -webkit-appearance: none;
  padding: 7px 6px;
  color: #1269cf;
  font-weight: 400;
  font-size: 12px;
  border-radius: 3px;
  cursor: pointer;
  margin-inline-start: -6px;
}
.uppy-DashboardContent-back:focus,
.uppy-DashboardContent-save:focus {
  outline: none;
}
.uppy-DashboardContent-back::-moz-focus-inner,
.uppy-DashboardContent-save::-moz-focus-inner {
  border: 0;
}
.uppy-DashboardContent-back:hover,
.uppy-DashboardContent-save:hover {
  color: rgb(13.92, 81.2, 160.08);
}
.uppy-DashboardContent-back:focus,
.uppy-DashboardContent-save:focus {
  background-color: #dfe6f1;
}
[data-uppy-theme=dark] .uppy-DashboardContent-back:focus,
[data-uppy-theme=dark] .uppy-DashboardContent-save:focus {
  background-color: #333;
}
.uppy-size--md .uppy-DashboardContent-back,
.uppy-size--md .uppy-DashboardContent-save {
  font-size: 14px;
}
[data-uppy-theme=dark] .uppy-DashboardContent-back,
[data-uppy-theme=dark] .uppy-DashboardContent-save {
  color: #02baf2;
}

.uppy-DashboardContent-addMore {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: 1;
  background: none;
  border: 0;
  -webkit-appearance: none;
  width: 29px;
  height: 29px;
  padding: 7px 8px;
  color: #1269cf;
  font-weight: 500;
  border-radius: 3px;
  cursor: pointer;
  margin-inline-end: -5px;
}
.uppy-DashboardContent-addMore:focus {
  outline: none;
}
.uppy-DashboardContent-addMore::-moz-focus-inner {
  border: 0;
}
.uppy-DashboardContent-addMore:hover {
  color: rgb(13.92, 81.2, 160.08);
}
.uppy-DashboardContent-addMore:focus {
  background-color: #dfe6f1;
}
[data-uppy-theme=dark] .uppy-DashboardContent-addMore:focus {
  background-color: #333;
}
.uppy-size--md .uppy-DashboardContent-addMore {
  width: auto;
  height: auto;
  font-size: 14px;
  margin-inline-end: -8px;
}
[data-uppy-theme=dark] .uppy-DashboardContent-addMore {
  color: #02baf2;
}

.uppy-DashboardContent-addMore svg {
  vertical-align: baseline;
  margin-inline-end: 4px;
}
.uppy-size--md .uppy-DashboardContent-addMore svg {
  width: 11px;
  height: 11px;
}

.uppy-DashboardContent-addMoreCaption {
  display: none;
}
.uppy-size--md .uppy-DashboardContent-addMoreCaption {
  display: inline;
}

.uppy-DashboardContent-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  background-color: rgb(244.8, 244.8, 244.8);
  border-radius: 5px;
}

.uppy-Dashboard-AddFilesPanel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #fafafa;
  background: linear-gradient(0deg, #fafafa 35%, rgba(250, 250, 250, 0.85) 100%);
  border-radius: 5px;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
}
[data-uppy-theme=dark] .uppy-Dashboard-AddFilesPanel {
  background-color: #333;
  background-image: linear-gradient(0deg, #1f1f1f 35%, rgba(31, 31, 31, 0.85) 100%);
}

.uppy-Dashboard--isAddFilesPanelVisible .uppy-Dashboard-files {
  filter: blur(2px);
}

.uppy-Dashboard-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 12%;
}

.uppy-Dashboard-progressBarContainer.is-active {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1004;
  width: 100%;
  height: 100%;
}

.uppy-Dashboard-filesContainer {
  position: relative;
  flex: 1;
  margin: 0;
  overflow-y: hidden;
}
.uppy-Dashboard-filesContainer::after {
  display: table;
  clear: both;
  content: "";
}

.uppy-Dashboard-files {
  flex: 1;
  margin: 0;
  padding: 0 0 10px 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.uppy-size--md .uppy-Dashboard-files {
  padding-top: 10px;
}

.uppy-Dashboard--singleFile .uppy-Dashboard-filesInner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.uppy-Dashboard-dropFilesHereHint {
  position: absolute;
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 90px;
  color: #757575;
  font-size: 16px;
  text-align: center;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%231269CF' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 1px dashed #1269cf;
  border-radius: 3px;
  visibility: hidden;
}
[data-uppy-theme=dark] .uppy-Dashboard-dropFilesHereHint {
  color: #bbb;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%2302BAF2' fill-rule='nonzero'/%3E%3C/svg%3E");
  border-color: #02baf2;
}

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-dropFilesHereHint {
  visibility: visible;
  pointer-events: none;
}
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardContent-bar,
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-files,
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-progressindicators,
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-serviceMsg {
  opacity: 0.15;
}
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-AddFiles {
  opacity: 0.03;
}

.uppy-Dashboard-AddFiles-title {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 5px;
  padding: 0 15px;
  color: #000;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.35;
  text-align: inline-start;
}
.uppy-size--md .uppy-Dashboard-AddFiles-title {
  max-width: 480px;
  padding: 0 35px;
  margin-top: 5px;
  font-weight: 400;
  font-size: 21px;
  text-align: center;
}
[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-title {
  text-align: center;
}
[data-uppy-theme=dark] .uppy-Dashboard-AddFiles-title {
  color: #eaeaea;
}
.uppy-Dashboard-AddFiles-title button {
  font-weight: 500;
}
.uppy-size--md .uppy-Dashboard-AddFiles-title button {
  font-weight: 400;
}

.uppy-Dashboard-note {
  max-width: 350px;
  margin: auto;
  padding: 0 15px;
  color: #757575;
  font-size: 14px;
  line-height: 1.25;
  text-align: center;
}
.uppy-size--md .uppy-Dashboard-note {
  max-width: 600px;
  line-height: 1.35;
}
[data-uppy-theme=dark] .uppy-Dashboard-note {
  color: #cfcfcf;
}

a.uppy-Dashboard-poweredBy {
  display: inline-block;
  margin-top: 8px;
  color: #939393;
  font-size: 11px;
  text-align: center;
  text-decoration: none;
}

.uppy-Dashboard-poweredByIcon {
  position: relative;
  top: 1px;
  margin-right: 1px;
  margin-left: 1px;
  vertical-align: text-top;
  opacity: 0.9;
  fill: none;
  stroke: #939393;
}

.uppy-Dashboard-Item-previewIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  width: 25px;
  height: 25px;
  transform: translate(-50%, -50%);
}
.uppy-size--md .uppy-Dashboard-Item-previewIcon {
  width: 38px;
  height: 38px;
}
.uppy-Dashboard-Item-previewIcon svg {
  width: 100%;
  height: 100%;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-previewIcon {
  width: 100%;
  height: 100%;
  max-width: 60%;
  max-height: 60%;
}

.uppy-Dashboard-Item-previewIconWrap {
  position: relative;
  height: 76px;
  max-height: 75%;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-previewIconWrap {
  width: 100%;
  height: 100%;
}

.uppy-Dashboard-Item-previewIconBg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(rgba(0, 0, 0, 0.1) 0 1px 1px);
}

.uppy-Dashboard-upload {
  position: relative;
  width: 50px;
  height: 50px;
}
.uppy-size--md .uppy-Dashboard-upload {
  width: 60px;
  height: 60px;
}

.uppy-Dashboard-upload .uppy-c-icon {
  position: relative;
  top: 1px;
  width: 50%;
}

.uppy-Dashboard-uploadCount {
  position: absolute;
  top: -12px;
  width: 16px;
  height: 16px;
  color: #fff;
  font-size: 8px;
  line-height: 16px;
  background-color: #1bb240;
  border-radius: 50%;
  inset-inline-end: -12px;
}
.uppy-size--md .uppy-Dashboard-uploadCount {
  width: 18px;
  height: 18px;
  font-size: 9px;
  line-height: 18px;
}

/*# sourceMappingURL=style.css.map */
.uppy-DragDrop-container {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif;
  background-color: #fff;
  border-radius: 7px;
  cursor: pointer;
}
.uppy-DragDrop-container::-moz-focus-inner {
  border: 0;
}
.uppy-DragDrop-container:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.4);
}

.uppy-DragDrop-inner {
  margin: 0;
  padding: 80px 20px;
  line-height: 1.4;
  text-align: center;
}

.uppy-DragDrop-arrow {
  width: 60px;
  height: 60px;
  margin-bottom: 17px;
  fill: rgb(223.5, 223.5, 223.5);
}

.uppy-DragDrop--isDragDropSupported {
  border: 2px dashed rgb(172.5, 172.5, 172.5);
}

.uppy-DragDrop--isDraggingOver {
  background: #eaeaea;
  border: 2px dashed #1269cf;
}
.uppy-DragDrop--isDraggingOver .uppy-DragDrop-arrow {
  fill: #939393;
}

.uppy-DragDrop-label {
  display: block;
  margin-bottom: 5px;
  font-size: 1.15em;
}

.uppy-DragDrop-browse {
  color: #1269cf;
  cursor: pointer;
}

.uppy-DragDrop-note {
  color: rgb(172.5, 172.5, 172.5);
  font-size: 1em;
}

/*# sourceMappingURL=style.css.map */
.uppy-Webcam-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.uppy-Webcam-videoContainer {
  position: relative;
  flex: 1;
  flex-grow: 1;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background-color: #333;
}

.uppy-Webcam-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

.uppy-Webcam-video--mirrored {
  transform: scaleX(-1);
}

.uppy-Webcam-imageContainer {
  position: relative;
  width: 100%;
  height: 100%;
}

.uppy-Webcam-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

.uppy-Webcam-image--mirrored {
  transform: scaleX(-1);
}

.uppy-Webcam-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 75px;
  padding: 20px 20px;
}

.uppy-Webcam-videoSourceContainer {
  flex-grow: 0;
  width: 100%;
}

.uppy-size--lg .uppy-Webcam-videoSourceContainer {
  width: 33%;
  margin: 0;
}

.uppy-Webcam-videoSource-select {
  display: block;
  width: 100%;
  max-width: 90%;
  margin: auto;
  margin-bottom: 10px;
  padding: 0.4em 1em 0.3em 0.4em;
  font-size: 16px;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 0.4em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
  border: 1px solid #757575;
}
.uppy-size--lg .uppy-Webcam-videoSource-select {
  margin-bottom: 0;
  font-size: 14px;
}

.uppy-Webcam-videoSource-select::-ms-expand {
  display: none;
}

.uppy-Webcam-buttonContainer {
  width: 50%;
  margin-left: 25%;
  text-align: center;
}

.uppy-size--lg .uppy-Webcam-buttonContainer {
  width: 34%;
  margin-left: 0;
}

.uppy-Webcam-recordingLength {
  flex-grow: 0;
  width: 25%;
  color: #757575;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  text-align: right;
}

.uppy-size--lg .uppy-Webcam-recordingLength {
  width: 33%;
}

.uppy-Webcam-button {
  width: 45px;
  height: 45px;
  color: #fff;
  background-color: #e32437;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s;
}
.uppy-Webcam-button:focus {
  outline: none;
}
.uppy-Webcam-button::-moz-focus-inner {
  border: 0;
}
.uppy-Webcam-button:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}
.uppy-Webcam-button:hover {
  background-color: rgb(210.5769230769, 26.9230769231, 45.1923076923);
}
[data-uppy-theme=dark] .uppy-Webcam-button:focus {
  outline: none;
}
[data-uppy-theme=dark] .uppy-Webcam-button::-moz-focus-inner {
  border: 0;
}
[data-uppy-theme=dark] .uppy-Webcam-button:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
}

.uppy-Webcam-button--submit {
  margin: 0 12px;
  background-color: #1269cf;
}
.uppy-Webcam-button--submit:hover {
  background-color: rgb(15.96, 93.1, 183.54);
}

.uppy-Webcam-button svg {
  display: inline-block;
  width: 30px;
  max-width: 100%;
  height: 30px;
  max-height: 100%;
  overflow: hidden;
  vertical-align: text-top;
  fill: currentColor;
}

.uppy-size--md .uppy-Webcam-button {
  width: 60px;
  height: 60px;
}

.uppy-Webcam-button--picture {
  margin-right: 12px;
}

.uppy-Webcam-permissons {
  display: flex;
  flex: 1;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 15px;
}

.uppy-Webcam-permissons p {
  max-width: 450px;
  margin: 0;
  color: #939393;
  line-height: 1.3;
  line-height: 1.45;
  text-align: center;
}

.uppy-Webcam-permissonsIcon svg {
  width: 100px;
  height: 75px;
  margin-bottom: 30px;
  color: #bbb;
}

.uppy-Webcam-title {
  max-width: 500px;
  margin: 0;
  margin-bottom: 5px;
  padding: 0 15px;
  color: #333;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.35;
  text-align: center;
}
[data-uppy-theme=dark] .uppy-Webcam-title {
  color: #eaeaea;
}

/*# sourceMappingURL=style.css.map */

/*@ sourceMappingURL=ember-paper.css.map*/.ember-tooltip-base {
  display: none;
  height: 0;
  width: 0;
  position: absolute;
}

.ember-tooltip,
.ember-popover {
  margin-bottom: 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  position: absolute;
  z-index: 2;

  font-size: 14px;
  font-family: inherit;
  border-radius: 3px;
}

.ember-tooltip {
  max-width: 200px;
  padding: 6px 10px;
  color: #fff;
  background: #3a3c47;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
  white-space: normal; /* IE doesnt support initial so fall back to normal */
  white-space: initial;
}

.ember-popover {
  color: #000;
  background-color: #fff;
  padding: 10px 20px;
  border: 1px solid #ccc;
}

.ember-popover[aria-hidden="false"] {
  pointer-events: auto;
  cursor: initial;
  -webkit-touch-callout: auto;
  -webkit-user-select: auto;
  user-select: auto;
}

.ember-tooltip-arrow,
.ember-popover-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border: 5px solid transparent;
}

.ember-tooltip, .ember-popover {
  opacity: 0;
  -webkit-transition: opacity ease-out, margin ease-out;
  transition: opacity ease-out, margin ease-out;
  transition-duration: 200ms;
}

.ember-tooltip.ember-tooltip-effect-none,
.ember-popover.ember-tooltip-effect-none,
.ember-tooltip.ember-tooltip-show,
.ember-popover.ember-tooltip-show {
  opacity: 1;
}

.ember-tooltip[x-placement^="top"] .ember-tooltip-arrow,
.ember-popover[x-placement^="top"] .ember-popover-arrow {
  border-bottom-width: 0;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.ember-tooltip[x-placement^="top"] .ember-tooltip-arrow {
  border-top-color: #3a3c47;
}

.ember-popover[x-placement^="top"] .ember-popover-arrow {
  border-top-color: #ccc;
}

.ember-tooltip[x-placement^="right"] .ember-tooltip-arrow,
.ember-popover[x-placement^="right"] .ember-popover-arrow {
  border-left-width: 0;
  left: -5px;
  top: calc(50% - 5px);
  margin-right: 0;
  margin-left: 0;
}

.ember-tooltip[x-placement^="right"] .ember-tooltip-arrow {
  border-right-color: #3a3c47;
}

.ember-popover[x-placement^="right"] .ember-popover-arrow {
  border-right-color: #ccc;
}

.ember-tooltip[x-placement^="bottom"] .ember-tooltip-arrow,
.ember-popover[x-placement^="bottom"] .ember-popover-arrow {
  border-top-width: 0;
  top: -5px;
  left: calc(50% - 5px);
  margin-bottom: 0;
  margin-top: 0;
}

.ember-tooltip[x-placement^="bottom"] .ember-tooltip-arrow {
  border-bottom-color: #3a3c47;
}

.ember-popover[x-placement^="bottom"] .ember-popover-arrow {
  border-bottom-color: #ccc;
}

.ember-tooltip[x-placement^="left"] .ember-tooltip-arrow,
.ember-popover[x-placement^="left"] .ember-popover-arrow {
  border-right-width: 0;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.ember-tooltip[x-placement^="left"] .ember-tooltip-arrow {
  border-left-color: #3a3c47;
}

.ember-popover[x-placement^="left"] .ember-popover-arrow {
  border-left-color: #ccc;
}

:root {
  --vh-offset: 0px;
}

/*
$colors-export: export('palettes', $colors);
$contrasts-export: export('contrasts', (
  'light-contrast-color': $light-contrast-color,
  'dark-contrast-color': $dark-contrast-color,
  'strong-light-contrast-color': $strong-light-contrast-color
));
*/
:root {
  --color-linced-blue-50: #e1edef;
  --color-linced-blue-100: #b3d1d8;
  --color-linced-blue-200: #80b3be;
  --color-linced-blue-300: #4d94a4;
  --color-linced-blue-400: #277d91;
  --color-linced-blue-500: #01667d;
  --color-linced-blue-600: #015e75;
  --color-linced-blue-700: #01536a;
  --color-linced-blue-800: #014960;
  --color-linced-blue-900: #00384d;
  --color-linced-blue-a100: #80d3ff;
  --color-linced-blue-a200: #4dc2ff;
  --color-linced-blue-a400: #1ab0ff;
  --color-linced-blue-a700: #01a7ff;
  --color-linced-blue-contrastDefaultColor: #ffffff;
  --color-linced-teal-50: #e9f6f6;
  --color-linced-teal-100: #d2eded;
  --color-linced-teal-200: #bce4e4;
  --color-linced-teal-300: #a5dbdb;
  --color-linced-teal-400: #8fd3d3;
  --color-linced-teal-500: #79caca;
  --color-linced-teal-600: #62c1c1;
  --color-linced-teal-700: #4cb8b8;
  --color-linced-teal-800: #35afaf;
  --color-linced-teal-900: #1fa6a6;
  --color-linced-teal-contrastDefaultColor: rgba(0, 0, 0, 0.87);
  --color-linced-purple-50: #eeeef4;
  --color-linced-purple-100: #dddde8;
  --color-linced-purple-200: #cccddd;
  --color-linced-purple-300: #bbbcd1;
  --color-linced-purple-400: #aaabc6;
  --color-linced-purple-500: #999abb;
  --color-linced-purple-600: #8889af;
  --color-linced-purple-700: #7779a4;
  --color-linced-purple-800: #666898;
  --color-linced-purple-900: #55578d;
  --color-linced-purple-contrastDefaultColor: rgb(255, 255, 255);
  --color-linced-red-50: #fbe9e9;
  --color-linced-red-100: #f7d3d4;
  --color-linced-red-200: #f3bcbe;
  --color-linced-red-300: #efa6a9;
  --color-linced-red-400: #eb9093;
  --color-linced-red-500: #e67a7d;
  --color-linced-red-600: #e26468;
  --color-linced-red-700: #de4d52;
  --color-linced-red-800: #da373d;
  --color-linced-red-900: #d62127;
  --color-linced-red-contrastDefaultColor: rgb(255, 255, 255);
  --color-linced-orange-yellow-50: #fff8e9;
  --color-linced-orange-yellow-100: #fff0d3;
  --color-linced-orange-yellow-200: #fee9bc;
  --color-linced-orange-yellow-300: #fee1a6;
  --color-linced-orange-yellow-400: #feda90;
  --color-linced-orange-yellow-500: #fed37a;
  --color-linced-orange-yellow-600: #fecb64;
  --color-linced-orange-yellow-700: #fdc44d;
  --color-linced-orange-yellow-800: #fdbc37;
  --color-linced-orange-yellow-900: #fdb521;
  --color-linced-orange-yellow-contrastDefaultColor: rgba(0, 0, 0, 0.87);
  --color-linced-yellow-50: #fffceb;
  --color-linced-yellow-100: #fff8d6;
  --color-linced-yellow-200: #fff5c2;
  --color-linced-yellow-300: #fff2ad;
  --color-linced-yellow-400: #ffef99;
  --color-linced-yellow-500: #ffeb84;
  --color-linced-yellow-600: #ffe870;
  --color-linced-yellow-700: #ffe55b;
  --color-linced-yellow-800: #ffe147;
  --color-linced-yellow-900: #ffde32;
  --color-linced-yellow-contrastDefaultColor: rgba(0, 0, 0, 0.87);
  --color-linced-orange-50: #fff3e7;
  --color-linced-orange-100: #ffe6cf;
  --color-linced-orange-200: #ffdab7;
  --color-linced-orange-300: #ffcd9f;
  --color-linced-orange-400: #ffc188;
  --color-linced-orange-500: #ffb470;
  --color-linced-orange-600: #ffa858;
  --color-linced-orange-700: #ff9b40;
  --color-linced-orange-800: #ff8f28;
  --color-linced-orange-900: #ff8210;
  --color-linced-orange-contrastDefaultColor: rgba(0, 0, 0, 0.87);
  --color-linced-pink-50: #fff3f7;
  --color-linced-pink-100: #fee7ee;
  --color-linced-pink-200: #fedbe6;
  --color-linced-pink-300: #fecfdd;
  --color-linced-pink-400: #fec3d5;
  --color-linced-pink-500: #fdb6cc;
  --color-linced-pink-600: #fdaac4;
  --color-linced-pink-700: #fd9ebb;
  --color-linced-pink-800: #fc92b3;
  --color-linced-pink-900: #fc86aa;
  --color-linced-pink-contrastDefaultColor: rgba(0, 0, 0, 0.87);
  --color-linced-light-green-50: #f5faee;
  --color-linced-light-green-100: #ebf5dd;
  --color-linced-light-green-200: #e0efcc;
  --color-linced-light-green-300: #d6eabb;
  --color-linced-light-green-400: #cce5aa;
  --color-linced-light-green-500: #c2e098;
  --color-linced-light-green-600: #b8db87;
  --color-linced-light-green-700: #add576;
  --color-linced-light-green-800: #a3d065;
  --color-linced-light-green-900: #99cb54;
  --color-linced-light-green-contrastDefaultColor: rgba(0, 0, 0, 0.87);
  --color-linced-dark-green-50: #eaf1e8;
  --color-linced-dark-green-100: #d4e3d2;
  --color-linced-dark-green-200: #bfd5bb;
  --color-linced-dark-green-300: #a9c7a5;
  --color-linced-dark-green-400: #94ba8e;
  --color-linced-dark-green-500: #7fac77;
  --color-linced-dark-green-600: #699e61;
  --color-linced-dark-green-700: #54904a;
  --color-linced-dark-green-800: #3e8234;
  --color-linced-dark-green-900: #29741d;
  --color-linced-dark-green-contrastDefaultColor: rgba(0, 0, 0, 0.87);
  --color-linced-light-blue-50: #f1f8fe;
  --color-linced-light-blue-100: #e4f1fc;
  --color-linced-light-blue-200: #d6eafb;
  --color-linced-light-blue-300: #c8e3f9;
  --color-linced-light-blue-400: #bbdcf8;
  --color-linced-light-blue-500: #add5f6;
  --color-linced-light-blue-600: #9fcef5;
  --color-linced-light-blue-700: #91c7f3;
  --color-linced-light-blue-800: #84c0f2;
  --color-linced-light-blue-900: #76b9f0;
  --color-linced-light-blue-contrastDefaultColor: rgba(0, 0, 0, 0.87);
  --color-linced-dark-blue-50: #e7eced;
  --color-linced-dark-blue-100: #cfd8db;
  --color-linced-dark-blue-200: #b7c5c9;
  --color-linced-dark-blue-300: #9fb2b7;
  --color-linced-dark-blue-400: #879fa6;
  --color-linced-dark-blue-500: #6f8b94;
  --color-linced-dark-blue-600: #577882;
  --color-linced-dark-blue-700: #3f6570;
  --color-linced-dark-blue-800: #27515e;
  --color-linced-dark-blue-900: #0f3e4c;
  --color-linced-dark-blue-contrastDefaultColor: rgb(255, 255, 255);
}

.md-searchbox {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 10.667px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
}

.md-searchinput {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
}

/* TODO is this part of the spec? Demos rely on this. */
.paper-list-inline {
  list-style: none;
  margin-left: -5px;
  padding-left: 0;
}

.paper-list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.md-spin {
  animation: md-spin 1.5s infinite linear;
}

.md-spin-reverse {
  animation: md-spin-reverse 1.5s infinite linear;
}

@keyframes md-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes md-spin-reverse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-359deg);
  }
}
/*
$colors-export: export('palettes', $colors);
$contrasts-export: export('contrasts', (
  'light-contrast-color': $light-contrast-color,
  'dark-contrast-color': $dark-contrast-color,
  'strong-light-contrast-color': $strong-light-contrast-color
));
*/
:root {
  --primary-50: 225, 237, 239;
  --primary-50-contrast: 0, 0, 0;
  --primary-100: 179, 209, 216;
  --primary-100-contrast: 0, 0, 0;
  --primary-200: 128, 179, 190;
  --primary-200-contrast: 0, 0, 0;
  --primary-300: 77, 148, 164;
  --primary-300-contrast: 0, 0, 0;
  --primary-400: 39, 125, 145;
  --primary-400-contrast: 255, 255, 255;
  --primary-500: 1, 102, 125;
  --primary-500-contrast: 255, 255, 255;
  --primary-600: 1, 94, 117;
  --primary-600-contrast: 255, 255, 255;
  --primary-700: 1, 83, 106;
  --primary-700-contrast: 255, 255, 255;
  --primary-800: 1, 73, 96;
  --primary-800-contrast: 255, 255, 255;
  --primary-900: 0, 56, 77;
  --primary-900-contrast: 255, 255, 255;
  --primary-a100: 128, 211, 255;
  --primary-a100-contrast: 0, 0, 0;
  --primary-a200: 77, 194, 255;
  --primary-a200-contrast: 0, 0, 0;
  --primary-a400: 26, 176, 255;
  --primary-a400-contrast: 255, 255, 255;
  --primary-a700: 1, 167, 255;
  --primary-a700-contrast: 255, 255, 255;
  --accent-50: 252, 228, 236;
  --accent-50-contrast: 0, 0, 0;
  --accent-100: 248, 187, 208;
  --accent-100-contrast: 0, 0, 0;
  --accent-200: 244, 143, 177;
  --accent-200-contrast: 0, 0, 0;
  --accent-300: 240, 98, 146;
  --accent-300-contrast: 255, 255, 255;
  --accent-400: 236, 64, 122;
  --accent-400-contrast: 255, 255, 255;
  --accent-500: 233, 30, 99;
  --accent-500-contrast: 255, 255, 255;
  --accent-600: 216, 27, 96;
  --accent-600-contrast: 255, 255, 255;
  --accent-700: 194, 24, 91;
  --accent-700-contrast: 255, 255, 255;
  --accent-800: 173, 20, 87;
  --accent-800-contrast: 255, 255, 255;
  --accent-900: 136, 14, 79;
  --accent-900-contrast: 255, 255, 255;
  --accent-A100: 255, 128, 171;
  --accent-A100-contrast: 0, 0, 0;
  --accent-A200: 255, 64, 129;
  --accent-A200-contrast: 255, 255, 255;
  --accent-A400: 245, 0, 87;
  --accent-A400-contrast: 255, 255, 255;
  --accent-A700: 197, 17, 98;
  --accent-A700-contrast: 255, 255, 255;
  --warn-50: 250, 228, 229;
  --warn-50-contrast: 0, 0, 0;
  --warn-100: 242, 188, 190;
  --warn-100-contrast: 0, 0, 0;
  --warn-200: 234, 143, 147;
  --warn-200-contrast: 0, 0, 0;
  --warn-300: 226, 98, 104;
  --warn-300-contrast: 0, 0, 0;
  --warn-400: 219, 65, 71;
  --warn-400-contrast: 255, 255, 255;
  --warn-500: 213, 31, 39;
  --warn-500-contrast: 255, 255, 255;
  --warn-600: 208, 27, 35;
  --warn-600-contrast: 255, 255, 255;
  --warn-700: 202, 23, 29;
  --warn-700-contrast: 255, 255, 255;
  --warn-800: 196, 18, 23;
  --warn-800-contrast: 255, 255, 255;
  --warn-900: 186, 10, 14;
  --warn-900-contrast: 255, 255, 255;
  --warn-A100: 255, 229, 230;
  --warn-A100-contrast: 0, 0, 0;
  --warn-A200: 255, 179, 179;
  --warn-A200-contrast: 255, 255, 255;
  --warn-A400: 255, 128, 129;
  --warn-A400-contrast: 255, 255, 255;
  --warn-A700: 255, 102, 104;
  --warn-A700-contrast: 255, 255, 255;
  --background-50: 250, 250, 250;
  --background-50-contrast: 0, 0, 0;
  --background-100: 245, 245, 245;
  --background-100-contrast: 0, 0, 0;
  --background-200: 238, 238, 238;
  --background-200-contrast: 0, 0, 0;
  --background-300: 224, 224, 224;
  --background-300-contrast: 0, 0, 0;
  --background-400: 189, 189, 189;
  --background-400-contrast: 0, 0, 0;
  --background-500: 158, 158, 158;
  --background-500-contrast: 0, 0, 0;
  --background-600: 117, 117, 117;
  --background-600-contrast: 255, 255, 255;
  --background-700: 97, 97, 97;
  --background-700-contrast: 255, 255, 255;
  --background-800: 66, 66, 66;
  --background-800-contrast: 255, 255, 255;
  --background-900: 33, 33, 33;
  --background-900-contrast: 255, 255, 255;
  --background-A100: 255, 255, 255;
  --background-A100-contrast: 0, 0, 0;
  --background-A200: 0, 0, 0;
  --background-A200-contrast: 255, 255, 255;
  --background-A400: 48, 48, 48;
  --background-A400-contrast: 255, 255, 255;
  --background-A700: 97, 97, 97;
  --background-A700-contrast: 255, 255, 255;
  --foreground-1: rgba(0, 0, 0, 0.87);
  --foreground-2: rgba(0, 0, 0, 0.54);
  --foreground-3: rgba(0, 0, 0, 0.38);
  --foreground-4: rgba(0, 0, 0, 0.12);
  --foreground-shadow: none;
}

html, body {
  height: 100%;
  position: relative;
}

body {
  margin: 0;
  padding: 0;
}

[tabindex="-1"]:focus {
  outline: none;
}

.inset {
  padding: 10px;
}

a.md-no-style,
button.md-no-style {
  font-weight: normal;
  background-color: inherit;
  text-align: left;
  border: none;
  padding: 0;
  margin: 0;
}

select,
button,
textarea,
input {
  vertical-align: baseline;
}

input[type=reset],
input[type=submit],
html input[type=button],
button {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type=reset][disabled],
input[type=submit][disabled],
html input[type=button][disabled],
button[disabled] {
  cursor: default;
}

textarea {
  vertical-align: top;
  overflow: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
input:-webkit-autofill {
  text-shadow: none;
}

.md-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-transform: none;
  width: 1px;
}

.md-shadow {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: inherit;
  pointer-events: none;
}

.md-shadow-bottom-z-1 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.md-shadow-bottom-z-2 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}

.md-shadow-animated.md-shadow {
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

/*
 * A container inside of a rippling element (eg a button),
 * which contains all of the individual ripples
 */
.md-ripple-container {
  pointer-events: none;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.md-ripple {
  position: absolute;
  transform: translate(-50%, -50%) scale(0);
  transform-origin: 50% 50%;
  opacity: 0;
  border-radius: 50%;
}
.md-ripple.md-ripple-placed {
  transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-ripple.md-ripple-scaled {
  transform: translate(-50%, -50%) scale(1);
}
.md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
  opacity: 0.2;
}
.md-ripple.md-ripple-remove {
  animation: md-remove-ripple 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
}

@keyframes md-remove-ripple {
  0% {
    opacity: 0.15;
  }
  100% {
    opacity: 0;
  }
}
.md-padding {
  padding: 8px;
}

.md-margin {
  margin: 8px;
}

.md-scroll-mask {
  position: absolute;
  background-color: transparent;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
}
.md-scroll-mask > .md-scroll-mask-bar {
  display: block;
  position: absolute;
  background-color: #fafafa;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 65;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
}

.md-no-momentum {
  -webkit-overflow-scrolling: auto;
}

.md-no-flicker {
  -webkit-filter: blur(0px);
}

@media (min-width: 960px) {
  .md-padding {
    padding: 16px;
  }
}
html[dir=rtl], html[dir=ltr], body[dir=rtl], body[dir=ltr] {
  unicode-bidi: embed;
}

bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html, body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/************
 * Headings
 ************/
.md-display-4 {
  font-size: 112px;
  font-weight: 300;
  letter-spacing: -0.01em;
  line-height: 112px;
}

.md-display-3 {
  font-size: 56px;
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 56px;
}

.md-display-2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 64px;
}

.md-display-1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
}

.md-headline {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.md-title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.005em;
}

.md-subhead {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 24px;
}

/************
 * Body Copy
 ************/
.md-body-1 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 20px;
}

.md-body-2 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 24px;
}

.md-caption {
  font-size: 12px;
  letter-spacing: 0.02em;
}

.md-button {
  letter-spacing: 0.01em;
}

/************
 * Defaults
 ************/
button,
select,
html,
textarea,
input {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

select,
button,
textarea,
input {
  font-size: 100%;
}

/*
*  Responsive attributes
*
*  References:
*  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
*  2) https://css-tricks.com/almanac/properties/f/flex/
*  3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
*  4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*  5) http://godban.com.ua/projects/flexgrid
*/
/*
* Since Layout API uses ng-cloak to hide the dom elements while layouts are adjusted
*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

/*
*  Responsive attributes
*
*  References:
*  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
*  2) https://css-tricks.com/almanac/properties/f/flex/
*  3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
*  4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*  5) http://godban.com.ua/projects/flexgrid
*/
@-moz-document url-prefix() {
  .layout-fill {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
  }
}
/*
 *  Apply Mixins to create Layout/Flexbox styles
 */
.flex-order {
  order: 0;
}

.flex-order--20 {
  order: -20;
}

.flex-order--19 {
  order: -19;
}

.flex-order--18 {
  order: -18;
}

.flex-order--17 {
  order: -17;
}

.flex-order--16 {
  order: -16;
}

.flex-order--15 {
  order: -15;
}

.flex-order--14 {
  order: -14;
}

.flex-order--13 {
  order: -13;
}

.flex-order--12 {
  order: -12;
}

.flex-order--11 {
  order: -11;
}

.flex-order--10 {
  order: -10;
}

.flex-order--9 {
  order: -9;
}

.flex-order--8 {
  order: -8;
}

.flex-order--7 {
  order: -7;
}

.flex-order--6 {
  order: -6;
}

.flex-order--5 {
  order: -5;
}

.flex-order--4 {
  order: -4;
}

.flex-order--3 {
  order: -3;
}

.flex-order--2 {
  order: -2;
}

.flex-order--1 {
  order: -1;
}

.flex-order-0 {
  order: 0;
}

.flex-order-1 {
  order: 1;
}

.flex-order-2 {
  order: 2;
}

.flex-order-3 {
  order: 3;
}

.flex-order-4 {
  order: 4;
}

.flex-order-5 {
  order: 5;
}

.flex-order-6 {
  order: 6;
}

.flex-order-7 {
  order: 7;
}

.flex-order-8 {
  order: 8;
}

.flex-order-9 {
  order: 9;
}

.flex-order-10 {
  order: 10;
}

.flex-order-11 {
  order: 11;
}

.flex-order-12 {
  order: 12;
}

.flex-order-13 {
  order: 13;
}

.flex-order-14 {
  order: 14;
}

.flex-order-15 {
  order: 15;
}

.flex-order-16 {
  order: 16;
}

.flex-order-17 {
  order: 17;
}

.flex-order-18 {
  order: 18;
}

.flex-order-19 {
  order: 19;
}

.flex-order-20 {
  order: 20;
}

.offset-0, .flex-offset-0, .layout-margin .flex-offset-0, .layout-margin .offset-0 {
  margin-left: 0;
}
[dir=rtl] .offset-0, [dir=rtl] .flex-offset-0, [dir=rtl] .layout-margin .flex-offset-0, [dir=rtl] .layout-margin .offset-0 {
  margin-left: auto;
  margin-right: 0;
}

.offset-5, .flex-offset-5, .layout-margin .flex-offset-5, .layout-margin .offset-5 {
  margin-left: 5%;
}
[dir=rtl] .offset-5, [dir=rtl] .flex-offset-5, [dir=rtl] .layout-margin .flex-offset-5, [dir=rtl] .layout-margin .offset-5 {
  margin-left: auto;
  margin-right: 5%;
}

.offset-10, .flex-offset-10, .layout-margin .flex-offset-10, .layout-margin .offset-10 {
  margin-left: 10%;
}
[dir=rtl] .offset-10, [dir=rtl] .flex-offset-10, [dir=rtl] .layout-margin .flex-offset-10, [dir=rtl] .layout-margin .offset-10 {
  margin-left: auto;
  margin-right: 10%;
}

.offset-15, .flex-offset-15, .layout-margin .flex-offset-15, .layout-margin .offset-15 {
  margin-left: 15%;
}
[dir=rtl] .offset-15, [dir=rtl] .flex-offset-15, [dir=rtl] .layout-margin .flex-offset-15, [dir=rtl] .layout-margin .offset-15 {
  margin-left: auto;
  margin-right: 15%;
}

.offset-20, .flex-offset-20, .layout-margin .flex-offset-20, .layout-margin .offset-20 {
  margin-left: 20%;
}
[dir=rtl] .offset-20, [dir=rtl] .flex-offset-20, [dir=rtl] .layout-margin .flex-offset-20, [dir=rtl] .layout-margin .offset-20 {
  margin-left: auto;
  margin-right: 20%;
}

.offset-25, .flex-offset-25, .layout-margin .flex-offset-25, .layout-margin .offset-25 {
  margin-left: 25%;
}
[dir=rtl] .offset-25, [dir=rtl] .flex-offset-25, [dir=rtl] .layout-margin .flex-offset-25, [dir=rtl] .layout-margin .offset-25 {
  margin-left: auto;
  margin-right: 25%;
}

.offset-30, .flex-offset-30, .layout-margin .flex-offset-30, .layout-margin .offset-30 {
  margin-left: 30%;
}
[dir=rtl] .offset-30, [dir=rtl] .flex-offset-30, [dir=rtl] .layout-margin .flex-offset-30, [dir=rtl] .layout-margin .offset-30 {
  margin-left: auto;
  margin-right: 30%;
}

.offset-35, .flex-offset-35, .layout-margin .flex-offset-35, .layout-margin .offset-35 {
  margin-left: 35%;
}
[dir=rtl] .offset-35, [dir=rtl] .flex-offset-35, [dir=rtl] .layout-margin .flex-offset-35, [dir=rtl] .layout-margin .offset-35 {
  margin-left: auto;
  margin-right: 35%;
}

.offset-40, .flex-offset-40, .layout-margin .flex-offset-40, .layout-margin .offset-40 {
  margin-left: 40%;
}
[dir=rtl] .offset-40, [dir=rtl] .flex-offset-40, [dir=rtl] .layout-margin .flex-offset-40, [dir=rtl] .layout-margin .offset-40 {
  margin-left: auto;
  margin-right: 40%;
}

.offset-45, .flex-offset-45, .layout-margin .flex-offset-45, .layout-margin .offset-45 {
  margin-left: 45%;
}
[dir=rtl] .offset-45, [dir=rtl] .flex-offset-45, [dir=rtl] .layout-margin .flex-offset-45, [dir=rtl] .layout-margin .offset-45 {
  margin-left: auto;
  margin-right: 45%;
}

.offset-50, .flex-offset-50, .layout-margin .flex-offset-50, .layout-margin .offset-50 {
  margin-left: 50%;
}
[dir=rtl] .offset-50, [dir=rtl] .flex-offset-50, [dir=rtl] .layout-margin .flex-offset-50, [dir=rtl] .layout-margin .offset-50 {
  margin-left: auto;
  margin-right: 50%;
}

.offset-55, .flex-offset-55, .layout-margin .flex-offset-55, .layout-margin .offset-55 {
  margin-left: 55%;
}
[dir=rtl] .offset-55, [dir=rtl] .flex-offset-55, [dir=rtl] .layout-margin .flex-offset-55, [dir=rtl] .layout-margin .offset-55 {
  margin-left: auto;
  margin-right: 55%;
}

.offset-60, .flex-offset-60, .layout-margin .flex-offset-60, .layout-margin .offset-60 {
  margin-left: 60%;
}
[dir=rtl] .offset-60, [dir=rtl] .flex-offset-60, [dir=rtl] .layout-margin .flex-offset-60, [dir=rtl] .layout-margin .offset-60 {
  margin-left: auto;
  margin-right: 60%;
}

.offset-65, .flex-offset-65, .layout-margin .flex-offset-65, .layout-margin .offset-65 {
  margin-left: 65%;
}
[dir=rtl] .offset-65, [dir=rtl] .flex-offset-65, [dir=rtl] .layout-margin .flex-offset-65, [dir=rtl] .layout-margin .offset-65 {
  margin-left: auto;
  margin-right: 65%;
}

.offset-70, .flex-offset-70, .layout-margin .flex-offset-70, .layout-margin .offset-70 {
  margin-left: 70%;
}
[dir=rtl] .offset-70, [dir=rtl] .flex-offset-70, [dir=rtl] .layout-margin .flex-offset-70, [dir=rtl] .layout-margin .offset-70 {
  margin-left: auto;
  margin-right: 70%;
}

.offset-75, .flex-offset-75, .layout-margin .flex-offset-75, .layout-margin .offset-75 {
  margin-left: 75%;
}
[dir=rtl] .offset-75, [dir=rtl] .flex-offset-75, [dir=rtl] .layout-margin .flex-offset-75, [dir=rtl] .layout-margin .offset-75 {
  margin-left: auto;
  margin-right: 75%;
}

.offset-80, .flex-offset-80, .layout-margin .flex-offset-80, .layout-margin .offset-80 {
  margin-left: 80%;
}
[dir=rtl] .offset-80, [dir=rtl] .flex-offset-80, [dir=rtl] .layout-margin .flex-offset-80, [dir=rtl] .layout-margin .offset-80 {
  margin-left: auto;
  margin-right: 80%;
}

.offset-85, .flex-offset-85, .layout-margin .flex-offset-85, .layout-margin .offset-85 {
  margin-left: 85%;
}
[dir=rtl] .offset-85, [dir=rtl] .flex-offset-85, [dir=rtl] .layout-margin .flex-offset-85, [dir=rtl] .layout-margin .offset-85 {
  margin-left: auto;
  margin-right: 85%;
}

.offset-90, .flex-offset-90, .layout-margin .flex-offset-90, .layout-margin .offset-90 {
  margin-left: 90%;
}
[dir=rtl] .offset-90, [dir=rtl] .flex-offset-90, [dir=rtl] .layout-margin .flex-offset-90, [dir=rtl] .layout-margin .offset-90 {
  margin-left: auto;
  margin-right: 90%;
}

.offset-95, .flex-offset-95, .layout-margin .flex-offset-95, .layout-margin .offset-95 {
  margin-left: 95%;
}
[dir=rtl] .offset-95, [dir=rtl] .flex-offset-95, [dir=rtl] .layout-margin .flex-offset-95, [dir=rtl] .layout-margin .offset-95 {
  margin-left: auto;
  margin-right: 95%;
}

.offset-33, .flex-offset-33, .layout-margin .flex-offset-33, .layout-margin .offset-33 {
  margin-left: 33.3333333333%;
}

.offset-66, .flex-offset-66, .layout-margin .flex-offset-66, .layout-margin .offset-66 {
  margin-left: 66.6666666667%;
}
[dir=rtl] .offset-66, [dir=rtl] .flex-offset-66, [dir=rtl] .layout-margin .flex-offset-66, [dir=rtl] .layout-margin .offset-66 {
  margin-left: auto;
  margin-right: 66.6666666667%;
}

.layout-align,
.layout-align-start-stretch {
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}

.layout-align-start,
.layout-align-start-start,
.layout-align-start-center,
.layout-align-start-end,
.layout-align-start-stretch {
  justify-content: flex-start;
}

.layout-align-center,
.layout-align-center-start,
.layout-align-center-center,
.layout-align-center-end,
.layout-align-center-stretch {
  justify-content: center;
}

.layout-align-end,
.layout-align-end-start,
.layout-align-end-center,
.layout-align-end-end,
.layout-align-end-stretch {
  justify-content: flex-end;
}

.layout-align-space-around,
.layout-align-space-around-center,
.layout-align-space-around-start,
.layout-align-space-around-end,
.layout-align-space-around-stretch {
  justify-content: space-around;
}

.layout-align-space-between,
.layout-align-space-between-center,
.layout-align-space-between-start,
.layout-align-space-between-end,
.layout-align-space-between-stretch {
  justify-content: space-between;
}

.layout-align-start-start,
.layout-align-center-start,
.layout-align-end-start,
.layout-align-space-between-start,
.layout-align-space-around-start {
  align-items: flex-start;
  align-content: flex-start;
}

.layout-align-start-center,
.layout-align-center-center,
.layout-align-end-center,
.layout-align-space-between-center,
.layout-align-space-around-center {
  align-items: center;
  align-content: center;
  max-width: 100%;
}

.layout-align-start-center > *,
.layout-align-center-center > *,
.layout-align-end-center > *,
.layout-align-space-between-center > *,
.layout-align-space-around-center > * {
  max-width: 100%;
  box-sizing: border-box;
}

.layout-align-start-end,
.layout-align-center-end,
.layout-align-end-end,
.layout-align-space-between-end,
.layout-align-space-around-end {
  align-items: flex-end;
  align-content: flex-end;
}

.layout-align-start-stretch,
.layout-align-center-stretch,
.layout-align-end-stretch,
.layout-align-space-between-stretch,
.layout-align-space-around-stretch {
  align-items: stretch;
  align-content: stretch;
}

.flex {
  flex: 1;
  box-sizing: border-box;
}

.flex-grow {
  flex: 1 1 100%;
  box-sizing: border-box;
}

.flex-initial {
  flex: 0 1 auto;
  box-sizing: border-box;
}

.flex-auto {
  flex: 1 1 auto;
  box-sizing: border-box;
}

.flex-none {
  flex: 0 0 auto;
  box-sizing: border-box;
}

.flex-noshrink {
  flex: 1 0 auto;
  box-sizing: border-box;
}

.flex-nogrow {
  flex: 0 1 auto;
  box-sizing: border-box;
}

.flex-0 {
  flex: 1 1 100%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-0 {
  flex: 1 1 100%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
  min-width: 0;
}

.layout-column > .flex-0 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 0%;
  box-sizing: border-box;
}

.flex-5 {
  flex: 1 1 100%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-5 {
  flex: 1 1 100%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-5 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box;
}

.flex-10 {
  flex: 1 1 100%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-10 {
  flex: 1 1 100%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-10 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box;
}

.flex-15 {
  flex: 1 1 100%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-15 {
  flex: 1 1 100%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-15 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box;
}

.flex-20 {
  flex: 1 1 100%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-20 {
  flex: 1 1 100%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-20 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box;
}

.flex-25 {
  flex: 1 1 100%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-25 {
  flex: 1 1 100%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-25 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box;
}

.flex-30 {
  flex: 1 1 100%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-30 {
  flex: 1 1 100%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-30 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box;
}

.flex-35 {
  flex: 1 1 100%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-35 {
  flex: 1 1 100%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-35 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box;
}

.flex-40 {
  flex: 1 1 100%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-40 {
  flex: 1 1 100%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-40 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box;
}

.flex-45 {
  flex: 1 1 100%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-45 {
  flex: 1 1 100%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-45 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box;
}

.flex-50 {
  flex: 1 1 100%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-50 {
  flex: 1 1 100%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-50 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box;
}

.flex-55 {
  flex: 1 1 100%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-55 {
  flex: 1 1 100%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-55 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box;
}

.flex-60 {
  flex: 1 1 100%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-60 {
  flex: 1 1 100%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-60 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box;
}

.flex-65 {
  flex: 1 1 100%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-65 {
  flex: 1 1 100%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-65 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box;
}

.flex-70 {
  flex: 1 1 100%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-70 {
  flex: 1 1 100%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-70 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box;
}

.flex-75 {
  flex: 1 1 100%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-75 {
  flex: 1 1 100%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-75 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box;
}

.flex-80 {
  flex: 1 1 100%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-80 {
  flex: 1 1 100%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-80 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box;
}

.flex-85 {
  flex: 1 1 100%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-85 {
  flex: 1 1 100%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-85 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box;
}

.flex-90 {
  flex: 1 1 100%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-90 {
  flex: 1 1 100%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-90 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box;
}

.flex-95 {
  flex: 1 1 100%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-95 {
  flex: 1 1 100%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-95 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box;
}

.flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

.flex-33 {
  flex: 1 1 100%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}

.flex-66 {
  flex: 1 1 100%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

.layout-row > .flex-33 {
  flex: 1 1 100%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-66 {
  flex: 1 1 100%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex {
  min-width: 0;
}

.layout-column > .flex-33 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
.layout-column > .flex-66 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-column > .flex {
  min-height: 0;
}

.layout, .layout-column, .layout-row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.layout-column {
  flex-direction: column;
}

.layout-row {
  flex-direction: row;
}

.layout-padding-sm > *,
.layout-padding > .flex-sm {
  padding: 4px;
}

.layout-padding,
.layout-padding-gt-sm,
.layout-padding-md,
.layout-padding > *,
.layout-padding-gt-sm > *,
.layout-padding-md > *,
.layout-padding > .flex,
.layout-padding > .flex-gt-sm,
.layout-padding > .flex-md {
  padding: 8px;
}

.layout-padding-gt-md > *,
.layout-padding-lg > *,
.layout-padding-gt-lg > *,
.layout-padding > .flex-gt-md,
.layout-padding > .flex-lg,
.layout-padding > .flex-lg,
.layout-padding > .flex-gt-lg {
  padding: 16px;
}

.layout-margin-sm > *,
.layout-margin > .flex-sm {
  margin: 4px;
}

.layout-margin,
.layout-margin-gt-sm,
.layout-margin-md,
.layout-margin > *,
.layout-margin-gt-sm > *,
.layout-margin-md > *,
.layout-margin > .flex,
.layout-margin > .flex-gt-sm,
.layout-margin > .flex-md {
  margin: 8px;
}

.layout-margin-gt-md > *,
.layout-margin-lg > *,
.layout-margin-gt-lg > *,
.layout-margin > .flex-gt-md,
.layout-margin > .flex-lg,
.layout-margin > .flex-gt-lg {
  margin: 16px;
}

.layout-wrap {
  flex-wrap: wrap;
}

.layout-nowrap {
  flex-wrap: nowrap;
}

.layout-fill {
  margin: 0;
  width: 100%;
  min-height: 100%;
  height: 100%;
}

/**
 * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
 * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
 * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
 *
 *  hide means hide everywhere
 *  Sizes:
 *         $layout-breakpoint-xs:     600px !default;
 *         $layout-breakpoint-sm:     960px !default;
 *         $layout-breakpoint-md:     1280px !default;
 *         $layout-breakpoint-lg:     1920px !default;
 */
@media (max-width: 599px) {
  .hide-xs:not(.show-xs):not(.show), .hide:not(.show-xs):not(.show) {
    display: none;
  }
  .flex-order-xs--20 {
    order: -20;
  }
  .flex-order-xs--19 {
    order: -19;
  }
  .flex-order-xs--18 {
    order: -18;
  }
  .flex-order-xs--17 {
    order: -17;
  }
  .flex-order-xs--16 {
    order: -16;
  }
  .flex-order-xs--15 {
    order: -15;
  }
  .flex-order-xs--14 {
    order: -14;
  }
  .flex-order-xs--13 {
    order: -13;
  }
  .flex-order-xs--12 {
    order: -12;
  }
  .flex-order-xs--11 {
    order: -11;
  }
  .flex-order-xs--10 {
    order: -10;
  }
  .flex-order-xs--9 {
    order: -9;
  }
  .flex-order-xs--8 {
    order: -8;
  }
  .flex-order-xs--7 {
    order: -7;
  }
  .flex-order-xs--6 {
    order: -6;
  }
  .flex-order-xs--5 {
    order: -5;
  }
  .flex-order-xs--4 {
    order: -4;
  }
  .flex-order-xs--3 {
    order: -3;
  }
  .flex-order-xs--2 {
    order: -2;
  }
  .flex-order-xs--1 {
    order: -1;
  }
  .flex-order-xs-0 {
    order: 0;
  }
  .flex-order-xs-1 {
    order: 1;
  }
  .flex-order-xs-2 {
    order: 2;
  }
  .flex-order-xs-3 {
    order: 3;
  }
  .flex-order-xs-4 {
    order: 4;
  }
  .flex-order-xs-5 {
    order: 5;
  }
  .flex-order-xs-6 {
    order: 6;
  }
  .flex-order-xs-7 {
    order: 7;
  }
  .flex-order-xs-8 {
    order: 8;
  }
  .flex-order-xs-9 {
    order: 9;
  }
  .flex-order-xs-10 {
    order: 10;
  }
  .flex-order-xs-11 {
    order: 11;
  }
  .flex-order-xs-12 {
    order: 12;
  }
  .flex-order-xs-13 {
    order: 13;
  }
  .flex-order-xs-14 {
    order: 14;
  }
  .flex-order-xs-15 {
    order: 15;
  }
  .flex-order-xs-16 {
    order: 16;
  }
  .flex-order-xs-17 {
    order: 17;
  }
  .flex-order-xs-18 {
    order: 18;
  }
  .flex-order-xs-19 {
    order: 19;
  }
  .flex-order-xs-20 {
    order: 20;
  }
  .offset-xs-0, .flex-offset-xs-0, .layout-margin .flex-offset-xs-0, .layout-margin .offset-xs-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-xs-0, [dir=rtl] .flex-offset-xs-0, [dir=rtl] .layout-margin .flex-offset-xs-0, [dir=rtl] .layout-margin .offset-xs-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .offset-xs-5, .flex-offset-xs-5, .layout-margin .flex-offset-xs-5, .layout-margin .offset-xs-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-xs-5, [dir=rtl] .flex-offset-xs-5, [dir=rtl] .layout-margin .flex-offset-xs-5, [dir=rtl] .layout-margin .offset-xs-5 {
    margin-left: auto;
    margin-right: 5%;
  }
  .offset-xs-10, .flex-offset-xs-10, .layout-margin .flex-offset-xs-10, .layout-margin .offset-xs-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-xs-10, [dir=rtl] .flex-offset-xs-10, [dir=rtl] .layout-margin .flex-offset-xs-10, [dir=rtl] .layout-margin .offset-xs-10 {
    margin-left: auto;
    margin-right: 10%;
  }
  .offset-xs-15, .flex-offset-xs-15, .layout-margin .flex-offset-xs-15, .layout-margin .offset-xs-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-xs-15, [dir=rtl] .flex-offset-xs-15, [dir=rtl] .layout-margin .flex-offset-xs-15, [dir=rtl] .layout-margin .offset-xs-15 {
    margin-left: auto;
    margin-right: 15%;
  }
  .offset-xs-20, .flex-offset-xs-20, .layout-margin .flex-offset-xs-20, .layout-margin .offset-xs-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-xs-20, [dir=rtl] .flex-offset-xs-20, [dir=rtl] .layout-margin .flex-offset-xs-20, [dir=rtl] .layout-margin .offset-xs-20 {
    margin-left: auto;
    margin-right: 20%;
  }
  .offset-xs-25, .flex-offset-xs-25, .layout-margin .flex-offset-xs-25, .layout-margin .offset-xs-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-xs-25, [dir=rtl] .flex-offset-xs-25, [dir=rtl] .layout-margin .flex-offset-xs-25, [dir=rtl] .layout-margin .offset-xs-25 {
    margin-left: auto;
    margin-right: 25%;
  }
  .offset-xs-30, .flex-offset-xs-30, .layout-margin .flex-offset-xs-30, .layout-margin .offset-xs-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-xs-30, [dir=rtl] .flex-offset-xs-30, [dir=rtl] .layout-margin .flex-offset-xs-30, [dir=rtl] .layout-margin .offset-xs-30 {
    margin-left: auto;
    margin-right: 30%;
  }
  .offset-xs-35, .flex-offset-xs-35, .layout-margin .flex-offset-xs-35, .layout-margin .offset-xs-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-xs-35, [dir=rtl] .flex-offset-xs-35, [dir=rtl] .layout-margin .flex-offset-xs-35, [dir=rtl] .layout-margin .offset-xs-35 {
    margin-left: auto;
    margin-right: 35%;
  }
  .offset-xs-40, .flex-offset-xs-40, .layout-margin .flex-offset-xs-40, .layout-margin .offset-xs-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-xs-40, [dir=rtl] .flex-offset-xs-40, [dir=rtl] .layout-margin .flex-offset-xs-40, [dir=rtl] .layout-margin .offset-xs-40 {
    margin-left: auto;
    margin-right: 40%;
  }
  .offset-xs-45, .flex-offset-xs-45, .layout-margin .flex-offset-xs-45, .layout-margin .offset-xs-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-xs-45, [dir=rtl] .flex-offset-xs-45, [dir=rtl] .layout-margin .flex-offset-xs-45, [dir=rtl] .layout-margin .offset-xs-45 {
    margin-left: auto;
    margin-right: 45%;
  }
  .offset-xs-50, .flex-offset-xs-50, .layout-margin .flex-offset-xs-50, .layout-margin .offset-xs-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-xs-50, [dir=rtl] .flex-offset-xs-50, [dir=rtl] .layout-margin .flex-offset-xs-50, [dir=rtl] .layout-margin .offset-xs-50 {
    margin-left: auto;
    margin-right: 50%;
  }
  .offset-xs-55, .flex-offset-xs-55, .layout-margin .flex-offset-xs-55, .layout-margin .offset-xs-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-xs-55, [dir=rtl] .flex-offset-xs-55, [dir=rtl] .layout-margin .flex-offset-xs-55, [dir=rtl] .layout-margin .offset-xs-55 {
    margin-left: auto;
    margin-right: 55%;
  }
  .offset-xs-60, .flex-offset-xs-60, .layout-margin .flex-offset-xs-60, .layout-margin .offset-xs-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-xs-60, [dir=rtl] .flex-offset-xs-60, [dir=rtl] .layout-margin .flex-offset-xs-60, [dir=rtl] .layout-margin .offset-xs-60 {
    margin-left: auto;
    margin-right: 60%;
  }
  .offset-xs-65, .flex-offset-xs-65, .layout-margin .flex-offset-xs-65, .layout-margin .offset-xs-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-xs-65, [dir=rtl] .flex-offset-xs-65, [dir=rtl] .layout-margin .flex-offset-xs-65, [dir=rtl] .layout-margin .offset-xs-65 {
    margin-left: auto;
    margin-right: 65%;
  }
  .offset-xs-70, .flex-offset-xs-70, .layout-margin .flex-offset-xs-70, .layout-margin .offset-xs-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-xs-70, [dir=rtl] .flex-offset-xs-70, [dir=rtl] .layout-margin .flex-offset-xs-70, [dir=rtl] .layout-margin .offset-xs-70 {
    margin-left: auto;
    margin-right: 70%;
  }
  .offset-xs-75, .flex-offset-xs-75, .layout-margin .flex-offset-xs-75, .layout-margin .offset-xs-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-xs-75, [dir=rtl] .flex-offset-xs-75, [dir=rtl] .layout-margin .flex-offset-xs-75, [dir=rtl] .layout-margin .offset-xs-75 {
    margin-left: auto;
    margin-right: 75%;
  }
  .offset-xs-80, .flex-offset-xs-80, .layout-margin .flex-offset-xs-80, .layout-margin .offset-xs-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-xs-80, [dir=rtl] .flex-offset-xs-80, [dir=rtl] .layout-margin .flex-offset-xs-80, [dir=rtl] .layout-margin .offset-xs-80 {
    margin-left: auto;
    margin-right: 80%;
  }
  .offset-xs-85, .flex-offset-xs-85, .layout-margin .flex-offset-xs-85, .layout-margin .offset-xs-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-xs-85, [dir=rtl] .flex-offset-xs-85, [dir=rtl] .layout-margin .flex-offset-xs-85, [dir=rtl] .layout-margin .offset-xs-85 {
    margin-left: auto;
    margin-right: 85%;
  }
  .offset-xs-90, .flex-offset-xs-90, .layout-margin .flex-offset-xs-90, .layout-margin .offset-xs-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-xs-90, [dir=rtl] .flex-offset-xs-90, [dir=rtl] .layout-margin .flex-offset-xs-90, [dir=rtl] .layout-margin .offset-xs-90 {
    margin-left: auto;
    margin-right: 90%;
  }
  .offset-xs-95, .flex-offset-xs-95, .layout-margin .flex-offset-xs-95, .layout-margin .offset-xs-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-xs-95, [dir=rtl] .flex-offset-xs-95, [dir=rtl] .layout-margin .flex-offset-xs-95, [dir=rtl] .layout-margin .offset-xs-95 {
    margin-left: auto;
    margin-right: 95%;
  }
  .offset-xs-33, .flex-offset-xs-33, .layout-margin .flex-offset-xs-33, .layout-margin .offset-xs-33 {
    margin-left: 33.3333333333%;
  }
  .offset-xs-66, .flex-offset-xs-66, .layout-margin .flex-offset-xs-66, .layout-margin .offset-xs-66 {
    margin-left: 66.6666666667%;
  }
  [dir=rtl] .offset-xs-66, [dir=rtl] .flex-offset-xs-66, [dir=rtl] .layout-margin .flex-offset-xs-66, [dir=rtl] .layout-margin .offset-xs-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }
  .layout-align-xs,
  .layout-align-xs-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  .layout-align-xs-start,
  .layout-align-xs-start-start,
  .layout-align-xs-start-center,
  .layout-align-xs-start-end,
  .layout-align-xs-start-stretch {
    justify-content: flex-start;
  }
  .layout-align-xs-center,
  .layout-align-xs-center-start,
  .layout-align-xs-center-center,
  .layout-align-xs-center-end,
  .layout-align-xs-center-stretch {
    justify-content: center;
  }
  .layout-align-xs-end,
  .layout-align-xs-end-start,
  .layout-align-xs-end-center,
  .layout-align-xs-end-end,
  .layout-align-xs-end-stretch {
    justify-content: flex-end;
  }
  .layout-align-xs-space-around,
  .layout-align-xs-space-around-center,
  .layout-align-xs-space-around-start,
  .layout-align-xs-space-around-end,
  .layout-align-xs-space-around-stretch {
    justify-content: space-around;
  }
  .layout-align-xs-space-between,
  .layout-align-xs-space-between-center,
  .layout-align-xs-space-between-start,
  .layout-align-xs-space-between-end,
  .layout-align-xs-space-between-stretch {
    justify-content: space-between;
  }
  .layout-align-xs-start-start,
  .layout-align-xs-center-start,
  .layout-align-xs-end-start,
  .layout-align-xs-space-between-start,
  .layout-align-xs-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }
  .layout-align-xs-start-center,
  .layout-align-xs-center-center,
  .layout-align-xs-end-center,
  .layout-align-xs-space-between-center,
  .layout-align-xs-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-xs-start-center > *,
  .layout-align-xs-center-center > *,
  .layout-align-xs-end-center > *,
  .layout-align-xs-space-between-center > *,
  .layout-align-xs-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-xs-start-end,
  .layout-align-xs-center-end,
  .layout-align-xs-end-end,
  .layout-align-xs-space-between-end,
  .layout-align-xs-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }
  .layout-align-xs-start-stretch,
  .layout-align-xs-center-stretch,
  .layout-align-xs-end-stretch,
  .layout-align-xs-space-between-stretch,
  .layout-align-xs-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }
  .flex-xs {
    flex: 1;
    box-sizing: border-box;
  }
  .flex-xs-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-xs-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-xs-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-xs-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-xs-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-xs-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-xs-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-xs-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-xs-column > .flex-xs-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-xs-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-xs-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-xs-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-xs-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-xs-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-xs-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-xs-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-xs-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-xs-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-xs-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-xs-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-xs-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-xs-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-xs-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-xs-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-xs-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-xs-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-xs-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-xs-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex {
    min-width: 0;
  }
  .layout-xs-column > .flex-xs-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex {
    min-height: 0;
  }
  .layout-xs, .layout-xs-column, .layout-xs-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .layout-xs-column {
    flex-direction: column;
  }
  .layout-xs-row {
    flex-direction: row;
  }
}
@media (min-width: 600px) {
  .flex-order-gt-xs--20 {
    order: -20;
  }
  .flex-order-gt-xs--19 {
    order: -19;
  }
  .flex-order-gt-xs--18 {
    order: -18;
  }
  .flex-order-gt-xs--17 {
    order: -17;
  }
  .flex-order-gt-xs--16 {
    order: -16;
  }
  .flex-order-gt-xs--15 {
    order: -15;
  }
  .flex-order-gt-xs--14 {
    order: -14;
  }
  .flex-order-gt-xs--13 {
    order: -13;
  }
  .flex-order-gt-xs--12 {
    order: -12;
  }
  .flex-order-gt-xs--11 {
    order: -11;
  }
  .flex-order-gt-xs--10 {
    order: -10;
  }
  .flex-order-gt-xs--9 {
    order: -9;
  }
  .flex-order-gt-xs--8 {
    order: -8;
  }
  .flex-order-gt-xs--7 {
    order: -7;
  }
  .flex-order-gt-xs--6 {
    order: -6;
  }
  .flex-order-gt-xs--5 {
    order: -5;
  }
  .flex-order-gt-xs--4 {
    order: -4;
  }
  .flex-order-gt-xs--3 {
    order: -3;
  }
  .flex-order-gt-xs--2 {
    order: -2;
  }
  .flex-order-gt-xs--1 {
    order: -1;
  }
  .flex-order-gt-xs-0 {
    order: 0;
  }
  .flex-order-gt-xs-1 {
    order: 1;
  }
  .flex-order-gt-xs-2 {
    order: 2;
  }
  .flex-order-gt-xs-3 {
    order: 3;
  }
  .flex-order-gt-xs-4 {
    order: 4;
  }
  .flex-order-gt-xs-5 {
    order: 5;
  }
  .flex-order-gt-xs-6 {
    order: 6;
  }
  .flex-order-gt-xs-7 {
    order: 7;
  }
  .flex-order-gt-xs-8 {
    order: 8;
  }
  .flex-order-gt-xs-9 {
    order: 9;
  }
  .flex-order-gt-xs-10 {
    order: 10;
  }
  .flex-order-gt-xs-11 {
    order: 11;
  }
  .flex-order-gt-xs-12 {
    order: 12;
  }
  .flex-order-gt-xs-13 {
    order: 13;
  }
  .flex-order-gt-xs-14 {
    order: 14;
  }
  .flex-order-gt-xs-15 {
    order: 15;
  }
  .flex-order-gt-xs-16 {
    order: 16;
  }
  .flex-order-gt-xs-17 {
    order: 17;
  }
  .flex-order-gt-xs-18 {
    order: 18;
  }
  .flex-order-gt-xs-19 {
    order: 19;
  }
  .flex-order-gt-xs-20 {
    order: 20;
  }
  .offset-gt-xs-0, .flex-offset-gt-xs-0, .layout-margin .flex-offset-gt-xs-0, .layout-margin .offset-gt-xs-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-gt-xs-0, [dir=rtl] .flex-offset-gt-xs-0, [dir=rtl] .layout-margin .flex-offset-gt-xs-0, [dir=rtl] .layout-margin .offset-gt-xs-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .offset-gt-xs-5, .flex-offset-gt-xs-5, .layout-margin .flex-offset-gt-xs-5, .layout-margin .offset-gt-xs-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-gt-xs-5, [dir=rtl] .flex-offset-gt-xs-5, [dir=rtl] .layout-margin .flex-offset-gt-xs-5, [dir=rtl] .layout-margin .offset-gt-xs-5 {
    margin-left: auto;
    margin-right: 5%;
  }
  .offset-gt-xs-10, .flex-offset-gt-xs-10, .layout-margin .flex-offset-gt-xs-10, .layout-margin .offset-gt-xs-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-gt-xs-10, [dir=rtl] .flex-offset-gt-xs-10, [dir=rtl] .layout-margin .flex-offset-gt-xs-10, [dir=rtl] .layout-margin .offset-gt-xs-10 {
    margin-left: auto;
    margin-right: 10%;
  }
  .offset-gt-xs-15, .flex-offset-gt-xs-15, .layout-margin .flex-offset-gt-xs-15, .layout-margin .offset-gt-xs-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-gt-xs-15, [dir=rtl] .flex-offset-gt-xs-15, [dir=rtl] .layout-margin .flex-offset-gt-xs-15, [dir=rtl] .layout-margin .offset-gt-xs-15 {
    margin-left: auto;
    margin-right: 15%;
  }
  .offset-gt-xs-20, .flex-offset-gt-xs-20, .layout-margin .flex-offset-gt-xs-20, .layout-margin .offset-gt-xs-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-gt-xs-20, [dir=rtl] .flex-offset-gt-xs-20, [dir=rtl] .layout-margin .flex-offset-gt-xs-20, [dir=rtl] .layout-margin .offset-gt-xs-20 {
    margin-left: auto;
    margin-right: 20%;
  }
  .offset-gt-xs-25, .flex-offset-gt-xs-25, .layout-margin .flex-offset-gt-xs-25, .layout-margin .offset-gt-xs-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-gt-xs-25, [dir=rtl] .flex-offset-gt-xs-25, [dir=rtl] .layout-margin .flex-offset-gt-xs-25, [dir=rtl] .layout-margin .offset-gt-xs-25 {
    margin-left: auto;
    margin-right: 25%;
  }
  .offset-gt-xs-30, .flex-offset-gt-xs-30, .layout-margin .flex-offset-gt-xs-30, .layout-margin .offset-gt-xs-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-gt-xs-30, [dir=rtl] .flex-offset-gt-xs-30, [dir=rtl] .layout-margin .flex-offset-gt-xs-30, [dir=rtl] .layout-margin .offset-gt-xs-30 {
    margin-left: auto;
    margin-right: 30%;
  }
  .offset-gt-xs-35, .flex-offset-gt-xs-35, .layout-margin .flex-offset-gt-xs-35, .layout-margin .offset-gt-xs-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-gt-xs-35, [dir=rtl] .flex-offset-gt-xs-35, [dir=rtl] .layout-margin .flex-offset-gt-xs-35, [dir=rtl] .layout-margin .offset-gt-xs-35 {
    margin-left: auto;
    margin-right: 35%;
  }
  .offset-gt-xs-40, .flex-offset-gt-xs-40, .layout-margin .flex-offset-gt-xs-40, .layout-margin .offset-gt-xs-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-gt-xs-40, [dir=rtl] .flex-offset-gt-xs-40, [dir=rtl] .layout-margin .flex-offset-gt-xs-40, [dir=rtl] .layout-margin .offset-gt-xs-40 {
    margin-left: auto;
    margin-right: 40%;
  }
  .offset-gt-xs-45, .flex-offset-gt-xs-45, .layout-margin .flex-offset-gt-xs-45, .layout-margin .offset-gt-xs-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-gt-xs-45, [dir=rtl] .flex-offset-gt-xs-45, [dir=rtl] .layout-margin .flex-offset-gt-xs-45, [dir=rtl] .layout-margin .offset-gt-xs-45 {
    margin-left: auto;
    margin-right: 45%;
  }
  .offset-gt-xs-50, .flex-offset-gt-xs-50, .layout-margin .flex-offset-gt-xs-50, .layout-margin .offset-gt-xs-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-gt-xs-50, [dir=rtl] .flex-offset-gt-xs-50, [dir=rtl] .layout-margin .flex-offset-gt-xs-50, [dir=rtl] .layout-margin .offset-gt-xs-50 {
    margin-left: auto;
    margin-right: 50%;
  }
  .offset-gt-xs-55, .flex-offset-gt-xs-55, .layout-margin .flex-offset-gt-xs-55, .layout-margin .offset-gt-xs-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-gt-xs-55, [dir=rtl] .flex-offset-gt-xs-55, [dir=rtl] .layout-margin .flex-offset-gt-xs-55, [dir=rtl] .layout-margin .offset-gt-xs-55 {
    margin-left: auto;
    margin-right: 55%;
  }
  .offset-gt-xs-60, .flex-offset-gt-xs-60, .layout-margin .flex-offset-gt-xs-60, .layout-margin .offset-gt-xs-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-gt-xs-60, [dir=rtl] .flex-offset-gt-xs-60, [dir=rtl] .layout-margin .flex-offset-gt-xs-60, [dir=rtl] .layout-margin .offset-gt-xs-60 {
    margin-left: auto;
    margin-right: 60%;
  }
  .offset-gt-xs-65, .flex-offset-gt-xs-65, .layout-margin .flex-offset-gt-xs-65, .layout-margin .offset-gt-xs-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-gt-xs-65, [dir=rtl] .flex-offset-gt-xs-65, [dir=rtl] .layout-margin .flex-offset-gt-xs-65, [dir=rtl] .layout-margin .offset-gt-xs-65 {
    margin-left: auto;
    margin-right: 65%;
  }
  .offset-gt-xs-70, .flex-offset-gt-xs-70, .layout-margin .flex-offset-gt-xs-70, .layout-margin .offset-gt-xs-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-gt-xs-70, [dir=rtl] .flex-offset-gt-xs-70, [dir=rtl] .layout-margin .flex-offset-gt-xs-70, [dir=rtl] .layout-margin .offset-gt-xs-70 {
    margin-left: auto;
    margin-right: 70%;
  }
  .offset-gt-xs-75, .flex-offset-gt-xs-75, .layout-margin .flex-offset-gt-xs-75, .layout-margin .offset-gt-xs-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-gt-xs-75, [dir=rtl] .flex-offset-gt-xs-75, [dir=rtl] .layout-margin .flex-offset-gt-xs-75, [dir=rtl] .layout-margin .offset-gt-xs-75 {
    margin-left: auto;
    margin-right: 75%;
  }
  .offset-gt-xs-80, .flex-offset-gt-xs-80, .layout-margin .flex-offset-gt-xs-80, .layout-margin .offset-gt-xs-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-gt-xs-80, [dir=rtl] .flex-offset-gt-xs-80, [dir=rtl] .layout-margin .flex-offset-gt-xs-80, [dir=rtl] .layout-margin .offset-gt-xs-80 {
    margin-left: auto;
    margin-right: 80%;
  }
  .offset-gt-xs-85, .flex-offset-gt-xs-85, .layout-margin .flex-offset-gt-xs-85, .layout-margin .offset-gt-xs-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-gt-xs-85, [dir=rtl] .flex-offset-gt-xs-85, [dir=rtl] .layout-margin .flex-offset-gt-xs-85, [dir=rtl] .layout-margin .offset-gt-xs-85 {
    margin-left: auto;
    margin-right: 85%;
  }
  .offset-gt-xs-90, .flex-offset-gt-xs-90, .layout-margin .flex-offset-gt-xs-90, .layout-margin .offset-gt-xs-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-gt-xs-90, [dir=rtl] .flex-offset-gt-xs-90, [dir=rtl] .layout-margin .flex-offset-gt-xs-90, [dir=rtl] .layout-margin .offset-gt-xs-90 {
    margin-left: auto;
    margin-right: 90%;
  }
  .offset-gt-xs-95, .flex-offset-gt-xs-95, .layout-margin .flex-offset-gt-xs-95, .layout-margin .offset-gt-xs-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-gt-xs-95, [dir=rtl] .flex-offset-gt-xs-95, [dir=rtl] .layout-margin .flex-offset-gt-xs-95, [dir=rtl] .layout-margin .offset-gt-xs-95 {
    margin-left: auto;
    margin-right: 95%;
  }
  .offset-gt-xs-33, .flex-offset-gt-xs-33, .layout-margin .flex-offset-gt-xs-33, .layout-margin .offset-gt-xs-33 {
    margin-left: 33.3333333333%;
  }
  .offset-gt-xs-66, .flex-offset-gt-xs-66, .layout-margin .flex-offset-gt-xs-66, .layout-margin .offset-gt-xs-66 {
    margin-left: 66.6666666667%;
  }
  [dir=rtl] .offset-gt-xs-66, [dir=rtl] .flex-offset-gt-xs-66, [dir=rtl] .layout-margin .flex-offset-gt-xs-66, [dir=rtl] .layout-margin .offset-gt-xs-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }
  .layout-align-gt-xs,
  .layout-align-gt-xs-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  .layout-align-gt-xs-start,
  .layout-align-gt-xs-start-start,
  .layout-align-gt-xs-start-center,
  .layout-align-gt-xs-start-end,
  .layout-align-gt-xs-start-stretch {
    justify-content: flex-start;
  }
  .layout-align-gt-xs-center,
  .layout-align-gt-xs-center-start,
  .layout-align-gt-xs-center-center,
  .layout-align-gt-xs-center-end,
  .layout-align-gt-xs-center-stretch {
    justify-content: center;
  }
  .layout-align-gt-xs-end,
  .layout-align-gt-xs-end-start,
  .layout-align-gt-xs-end-center,
  .layout-align-gt-xs-end-end,
  .layout-align-gt-xs-end-stretch {
    justify-content: flex-end;
  }
  .layout-align-gt-xs-space-around,
  .layout-align-gt-xs-space-around-center,
  .layout-align-gt-xs-space-around-start,
  .layout-align-gt-xs-space-around-end,
  .layout-align-gt-xs-space-around-stretch {
    justify-content: space-around;
  }
  .layout-align-gt-xs-space-between,
  .layout-align-gt-xs-space-between-center,
  .layout-align-gt-xs-space-between-start,
  .layout-align-gt-xs-space-between-end,
  .layout-align-gt-xs-space-between-stretch {
    justify-content: space-between;
  }
  .layout-align-gt-xs-start-start,
  .layout-align-gt-xs-center-start,
  .layout-align-gt-xs-end-start,
  .layout-align-gt-xs-space-between-start,
  .layout-align-gt-xs-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }
  .layout-align-gt-xs-start-center,
  .layout-align-gt-xs-center-center,
  .layout-align-gt-xs-end-center,
  .layout-align-gt-xs-space-between-center,
  .layout-align-gt-xs-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-gt-xs-start-center > *,
  .layout-align-gt-xs-center-center > *,
  .layout-align-gt-xs-end-center > *,
  .layout-align-gt-xs-space-between-center > *,
  .layout-align-gt-xs-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-gt-xs-start-end,
  .layout-align-gt-xs-center-end,
  .layout-align-gt-xs-end-end,
  .layout-align-gt-xs-space-between-end,
  .layout-align-gt-xs-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }
  .layout-align-gt-xs-start-stretch,
  .layout-align-gt-xs-center-stretch,
  .layout-align-gt-xs-end-stretch,
  .layout-align-gt-xs-space-between-stretch,
  .layout-align-gt-xs-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }
  .flex-gt-xs {
    flex: 1;
    box-sizing: border-box;
  }
  .flex-gt-xs-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-gt-xs-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-xs-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-xs-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-xs-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-xs-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-xs-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-gt-xs-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-gt-xs-column > .flex-gt-xs-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-gt-xs-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-gt-xs-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-gt-xs-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-gt-xs-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-gt-xs-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-gt-xs-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-gt-xs-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-gt-xs-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-gt-xs-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-gt-xs-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-gt-xs-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-gt-xs-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-gt-xs-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-gt-xs-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-gt-xs-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-gt-xs-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-gt-xs-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-gt-xs-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-gt-xs-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex {
    min-width: 0;
  }
  .layout-gt-xs-column > .flex-gt-xs-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex {
    min-height: 0;
  }
  .layout-gt-xs, .layout-gt-xs-column, .layout-gt-xs-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .layout-gt-xs-column {
    flex-direction: column;
  }
  .layout-gt-xs-row {
    flex-direction: row;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  .hide:not(.show-gt-xs):not(.show-sm):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-sm):not(.show) {
    display: none;
  }
  .hide-sm:not(.show-gt-xs):not(.show-sm):not(.show) {
    display: none;
  }
  .flex-order-sm--20 {
    order: -20;
  }
  .flex-order-sm--19 {
    order: -19;
  }
  .flex-order-sm--18 {
    order: -18;
  }
  .flex-order-sm--17 {
    order: -17;
  }
  .flex-order-sm--16 {
    order: -16;
  }
  .flex-order-sm--15 {
    order: -15;
  }
  .flex-order-sm--14 {
    order: -14;
  }
  .flex-order-sm--13 {
    order: -13;
  }
  .flex-order-sm--12 {
    order: -12;
  }
  .flex-order-sm--11 {
    order: -11;
  }
  .flex-order-sm--10 {
    order: -10;
  }
  .flex-order-sm--9 {
    order: -9;
  }
  .flex-order-sm--8 {
    order: -8;
  }
  .flex-order-sm--7 {
    order: -7;
  }
  .flex-order-sm--6 {
    order: -6;
  }
  .flex-order-sm--5 {
    order: -5;
  }
  .flex-order-sm--4 {
    order: -4;
  }
  .flex-order-sm--3 {
    order: -3;
  }
  .flex-order-sm--2 {
    order: -2;
  }
  .flex-order-sm--1 {
    order: -1;
  }
  .flex-order-sm-0 {
    order: 0;
  }
  .flex-order-sm-1 {
    order: 1;
  }
  .flex-order-sm-2 {
    order: 2;
  }
  .flex-order-sm-3 {
    order: 3;
  }
  .flex-order-sm-4 {
    order: 4;
  }
  .flex-order-sm-5 {
    order: 5;
  }
  .flex-order-sm-6 {
    order: 6;
  }
  .flex-order-sm-7 {
    order: 7;
  }
  .flex-order-sm-8 {
    order: 8;
  }
  .flex-order-sm-9 {
    order: 9;
  }
  .flex-order-sm-10 {
    order: 10;
  }
  .flex-order-sm-11 {
    order: 11;
  }
  .flex-order-sm-12 {
    order: 12;
  }
  .flex-order-sm-13 {
    order: 13;
  }
  .flex-order-sm-14 {
    order: 14;
  }
  .flex-order-sm-15 {
    order: 15;
  }
  .flex-order-sm-16 {
    order: 16;
  }
  .flex-order-sm-17 {
    order: 17;
  }
  .flex-order-sm-18 {
    order: 18;
  }
  .flex-order-sm-19 {
    order: 19;
  }
  .flex-order-sm-20 {
    order: 20;
  }
  .offset-sm-0, .flex-offset-sm-0, .layout-margin .flex-offset-sm-0, .layout-margin .offset-sm-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-sm-0, [dir=rtl] .flex-offset-sm-0, [dir=rtl] .layout-margin .flex-offset-sm-0, [dir=rtl] .layout-margin .offset-sm-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .offset-sm-5, .flex-offset-sm-5, .layout-margin .flex-offset-sm-5, .layout-margin .offset-sm-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-sm-5, [dir=rtl] .flex-offset-sm-5, [dir=rtl] .layout-margin .flex-offset-sm-5, [dir=rtl] .layout-margin .offset-sm-5 {
    margin-left: auto;
    margin-right: 5%;
  }
  .offset-sm-10, .flex-offset-sm-10, .layout-margin .flex-offset-sm-10, .layout-margin .offset-sm-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-sm-10, [dir=rtl] .flex-offset-sm-10, [dir=rtl] .layout-margin .flex-offset-sm-10, [dir=rtl] .layout-margin .offset-sm-10 {
    margin-left: auto;
    margin-right: 10%;
  }
  .offset-sm-15, .flex-offset-sm-15, .layout-margin .flex-offset-sm-15, .layout-margin .offset-sm-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-sm-15, [dir=rtl] .flex-offset-sm-15, [dir=rtl] .layout-margin .flex-offset-sm-15, [dir=rtl] .layout-margin .offset-sm-15 {
    margin-left: auto;
    margin-right: 15%;
  }
  .offset-sm-20, .flex-offset-sm-20, .layout-margin .flex-offset-sm-20, .layout-margin .offset-sm-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-sm-20, [dir=rtl] .flex-offset-sm-20, [dir=rtl] .layout-margin .flex-offset-sm-20, [dir=rtl] .layout-margin .offset-sm-20 {
    margin-left: auto;
    margin-right: 20%;
  }
  .offset-sm-25, .flex-offset-sm-25, .layout-margin .flex-offset-sm-25, .layout-margin .offset-sm-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-sm-25, [dir=rtl] .flex-offset-sm-25, [dir=rtl] .layout-margin .flex-offset-sm-25, [dir=rtl] .layout-margin .offset-sm-25 {
    margin-left: auto;
    margin-right: 25%;
  }
  .offset-sm-30, .flex-offset-sm-30, .layout-margin .flex-offset-sm-30, .layout-margin .offset-sm-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-sm-30, [dir=rtl] .flex-offset-sm-30, [dir=rtl] .layout-margin .flex-offset-sm-30, [dir=rtl] .layout-margin .offset-sm-30 {
    margin-left: auto;
    margin-right: 30%;
  }
  .offset-sm-35, .flex-offset-sm-35, .layout-margin .flex-offset-sm-35, .layout-margin .offset-sm-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-sm-35, [dir=rtl] .flex-offset-sm-35, [dir=rtl] .layout-margin .flex-offset-sm-35, [dir=rtl] .layout-margin .offset-sm-35 {
    margin-left: auto;
    margin-right: 35%;
  }
  .offset-sm-40, .flex-offset-sm-40, .layout-margin .flex-offset-sm-40, .layout-margin .offset-sm-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-sm-40, [dir=rtl] .flex-offset-sm-40, [dir=rtl] .layout-margin .flex-offset-sm-40, [dir=rtl] .layout-margin .offset-sm-40 {
    margin-left: auto;
    margin-right: 40%;
  }
  .offset-sm-45, .flex-offset-sm-45, .layout-margin .flex-offset-sm-45, .layout-margin .offset-sm-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-sm-45, [dir=rtl] .flex-offset-sm-45, [dir=rtl] .layout-margin .flex-offset-sm-45, [dir=rtl] .layout-margin .offset-sm-45 {
    margin-left: auto;
    margin-right: 45%;
  }
  .offset-sm-50, .flex-offset-sm-50, .layout-margin .flex-offset-sm-50, .layout-margin .offset-sm-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-sm-50, [dir=rtl] .flex-offset-sm-50, [dir=rtl] .layout-margin .flex-offset-sm-50, [dir=rtl] .layout-margin .offset-sm-50 {
    margin-left: auto;
    margin-right: 50%;
  }
  .offset-sm-55, .flex-offset-sm-55, .layout-margin .flex-offset-sm-55, .layout-margin .offset-sm-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-sm-55, [dir=rtl] .flex-offset-sm-55, [dir=rtl] .layout-margin .flex-offset-sm-55, [dir=rtl] .layout-margin .offset-sm-55 {
    margin-left: auto;
    margin-right: 55%;
  }
  .offset-sm-60, .flex-offset-sm-60, .layout-margin .flex-offset-sm-60, .layout-margin .offset-sm-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-sm-60, [dir=rtl] .flex-offset-sm-60, [dir=rtl] .layout-margin .flex-offset-sm-60, [dir=rtl] .layout-margin .offset-sm-60 {
    margin-left: auto;
    margin-right: 60%;
  }
  .offset-sm-65, .flex-offset-sm-65, .layout-margin .flex-offset-sm-65, .layout-margin .offset-sm-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-sm-65, [dir=rtl] .flex-offset-sm-65, [dir=rtl] .layout-margin .flex-offset-sm-65, [dir=rtl] .layout-margin .offset-sm-65 {
    margin-left: auto;
    margin-right: 65%;
  }
  .offset-sm-70, .flex-offset-sm-70, .layout-margin .flex-offset-sm-70, .layout-margin .offset-sm-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-sm-70, [dir=rtl] .flex-offset-sm-70, [dir=rtl] .layout-margin .flex-offset-sm-70, [dir=rtl] .layout-margin .offset-sm-70 {
    margin-left: auto;
    margin-right: 70%;
  }
  .offset-sm-75, .flex-offset-sm-75, .layout-margin .flex-offset-sm-75, .layout-margin .offset-sm-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-sm-75, [dir=rtl] .flex-offset-sm-75, [dir=rtl] .layout-margin .flex-offset-sm-75, [dir=rtl] .layout-margin .offset-sm-75 {
    margin-left: auto;
    margin-right: 75%;
  }
  .offset-sm-80, .flex-offset-sm-80, .layout-margin .flex-offset-sm-80, .layout-margin .offset-sm-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-sm-80, [dir=rtl] .flex-offset-sm-80, [dir=rtl] .layout-margin .flex-offset-sm-80, [dir=rtl] .layout-margin .offset-sm-80 {
    margin-left: auto;
    margin-right: 80%;
  }
  .offset-sm-85, .flex-offset-sm-85, .layout-margin .flex-offset-sm-85, .layout-margin .offset-sm-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-sm-85, [dir=rtl] .flex-offset-sm-85, [dir=rtl] .layout-margin .flex-offset-sm-85, [dir=rtl] .layout-margin .offset-sm-85 {
    margin-left: auto;
    margin-right: 85%;
  }
  .offset-sm-90, .flex-offset-sm-90, .layout-margin .flex-offset-sm-90, .layout-margin .offset-sm-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-sm-90, [dir=rtl] .flex-offset-sm-90, [dir=rtl] .layout-margin .flex-offset-sm-90, [dir=rtl] .layout-margin .offset-sm-90 {
    margin-left: auto;
    margin-right: 90%;
  }
  .offset-sm-95, .flex-offset-sm-95, .layout-margin .flex-offset-sm-95, .layout-margin .offset-sm-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-sm-95, [dir=rtl] .flex-offset-sm-95, [dir=rtl] .layout-margin .flex-offset-sm-95, [dir=rtl] .layout-margin .offset-sm-95 {
    margin-left: auto;
    margin-right: 95%;
  }
  .offset-sm-33, .flex-offset-sm-33, .layout-margin .flex-offset-sm-33, .layout-margin .offset-sm-33 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-66, .flex-offset-sm-66, .layout-margin .flex-offset-sm-66, .layout-margin .offset-sm-66 {
    margin-left: 66.6666666667%;
  }
  [dir=rtl] .offset-sm-66, [dir=rtl] .flex-offset-sm-66, [dir=rtl] .layout-margin .flex-offset-sm-66, [dir=rtl] .layout-margin .offset-sm-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }
  .layout-align-sm,
  .layout-align-sm-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  .layout-align-sm-start,
  .layout-align-sm-start-start,
  .layout-align-sm-start-center,
  .layout-align-sm-start-end,
  .layout-align-sm-start-stretch {
    justify-content: flex-start;
  }
  .layout-align-sm-center,
  .layout-align-sm-center-start,
  .layout-align-sm-center-center,
  .layout-align-sm-center-end,
  .layout-align-sm-center-stretch {
    justify-content: center;
  }
  .layout-align-sm-end,
  .layout-align-sm-end-start,
  .layout-align-sm-end-center,
  .layout-align-sm-end-end,
  .layout-align-sm-end-stretch {
    justify-content: flex-end;
  }
  .layout-align-sm-space-around,
  .layout-align-sm-space-around-center,
  .layout-align-sm-space-around-start,
  .layout-align-sm-space-around-end,
  .layout-align-sm-space-around-stretch {
    justify-content: space-around;
  }
  .layout-align-sm-space-between,
  .layout-align-sm-space-between-center,
  .layout-align-sm-space-between-start,
  .layout-align-sm-space-between-end,
  .layout-align-sm-space-between-stretch {
    justify-content: space-between;
  }
  .layout-align-sm-start-start,
  .layout-align-sm-center-start,
  .layout-align-sm-end-start,
  .layout-align-sm-space-between-start,
  .layout-align-sm-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }
  .layout-align-sm-start-center,
  .layout-align-sm-center-center,
  .layout-align-sm-end-center,
  .layout-align-sm-space-between-center,
  .layout-align-sm-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-sm-start-center > *,
  .layout-align-sm-center-center > *,
  .layout-align-sm-end-center > *,
  .layout-align-sm-space-between-center > *,
  .layout-align-sm-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-sm-start-end,
  .layout-align-sm-center-end,
  .layout-align-sm-end-end,
  .layout-align-sm-space-between-end,
  .layout-align-sm-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }
  .layout-align-sm-start-stretch,
  .layout-align-sm-center-stretch,
  .layout-align-sm-end-stretch,
  .layout-align-sm-space-between-stretch,
  .layout-align-sm-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }
  .flex-sm {
    flex: 1;
    box-sizing: border-box;
  }
  .flex-sm-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-sm-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-sm-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-sm-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-sm-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-sm-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-sm-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-sm-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-sm-column > .flex-sm-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-sm-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-sm-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-sm-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-sm-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-sm-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-sm-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-sm-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-sm-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-sm-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-sm-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-sm-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-sm-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-sm-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-sm-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-sm-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-sm-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-sm-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-sm-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-sm-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex {
    min-width: 0;
  }
  .layout-sm-column > .flex-sm-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex {
    min-height: 0;
  }
  .layout-sm, .layout-sm-column, .layout-sm-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .layout-sm-column {
    flex-direction: column;
  }
  .layout-sm-row {
    flex-direction: row;
  }
}
@media (min-width: 960px) {
  .flex-order-gt-sm--20 {
    order: -20;
  }
  .flex-order-gt-sm--19 {
    order: -19;
  }
  .flex-order-gt-sm--18 {
    order: -18;
  }
  .flex-order-gt-sm--17 {
    order: -17;
  }
  .flex-order-gt-sm--16 {
    order: -16;
  }
  .flex-order-gt-sm--15 {
    order: -15;
  }
  .flex-order-gt-sm--14 {
    order: -14;
  }
  .flex-order-gt-sm--13 {
    order: -13;
  }
  .flex-order-gt-sm--12 {
    order: -12;
  }
  .flex-order-gt-sm--11 {
    order: -11;
  }
  .flex-order-gt-sm--10 {
    order: -10;
  }
  .flex-order-gt-sm--9 {
    order: -9;
  }
  .flex-order-gt-sm--8 {
    order: -8;
  }
  .flex-order-gt-sm--7 {
    order: -7;
  }
  .flex-order-gt-sm--6 {
    order: -6;
  }
  .flex-order-gt-sm--5 {
    order: -5;
  }
  .flex-order-gt-sm--4 {
    order: -4;
  }
  .flex-order-gt-sm--3 {
    order: -3;
  }
  .flex-order-gt-sm--2 {
    order: -2;
  }
  .flex-order-gt-sm--1 {
    order: -1;
  }
  .flex-order-gt-sm-0 {
    order: 0;
  }
  .flex-order-gt-sm-1 {
    order: 1;
  }
  .flex-order-gt-sm-2 {
    order: 2;
  }
  .flex-order-gt-sm-3 {
    order: 3;
  }
  .flex-order-gt-sm-4 {
    order: 4;
  }
  .flex-order-gt-sm-5 {
    order: 5;
  }
  .flex-order-gt-sm-6 {
    order: 6;
  }
  .flex-order-gt-sm-7 {
    order: 7;
  }
  .flex-order-gt-sm-8 {
    order: 8;
  }
  .flex-order-gt-sm-9 {
    order: 9;
  }
  .flex-order-gt-sm-10 {
    order: 10;
  }
  .flex-order-gt-sm-11 {
    order: 11;
  }
  .flex-order-gt-sm-12 {
    order: 12;
  }
  .flex-order-gt-sm-13 {
    order: 13;
  }
  .flex-order-gt-sm-14 {
    order: 14;
  }
  .flex-order-gt-sm-15 {
    order: 15;
  }
  .flex-order-gt-sm-16 {
    order: 16;
  }
  .flex-order-gt-sm-17 {
    order: 17;
  }
  .flex-order-gt-sm-18 {
    order: 18;
  }
  .flex-order-gt-sm-19 {
    order: 19;
  }
  .flex-order-gt-sm-20 {
    order: 20;
  }
  .offset-gt-sm-0, .flex-offset-gt-sm-0, .layout-margin .flex-offset-gt-sm-0, .layout-margin .offset-gt-sm-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-gt-sm-0, [dir=rtl] .flex-offset-gt-sm-0, [dir=rtl] .layout-margin .flex-offset-gt-sm-0, [dir=rtl] .layout-margin .offset-gt-sm-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .offset-gt-sm-5, .flex-offset-gt-sm-5, .layout-margin .flex-offset-gt-sm-5, .layout-margin .offset-gt-sm-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-gt-sm-5, [dir=rtl] .flex-offset-gt-sm-5, [dir=rtl] .layout-margin .flex-offset-gt-sm-5, [dir=rtl] .layout-margin .offset-gt-sm-5 {
    margin-left: auto;
    margin-right: 5%;
  }
  .offset-gt-sm-10, .flex-offset-gt-sm-10, .layout-margin .flex-offset-gt-sm-10, .layout-margin .offset-gt-sm-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-gt-sm-10, [dir=rtl] .flex-offset-gt-sm-10, [dir=rtl] .layout-margin .flex-offset-gt-sm-10, [dir=rtl] .layout-margin .offset-gt-sm-10 {
    margin-left: auto;
    margin-right: 10%;
  }
  .offset-gt-sm-15, .flex-offset-gt-sm-15, .layout-margin .flex-offset-gt-sm-15, .layout-margin .offset-gt-sm-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-gt-sm-15, [dir=rtl] .flex-offset-gt-sm-15, [dir=rtl] .layout-margin .flex-offset-gt-sm-15, [dir=rtl] .layout-margin .offset-gt-sm-15 {
    margin-left: auto;
    margin-right: 15%;
  }
  .offset-gt-sm-20, .flex-offset-gt-sm-20, .layout-margin .flex-offset-gt-sm-20, .layout-margin .offset-gt-sm-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-gt-sm-20, [dir=rtl] .flex-offset-gt-sm-20, [dir=rtl] .layout-margin .flex-offset-gt-sm-20, [dir=rtl] .layout-margin .offset-gt-sm-20 {
    margin-left: auto;
    margin-right: 20%;
  }
  .offset-gt-sm-25, .flex-offset-gt-sm-25, .layout-margin .flex-offset-gt-sm-25, .layout-margin .offset-gt-sm-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-gt-sm-25, [dir=rtl] .flex-offset-gt-sm-25, [dir=rtl] .layout-margin .flex-offset-gt-sm-25, [dir=rtl] .layout-margin .offset-gt-sm-25 {
    margin-left: auto;
    margin-right: 25%;
  }
  .offset-gt-sm-30, .flex-offset-gt-sm-30, .layout-margin .flex-offset-gt-sm-30, .layout-margin .offset-gt-sm-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-gt-sm-30, [dir=rtl] .flex-offset-gt-sm-30, [dir=rtl] .layout-margin .flex-offset-gt-sm-30, [dir=rtl] .layout-margin .offset-gt-sm-30 {
    margin-left: auto;
    margin-right: 30%;
  }
  .offset-gt-sm-35, .flex-offset-gt-sm-35, .layout-margin .flex-offset-gt-sm-35, .layout-margin .offset-gt-sm-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-gt-sm-35, [dir=rtl] .flex-offset-gt-sm-35, [dir=rtl] .layout-margin .flex-offset-gt-sm-35, [dir=rtl] .layout-margin .offset-gt-sm-35 {
    margin-left: auto;
    margin-right: 35%;
  }
  .offset-gt-sm-40, .flex-offset-gt-sm-40, .layout-margin .flex-offset-gt-sm-40, .layout-margin .offset-gt-sm-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-gt-sm-40, [dir=rtl] .flex-offset-gt-sm-40, [dir=rtl] .layout-margin .flex-offset-gt-sm-40, [dir=rtl] .layout-margin .offset-gt-sm-40 {
    margin-left: auto;
    margin-right: 40%;
  }
  .offset-gt-sm-45, .flex-offset-gt-sm-45, .layout-margin .flex-offset-gt-sm-45, .layout-margin .offset-gt-sm-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-gt-sm-45, [dir=rtl] .flex-offset-gt-sm-45, [dir=rtl] .layout-margin .flex-offset-gt-sm-45, [dir=rtl] .layout-margin .offset-gt-sm-45 {
    margin-left: auto;
    margin-right: 45%;
  }
  .offset-gt-sm-50, .flex-offset-gt-sm-50, .layout-margin .flex-offset-gt-sm-50, .layout-margin .offset-gt-sm-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-gt-sm-50, [dir=rtl] .flex-offset-gt-sm-50, [dir=rtl] .layout-margin .flex-offset-gt-sm-50, [dir=rtl] .layout-margin .offset-gt-sm-50 {
    margin-left: auto;
    margin-right: 50%;
  }
  .offset-gt-sm-55, .flex-offset-gt-sm-55, .layout-margin .flex-offset-gt-sm-55, .layout-margin .offset-gt-sm-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-gt-sm-55, [dir=rtl] .flex-offset-gt-sm-55, [dir=rtl] .layout-margin .flex-offset-gt-sm-55, [dir=rtl] .layout-margin .offset-gt-sm-55 {
    margin-left: auto;
    margin-right: 55%;
  }
  .offset-gt-sm-60, .flex-offset-gt-sm-60, .layout-margin .flex-offset-gt-sm-60, .layout-margin .offset-gt-sm-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-gt-sm-60, [dir=rtl] .flex-offset-gt-sm-60, [dir=rtl] .layout-margin .flex-offset-gt-sm-60, [dir=rtl] .layout-margin .offset-gt-sm-60 {
    margin-left: auto;
    margin-right: 60%;
  }
  .offset-gt-sm-65, .flex-offset-gt-sm-65, .layout-margin .flex-offset-gt-sm-65, .layout-margin .offset-gt-sm-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-gt-sm-65, [dir=rtl] .flex-offset-gt-sm-65, [dir=rtl] .layout-margin .flex-offset-gt-sm-65, [dir=rtl] .layout-margin .offset-gt-sm-65 {
    margin-left: auto;
    margin-right: 65%;
  }
  .offset-gt-sm-70, .flex-offset-gt-sm-70, .layout-margin .flex-offset-gt-sm-70, .layout-margin .offset-gt-sm-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-gt-sm-70, [dir=rtl] .flex-offset-gt-sm-70, [dir=rtl] .layout-margin .flex-offset-gt-sm-70, [dir=rtl] .layout-margin .offset-gt-sm-70 {
    margin-left: auto;
    margin-right: 70%;
  }
  .offset-gt-sm-75, .flex-offset-gt-sm-75, .layout-margin .flex-offset-gt-sm-75, .layout-margin .offset-gt-sm-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-gt-sm-75, [dir=rtl] .flex-offset-gt-sm-75, [dir=rtl] .layout-margin .flex-offset-gt-sm-75, [dir=rtl] .layout-margin .offset-gt-sm-75 {
    margin-left: auto;
    margin-right: 75%;
  }
  .offset-gt-sm-80, .flex-offset-gt-sm-80, .layout-margin .flex-offset-gt-sm-80, .layout-margin .offset-gt-sm-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-gt-sm-80, [dir=rtl] .flex-offset-gt-sm-80, [dir=rtl] .layout-margin .flex-offset-gt-sm-80, [dir=rtl] .layout-margin .offset-gt-sm-80 {
    margin-left: auto;
    margin-right: 80%;
  }
  .offset-gt-sm-85, .flex-offset-gt-sm-85, .layout-margin .flex-offset-gt-sm-85, .layout-margin .offset-gt-sm-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-gt-sm-85, [dir=rtl] .flex-offset-gt-sm-85, [dir=rtl] .layout-margin .flex-offset-gt-sm-85, [dir=rtl] .layout-margin .offset-gt-sm-85 {
    margin-left: auto;
    margin-right: 85%;
  }
  .offset-gt-sm-90, .flex-offset-gt-sm-90, .layout-margin .flex-offset-gt-sm-90, .layout-margin .offset-gt-sm-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-gt-sm-90, [dir=rtl] .flex-offset-gt-sm-90, [dir=rtl] .layout-margin .flex-offset-gt-sm-90, [dir=rtl] .layout-margin .offset-gt-sm-90 {
    margin-left: auto;
    margin-right: 90%;
  }
  .offset-gt-sm-95, .flex-offset-gt-sm-95, .layout-margin .flex-offset-gt-sm-95, .layout-margin .offset-gt-sm-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-gt-sm-95, [dir=rtl] .flex-offset-gt-sm-95, [dir=rtl] .layout-margin .flex-offset-gt-sm-95, [dir=rtl] .layout-margin .offset-gt-sm-95 {
    margin-left: auto;
    margin-right: 95%;
  }
  .offset-gt-sm-33, .flex-offset-gt-sm-33, .layout-margin .flex-offset-gt-sm-33, .layout-margin .offset-gt-sm-33 {
    margin-left: 33.3333333333%;
  }
  .offset-gt-sm-66, .flex-offset-gt-sm-66, .layout-margin .flex-offset-gt-sm-66, .layout-margin .offset-gt-sm-66 {
    margin-left: 66.6666666667%;
  }
  [dir=rtl] .offset-gt-sm-66, [dir=rtl] .flex-offset-gt-sm-66, [dir=rtl] .layout-margin .flex-offset-gt-sm-66, [dir=rtl] .layout-margin .offset-gt-sm-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }
  .layout-align-gt-sm,
  .layout-align-gt-sm-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  .layout-align-gt-sm-start,
  .layout-align-gt-sm-start-start,
  .layout-align-gt-sm-start-center,
  .layout-align-gt-sm-start-end,
  .layout-align-gt-sm-start-stretch {
    justify-content: flex-start;
  }
  .layout-align-gt-sm-center,
  .layout-align-gt-sm-center-start,
  .layout-align-gt-sm-center-center,
  .layout-align-gt-sm-center-end,
  .layout-align-gt-sm-center-stretch {
    justify-content: center;
  }
  .layout-align-gt-sm-end,
  .layout-align-gt-sm-end-start,
  .layout-align-gt-sm-end-center,
  .layout-align-gt-sm-end-end,
  .layout-align-gt-sm-end-stretch {
    justify-content: flex-end;
  }
  .layout-align-gt-sm-space-around,
  .layout-align-gt-sm-space-around-center,
  .layout-align-gt-sm-space-around-start,
  .layout-align-gt-sm-space-around-end,
  .layout-align-gt-sm-space-around-stretch {
    justify-content: space-around;
  }
  .layout-align-gt-sm-space-between,
  .layout-align-gt-sm-space-between-center,
  .layout-align-gt-sm-space-between-start,
  .layout-align-gt-sm-space-between-end,
  .layout-align-gt-sm-space-between-stretch {
    justify-content: space-between;
  }
  .layout-align-gt-sm-start-start,
  .layout-align-gt-sm-center-start,
  .layout-align-gt-sm-end-start,
  .layout-align-gt-sm-space-between-start,
  .layout-align-gt-sm-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }
  .layout-align-gt-sm-start-center,
  .layout-align-gt-sm-center-center,
  .layout-align-gt-sm-end-center,
  .layout-align-gt-sm-space-between-center,
  .layout-align-gt-sm-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-gt-sm-start-center > *,
  .layout-align-gt-sm-center-center > *,
  .layout-align-gt-sm-end-center > *,
  .layout-align-gt-sm-space-between-center > *,
  .layout-align-gt-sm-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-gt-sm-start-end,
  .layout-align-gt-sm-center-end,
  .layout-align-gt-sm-end-end,
  .layout-align-gt-sm-space-between-end,
  .layout-align-gt-sm-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }
  .layout-align-gt-sm-start-stretch,
  .layout-align-gt-sm-center-stretch,
  .layout-align-gt-sm-end-stretch,
  .layout-align-gt-sm-space-between-stretch,
  .layout-align-gt-sm-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }
  .flex-gt-sm {
    flex: 1;
    box-sizing: border-box;
  }
  .flex-gt-sm-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-gt-sm-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-sm-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-sm-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-sm-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-sm-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-sm-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-gt-sm-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-gt-sm-column > .flex-gt-sm-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-gt-sm-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-gt-sm-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-gt-sm-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-gt-sm-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-gt-sm-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-gt-sm-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-gt-sm-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-gt-sm-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-gt-sm-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-gt-sm-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-gt-sm-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-gt-sm-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-gt-sm-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-gt-sm-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-gt-sm-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-gt-sm-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-gt-sm-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-gt-sm-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-gt-sm-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex {
    min-width: 0;
  }
  .layout-gt-sm-column > .flex-gt-sm-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex {
    min-height: 0;
  }
  .layout-gt-sm, .layout-gt-sm-column, .layout-gt-sm-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .layout-gt-sm-column {
    flex-direction: column;
  }
  .layout-gt-sm-row {
    flex-direction: row;
  }
}
@media (min-width: 960px) and (max-width: 1279px) {
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show) {
    display: none;
  }
  .hide-md:not(.show-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none;
  }
  .flex-order-md--20 {
    order: -20;
  }
  .flex-order-md--19 {
    order: -19;
  }
  .flex-order-md--18 {
    order: -18;
  }
  .flex-order-md--17 {
    order: -17;
  }
  .flex-order-md--16 {
    order: -16;
  }
  .flex-order-md--15 {
    order: -15;
  }
  .flex-order-md--14 {
    order: -14;
  }
  .flex-order-md--13 {
    order: -13;
  }
  .flex-order-md--12 {
    order: -12;
  }
  .flex-order-md--11 {
    order: -11;
  }
  .flex-order-md--10 {
    order: -10;
  }
  .flex-order-md--9 {
    order: -9;
  }
  .flex-order-md--8 {
    order: -8;
  }
  .flex-order-md--7 {
    order: -7;
  }
  .flex-order-md--6 {
    order: -6;
  }
  .flex-order-md--5 {
    order: -5;
  }
  .flex-order-md--4 {
    order: -4;
  }
  .flex-order-md--3 {
    order: -3;
  }
  .flex-order-md--2 {
    order: -2;
  }
  .flex-order-md--1 {
    order: -1;
  }
  .flex-order-md-0 {
    order: 0;
  }
  .flex-order-md-1 {
    order: 1;
  }
  .flex-order-md-2 {
    order: 2;
  }
  .flex-order-md-3 {
    order: 3;
  }
  .flex-order-md-4 {
    order: 4;
  }
  .flex-order-md-5 {
    order: 5;
  }
  .flex-order-md-6 {
    order: 6;
  }
  .flex-order-md-7 {
    order: 7;
  }
  .flex-order-md-8 {
    order: 8;
  }
  .flex-order-md-9 {
    order: 9;
  }
  .flex-order-md-10 {
    order: 10;
  }
  .flex-order-md-11 {
    order: 11;
  }
  .flex-order-md-12 {
    order: 12;
  }
  .flex-order-md-13 {
    order: 13;
  }
  .flex-order-md-14 {
    order: 14;
  }
  .flex-order-md-15 {
    order: 15;
  }
  .flex-order-md-16 {
    order: 16;
  }
  .flex-order-md-17 {
    order: 17;
  }
  .flex-order-md-18 {
    order: 18;
  }
  .flex-order-md-19 {
    order: 19;
  }
  .flex-order-md-20 {
    order: 20;
  }
  .offset-md-0, .flex-offset-md-0, .layout-margin .flex-offset-md-0, .layout-margin .offset-md-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-md-0, [dir=rtl] .flex-offset-md-0, [dir=rtl] .layout-margin .flex-offset-md-0, [dir=rtl] .layout-margin .offset-md-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .offset-md-5, .flex-offset-md-5, .layout-margin .flex-offset-md-5, .layout-margin .offset-md-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-md-5, [dir=rtl] .flex-offset-md-5, [dir=rtl] .layout-margin .flex-offset-md-5, [dir=rtl] .layout-margin .offset-md-5 {
    margin-left: auto;
    margin-right: 5%;
  }
  .offset-md-10, .flex-offset-md-10, .layout-margin .flex-offset-md-10, .layout-margin .offset-md-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-md-10, [dir=rtl] .flex-offset-md-10, [dir=rtl] .layout-margin .flex-offset-md-10, [dir=rtl] .layout-margin .offset-md-10 {
    margin-left: auto;
    margin-right: 10%;
  }
  .offset-md-15, .flex-offset-md-15, .layout-margin .flex-offset-md-15, .layout-margin .offset-md-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-md-15, [dir=rtl] .flex-offset-md-15, [dir=rtl] .layout-margin .flex-offset-md-15, [dir=rtl] .layout-margin .offset-md-15 {
    margin-left: auto;
    margin-right: 15%;
  }
  .offset-md-20, .flex-offset-md-20, .layout-margin .flex-offset-md-20, .layout-margin .offset-md-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-md-20, [dir=rtl] .flex-offset-md-20, [dir=rtl] .layout-margin .flex-offset-md-20, [dir=rtl] .layout-margin .offset-md-20 {
    margin-left: auto;
    margin-right: 20%;
  }
  .offset-md-25, .flex-offset-md-25, .layout-margin .flex-offset-md-25, .layout-margin .offset-md-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-md-25, [dir=rtl] .flex-offset-md-25, [dir=rtl] .layout-margin .flex-offset-md-25, [dir=rtl] .layout-margin .offset-md-25 {
    margin-left: auto;
    margin-right: 25%;
  }
  .offset-md-30, .flex-offset-md-30, .layout-margin .flex-offset-md-30, .layout-margin .offset-md-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-md-30, [dir=rtl] .flex-offset-md-30, [dir=rtl] .layout-margin .flex-offset-md-30, [dir=rtl] .layout-margin .offset-md-30 {
    margin-left: auto;
    margin-right: 30%;
  }
  .offset-md-35, .flex-offset-md-35, .layout-margin .flex-offset-md-35, .layout-margin .offset-md-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-md-35, [dir=rtl] .flex-offset-md-35, [dir=rtl] .layout-margin .flex-offset-md-35, [dir=rtl] .layout-margin .offset-md-35 {
    margin-left: auto;
    margin-right: 35%;
  }
  .offset-md-40, .flex-offset-md-40, .layout-margin .flex-offset-md-40, .layout-margin .offset-md-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-md-40, [dir=rtl] .flex-offset-md-40, [dir=rtl] .layout-margin .flex-offset-md-40, [dir=rtl] .layout-margin .offset-md-40 {
    margin-left: auto;
    margin-right: 40%;
  }
  .offset-md-45, .flex-offset-md-45, .layout-margin .flex-offset-md-45, .layout-margin .offset-md-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-md-45, [dir=rtl] .flex-offset-md-45, [dir=rtl] .layout-margin .flex-offset-md-45, [dir=rtl] .layout-margin .offset-md-45 {
    margin-left: auto;
    margin-right: 45%;
  }
  .offset-md-50, .flex-offset-md-50, .layout-margin .flex-offset-md-50, .layout-margin .offset-md-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-md-50, [dir=rtl] .flex-offset-md-50, [dir=rtl] .layout-margin .flex-offset-md-50, [dir=rtl] .layout-margin .offset-md-50 {
    margin-left: auto;
    margin-right: 50%;
  }
  .offset-md-55, .flex-offset-md-55, .layout-margin .flex-offset-md-55, .layout-margin .offset-md-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-md-55, [dir=rtl] .flex-offset-md-55, [dir=rtl] .layout-margin .flex-offset-md-55, [dir=rtl] .layout-margin .offset-md-55 {
    margin-left: auto;
    margin-right: 55%;
  }
  .offset-md-60, .flex-offset-md-60, .layout-margin .flex-offset-md-60, .layout-margin .offset-md-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-md-60, [dir=rtl] .flex-offset-md-60, [dir=rtl] .layout-margin .flex-offset-md-60, [dir=rtl] .layout-margin .offset-md-60 {
    margin-left: auto;
    margin-right: 60%;
  }
  .offset-md-65, .flex-offset-md-65, .layout-margin .flex-offset-md-65, .layout-margin .offset-md-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-md-65, [dir=rtl] .flex-offset-md-65, [dir=rtl] .layout-margin .flex-offset-md-65, [dir=rtl] .layout-margin .offset-md-65 {
    margin-left: auto;
    margin-right: 65%;
  }
  .offset-md-70, .flex-offset-md-70, .layout-margin .flex-offset-md-70, .layout-margin .offset-md-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-md-70, [dir=rtl] .flex-offset-md-70, [dir=rtl] .layout-margin .flex-offset-md-70, [dir=rtl] .layout-margin .offset-md-70 {
    margin-left: auto;
    margin-right: 70%;
  }
  .offset-md-75, .flex-offset-md-75, .layout-margin .flex-offset-md-75, .layout-margin .offset-md-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-md-75, [dir=rtl] .flex-offset-md-75, [dir=rtl] .layout-margin .flex-offset-md-75, [dir=rtl] .layout-margin .offset-md-75 {
    margin-left: auto;
    margin-right: 75%;
  }
  .offset-md-80, .flex-offset-md-80, .layout-margin .flex-offset-md-80, .layout-margin .offset-md-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-md-80, [dir=rtl] .flex-offset-md-80, [dir=rtl] .layout-margin .flex-offset-md-80, [dir=rtl] .layout-margin .offset-md-80 {
    margin-left: auto;
    margin-right: 80%;
  }
  .offset-md-85, .flex-offset-md-85, .layout-margin .flex-offset-md-85, .layout-margin .offset-md-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-md-85, [dir=rtl] .flex-offset-md-85, [dir=rtl] .layout-margin .flex-offset-md-85, [dir=rtl] .layout-margin .offset-md-85 {
    margin-left: auto;
    margin-right: 85%;
  }
  .offset-md-90, .flex-offset-md-90, .layout-margin .flex-offset-md-90, .layout-margin .offset-md-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-md-90, [dir=rtl] .flex-offset-md-90, [dir=rtl] .layout-margin .flex-offset-md-90, [dir=rtl] .layout-margin .offset-md-90 {
    margin-left: auto;
    margin-right: 90%;
  }
  .offset-md-95, .flex-offset-md-95, .layout-margin .flex-offset-md-95, .layout-margin .offset-md-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-md-95, [dir=rtl] .flex-offset-md-95, [dir=rtl] .layout-margin .flex-offset-md-95, [dir=rtl] .layout-margin .offset-md-95 {
    margin-left: auto;
    margin-right: 95%;
  }
  .offset-md-33, .flex-offset-md-33, .layout-margin .flex-offset-md-33, .layout-margin .offset-md-33 {
    margin-left: 33.3333333333%;
  }
  .offset-md-66, .flex-offset-md-66, .layout-margin .flex-offset-md-66, .layout-margin .offset-md-66 {
    margin-left: 66.6666666667%;
  }
  [dir=rtl] .offset-md-66, [dir=rtl] .flex-offset-md-66, [dir=rtl] .layout-margin .flex-offset-md-66, [dir=rtl] .layout-margin .offset-md-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }
  .layout-align-md,
  .layout-align-md-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  .layout-align-md-start,
  .layout-align-md-start-start,
  .layout-align-md-start-center,
  .layout-align-md-start-end,
  .layout-align-md-start-stretch {
    justify-content: flex-start;
  }
  .layout-align-md-center,
  .layout-align-md-center-start,
  .layout-align-md-center-center,
  .layout-align-md-center-end,
  .layout-align-md-center-stretch {
    justify-content: center;
  }
  .layout-align-md-end,
  .layout-align-md-end-start,
  .layout-align-md-end-center,
  .layout-align-md-end-end,
  .layout-align-md-end-stretch {
    justify-content: flex-end;
  }
  .layout-align-md-space-around,
  .layout-align-md-space-around-center,
  .layout-align-md-space-around-start,
  .layout-align-md-space-around-end,
  .layout-align-md-space-around-stretch {
    justify-content: space-around;
  }
  .layout-align-md-space-between,
  .layout-align-md-space-between-center,
  .layout-align-md-space-between-start,
  .layout-align-md-space-between-end,
  .layout-align-md-space-between-stretch {
    justify-content: space-between;
  }
  .layout-align-md-start-start,
  .layout-align-md-center-start,
  .layout-align-md-end-start,
  .layout-align-md-space-between-start,
  .layout-align-md-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }
  .layout-align-md-start-center,
  .layout-align-md-center-center,
  .layout-align-md-end-center,
  .layout-align-md-space-between-center,
  .layout-align-md-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-md-start-center > *,
  .layout-align-md-center-center > *,
  .layout-align-md-end-center > *,
  .layout-align-md-space-between-center > *,
  .layout-align-md-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-md-start-end,
  .layout-align-md-center-end,
  .layout-align-md-end-end,
  .layout-align-md-space-between-end,
  .layout-align-md-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }
  .layout-align-md-start-stretch,
  .layout-align-md-center-stretch,
  .layout-align-md-end-stretch,
  .layout-align-md-space-between-stretch,
  .layout-align-md-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }
  .flex-md {
    flex: 1;
    box-sizing: border-box;
  }
  .flex-md-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-md-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-md-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-md-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-md-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-md-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-md-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-md-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-md-column > .flex-md-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-md-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-md-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-md-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-md-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-md-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-md-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-md-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-md-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-md-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-md-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-md-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-md-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-md-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-md-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-md-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-md-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-md-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-md-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-md-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex {
    min-width: 0;
  }
  .layout-md-column > .flex-md-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex {
    min-height: 0;
  }
  .layout-md, .layout-md-column, .layout-md-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .layout-md-column {
    flex-direction: column;
  }
  .layout-md-row {
    flex-direction: row;
  }
}
@media (min-width: 1280px) {
  .flex-order-gt-md--20 {
    order: -20;
  }
  .flex-order-gt-md--19 {
    order: -19;
  }
  .flex-order-gt-md--18 {
    order: -18;
  }
  .flex-order-gt-md--17 {
    order: -17;
  }
  .flex-order-gt-md--16 {
    order: -16;
  }
  .flex-order-gt-md--15 {
    order: -15;
  }
  .flex-order-gt-md--14 {
    order: -14;
  }
  .flex-order-gt-md--13 {
    order: -13;
  }
  .flex-order-gt-md--12 {
    order: -12;
  }
  .flex-order-gt-md--11 {
    order: -11;
  }
  .flex-order-gt-md--10 {
    order: -10;
  }
  .flex-order-gt-md--9 {
    order: -9;
  }
  .flex-order-gt-md--8 {
    order: -8;
  }
  .flex-order-gt-md--7 {
    order: -7;
  }
  .flex-order-gt-md--6 {
    order: -6;
  }
  .flex-order-gt-md--5 {
    order: -5;
  }
  .flex-order-gt-md--4 {
    order: -4;
  }
  .flex-order-gt-md--3 {
    order: -3;
  }
  .flex-order-gt-md--2 {
    order: -2;
  }
  .flex-order-gt-md--1 {
    order: -1;
  }
  .flex-order-gt-md-0 {
    order: 0;
  }
  .flex-order-gt-md-1 {
    order: 1;
  }
  .flex-order-gt-md-2 {
    order: 2;
  }
  .flex-order-gt-md-3 {
    order: 3;
  }
  .flex-order-gt-md-4 {
    order: 4;
  }
  .flex-order-gt-md-5 {
    order: 5;
  }
  .flex-order-gt-md-6 {
    order: 6;
  }
  .flex-order-gt-md-7 {
    order: 7;
  }
  .flex-order-gt-md-8 {
    order: 8;
  }
  .flex-order-gt-md-9 {
    order: 9;
  }
  .flex-order-gt-md-10 {
    order: 10;
  }
  .flex-order-gt-md-11 {
    order: 11;
  }
  .flex-order-gt-md-12 {
    order: 12;
  }
  .flex-order-gt-md-13 {
    order: 13;
  }
  .flex-order-gt-md-14 {
    order: 14;
  }
  .flex-order-gt-md-15 {
    order: 15;
  }
  .flex-order-gt-md-16 {
    order: 16;
  }
  .flex-order-gt-md-17 {
    order: 17;
  }
  .flex-order-gt-md-18 {
    order: 18;
  }
  .flex-order-gt-md-19 {
    order: 19;
  }
  .flex-order-gt-md-20 {
    order: 20;
  }
  .offset-gt-md-0, .flex-offset-gt-md-0, .layout-margin .flex-offset-gt-md-0, .layout-margin .offset-gt-md-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-gt-md-0, [dir=rtl] .flex-offset-gt-md-0, [dir=rtl] .layout-margin .flex-offset-gt-md-0, [dir=rtl] .layout-margin .offset-gt-md-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .offset-gt-md-5, .flex-offset-gt-md-5, .layout-margin .flex-offset-gt-md-5, .layout-margin .offset-gt-md-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-gt-md-5, [dir=rtl] .flex-offset-gt-md-5, [dir=rtl] .layout-margin .flex-offset-gt-md-5, [dir=rtl] .layout-margin .offset-gt-md-5 {
    margin-left: auto;
    margin-right: 5%;
  }
  .offset-gt-md-10, .flex-offset-gt-md-10, .layout-margin .flex-offset-gt-md-10, .layout-margin .offset-gt-md-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-gt-md-10, [dir=rtl] .flex-offset-gt-md-10, [dir=rtl] .layout-margin .flex-offset-gt-md-10, [dir=rtl] .layout-margin .offset-gt-md-10 {
    margin-left: auto;
    margin-right: 10%;
  }
  .offset-gt-md-15, .flex-offset-gt-md-15, .layout-margin .flex-offset-gt-md-15, .layout-margin .offset-gt-md-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-gt-md-15, [dir=rtl] .flex-offset-gt-md-15, [dir=rtl] .layout-margin .flex-offset-gt-md-15, [dir=rtl] .layout-margin .offset-gt-md-15 {
    margin-left: auto;
    margin-right: 15%;
  }
  .offset-gt-md-20, .flex-offset-gt-md-20, .layout-margin .flex-offset-gt-md-20, .layout-margin .offset-gt-md-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-gt-md-20, [dir=rtl] .flex-offset-gt-md-20, [dir=rtl] .layout-margin .flex-offset-gt-md-20, [dir=rtl] .layout-margin .offset-gt-md-20 {
    margin-left: auto;
    margin-right: 20%;
  }
  .offset-gt-md-25, .flex-offset-gt-md-25, .layout-margin .flex-offset-gt-md-25, .layout-margin .offset-gt-md-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-gt-md-25, [dir=rtl] .flex-offset-gt-md-25, [dir=rtl] .layout-margin .flex-offset-gt-md-25, [dir=rtl] .layout-margin .offset-gt-md-25 {
    margin-left: auto;
    margin-right: 25%;
  }
  .offset-gt-md-30, .flex-offset-gt-md-30, .layout-margin .flex-offset-gt-md-30, .layout-margin .offset-gt-md-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-gt-md-30, [dir=rtl] .flex-offset-gt-md-30, [dir=rtl] .layout-margin .flex-offset-gt-md-30, [dir=rtl] .layout-margin .offset-gt-md-30 {
    margin-left: auto;
    margin-right: 30%;
  }
  .offset-gt-md-35, .flex-offset-gt-md-35, .layout-margin .flex-offset-gt-md-35, .layout-margin .offset-gt-md-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-gt-md-35, [dir=rtl] .flex-offset-gt-md-35, [dir=rtl] .layout-margin .flex-offset-gt-md-35, [dir=rtl] .layout-margin .offset-gt-md-35 {
    margin-left: auto;
    margin-right: 35%;
  }
  .offset-gt-md-40, .flex-offset-gt-md-40, .layout-margin .flex-offset-gt-md-40, .layout-margin .offset-gt-md-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-gt-md-40, [dir=rtl] .flex-offset-gt-md-40, [dir=rtl] .layout-margin .flex-offset-gt-md-40, [dir=rtl] .layout-margin .offset-gt-md-40 {
    margin-left: auto;
    margin-right: 40%;
  }
  .offset-gt-md-45, .flex-offset-gt-md-45, .layout-margin .flex-offset-gt-md-45, .layout-margin .offset-gt-md-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-gt-md-45, [dir=rtl] .flex-offset-gt-md-45, [dir=rtl] .layout-margin .flex-offset-gt-md-45, [dir=rtl] .layout-margin .offset-gt-md-45 {
    margin-left: auto;
    margin-right: 45%;
  }
  .offset-gt-md-50, .flex-offset-gt-md-50, .layout-margin .flex-offset-gt-md-50, .layout-margin .offset-gt-md-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-gt-md-50, [dir=rtl] .flex-offset-gt-md-50, [dir=rtl] .layout-margin .flex-offset-gt-md-50, [dir=rtl] .layout-margin .offset-gt-md-50 {
    margin-left: auto;
    margin-right: 50%;
  }
  .offset-gt-md-55, .flex-offset-gt-md-55, .layout-margin .flex-offset-gt-md-55, .layout-margin .offset-gt-md-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-gt-md-55, [dir=rtl] .flex-offset-gt-md-55, [dir=rtl] .layout-margin .flex-offset-gt-md-55, [dir=rtl] .layout-margin .offset-gt-md-55 {
    margin-left: auto;
    margin-right: 55%;
  }
  .offset-gt-md-60, .flex-offset-gt-md-60, .layout-margin .flex-offset-gt-md-60, .layout-margin .offset-gt-md-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-gt-md-60, [dir=rtl] .flex-offset-gt-md-60, [dir=rtl] .layout-margin .flex-offset-gt-md-60, [dir=rtl] .layout-margin .offset-gt-md-60 {
    margin-left: auto;
    margin-right: 60%;
  }
  .offset-gt-md-65, .flex-offset-gt-md-65, .layout-margin .flex-offset-gt-md-65, .layout-margin .offset-gt-md-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-gt-md-65, [dir=rtl] .flex-offset-gt-md-65, [dir=rtl] .layout-margin .flex-offset-gt-md-65, [dir=rtl] .layout-margin .offset-gt-md-65 {
    margin-left: auto;
    margin-right: 65%;
  }
  .offset-gt-md-70, .flex-offset-gt-md-70, .layout-margin .flex-offset-gt-md-70, .layout-margin .offset-gt-md-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-gt-md-70, [dir=rtl] .flex-offset-gt-md-70, [dir=rtl] .layout-margin .flex-offset-gt-md-70, [dir=rtl] .layout-margin .offset-gt-md-70 {
    margin-left: auto;
    margin-right: 70%;
  }
  .offset-gt-md-75, .flex-offset-gt-md-75, .layout-margin .flex-offset-gt-md-75, .layout-margin .offset-gt-md-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-gt-md-75, [dir=rtl] .flex-offset-gt-md-75, [dir=rtl] .layout-margin .flex-offset-gt-md-75, [dir=rtl] .layout-margin .offset-gt-md-75 {
    margin-left: auto;
    margin-right: 75%;
  }
  .offset-gt-md-80, .flex-offset-gt-md-80, .layout-margin .flex-offset-gt-md-80, .layout-margin .offset-gt-md-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-gt-md-80, [dir=rtl] .flex-offset-gt-md-80, [dir=rtl] .layout-margin .flex-offset-gt-md-80, [dir=rtl] .layout-margin .offset-gt-md-80 {
    margin-left: auto;
    margin-right: 80%;
  }
  .offset-gt-md-85, .flex-offset-gt-md-85, .layout-margin .flex-offset-gt-md-85, .layout-margin .offset-gt-md-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-gt-md-85, [dir=rtl] .flex-offset-gt-md-85, [dir=rtl] .layout-margin .flex-offset-gt-md-85, [dir=rtl] .layout-margin .offset-gt-md-85 {
    margin-left: auto;
    margin-right: 85%;
  }
  .offset-gt-md-90, .flex-offset-gt-md-90, .layout-margin .flex-offset-gt-md-90, .layout-margin .offset-gt-md-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-gt-md-90, [dir=rtl] .flex-offset-gt-md-90, [dir=rtl] .layout-margin .flex-offset-gt-md-90, [dir=rtl] .layout-margin .offset-gt-md-90 {
    margin-left: auto;
    margin-right: 90%;
  }
  .offset-gt-md-95, .flex-offset-gt-md-95, .layout-margin .flex-offset-gt-md-95, .layout-margin .offset-gt-md-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-gt-md-95, [dir=rtl] .flex-offset-gt-md-95, [dir=rtl] .layout-margin .flex-offset-gt-md-95, [dir=rtl] .layout-margin .offset-gt-md-95 {
    margin-left: auto;
    margin-right: 95%;
  }
  .offset-gt-md-33, .flex-offset-gt-md-33, .layout-margin .flex-offset-gt-md-33, .layout-margin .offset-gt-md-33 {
    margin-left: 33.3333333333%;
  }
  .offset-gt-md-66, .flex-offset-gt-md-66, .layout-margin .flex-offset-gt-md-66, .layout-margin .offset-gt-md-66 {
    margin-left: 66.6666666667%;
  }
  [dir=rtl] .offset-gt-md-66, [dir=rtl] .flex-offset-gt-md-66, [dir=rtl] .layout-margin .flex-offset-gt-md-66, [dir=rtl] .layout-margin .offset-gt-md-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }
  .layout-align-gt-md,
  .layout-align-gt-md-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  .layout-align-gt-md-start,
  .layout-align-gt-md-start-start,
  .layout-align-gt-md-start-center,
  .layout-align-gt-md-start-end,
  .layout-align-gt-md-start-stretch {
    justify-content: flex-start;
  }
  .layout-align-gt-md-center,
  .layout-align-gt-md-center-start,
  .layout-align-gt-md-center-center,
  .layout-align-gt-md-center-end,
  .layout-align-gt-md-center-stretch {
    justify-content: center;
  }
  .layout-align-gt-md-end,
  .layout-align-gt-md-end-start,
  .layout-align-gt-md-end-center,
  .layout-align-gt-md-end-end,
  .layout-align-gt-md-end-stretch {
    justify-content: flex-end;
  }
  .layout-align-gt-md-space-around,
  .layout-align-gt-md-space-around-center,
  .layout-align-gt-md-space-around-start,
  .layout-align-gt-md-space-around-end,
  .layout-align-gt-md-space-around-stretch {
    justify-content: space-around;
  }
  .layout-align-gt-md-space-between,
  .layout-align-gt-md-space-between-center,
  .layout-align-gt-md-space-between-start,
  .layout-align-gt-md-space-between-end,
  .layout-align-gt-md-space-between-stretch {
    justify-content: space-between;
  }
  .layout-align-gt-md-start-start,
  .layout-align-gt-md-center-start,
  .layout-align-gt-md-end-start,
  .layout-align-gt-md-space-between-start,
  .layout-align-gt-md-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }
  .layout-align-gt-md-start-center,
  .layout-align-gt-md-center-center,
  .layout-align-gt-md-end-center,
  .layout-align-gt-md-space-between-center,
  .layout-align-gt-md-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-gt-md-start-center > *,
  .layout-align-gt-md-center-center > *,
  .layout-align-gt-md-end-center > *,
  .layout-align-gt-md-space-between-center > *,
  .layout-align-gt-md-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-gt-md-start-end,
  .layout-align-gt-md-center-end,
  .layout-align-gt-md-end-end,
  .layout-align-gt-md-space-between-end,
  .layout-align-gt-md-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }
  .layout-align-gt-md-start-stretch,
  .layout-align-gt-md-center-stretch,
  .layout-align-gt-md-end-stretch,
  .layout-align-gt-md-space-between-stretch,
  .layout-align-gt-md-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }
  .flex-gt-md {
    flex: 1;
    box-sizing: border-box;
  }
  .flex-gt-md-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-gt-md-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-md-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-md-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-md-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-md-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-md-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-gt-md-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-gt-md-column > .flex-gt-md-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-gt-md-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-gt-md-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-gt-md-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-gt-md-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-gt-md-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-gt-md-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-gt-md-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-gt-md-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-gt-md-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-gt-md-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-gt-md-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-gt-md-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-gt-md-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-gt-md-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-gt-md-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-gt-md-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-gt-md-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-gt-md-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-gt-md-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex {
    min-width: 0;
  }
  .layout-gt-md-column > .flex-gt-md-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex {
    min-height: 0;
  }
  .layout-gt-md, .layout-gt-md-column, .layout-gt-md-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .layout-gt-md-column {
    flex-direction: column;
  }
  .layout-gt-md-row {
    flex-direction: row;
  }
}
@media (min-width: 1280px) and (max-width: 1919px) {
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show) {
    display: none;
  }
  .hide-lg:not(.show-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none;
  }
  .flex-order-lg--20 {
    order: -20;
  }
  .flex-order-lg--19 {
    order: -19;
  }
  .flex-order-lg--18 {
    order: -18;
  }
  .flex-order-lg--17 {
    order: -17;
  }
  .flex-order-lg--16 {
    order: -16;
  }
  .flex-order-lg--15 {
    order: -15;
  }
  .flex-order-lg--14 {
    order: -14;
  }
  .flex-order-lg--13 {
    order: -13;
  }
  .flex-order-lg--12 {
    order: -12;
  }
  .flex-order-lg--11 {
    order: -11;
  }
  .flex-order-lg--10 {
    order: -10;
  }
  .flex-order-lg--9 {
    order: -9;
  }
  .flex-order-lg--8 {
    order: -8;
  }
  .flex-order-lg--7 {
    order: -7;
  }
  .flex-order-lg--6 {
    order: -6;
  }
  .flex-order-lg--5 {
    order: -5;
  }
  .flex-order-lg--4 {
    order: -4;
  }
  .flex-order-lg--3 {
    order: -3;
  }
  .flex-order-lg--2 {
    order: -2;
  }
  .flex-order-lg--1 {
    order: -1;
  }
  .flex-order-lg-0 {
    order: 0;
  }
  .flex-order-lg-1 {
    order: 1;
  }
  .flex-order-lg-2 {
    order: 2;
  }
  .flex-order-lg-3 {
    order: 3;
  }
  .flex-order-lg-4 {
    order: 4;
  }
  .flex-order-lg-5 {
    order: 5;
  }
  .flex-order-lg-6 {
    order: 6;
  }
  .flex-order-lg-7 {
    order: 7;
  }
  .flex-order-lg-8 {
    order: 8;
  }
  .flex-order-lg-9 {
    order: 9;
  }
  .flex-order-lg-10 {
    order: 10;
  }
  .flex-order-lg-11 {
    order: 11;
  }
  .flex-order-lg-12 {
    order: 12;
  }
  .flex-order-lg-13 {
    order: 13;
  }
  .flex-order-lg-14 {
    order: 14;
  }
  .flex-order-lg-15 {
    order: 15;
  }
  .flex-order-lg-16 {
    order: 16;
  }
  .flex-order-lg-17 {
    order: 17;
  }
  .flex-order-lg-18 {
    order: 18;
  }
  .flex-order-lg-19 {
    order: 19;
  }
  .flex-order-lg-20 {
    order: 20;
  }
  .offset-lg-0, .flex-offset-lg-0, .layout-margin .flex-offset-lg-0, .layout-margin .offset-lg-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-lg-0, [dir=rtl] .flex-offset-lg-0, [dir=rtl] .layout-margin .flex-offset-lg-0, [dir=rtl] .layout-margin .offset-lg-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .offset-lg-5, .flex-offset-lg-5, .layout-margin .flex-offset-lg-5, .layout-margin .offset-lg-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-lg-5, [dir=rtl] .flex-offset-lg-5, [dir=rtl] .layout-margin .flex-offset-lg-5, [dir=rtl] .layout-margin .offset-lg-5 {
    margin-left: auto;
    margin-right: 5%;
  }
  .offset-lg-10, .flex-offset-lg-10, .layout-margin .flex-offset-lg-10, .layout-margin .offset-lg-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-lg-10, [dir=rtl] .flex-offset-lg-10, [dir=rtl] .layout-margin .flex-offset-lg-10, [dir=rtl] .layout-margin .offset-lg-10 {
    margin-left: auto;
    margin-right: 10%;
  }
  .offset-lg-15, .flex-offset-lg-15, .layout-margin .flex-offset-lg-15, .layout-margin .offset-lg-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-lg-15, [dir=rtl] .flex-offset-lg-15, [dir=rtl] .layout-margin .flex-offset-lg-15, [dir=rtl] .layout-margin .offset-lg-15 {
    margin-left: auto;
    margin-right: 15%;
  }
  .offset-lg-20, .flex-offset-lg-20, .layout-margin .flex-offset-lg-20, .layout-margin .offset-lg-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-lg-20, [dir=rtl] .flex-offset-lg-20, [dir=rtl] .layout-margin .flex-offset-lg-20, [dir=rtl] .layout-margin .offset-lg-20 {
    margin-left: auto;
    margin-right: 20%;
  }
  .offset-lg-25, .flex-offset-lg-25, .layout-margin .flex-offset-lg-25, .layout-margin .offset-lg-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-lg-25, [dir=rtl] .flex-offset-lg-25, [dir=rtl] .layout-margin .flex-offset-lg-25, [dir=rtl] .layout-margin .offset-lg-25 {
    margin-left: auto;
    margin-right: 25%;
  }
  .offset-lg-30, .flex-offset-lg-30, .layout-margin .flex-offset-lg-30, .layout-margin .offset-lg-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-lg-30, [dir=rtl] .flex-offset-lg-30, [dir=rtl] .layout-margin .flex-offset-lg-30, [dir=rtl] .layout-margin .offset-lg-30 {
    margin-left: auto;
    margin-right: 30%;
  }
  .offset-lg-35, .flex-offset-lg-35, .layout-margin .flex-offset-lg-35, .layout-margin .offset-lg-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-lg-35, [dir=rtl] .flex-offset-lg-35, [dir=rtl] .layout-margin .flex-offset-lg-35, [dir=rtl] .layout-margin .offset-lg-35 {
    margin-left: auto;
    margin-right: 35%;
  }
  .offset-lg-40, .flex-offset-lg-40, .layout-margin .flex-offset-lg-40, .layout-margin .offset-lg-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-lg-40, [dir=rtl] .flex-offset-lg-40, [dir=rtl] .layout-margin .flex-offset-lg-40, [dir=rtl] .layout-margin .offset-lg-40 {
    margin-left: auto;
    margin-right: 40%;
  }
  .offset-lg-45, .flex-offset-lg-45, .layout-margin .flex-offset-lg-45, .layout-margin .offset-lg-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-lg-45, [dir=rtl] .flex-offset-lg-45, [dir=rtl] .layout-margin .flex-offset-lg-45, [dir=rtl] .layout-margin .offset-lg-45 {
    margin-left: auto;
    margin-right: 45%;
  }
  .offset-lg-50, .flex-offset-lg-50, .layout-margin .flex-offset-lg-50, .layout-margin .offset-lg-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-lg-50, [dir=rtl] .flex-offset-lg-50, [dir=rtl] .layout-margin .flex-offset-lg-50, [dir=rtl] .layout-margin .offset-lg-50 {
    margin-left: auto;
    margin-right: 50%;
  }
  .offset-lg-55, .flex-offset-lg-55, .layout-margin .flex-offset-lg-55, .layout-margin .offset-lg-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-lg-55, [dir=rtl] .flex-offset-lg-55, [dir=rtl] .layout-margin .flex-offset-lg-55, [dir=rtl] .layout-margin .offset-lg-55 {
    margin-left: auto;
    margin-right: 55%;
  }
  .offset-lg-60, .flex-offset-lg-60, .layout-margin .flex-offset-lg-60, .layout-margin .offset-lg-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-lg-60, [dir=rtl] .flex-offset-lg-60, [dir=rtl] .layout-margin .flex-offset-lg-60, [dir=rtl] .layout-margin .offset-lg-60 {
    margin-left: auto;
    margin-right: 60%;
  }
  .offset-lg-65, .flex-offset-lg-65, .layout-margin .flex-offset-lg-65, .layout-margin .offset-lg-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-lg-65, [dir=rtl] .flex-offset-lg-65, [dir=rtl] .layout-margin .flex-offset-lg-65, [dir=rtl] .layout-margin .offset-lg-65 {
    margin-left: auto;
    margin-right: 65%;
  }
  .offset-lg-70, .flex-offset-lg-70, .layout-margin .flex-offset-lg-70, .layout-margin .offset-lg-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-lg-70, [dir=rtl] .flex-offset-lg-70, [dir=rtl] .layout-margin .flex-offset-lg-70, [dir=rtl] .layout-margin .offset-lg-70 {
    margin-left: auto;
    margin-right: 70%;
  }
  .offset-lg-75, .flex-offset-lg-75, .layout-margin .flex-offset-lg-75, .layout-margin .offset-lg-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-lg-75, [dir=rtl] .flex-offset-lg-75, [dir=rtl] .layout-margin .flex-offset-lg-75, [dir=rtl] .layout-margin .offset-lg-75 {
    margin-left: auto;
    margin-right: 75%;
  }
  .offset-lg-80, .flex-offset-lg-80, .layout-margin .flex-offset-lg-80, .layout-margin .offset-lg-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-lg-80, [dir=rtl] .flex-offset-lg-80, [dir=rtl] .layout-margin .flex-offset-lg-80, [dir=rtl] .layout-margin .offset-lg-80 {
    margin-left: auto;
    margin-right: 80%;
  }
  .offset-lg-85, .flex-offset-lg-85, .layout-margin .flex-offset-lg-85, .layout-margin .offset-lg-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-lg-85, [dir=rtl] .flex-offset-lg-85, [dir=rtl] .layout-margin .flex-offset-lg-85, [dir=rtl] .layout-margin .offset-lg-85 {
    margin-left: auto;
    margin-right: 85%;
  }
  .offset-lg-90, .flex-offset-lg-90, .layout-margin .flex-offset-lg-90, .layout-margin .offset-lg-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-lg-90, [dir=rtl] .flex-offset-lg-90, [dir=rtl] .layout-margin .flex-offset-lg-90, [dir=rtl] .layout-margin .offset-lg-90 {
    margin-left: auto;
    margin-right: 90%;
  }
  .offset-lg-95, .flex-offset-lg-95, .layout-margin .flex-offset-lg-95, .layout-margin .offset-lg-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-lg-95, [dir=rtl] .flex-offset-lg-95, [dir=rtl] .layout-margin .flex-offset-lg-95, [dir=rtl] .layout-margin .offset-lg-95 {
    margin-left: auto;
    margin-right: 95%;
  }
  .offset-lg-33, .flex-offset-lg-33, .layout-margin .flex-offset-lg-33, .layout-margin .offset-lg-33 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-66, .flex-offset-lg-66, .layout-margin .flex-offset-lg-66, .layout-margin .offset-lg-66 {
    margin-left: 66.6666666667%;
  }
  [dir=rtl] .offset-lg-66, [dir=rtl] .flex-offset-lg-66, [dir=rtl] .layout-margin .flex-offset-lg-66, [dir=rtl] .layout-margin .offset-lg-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }
  .layout-align-lg,
  .layout-align-lg-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  .layout-align-lg-start,
  .layout-align-lg-start-start,
  .layout-align-lg-start-center,
  .layout-align-lg-start-end,
  .layout-align-lg-start-stretch {
    justify-content: flex-start;
  }
  .layout-align-lg-center,
  .layout-align-lg-center-start,
  .layout-align-lg-center-center,
  .layout-align-lg-center-end,
  .layout-align-lg-center-stretch {
    justify-content: center;
  }
  .layout-align-lg-end,
  .layout-align-lg-end-start,
  .layout-align-lg-end-center,
  .layout-align-lg-end-end,
  .layout-align-lg-end-stretch {
    justify-content: flex-end;
  }
  .layout-align-lg-space-around,
  .layout-align-lg-space-around-center,
  .layout-align-lg-space-around-start,
  .layout-align-lg-space-around-end,
  .layout-align-lg-space-around-stretch {
    justify-content: space-around;
  }
  .layout-align-lg-space-between,
  .layout-align-lg-space-between-center,
  .layout-align-lg-space-between-start,
  .layout-align-lg-space-between-end,
  .layout-align-lg-space-between-stretch {
    justify-content: space-between;
  }
  .layout-align-lg-start-start,
  .layout-align-lg-center-start,
  .layout-align-lg-end-start,
  .layout-align-lg-space-between-start,
  .layout-align-lg-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }
  .layout-align-lg-start-center,
  .layout-align-lg-center-center,
  .layout-align-lg-end-center,
  .layout-align-lg-space-between-center,
  .layout-align-lg-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-lg-start-center > *,
  .layout-align-lg-center-center > *,
  .layout-align-lg-end-center > *,
  .layout-align-lg-space-between-center > *,
  .layout-align-lg-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-lg-start-end,
  .layout-align-lg-center-end,
  .layout-align-lg-end-end,
  .layout-align-lg-space-between-end,
  .layout-align-lg-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }
  .layout-align-lg-start-stretch,
  .layout-align-lg-center-stretch,
  .layout-align-lg-end-stretch,
  .layout-align-lg-space-between-stretch,
  .layout-align-lg-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }
  .flex-lg {
    flex: 1;
    box-sizing: border-box;
  }
  .flex-lg-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-lg-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-lg-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-lg-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-lg-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-lg-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-lg-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-lg-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-lg-column > .flex-lg-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-lg-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-lg-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-lg-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-lg-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-lg-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-lg-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-lg-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-lg-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-lg-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-lg-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-lg-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-lg-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-lg-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-lg-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-lg-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-lg-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-lg-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-lg-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-lg-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex {
    min-width: 0;
  }
  .layout-lg-column > .flex-lg-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex {
    min-height: 0;
  }
  .layout-lg, .layout-lg-column, .layout-lg-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .layout-lg-column {
    flex-direction: column;
  }
  .layout-lg-row {
    flex-direction: row;
  }
}
@media (min-width: 1920px) {
  .flex-order-gt-lg--20 {
    order: -20;
  }
  .flex-order-gt-lg--19 {
    order: -19;
  }
  .flex-order-gt-lg--18 {
    order: -18;
  }
  .flex-order-gt-lg--17 {
    order: -17;
  }
  .flex-order-gt-lg--16 {
    order: -16;
  }
  .flex-order-gt-lg--15 {
    order: -15;
  }
  .flex-order-gt-lg--14 {
    order: -14;
  }
  .flex-order-gt-lg--13 {
    order: -13;
  }
  .flex-order-gt-lg--12 {
    order: -12;
  }
  .flex-order-gt-lg--11 {
    order: -11;
  }
  .flex-order-gt-lg--10 {
    order: -10;
  }
  .flex-order-gt-lg--9 {
    order: -9;
  }
  .flex-order-gt-lg--8 {
    order: -8;
  }
  .flex-order-gt-lg--7 {
    order: -7;
  }
  .flex-order-gt-lg--6 {
    order: -6;
  }
  .flex-order-gt-lg--5 {
    order: -5;
  }
  .flex-order-gt-lg--4 {
    order: -4;
  }
  .flex-order-gt-lg--3 {
    order: -3;
  }
  .flex-order-gt-lg--2 {
    order: -2;
  }
  .flex-order-gt-lg--1 {
    order: -1;
  }
  .flex-order-gt-lg-0 {
    order: 0;
  }
  .flex-order-gt-lg-1 {
    order: 1;
  }
  .flex-order-gt-lg-2 {
    order: 2;
  }
  .flex-order-gt-lg-3 {
    order: 3;
  }
  .flex-order-gt-lg-4 {
    order: 4;
  }
  .flex-order-gt-lg-5 {
    order: 5;
  }
  .flex-order-gt-lg-6 {
    order: 6;
  }
  .flex-order-gt-lg-7 {
    order: 7;
  }
  .flex-order-gt-lg-8 {
    order: 8;
  }
  .flex-order-gt-lg-9 {
    order: 9;
  }
  .flex-order-gt-lg-10 {
    order: 10;
  }
  .flex-order-gt-lg-11 {
    order: 11;
  }
  .flex-order-gt-lg-12 {
    order: 12;
  }
  .flex-order-gt-lg-13 {
    order: 13;
  }
  .flex-order-gt-lg-14 {
    order: 14;
  }
  .flex-order-gt-lg-15 {
    order: 15;
  }
  .flex-order-gt-lg-16 {
    order: 16;
  }
  .flex-order-gt-lg-17 {
    order: 17;
  }
  .flex-order-gt-lg-18 {
    order: 18;
  }
  .flex-order-gt-lg-19 {
    order: 19;
  }
  .flex-order-gt-lg-20 {
    order: 20;
  }
  .offset-gt-lg-0, .flex-offset-gt-lg-0, .layout-margin .flex-offset-gt-lg-0, .layout-margin .offset-gt-lg-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-gt-lg-0, [dir=rtl] .flex-offset-gt-lg-0, [dir=rtl] .layout-margin .flex-offset-gt-lg-0, [dir=rtl] .layout-margin .offset-gt-lg-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .offset-gt-lg-5, .flex-offset-gt-lg-5, .layout-margin .flex-offset-gt-lg-5, .layout-margin .offset-gt-lg-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-gt-lg-5, [dir=rtl] .flex-offset-gt-lg-5, [dir=rtl] .layout-margin .flex-offset-gt-lg-5, [dir=rtl] .layout-margin .offset-gt-lg-5 {
    margin-left: auto;
    margin-right: 5%;
  }
  .offset-gt-lg-10, .flex-offset-gt-lg-10, .layout-margin .flex-offset-gt-lg-10, .layout-margin .offset-gt-lg-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-gt-lg-10, [dir=rtl] .flex-offset-gt-lg-10, [dir=rtl] .layout-margin .flex-offset-gt-lg-10, [dir=rtl] .layout-margin .offset-gt-lg-10 {
    margin-left: auto;
    margin-right: 10%;
  }
  .offset-gt-lg-15, .flex-offset-gt-lg-15, .layout-margin .flex-offset-gt-lg-15, .layout-margin .offset-gt-lg-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-gt-lg-15, [dir=rtl] .flex-offset-gt-lg-15, [dir=rtl] .layout-margin .flex-offset-gt-lg-15, [dir=rtl] .layout-margin .offset-gt-lg-15 {
    margin-left: auto;
    margin-right: 15%;
  }
  .offset-gt-lg-20, .flex-offset-gt-lg-20, .layout-margin .flex-offset-gt-lg-20, .layout-margin .offset-gt-lg-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-gt-lg-20, [dir=rtl] .flex-offset-gt-lg-20, [dir=rtl] .layout-margin .flex-offset-gt-lg-20, [dir=rtl] .layout-margin .offset-gt-lg-20 {
    margin-left: auto;
    margin-right: 20%;
  }
  .offset-gt-lg-25, .flex-offset-gt-lg-25, .layout-margin .flex-offset-gt-lg-25, .layout-margin .offset-gt-lg-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-gt-lg-25, [dir=rtl] .flex-offset-gt-lg-25, [dir=rtl] .layout-margin .flex-offset-gt-lg-25, [dir=rtl] .layout-margin .offset-gt-lg-25 {
    margin-left: auto;
    margin-right: 25%;
  }
  .offset-gt-lg-30, .flex-offset-gt-lg-30, .layout-margin .flex-offset-gt-lg-30, .layout-margin .offset-gt-lg-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-gt-lg-30, [dir=rtl] .flex-offset-gt-lg-30, [dir=rtl] .layout-margin .flex-offset-gt-lg-30, [dir=rtl] .layout-margin .offset-gt-lg-30 {
    margin-left: auto;
    margin-right: 30%;
  }
  .offset-gt-lg-35, .flex-offset-gt-lg-35, .layout-margin .flex-offset-gt-lg-35, .layout-margin .offset-gt-lg-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-gt-lg-35, [dir=rtl] .flex-offset-gt-lg-35, [dir=rtl] .layout-margin .flex-offset-gt-lg-35, [dir=rtl] .layout-margin .offset-gt-lg-35 {
    margin-left: auto;
    margin-right: 35%;
  }
  .offset-gt-lg-40, .flex-offset-gt-lg-40, .layout-margin .flex-offset-gt-lg-40, .layout-margin .offset-gt-lg-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-gt-lg-40, [dir=rtl] .flex-offset-gt-lg-40, [dir=rtl] .layout-margin .flex-offset-gt-lg-40, [dir=rtl] .layout-margin .offset-gt-lg-40 {
    margin-left: auto;
    margin-right: 40%;
  }
  .offset-gt-lg-45, .flex-offset-gt-lg-45, .layout-margin .flex-offset-gt-lg-45, .layout-margin .offset-gt-lg-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-gt-lg-45, [dir=rtl] .flex-offset-gt-lg-45, [dir=rtl] .layout-margin .flex-offset-gt-lg-45, [dir=rtl] .layout-margin .offset-gt-lg-45 {
    margin-left: auto;
    margin-right: 45%;
  }
  .offset-gt-lg-50, .flex-offset-gt-lg-50, .layout-margin .flex-offset-gt-lg-50, .layout-margin .offset-gt-lg-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-gt-lg-50, [dir=rtl] .flex-offset-gt-lg-50, [dir=rtl] .layout-margin .flex-offset-gt-lg-50, [dir=rtl] .layout-margin .offset-gt-lg-50 {
    margin-left: auto;
    margin-right: 50%;
  }
  .offset-gt-lg-55, .flex-offset-gt-lg-55, .layout-margin .flex-offset-gt-lg-55, .layout-margin .offset-gt-lg-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-gt-lg-55, [dir=rtl] .flex-offset-gt-lg-55, [dir=rtl] .layout-margin .flex-offset-gt-lg-55, [dir=rtl] .layout-margin .offset-gt-lg-55 {
    margin-left: auto;
    margin-right: 55%;
  }
  .offset-gt-lg-60, .flex-offset-gt-lg-60, .layout-margin .flex-offset-gt-lg-60, .layout-margin .offset-gt-lg-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-gt-lg-60, [dir=rtl] .flex-offset-gt-lg-60, [dir=rtl] .layout-margin .flex-offset-gt-lg-60, [dir=rtl] .layout-margin .offset-gt-lg-60 {
    margin-left: auto;
    margin-right: 60%;
  }
  .offset-gt-lg-65, .flex-offset-gt-lg-65, .layout-margin .flex-offset-gt-lg-65, .layout-margin .offset-gt-lg-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-gt-lg-65, [dir=rtl] .flex-offset-gt-lg-65, [dir=rtl] .layout-margin .flex-offset-gt-lg-65, [dir=rtl] .layout-margin .offset-gt-lg-65 {
    margin-left: auto;
    margin-right: 65%;
  }
  .offset-gt-lg-70, .flex-offset-gt-lg-70, .layout-margin .flex-offset-gt-lg-70, .layout-margin .offset-gt-lg-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-gt-lg-70, [dir=rtl] .flex-offset-gt-lg-70, [dir=rtl] .layout-margin .flex-offset-gt-lg-70, [dir=rtl] .layout-margin .offset-gt-lg-70 {
    margin-left: auto;
    margin-right: 70%;
  }
  .offset-gt-lg-75, .flex-offset-gt-lg-75, .layout-margin .flex-offset-gt-lg-75, .layout-margin .offset-gt-lg-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-gt-lg-75, [dir=rtl] .flex-offset-gt-lg-75, [dir=rtl] .layout-margin .flex-offset-gt-lg-75, [dir=rtl] .layout-margin .offset-gt-lg-75 {
    margin-left: auto;
    margin-right: 75%;
  }
  .offset-gt-lg-80, .flex-offset-gt-lg-80, .layout-margin .flex-offset-gt-lg-80, .layout-margin .offset-gt-lg-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-gt-lg-80, [dir=rtl] .flex-offset-gt-lg-80, [dir=rtl] .layout-margin .flex-offset-gt-lg-80, [dir=rtl] .layout-margin .offset-gt-lg-80 {
    margin-left: auto;
    margin-right: 80%;
  }
  .offset-gt-lg-85, .flex-offset-gt-lg-85, .layout-margin .flex-offset-gt-lg-85, .layout-margin .offset-gt-lg-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-gt-lg-85, [dir=rtl] .flex-offset-gt-lg-85, [dir=rtl] .layout-margin .flex-offset-gt-lg-85, [dir=rtl] .layout-margin .offset-gt-lg-85 {
    margin-left: auto;
    margin-right: 85%;
  }
  .offset-gt-lg-90, .flex-offset-gt-lg-90, .layout-margin .flex-offset-gt-lg-90, .layout-margin .offset-gt-lg-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-gt-lg-90, [dir=rtl] .flex-offset-gt-lg-90, [dir=rtl] .layout-margin .flex-offset-gt-lg-90, [dir=rtl] .layout-margin .offset-gt-lg-90 {
    margin-left: auto;
    margin-right: 90%;
  }
  .offset-gt-lg-95, .flex-offset-gt-lg-95, .layout-margin .flex-offset-gt-lg-95, .layout-margin .offset-gt-lg-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-gt-lg-95, [dir=rtl] .flex-offset-gt-lg-95, [dir=rtl] .layout-margin .flex-offset-gt-lg-95, [dir=rtl] .layout-margin .offset-gt-lg-95 {
    margin-left: auto;
    margin-right: 95%;
  }
  .offset-gt-lg-33, .flex-offset-gt-lg-33, .layout-margin .flex-offset-gt-lg-33, .layout-margin .offset-gt-lg-33 {
    margin-left: 33.3333333333%;
  }
  .offset-gt-lg-66, .flex-offset-gt-lg-66, .layout-margin .flex-offset-gt-lg-66, .layout-margin .offset-gt-lg-66 {
    margin-left: 66.6666666667%;
  }
  [dir=rtl] .offset-gt-lg-66, [dir=rtl] .flex-offset-gt-lg-66, [dir=rtl] .layout-margin .flex-offset-gt-lg-66, [dir=rtl] .layout-margin .offset-gt-lg-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }
  .layout-align-gt-lg,
  .layout-align-gt-lg-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  .layout-align-gt-lg-start,
  .layout-align-gt-lg-start-start,
  .layout-align-gt-lg-start-center,
  .layout-align-gt-lg-start-end,
  .layout-align-gt-lg-start-stretch {
    justify-content: flex-start;
  }
  .layout-align-gt-lg-center,
  .layout-align-gt-lg-center-start,
  .layout-align-gt-lg-center-center,
  .layout-align-gt-lg-center-end,
  .layout-align-gt-lg-center-stretch {
    justify-content: center;
  }
  .layout-align-gt-lg-end,
  .layout-align-gt-lg-end-start,
  .layout-align-gt-lg-end-center,
  .layout-align-gt-lg-end-end,
  .layout-align-gt-lg-end-stretch {
    justify-content: flex-end;
  }
  .layout-align-gt-lg-space-around,
  .layout-align-gt-lg-space-around-center,
  .layout-align-gt-lg-space-around-start,
  .layout-align-gt-lg-space-around-end,
  .layout-align-gt-lg-space-around-stretch {
    justify-content: space-around;
  }
  .layout-align-gt-lg-space-between,
  .layout-align-gt-lg-space-between-center,
  .layout-align-gt-lg-space-between-start,
  .layout-align-gt-lg-space-between-end,
  .layout-align-gt-lg-space-between-stretch {
    justify-content: space-between;
  }
  .layout-align-gt-lg-start-start,
  .layout-align-gt-lg-center-start,
  .layout-align-gt-lg-end-start,
  .layout-align-gt-lg-space-between-start,
  .layout-align-gt-lg-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }
  .layout-align-gt-lg-start-center,
  .layout-align-gt-lg-center-center,
  .layout-align-gt-lg-end-center,
  .layout-align-gt-lg-space-between-center,
  .layout-align-gt-lg-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-gt-lg-start-center > *,
  .layout-align-gt-lg-center-center > *,
  .layout-align-gt-lg-end-center > *,
  .layout-align-gt-lg-space-between-center > *,
  .layout-align-gt-lg-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-gt-lg-start-end,
  .layout-align-gt-lg-center-end,
  .layout-align-gt-lg-end-end,
  .layout-align-gt-lg-space-between-end,
  .layout-align-gt-lg-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }
  .layout-align-gt-lg-start-stretch,
  .layout-align-gt-lg-center-stretch,
  .layout-align-gt-lg-end-stretch,
  .layout-align-gt-lg-space-between-stretch,
  .layout-align-gt-lg-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }
  .flex-gt-lg {
    flex: 1;
    box-sizing: border-box;
  }
  .flex-gt-lg-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-gt-lg-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-lg-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-lg-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-lg-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-lg-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-lg-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-gt-lg-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-gt-lg-column > .flex-gt-lg-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-gt-lg-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-gt-lg-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-gt-lg-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-gt-lg-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-gt-lg-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-gt-lg-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-gt-lg-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-gt-lg-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-gt-lg-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-gt-lg-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-gt-lg-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-gt-lg-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-gt-lg-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-gt-lg-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-gt-lg-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-gt-lg-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-gt-lg-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-gt-lg-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-gt-lg-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex {
    min-width: 0;
  }
  .layout-gt-lg-column > .flex-gt-lg-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex {
    min-height: 0;
  }
  .layout-gt-lg, .layout-gt-lg-column, .layout-gt-lg-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .layout-gt-lg-column {
    flex-direction: column;
  }
  .layout-gt-lg-row {
    flex-direction: row;
  }
  .flex-order-xl--20 {
    order: -20;
  }
  .flex-order-xl--19 {
    order: -19;
  }
  .flex-order-xl--18 {
    order: -18;
  }
  .flex-order-xl--17 {
    order: -17;
  }
  .flex-order-xl--16 {
    order: -16;
  }
  .flex-order-xl--15 {
    order: -15;
  }
  .flex-order-xl--14 {
    order: -14;
  }
  .flex-order-xl--13 {
    order: -13;
  }
  .flex-order-xl--12 {
    order: -12;
  }
  .flex-order-xl--11 {
    order: -11;
  }
  .flex-order-xl--10 {
    order: -10;
  }
  .flex-order-xl--9 {
    order: -9;
  }
  .flex-order-xl--8 {
    order: -8;
  }
  .flex-order-xl--7 {
    order: -7;
  }
  .flex-order-xl--6 {
    order: -6;
  }
  .flex-order-xl--5 {
    order: -5;
  }
  .flex-order-xl--4 {
    order: -4;
  }
  .flex-order-xl--3 {
    order: -3;
  }
  .flex-order-xl--2 {
    order: -2;
  }
  .flex-order-xl--1 {
    order: -1;
  }
  .flex-order-xl-0 {
    order: 0;
  }
  .flex-order-xl-1 {
    order: 1;
  }
  .flex-order-xl-2 {
    order: 2;
  }
  .flex-order-xl-3 {
    order: 3;
  }
  .flex-order-xl-4 {
    order: 4;
  }
  .flex-order-xl-5 {
    order: 5;
  }
  .flex-order-xl-6 {
    order: 6;
  }
  .flex-order-xl-7 {
    order: 7;
  }
  .flex-order-xl-8 {
    order: 8;
  }
  .flex-order-xl-9 {
    order: 9;
  }
  .flex-order-xl-10 {
    order: 10;
  }
  .flex-order-xl-11 {
    order: 11;
  }
  .flex-order-xl-12 {
    order: 12;
  }
  .flex-order-xl-13 {
    order: 13;
  }
  .flex-order-xl-14 {
    order: 14;
  }
  .flex-order-xl-15 {
    order: 15;
  }
  .flex-order-xl-16 {
    order: 16;
  }
  .flex-order-xl-17 {
    order: 17;
  }
  .flex-order-xl-18 {
    order: 18;
  }
  .flex-order-xl-19 {
    order: 19;
  }
  .flex-order-xl-20 {
    order: 20;
  }
  .offset-xl-0, .flex-offset-xl-0, .layout-margin .flex-offset-xl-0, .layout-margin .offset-xl-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-xl-0, [dir=rtl] .flex-offset-xl-0, [dir=rtl] .layout-margin .flex-offset-xl-0, [dir=rtl] .layout-margin .offset-xl-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .offset-xl-5, .flex-offset-xl-5, .layout-margin .flex-offset-xl-5, .layout-margin .offset-xl-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-xl-5, [dir=rtl] .flex-offset-xl-5, [dir=rtl] .layout-margin .flex-offset-xl-5, [dir=rtl] .layout-margin .offset-xl-5 {
    margin-left: auto;
    margin-right: 5%;
  }
  .offset-xl-10, .flex-offset-xl-10, .layout-margin .flex-offset-xl-10, .layout-margin .offset-xl-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-xl-10, [dir=rtl] .flex-offset-xl-10, [dir=rtl] .layout-margin .flex-offset-xl-10, [dir=rtl] .layout-margin .offset-xl-10 {
    margin-left: auto;
    margin-right: 10%;
  }
  .offset-xl-15, .flex-offset-xl-15, .layout-margin .flex-offset-xl-15, .layout-margin .offset-xl-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-xl-15, [dir=rtl] .flex-offset-xl-15, [dir=rtl] .layout-margin .flex-offset-xl-15, [dir=rtl] .layout-margin .offset-xl-15 {
    margin-left: auto;
    margin-right: 15%;
  }
  .offset-xl-20, .flex-offset-xl-20, .layout-margin .flex-offset-xl-20, .layout-margin .offset-xl-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-xl-20, [dir=rtl] .flex-offset-xl-20, [dir=rtl] .layout-margin .flex-offset-xl-20, [dir=rtl] .layout-margin .offset-xl-20 {
    margin-left: auto;
    margin-right: 20%;
  }
  .offset-xl-25, .flex-offset-xl-25, .layout-margin .flex-offset-xl-25, .layout-margin .offset-xl-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-xl-25, [dir=rtl] .flex-offset-xl-25, [dir=rtl] .layout-margin .flex-offset-xl-25, [dir=rtl] .layout-margin .offset-xl-25 {
    margin-left: auto;
    margin-right: 25%;
  }
  .offset-xl-30, .flex-offset-xl-30, .layout-margin .flex-offset-xl-30, .layout-margin .offset-xl-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-xl-30, [dir=rtl] .flex-offset-xl-30, [dir=rtl] .layout-margin .flex-offset-xl-30, [dir=rtl] .layout-margin .offset-xl-30 {
    margin-left: auto;
    margin-right: 30%;
  }
  .offset-xl-35, .flex-offset-xl-35, .layout-margin .flex-offset-xl-35, .layout-margin .offset-xl-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-xl-35, [dir=rtl] .flex-offset-xl-35, [dir=rtl] .layout-margin .flex-offset-xl-35, [dir=rtl] .layout-margin .offset-xl-35 {
    margin-left: auto;
    margin-right: 35%;
  }
  .offset-xl-40, .flex-offset-xl-40, .layout-margin .flex-offset-xl-40, .layout-margin .offset-xl-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-xl-40, [dir=rtl] .flex-offset-xl-40, [dir=rtl] .layout-margin .flex-offset-xl-40, [dir=rtl] .layout-margin .offset-xl-40 {
    margin-left: auto;
    margin-right: 40%;
  }
  .offset-xl-45, .flex-offset-xl-45, .layout-margin .flex-offset-xl-45, .layout-margin .offset-xl-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-xl-45, [dir=rtl] .flex-offset-xl-45, [dir=rtl] .layout-margin .flex-offset-xl-45, [dir=rtl] .layout-margin .offset-xl-45 {
    margin-left: auto;
    margin-right: 45%;
  }
  .offset-xl-50, .flex-offset-xl-50, .layout-margin .flex-offset-xl-50, .layout-margin .offset-xl-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-xl-50, [dir=rtl] .flex-offset-xl-50, [dir=rtl] .layout-margin .flex-offset-xl-50, [dir=rtl] .layout-margin .offset-xl-50 {
    margin-left: auto;
    margin-right: 50%;
  }
  .offset-xl-55, .flex-offset-xl-55, .layout-margin .flex-offset-xl-55, .layout-margin .offset-xl-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-xl-55, [dir=rtl] .flex-offset-xl-55, [dir=rtl] .layout-margin .flex-offset-xl-55, [dir=rtl] .layout-margin .offset-xl-55 {
    margin-left: auto;
    margin-right: 55%;
  }
  .offset-xl-60, .flex-offset-xl-60, .layout-margin .flex-offset-xl-60, .layout-margin .offset-xl-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-xl-60, [dir=rtl] .flex-offset-xl-60, [dir=rtl] .layout-margin .flex-offset-xl-60, [dir=rtl] .layout-margin .offset-xl-60 {
    margin-left: auto;
    margin-right: 60%;
  }
  .offset-xl-65, .flex-offset-xl-65, .layout-margin .flex-offset-xl-65, .layout-margin .offset-xl-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-xl-65, [dir=rtl] .flex-offset-xl-65, [dir=rtl] .layout-margin .flex-offset-xl-65, [dir=rtl] .layout-margin .offset-xl-65 {
    margin-left: auto;
    margin-right: 65%;
  }
  .offset-xl-70, .flex-offset-xl-70, .layout-margin .flex-offset-xl-70, .layout-margin .offset-xl-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-xl-70, [dir=rtl] .flex-offset-xl-70, [dir=rtl] .layout-margin .flex-offset-xl-70, [dir=rtl] .layout-margin .offset-xl-70 {
    margin-left: auto;
    margin-right: 70%;
  }
  .offset-xl-75, .flex-offset-xl-75, .layout-margin .flex-offset-xl-75, .layout-margin .offset-xl-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-xl-75, [dir=rtl] .flex-offset-xl-75, [dir=rtl] .layout-margin .flex-offset-xl-75, [dir=rtl] .layout-margin .offset-xl-75 {
    margin-left: auto;
    margin-right: 75%;
  }
  .offset-xl-80, .flex-offset-xl-80, .layout-margin .flex-offset-xl-80, .layout-margin .offset-xl-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-xl-80, [dir=rtl] .flex-offset-xl-80, [dir=rtl] .layout-margin .flex-offset-xl-80, [dir=rtl] .layout-margin .offset-xl-80 {
    margin-left: auto;
    margin-right: 80%;
  }
  .offset-xl-85, .flex-offset-xl-85, .layout-margin .flex-offset-xl-85, .layout-margin .offset-xl-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-xl-85, [dir=rtl] .flex-offset-xl-85, [dir=rtl] .layout-margin .flex-offset-xl-85, [dir=rtl] .layout-margin .offset-xl-85 {
    margin-left: auto;
    margin-right: 85%;
  }
  .offset-xl-90, .flex-offset-xl-90, .layout-margin .flex-offset-xl-90, .layout-margin .offset-xl-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-xl-90, [dir=rtl] .flex-offset-xl-90, [dir=rtl] .layout-margin .flex-offset-xl-90, [dir=rtl] .layout-margin .offset-xl-90 {
    margin-left: auto;
    margin-right: 90%;
  }
  .offset-xl-95, .flex-offset-xl-95, .layout-margin .flex-offset-xl-95, .layout-margin .offset-xl-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-xl-95, [dir=rtl] .flex-offset-xl-95, [dir=rtl] .layout-margin .flex-offset-xl-95, [dir=rtl] .layout-margin .offset-xl-95 {
    margin-left: auto;
    margin-right: 95%;
  }
  .offset-xl-33, .flex-offset-xl-33, .layout-margin .flex-offset-xl-33, .layout-margin .offset-xl-33 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-66, .flex-offset-xl-66, .layout-margin .flex-offset-xl-66, .layout-margin .offset-xl-66 {
    margin-left: 66.6666666667%;
  }
  [dir=rtl] .offset-xl-66, [dir=rtl] .flex-offset-xl-66, [dir=rtl] .layout-margin .flex-offset-xl-66, [dir=rtl] .layout-margin .offset-xl-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }
  .layout-align-xl,
  .layout-align-xl-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  .layout-align-xl-start,
  .layout-align-xl-start-start,
  .layout-align-xl-start-center,
  .layout-align-xl-start-end,
  .layout-align-xl-start-stretch {
    justify-content: flex-start;
  }
  .layout-align-xl-center,
  .layout-align-xl-center-start,
  .layout-align-xl-center-center,
  .layout-align-xl-center-end,
  .layout-align-xl-center-stretch {
    justify-content: center;
  }
  .layout-align-xl-end,
  .layout-align-xl-end-start,
  .layout-align-xl-end-center,
  .layout-align-xl-end-end,
  .layout-align-xl-end-stretch {
    justify-content: flex-end;
  }
  .layout-align-xl-space-around,
  .layout-align-xl-space-around-center,
  .layout-align-xl-space-around-start,
  .layout-align-xl-space-around-end,
  .layout-align-xl-space-around-stretch {
    justify-content: space-around;
  }
  .layout-align-xl-space-between,
  .layout-align-xl-space-between-center,
  .layout-align-xl-space-between-start,
  .layout-align-xl-space-between-end,
  .layout-align-xl-space-between-stretch {
    justify-content: space-between;
  }
  .layout-align-xl-start-start,
  .layout-align-xl-center-start,
  .layout-align-xl-end-start,
  .layout-align-xl-space-between-start,
  .layout-align-xl-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }
  .layout-align-xl-start-center,
  .layout-align-xl-center-center,
  .layout-align-xl-end-center,
  .layout-align-xl-space-between-center,
  .layout-align-xl-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-xl-start-center > *,
  .layout-align-xl-center-center > *,
  .layout-align-xl-end-center > *,
  .layout-align-xl-space-between-center > *,
  .layout-align-xl-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-xl-start-end,
  .layout-align-xl-center-end,
  .layout-align-xl-end-end,
  .layout-align-xl-space-between-end,
  .layout-align-xl-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }
  .layout-align-xl-start-stretch,
  .layout-align-xl-center-stretch,
  .layout-align-xl-end-stretch,
  .layout-align-xl-space-between-stretch,
  .layout-align-xl-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }
  .flex-xl {
    flex: 1;
    box-sizing: border-box;
  }
  .flex-xl-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-xl-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-xl-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-xl-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-xl-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-xl-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-xl-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-xl-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-xl-column > .flex-xl-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-xl-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-xl-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-xl-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-xl-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-xl-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-xl-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-xl-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-xl-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-xl-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-xl-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-xl-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-xl-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-xl-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-xl-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-xl-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-xl-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-xl-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-xl-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-xl-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex {
    min-width: 0;
  }
  .layout-xl-column > .flex-xl-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex {
    min-height: 0;
  }
  .layout-xl, .layout-xl-column, .layout-xl-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .layout-xl-column {
    flex-direction: column;
  }
  .layout-xl-row {
    flex-direction: row;
  }
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-lg:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show) {
    display: none;
  }
  .hide-xl:not(.show-xl):not(.show-gt-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none;
  }
}
@media print {
  .hide-print:not(.show-print):not(.show) {
    display: none !important;
  }
}
.md-open-menu-container {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  opacity: 0;
  border-radius: 2px;
  max-height: calc(100vh - 10px);
  overflow: auto;
}
.md-open-menu-container md-menu-divider {
  margin-top: 4px;
  margin-bottom: 4px;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  width: 100%;
}
.md-open-menu-container md-menu-content > * {
  opacity: 0;
}
.md-open-menu-container:not(.md-clickable) {
  pointer-events: none;
}
.md-open-menu-container.md-active {
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration: 200ms;
}
.md-open-menu-container.md-active > md-menu-content > * {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 200ms;
  transition-delay: 100ms;
}
.md-open-menu-container.md-leave {
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 250ms;
}

md-menu-content {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  max-height: 304px;
  overflow-y: auto;
}
md-menu-content.md-dense {
  max-height: 208px;
}
md-menu-content.md-dense md-menu-item {
  height: 32px;
  min-height: 32px;
}

md-menu-item {
  display: flex;
  flex-direction: row;
  min-height: 48px;
  height: 48px;
  align-content: center;
  justify-content: flex-start;
}
md-menu-item > * {
  width: 100%;
  margin: auto 0;
  padding-left: 16px;
  padding-right: 16px;
}
md-menu-item {
  /*
   * We cannot use flex on <button> elements due to a bug in Firefox, so we also can't use it on
   * <a> elements. Add some top padding to fix alignment since buttons automatically align their
   * text vertically.
   */
}
md-menu-item > a.md-button {
  padding-top: 5px;
}
md-menu-item > .md-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
md-menu-item > .md-button {
  text-align: left;
}
[dir=rtl] md-menu-item > .md-button {
  text-align: right;
}
md-menu-item > .md-button {
  display: inline-block;
  border-radius: 0;
  margin: auto 0;
  font-size: 15px;
  text-transform: none;
  font-weight: 400;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
md-menu-item > .md-button md-icon {
  margin: auto 16px auto 0;
}
[dir=rtl] md-menu-item > .md-button md-icon {
  margin: auto 0 auto 16px;
}
md-menu-item > .md-button p {
  display: inline-block;
  margin: auto;
}
md-menu-item > .md-button span {
  margin-top: auto;
  margin-bottom: auto;
}
md-menu-item > .md-button .md-ripple-container {
  border-radius: inherit;
}

md-toolbar .md-menu {
  height: auto;
  margin: auto;
  padding: 0;
}

@media (max-width: 959px) {
  md-menu-content {
    min-width: 112px;
  }
  md-menu-content[width="3"] {
    min-width: 168px;
  }
  md-menu-content[width="4"] {
    min-width: 224px;
  }
  md-menu-content[width="5"] {
    min-width: 280px;
  }
  md-menu-content[width="6"] {
    min-width: 336px;
  }
  md-menu-content[width="7"] {
    min-width: 392px;
  }
}
@media (min-width: 960px) {
  md-menu-content {
    min-width: 96px;
  }
  md-menu-content[width="3"] {
    min-width: 192px;
  }
  md-menu-content[width="4"] {
    min-width: 256px;
  }
  md-menu-content[width="5"] {
    min-width: 320px;
  }
  md-menu-content[width="6"] {
    min-width: 384px;
  }
  md-menu-content[width="7"] {
    min-width: 448px;
  }
}
md-menu-content {
  background-color: #ffffff;
  background-color: RGB(var(--background-A100));
}
md-menu-content md-menu-item {
  color: rgba(0, 0, 0, 0.87);
  color: var(--foreground-1);
}
md-menu-content md-menu-item md-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--foreground-2);
}
md-menu-content md-menu-item .md-button[disabled] {
  color: rgba(0, 0, 0, 0.38);
  color: var(--foreground-3);
}
md-menu-content md-menu-item .md-button[disabled] md-icon {
  color: rgba(0, 0, 0, 0.38);
  color: var(--foreground-3);
}
md-menu-content md-menu-divider {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--foreground-4);
}

.md-whiteframe-1dp, .md-whiteframe-z1 {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-2dp {
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-3dp {
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-4dp, .md-whiteframe-z2 {
  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);
}

.md-whiteframe-5dp {
  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);
}

.md-whiteframe-6dp {
  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);
}

.md-whiteframe-7dp, .md-whiteframe-z3 {
  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);
}

.md-whiteframe-8dp {
  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);
}

.md-whiteframe-9dp {
  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);
}

.md-whiteframe-10dp, .md-whiteframe-z4 {
  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);
}

.md-whiteframe-11dp {
  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);
}

.md-whiteframe-12dp {
  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);
}

.md-whiteframe-13dp, .md-whiteframe-z5 {
  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);
}

.md-whiteframe-14dp {
  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);
}

.md-whiteframe-15dp {
  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);
}

.md-whiteframe-16dp {
  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);
}

.md-whiteframe-17dp {
  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);
}

.md-whiteframe-18dp {
  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);
}

.md-whiteframe-19dp {
  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);
}

.md-whiteframe-20dp {
  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);
}

.md-whiteframe-21dp {
  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);
}

.md-whiteframe-22dp {
  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);
}

.md-whiteframe-23dp {
  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);
}

.md-whiteframe-24dp {
  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);
}

@media screen and (-ms-high-contrast: active) {
  md-whiteframe {
    border: 1px solid #fff;
  }
}
@media print {
  md-whiteframe, [md-whiteframe] {
    background-color: #ffffff;
  }
}
.md-panel-outer-wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

._md-panel-hidden {
  display: none;
}

._md-panel-offscreen {
  left: -9999px;
}

._md-panel-fullscreen {
  border-radius: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: fixed;
  top: 0;
}

._md-panel-shown .md-panel {
  opacity: 1;
  transition: none;
}

.md-panel {
  opacity: 0;
  position: fixed;
}
.md-panel._md-panel-shown {
  opacity: 1;
  transition: none;
}
.md-panel._md-panel-animate-enter {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.md-panel._md-panel-animate-leave {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.md-panel._md-panel-animate-scale-out, .md-panel._md-panel-animate-fade-out {
  opacity: 0;
}
.md-panel._md-panel-backdrop {
  height: 100%;
  position: absolute;
  width: 100%;
}
.md-panel._md-opaque-enter {
  opacity: 0.48;
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.md-panel._md-opaque-leave {
  transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1);
}

._md-panel-backdrop {
  background-color: #212121;
  background-color: RGBA(var(--background-900), 1);
}

md-autocomplete {
  border-radius: 2px;
  display: block;
  height: 40px;
  position: relative;
  overflow: visible;
  min-width: 190px;
}
md-autocomplete[disabled] input {
  cursor: default;
}
md-autocomplete[md-floating-label] {
  border-radius: 0;
  background: transparent;
  height: auto;
}
md-autocomplete[md-floating-label] md-input-container {
  padding-bottom: 0;
}
md-autocomplete[md-floating-label] md-autocomplete-wrap {
  height: auto;
}
md-autocomplete[md-floating-label] .md-show-clear-button button {
  display: block;
  position: absolute;
  right: 0;
  top: 20px;
  width: 30px;
  height: 30px;
}
md-autocomplete[md-floating-label] .md-show-clear-button input {
  padding-right: 30px;
}
[dir=rtl] md-autocomplete[md-floating-label] .md-show-clear-button input {
  padding-right: 0;
  padding-left: 30px;
}
md-autocomplete md-autocomplete-wrap {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  position: relative;
  overflow: visible;
  height: 40px;
}
md-autocomplete md-autocomplete-wrap.md-menu-showing {
  z-index: 51;
}
md-autocomplete md-autocomplete-wrap md-input-container,
md-autocomplete md-autocomplete-wrap input {
  flex: 1 1 0;
  box-sizing: border-box;
  min-width: 0;
}
md-autocomplete md-autocomplete-wrap md-progress-linear {
  position: absolute;
  bottom: -2px;
  left: 0;
}
md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline {
  bottom: 40px;
  right: 2px;
  left: 2px;
  width: auto;
}
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  transition: none;
}
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate .md-container {
  transition: none;
  height: 3px;
}
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter {
  transition: opacity 0.15s linear;
}
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter.ng-enter-active {
  opacity: 1;
}
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave {
  transition: opacity 0.15s linear;
}
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave.ng-leave-active {
  opacity: 0;
}
md-autocomplete input:not(.md-input) {
  font-size: 14px;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  outline: none;
  background: transparent;
}
md-autocomplete input:not(.md-input)::-ms-clear {
  display: none;
}
md-autocomplete input:not(.md-input) {
  width: 100%;
  padding: 0 15px;
  line-height: 40px;
  height: 40px;
}
md-autocomplete .md-show-clear-button button {
  position: relative;
  line-height: 20px;
  text-align: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  padding: 0;
  font-size: 12px;
  background: transparent;
  margin: auto 5px;
}
md-autocomplete .md-show-clear-button button:after {
  content: "";
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  border-radius: 50%;
  transform: scale(0);
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
md-autocomplete .md-show-clear-button button:focus {
  outline: none;
}
md-autocomplete .md-show-clear-button button:focus:after {
  transform: scale(1);
  opacity: 1;
}
md-autocomplete .md-show-clear-button button md-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.9);
}
md-autocomplete .md-show-clear-button button md-icon path {
  stroke-width: 0;
}
md-autocomplete .md-show-clear-button button.ng-enter {
  transform: scale(0);
  transition: transform 0.15s ease-out;
}
md-autocomplete .md-show-clear-button button.ng-enter.ng-enter-active {
  transform: scale(1);
}
md-autocomplete .md-show-clear-button button.ng-leave {
  transition: transform 0.15s ease-out;
}
md-autocomplete .md-show-clear-button button.ng-leave.ng-leave-active {
  transform: scale(0);
}
@media screen and (-ms-high-contrast: active) {
  md-autocomplete input {
    border: 1px solid #fff;
  }
  md-autocomplete .md-autocomplete-suggestion:focus {
    color: #fff;
  }
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container,
.md-standard-list-container.md-autocomplete-suggestions-container {
  position: absolute;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  z-index: 100;
  height: 100%;
}
.md-virtual-repeat-container.md-autocomplete-suggestions-container .highlight,
.md-standard-list-container.md-autocomplete-suggestions-container .highlight {
  font-weight: bold;
}

.md-standard-list-container {
  box-sizing: border-box;
  display: block;
  margin: 0;
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
}

.md-virtual-repeat-container.md-not-found,
.md-standard-list-container.md-not-found {
  height: 48px;
}

.md-autocomplete-suggestions {
  margin: 0;
  list-style: none;
  padding: 0;
}
.md-autocomplete-suggestions .md-autocomplete-suggestion {
  font-size: 14px;
  overflow: hidden;
  padding: 0 15px;
  line-height: 48px;
  height: 48px;
  transition: background 0.15s linear;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.md-autocomplete-suggestions .md-autocomplete-suggestion:focus {
  outline: none;
}
.md-autocomplete-suggestions .md-autocomplete-suggestion:not(.md-not-found-wrapper) {
  cursor: pointer;
}

@media screen and (-ms-high-contrast: active) {
  md-autocomplete,
  .md-autocomplete-suggestions {
    border: 1px solid #fff;
  }
}
md-autocomplete {
  background: #ffffff;
  background: RGB(var(--background-A100));
}
md-autocomplete[disabled]:not([md-floating-label]) {
  background: #f5f5f5;
  background: RGB(var(--background-100));
}
md-autocomplete button md-icon path {
  fill: #757575;
  fill: RGB(var(--background-600));
}
md-autocomplete button:after {
  background: rgba(117, 117, 117, 0.3);
  background: RGBA(var(--background-600), 0.3);
}
md-autocomplete input {
  color: rgba(0, 0, 0, 0.87);
  color: var(--foreground-1);
}
md-autocomplete.md-accent md-input-container.md-input-focused .md-input {
  border-color: #e91e63;
}
md-autocomplete.md-accent md-input-container.md-input-focused label,
md-autocomplete.md-accent md-input-container.md-input-focused md-icon {
  color: #e91e63;
}
md-autocomplete.md-accent md-input-container.md-input-focused .md-input {
  border-color: RGB(var(--accent-500));
}
md-autocomplete.md-accent md-input-container.md-input-focused label,
md-autocomplete.md-accent md-input-container.md-input-focused md-icon {
  color: RGB(var(--accent-500));
}
md-autocomplete.md-accent md-progress-linear .md-container {
  background-color: #f8bbd0;
}
md-autocomplete.md-accent md-progress-linear .md-bar {
  background-color: #e91e63;
}
md-autocomplete.md-accent md-progress-linear .md-container {
  background-color: RGB(var(--accent-100));
}
md-autocomplete.md-accent md-progress-linear .md-bar {
  background-color: RGB(var(--accent-500));
}
md-autocomplete.md-warn md-input-container.md-input-focused .md-input {
  border-color: #ff6668;
}
md-autocomplete.md-warn md-input-container.md-input-focused label,
md-autocomplete.md-warn md-input-container.md-input-focused md-icon {
  color: #ff6668;
}
md-autocomplete.md-warn md-input-container.md-input-focused .md-input {
  border-color: RGB(var(--warn-A700));
}
md-autocomplete.md-warn md-input-container.md-input-focused label,
md-autocomplete.md-warn md-input-container.md-input-focused md-icon {
  color: RGB(var(--warn-A700));
}
md-autocomplete.md-warn md-progress-linear .md-container {
  background-color: #f2bcbe;
}
md-autocomplete.md-warn md-progress-linear .md-bar {
  background-color: #d51f27;
}
md-autocomplete.md-warn md-progress-linear .md-container {
  background-color: RGB(var(--warn-100));
}
md-autocomplete.md-warn md-progress-linear .md-bar {
  background-color: RGB(var(--warn-500));
}

.md-autocomplete-suggestions-container,
.md-autocomplete-standard-list-container {
  background: #ffffff;
  background: RGB(var(--background-A100));
}
.md-autocomplete-suggestions-container .md-autocomplete-suggestion,
.md-autocomplete-standard-list-container .md-autocomplete-suggestion {
  color: rgba(0, 0, 0, 0.87);
  color: var(--foreground-1);
}
.md-autocomplete-suggestions-container .md-autocomplete-suggestion:hover, .md-autocomplete-suggestions-container .md-autocomplete-suggestion.selected,
.md-autocomplete-standard-list-container .md-autocomplete-suggestion:hover,
.md-autocomplete-standard-list-container .md-autocomplete-suggestion.selected {
  background: rgba(158, 158, 158, 0.18);
  background: RGBA(var(--background-500), 0.18);
}

md-backdrop {
  transition: opacity 450ms;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
}
md-backdrop.md-menu-backdrop {
  position: fixed !important;
  z-index: 99;
}
md-backdrop.md-select-backdrop {
  z-index: 81;
  transition-duration: 0;
}
md-backdrop.md-dialog-backdrop {
  z-index: 79;
}
md-backdrop.md-bottom-sheet-backdrop {
  z-index: 69;
}
md-backdrop.md-sidenav-backdrop {
  z-index: 59;
}
md-backdrop.md-click-catcher {
  position: absolute;
}
md-backdrop.md-opaque {
  opacity: 0.48;
}
md-backdrop.md-opaque.ng-enter {
  opacity: 0;
}
md-backdrop.md-opaque.ng-enter.md-opaque.ng-enter-active {
  opacity: 0.48;
}
md-backdrop.md-opaque.ng-leave {
  opacity: 0.48;
  transition: opacity 400ms;
}
md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active {
  opacity: 0;
}

md-backdrop {
  background-color: rgba(33, 33, 33, 0);
  background-color: RGBA(var(--background-900), 0);
}
md-backdrop.md-opaque {
  background-color: #212121;
  background-color: RGBA(var(--background-900), 1);
}

button.md-button::-moz-focus-inner {
  border: 0;
}

.md-button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  /** Alignment adjustments */
  min-height: 36px;
}
.md-dense > .md-button:not(.md-dense-disabled), .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
  min-height: 32px;
}
.md-button {
  min-width: 88px;
  line-height: 36px;
}
.md-dense > .md-button:not(.md-dense-disabled), .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
  line-height: 32px;
}
.md-button {
  vertical-align: middle;
  align-items: center;
  text-align: center;
  border-radius: 2px;
  box-sizing: border-box;
  /* Reset default button appearance */
  user-select: none;
  outline: none;
  border: 0;
  /** Custom styling for button */
  padding: 0 6px;
  margin: 6px 8px;
  background: transparent;
  color: currentColor;
  white-space: nowrap;
  /* Uppercase text content */
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
}
.md-dense > .md-button:not(.md-dense-disabled), .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
  font-size: 13px;
}
.md-button {
  font-style: inherit;
  font-variant: inherit;
  font-family: inherit;
  text-decoration: none;
  overflow: hidden;
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button:focus {
  outline: none;
}
.md-button:hover, .md-button:focus {
  text-decoration: none;
}
.md-button.ng-hide, .md-button.ng-leave {
  transition: none;
}
.md-button.md-cornered {
  border-radius: 0;
}
.md-button.md-icon {
  padding: 0;
  background: none;
}
.md-button.md-raised:not([disabled]) {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.md-button.md-icon-button {
  margin: 0 6px;
  height: 40px;
  min-width: 0;
  line-height: 24px;
  padding: 8px;
  width: 40px;
  border-radius: 50%;
}
.md-button.md-fab.md-fab-bottom-right {
  top: auto;
  right: 20px;
  bottom: 20px;
  left: auto;
  position: absolute;
}
.md-button.md-fab.md-fab-bottom-left {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 20px;
  position: absolute;
}
.md-button.md-fab.md-fab-top-right {
  top: 20px;
  right: 20px;
  bottom: auto;
  left: auto;
  position: absolute;
}
.md-button.md-fab.md-fab-top-left {
  top: 20px;
  right: auto;
  bottom: auto;
  left: 20px;
  position: absolute;
}
.md-button.md-fab {
  z-index: 20;
  line-height: 56px;
  min-width: 0;
  width: 56px;
  height: 56px;
  vertical-align: middle;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-radius: 50%;
  background-clip: padding-box;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-property: background-color, box-shadow, transform;
}
.md-button.md-fab.md-mini {
  line-height: 40px;
  width: 40px;
  height: 40px;
}
.md-button.md-fab.ng-hide, .md-button.md-fab.ng-leave {
  transition: none;
}
.md-button:not([disabled]).md-raised.md-focused, .md-button:not([disabled]).md-fab.md-focused {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.md-button:not([disabled]).md-raised:active, .md-button:not([disabled]).md-fab:active {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}
.md-button .md-ripple-container {
  border-radius: inherit;
  background-clip: padding-box;
  overflow: hidden;
  -webkit-transform: translateZ(0);
}

.md-button.md-icon-button md-icon,
button.md-button.md-fab md-icon {
  display: block;
}

.md-toast-open-top .md-button.md-fab-top-left,
.md-toast-open-top .md-button.md-fab-top-right {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translate3d(0, 42px, 0);
}
.md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover,
.md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused,
.md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {
  transform: translate3d(0, 41px, 0);
}

.md-toast-open-bottom .md-button.md-fab-bottom-left,
.md-toast-open-bottom .md-button.md-fab-bottom-right {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translate3d(0, -42px, 0);
}
.md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover,
.md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused,
.md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {
  transform: translate3d(0, -43px, 0);
}

.md-button-group {
  display: flex;
  flex: 1;
  width: 100%;
}
.md-button-group > .md-button {
  flex: 1;
  display: block;
  overflow: hidden;
  width: 0;
  border-width: 1px 0px 1px 1px;
  border-radius: 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.md-button-group > .md-button:first-child {
  border-radius: 2px 0px 0px 2px;
}
.md-button-group > .md-button:last-child {
  border-right-width: 1px;
  border-radius: 0px 2px 2px 0px;
}

@media screen and (-ms-high-contrast: active) {
  .md-button.md-raised,
  .md-button.md-fab {
    border: 1px solid #fff;
  }
}
.md-button:not([disabled]):hover {
  background-color: rgba(158, 158, 158, 0.2);
  background-color: RGBA(var(--background-500), 0.2);
}
.md-button:not([disabled]).md-focused {
  background-color: rgba(158, 158, 158, 0.2);
  background-color: RGBA(var(--background-500), 0.2);
}
.md-button:not([disabled]).md-icon-button:hover {
  background-color: transparent;
}
.md-button.md-fab {
  background-color: #e91e63;
  background-color: RGB(var(--accent-500));
  color: rgb(255, 255, 255);
  color: RGB(var(--accent-500-contrast));
}
.md-button.md-fab md-icon {
  color: rgb(255, 255, 255);
  color: RGB(var(--accent-500-contrast));
}
.md-button.md-fab:not([disabled]):hover {
  background-color: #c51162;
  background-color: RGB(var(--accent-A700));
}
.md-button.md-fab:not([disabled]).md-focused {
  background-color: #c51162;
  background-color: RGB(var(--accent-A700));
}
.md-button.md-primary {
  color: #01667d;
  color: RGB(var(--primary-500));
}
.md-button.md-primary.md-raised, .md-button.md-primary.md-fab {
  color: rgb(255, 255, 255);
  color: RGB(var(--primary-500-contrast));
  background-color: #01667d;
  background-color: RGB(var(--primary-500));
}
.md-button.md-primary.md-raised:not([disabled]) md-icon, .md-button.md-primary.md-fab:not([disabled]) md-icon {
  color: rgb(255, 255, 255);
  color: RGB(var(--primary-500-contrast));
}
.md-button.md-primary.md-raised:not([disabled]):hover, .md-button.md-primary.md-fab:not([disabled]):hover {
  background-color: #015e75;
  background-color: RGB(var(--primary-600));
}
.md-button.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-primary.md-fab:not([disabled]).md-focused {
  background-color: #015e75;
  background-color: RGB(var(--primary-600));
}
.md-button.md-primary:not([disabled]) md-icon {
  color: #01667d;
  color: RGB(var(--primary-500));
}
.md-button.md-fab {
  background-color: #e91e63;
  background-color: RGB(var(--accent-500));
  color: rgb(255, 255, 255);
  color: RGB(var(--accent-500-contrast));
}
.md-button.md-fab:not([disabled]) .md-icon {
  color: rgb(255, 255, 255);
  color: RGB(var(--accent-500-contrast));
}
.md-button.md-fab:not([disabled]):hover {
  background-color: #c51162;
  background-color: RGB(var(--accent-A700));
}
.md-button.md-fab:not([disabled]).md-focused {
  background-color: #c51162;
  background-color: RGB(var(--accent-A700));
}
.md-button.md-raised {
  color: #212121;
  color: RGB(var(--background-900));
  background-color: #fafafa;
  background-color: RGB(var(--background-50));
}
.md-button.md-raised:not([disabled]) md-icon {
  color: #212121;
  color: RGB(var(--background-900));
}
.md-button.md-raised:not([disabled]):hover {
  background-color: #fafafa;
  background-color: RGB(var(--background-50));
}
.md-button.md-raised:not([disabled]).md-focused {
  background-color: #eeeeee;
  background-color: RGB(var(--background-200));
}
.md-button.md-warn {
  color: #d51f27;
  color: RGB(var(--warn-500));
}
.md-button.md-warn.md-raised, .md-button.md-warn.md-fab {
  color: rgb(255, 255, 255);
  color: RGB(var(--warn-500-contrast));
  background-color: #d51f27;
  background-color: RGB(var(--warn-500));
}
.md-button.md-warn.md-raised:not([disabled]) md-icon, .md-button.md-warn.md-fab:not([disabled]) md-icon {
  color: rgb(255, 255, 255);
  color: RGB(var(--warn-500-contrast));
}
.md-button.md-warn.md-raised:not([disabled]):hover, .md-button.md-warn.md-fab:not([disabled]):hover {
  background-color: #d01b23;
  background-color: RGB(var(--warn-600));
}
.md-button.md-warn.md-raised:not([disabled]).md-focused, .md-button.md-warn.md-fab:not([disabled]).md-focused {
  background-color: #d01b23;
  background-color: RGB(var(--warn-600));
}
.md-button.md-warn:not([disabled]) md-icon {
  color: #d51f27;
  color: RGB(var(--warn-500));
}
.md-button.md-accent {
  color: #e91e63;
  color: RGB(var(--accent-500));
}
.md-button.md-accent.md-raised, .md-button.md-accent.md-fab {
  color: rgb(255, 255, 255);
  color: RGB(var(--accent-500-contrast));
  background-color: #e91e63;
  background-color: RGB(var(--accent-500));
}
.md-button.md-accent.md-raised:not([disabled]) md-icon, .md-button.md-accent.md-fab:not([disabled]) md-icon {
  color: rgb(255, 255, 255);
  color: RGB(var(--accent-500-contrast));
}
.md-button.md-accent.md-raised:not([disabled]):hover, .md-button.md-accent.md-fab:not([disabled]):hover {
  background-color: #c51162;
  background-color: RGB(var(--accent-A700));
}
.md-button.md-accent.md-raised:not([disabled]).md-focused, .md-button.md-accent.md-fab:not([disabled]).md-focused {
  background-color: #c51162;
  background-color: RGB(var(--accent-A700));
}
.md-button.md-accent:not([disabled]) md-icon {
  color: #e91e63;
  color: RGB(var(--accent-500));
}
.md-button[disabled], .md-button.md-raised[disabled], .md-button.md-fab[disabled], .md-button.md-accent[disabled], .md-button.md-warn[disabled] {
  color: rgba(0, 0, 0, 0.38);
  color: var(--foreground-3);
  cursor: default;
}
.md-button[disabled] md-icon, .md-button.md-raised[disabled] md-icon, .md-button.md-fab[disabled] md-icon, .md-button.md-accent[disabled] md-icon, .md-button.md-warn[disabled] md-icon {
  color: rgba(0, 0, 0, 0.38);
  color: var(--foreground-3);
}
.md-button.md-raised[disabled], .md-button.md-fab[disabled] {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--foreground-4);
}
.md-button[disabled] {
  background-color: transparent;
}

._md a:not(.md-button).md-primary {
  color: #01667d;
  color: RGB(var(--primary-500));
}
._md a:not(.md-button).md-primary:hover {
  color: #01536a;
  color: RGB(var(--primary-700));
}
._md a:not(.md-button).md-accent {
  color: #e91e63;
  color: RGB(var(--accent-500));
}
._md a:not(.md-button).md-accent:hover {
  color: #c51162;
  color: RGB(var(--accent-A700));
}
._md a:not(.md-button).md-warn {
  color: #d51f27;
  color: RGB(var(--warn-500));
}
._md a:not(.md-button).md-warn:hover {
  color: #ca171d;
  color: RGB(var(--warn-700));
}

md-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 8px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
md-card md-card-header {
  padding: 16px;
  display: flex;
  flex-direction: row;
}
md-card md-card-header:first-child md-card-avatar {
  margin-right: 12px;
}
[dir=rtl] md-card md-card-header:first-child md-card-avatar {
  margin-right: auto;
  margin-left: 12px;
}
md-card md-card-header:last-child md-card-avatar {
  margin-left: 12px;
}
[dir=rtl] md-card md-card-header:last-child md-card-avatar {
  margin-left: auto;
  margin-right: 12px;
}
md-card md-card-header md-card-avatar {
  width: 40px;
  height: 40px;
}
md-card md-card-header md-card-avatar .md-user-avatar,
md-card md-card-header md-card-avatar md-icon {
  border-radius: 50%;
}
md-card md-card-header md-card-avatar md-icon {
  padding: 8px;
}
md-card md-card-header md-card-avatar md-icon > svg {
  height: inherit;
  width: inherit;
}
md-card md-card-header md-card-avatar + md-card-header-text {
  max-height: 40px;
}
md-card md-card-header md-card-avatar + md-card-header-text .md-title {
  font-size: 14px;
}
md-card md-card-header md-card-header-text {
  display: flex;
  flex: 1;
  flex-direction: column;
}
md-card md-card-header md-card-header-text .md-subhead {
  font-size: 14px;
}
md-card > img,
md-card > md-card-header img,
md-card md-card-title-media img {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  width: 100%;
  height: auto;
}
md-card md-card-title {
  padding: 24px 16px 16px;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
}
md-card md-card-title + md-card-content {
  padding-top: 0;
}
md-card md-card-title md-card-title-text {
  flex: 1;
  flex-direction: column;
  display: flex;
}
md-card md-card-title md-card-title-text .md-subhead {
  padding-top: 0;
  font-size: 14px;
}
md-card md-card-title md-card-title-text:only-child .md-subhead {
  padding-top: 12px;
}
md-card md-card-title md-card-title-media {
  margin-top: -8px;
}
md-card md-card-title md-card-title-media .md-media-sm {
  height: 80px;
  width: 80px;
}
md-card md-card-title md-card-title-media .md-media-md {
  height: 112px;
  width: 112px;
}
md-card md-card-title md-card-title-media .md-media-lg {
  height: 152px;
  width: 152px;
}
md-card md-card-content {
  display: block;
  padding: 16px;
}
md-card md-card-content > p:first-child {
  margin-top: 0;
}
md-card md-card-content > p:last-child {
  margin-bottom: 0;
}
md-card md-card-content .md-media-xl {
  height: 240px;
  width: 240px;
}
md-card .md-actions, md-card md-card-actions {
  margin: 8px;
}
md-card .md-actions.layout-column .md-button:not(.md-icon-button), md-card md-card-actions.layout-column .md-button:not(.md-icon-button) {
  margin: 2px 0;
}
md-card .md-actions.layout-column .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):first-of-type {
  margin-top: 0;
}
md-card .md-actions.layout-column .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):last-of-type {
  margin-bottom: 0;
}
md-card .md-actions.layout-column .md-button.md-icon-button, md-card md-card-actions.layout-column .md-button.md-icon-button {
  margin-top: 6px;
  margin-bottom: 6px;
}
md-card .md-actions md-card-icon-actions, md-card md-card-actions md-card-icon-actions {
  flex: 1;
  justify-content: flex-start;
  display: flex;
  flex-direction: row;
}
md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button), md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button) {
  margin: 0 4px;
}
md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
  margin-left: 0;
}
[dir=rtl] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
  margin-left: auto;
  margin-right: 0;
}
md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
  margin-right: 0;
}
[dir=rtl] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
  margin-right: auto;
  margin-left: 0;
}
md-card .md-actions:not(.layout-column) .md-button.md-icon-button, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button {
  margin-left: 6px;
  margin-right: 6px;
}
md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
  margin-left: 12px;
}
[dir=rtl] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
  margin-left: auto;
  margin-right: 12px;
}
md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
  margin-right: 12px;
}
[dir=rtl] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
  margin-right: auto;
  margin-left: 12px;
}
md-card .md-actions:not(.layout-column) .md-button + md-card-icon-actions, md-card md-card-actions:not(.layout-column) .md-button + md-card-icon-actions {
  flex: 1;
  justify-content: flex-end;
  display: flex;
  flex-direction: row;
}
md-card md-card-footer {
  margin-top: auto;
  padding: 16px;
}

@media screen and (-ms-high-contrast: active) {
  md-card {
    border: 1px solid #fff;
  }
}
.md-image-no-fill > img {
  width: auto;
  height: auto;
}

md-card {
  color: rgba(0, 0, 0, 0.87);
  color: var(--foreground-1);
  background-color: #ffffff;
  background-color: RGB(var(--background-A100));
  border-radius: 2px;
}
md-card .md-card-image {
  border-radius: 2px 2px 0 0;
}
md-card md-card-header md-card-avatar md-icon {
  color: #fafafa;
  color: RGB(var(--background-50));
  background-color: rgba(0, 0, 0, 0.38);
  background-color: var(--foreground-3);
}
md-card md-card-header md-card-header-text .md-subhead {
  color: rgba(0, 0, 0, 0.54);
  color: var(--foreground-2);
}
md-card md-card-title md-card-title-text:not(:only-child) .md-subhead {
  color: rgba(0, 0, 0, 0.54);
  color: var(--foreground-2);
}

.md-inline-form md-checkbox {
  margin: 19px 0 18px;
}

md-checkbox {
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 16px;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  user-select: none;
  position: relative;
  min-width: 20px;
  min-height: 20px;
  margin-left: 0;
}
[dir=rtl] md-checkbox {
  margin-left: 16px;
}
md-checkbox {
  margin-right: 16px;
}
[dir=rtl] md-checkbox {
  margin-right: 0;
}
md-checkbox:last-of-type {
  margin-left: 0;
  margin-right: 0;
}
md-checkbox.md-focused:not([disabled]) .md-container:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px;
}
md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
  background-color: rgba(0, 0, 0, 0.12);
}
md-checkbox.md-align-top-left > div.md-container {
  top: 12px;
}
md-checkbox .md-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: 0;
}
[dir=rtl] md-checkbox .md-container {
  left: auto;
}
md-checkbox .md-container {
  right: auto;
}
[dir=rtl] md-checkbox .md-container {
  right: 0;
}
md-checkbox .md-container:before {
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 50%;
  content: "";
  position: absolute;
  display: block;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s;
  width: auto;
}
md-checkbox .md-container:after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}
md-checkbox .md-container .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -15px;
  top: -15px;
  right: -15px;
  bottom: -15px;
}
md-checkbox .md-icon {
  box-sizing: border-box;
  transition: 240ms;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
}
md-checkbox.md-checked .md-icon {
  border-color: transparent;
}
md-checkbox.md-checked .md-icon:after {
  box-sizing: border-box;
  transform: rotate(45deg);
  position: absolute;
  left: 4.6666666667px;
  top: 0.2222222222px;
  display: table;
  width: 6.6666666667px;
  height: 13.3333333333px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  content: "";
}
md-checkbox[disabled] {
  cursor: default;
}
md-checkbox.md-indeterminate .md-icon:after {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: table;
  width: 12px;
  height: 2px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  content: "";
}
md-checkbox .md-label {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  user-select: text;
  margin-left: 30px;
}
[dir=rtl] md-checkbox .md-label {
  margin-left: 0;
}
md-checkbox .md-label {
  margin-right: 0;
}
[dir=rtl] md-checkbox .md-label {
  margin-right: 30px;
}

md-checkbox .md-ripple {
  color: #c51162;
  color: RGB(var(--accent-A700));
}
md-checkbox.md-checked .md-ripple {
  color: #757575;
  color: RGB(var(--background-600));
}
md-checkbox.md-checked.md-focused .md-container:before {
  background-color: rgba(233, 30, 99, 0.26);
  background-color: RGBA(var(--accent-500), 0.26);
}
md-checkbox .md-ink-ripple {
  color: rgba(0, 0, 0, 0.54);
  color: var(--foreground-2);
}
md-checkbox.md-checked .md-ink-ripple {
  color: rgba(233, 30, 99, 0.87);
  color: RGBA(var(--accent-500), 0.87);
}
md-checkbox:not(.md-checked) .md-icon {
  border-color: rgba(0, 0, 0, 0.54);
  border-color: var(--foreground-2);
}
md-checkbox.md-checked .md-icon {
  background-color: rgba(233, 30, 99, 0.87);
  background-color: RGBA(var(--accent-500), 0.87);
}
md-checkbox.md-checked .md-icon:after {
  border-color: rgba(255, 255, 255, 0.87);
  border-color: RGBA(var(--accent-500-contrast), 0.87);
}
md-checkbox:not([disabled]).md-primary .md-ripple {
  color: #015e75;
  color: RGB(var(--primary-600));
}
md-checkbox:not([disabled]).md-primary.md-checked .md-ripple {
  color: #757575;
  color: RGB(var(--background-600));
}
md-checkbox:not([disabled]).md-primary .md-ink-ripple {
  color: rgba(0, 0, 0, 0.54);
  color: var(--foreground-2);
}
md-checkbox:not([disabled]).md-primary.md-checked .md-ink-ripple {
  color: rgba(1, 102, 125, 0.87);
  color: RGBA(var(--primary-500), 0.87);
}
md-checkbox:not([disabled]).md-primary:not(.md-checked) .md-icon {
  border-color: rgba(0, 0, 0, 0.54);
  border-color: var(--foreground-2);
}
md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
  background-color: rgba(1, 102, 125, 0.87);
  background-color: RGBA(var(--primary-500), 0.87);
}
md-checkbox:not([disabled]).md-primary.md-checked.md-focused .md-container:before {
  background-color: rgba(1, 102, 125, 0.26);
  background-color: RGBA(var(--primary-500), 0.26);
}
md-checkbox:not([disabled]).md-primary.md-checked .md-icon:after {
  border-color: rgba(255, 255, 255, 0.87);
  border-color: RGBA(var(--primary-500-contrast), 0.87);
}
md-checkbox:not([disabled]).md-primary .md-indeterminate[disabled] .md-container {
  color: rgba(0, 0, 0, 0.38);
  color: var(--foreground-3);
}
md-checkbox:not([disabled]).md-warn .md-ripple {
  color: #d01b23;
  color: RGB(var(--warn-600));
}
md-checkbox:not([disabled]).md-warn .md-ink-ripple {
  color: rgba(0, 0, 0, 0.54);
  color: var(--foreground-2);
}
md-checkbox:not([disabled]).md-warn.md-checked .md-ink-ripple {
  color: rgba(213, 31, 39, 0.87);
  color: RGBA(var(--warn-500), 0.87);
}
md-checkbox:not([disabled]).md-warn:not(.md-checked) .md-icon {
  border-color: rgba(0, 0, 0, 0.54);
  border-color: var(--foreground-2);
}
md-checkbox:not([disabled]).md-warn.md-checked .md-icon {
  background-color: rgba(213, 31, 39, 0.87);
  background-color: RGBA(var(--warn-500), 0.87);
}
md-checkbox:not([disabled]).md-warn.md-checked.md-focused:not([disabled]) .md-container:before {
  background-color: rgba(213, 31, 39, 0.26);
  background-color: RGBA(var(--warn-500), 0.26);
}
md-checkbox:not([disabled]).md-warn.md-checked .md-icon:after {
  border-color: #eeeeee;
  border-color: RGB(var(--background-200));
}
md-checkbox[disabled]:not(.md-checked) .md-icon {
  border-color: rgba(0, 0, 0, 0.38);
  border-color: var(--foreground-3);
}
md-checkbox[disabled].md-checked .md-icon {
  background-color: rgba(0, 0, 0, 0.38);
  background-color: var(--foreground-3);
}
md-checkbox[disabled].md-checked .md-icon:after {
  border-color: #eeeeee;
  border-color: RGB(var(--background-200));
}
md-checkbox[disabled] .md-icon:after {
  border-color: rgba(0, 0, 0, 0.38);
  border-color: var(--foreground-3);
}
md-checkbox[disabled] .md-label {
  color: rgba(0, 0, 0, 0.38);
  color: var(--foreground-3);
}

.md-contact-chips .md-chips md-chip {
  padding: 0 25px 0 0;
}
[dir=rtl] .md-contact-chips .md-chips md-chip {
  padding: 0 0 0 25px;
}
.md-contact-chips .md-chips md-chip .md-contact-avatar {
  float: left;
}
[dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-avatar {
  float: right;
}
.md-contact-chips .md-chips md-chip .md-contact-avatar img {
  height: 32px;
  border-radius: 16px;
}
.md-contact-chips .md-chips md-chip .md-contact-name {
  display: inline-block;
  height: 32px;
  margin-left: 8px;
}
[dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-name {
  margin-left: auto;
  margin-right: 8px;
}

.md-contact-suggestion {
  height: 56px;
}
.md-contact-suggestion img {
  height: 40px;
  border-radius: 20px;
  margin-top: 8px;
}
.md-contact-suggestion .md-contact-name {
  margin-left: 8px;
}
[dir=rtl] .md-contact-suggestion .md-contact-name {
  margin-left: auto;
  margin-right: 8px;
}
.md-contact-suggestion .md-contact-name {
  width: 120px;
}
.md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.md-contact-chips-suggestions li {
  height: 100%;
}

.md-chips:after {
  content: "";
  display: table;
  clear: both;
}
.md-chips {
  display: block;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
  padding: 0 0 8px 3px;
}
[dir=rtl] .md-chips {
  padding: 0 3px 8px 0;
}
.md-chips {
  vertical-align: middle;
}
.md-chips.md-readonly .md-chip-input-container {
  min-height: 32px;
}
.md-chips:not(.md-readonly) {
  cursor: text;
}
.md-chips.md-removable md-chip {
  padding-right: 22px;
}
[dir=rtl] .md-chips.md-removable md-chip {
  padding-right: 0;
  padding-left: 22px;
}
.md-chips.md-removable md-chip .md-chip-content {
  padding-right: 4px;
}
[dir=rtl] .md-chips.md-removable md-chip .md-chip-content {
  padding-right: 0;
  padding-left: 4px;
}
.md-chips md-chip {
  cursor: default;
  border-radius: 16px;
  display: block;
  height: 32px;
  line-height: 32px;
  margin: 8px 8px 0 0;
}
[dir=rtl] .md-chips md-chip {
  margin: 8px 0 0 8px;
}
.md-chips md-chip {
  padding: 0 12px 0 12px;
  float: left;
}
[dir=rtl] .md-chips md-chip {
  float: right;
}
.md-chips md-chip {
  box-sizing: border-box;
  max-width: 100%;
  position: relative;
}
.md-chips md-chip .md-chip-content {
  display: block;
  float: left;
}
[dir=rtl] .md-chips md-chip .md-chip-content {
  float: right;
}
.md-chips md-chip .md-chip-content {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.md-chips md-chip .md-chip-content:focus {
  outline: none;
}
.md-chips md-chip._md-chip-content-edit-is-enabled {
  -webkit-user-select: none; /* webkit (safari, chrome) browsers */
  -moz-user-select: none; /* mozilla browsers */
  -khtml-user-select: none; /* webkit (konqueror) browsers */
  -ms-user-select: none; /* IE10+ */
}
.md-chips md-chip .md-chip-remove-container {
  position: absolute;
  right: 0;
}
[dir=rtl] .md-chips md-chip .md-chip-remove-container {
  right: auto;
  left: 0;
}
.md-chips md-chip .md-chip-remove-container {
  line-height: 22px;
}
.md-chips md-chip .md-chip-remove {
  text-align: center;
  width: 32px;
  height: 32px;
  min-width: 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  margin: 0;
  position: relative;
}
.md-chips md-chip .md-chip-remove md-icon {
  height: 18px;
  width: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.md-chips .md-chip-input-container {
  display: block;
  line-height: 32px;
  margin: 8px 8px 0 0;
}
[dir=rtl] .md-chips .md-chip-input-container {
  margin: 8px 0 0 8px;
}
.md-chips .md-chip-input-container {
  padding: 0;
  float: left;
}
[dir=rtl] .md-chips .md-chip-input-container {
  float: right;
}
.md-chips .md-chip-input-container input:not([type]), .md-chips .md-chip-input-container input[type=email], .md-chips .md-chip-input-container input[type=number], .md-chips .md-chip-input-container input[type=tel], .md-chips .md-chip-input-container input[type=url], .md-chips .md-chip-input-container input[type=text] {
  border: 0;
  height: 32px;
  line-height: 32px;
  padding: 0;
}
.md-chips .md-chip-input-container input:not([type]):focus, .md-chips .md-chip-input-container input[type=email]:focus, .md-chips .md-chip-input-container input[type=number]:focus, .md-chips .md-chip-input-container input[type=tel]:focus, .md-chips .md-chip-input-container input[type=url]:focus, .md-chips .md-chip-input-container input[type=text]:focus {
  outline: none;
}
.md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
  background: transparent;
  height: 32px;
}
.md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
  box-shadow: none;
}
.md-chips .md-chip-input-container md-autocomplete input {
  position: relative;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 32px;
  line-height: 32px;
  padding: 0;
}
.md-chips .md-chip-input-container input:focus {
  outline: none;
}
.md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
  height: 32px;
}
.md-chips .md-chip-input-container md-autocomplete {
  box-shadow: none;
}
.md-chips .md-chip-input-container md-autocomplete input {
  position: relative;
}
.md-chips .md-chip-input-container:not(:first-child) {
  margin: 8px 8px 0 0;
}
[dir=rtl] .md-chips .md-chip-input-container:not(:first-child) {
  margin: 8px 0 0 8px;
}
.md-chips .md-chip-input-container input {
  background: transparent;
  border-width: 0;
}
.md-chips md-autocomplete button {
  display: none;
}

@media screen and (-ms-high-contrast: active) {
  .md-chip-input-container,
  md-chip {
    border: 1px solid #fff;
  }
  .md-chip-input-container md-autocomplete {
    border: none;
  }
}
md-chips .md-chips {
  box-shadow: 0 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px var(--foreground-4);
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #01667d;
  box-shadow: 0 2px RGB(var(--primary-500));
}
md-chips .md-chips .md-chip-input-container input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.38);
}
md-chips .md-chips .md-chip-input-container input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.38);
}
md-chips .md-chips .md-chip-input-container input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.38);
}
md-chips .md-chips .md-chip-input-container input::placeholder {
  color: rgba(0, 0, 0, 0.38);
}
md-chips .md-chips .md-chip-input-container input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.38);
  opacity: 1;
}
md-chips .md-chips .md-chip-input-container input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.38);
  opacity: 1;
}
md-chips .md-chips .md-chip-input-container input::-webkit-input-placeholder {
  color: var(--foreground-3);
}
md-chips .md-chips .md-chip-input-container input:-ms-input-placeholder {
  color: var(--foreground-3);
}
md-chips .md-chips .md-chip-input-container input::-ms-input-placeholder {
  color: var(--foreground-3);
}
md-chips .md-chips .md-chip-input-container input::placeholder {
  color: var(--foreground-3);
}
md-chips .md-chips .md-chip-input-container input:-moz-placeholder {
  color: var(--foreground-3);
  opacity: 1;
}
md-chips .md-chips .md-chip-input-container input::-moz-placeholder {
  color: var(--foreground-3);
  opacity: 1;
}
md-chips .md-chips .md-chip-input-container input {
  color: rgba(0, 0, 0, 0.87);
  color: var(--foreground-1);
}
md-chips md-chip {
  background: #e0e0e0;
  background: RGB(var(--background-300));
  color: #424242;
  color: RGB(var(--background-800));
}
md-chips md-chip md-icon {
  color: #616161;
  color: RGB(var(--background-700));
}
md-chips md-chip.md-focused {
  background: #01667d;
  background: RGB(var(--primary-500));
  color: rgb(255, 255, 255);
  color: RGB(var(--primary-500-contrast));
}
md-chips md-chip.md-focused md-icon {
  color: rgb(255, 255, 255);
  color: RGB(var(--primary-500-contrast));
}
md-chips md-chip._md-chip-editing {
  background: transparent;
  color: #424242;
  color: RGB(var(--background-800));
}
md-chips md-chip-remove .md-button md-icon path {
  fill: #9e9e9e;
  fill: RGB(var(--background-500));
}

.md-contact-suggestion span.md-contact-email {
  color: #bdbdbd;
  color: RGB(var(--background-400));
}

md-content {
  display: block;
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
md-content[md-scroll-y] {
  overflow-y: auto;
  overflow-x: hidden;
}
md-content[md-scroll-x] {
  overflow-x: auto;
  overflow-y: hidden;
}
@media print {
  md-content {
    overflow: visible !important;
  }
}

md-content {
  color: rgba(0, 0, 0, 0.87);
  color: var(--foreground-1);
  background-color: #fafafa;
  background-color: RGB(var(--background-50));
}

.md-dialog-is-showing {
  max-height: 100%;
}

.md-dialog-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 80;
  overflow: hidden;
}

md-dialog.md-transition-in {
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translate(0, 0) scale(1);
}
md-dialog.md-transition-out {
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translate(0, 100%) scale(0.2);
}
md-dialog {
  opacity: 0;
  min-width: 240px;
  max-width: 80%;
  max-height: 80%;
  position: relative;
  overflow: auto;
  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);
  display: flex;
  flex-direction: column;
}
md-dialog > form {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
md-dialog .md-dialog-content {
  padding: 24px;
}
md-dialog md-dialog-content {
  order: 1;
  flex-direction: column;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {
  margin-top: 0;
}
md-dialog md-dialog-content:focus {
  outline: none;
}
md-dialog md-dialog-content .md-subheader {
  margin: 0;
}
md-dialog md-dialog-content .md-dialog-content-body {
  width: 100%;
}
md-dialog md-dialog-content .md-prompt-input-container {
  width: 100%;
  box-sizing: border-box;
}
md-dialog .md-actions, md-dialog md-dialog-actions {
  display: flex;
  order: 2;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0;
  padding-right: 8px;
}
[dir=rtl] md-dialog .md-actions, [dir=rtl] md-dialog md-dialog-actions {
  padding-right: 16px;
}
md-dialog .md-actions, md-dialog md-dialog-actions {
  padding-left: 16px;
}
[dir=rtl] md-dialog .md-actions, [dir=rtl] md-dialog md-dialog-actions {
  padding-left: 8px;
}
md-dialog .md-actions, md-dialog md-dialog-actions {
  min-height: 52px;
  overflow: hidden;
}
md-dialog .md-actions .md-button, md-dialog md-dialog-actions .md-button {
  margin-bottom: 8px;
  margin-left: 8px;
}
[dir=rtl] md-dialog .md-actions .md-button, [dir=rtl] md-dialog md-dialog-actions .md-button {
  margin-left: 0;
}
md-dialog .md-actions .md-button, md-dialog md-dialog-actions .md-button {
  margin-right: 0;
}
[dir=rtl] md-dialog .md-actions .md-button, [dir=rtl] md-dialog md-dialog-actions .md-button {
  margin-right: 8px;
}
md-dialog .md-actions .md-button, md-dialog md-dialog-actions .md-button {
  margin-top: 8px;
}
md-dialog.md-content-overflow .md-actions, md-dialog.md-content-overflow md-dialog-actions {
  border-top-width: 1px;
  border-top-style: solid;
}

@media screen and (-ms-high-contrast: active) {
  md-dialog {
    border: 1px solid #fff;
  }
}
@media (max-width: 959px) {
  md-dialog.md-dialog-fullscreen {
    min-height: 100%;
    min-width: 100%;
    border-radius: 0;
  }
}
md-dialog {
  border-radius: 4px;
  background-color: #ffffff;
  background-color: RGB(var(--background-A100));
  color: rgba(0, 0, 0, 0.87);
  color: var(--foreground-1);
}
md-dialog.md-content-overflow .md-actions, md-dialog.md-content-overflow md-dialog-actions {
  border-top-color: rgba(0, 0, 0, 0.12);
  border-top-color: var(--foreground-4);
}

md-divider {
  display: block;
  border-top-width: 1px;
  border-top-style: solid;
  margin: 0;
}
md-divider[md-inset] {
  margin-left: 80px;
}
[dir=rtl] md-divider[md-inset] {
  margin-left: auto;
  margin-right: 80px;
}

.layout-row > md-divider,
.layout-xs-row > md-divider, .layout-gt-xs-row > md-divider,
.layout-sm-row > md-divider, .layout-gt-sm-row > md-divider,
.layout-md-row > md-divider, .layout-gt-md-row > md-divider,
.layout-lg-row > md-divider, .layout-gt-lg-row > md-divider,
.layout-xl-row > md-divider {
  border-top-width: 0;
  border-right-width: 1px;
  border-right-style: solid;
}

md-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
  border-top-color: var(--foreground-4);
}

.layout-row > md-divider,
.layout-xs-row > md-divider, .layout-gt-xs-row > md-divider,
.layout-sm-row > md-divider, .layout-gt-sm-row > md-divider,
.layout-md-row > md-divider, .layout-gt-md-row > md-divider,
.layout-lg-row > md-divider, .layout-gt-lg-row > md-divider,
.layout-xl-row > md-divider {
  border-right-color: rgba(0, 0, 0, 0.12);
  border-right-color: var(--foreground-4);
}

md-grid-list {
  box-sizing: border-box;
  display: block;
  position: relative;
}
md-grid-list md-grid-tile,
md-grid-list md-grid-tile > figure,
md-grid-list md-grid-tile-header,
md-grid-list md-grid-tile-footer {
  box-sizing: border-box;
}
md-grid-list md-grid-tile {
  display: block;
  position: absolute;
}
md-grid-list md-grid-tile figure {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
}
md-grid-list md-grid-tile md-grid-tile-header,
md-grid-list md-grid-tile md-grid-tile-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 48px;
  color: #fff;
  background: rgba(0, 0, 0, 0.18);
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
}
md-grid-list md-grid-tile md-grid-tile-header h3,
md-grid-list md-grid-tile md-grid-tile-header h4,
md-grid-list md-grid-tile md-grid-tile-footer h3,
md-grid-list md-grid-tile md-grid-tile-footer h4 {
  font-weight: 400;
  margin: 0 0 0 16px;
}
md-grid-list md-grid-tile md-grid-tile-header h3,
md-grid-list md-grid-tile md-grid-tile-footer h3 {
  font-size: 14px;
}
md-grid-list md-grid-tile md-grid-tile-header h4,
md-grid-list md-grid-tile md-grid-tile-footer h4 {
  font-size: 12px;
}
md-grid-list md-grid-tile md-grid-tile-header {
  top: 0;
}
md-grid-list md-grid-tile md-grid-tile-footer {
  bottom: 0;
}

@media screen and (-ms-high-contrast: active) {
  md-grid-tile {
    border: 1px solid #fff;
  }
  md-grid-tile-footer {
    border-top: 1px solid #fff;
  }
}
md-icon {
  margin: auto;
  background-repeat: no-repeat no-repeat;
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;
  height: 24px;
  width: 24px;
  min-height: 24px;
  min-width: 24px;
}
md-icon svg {
  pointer-events: none;
  display: block;
}
md-icon[md-font-icon] {
  line-height: 24px;
  width: auto;
}

md-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--foreground-2);
}
md-icon.md-primary {
  color: #01667d;
  color: RGB(var(--primary-500));
}
md-icon.md-accent {
  color: #e91e63;
  color: RGB(var(--accent-500));
}
md-icon.md-warn {
  color: #d51f27;
  color: RGB(var(--warn-500));
}

md-input-container:after {
  content: "";
  display: table;
  clear: both;
}
md-input-container {
  display: inline-block;
  position: relative;
  padding: 2px;
  margin: 18px 0;
  vertical-align: middle;
}
md-input-container.md-block {
  display: block;
}
md-input-container .md-errors-spacer {
  float: right;
}
[dir=rtl] md-input-container .md-errors-spacer {
  float: left;
}
md-input-container .md-errors-spacer {
  min-height: 24px;
  min-width: 1px;
}
md-input-container > md-icon {
  position: absolute;
  top: 8px;
  left: 2px;
}
[dir=rtl] md-input-container > md-icon {
  left: auto;
}
md-input-container > md-icon {
  right: auto;
}
[dir=rtl] md-input-container > md-icon {
  right: 2px;
}
md-input-container textarea,
md-input-container input[type=text],
md-input-container input[type=password],
md-input-container input[type=datetime],
md-input-container input[type=datetime-local],
md-input-container input[type=date],
md-input-container input[type=month],
md-input-container input[type=time],
md-input-container input[type=week],
md-input-container input[type=number],
md-input-container input[type=email],
md-input-container input[type=url],
md-input-container input[type=search],
md-input-container input[type=tel],
md-input-container input[type=color] {
  /* remove default appearance from all input/textarea */
  -moz-appearance: none;
  -webkit-appearance: none;
}
md-input-container input[type=date],
md-input-container input[type=datetime-local],
md-input-container input[type=month],
md-input-container input[type=time],
md-input-container input[type=week] {
  min-height: 26px;
}
md-input-container textarea {
  resize: none;
  overflow: hidden;
}
md-input-container textarea.md-input {
  min-height: 26px;
  -ms-flex-preferred-size: auto;
}
md-input-container textarea[md-no-autogrow] {
  height: auto;
  overflow: auto;
}
md-input-container label:not(.md-container-ignore) {
  position: absolute;
  bottom: 100%;
  left: 0;
}
[dir=rtl] md-input-container label:not(.md-container-ignore) {
  left: auto;
}
md-input-container label:not(.md-container-ignore) {
  right: auto;
}
[dir=rtl] md-input-container label:not(.md-container-ignore) {
  right: 0;
}
md-input-container label:not(.md-container-ignore).md-required:after {
  content: " *";
  font-size: 13px;
  vertical-align: top;
}
md-input-container label:not(.md-no-float):not(.md-container-ignore),
md-input-container .md-placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  order: 1;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 3px;
}
[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore),
[dir=rtl] md-input-container .md-placeholder {
  padding-left: 0;
}
md-input-container label:not(.md-no-float):not(.md-container-ignore),
md-input-container .md-placeholder {
  padding-right: 0;
}
[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore),
[dir=rtl] md-input-container .md-placeholder {
  padding-right: 3px;
}
md-input-container label:not(.md-no-float):not(.md-container-ignore),
md-input-container .md-placeholder {
  z-index: 1;
  transform: translate3d(0, 28px, 0) scale(1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  max-width: 100%;
  transform-origin: left top;
}
[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore),
[dir=rtl] md-input-container .md-placeholder {
  transform-origin: right top;
}
md-input-container .md-placeholder {
  position: absolute;
  top: 0;
  opacity: 0;
  transition-property: opacity, transform;
  transform: translate3d(0, 30px, 0);
}
md-input-container.md-input-focused .md-placeholder {
  opacity: 1;
  transform: translate3d(0, 24px, 0);
}
md-input-container.md-input-has-value .md-placeholder {
  transition: none;
  opacity: 0;
}
md-input-container:not(.md-input-has-value):not(.md-input-has-placeholder) input:not(:focus) {
  color: transparent;
}
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text {
  color: transparent;
}
md-input-container {
  /*
   * The .md-input class is added to the input/textarea
   */
}
md-input-container .md-input {
  order: 2;
  display: block;
  margin-top: 0;
  background: none;
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 2px;
  padding-right: 2px;
  border-width: 0 0 1px 0;
  line-height: 26px;
  height: 30px;
  -ms-flex-preferred-size: 26px;
  border-radius: 0;
  border-style: solid;
  width: 100%;
  box-sizing: border-box;
  float: left;
}
[dir=rtl] md-input-container .md-input {
  float: right;
}
md-input-container .md-input:focus {
  outline: none;
}
md-input-container .md-input:invalid {
  outline: none;
  box-shadow: none;
}
md-input-container .md-input.md-no-flex {
  flex: none !important;
}
md-input-container .md-char-counter {
  text-align: right;
}
[dir=rtl] md-input-container .md-char-counter {
  text-align: left;
}
md-input-container .md-char-counter {
  padding-right: 2px;
}
[dir=rtl] md-input-container .md-char-counter {
  padding-right: 0;
}
md-input-container .md-char-counter {
  padding-left: 0;
}
[dir=rtl] md-input-container .md-char-counter {
  padding-left: 2px;
}
md-input-container .md-input-messages-animation {
  position: relative;
  order: 4;
  overflow: hidden;
  clear: left;
}
[dir=rtl] md-input-container .md-input-messages-animation {
  clear: right;
}
md-input-container .md-input-message-animation, md-input-container .md-char-counter {
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  opacity: 1;
  margin-top: 0;
  padding-top: 5px;
}
md-input-container .md-input-message-animation:not(.md-char-counter), md-input-container .md-char-counter:not(.md-char-counter) {
  padding-right: 5px;
}
[dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter), [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
  padding-right: 0;
}
md-input-container .md-input-message-animation:not(.md-char-counter), md-input-container .md-char-counter:not(.md-char-counter) {
  padding-left: 0;
}
[dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter), [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
  padding-left: 5px;
}
md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
  opacity: 0;
  margin-top: -100px;
}
md-input-container .md-input-message-animation.ng-enter-prepare {
  opacity: 0;
  margin-top: -100px;
}
md-input-container .md-input-message-animation.ng-enter:not(.ng-enter-active) {
  opacity: 0;
  margin-top: -100px;
}
md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
  transform: translate3d(0, 6px, 0) scale(0.75);
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
}
md-input-container.md-input-has-value label {
  transition: none;
}
md-input-container.md-input-focused .md-input,
md-input-container .md-input.ng-invalid.ng-dirty, md-input-container.md-input-resized .md-input {
  padding-bottom: 0;
  border-width: 0 0 2px 0;
}
md-input-container .md-input[disabled], [disabled] md-input-container .md-input {
  background-position: bottom -1px left 0;
  background-size: 4px 1px;
  background-repeat: repeat-x;
}
md-input-container.md-icon-float {
  transition: margin-top 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
md-input-container.md-icon-float > label {
  pointer-events: none;
  position: absolute;
}
md-input-container.md-icon-float > md-icon {
  top: 8px;
  left: 2px;
}
[dir=rtl] md-input-container.md-icon-float > md-icon {
  left: auto;
}
md-input-container.md-icon-float > md-icon {
  right: auto;
}
[dir=rtl] md-input-container.md-icon-float > md-icon {
  right: 2px;
}
md-input-container.md-icon-left > label:not(.md-no-float):not(.md-container-ignore),
md-input-container.md-icon-left > label .md-placeholder, md-input-container.md-icon-right > label:not(.md-no-float):not(.md-container-ignore),
md-input-container.md-icon-right > label .md-placeholder {
  width: calc(100% - 36px - 18px);
}
md-input-container.md-icon-left {
  padding-left: 36px;
}
[dir=rtl] md-input-container.md-icon-left {
  padding-left: 0;
}
md-input-container.md-icon-left {
  padding-right: 0;
}
[dir=rtl] md-input-container.md-icon-left {
  padding-right: 36px;
}
md-input-container.md-icon-left > label {
  left: 36px;
}
[dir=rtl] md-input-container.md-icon-left > label {
  left: auto;
}
md-input-container.md-icon-left > label {
  right: auto;
}
[dir=rtl] md-input-container.md-icon-left > label {
  right: 36px;
}
md-input-container.md-icon-right {
  padding-left: 0;
}
[dir=rtl] md-input-container.md-icon-right {
  padding-left: 36px;
}
md-input-container.md-icon-right {
  padding-right: 36px;
}
[dir=rtl] md-input-container.md-icon-right {
  padding-right: 0;
}
md-input-container.md-icon-right > md-icon:last-of-type {
  margin: 0;
  right: 2px;
}
[dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
  right: auto;
}
md-input-container.md-icon-right > md-icon:last-of-type {
  left: auto;
}
[dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
  left: 2px;
}
md-input-container.md-icon-left.md-icon-right {
  padding-left: 36px;
  padding-right: 36px;
}
md-input-container.md-icon-left.md-icon-right > label:not(.md-no-float):not(.md-container-ignore),
md-input-container.md-icon-left.md-icon-right > label .md-placeholder {
  width: calc(100% - 36px * 2);
}

.md-resize-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.md-resize-wrapper {
  position: relative;
}

.md-resize-handle {
  position: absolute;
  bottom: -5px;
  left: 0;
  height: 10px;
  background: transparent;
  width: 100%;
  cursor: ns-resize;
}

@media screen and (-ms-high-contrast: active) {
  md-input-container.md-default-theme > md-icon {
    fill: #fff;
  }
}
md-input-container .md-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.54);
}
md-input-container .md-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.54);
}
md-input-container .md-input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.54);
}
md-input-container .md-input::placeholder {
  color: rgba(0, 0, 0, 0.54);
}
md-input-container .md-input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.54);
  opacity: 1;
}
md-input-container .md-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.54);
  opacity: 1;
}
md-input-container .md-input::-webkit-input-placeholder {
  color: var(--foreground-2);
}
md-input-container .md-input:-ms-input-placeholder {
  color: var(--foreground-2);
}
md-input-container .md-input::-ms-input-placeholder {
  color: var(--foreground-2);
}
md-input-container .md-input::placeholder {
  color: var(--foreground-2);
}
md-input-container .md-input:-moz-placeholder {
  color: var(--foreground-2);
  opacity: 1;
}
md-input-container .md-input::-moz-placeholder {
  color: var(--foreground-2);
  opacity: 1;
}
md-input-container .md-input {
  color: rgba(0, 0, 0, 0.87);
  color: var(--foreground-1);
  border-color: rgba(0, 0, 0, 0.12);
  border-color: var(--foreground-4);
}
md-input-container > md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--foreground-1);
}
md-input-container label,
md-input-container .md-placeholder {
  color: rgba(0, 0, 0, 0.54);
  color: var(--foreground-2);
}
md-input-container label.md-required:after {
  color: #ff6668;
  color: RGB(var(--warn-A700));
}
md-input-container:not(.md-input-focused):not(.md-input-invalid) label.md-required:after {
  color: rgba(0, 0, 0, 0.54);
  color: var(--foreground-2);
}
md-input-container .md-input-messages-animation, md-input-container .md-input-message-animation {
  color: #ff6668;
  color: RGB(var(--warn-A700));
}
md-input-container .md-input-messages-animation .md-char-counter, md-input-container .md-input-message-animation .md-char-counter {
  color: rgba(0, 0, 0, 0.87);
  color: var(--foreground-1);
}
md-input-container.md-input-focused .md-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.54);
}
md-input-container.md-input-focused .md-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.54);
}
md-input-container.md-input-focused .md-input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.54);
}
md-input-container.md-input-focused .md-input::placeholder {
  color: rgba(0, 0, 0, 0.54);
}
md-input-container.md-input-focused .md-input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.54);
  opacity: 1;
}
md-input-container.md-input-focused .md-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.54);
  opacity: 1;
}
md-input-container.md-input-focused .md-input::-webkit-input-placeholder {
  color: var(--foreground-2);
}
md-input-container.md-input-focused .md-input:-ms-input-placeholder {
  color: var(--foreground-2);
}
md-input-container.md-input-focused .md-input::-ms-input-placeholder {
  color: var(--foreground-2);
}
md-input-container.md-input-focused .md-input::placeholder {
  color: var(--foreground-2);
}
md-input-container.md-input-focused .md-input:-moz-placeholder {
  color: var(--foreground-2);
  opacity: 1;
}
md-input-container.md-input-focused .md-input::-moz-placeholder {
  color: var(--foreground-2);
  opacity: 1;
}
md-input-container:not(.md-input-invalid).md-input-has-value label {
  color: rgba(0, 0, 0, 0.54);
  color: var(--foreground-2);
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input, md-input-container:not(.md-input-invalid).md-input-resized .md-input {
  border-color: #01667d;
  border-color: RGB(var(--primary-500));
}
md-input-container:not(.md-input-invalid).md-input-focused label,
md-input-container:not(.md-input-invalid).md-input-focused md-icon {
  color: #01667d;
  color: RGB(var(--primary-500));
}
md-input-container:not(.md-input-invalid).md-input-focused.md-accent .md-input {
  border-color: #e91e63;
  border-color: RGB(var(--accent-500));
}
md-input-container:not(.md-input-invalid).md-input-focused.md-accent label,
md-input-container:not(.md-input-invalid).md-input-focused.md-accent md-icon {
  color: #e91e63;
  color: RGB(var(--accent-500));
}
md-input-container:not(.md-input-invalid).md-input-focused.md-warn .md-input {
  border-color: #ff6668;
  border-color: RGB(var(--warn-A700));
}
md-input-container:not(.md-input-invalid).md-input-focused.md-warn label,
md-input-container:not(.md-input-invalid).md-input-focused.md-warn md-icon {
  color: #ff6668;
  color: RGB(var(--warn-A700));
}
md-input-container.md-input-invalid .md-input {
  border-color: #ff6668;
  border-color: RGB(var(--warn-A700));
}
md-input-container.md-input-invalid label,
md-input-container.md-input-invalid .md-input-message-animation,
md-input-container.md-input-invalid .md-char-counter {
  color: #ff6668;
  color: RGB(var(--warn-A700));
}
md-input-container .md-input[disabled], [disabled] md-input-container .md-input {
  border-bottom-color: transparent;
  color: rgba(0, 0, 0, 0.38);
  color: var(--foreground-3);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.38) 33%, transparent 0%);
  background-image: linear-gradient(to right, var(--foreground-3) 0%, var(--foreground-3) 33%, transparent 0%);
  background-image: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.38) 100%);
  background-image: -ms-linear-gradient(left, transparent 0%, var(--foreground-3) 100%);
}

md-list {
  display: block;
  padding: 8px 0px 8px 0px;
}
md-list .md-subheader {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.2em;
}
md-list.md-dense md-list-item,
md-list.md-dense md-list-item .md-list-item-inner {
  min-height: 48px;
}
md-list.md-dense md-list-item::before,
md-list.md-dense md-list-item .md-list-item-inner::before {
  content: "";
  min-height: 48px;
  visibility: hidden;
  display: inline-block;
}
md-list.md-dense md-list-item md-icon:first-child,
md-list.md-dense md-list-item .md-list-item-inner md-icon:first-child {
  width: 20px;
  height: 20px;
}
md-list.md-dense md-list-item > md-icon:first-child:not(.md-avatar-icon),
md-list.md-dense md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-right: 36px;
}
[dir=rtl] md-list.md-dense md-list-item > md-icon:first-child:not(.md-avatar-icon),
[dir=rtl] md-list.md-dense md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-right: auto;
  margin-left: 36px;
}
md-list.md-dense md-list-item .md-avatar, md-list.md-dense md-list-item .md-avatar-icon,
md-list.md-dense md-list-item .md-list-item-inner .md-avatar,
md-list.md-dense md-list-item .md-list-item-inner .md-avatar-icon {
  margin-right: 20px;
}
[dir=rtl] md-list.md-dense md-list-item .md-avatar, [dir=rtl] md-list.md-dense md-list-item .md-avatar-icon,
[dir=rtl] md-list.md-dense md-list-item .md-list-item-inner .md-avatar,
[dir=rtl] md-list.md-dense md-list-item .md-list-item-inner .md-avatar-icon {
  margin-right: auto;
  margin-left: 20px;
}
md-list.md-dense md-list-item .md-avatar,
md-list.md-dense md-list-item .md-list-item-inner .md-avatar {
  flex: none;
  width: 36px;
  height: 36px;
}
md-list.md-dense md-list-item.md-2-line .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-3-line .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
  margin-left: 56px;
}
[dir=rtl] md-list.md-dense md-list-item.md-2-line .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense md-list-item.md-3-line .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
  margin-left: auto;
  margin-right: 56px;
}
md-list.md-dense md-list-item.md-2-line .md-list-item-text h3,
md-list.md-dense md-list-item.md-2-line .md-list-item-text h4,
md-list.md-dense md-list-item.md-2-line .md-list-item-text p, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h3,
md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h4,
md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list.md-dense md-list-item.md-3-line .md-list-item-text h3,
md-list.md-dense md-list-item.md-3-line .md-list-item-text h4,
md-list.md-dense md-list-item.md-3-line .md-list-item-text p, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h3,
md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h4,
md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text p {
  line-height: 1.05;
  font-size: 12px;
}
md-list.md-dense md-list-item.md-2-line .md-list-item-text h3, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
  font-size: 13px;
}
md-list.md-dense md-list-item.md-2-line, md-list.md-dense md-list-item.md-2-line > .md-no-style {
  min-height: 60px;
}
md-list.md-dense md-list-item.md-2-line::before, md-list.md-dense md-list-item.md-2-line > .md-no-style::before {
  content: "";
  min-height: 60px;
  visibility: hidden;
  display: inline-block;
}
md-list.md-dense md-list-item.md-2-line > .md-avatar, md-list.md-dense md-list-item.md-2-line .md-avatar-icon, md-list.md-dense md-list-item.md-2-line > .md-no-style > .md-avatar, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-avatar-icon {
  margin-top: 12px;
}
md-list.md-dense md-list-item.md-3-line, md-list.md-dense md-list-item.md-3-line > .md-no-style {
  min-height: 76px;
}
md-list.md-dense md-list-item.md-3-line::before, md-list.md-dense md-list-item.md-3-line > .md-no-style::before {
  content: "";
  min-height: 76px;
  visibility: hidden;
  display: inline-block;
}
md-list.md-dense md-list-item.md-3-line > md-icon:first-child,
md-list.md-dense md-list-item.md-3-line > .md-avatar, md-list.md-dense md-list-item.md-3-line > .md-no-style > md-icon:first-child,
md-list.md-dense md-list-item.md-3-line > .md-no-style > .md-avatar {
  margin-top: 16px;
}

md-list-item {
  position: relative;
}
md-list-item.md-proxy-focus.md-focused .md-no-style {
  transition: background-color 0.15s linear;
}
md-list-item._md-button-wrap {
  position: relative;
}
md-list-item._md-button-wrap > div.md-button:first-child {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 16px;
  margin: 0;
  font-weight: 400;
  text-align: left;
}
[dir=rtl] md-list-item._md-button-wrap > div.md-button:first-child {
  text-align: right;
}
md-list-item._md-button-wrap > div.md-button:first-child {
  border: medium none;
}
md-list-item._md-button-wrap > div.md-button:first-child > .md-button:first-child {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  margin: 0;
  padding: 0;
}
md-list-item._md-button-wrap > div.md-button:first-child .md-list-item-inner {
  width: 100%;
}
md-list-item._md-button-wrap > div.md-button:first-child .md-list-item-inner::before {
  content: "";
  min-height: inherit;
  visibility: hidden;
  display: inline-block;
}
md-list-item.md-no-proxy,
md-list-item .md-no-style {
  position: relative;
  padding: 0px 16px;
  flex: 1 1 auto;
}
md-list-item.md-no-proxy.md-button,
md-list-item .md-no-style.md-button {
  font-size: inherit;
  height: inherit;
  text-align: left;
}
[dir=rtl] md-list-item.md-no-proxy.md-button,
[dir=rtl] md-list-item .md-no-style.md-button {
  text-align: right;
}
md-list-item.md-no-proxy.md-button,
md-list-item .md-no-style.md-button {
  text-transform: none;
  width: 100%;
  white-space: normal;
  flex-direction: inherit;
  align-items: inherit;
  border-radius: 0;
  margin: 0;
}
md-list-item.md-no-proxy.md-button > .md-ripple-container,
md-list-item .md-no-style.md-button > .md-ripple-container {
  border-radius: 0;
}
md-list-item.md-no-proxy:focus,
md-list-item .md-no-style:focus {
  outline: none;
}
md-list-item.md-clickable:hover {
  cursor: pointer;
}
md-list-item md-divider {
  position: absolute;
  bottom: 0;
  left: 0;
}
[dir=rtl] md-list-item md-divider {
  left: auto;
  right: 0;
}
md-list-item md-divider {
  width: 100%;
}
md-list-item md-divider[md-inset] {
  left: 72px;
}
[dir=rtl] md-list-item md-divider[md-inset] {
  left: auto;
  right: 72px;
}
md-list-item md-divider[md-inset] {
  width: calc(100% - 72px);
  margin: 0 !important;
}
md-list-item,
md-list-item .md-list-item-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 48px;
}
md-list-item::before,
md-list-item .md-list-item-inner::before {
  content: "";
  min-height: 48px;
  visibility: hidden;
  display: inline-block;
}
md-list-item,
md-list-item .md-list-item-inner {
  height: auto;
}
md-list-item > div.md-primary > md-icon:not(.md-avatar-icon), md-list-item > div.md-secondary > md-icon:not(.md-avatar-icon), md-list-item > md-icon:first-child:not(.md-avatar-icon),
md-list-item > md-icon.md-secondary:not(.md-avatar-icon),
md-list-item .md-list-item-inner > div.md-primary > md-icon:not(.md-avatar-icon),
md-list-item .md-list-item-inner > div.md-secondary > md-icon:not(.md-avatar-icon),
md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon),
md-list-item .md-list-item-inner > md-icon.md-secondary:not(.md-avatar-icon) {
  width: 24px;
  margin-top: 16px;
  margin-bottom: 12px;
  box-sizing: content-box;
}
md-list-item > div.md-primary > md-checkbox, md-list-item > div.md-secondary > md-checkbox, md-list-item > md-checkbox,
md-list-item md-checkbox.md-secondary,
md-list-item .md-list-item-inner > div.md-primary > md-checkbox,
md-list-item .md-list-item-inner > div.md-secondary > md-checkbox,
md-list-item .md-list-item-inner > md-checkbox,
md-list-item .md-list-item-inner md-checkbox.md-secondary {
  align-self: center;
}
md-list-item > div.md-primary > md-checkbox .md-label, md-list-item > div.md-secondary > md-checkbox .md-label, md-list-item > md-checkbox .md-label,
md-list-item md-checkbox.md-secondary .md-label,
md-list-item .md-list-item-inner > div.md-primary > md-checkbox .md-label,
md-list-item .md-list-item-inner > div.md-secondary > md-checkbox .md-label,
md-list-item .md-list-item-inner > md-checkbox .md-label,
md-list-item .md-list-item-inner md-checkbox.md-secondary .md-label {
  display: none;
}
md-list-item > md-icon:first-child:not(.md-avatar-icon),
md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-right: 32px;
}
[dir=rtl] md-list-item > md-icon:first-child:not(.md-avatar-icon),
[dir=rtl] md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-right: auto;
  margin-left: 32px;
}
md-list-item .md-avatar, md-list-item .md-avatar-icon,
md-list-item .md-list-item-inner .md-avatar,
md-list-item .md-list-item-inner .md-avatar-icon {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 16px;
}
[dir=rtl] md-list-item .md-avatar, [dir=rtl] md-list-item .md-avatar-icon,
[dir=rtl] md-list-item .md-list-item-inner .md-avatar,
[dir=rtl] md-list-item .md-list-item-inner .md-avatar-icon {
  margin-right: auto;
  margin-left: 16px;
}
md-list-item .md-avatar, md-list-item .md-avatar-icon,
md-list-item .md-list-item-inner .md-avatar,
md-list-item .md-list-item-inner .md-avatar-icon {
  border-radius: 50%;
  box-sizing: content-box;
}
md-list-item .md-avatar,
md-list-item .md-list-item-inner .md-avatar {
  flex: none;
  width: 40px;
  height: 40px;
}
md-list-item .md-avatar-icon,
md-list-item .md-list-item-inner .md-avatar-icon {
  padding: 8px;
}
md-list-item .md-avatar-icon svg,
md-list-item .md-list-item-inner .md-avatar-icon svg {
  width: 24px;
  height: 24px;
}
md-list-item > md-checkbox,
md-list-item .md-list-item-inner > md-checkbox {
  width: 24px;
  margin-left: 3px;
}
[dir=rtl] md-list-item > md-checkbox,
[dir=rtl] md-list-item .md-list-item-inner > md-checkbox {
  margin-left: 29px;
}
md-list-item > md-checkbox,
md-list-item .md-list-item-inner > md-checkbox {
  margin-right: 29px;
}
[dir=rtl] md-list-item > md-checkbox,
[dir=rtl] md-list-item .md-list-item-inner > md-checkbox {
  margin-right: 3px;
}
md-list-item > md-checkbox,
md-list-item .md-list-item-inner > md-checkbox {
  margin-top: 16px;
}
md-list-item .md-secondary-container,
md-list-item .md-list-item-inner .md-secondary-container {
  display: flex;
  align-items: center;
  position: relative;
  flex-shrink: 0;
  margin: auto;
  margin-right: 0;
}
[dir=rtl] md-list-item .md-secondary-container,
[dir=rtl] md-list-item .md-list-item-inner .md-secondary-container {
  margin-right: auto;
}
md-list-item .md-secondary-container,
md-list-item .md-list-item-inner .md-secondary-container {
  margin-left: auto;
}
[dir=rtl] md-list-item .md-secondary-container,
[dir=rtl] md-list-item .md-list-item-inner .md-secondary-container {
  margin-left: 0;
}
md-list-item .md-secondary-container .md-button:last-of-type, md-list-item .md-secondary-container .md-icon-button:last-of-type,
md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type,
md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {
  margin-right: 0;
}
[dir=rtl] md-list-item .md-secondary-container .md-button:last-of-type, [dir=rtl] md-list-item .md-secondary-container .md-icon-button:last-of-type,
[dir=rtl] md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type,
[dir=rtl] md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {
  margin-right: auto;
  margin-left: 0;
}
md-list-item .md-secondary-container md-checkbox,
md-list-item .md-list-item-inner .md-secondary-container md-checkbox {
  margin-top: 0;
  margin-bottom: 0;
}
md-list-item .md-secondary-container md-checkbox:last-child,
md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
  width: 24px;
  margin-right: 0;
}
[dir=rtl] md-list-item .md-secondary-container md-checkbox:last-child,
[dir=rtl] md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
  margin-right: auto;
  margin-left: 0;
}
md-list-item .md-secondary-container md-switch,
md-list-item .md-list-item-inner .md-secondary-container md-switch {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: -6px;
}
[dir=rtl] md-list-item .md-secondary-container md-switch,
[dir=rtl] md-list-item .md-list-item-inner .md-secondary-container md-switch {
  margin-right: auto;
  margin-left: -6px;
}
md-list-item > p, md-list-item > .md-list-item-inner > p,
md-list-item .md-list-item-inner > p,
md-list-item .md-list-item-inner > .md-list-item-inner > p {
  flex: 1 1 auto;
  margin: 0;
}
md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style, md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {
  align-items: flex-start;
  justify-content: center;
}
md-list-item.md-2-line.md-long-text, md-list-item.md-2-line > .md-no-style.md-long-text, md-list-item.md-3-line.md-long-text, md-list-item.md-3-line > .md-no-style.md-long-text {
  margin-top: 8px;
  margin-bottom: 8px;
}
md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text, md-list-item.md-3-line .md-list-item-text, md-list-item.md-3-line > .md-no-style .md-list-item-text {
  flex: 1 1 auto;
  margin: auto;
  text-overflow: ellipsis;
  overflow: hidden;
}
md-list-item.md-2-line .md-list-item-text.md-offset, md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list-item.md-3-line .md-list-item-text.md-offset, md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
  margin-left: 56px;
}
[dir=rtl] md-list-item.md-2-line .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-3-line .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
  margin-left: auto;
  margin-right: 56px;
}
md-list-item.md-2-line .md-list-item-text h3, md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list-item.md-3-line .md-list-item-text h3, md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.01em;
  margin: 0 0 0px 0;
  line-height: 1.2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
md-list-item.md-2-line .md-list-item-text h4, md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list-item.md-3-line .md-list-item-text h4, md-list-item.md-3-line > .md-no-style .md-list-item-text h4 {
  font-size: 14px;
  letter-spacing: 0.01em;
  margin: 3px 0 1px 0;
  font-weight: 400;
  line-height: 1.2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
md-list-item.md-2-line .md-list-item-text p, md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list-item.md-3-line .md-list-item-text p, md-list-item.md-3-line > .md-no-style .md-list-item-text p {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  margin: 0 0 0 0;
  line-height: 1.6em;
}
md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style {
  height: auto;
  min-height: 72px;
}
md-list-item.md-2-line::before, md-list-item.md-2-line > .md-no-style::before {
  content: "";
  min-height: 72px;
  visibility: hidden;
  display: inline-block;
}
md-list-item.md-2-line > .md-avatar, md-list-item.md-2-line .md-avatar-icon, md-list-item.md-2-line > .md-no-style > .md-avatar, md-list-item.md-2-line > .md-no-style .md-avatar-icon {
  margin-top: 12px;
}
md-list-item.md-2-line > md-icon:first-child, md-list-item.md-2-line > .md-no-style > md-icon:first-child {
  align-self: flex-start;
}
md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text {
  flex: 1 1 auto;
}
md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {
  height: auto;
  min-height: 88px;
}
md-list-item.md-3-line::before, md-list-item.md-3-line > .md-no-style::before {
  content: "";
  min-height: 88px;
  visibility: hidden;
  display: inline-block;
}
md-list-item.md-3-line > md-icon:first-child,
md-list-item.md-3-line > .md-avatar, md-list-item.md-3-line > .md-no-style > md-icon:first-child,
md-list-item.md-3-line > .md-no-style > .md-avatar {
  margin-top: 16px;
}

md-list md-list-item.md-2-line .md-list-item-text h3, md-list md-list-item.md-2-line .md-list-item-text h4,
md-list md-list-item.md-3-line .md-list-item-text h3,
md-list md-list-item.md-3-line .md-list-item-text h4 {
  color: rgba(0, 0, 0, 0.87);
  color: var(--foreground-1);
}
md-list md-list-item.md-2-line .md-list-item-text p,
md-list md-list-item.md-3-line .md-list-item-text p {
  color: rgba(0, 0, 0, 0.54);
  color: var(--foreground-2);
}
md-list .md-proxy-focus.md-focused div.md-no-style {
  background-color: #f5f5f5;
  background-color: RGB(var(--background-100));
}
md-list md-list-item .md-avatar-icon {
  background-color: rgba(0, 0, 0, 0.38);
  background-color: var(--foreground-3);
  color: #fafafa;
  color: RGB(var(--background-50));
}
md-list md-list-item > md-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--foreground-2);
}
md-list md-list-item > md-icon.md-highlight {
  color: #01667d;
  color: RGB(var(--primary-500));
}
md-list md-list-item > md-icon.md-highlight.md-accent {
  color: #e91e63;
  color: RGB(var(--accent-500));
}

@keyframes indeterminate-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
md-progress-circular {
  position: relative;
  display: block;
}
md-progress-circular._md-progress-circular-disabled {
  visibility: hidden;
}
md-progress-circular.md-mode-indeterminate svg {
  animation: indeterminate-rotate 1568.63ms linear infinite;
}
md-progress-circular svg {
  position: absolute;
  overflow: visible;
  top: 0;
  left: 0;
}

md-progress-circular path {
  stroke: #01667d;
  stroke: RGB(var(--primary-500));
}
md-progress-circular.md-warn path {
  stroke: #d51f27;
  stroke: RGB(var(--warn-500));
}
md-progress-circular.md-accent path {
  stroke: #e91e63;
  stroke: RGB(var(--accent-500));
}

md-progress-linear {
  display: block;
  position: relative;
  width: 100%;
  height: 5px;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}
md-progress-linear._md-progress-linear-disabled {
  visibility: hidden;
}
md-progress-linear .md-container {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 5px;
  transform: translate(0, 0) scale(1, 1);
}
md-progress-linear .md-container .md-bar {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
}
md-progress-linear .md-container .md-dashed:before {
  content: "";
  display: none;
  position: absolute;
  margin-top: 0;
  height: 5px;
  width: 100%;
  background-color: transparent;
  background-size: 10px 10px !important;
  background-position: 0px -23px;
}
md-progress-linear .md-container .md-bar1, md-progress-linear .md-container .md-bar2 {
  transition: transform 0.2s linear;
}
md-progress-linear .md-container.md-mode-query .md-bar1 {
  display: none;
}
md-progress-linear .md-container.md-mode-query .md-bar2 {
  transition: all 0.2s linear;
  animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
}
md-progress-linear .md-container.md-mode-determinate .md-bar1 {
  display: none;
}
md-progress-linear .md-container.md-mode-indeterminate .md-bar1 {
  animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite;
}
md-progress-linear .md-container.md-mode-indeterminate .md-bar2 {
  animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite;
}
md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container {
  animation: none;
}
md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar1 {
  animation-name: none;
}
md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar2 {
  animation-name: none;
}
md-progress-linear .md-container.md-mode-buffer {
  background-color: transparent !important;
  transition: all 0.2s linear;
}
md-progress-linear .md-container.md-mode-buffer .md-dashed:before {
  display: block;
  animation: buffer 3s infinite linear;
}

@keyframes query {
  0% {
    opacity: 1;
    transform: translateX(35%) scale(0.3, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0, 1);
  }
}
@keyframes buffer {
  0% {
    opacity: 1;
    background-position: 0px -23px;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    background-position: -200px -23px;
  }
}
@keyframes md-progress-linear-indeterminate-scale-1 {
  0% {
    transform: scaleX(0.1);
    animation-timing-function: linear;
  }
  36.6% {
    transform: scaleX(0.1);
    animation-timing-function: cubic-bezier(0.334731432, 0.124819821, 0.785843996, 1);
  }
  69.15% {
    transform: scaleX(0.83);
    animation-timing-function: cubic-bezier(0.225732004, 0, 0.233648906, 1.3709798);
  }
  100% {
    transform: scaleX(0.1);
  }
}
@keyframes md-progress-linear-indeterminate-1 {
  0% {
    left: -105.1666666667%;
    animation-timing-function: linear;
  }
  20% {
    left: -105.1666666667%;
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495818703);
  }
  69.15% {
    left: 21.5%;
    animation-timing-function: cubic-bezier(0.302435, 0.38135197, 0.55, 0.956352125);
  }
  100% {
    left: 95.4444444444%;
  }
}
@keyframes md-progress-linear-indeterminate-scale-2 {
  0% {
    transform: scaleX(0.1);
    animation-timing-function: cubic-bezier(0.205028172, 0.057050836, 0.57660995, 0.453970841);
  }
  19.15% {
    transform: scaleX(0.57);
    animation-timing-function: cubic-bezier(0.152312994, 0.196431957, 0.648373778, 1.00431535);
  }
  44.15% {
    transform: scaleX(0.91);
    animation-timing-function: cubic-bezier(0.25775882, -0.003163357, 0.211761916, 1.38178961);
  }
  100% {
    transform: scaleX(0.1);
  }
}
@keyframes md-progress-linear-indeterminate-2 {
  0% {
    left: -54.8888888889%;
    animation-timing-function: cubic-bezier(0.15, 0, 0.5150584, 0.409684966);
  }
  25% {
    left: -17.25%;
    animation-timing-function: cubic-bezier(0.3103299, 0.284057684, 0.8, 0.733718979);
  }
  48.35% {
    left: 29.5%;
    animation-timing-function: cubic-bezier(0.4, 0.627034903, 0.6, 0.902025796);
  }
  100% {
    left: 117.3888888889%;
  }
}
md-progress-linear .md-container {
  background-color: #b3d1d8;
  background-color: RGB(var(--primary-100));
}
md-progress-linear .md-bar {
  background-color: #01667d;
  background-color: RGB(var(--primary-500));
}
md-progress-linear.md-warn .md-container {
  background-color: #f2bcbe;
  background-color: RGB(var(--warn-100));
}
md-progress-linear.md-warn .md-bar {
  background-color: #d51f27;
  background-color: RGB(var(--warn-500));
}
md-progress-linear.md-accent .md-container {
  background-color: #f8bbd0;
  background-color: RGB(var(--accent-100));
}
md-progress-linear.md-accent .md-bar {
  background-color: #e91e63;
  background-color: RGB(var(--accent-500));
}
md-progress-linear[md-mode=buffer].md-primary .md-bar1 {
  background-color: #b3d1d8;
  background-color: RGB(var(--primary-100));
}
md-progress-linear[md-mode=buffer].md-primary .md-dashed:before {
  background: radial-gradient(#b3d1d8 0%, #b3d1d8 16%, transparent 42%);
  background: radial-gradient(RGB(var(--primary-100)) 0%, RGB(var(--primary-100)) 16%, transparent 42%);
}
md-progress-linear[md-mode=buffer].md-warn .md-bar1 {
  background-color: #f2bcbe;
  background-color: RGB(var(--warn-100));
}
md-progress-linear[md-mode=buffer].md-warn .md-dashed:before {
  background: radial-gradient(#f2bcbe 0%, #f2bcbe 16%, transparent 42%);
  background: radial-gradient(RGB(var(--warn-100)) 0%, RGB(var(--warn-100)) 16%, transparent 42%);
}
md-progress-linear[md-mode=buffer].md-accent .md-bar1 {
  background-color: #f8bbd0;
  background-color: RGB(var(--accent-100));
}
md-progress-linear[md-mode=buffer].md-accent .md-dashed:before {
  background: radial-gradient(#f8bbd0 0%, #f8bbd0 16%, transparent 42%);
  background: radial-gradient(RGB(var(--accent-100)) 0%, RGB(var(--accent-100)) 16%, transparent 42%);
}

md-radio-button {
  box-sizing: border-box;
  display: block;
  margin-bottom: 16px;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
}
md-radio-button[disabled] {
  cursor: default;
}
md-radio-button[disabled] .md-container {
  cursor: default;
}
md-radio-button .md-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  left: 0;
}
[dir=rtl] md-radio-button .md-container {
  left: auto;
}
md-radio-button .md-container {
  right: auto;
}
[dir=rtl] md-radio-button .md-container {
  right: 0;
}
md-radio-button .md-container .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -15px;
  top: -15px;
  right: -15px;
  bottom: -15px;
}
md-radio-button .md-container:before {
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 50%;
  content: "";
  position: absolute;
  display: block;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s;
  width: auto;
}
md-radio-button.md-align-top-left > div.md-container {
  top: 12px;
}
md-radio-button .md-off {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  transition: border-color ease 0.28s;
}
md-radio-button .md-on {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: transform ease 0.28s;
  transform: scale(0);
}
md-radio-button.md-checked .md-on {
  transform: scale(0.5);
}
md-radio-button .md-label {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin-left: 30px;
}
[dir=rtl] md-radio-button .md-label {
  margin-left: 0;
}
md-radio-button .md-label {
  margin-right: 0;
}
[dir=rtl] md-radio-button .md-label {
  margin-right: 30px;
}
md-radio-button .md-label {
  vertical-align: middle;
  white-space: normal;
  pointer-events: none;
  width: auto;
}

md-radio-group {
  /** Layout adjustments for the radio group. */
}
md-radio-group.layout-column md-radio-button, md-radio-group.layout-xs-column md-radio-button, md-radio-group.layout-gt-xs-column md-radio-button, md-radio-group.layout-sm-column md-radio-button, md-radio-group.layout-gt-sm-column md-radio-button, md-radio-group.layout-md-column md-radio-button, md-radio-group.layout-gt-md-column md-radio-button, md-radio-group.layout-lg-column md-radio-button, md-radio-group.layout-gt-lg-column md-radio-button, md-radio-group.layout-xl-column md-radio-button {
  margin-bottom: 16px;
}
md-radio-group.layout-row md-radio-button, md-radio-group.layout-xs-row md-radio-button, md-radio-group.layout-gt-xs-row md-radio-button, md-radio-group.layout-sm-row md-radio-button, md-radio-group.layout-gt-sm-row md-radio-button, md-radio-group.layout-md-row md-radio-button, md-radio-group.layout-gt-md-row md-radio-button, md-radio-group.layout-lg-row md-radio-button, md-radio-group.layout-gt-lg-row md-radio-button, md-radio-group.layout-xl-row md-radio-button {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}
[dir=rtl] md-radio-group.layout-row md-radio-button, [dir=rtl] md-radio-group.layout-xs-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-xs-row md-radio-button, [dir=rtl] md-radio-group.layout-sm-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-sm-row md-radio-button, [dir=rtl] md-radio-group.layout-md-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-md-row md-radio-button, [dir=rtl] md-radio-group.layout-lg-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-lg-row md-radio-button, [dir=rtl] md-radio-group.layout-xl-row md-radio-button {
  margin-left: 16px;
}
md-radio-group.layout-row md-radio-button, md-radio-group.layout-xs-row md-radio-button, md-radio-group.layout-gt-xs-row md-radio-button, md-radio-group.layout-sm-row md-radio-button, md-radio-group.layout-gt-sm-row md-radio-button, md-radio-group.layout-md-row md-radio-button, md-radio-group.layout-gt-md-row md-radio-button, md-radio-group.layout-lg-row md-radio-button, md-radio-group.layout-gt-lg-row md-radio-button, md-radio-group.layout-xl-row md-radio-button {
  margin-right: 16px;
}
[dir=rtl] md-radio-group.layout-row md-radio-button, [dir=rtl] md-radio-group.layout-xs-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-xs-row md-radio-button, [dir=rtl] md-radio-group.layout-sm-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-sm-row md-radio-button, [dir=rtl] md-radio-group.layout-md-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-md-row md-radio-button, [dir=rtl] md-radio-group.layout-lg-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-lg-row md-radio-button, [dir=rtl] md-radio-group.layout-xl-row md-radio-button {
  margin-right: 0;
}
md-radio-group.layout-row md-radio-button:last-of-type, md-radio-group.layout-xs-row md-radio-button:last-of-type, md-radio-group.layout-gt-xs-row md-radio-button:last-of-type, md-radio-group.layout-sm-row md-radio-button:last-of-type, md-radio-group.layout-gt-sm-row md-radio-button:last-of-type, md-radio-group.layout-md-row md-radio-button:last-of-type, md-radio-group.layout-gt-md-row md-radio-button:last-of-type, md-radio-group.layout-lg-row md-radio-button:last-of-type, md-radio-group.layout-gt-lg-row md-radio-button:last-of-type, md-radio-group.layout-xl-row md-radio-button:last-of-type {
  margin-left: 0;
  margin-right: 0;
}
md-radio-group:focus {
  outline: none;
}
md-radio-group.md-focused.ng-not-empty .md-checked .md-container:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px;
}
md-radio-group.md-focused.ng-empty > md-radio-button:first-child .md-container:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px;
}
md-radio-group[disabled] md-radio-button {
  cursor: default;
}
md-radio-group[disabled] md-radio-button .md-container {
  cursor: default;
}

.md-inline-form md-radio-group {
  margin: 18px 0 19px;
}
.md-inline-form md-radio-group md-radio-button {
  display: inline-block;
  height: 30px;
  padding: 2px;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (-ms-high-contrast: active) {
  md-radio-button.md-default-theme .md-on {
    background-color: #fff;
  }
}
md-radio-button .md-off {
  border-color: rgba(0, 0, 0, 0.54);
  border-color: var(--foreground-2);
}
md-radio-button .md-on {
  background-color: rgba(233, 30, 99, 0.87);
  background-color: RGBA(var(--accent-500), 0.87);
}
md-radio-button.md-checked .md-off {
  border-color: rgba(233, 30, 99, 0.87);
  border-color: RGBA(var(--accent-500), 0.87);
}
md-radio-button.md-checked .md-ink-ripple {
  color: rgba(233, 30, 99, 0.87);
  color: RGBA(var(--accent-500), 0.87);
}
md-radio-button .md-container .md-ripple {
  color: #c51162;
  color: RGB(var(--accent-A700));
}

md-radio-group:not([disabled]) .md-primary .md-on, md-radio-group:not([disabled]).md-primary .md-on,
md-radio-button:not([disabled]) .md-primary .md-on,
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: rgba(1, 102, 125, 0.87);
  background-color: RGBA(var(--primary-500), 0.87);
}
md-radio-group:not([disabled]) .md-primary .md-checked .md-off, md-radio-group:not([disabled]) .md-primary.md-checked .md-off, md-radio-group:not([disabled]).md-primary .md-checked .md-off, md-radio-group:not([disabled]).md-primary.md-checked .md-off,
md-radio-button:not([disabled]) .md-primary .md-checked .md-off,
md-radio-button:not([disabled]) .md-primary.md-checked .md-off,
md-radio-button:not([disabled]).md-primary .md-checked .md-off,
md-radio-button:not([disabled]).md-primary.md-checked .md-off {
  border-color: rgba(1, 102, 125, 0.87);
  border-color: RGBA(var(--primary-500), 0.87);
}
md-radio-group:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-group:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-group:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-group:not([disabled]).md-primary.md-checked .md-ink-ripple,
md-radio-button:not([disabled]) .md-primary .md-checked .md-ink-ripple,
md-radio-button:not([disabled]) .md-primary.md-checked .md-ink-ripple,
md-radio-button:not([disabled]).md-primary .md-checked .md-ink-ripple,
md-radio-button:not([disabled]).md-primary.md-checked .md-ink-ripple {
  color: rgba(1, 102, 125, 0.87);
  color: RGBA(var(--primary-500), 0.87);
}
md-radio-group:not([disabled]) .md-primary .md-container .md-ripple, md-radio-group:not([disabled]).md-primary .md-container .md-ripple,
md-radio-button:not([disabled]) .md-primary .md-container .md-ripple,
md-radio-button:not([disabled]).md-primary .md-container .md-ripple {
  color: #015e75;
  color: RGB(var(--primary-600));
}
md-radio-group:not([disabled]) .md-warn .md-on, md-radio-group:not([disabled]).md-warn .md-on,
md-radio-button:not([disabled]) .md-warn .md-on,
md-radio-button:not([disabled]).md-warn .md-on {
  background-color: rgba(213, 31, 39, 0.87);
  background-color: RGBA(var(--warn-500), 0.87);
}
md-radio-group:not([disabled]) .md-warn .md-checked .md-off, md-radio-group:not([disabled]) .md-warn.md-checked .md-off, md-radio-group:not([disabled]).md-warn .md-checked .md-off, md-radio-group:not([disabled]).md-warn.md-checked .md-off,
md-radio-button:not([disabled]) .md-warn .md-checked .md-off,
md-radio-button:not([disabled]) .md-warn.md-checked .md-off,
md-radio-button:not([disabled]).md-warn .md-checked .md-off,
md-radio-button:not([disabled]).md-warn.md-checked .md-off {
  border-color: rgba(213, 31, 39, 0.87);
  border-color: RGBA(var(--warn-500), 0.87);
}
md-radio-group:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-group:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-group:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-group:not([disabled]).md-warn.md-checked .md-ink-ripple,
md-radio-button:not([disabled]) .md-warn .md-checked .md-ink-ripple,
md-radio-button:not([disabled]) .md-warn.md-checked .md-ink-ripple,
md-radio-button:not([disabled]).md-warn .md-checked .md-ink-ripple,
md-radio-button:not([disabled]).md-warn.md-checked .md-ink-ripple {
  color: rgba(213, 31, 39, 0.87);
  color: RGBA(var(--warn-500), 0.87);
}
md-radio-group:not([disabled]) .md-warn .md-container .md-ripple, md-radio-group:not([disabled]).md-warn .md-container .md-ripple,
md-radio-button:not([disabled]) .md-warn .md-container .md-ripple,
md-radio-button:not([disabled]).md-warn .md-container .md-ripple {
  color: #d01b23;
  color: RGB(var(--warn-600));
}
md-radio-group[disabled],
md-radio-button[disabled] {
  color: rgba(0, 0, 0, 0.38);
  color: var(--foreground-3);
}
md-radio-group[disabled] .md-container .md-off,
md-radio-button[disabled] .md-container .md-off {
  border-color: rgba(0, 0, 0, 0.38);
  border-color: var(--foreground-3);
}
md-radio-group[disabled] .md-container .md-on,
md-radio-button[disabled] .md-container .md-on {
  border-color: rgba(0, 0, 0, 0.38);
  border-color: var(--foreground-3);
}

md-radio-group .md-checked .md-ink-ripple {
  color: rgba(233, 30, 99, 0.26);
  color: RGBA(var(--accent-500), 0.26);
}
md-radio-group.md-primary .md-checked:not([disabled]) .md-ink-ripple, md-radio-group .md-checked:not([disabled]).md-primary .md-ink-ripple {
  color: rgba(1, 102, 125, 0.26);
  color: RGBA(var(--primary-500), 0.26);
}

md-radio-group.md-focused.ng-empty > md-radio-button:first-child .md-container:before {
  background-color: rgba(0, 0, 0, 0.26);
  background-color: var(--foreground-3);
}

md-radio-group.md-focused:not(:empty) .md-checked .md-container:before {
  background-color: rgba(233, 30, 99, 0.26);
  background-color: RGBA(var(--accent-500), 0.26);
}
md-radio-group.md-focused:not(:empty).md-primary .md-checked .md-container:before,
md-radio-group.md-focused:not(:empty) .md-checked.md-primary .md-container:before {
  background-color: rgba(1, 102, 125, 0.26);
  background-color: RGBA(var(--primary-500), 0.26);
}
md-radio-group.md-focused:not(:empty).md-warn .md-checked .md-container:before,
md-radio-group.md-focused:not(:empty) .md-checked.md-warn .md-container:before {
  background-color: rgba(213, 31, 39, 0.26);
  background-color: RGBA(var(--warn-500), 0.26);
}

md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform-origin: left top;
}
[dir=rtl] md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
  transform-origin: right top;
}
md-input-container.md-input-focused:not([md-no-float]) .md-select-placeholder span:first-child {
  transform: translateY(-22px) translateX(-2px) scale(0.75);
}

.md-select-menu-container {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 90;
  opacity: 0;
  display: none;
  transform: translateY(-1px);
}
.md-select-menu-container:not(.md-clickable) {
  pointer-events: none;
}
.md-select-menu-container md-progress-circular {
  display: table;
  margin: 24px auto !important;
}
.md-select-menu-container.md-active {
  display: block;
  opacity: 1;
}
.md-select-menu-container.md-active md-select-menu {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration: 150ms;
}
.md-select-menu-container.md-active md-select-menu > * {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 150ms;
  transition-delay: 100ms;
}
.md-select-menu-container.md-leave {
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 250ms;
}

md-input-container > md-select {
  margin: 0;
  order: 2;
}

md-input-container:not(.md-input-has-value) md-select[required]:not(.md-no-asterisk) .md-select-value span:first-child:after, md-input-container:not(.md-input-has-value) md-select.ng-required:not(.md-no-asterisk) .md-select-value span:first-child:after {
  content: " *";
  font-size: 13px;
  vertical-align: top;
}

md-input-container.md-input-invalid md-select .md-select-value {
  border-bottom-style: solid;
  padding-bottom: 1px;
}

md-select {
  display: flex;
  margin: 20px 0 26px 0;
}
md-select[required].ng-empty.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after, md-select.ng-required.ng-empty.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after {
  content: " *";
  font-size: 13px;
  vertical-align: top;
}
md-select[disabled] .md-select-value {
  background-position: 0 bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
  margin-bottom: -1px;
}
md-select:focus {
  outline: none;
}
md-select[disabled]:hover {
  cursor: default;
}
md-select:not([disabled]):hover {
  cursor: pointer;
}
md-select:not([disabled]).ng-invalid.ng-touched .md-select-value {
  border-bottom-style: solid;
  padding-bottom: 1px;
}
md-select:not([disabled]):focus .md-select-value {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  padding-bottom: 0;
}
md-select:not([disabled]):focus.ng-invalid.ng-touched .md-select-value {
  padding-bottom: 0;
}

md-input-container.md-input-has-value .md-select-value > span:not(.md-select-icon) {
  transform: translate3d(0, 1px, 0);
}

.md-select-value {
  display: flex;
  align-items: center;
  padding: 2px 2px 1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  box-sizing: content-box;
  min-width: 64px;
  min-height: 26px;
  flex-grow: 1;
}
.md-select-value > span:not(.md-select-icon) {
  max-width: 100%;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.md-select-value > span:not(.md-select-icon) .md-text {
  display: inline;
}
.md-select-value .md-select-icon {
  display: block;
  align-items: flex-end;
}
[dir=rtl] .md-select-value .md-select-icon {
  align-items: flex-start;
}
.md-select-value .md-select-icon {
  text-align: right;
}
[dir=rtl] .md-select-value .md-select-icon {
  text-align: left;
}
.md-select-value .md-select-icon {
  width: 24px;
  margin: 0 4px;
  transform: translate3d(0, -2px, 0);
  font-size: 1.2rem;
}
.md-select-value .md-select-icon:after {
  display: block;
  content: "▼";
  position: relative;
  top: 2px;
  speak: none;
  font-size: 13px;
  transform: scaleY(0.5) scaleX(1);
}
.md-select-value.md-select-placeholder {
  display: flex;
  order: 1;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 2px;
  z-index: 1;
}

md-select-menu {
  display: flex;
  flex-direction: column;
}
md-select-menu.md-reverse {
  flex-direction: column-reverse;
}
md-select-menu:not(.md-overflow) md-content {
  padding-top: 8px;
  padding-bottom: 8px;
}
md-select-menu {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  max-height: 256px;
  min-height: 48px;
  overflow-y: hidden;
  transform-origin: left top;
}
[dir=rtl] md-select-menu {
  transform-origin: right top;
}
md-select-menu {
  transform: scale(1);
}
md-select-menu md-content {
  min-width: 136px;
  min-height: 48px;
  max-height: 256px;
  overflow-y: auto;
}
md-select-menu > * {
  opacity: 0;
}

md-option {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
  transition: background 0.15s linear;
}
md-option[disabled] {
  cursor: default;
}
md-option:focus {
  outline: none;
}
md-option .md-text {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
md-option {
  padding: 0 16px 0 16px;
  height: 48px;
}

md-optgroup {
  display: block;
}
md-optgroup label {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  padding: 16px;
  font-weight: 500;
}
md-optgroup md-option {
  padding-left: 32px;
  padding-right: 32px;
}

@media screen and (-ms-high-contrast: active) {
  .md-select-backdrop {
    background-color: transparent;
  }
  md-select-menu {
    border: 1px solid #fff;
  }
}
md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-left: 40px;
}
[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-left: 16px;
}
md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-right: 16px;
}
[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-right: 40px;
}
md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: 0;
}
[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  left: auto;
}
md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  right: auto;
}
[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  right: 0;
}
md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:before {
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 50%;
  content: "";
  position: absolute;
  display: block;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s;
  width: auto;
}
md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}
md-select-menu[multiple] md-option.md-checkbox-enabled .md-container .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -15px;
  top: -15px;
  right: -15px;
  bottom: -15px;
}
md-select-menu[multiple] md-option.md-checkbox-enabled .md-icon {
  box-sizing: border-box;
  transition: 240ms;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
}
md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon {
  border-color: transparent;
}
md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after {
  box-sizing: border-box;
  transform: rotate(45deg);
  position: absolute;
  left: 4.6666666667px;
  top: 0.2222222222px;
  display: table;
  width: 6.6666666667px;
  height: 13.3333333333px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  content: "";
}
md-select-menu[multiple] md-option.md-checkbox-enabled[disabled] {
  cursor: default;
}
md-select-menu[multiple] md-option.md-checkbox-enabled.md-indeterminate .md-icon:after {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: table;
  width: 12px;
  height: 2px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  content: "";
}
md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-left: 10.6666666667px;
}
[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-left: auto;
}
md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-right: auto;
}
[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-right: 10.6666666667px;
}

md-input-container md-select .md-select-value span:first-child:after {
  color: #ff6668;
  color: RGB(var(--warn-A700));
}
md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select .md-select-value span:first-child:after {
  color: rgba(0, 0, 0, 0.38);
  color: var(--foreground-3);
}
md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value {
  color: #01667d;
  color: RGB(var(--primary-500));
}
md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value.md-select-placeholder {
  color: #01667d;
  color: RGB(var(--primary-500));
}
md-input-container.md-input-invalid md-select .md-select-value {
  color: #ff6668 !important;
  color: RGB(var(--warn-A700)) !important;
  border-bottom-color: #ff6668 !important;
  border-bottom-color: RGB(var(--warn-A700)) !important;
}
md-input-container.md-input-invalid md-select.md-no-underline .md-select-value {
  border-bottom-color: transparent !important;
}
md-input-container:not(.md-input-invalid).md-input-focused.md-accent .md-select-value {
  border-color: #e91e63;
  border-color: RGB(var(--accent-500));
}
md-input-container:not(.md-input-invalid).md-input-focused.md-accent .md-select-value span {
  color: #e91e63;
  color: RGB(var(--accent-500));
}
md-input-container:not(.md-input-invalid).md-input-focused.md-warn .md-select-value {
  border-color: #ff6668;
  border-color: RGB(var(--warn-A700));
}
md-input-container:not(.md-input-invalid).md-input-focused.md-warn .md-select-value span {
  color: #ff6668;
  color: RGB(var(--warn-A700));
}

md-select[disabled] .md-select-value {
  border-bottom-color: transparent;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.38) 33%, transparent 0%);
  background-image: linear-gradient(to right, var(--foreground-3) 0%, var(--foreground-3) 33%, transparent 0%);
  background-image: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.38) 100%);
  background-image: -ms-linear-gradient(left, transparent 0%, var(--foreground-3) 100%);
}
md-select .md-select-value {
  border-bottom-color: rgba(0, 0, 0, 0.12);
  border-bottom-color: var(--foreground-4);
}
md-select .md-select-value.md-select-placeholder {
  color: rgba(0, 0, 0, 0.38);
  color: var(--foreground-3);
}
md-select .md-select-value span:first-child:after {
  color: #ff6668;
  color: RGB(var(--warn-A700));
}
md-select.md-no-underline .md-select-value {
  border-bottom-color: transparent !important;
}
md-select.ng-invalid.ng-touched .md-select-value {
  color: #ff6668 !important;
  color: RGB(var(--warn-A700)) !important;
  border-bottom-color: #ff6668 !important;
  border-bottom-color: RGB(var(--warn-A700)) !important;
}
md-select.ng-invalid.ng-touched.md-no-underline .md-select-value {
  border-bottom-color: transparent !important;
}
md-select:not([disabled]):focus .md-select-value {
  border-bottom-color: #01667d;
  border-bottom-color: RGB(var(--primary-500));
  color: rgba(0, 0, 0, 0.87);
  color: var(--foreground-1);
}
md-select:not([disabled]):focus .md-select-value.md-select-placeholder {
  color: rgba(0, 0, 0, 0.87);
  color: var(--foreground-1);
}
md-select:not([disabled]):focus.md-no-underline .md-select-value {
  border-bottom-color: transparent !important;
}
md-select:not([disabled]):focus.md-accent .md-select-value {
  border-bottom-color: #e91e63;
  border-bottom-color: RGB(var(--accent-500));
}
md-select:not([disabled]):focus.md-warn .md-select-value {
  border-bottom-color: #d51f27;
  border-bottom-color: RGB(var(--warn-500));
}
md-select[disabled] .md-select-value {
  color: rgba(0, 0, 0, 0.38);
  color: var(--foreground-3);
}
md-select[disabled] .md-select-value.md-select-placeholder {
  color: rgba(0, 0, 0, 0.38);
  color: var(--foreground-3);
}
md-select[disabled] .md-select-icon {
  color: rgba(0, 0, 0, 0.38);
  color: var(--foreground-3);
}
md-select .md-select-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--foreground-2);
}

md-select-menu md-content {
  background-color: #ffffff;
  background-color: RGB(var(--background-A100));
}
md-select-menu md-content md-optgroup {
  color: rgba(0, 0, 0, 0.54);
  color: var(--foreground-2);
}
md-select-menu md-content md-option {
  color: rgba(0, 0, 0, 0.87);
  color: var(--foreground-1);
}
md-select-menu md-content md-option[disabled] .md-text {
  color: rgba(0, 0, 0, 0.38);
  color: var(--foreground-3);
}
md-select-menu md-content md-option:not([disabled]):focus, md-select-menu md-content md-option:not([disabled]):hover {
  background-color: rgba(158, 158, 158, 0.18);
  background-color: RGBA(var(--background-500), 0.18);
}
md-select-menu md-content md-option[selected] {
  color: #01667d;
  color: RGB(var(--primary-500));
}
md-select-menu md-content md-option[selected]:focus {
  color: #015e75;
  color: RGB(var(--primary-600));
}
md-select-menu md-content md-option[selected].md-accent {
  color: #e91e63;
  color: RGB(var(--accent-500));
}
md-select-menu md-content md-option[selected].md-accent:focus {
  color: #c51162;
  color: RGB(var(--accent-A700));
}

.md-checkbox-enabled .md-ripple {
  color: #015e75;
  color: RGB(var(--primary-600));
}
.md-checkbox-enabled[selected] .md-ripple {
  color: #757575;
  color: RGB(var(--background-600));
}
.md-checkbox-enabled .md-ink-ripple {
  color: rgba(0, 0, 0, 0.54);
  color: var(--foreground-2);
}
.md-checkbox-enabled[selected] .md-ink-ripple {
  color: rgba(1, 102, 125, 0.87);
  color: RGBA(var(--primary-500), 0.87);
}
.md-checkbox-enabled:not(.md-checked) .md-icon {
  border-color: rgba(0, 0, 0, 0.54);
  border-color: var(--foreground-2);
}
.md-checkbox-enabled[selected] .md-icon {
  background-color: rgba(1, 102, 125, 0.87);
  background-color: RGBA(var(--primary-500), 0.87);
}
.md-checkbox-enabled[selected].md-focused .md-container:before {
  background-color: rgba(1, 102, 125, 0.26);
  background-color: RGBA(var(--primary-500), 0.26);
}
.md-checkbox-enabled[selected] .md-icon:after {
  border-color: rgba(255, 255, 255, 0.87);
  border-color: RGBA(var(--primary-500-contrast), 0.87);
}
.md-checkbox-enabled .md-indeterminate[disabled] .md-container {
  color: rgba(0, 0, 0, 0.38);
  color: var(--foreground-3);
}
.md-checkbox-enabled md-option .md-text {
  color: rgba(0, 0, 0, 0.87);
  color: var(--foreground-1);
}

md-sidenav {
  box-sizing: border-box;
  position: absolute;
  flex-direction: column;
  z-index: 60;
  width: 320px;
  max-width: 320px;
  bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
md-sidenav ul {
  list-style: none;
}
md-sidenav.md-closed {
  display: none;
}
md-sidenav.md-closed-add, md-sidenav.md-closed-remove {
  display: flex;
  transition: 0.2s ease-in all;
}
md-sidenav.md-closed-add.md-closed-add-active, md-sidenav.md-closed-remove.md-closed-remove-active {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
md-sidenav.md-locked-open-add, md-sidenav.md-locked-open-remove {
  position: static;
  display: flex;
  transform: translate3d(0, 0, 0);
}
md-sidenav.md-locked-open, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-left, md-sidenav.md-locked-open.md-closed.md-sidenav-right {
  position: static;
  display: flex;
  transform: translate3d(0, 0, 0);
}
md-sidenav.md-locked-open-remove.md-closed {
  position: static;
  display: flex;
  transform: translate3d(0, 0, 0);
}
md-sidenav.md-closed.md-locked-open-add {
  position: static;
  display: flex;
  transform: translate3d(0%, 0, 0);
}
md-sidenav.md-closed.md-locked-open-add:not(.md-locked-open-add-active) {
  transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  width: 0 !important;
  min-width: 0 !important;
}
md-sidenav.md-closed.md-locked-open-add-active {
  transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
md-sidenav.md-locked-open-remove-active {
  transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  width: 0 !important;
  min-width: 0 !important;
}

.md-sidenav-backdrop.md-locked-open {
  display: none;
}

.md-sidenav-left, md-sidenav {
  left: 0;
  top: 0;
  transform: translate3d(0%, 0, 0);
}
.md-sidenav-left.md-closed, md-sidenav.md-closed {
  transform: translate3d(-100%, 0, 0);
}

.md-sidenav-right {
  left: 100%;
  top: 0;
  transform: translate(-100%, 0);
}
.md-sidenav-right.md-closed {
  transform: translate(0%, 0);
}

@media (min-width: 600px) {
  md-sidenav {
    max-width: 400px;
  }
}
@media (max-width: 456px) {
  md-sidenav {
    width: calc(100% - 56px);
    min-width: calc(100% - 56px);
    max-width: calc(100% - 56px);
  }
}
@media screen and (-ms-high-contrast: active) {
  .md-sidenav-left, md-sidenav {
    border-right: 1px solid #fff;
  }
  .md-sidenav-right {
    border-left: 1px solid #fff;
  }
}
md-sidenav, md-sidenav md-content {
  background-color: #ffffff;
  background-color: RGB(var(--background-A100));
}

@keyframes sliderFocusThumb {
  0% {
    transform: scale(0.7);
  }
  30% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.7);
  }
}
@keyframes sliderDiscreteFocusThumb {
  0% {
    transform: scale(0.7);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes sliderDiscreteFocusRing {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
  }
}
md-slider {
  height: 48px;
  min-width: 128px;
  position: relative;
  margin-left: 4px;
  margin-right: 4px;
  padding: 0;
  display: block;
  flex-direction: row;
}
md-slider *, md-slider *:after {
  box-sizing: border-box;
}
md-slider .md-slider-wrapper {
  outline: none;
  width: 100%;
  height: 100%;
}
md-slider .md-slider-content {
  position: relative;
}
md-slider {
  /**
   * Track
   */
}
md-slider .md-track-container {
  width: 100%;
  position: absolute;
  top: 23px;
  height: 2px;
}
md-slider .md-track {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
}
md-slider .md-track-fill {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: width, height;
}
md-slider .md-track-ticks {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
}
md-slider .md-track-ticks canvas {
  width: 100%;
  height: 100%;
}
md-slider {
  /**
   * Slider thumb
   */
}
md-slider .md-thumb-container {
  position: absolute;
  left: 0;
}
[dir=rtl] md-slider .md-thumb-container {
  left: auto;
  right: 0;
}
md-slider .md-thumb-container {
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: left, right, bottom;
}
md-slider .md-thumb {
  z-index: 1;
  position: absolute;
  left: -10px;
}
[dir=rtl] md-slider .md-thumb {
  left: auto;
  right: -10px;
}
md-slider .md-thumb {
  top: 14px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
}
md-slider .md-thumb:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border-width: 3px;
  border-style: solid;
  transition: inherit;
}
md-slider .md-thumb {
  transform: scale(0.7);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
md-slider {
  /* The sign that's focused in discrete mode */
}
md-slider .md-sign {
  /* Center the children (slider-thumb-text) */
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -14px;
  top: -17px;
  width: 28px;
  height: 28px;
  border-radius: 28px;
  transform: scale(0.4) translate3d(0, 67.5px, 0);
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  /* The arrow pointing down under the sign */
}
md-slider .md-sign:after {
  position: absolute;
  content: "";
  left: -0px;
}
[dir=rtl] md-slider .md-sign:after {
  left: auto;
  right: -0px;
}
md-slider .md-sign:after {
  border-radius: 16px;
  top: 19px;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top-width: 16px;
  border-top-style: solid;
  opacity: 0;
  transform: translate3d(0, -8px, 0);
  transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}
md-slider .md-sign .md-thumb-text {
  z-index: 1;
  font-size: 12px;
  font-weight: bold;
}
md-slider {
  /**
   * The border/background that comes in when focused in non-discrete mode
   */
}
md-slider .md-focus-ring {
  position: absolute;
  left: -17px;
}
[dir=rtl] md-slider .md-focus-ring {
  left: auto;
  right: -17px;
}
md-slider .md-focus-ring {
  top: 7px;
  width: 34px;
  height: 34px;
  border-radius: 34px;
  transform: scale(0.7);
  opacity: 0;
  transition: all 0.35s cubic-bezier(0.35, 0, 0.25, 1);
}
md-slider .md-disabled-thumb {
  position: absolute;
  left: -14px;
}
[dir=rtl] md-slider .md-disabled-thumb {
  left: auto;
  right: -14px;
}
md-slider .md-disabled-thumb {
  top: 10px;
  width: 28px;
  height: 28px;
  border-radius: 28px;
  transform: scale(0.5);
  border-width: 4px;
  border-style: solid;
  display: none;
}
md-slider.md-min .md-sign {
  opacity: 0;
}
md-slider:focus {
  outline: none;
}
md-slider {
  /* Don't animate left/right while panning */
}
md-slider.md-dragging .md-thumb-container,
md-slider.md-dragging .md-track-fill {
  transition: none;
}
md-slider:not([md-discrete]) {
  /* Hide the sign and ticks in non-discrete mode */
}
md-slider:not([md-discrete]) .md-track-ticks,
md-slider:not([md-discrete]) .md-sign {
  display: none;
}
md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper .md-thumb:hover {
  transform: scale(0.8);
}
md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring {
  transform: scale(1);
  opacity: 1;
}
md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-thumb {
  animation: sliderFocusThumb 0.7s cubic-bezier(0.35, 0, 0.25, 1);
}
md-slider:not([md-discrete]):not([disabled]).md-active .md-slider-wrapper .md-thumb {
  transform: scale(1);
}
md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring {
  transform: scale(0);
  animation: sliderDiscreteFocusRing 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}
md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb {
  animation: sliderDiscreteFocusThumb 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}
md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb, md-slider[md-discrete]:not([disabled]).md-active .md-thumb {
  transform: scale(0);
}
md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-sign,
md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-sign:after, md-slider[md-discrete]:not([disabled]).md-active .md-sign,
md-slider[md-discrete]:not([disabled]).md-active .md-sign:after {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
md-slider[md-discrete][disabled][readonly] .md-thumb {
  transform: scale(0);
}
md-slider[md-discrete][disabled][readonly] .md-sign,
md-slider[md-discrete][disabled][readonly] .md-sign:after {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
md-slider[disabled] .md-track-fill {
  display: none;
}
md-slider[disabled] .md-track-ticks {
  opacity: 0;
}
md-slider[disabled]:not([readonly]) .md-sign {
  opacity: 0;
}
md-slider[disabled] .md-thumb {
  transform: scale(0.5);
}
md-slider[disabled] .md-disabled-thumb {
  display: block;
}
md-slider[md-vertical] {
  flex-direction: column;
  min-height: 128px;
  min-width: 0;
}
md-slider[md-vertical] .md-slider-wrapper {
  flex: 1;
  padding-top: 12px;
  padding-bottom: 12px;
  width: 48px;
  align-self: center;
  display: flex;
  justify-content: center;
}
md-slider[md-vertical] .md-track-container {
  height: 100%;
  width: 2px;
  top: 0;
  left: calc(50% - 2px / 2);
}
md-slider[md-vertical] .md-thumb-container {
  top: auto;
  margin-bottom: 23px;
  left: calc(50% - 1px);
  bottom: 0;
}
md-slider[md-vertical] .md-thumb-container .md-thumb:after {
  left: 1px;
}
md-slider[md-vertical] .md-thumb-container .md-focus-ring {
  left: -16px;
}
md-slider[md-vertical] .md-track-fill {
  bottom: 0;
}
md-slider[md-vertical][md-discrete] .md-sign {
  left: -40px;
  top: 9.5px;
  transform: scale(0.4) translate3d(67.5px, 0, 0);
  /* The arrow pointing left next the sign */
}
md-slider[md-vertical][md-discrete] .md-sign:after {
  top: 9.5px;
  left: 19px;
  border-top: 14px solid transparent;
  border-right: 0;
  border-bottom: 14px solid transparent;
  border-left-width: 16px;
  border-left-style: solid;
  opacity: 0;
  transform: translate3d(0, -8px, 0);
  transition: all 0.2s ease-in-out;
}
md-slider[md-vertical][md-discrete] .md-sign .md-thumb-text {
  z-index: 1;
  font-size: 12px;
  font-weight: bold;
}
md-slider[md-vertical][md-discrete].md-active .md-sign:after,
md-slider[md-vertical][md-discrete] .md-focused .md-sign:after, md-slider[md-vertical][md-discrete][disabled][readonly] .md-sign:after {
  top: 0;
}
md-slider[md-vertical][disabled][readonly] .md-thumb {
  transform: scale(0);
}
md-slider[md-vertical][disabled][readonly] .md-sign,
md-slider[md-vertical][disabled][readonly] .md-sign:after {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
md-slider[md-invert]:not([md-vertical]) .md-track-fill {
  left: auto;
}
[dir=rtl] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
  left: 0;
}
md-slider[md-invert]:not([md-vertical]) .md-track-fill {
  right: 0;
}
[dir=rtl] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
  right: auto;
}
md-slider[md-invert][md-vertical] .md-track-fill {
  bottom: auto;
  top: 0;
}

md-slider-container {
  display: flex;
  align-items: center;
  flex-direction: row;
}
md-slider-container > *:first-child:not(md-slider), md-slider-container > *:last-child:not(md-slider) {
  min-width: 25px;
  max-width: 42px;
  height: 25px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: color, max-width;
}
md-slider-container > *:first-child:not(md-slider) {
  margin-right: 16px;
}
[dir=rtl] md-slider-container > *:first-child:not(md-slider) {
  margin-right: auto;
  margin-left: 16px;
}
md-slider-container > *:last-child:not(md-slider) {
  margin-left: 16px;
}
[dir=rtl] md-slider-container > *:last-child:not(md-slider) {
  margin-left: auto;
  margin-right: 16px;
}
md-slider-container[md-vertical] {
  flex-direction: column;
}
md-slider-container[md-vertical] > *:first-child:not(md-slider), md-slider-container[md-vertical] > *:last-child:not(md-slider) {
  margin-right: 0;
  margin-left: 0;
  text-align: center;
}
md-slider-container md-input-container input[type=number] {
  text-align: center;
  padding-left: 15px;
}
[dir=rtl] md-slider-container md-input-container input[type=number] {
  padding-left: 0;
  padding-right: 15px;
}
md-slider-container md-input-container input[type=number] {
  height: 50px;
  margin-top: -25px;
}

@media screen and (-ms-high-contrast: active) {
  md-slider.md-default-theme .md-track {
    border-bottom: 1px solid #fff;
  }
}
md-slider .md-track {
  background-color: rgba(0, 0, 0, 0.38);
  background-color: var(--foreground-3);
}
md-slider .md-track-ticks {
  color: rgba(0, 0, 0, 0.87);
  color: RGB(var(--background-50-contrast));
}
md-slider .md-focus-ring {
  background-color: rgba(255, 64, 129, 0.2);
  background-color: RGBA(var(--accent-A200), 0.2);
}
md-slider .md-disabled-thumb {
  border-color: #fafafa;
  border-color: RGB(var(--background-50));
  background-color: #fafafa;
  background-color: RGB(var(--background-50));
}
md-slider.md-min .md-thumb:after {
  background-color: #fafafa;
  background-color: RGB(var(--background-50));
  border-color: rgba(0, 0, 0, 0.38);
  border-color: var(--foreground-3);
}
md-slider.md-min .md-focus-ring {
  background-color: rgba(0, 0, 0, 0.38);
  background-color: var(--foreground-3);
}
md-slider.md-min[md-discrete] .md-thumb:after {
  background-color: rgba(0, 0, 0, 0.87);
  background-color: RGB(var(--background-50-contrast));
  border-color: transparent;
}
md-slider.md-min[md-discrete] .md-sign {
  background-color: #bdbdbd;
  background-color: RGB(var(--background-400));
}
md-slider.md-min[md-discrete] .md-sign:after {
  border-top-color: #bdbdbd;
  border-top-color: RGB(var(--background-400));
}
md-slider.md-min[md-discrete][md-vertical] .md-sign:after {
  border-top-color: transparent;
  border-left-color: #bdbdbd;
  border-left-color: RGB(var(--background-400));
}
md-slider .md-track.md-track-fill {
  background-color: #e91e63;
  background-color: RGB(var(--accent-500));
}
md-slider .md-thumb:after {
  border-color: #e91e63;
  border-color: RGB(var(--accent-500));
  background-color: #e91e63;
  background-color: RGB(var(--accent-500));
}
md-slider .md-sign {
  background-color: #e91e63;
  background-color: RGB(var(--accent-500));
}
md-slider .md-sign:after {
  border-top-color: #e91e63;
  border-top-color: RGB(var(--accent-500));
}
md-slider[md-vertical] .md-sign:after {
  border-top-color: transparent;
  border-left-color: #e91e63;
  border-left-color: RGB(var(--accent-500));
}
md-slider .md-thumb-text {
  color: rgb(255, 255, 255);
  color: RGB(var(--accent-500-contrast));
}
md-slider.md-warn .md-focus-ring {
  background-color: rgba(234, 143, 147, 0.38);
  background-color: RGBA(var(--warn-200), 0.38);
}
md-slider.md-warn .md-track.md-track-fill {
  background-color: #d51f27;
  background-color: RGB(var(--warn-500));
}
md-slider.md-warn .md-thumb:after {
  border-color: #d51f27;
  border-color: RGB(var(--warn-500));
  background-color: #d51f27;
  background-color: RGB(var(--warn-500));
}
md-slider.md-warn .md-sign {
  background-color: #d51f27;
  background-color: RGB(var(--warn-500));
}
md-slider.md-warn .md-sign:after {
  border-top-color: #d51f27;
  border-top-color: RGB(var(--warn-500));
}
md-slider.md-warn[md-vertical] .md-sign:after {
  border-top-color: transparent;
  border-left-color: #d51f27;
  border-left-color: RGB(var(--warn-500));
}
md-slider.md-warn .md-thumb-text {
  color: rgb(255, 255, 255);
  color: RGB(var(--warn-500-contrast));
}
md-slider.md-primary .md-focus-ring {
  background-color: rgba(128, 179, 190, 0.38);
  background-color: RGBA(var(--primary-200), 0.38);
}
md-slider.md-primary .md-track.md-track-fill {
  background-color: #01667d;
  background-color: RGB(var(--primary-500));
}
md-slider.md-primary .md-thumb:after {
  border-color: #01667d;
  border-color: RGB(var(--primary-500));
  background-color: #01667d;
  background-color: RGB(var(--primary-500));
}
md-slider.md-primary .md-sign {
  background-color: #01667d;
  background-color: RGB(var(--primary-500));
}
md-slider.md-primary .md-sign:after {
  border-top-color: #01667d;
  border-top-color: RGB(var(--primary-500));
}
md-slider.md-primary[md-vertical] .md-sign:after {
  border-top-color: transparent;
  border-left-color: #01667d;
  border-left-color: RGB(var(--primary-500));
}
md-slider.md-primary .md-thumb-text {
  color: rgb(255, 255, 255);
  color: RGB(var(--primary-500-contrast));
}
md-slider[disabled] .md-thumb:after {
  border-color: transparent;
}
md-slider[disabled]:not(.md-min) .md-thumb:after, md-slider[disabled][md-discrete] .md-thumb:after {
  background-color: rgba(0, 0, 0, 0.38);
  background-color: var(--foreground-3);
  border-color: transparent;
}
md-slider[disabled][readonly] .md-sign {
  background-color: #bdbdbd;
  background-color: RGB(var(--background-400));
}
md-slider[disabled][readonly] .md-sign:after {
  border-top-color: #bdbdbd;
  border-top-color: RGB(var(--background-400));
}
md-slider[disabled][readonly][md-vertical] .md-sign:after {
  border-top-color: transparent;
  border-left-color: #bdbdbd;
  border-left-color: RGB(var(--background-400));
}
md-slider[disabled][readonly] .md-disabled-thumb {
  border-color: transparent;
  background-color: transparent;
}

md-slider-container[disabled] > *:first-child:not(md-slider), md-slider-container[disabled] > *:last-child:not(md-slider) {
  color: rgba(0, 0, 0, 0.38);
  color: var(--foreground-3);
}

md-fab-speed-dial {
  position: relative;
  display: flex;
  align-items: center;
}
md-fab-speed-dial.md-fab-bottom-right {
  top: auto;
  right: 20px;
  bottom: 20px;
  left: auto;
  position: absolute;
}
md-fab-speed-dial.md-fab-bottom-left {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 20px;
  position: absolute;
}
md-fab-speed-dial.md-fab-top-right {
  top: 20px;
  right: 20px;
  bottom: auto;
  left: auto;
  position: absolute;
}
md-fab-speed-dial.md-fab-top-left {
  top: 20px;
  right: auto;
  bottom: auto;
  left: 20px;
  position: absolute;
}
md-fab-speed-dial {
  z-index: 20;
}
md-fab-speed-dial:not(.md-hover-full) {
  pointer-events: none;
}
md-fab-speed-dial:not(.md-hover-full) md-fab-trigger, md-fab-speed-dial:not(.md-hover-full) .md-fab-action-item {
  pointer-events: auto;
}
md-fab-speed-dial:not(.md-hover-full).md-is-open {
  pointer-events: auto;
}
md-fab-speed-dial ._md-css-variables {
  z-index: 20;
}
md-fab-speed-dial.md-is-open .md-fab-action-item {
  align-items: center;
}
md-fab-speed-dial md-fab-actions {
  display: flex;
  height: auto;
}
md-fab-speed-dial md-fab-actions .md-fab-action-item {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
md-fab-speed-dial.md-down {
  flex-direction: column;
}
md-fab-speed-dial.md-down md-fab-trigger {
  order: 1;
}
md-fab-speed-dial.md-down md-fab-actions {
  flex-direction: column;
  order: 2;
}
md-fab-speed-dial.md-up {
  flex-direction: column;
}
md-fab-speed-dial.md-up md-fab-trigger {
  order: 2;
}
md-fab-speed-dial.md-up md-fab-actions {
  flex-direction: column-reverse;
  order: 1;
}
md-fab-speed-dial.md-left {
  flex-direction: row;
}
md-fab-speed-dial.md-left md-fab-trigger {
  order: 2;
}
md-fab-speed-dial.md-left md-fab-actions {
  flex-direction: row-reverse;
  order: 1;
}
md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
md-fab-speed-dial.md-right {
  flex-direction: row;
}
md-fab-speed-dial.md-right md-fab-trigger {
  order: 1;
}
md-fab-speed-dial.md-right md-fab-actions {
  flex-direction: row;
  order: 2;
}
md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
md-fab-speed-dial {
  /*
   * Hide some graphics glitches if switching animation types
   */
}
md-fab-speed-dial.md-fling-remove .md-fab-action-item > *, md-fab-speed-dial.md-scale-remove .md-fab-action-item > * {
  visibility: hidden;
}
md-fab-speed-dial {
  /*
   * Handle the animations
   */
}
md-fab-speed-dial.md-fling .md-fab-action-item {
  opacity: 1;
}
md-fab-speed-dial.md-fling.md-animations-waiting .md-fab-action-item {
  opacity: 0;
  transition-duration: 0s;
}
md-fab-speed-dial.md-scale .md-fab-action-item {
  transform: scale(0);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 0.1428571429s;
}

@keyframes subheaderStickyHoverIn {
  0% {
    box-shadow: 0 0 0 0 transparent;
  }
  100% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16);
  }
}
@keyframes subheaderStickyHoverOut {
  0% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16);
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}
.md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader {
  margin: 0;
}
.md-subheader-wrapper:not(.md-sticky-no-effect) {
  transition: 0.2s ease-out margin;
}
.md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone {
  z-index: 2;
}
.md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state=active] {
  margin-top: -2px;
}
.md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state=active] .md-subheader-inner:after {
  animation: subheaderStickyHoverOut 0.3s ease-out both;
}

.md-subheader {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  margin: 0 0 0 0;
  position: relative;
}
.md-subheader .md-subheader-inner {
  display: block;
  padding: 16px;
}
.md-subheader .md-subheader-content {
  display: block;
  z-index: 1;
  position: relative;
}

.md-subheader {
  color: rgba(0, 0, 0, 0.23);
  color: var(--foreground-2);
  background-color: #fafafa;
  background-color: RGB(var(--background-50));
}
.md-subheader.md-primary {
  color: #01667d;
  color: RGB(var(--primary-500));
}
.md-subheader.md-accent {
  color: #e91e63;
  color: RGB(var(--accent-500));
}
.md-subheader.md-warn {
  color: #d51f27;
  color: RGB(var(--warn-500));
}

.md-inline-form md-switch {
  margin-top: 18px;
  margin-bottom: 19px;
}

md-switch {
  margin: 16px 0;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  user-select: none;
  height: 30px;
  line-height: 28px;
  align-items: center;
  display: flex;
  margin-left: inherit;
}
[dir=rtl] md-switch {
  margin-left: 16px;
}
md-switch {
  margin-right: 16px;
}
[dir=rtl] md-switch {
  margin-right: inherit;
}
md-switch:last-of-type {
  margin-left: inherit;
}
[dir=rtl] md-switch:last-of-type {
  margin-left: 0;
}
md-switch:last-of-type {
  margin-right: 0;
}
[dir=rtl] md-switch:last-of-type {
  margin-right: inherit;
}
md-switch[disabled] {
  cursor: default;
}
md-switch[disabled] .md-container {
  cursor: default;
}
md-switch .md-container {
  cursor: grab;
  width: 36px;
  height: 24px;
  position: relative;
  user-select: none;
  margin-right: 8px;
}
[dir=rtl] md-switch .md-container {
  margin-right: 0px;
  margin-left: 8px;
}
md-switch .md-container {
  float: left;
}
md-switch.md-inverted .md-container {
  margin-right: initial;
}
[dir=rtl] md-switch.md-inverted .md-container {
  margin-right: 8px;
}
md-switch.md-inverted .md-container {
  margin-left: 8px;
}
[dir=rtl] md-switch.md-inverted .md-container {
  margin-left: initial;
}
md-switch:not([disabled]) .md-dragging, md-switch:not([disabled]).md-dragging .md-container {
  cursor: grabbing;
}
md-switch.md-focused .md-thumb:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px;
}
md-switch .md-label {
  border-color: transparent;
  border-width: 0;
  float: left;
}
md-switch .md-bar {
  left: 1px;
  width: 34px;
  top: 5px;
  height: 14px;
  border-radius: 8px;
  position: absolute;
}
md-switch .md-thumb-container {
  top: 2px;
  left: 0;
  width: 16px;
  position: absolute;
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
md-switch.md-checked .md-thumb-container {
  transform: translate3d(100%, 0, 0);
}
md-switch .md-thumb {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  outline: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
md-switch .md-thumb:before {
  background-color: transparent;
  border-radius: 50%;
  content: "";
  position: absolute;
  display: block;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s;
  width: auto;
}
md-switch .md-thumb .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -20px;
  top: -20px;
  right: -20px;
  bottom: -20px;
}
md-switch:not(.md-dragging) .md-bar,
md-switch:not(.md-dragging) .md-thumb-container,
md-switch:not(.md-dragging) .md-thumb {
  transition: all 0.08s linear;
  transition-property: transform, background-color;
}
md-switch:not(.md-dragging) .md-bar,
md-switch:not(.md-dragging) .md-thumb {
  transition-delay: 0.05s;
}

@media screen and (-ms-high-contrast: active) {
  md-switch.md-default-theme .md-bar {
    background-color: #666;
  }
  md-switch.md-default-theme.md-checked .md-bar {
    background-color: #9E9E9E;
  }
  md-switch.md-default-theme .md-thumb {
    background-color: #fff;
  }
}
md-switch .md-ink-ripple {
  color: #9e9e9e;
  color: RGB(var(--background-500));
}
md-switch .md-thumb {
  background-color: #fafafa;
  background-color: RGB(var(--background-50));
}
md-switch .md-bar {
  background-color: #9e9e9e;
  background-color: RGB(var(--background-500));
}
md-switch.md-focused:not(.md-checked) .md-thumb:before {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--foreground-4);
}
md-switch.md-focused[disabled] .md-thumb:before {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--foreground-4);
}
md-switch.md-checked:not([disabled]) .md-ink-ripple {
  color: #e91e63;
  color: RGB(var(--accent-500));
}
md-switch.md-checked:not([disabled]) .md-thumb {
  background-color: #e91e63;
  background-color: RGB(var(--accent-500));
}
md-switch.md-checked:not([disabled]) .md-bar {
  background-color: rgba(233, 30, 99, 0.5);
  background-color: RGBA(var(--accent-500), 0.5);
}
md-switch.md-checked:not([disabled]).md-focused .md-thumb:before {
  background-color: rgba(233, 30, 99, 0.26);
  background-color: RGBA(var(--accent-500), 0.26);
}
md-switch.md-checked:not([disabled]).md-primary .md-ink-ripple {
  color: #01667d;
  color: RGB(var(--primary-500));
}
md-switch.md-checked:not([disabled]).md-primary .md-thumb {
  background-color: #01667d;
  background-color: RGB(var(--primary-500));
}
md-switch.md-checked:not([disabled]).md-primary .md-bar {
  background-color: rgba(1, 102, 125, 0.5);
  background-color: RGBA(var(--primary-500), 0.5);
}
md-switch.md-checked:not([disabled]).md-primary.md-focused .md-thumb:before {
  background-color: rgba(1, 102, 125, 0.26);
  background-color: RGBA(var(--primary-500), 0.26);
}
md-switch.md-checked:not([disabled]).md-warn .md-ink-ripple {
  color: #d51f27;
  color: RGB(var(--warn-500));
}
md-switch.md-checked:not([disabled]).md-warn .md-thumb {
  background-color: #d51f27;
  background-color: RGB(var(--warn-500));
}
md-switch.md-checked:not([disabled]).md-warn .md-bar {
  background-color: rgba(213, 31, 39, 0.5);
  background-color: RGBA(var(--warn-500), 0.5);
}
md-switch.md-checked:not([disabled]).md-warn.md-focused .md-thumb:before {
  background-color: rgba(213, 31, 39, 0.26);
  background-color: RGBA(var(--warn-500), 0.26);
}
md-switch[disabled] .md-thumb {
  background-color: #bdbdbd;
  background-color: RGB(var(--background-400));
}
md-switch[disabled] .md-bar {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--foreground-4);
}

@keyframes md-tab-content-hide {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
md-tab-data {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
}

md-tabs {
  display: block;
  margin: 0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
  min-height: 248px;
}
md-tabs[md-align-tabs=bottom] {
  padding-bottom: 48px;
}
md-tabs[md-align-tabs=bottom] md-tabs-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48px;
  z-index: 2;
}
md-tabs[md-align-tabs=bottom] md-tabs-content-wrapper {
  top: 0;
  bottom: 48px;
}
md-tabs.md-dynamic-height md-tabs-content-wrapper {
  min-height: 0;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  overflow: visible;
}
md-tabs.md-dynamic-height md-tab-content.md-active {
  position: relative;
}
md-tabs[md-border-bottom] md-tabs-wrapper {
  border-width: 0 0 1px;
  border-style: solid;
}
md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper {
  top: 49px;
}

md-tabs-wrapper {
  display: block;
  position: relative;
  transform: translate(0, 0);
}
md-tabs-wrapper md-prev-button, md-tabs-wrapper md-next-button {
  height: 100%;
  width: 32px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1em;
  z-index: 2;
  cursor: pointer;
  font-size: 16px;
  background: transparent no-repeat center center;
  transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}
md-tabs-wrapper md-prev-button:focus, md-tabs-wrapper md-next-button:focus {
  outline: none;
}
md-tabs-wrapper md-prev-button.md-disabled, md-tabs-wrapper md-next-button.md-disabled {
  opacity: 0.25;
  cursor: default;
}
md-tabs-wrapper md-prev-button.ng-leave, md-tabs-wrapper md-next-button.ng-leave {
  transition: none;
}
md-tabs-wrapper md-prev-button md-icon, md-tabs-wrapper md-next-button md-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
[dir=rtl] md-tabs-wrapper md-prev-button, [dir=rtl] md-tabs-wrapper md-next-button {
  transform: rotateY(180deg) translateY(-50%);
}
md-tabs-wrapper md-prev-button {
  left: 0;
}
[dir=rtl] md-tabs-wrapper md-prev-button {
  left: auto;
  right: 0;
}
md-tabs-wrapper md-prev-button {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg==");
}
md-tabs-wrapper md-next-button {
  right: 0;
}
[dir=rtl] md-tabs-wrapper md-next-button {
  right: auto;
  left: 0;
}
md-tabs-wrapper md-next-button {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K");
}
md-tabs-wrapper md-next-button md-icon {
  transform: translate(-50%, -50%) rotate(180deg);
}
md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
  width: 100%;
  flex-direction: row;
}
md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
  flex-grow: 1;
}

md-tabs-canvas:after {
  content: "";
  display: table;
  clear: both;
}
md-tabs-canvas {
  position: relative;
  overflow: hidden;
  display: block;
  height: 48px;
}
md-tabs-canvas .md-dummy-wrapper {
  position: absolute;
  top: 0;
  left: 0;
}
[dir=rtl] md-tabs-canvas .md-dummy-wrapper {
  left: auto;
  right: 0;
}
md-tabs-canvas.md-paginated {
  margin: 0 32px;
}
md-tabs-canvas.md-center-tabs {
  display: flex;
  flex-direction: column;
  text-align: center;
}
md-tabs-canvas.md-center-tabs .md-tab {
  float: none;
  display: inline-block;
}

md-pagination-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
md-pagination-wrapper {
  height: 48px;
  display: flex;
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  position: absolute;
  left: 0;
}
[dir=rtl] md-pagination-wrapper {
  left: auto;
  right: 0;
}
md-pagination-wrapper {
  transform: translate(0, 0);
}
md-pagination-wrapper.md-center-tabs {
  position: relative;
  justify-content: center;
}

md-tabs-content-wrapper {
  display: block;
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

md-tab-content {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  overflow: auto;
  transform: translate(0, 0);
}
md-tab-content.md-no-scroll {
  bottom: auto;
  overflow: hidden;
}
md-tab-content.ng-leave, md-tab-content.md-no-transition {
  transition: none;
}
md-tab-content.md-left:not(.md-active) {
  transform: translateX(-100%);
}
[dir=rtl] md-tab-content.md-left:not(.md-active) {
  transform: translateX(100%);
}
md-tab-content.md-left:not(.md-active) {
  animation: 1s md-tab-content-hide;
  visibility: hidden;
}
md-tab-content.md-left:not(.md-active) * {
  transition: visibility 0s linear;
  transition-delay: 0.5s;
  visibility: hidden;
}
md-tab-content.md-right:not(.md-active) {
  transform: translateX(100%);
}
[dir=rtl] md-tab-content.md-right:not(.md-active) {
  transform: translateX(-100%);
}
md-tab-content.md-right:not(.md-active) {
  animation: 1s md-tab-content-hide;
  visibility: hidden;
}
md-tab-content.md-right:not(.md-active) * {
  transition: visibility 0s linear;
  transition-delay: 0.5s;
  visibility: hidden;
}
md-tab-content > div {
  flex: 1 0 100%;
  min-width: 0;
}
md-tab-content > div.ng-leave {
  animation: 1s md-tab-content-hide;
}

md-ink-bar {
  position: absolute;
  left: auto;
  right: auto;
  bottom: 0;
  height: 2px;
}
md-ink-bar.md-left {
  transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
}
md-ink-bar.md-right {
  transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1);
}

md-tab {
  position: absolute;
  z-index: -1;
  left: -9999px;
}

.md-tab {
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  padding: 12px 24px;
  transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  text-transform: uppercase;
  float: left;
}
[dir=rtl] .md-tab {
  float: right;
}
.md-tab {
  font-weight: 500;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.md-tab.md-focused, .md-tab:focus {
  box-shadow: none;
  outline: none;
}
.md-tab.md-active {
  cursor: default;
}
.md-tab.md-disabled {
  pointer-events: none;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-drag: none;
  opacity: 0.5;
  cursor: default;
}
.md-tab.ng-leave {
  transition: none;
}

md-toolbar + md-tabs, md-toolbar + md-dialog-content md-tabs {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

md-tabs md-tabs-wrapper {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.12);
  border-color: var(--foreground-4);
}
md-tabs .md-paginator md-icon {
  color: #01667d;
  color: RGB(var(--primary-500));
}
md-tabs md-ink-bar {
  color: #e91e63;
  color: RGB(var(--accent-500));
  background: #e91e63;
  background: RGB(var(--accent-500));
}
md-tabs .md-tab {
  color: rgba(0, 0, 0, 0.54);
  color: var(--foreground-2);
}
md-tabs .md-tab[disabled], md-tabs .md-tab[disabled] md-icon {
  color: rgba(0, 0, 0, 0.38);
  color: var(--foreground-3);
}
md-tabs .md-tab.md-active, md-tabs .md-tab.md-active md-icon, md-tabs .md-tab.md-focused, md-tabs .md-tab.md-focused md-icon {
  color: #01667d;
  color: RGB(var(--primary-500));
}
md-tabs .md-tab.md-focused {
  background: rgba(1, 102, 125, 0.1);
  background: RGBA(var(--primary-500), 0.1);
}
md-tabs .md-tab .md-ripple-container {
  color: #ff80ab;
  color: RGB(var(--accent-A100));
}
md-tabs.md-accent > md-tabs-wrapper {
  background-color: #e91e63;
  background-color: RGB(var(--accent-500));
}
md-tabs.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-tabs.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) md-icon {
  color: #ff80ab;
  color: RGB(var(--accent-A100));
}
md-tabs.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-tabs.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-tabs.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon {
  color: rgb(255, 255, 255);
  color: RGB(var(--accent-500-contrast));
}
md-tabs.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
  background: rgba(255, 255, 255, 0.1);
  background: RGBA(var(--accent-500-contrast), 0.1);
}
md-tabs.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
  color: #015e75;
  color: RGBA(var(--primary-600), 1);
  background: #015e75;
  background: RGBA(var(--primary-600), 1);
}
md-tabs.md-primary > md-tabs-wrapper {
  background-color: #01667d;
  background-color: RGB(var(--primary-500));
}
md-tabs.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-tabs.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) md-icon {
  color: #b3d1d8;
  color: RGB(var(--primary-100));
}
md-tabs.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-tabs.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-tabs.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon {
  color: rgb(255, 255, 255);
  color: RGB(var(--primary-500-contrast));
}
md-tabs.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
  background: rgba(255, 255, 255, 0.1);
  background: RGBA(var(--primary-500-contrast), 0.1);
}
md-tabs.md-warn > md-tabs-wrapper {
  background-color: #d51f27;
  background-color: RGB(var(--warn-500));
}
md-tabs.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-tabs.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) md-icon {
  color: #f2bcbe;
  color: RGB(var(--warn-100));
}
md-tabs.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-tabs.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-tabs.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon {
  color: rgb(255, 255, 255);
  color: RGB(var(--warn-500-contrast));
}
md-tabs.md-warn > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
  background: rgba(255, 255, 255, 0.1);
  background: RGBA(var(--warn-500-contrast), 0.1);
}

md-toolbar > md-tabs > md-tabs-wrapper {
  background-color: #01667d;
  background-color: RGB(var(--primary-500));
}
md-toolbar > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-toolbar > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) md-icon {
  color: #b3d1d8;
  color: RGB(var(--primary-100));
}
md-toolbar > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-toolbar > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-toolbar > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-toolbar > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon {
  color: rgb(255, 255, 255);
  color: RGB(var(--primary-500-contrast));
}
md-toolbar > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
  background: rgba(255, 255, 255, 0.1);
  background: RGBA(var(--primary-500-contrast), 0.1);
}

md-toolbar.md-accent > md-tabs > md-tabs-wrapper {
  background-color: #e91e63;
  background-color: RGB(var(--accent-500));
}
md-toolbar.md-accent > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-toolbar.md-accent > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) md-icon {
  color: #ff80ab;
  color: RGB(var(--accent-A100));
}
md-toolbar.md-accent > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-toolbar.md-accent > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-toolbar.md-accent > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-toolbar.md-accent > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon {
  color: rgb(255, 255, 255);
  color: RGB(var(--accent-500-contrast));
}
md-toolbar.md-accent > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
  background: rgba(255, 255, 255, 0.1);
  background: RGBA(var(--accent-500-contrast), 0.1);
}
md-toolbar.md-accent > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
  color: #015e75;
  color: RGBA(var(--primary-600), 1);
  background: #015e75;
  background: RGBA(var(--primary-600), 1);
}

md-toolbar.md-warn > md-tabs > md-tabs-wrapper {
  background-color: #d51f27;
  background-color: RGB(var(--warn-500));
}
md-toolbar.md-warn > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-toolbar.md-warn > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) md-icon {
  color: #f2bcbe;
  color: RGB(var(--warn-100));
}
md-toolbar.md-warn > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-toolbar.md-warn > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-toolbar.md-warn > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-toolbar.md-warn > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon {
  color: rgb(255, 255, 255);
  color: RGB(var(--warn-500-contrast));
}
md-toolbar.md-warn > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused {
  background: rgba(255, 255, 255, 0.1);
  background: RGBA(var(--warn-500-contrast), 0.1);
}

.md-toast-text {
  padding: 0 6px;
}

md-toast {
  position: absolute;
  z-index: 105;
  box-sizing: border-box;
  cursor: default;
  overflow: hidden;
  padding: 8px;
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
md-toast .md-toast-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-height: 168px;
  max-width: 100%;
  min-height: 48px;
}
md-toast .md-toast-content::before {
  content: "";
  min-height: 48px;
  visibility: hidden;
  display: inline-block;
}
md-toast .md-toast-content {
  padding: 0 18px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-radius: 2px;
  font-size: 14px;
  overflow: hidden;
  transform: translate3d(0, 0, 0) rotateZ(0deg);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  justify-content: flex-start;
}
[dir=rtl] md-toast .md-toast-content {
  justify-content: flex-end;
}
md-toast .md-toast-content span {
  flex: 1 1 0%;
  box-sizing: border-box;
  min-width: 0;
}
md-toast.md-capsule {
  border-radius: 24px;
}
md-toast.md-capsule .md-toast-content {
  border-radius: 24px;
}
md-toast.ng-leave-active .md-toast-content {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
md-toast {
  /* Transition differently when swiping */
}
md-toast.md-swipeleft .md-toast-content, md-toast.md-swiperight .md-toast-content, md-toast.md-swipeup .md-toast-content, md-toast.md-swipedown .md-toast-content {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
md-toast.ng-enter {
  opacity: 0;
}
md-toast.ng-enter .md-toast-content {
  transform: translate3d(0, 100%, 0);
}
md-toast.ng-enter.md-top .md-toast-content {
  transform: translate3d(0, -100%, 0);
}
md-toast.ng-enter.ng-enter-active {
  opacity: 1;
}
md-toast.ng-enter.ng-enter-active .md-toast-content {
  transform: translate3d(0, 0, 0);
}
md-toast {
  /*
   * When the toast doesn't take up the whole screen,
   * make it rotate when the user swipes it away
   */
}
md-toast.ng-leave.ng-leave-active .md-toast-content {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}
md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
  transform: translate3d(0, -50%, 0);
}
md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
  transform: translate3d(0, 50%, 0);
}
md-toast.ng-leave.ng-leave-active.md-top .md-toast-content {
  transform: translate3d(0, -100%, 0);
}
md-toast .md-action {
  line-height: 19px;
  margin-left: 24px;
  margin-right: 0;
  cursor: pointer;
  text-transform: uppercase;
  float: right;
}
md-toast .md-button {
  min-width: 0;
  margin-right: 0;
}
[dir=rtl] md-toast .md-button {
  margin-right: 12px;
}
md-toast .md-button {
  margin-left: 12px;
}
[dir=rtl] md-toast .md-button {
  margin-left: 0;
}

@media (max-width: 959px) {
  md-toast {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    border-radius: 0;
    bottom: 0;
    padding: 0;
  }
  md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
    transform: translate3d(0, -50%, 0);
  }
  md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
    transform: translate3d(0, 50%, 0);
  }
}
@media (min-width: 960px) {
  md-toast {
    min-width: 304px;
  }
  md-toast.md-bottom {
    bottom: 0;
  }
  md-toast.md-left {
    left: 0;
  }
  md-toast.md-right {
    right: 0;
  }
  md-toast.md-top {
    top: 0;
  }
  md-toast._md-start {
    left: 0;
  }
  [dir=rtl] md-toast._md-start {
    left: auto;
    right: 0;
  }
  md-toast._md-end {
    right: 0;
  }
  [dir=rtl] md-toast._md-end {
    right: auto;
    left: 0;
  }
  md-toast {
    /*
    * When the toast doesn't take up the whole screen,
    * make it rotate when the user swipes it away
    */
  }
  md-toast.ng-leave.ng-leave-active.md-swipeleft .md-toast-content {
    transform: translate3d(-50%, 0, 0);
  }
  md-toast.ng-leave.ng-leave-active.md-swiperight .md-toast-content {
    transform: translate3d(50%, 0, 0);
  }
}
@media (min-width: 1920px) {
  md-toast .md-toast-content {
    max-width: 568px;
  }
}
@media screen and (-ms-high-contrast: active) {
  md-toast {
    border: 1px solid #fff;
  }
}
.md-toast-animating {
  overflow: hidden !important;
}

md-toast .md-toast-content {
  background-color: #323232;
  color: #fafafa;
  color: RGB(var(--background-50));
}
md-toast .md-toast-content .md-button {
  color: #fafafa;
  color: RGB(var(--background-50));
}
md-toast .md-toast-content .md-button.md-highlight {
  color: #e91e63;
  color: RGB(var(--accent-500));
}
md-toast .md-toast-content .md-button.md-highlight.md-primary {
  color: #01667d;
  color: RGB(var(--primary-500));
}
md-toast .md-toast-content .md-button.md-highlight.md-warn {
  color: #d51f27;
  color: RGB(var(--warn-500));
}

md-toolbar {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  font-size: 20px;
  min-height: 64px;
  width: 100%;
}
md-toolbar._md-toolbar-transitions {
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  transition-property: background-color, fill, color;
}
md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
  transition: box-shadow 0.5s linear;
}
md-toolbar md-toolbar-filler {
  width: 72px;
}
md-toolbar *,
md-toolbar *:before,
md-toolbar *:after {
  box-sizing: border-box;
}
md-toolbar.ng-animate {
  transition: none;
}
md-toolbar.md-tall {
  height: 128px;
  min-height: 128px;
  max-height: 128px;
}
md-toolbar.md-medium-tall {
  height: 88px;
  min-height: 88px;
  max-height: 88px;
}
md-toolbar.md-medium-tall .md-toolbar-tools {
  height: 48px;
  min-height: 48px;
  max-height: 48px;
}
md-toolbar > .md-indent {
  margin-left: 64px;
}
[dir=rtl] md-toolbar > .md-indent {
  margin-left: auto;
  margin-right: 64px;
}
md-toolbar ~ md-content > md-list {
  padding: 0;
}
md-toolbar ~ md-content > md-list md-list-item:last-child md-divider {
  display: none;
}

.md-toolbar-tools {
  font-size: 20px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  height: 64px;
  max-height: 64px;
  padding: 0 16px;
  margin: 0;
}
.md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
  font-size: inherit;
  font-weight: inherit;
  margin: inherit;
}
.md-toolbar-tools a {
  color: inherit;
  text-decoration: none;
}
.md-toolbar-tools .fill-height {
  display: flex;
  align-items: center;
}
.md-toolbar-tools md-checkbox {
  margin: inherit;
}
.md-toolbar-tools .md-button {
  margin-top: 0;
  margin-bottom: 0;
}
.md-toolbar-tools .md-button, .md-toolbar-tools .md-button.md-icon-button md-icon {
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  transition-property: background-color, fill, color;
}
.md-toolbar-tools .md-button.ng-animate, .md-toolbar-tools .md-button.md-icon-button md-icon.ng-animate {
  transition: none;
}
.md-toolbar-tools > .md-button:first-child {
  margin-left: -8px;
}
[dir=rtl] .md-toolbar-tools > .md-button:first-child {
  margin-left: auto;
  margin-right: -8px;
}
.md-toolbar-tools > .md-button:last-child {
  margin-right: -8px;
}
[dir=rtl] .md-toolbar-tools > .md-button:last-child {
  margin-right: auto;
  margin-left: -8px;
}
.md-toolbar-tools > md-menu:last-child {
  margin-right: -8px;
}
[dir=rtl] .md-toolbar-tools > md-menu:last-child {
  margin-right: auto;
  margin-left: -8px;
}
.md-toolbar-tools > md-menu:last-child > .md-button {
  margin-right: 0;
}
[dir=rtl] .md-toolbar-tools > md-menu:last-child > .md-button {
  margin-right: auto;
  margin-left: 0;
}
@media screen and (-ms-high-contrast: active) {
  .md-toolbar-tools {
    border-bottom: 1px solid #fff;
  }
}

@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
  md-toolbar {
    min-height: 56px;
  }
  .md-toolbar-tools {
    height: 56px;
    max-height: 56px;
  }
}
@media (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
  md-toolbar {
    min-height: 48px;
  }
  .md-toolbar-tools {
    height: 48px;
    max-height: 48px;
  }
}
md-toolbar:not(.md-menu-toolbar) {
  background-color: #01667d;
  background-color: RGB(var(--primary-500));
  color: rgb(255, 255, 255);
  color: RGB(var(--primary-500-contrast));
}
md-toolbar:not(.md-menu-toolbar) md-icon {
  color: rgb(255, 255, 255);
  color: RGB(var(--primary-500-contrast));
  fill: rgb(255, 255, 255);
  fill: RGB(var(--primary-500-contrast));
}
md-toolbar:not(.md-menu-toolbar) .md-button[disabled] md-icon {
  color: rgba(255, 255, 255, 0.26);
  color: RGBA(var(--primary-500-contrast), 0.26);
  fill: rgba(255, 255, 255, 0.26);
  fill: RGBA(var(--primary-500-contrast), 0.26);
}
md-toolbar:not(.md-menu-toolbar).md-accent {
  background-color: #e91e63;
  background-color: RGB(var(--accent-500));
  color: rgb(255, 255, 255);
  color: RGB(var(--accent-500-contrast));
}
md-toolbar:not(.md-menu-toolbar).md-accent .md-ink-ripple {
  color: rgb(255, 255, 255);
  color: RGB(var(--accent-500-contrast));
}
md-toolbar:not(.md-menu-toolbar).md-accent md-icon {
  color: rgb(255, 255, 255);
  color: RGB(var(--accent-500-contrast));
  fill: rgb(255, 255, 255);
  fill: RGB(var(--accent-500-contrast));
}
md-toolbar:not(.md-menu-toolbar).md-accent .md-button[disabled] md-icon {
  color: rgba(255, 255, 255, 0.26);
  color: RGBA(var(--accent-500-contrast), 0.26);
  fill: rgba(255, 255, 255, 0.26);
  fill: RGBA(var(--accent-500-contrast), 0.26);
}
md-toolbar:not(.md-menu-toolbar).md-warn {
  background-color: #d51f27;
  background-color: RGB(var(--warn-500));
  color: rgb(255, 255, 255);
  color: RGB(var(--warn-500-contrast));
}

.md-tooltip {
  pointer-events: none;
  border-radius: 4px;
  overflow: hidden;
  opacity: 0;
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 32px;
  line-height: 32px;
  padding-right: 16px;
  padding-left: 16px;
}
.md-tooltip.md-origin-top {
  transform-origin: center bottom;
  margin-top: -24px;
}
.md-tooltip.md-origin-right {
  transform-origin: left center;
  margin-left: 24px;
}
.md-tooltip.md-origin-bottom {
  transform-origin: center top;
  margin-top: 24px;
}
.md-tooltip.md-origin-left {
  transform-origin: right center;
  margin-left: -24px;
}
@media (min-width: 960px) {
  .md-tooltip {
    font-size: 10px;
    height: 22px;
    line-height: 22px;
    padding-right: 8px;
    padding-left: 8px;
  }
  .md-tooltip.md-origin-top {
    margin-top: -14px;
  }
  .md-tooltip.md-origin-right {
    margin-left: 14px;
  }
  .md-tooltip.md-origin-bottom {
    margin-top: 14px;
  }
  .md-tooltip.md-origin-left {
    margin-left: -14px;
  }
}
.md-tooltip.md-show-add {
  transform: scale(0);
}
.md-tooltip.md-show {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration: 150ms;
  transform: scale(1);
  opacity: 0.9;
}
.md-tooltip.md-hide {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 150ms;
  transform: scale(0);
  opacity: 0;
}

.md-panel.md-tooltip {
  color: rgba(255, 255, 255, 0.87);
  color: RGB(var(--background-700-contrast));
  background-color: #616161;
  background-color: RGB(var(--background-700));
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  height: 225.5px;
  max-height: 225.5px;
}

.ember-power-select-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/**
 * linced-data-table provides styles for the paper-data-table family of
 * components (table, head, row, cell, column, pagination, edit dialog).
 *
 * Ported from the paper-data-table addon. Consuming apps should
 * `@import 'linced-data-table';` from their app.scss.
 */
md-backdrop.md-edit-dialog-backdrop {
  z-index: 80;
}

md-edit-dialog {
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 81;
  background-color: #f9f9f9;
  border-radius: 2px;
  cursor: default;
}
md-edit-dialog > .md-content {
  padding: 16px 24px 0;
}
md-edit-dialog > .md-content .md-title {
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 8px;
}
md-edit-dialog > .md-content md-input-container {
  margin: 0;
  font-size: 13px;
}
md-edit-dialog > .md-content md-input-container input {
  float: none;
}
md-edit-dialog > .md-content md-input-container .md-errors-spacer {
  min-height: auto;
  min-width: auto;
  color: rgba(255, 0, 0, 0.54);
}
md-edit-dialog > .md-content md-input-container .md-errors-spacer .md-char-counter {
  padding: 5px 2px 5px 0;
}
md-edit-dialog > .md-content md-input-container [ng-message] {
  padding: 5px 0 5px 2px;
}
md-edit-dialog > .md-actions {
  margin: 0 16px 8px;
}
md-edit-dialog > .md-actions .md-button {
  margin: 0;
  min-width: initial;
}
md-edit-dialog > .md-actions .md-button + .md-button {
  margin-left: 8px;
}

.md-table-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap-reverse;
  box-sizing: border-box;
  padding: 0 24px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  border-top: 1px rgba(0, 0, 0, 0.12);
}
.md-table-pagination md-select {
  justify-content: flex-end;
  min-width: 64px;
}
.md-table-pagination md-select:not([disabled]):focus .md-select-value {
  color: rgba(0, 0, 0, 0.54);
}
.md-table-pagination md-select .md-select-value {
  flex: 0 0 auto;
}
.md-table-pagination md-select .md-select-value span.md-select-icon {
  justify-content: center;
  text-align: center;
  margin-right: -6px !important;
}
.md-table-pagination md-select .md-select-value span.md-select-icon:after {
  top: initial;
  transform: scaleY(0.5) scaleX(1);
}
.md-table-pagination > * {
  display: flex;
  align-items: center;
  height: 56px;
}
.md-table-pagination > .buttons:not(:first-child),
.md-table-pagination > .limit-select:not(:first-child) {
  margin-left: 32px;
}
.md-table-pagination > .buttons {
  margin-right: -16px;
}
.md-table-pagination > .buttons > .md-button.md-icon-button {
  margin: 0;
}
.md-table-pagination > .buttons > .md-table-label + .md-button.md-icon-button {
  margin-left: 20px;
}

md-select.md-table-select {
  margin: 0;
}
md-select.md-table-select > .md-select-value {
  padding: 0;
  min-width: 0;
  min-height: 24px;
  border-bottom: 0 !important;
}
md-select.md-table-select > .md-select-value > span {
  display: block;
  height: auto;
  transform: none !important;
}
md-select.md-table-select > .md-select-value > span > .md-text {
  display: inherit;
  height: inherit;
  transform: inherit;
}
md-select.md-table-select > .md-select-value > span.md-select-icon {
  display: flex;
  align-items: center;
  height: 24px;
  margin: 0;
}
md-select.md-table-select > .md-select-value > span.md-select-icon:after {
  top: initial;
}

.md-select-menu-container.md-table-select,
.md-select-menu-container.md-pagination-select {
  margin-left: -2px;
  border-radius: 2px;
}
.md-select-menu-container.md-table-select md-select-menu,
.md-select-menu-container.md-table-select md-content,
.md-select-menu-container.md-pagination-select md-select-menu,
.md-select-menu-container.md-pagination-select md-content {
  border-radius: inherit;
}
.md-select-menu-container.md-table-select md-content,
.md-select-menu-container.md-pagination-select md-content {
  padding: 0;
}

.md-select-menu-container.md-table-select .md-text {
  font-size: 13px;
}

.md-select-menu-container.md-pagination-select .md-text {
  font-size: 12px;
}

md-toolbar.md-table-toolbar {
  box-shadow: none;
}
md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default, md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default {
  background-color: rgb(255, 255, 255);
  color: rgba(0, 0, 0, 0.87);
}
md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default .md-button, md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default .md-button {
  color: rgba(0, 0, 0, 0.87);
}
@media only screen and (max-width: 959px) and (min-width: 0) and (orientation: landscape) {
  md-toolbar.md-table-toolbar .md-toolbar-tools {
    height: 64px;
    max-height: initial;
  }
}
md-toolbar.md-table-toolbar .md-toolbar-tools {
  padding: 0 24px;
}
md-toolbar.md-table-toolbar .md-toolbar-tools md-icon {
  color: rgba(255, 0, 0, 0.54);
}
md-toolbar.md-table-toolbar .md-toolbar-tools > .md-button.md-icon-button {
  margin: 0;
}
md-toolbar.md-table-toolbar .md-toolbar-tools > .md-button.md-icon-button:first-child {
  margin-left: -12px;
}
md-toolbar.md-table-toolbar .md-toolbar-tools > .md-button.md-icon-button:last-child {
  margin-right: -12px;
}

md-card > md-toolbar.md-table-toolbar:first-child,
md-card md-table-container:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
md-card > md-toolbar.md-table-toolbar:last-child,
md-card md-table-container:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.virtual-table {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

#hidden-row th {
  position: relative;
  height: 0px !important;
  line-height: 0px !important;
  margin: 0px !important;
  overflow: hidden !important;
  border: none !important;
}

#hidden-row th md-icon {
  position: relative;
  height: 0px !important;
  line-height: 0px !important;
  padding: 0px !important;
  margin: 0px !important;
  overflow: hidden !important;
  border: none !important;
}

md-table-container {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

table.md-table {
  width: 100%;
  border-spacing: 0;
  overflow: hidden;
}
table.md-table thead.md-head > tr.md-row {
  height: 56px;
}
table.md-table tbody.md-body > tr.md-row,
table.md-table tfoot.md-foot > tr.md-row {
  height: 48px;
}
table.md-table thead.md-head + .md-table-progress md-progress-linear {
  top: -3px;
}
table.md-table .md-table-progress th {
  padding: 0;
}
table.md-table .md-table-progress th md-progress-linear {
  height: 0;
  transition: opacity 1s;
}
table.md-table .md-table-progress th md-progress-linear.ng-hide {
  opacity: 0;
}
table.md-table .md-table-progress th md-progress-linear > .md-container {
  height: 3px;
  top: 0;
  transition: none;
}
table.md-table .md-table-progress th md-progress-linear > .md-container > .md-bar {
  height: 3px;
}
table.md-table th.md-column {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
table.md-table th.md-column.md-sort {
  cursor: pointer;
}
table.md-table th.md-column md-icon {
  height: 16px;
  width: 16px;
  font-size: 16px !important;
  line-height: 16px !important;
}
table.md-table th.md-column md-icon.md-sort-icon {
  color: rgba(0, 0, 0, 0.26);
  opacity: 0;
  transition: transform 0.25s, opacity 0.25s;
}
table.md-table th.md-column md-icon.md-sort-icon.md-asc {
  transform: rotate(0deg);
}
table.md-table th.md-column md-icon.md-sort-icon.md-desc {
  transform: rotate(180deg);
}
table.md-table th.md-column md-icon:not(:first-child) {
  margin-left: 8px;
}
table.md-table th.md-column md-icon:not(:last-child) {
  margin-right: 8px;
}
table.md-table th.md-column.md-active, table.md-table th.md-column.md-active md-icon {
  color: rgba(0, 0, 0, 0.87);
}
table.md-table th.md-column:hover md-icon.md-sort-icon, table.md-table th.md-column.md-active md-icon.md-sort-icon {
  opacity: 1;
}
table.md-table tr.md-row[ng\:repeat].ng-leave, table.md-table tr.md-row[ng-repeat].ng-leave, table.md-table tr.md-row[x-ng-repeat].ng-leave, table.md-table tr.md-row[data-ng-repeat].ng-leave {
  display: none;
}
table.md-table.md-row-select tbody.md-body > tr.md-row {
  transition: background-color 0.2s;
}
table.md-table.md-row-select tbody.md-body > tr.md-row:not([disabled]):hover {
  background-color: #eee !important;
}
table.md-table.md-row-select tbody.md-body > tr.md-row.md-selected {
  background-color: #f5f5f5;
}
table.md-table.md-row-select td.md-cell:first-child, table.md-table.md-row-select th.md-column:first-child {
  width: 20px;
  padding: 0 0 0 24px;
}
table.md-table.md-row-select td.md-cell:nth-child(2), table.md-table.md-row-select th.md-column:nth-child(2) {
  padding: 0 24px;
}
table.md-table.md-row-select td.md-cell:nth-child(n+3):nth-last-child(n+2), table.md-table.md-row-select th.md-column:nth-child(n+3):nth-last-child(n+2) {
  padding: 0 56px 0 0;
}
table.md-table:not(.md-row-select) td.md-cell:first-child, table.md-table:not(.md-row-select) th.md-column:first-child {
  padding: 0 24px;
}
table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2), table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding: 0 56px 0 0;
}
table.md-table td.md-cell,
table.md-table th.md-column {
  vertical-align: middle;
  text-align: left;
}
table.md-table td.md-cell > *,
table.md-table th.md-column > * {
  vertical-align: middle;
}
table.md-table td.md-cell:last-child,
table.md-table th.md-column:last-child {
  padding: 0 24px 0 0;
}
table.md-table td.md-cell.md-clickable,
table.md-table th.md-column.md-clickable {
  cursor: pointer;
}
table.md-table td.md-cell.md-clickable:focus,
table.md-table th.md-column.md-clickable:focus {
  outline: none;
}
table.md-table td.md-cell.md-numeric,
table.md-table th.md-column.md-numeric {
  text-align: right;
}
table.md-table td.md-cell md-checkbox,
table.md-table th.md-column md-checkbox {
  margin: 0;
  width: 20px;
}
table.md-table td.md-cell {
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
  border-top: 1px rgba(0, 0, 0, 0.12) solid;
}
table.md-table td.md-cell.md-numeric md-select {
  justify-content: flex-end;
}
table.md-table td.md-cell.md-numeric md-select .md-select-value {
  flex: 0 0 auto;
}
table.md-table td.md-cell.md-placeholder {
  color: rgba(0, 0, 0, 0.26);
}
table.md-table td.md-cell md-select > .md-select-value > span.md-select-icon {
  justify-content: flex-end;
  color: rgba(0, 0, 0, 0.54);
  width: 18px;
  text-align: right;
}
table.md-table td.md-cell md-select > .md-select-value > span.md-select-icon:after {
  transform: scaleY(0.4) scaleX(0.8);
}

.paper-data-table--hidden {
  visibility: hidden;
}
.paper-data-table--display-none {
  display: none;
}
.paper-data-table--table-layout-fixed {
  table-layout: fixed;
}
.paper-data-table--position-relative {
  position: relative;
}

md-stepper {
  display: block;
}

md-steppers-header,
md-steppers-mobile-header,
md-step-actions {
  flex: 0 0 auto;
  box-sizing: border-box;
}

.md-steppers-header-region {
  z-index: 1;
}

@media (max-width: 599px) {
  md-stepper {
    display: flex;
    flex-direction: row;
  }
  md-stepper > div {
    min-width: 0px;
    flex: 1;
  }
  .md-steppers-content {
    min-height: 0px;
    display: flex;
    flex-direction: column;
  }
  md-step.md-active {
    min-height: 0px;
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  md-step.md-active .md-stepper {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0px;
  }
  md-steppers-scope {
    flex: 1;
  }
  md-step-body {
    flex: 1;
  }
}
.md-steppers {
  display: flex;
  flex-flow: column;
}
.md-steppers:not(.md-steppers-linear) .md-stepper-indicator:not(.md-active):not(.md-completed):hover, .md-steppers:not(.md-steppers-linear) .md-stepper-indicator.md-editable.md-completed:hover {
  cursor: pointer;
}
.md-steppers:not(.md-steppers-linear) .md-stepper-indicator:not(.md-active):not(.md-completed):hover,
.md-steppers:not(.md-steppers-linear) .md-stepper-indicator:not(.md-active):not(.md-completed):hover .md-stepper-indicator-wrapper, .md-steppers:not(.md-steppers-linear) .md-stepper-indicator.md-editable.md-completed:hover,
.md-steppers:not(.md-steppers-linear) .md-stepper-indicator.md-editable.md-completed:hover .md-stepper-indicator-wrapper {
  background-color: #f6f6f6;
}

.md-steppers-header {
  margin: 0;
  display: flex;
  flex-flow: row nowrap;
  border-radius: 0;
  align-items: flex-start;
}

.md-steppers-horizontal .md-stepper-indicator {
  min-height: 72px;
}
.md-steppers:not(.md-steppers-alternative) .md-steppers-horizontal .md-stepper-indicator {
  align-items: center;
}
.md-steppers-horizontal .md-stepper-indicator:first-child .md-stepper-indicator-wrapper {
  padding-left: 16px;
}
.md-steppers-horizontal .md-stepper-indicator:after {
  width: 999em;
  height: 1px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  background-color: #e8e8e8;
  content: " ";
}

.md-stepper-indicator {
  margin: 0;
  padding: 0 16px;
  position: relative;
  display: flex;
  flex: 1 0 auto;
  align-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
  cursor: default;
  background: none;
  border: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-stepper-indicator:focus {
  outline: none;
}
.md-stepper-indicator.md-completed .md-stepper-number, .md-stepper-indicator.md-active .md-stepper-number {
  background-color: #01667d;
  background-color: RGB(var(--primary-500));
}
.md-stepper-indicator.md-completed .md-stepper-title, .md-stepper-indicator.md-active .md-stepper-title {
  color: rgba(0, 0, 0, 0.87);
}
.md-stepper-indicator.md-active .md-stepper-title, .md-stepper-indicator.md-editable .md-stepper-title {
  font-weight: 500;
}
.md-stepper-indicator.md-error .md-stepper-title {
  color: #f44336;
}
.md-stepper-indicator:first-child {
  padding-left: 0;
}
.md-stepper-indicator:last-child {
  padding-right: 0;
  justify-content: flex-end;
}
.md-stepper-indicator:last-child .md-stepper-indicator-wrapper {
  padding-right: 24px;
}
.md-stepper-indicator .md-ripple-container {
  z-index: 3;
}

.md-stepper-indicator-wrapper {
  padding: 0 8px 0 0;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  align-content: center;
  background-color: #fff;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.md-stepper-number {
  width: 24px;
  height: 24px;
  margin: 0 8px;
  border-radius: 24px;
  background-color: #bdbdbd;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
}
.md-stepper-number.ng-hide {
  transition: none;
}

.md-error .md-stepper-error-indicator {
  margin: 0 8px;
  background-color: #fff;
}
.md-error .md-stepper-error-indicator md-icon {
  color: #f44336;
}
.md-error .md-stepper-error-message {
  color: #f44336;
  font-weight: 400;
}

md-icon.md-default-theme.md-stepper-icon {
  width: 18px;
  height: 18px;
  position: relative;
  top: -1px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
md-icon.md-default-theme.md-stepper-icon.md-stepper-icon-edit {
  width: 14px;
  height: 14px;
  font-size: 14px;
  font-weight: 400;
}

.md-stepper-title {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
}
.md-stepper-title small:not(.md-stepper-error-message) {
  color: rgba(0, 0, 0, 0.54);
}
.md-stepper-title small {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  font-size: 12px;
  line-height: 1em;
}

.md-steppers-content {
  position: relative;
  flex: 1;
  order: 2;
}

.md-steppers:not(.md-steppers-vertical) {
  height: 100%;
}
.md-steppers:not(.md-steppers-vertical) .md-steppers-content {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.md-steppers:not(.md-steppers-vertical) md-step {
  min-height: 0;
}
.md-steppers:not(.md-steppers-vertical) md-step.flex {
  display: flex;
  flex-direction: column;
}
.md-steppers:not(.md-steppers-vertical) .md-stepper.md-active {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
.md-steppers:not(.md-steppers-vertical) md-steppers-scope {
  flex: 1;
  min-height: 0;
}
.md-steppers:not(.md-steppers-vertical) md-step-body {
  flex: 1;
  min-height: 0;
}

.md-stepper {
  box-sizing: border-box;
}
.md-stepper.md-active {
  position: relative;
  pointer-events: auto;
}

.md-steppers-actions {
  display: flex;
}

.md-steppers-linear .md-stepper-indicator {
  cursor: default;
}
.md-steppers-linear .md-stepper-indicator.md-editable.md-completed:hover {
  cursor: pointer;
}
.md-steppers-linear .md-stepper-indicator.md-editable.md-completed:hover,
.md-steppers-linear .md-stepper-indicator.md-editable.md-completed:hover .md-stepper-indicator-wrapper {
  background-color: #f6f6f6;
}
.md-steppers-linear .md-stepper-indicator.md-editable.md-completed:hover .md-stepper-number:before, .md-steppers-linear .md-stepper-indicator.md-editable.md-completed:hover .md-stepper-number:after {
  background-color: #f6f6f6;
}
.md-steppers-linear .md-stepper-title {
  color: rgba(0, 0, 0, 0.26);
}
.md-steppers-linear .md-stepper-title small:not(.md-stepper-error-message) {
  color: rgba(0, 0, 0, 0.26);
}

.md-steppers-alternative:not(.md-steppers-linear) .md-stepper-indicator:not(.md-active):not(.md-completed):hover .md-stepper-indicator-wrapper {
  background: none;
}
.md-steppers-alternative:not(.md-steppers-linear) .md-stepper-indicator:not(.md-active):not(.md-completed):hover .md-stepper-number:before, .md-steppers-alternative:not(.md-steppers-linear) .md-stepper-indicator:not(.md-active):not(.md-completed):hover .md-stepper-number:after {
  background-color: #f6f6f6;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator {
  min-height: 104px;
  padding: 24px 16px;
  flex: 1;
  justify-content: center;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator .md-stepper-indicator-wrapper {
  padding: 0;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator:first-child {
  padding-left: 24px;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator:first-child:after {
  left: 50%;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator:last-child {
  padding-right: 24px;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator:last-child:after {
  right: 50%;
  left: auto;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator:after {
  margin-top: 0;
  top: 36px;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator-wrapper {
  padding: 0 16px;
  min-height: 50px;
  flex-flow: column nowrap;
  background: none;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-number,
.md-steppers-alternative .md-steppers-horizontal .md-stepper-error-indicator {
  position: relative;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-number:before, .md-steppers-alternative .md-steppers-horizontal .md-stepper-number:after,
.md-steppers-alternative .md-steppers-horizontal .md-stepper-error-indicator:before,
.md-steppers-alternative .md-steppers-horizontal .md-stepper-error-indicator:after {
  width: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #fff;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  content: " ";
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-number:before,
.md-steppers-alternative .md-steppers-horizontal .md-stepper-error-indicator:before {
  left: -8px;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-number:after,
.md-steppers-alternative .md-steppers-horizontal .md-stepper-error-indicator:after {
  right: -8px;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-title {
  margin-top: 16px;
  line-height: 18px;
  text-align: center;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-title small {
  text-align: center;
}

.md-steppers-vertical {
  padding: 16px;
}
.md-steppers-vertical .md-stepper-number {
  margin: 0 8px 0 0;
}
.md-steppers-vertical .md-stepper {
  padding: 0;
}
.md-steppers-vertical .md-steppers-scope {
  margin-left: 20px;
  border-left: 1px solid #e8e8e8;
  padding-left: 20px;
  min-height: 25px;
}
.md-steppers-vertical md-step:last-child .md-stepper .md-steppers-scope {
  border-left: 1px solid transparent;
}
.md-steppers-vertical md-step:last-child .md-stepper:not(.md-active) .md-steppers-scope {
  display: none;
}
.md-steppers-vertical md-step:last-child md-step-actions {
  padding-bottom: 0;
}
.md-steppers-vertical .md-stepper-indicator {
  padding: 8px;
}
.md-steppers-vertical md-step-actions {
  padding-bottom: 40px;
}
.md-steppers-vertical md-step-actions > .md-button:first-child {
  margin-left: 0;
}
.md-steppers-vertical md-step-actions > .md-button:last-child {
  margin-right: 0;
}
.md-steppers-vertical md-step-body {
  padding-bottom: 16px;
  overflow: visible;
}
.md-steppers-vertical md-step-body > *:last-child {
  margin-bottom: 0;
}

.md-steppers-mobile-header,
.md-stepper-feedback-message {
  display: none;
}

.md-steppers-mobile-toolbar {
  background: #f6f6f6 !important;
  color: #202020 !important;
}

@media (max-width: 599px) {
  .md-steppers-mobile-step-text:not(.md-steppers-vertical) .md-stepper {
    padding: 0;
  }
  .md-steppers-mobile-step-text:not(.md-steppers-vertical) .md-steppers-mobile-header {
    display: block;
  }
  .md-steppers-mobile-step-text:not(.md-steppers-vertical) .md-stepper-feedback-message {
    display: flex;
  }
  .md-steppers-mobile-step-text:not(.md-steppers-vertical) .md-steppers-header.md-steppers-horizontal {
    display: none;
  }
  .md-steppers-mobile-step-text:not(.md-steppers-vertical) md-step-actions {
    background: #f6f6f6 !important;
    color: #202020 !important;
    flex-direction: row;
    box-sizing: border-box;
    display: flex;
    align-content: stretch;
    align-items: stretch;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px;
  }
}
.md-steppers-header-region {
  position: relative;
}

.md-stepper-feedback-message {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  align-items: center;
  padding-left: 10px;
  z-index: 2;
  box-sizing: border-box;
}

.md-steppers {
  position: relative;
}

md-step-body {
  position: relative;
  overflow: auto;
  flex-direction: column;
}

.md-step-body-loading {
  display: none;
}

.md-steppers-has-feedback .md-steppers-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 99;
}
.md-steppers-has-feedback .md-step-body-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 90;
  opacity: 0.75;
  background-color: white;
}
.md-steppers-has-feedback .md-step-body-loading {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 91;
  flex-direction: column;
  box-sizing: border-box;
  align-items: center;
  align-content: center;
  max-width: 100%;
  justify-content: center;
}

body .tinymce-editor {
  display: initial;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.md-char-counter {
  display: none;
}

md-input-container.md-input-focused .md-char-counter,
md-input-container.md-input-invalid .md-char-counter {
  display: block;
}

md-chips.single-chip .md-chip-input-container > input {
  display: none;
  width: 3px;
}

md-chips.single-chip.md-input-has-value .md-chip-input-container > input {
  display: block;
}

md-chips.single-chip.md-input-has-value .md-chip-input-container > md-autocomplete {
  display: none;
}

md-chips span.goal-details-label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 110px;
}
@media (max-width: 600px) {
  md-chips span.goal-details-label {
    max-width: 90px;
  }
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-chip:not(.md-focused) md-icon,
md-input-container:not(.md-input-invalid).md-input-focused md-chip:not(.md-focused) md-icon {
  color: rgba(0, 0, 0, 0.54);
}

.md-chips md-chip {
  overflow: hidden;
  text-overflow: ellipsis;
}

.chip-input-limit-reached {
  width: 20px;
}
.chip-input-limit-reached input {
  width: 100%;
}

md-switch .md-label {
  white-space: normal;
  line-height: normal;
}

md-autocomplete[md-floating-label] md-input-container {
  padding-bottom: 0;
}

.md-button > a {
  color: currentColor;
}
.md-button > a:visited {
  color: currentColor;
}

.md-button > md-progress-circular {
  margin: 0 auto;
}

.layout-column > small {
  padding: 4px 0;
}

md-table-container {
  padding-bottom: 16px;
}

table.md-table.md-row-select td.md-cell:first-child,
table.md-table.md-row-select th.md-column:first-child {
  padding: 0 0 0 12px;
}

table.md-table.md-row-select td.md-cell:nth-child(2),
table.md-table.md-row-select th.md-column:nth-child(2),
table.md-table > tfoot.md-foot > tr.md-row > td:first-child {
  padding: 0 12px;
}

table.md-table.md-row-select td.md-cell:nth-child(n+3):nth-last-child(n+2),
table.md-table.md-row-select th.md-column:nth-child(n+3):nth-last-child(n+2) {
  padding: 0 28px 0 0;
}

table.md-table:not(.md-row-select) td.md-cell:first-child,
table.md-table:not(.md-row-select) th.md-column:first-child {
  padding: 0 12px;
}

table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding: 0 28px 0 0;
}

table.md-table th.md-column {
  font-size: 105%;
}

table.md-table td.md-cell.center,
table.md-table th.md-column.center {
  text-align: center;
}

.md-select-value > span:not(.md-select-icon).ember-power-select-clear-btn {
  max-width: 9px;
  margin: 0 8px;
}

.md-select-value > span.md-select-icon {
  max-width: 9px;
  margin: 0 8px;
}

md-select-menu > md-select-header {
  background-color: #fff;
}
md-select-menu > md-select-header.md-searchbox {
  padding: 8px 16px;
}

table.md-table tbody.md-body > tr.md-row.spacer {
  height: 8px;
  background-color: #fff;
}

table.md-table tbody.md-body:last-of-type > tr.md-row.spacer:last-child {
  display: none;
}

.ember-tooltip,
.ember-popover {
  z-index: 100;
}

.center md-switch.layout-align-center-center .md-container {
  margin-right: 0;
}

.md-button.md-fab.md-fab-bottom-right {
  position: relative;
}

md-sidenav.md-locked-open + div#main .environment-warning {
  left: var(--sidenav-width);
}

md-input-container .hint {
  position: absolute;
  left: 2px;
  right: auto;
  bottom: 2px;
  font-size: 12px;
  line-height: 14px;
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  color: #9e9e9e;
}
md-input-container.md-input-invalid > md-chips .md-chips {
  box-shadow: 0 2px #d50000;
}

.md-readonly md-input-container .md-input[disabled],
.md-readonly md-input-container md-radio-button[disabled],
.md-readonly md-input-container md-checkbox[disabled] .md-label {
  color: #757575 !important;
}
.md-readonly md-input-container md-radio-button[disabled] .md-container .md-off {
  border-color: #757575;
  background-color: #e0e0e0;
}
.md-readonly md-input-container md-radio-button[disabled] .md-container .md-on {
  background-color: #757575;
}
.md-readonly md-input-container md-checkbox:not(.md-checked) .md-icon {
  border-color: #757575;
  background-color: #e0e0e0;
}
.md-readonly md-input-container md-checkbox.md-checked .md-icon {
  border-color: #757575;
  background-color: #757575;
}
.md-readonly md-input-container > md-chips .md-chips {
  box-shadow: none;
}

.md-readonly > md-switch[disabled] .md-bar {
  background-color: #e0e0e0;
}
.md-readonly > md-switch[disabled] .md-thumb-container .md-thumb {
  background-color: #757575;
}
.md-readonly > md-switch[disabled]:not(.md-checked) .md-thumb-container .md-thumb {
  background-color: #bdbdbd;
}
.md-readonly > md-switch[disabled] .md-label {
  color: #757575;
}

md-table-pagination .page-select > md-input-container {
  margin: 0;
}
md-table-pagination .page-select > md-input-container .md-select-value > span.md-select-icon {
  margin-left: 4px;
}

.md-searchbox {
  padding-left: 0 !important;
  min-height: 32px;
}
.md-searchbox input {
  padding-left: 10px;
}

.md-contact-suggestion span.md-contact-email {
  color: #757575 !important;
}

md-input-container label {
  color: #424242 !important;
}

.uppy-Root:has(> .uppy-DragDrop-container) {
  display: contents;
}

.uppy-Dashboard-note {
  white-space: pre-line;
}

.dragSortList {
  overflow-x: hidden;
  overflow-y: auto;
}

md-list-item.md-2-line.compact-2-line,
md-list-item.md-2-line.compact-2-line > .md-no-style {
  min-height: 64px;
  padding: 0 0 0 8px;
}
md-list-item.md-2-line.compact-2-line .md-list-primary.icon-column,
md-list-item.md-2-line.compact-2-line > .md-no-style .md-list-primary.icon-column {
  margin-top: 13px;
  margin-right: 8px;
}
md-list-item.md-2-line.compact-2-line .md-list-item-text h3,
md-list-item.md-2-line.compact-2-line .md-no-style .md-list-item-text h3,
md-list-item.md-2-line.compact-2-line > .md-no-style .md-list-item-text h3,
md-list-item.md-2-line.compact-2-line > .md-no-style .md-no-style .md-list-item-text h3 {
  white-space: normal;
}

md-list-item.compact-2-line > md-icon:first-child:not(.md-avatar-icon),
md-list-item.compact-2-line .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-right: 16px;
}

md-list-item.md-2-line.compact-2-line::before,
md-list-item.md-2-line.compact-2-line > .md-no-style::before {
  min-height: 64px;
}

md-list-item .icons {
  padding: 0 4px;
  line-height: 18px;
}
md-list-item .icons md-icon {
  margin: 0 2px;
}

.autocomplete-2-line > small {
  display: none;
}

.md-autocomplete-suggestions li .autocomplete-2-line {
  line-height: normal;
  height: 48px;
}
.md-autocomplete-suggestions li .autocomplete-2-line > small {
  display: initial;
}

.md-stepper-indicator .md-stepper-title {
  white-space: normal;
}

.md-contact-suggestion {
  position: relative;
}
.md-contact-suggestion span.md-contact-email {
  position: absolute;
  top: 16px;
  left: 52px;
}

body {
  background-color: #fafafa;
}

:root {
  --safe-area-inset-top: 0px;
  --safe-area-inset-bottom: 0px;
  --safe-area-inset-left: 0px;
  --safe-area-inset-right: 0px;
}

:root {
  --vh-offset: 0px;
  --sidenav-width: 320px;
  --box-shadow: #00000080;
}

@supports (padding-top: constant(safe-area-inset-top)) {
  :root {
    --safe-area-inset-top: constant(safe-area-inset-top);
    --safe-area-inset-bottom: constant(safe-area-inset-bottom);
    --safe-area-inset-left: constant(safe-area-inset-left);
    --safe-area-inset-right: constant(safe-area-inset-right);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  :root {
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
    --safe-area-inset-left: env(safe-area-inset-left);
    --safe-area-inset-right: env(safe-area-inset-right);
  }
}
#main-content-wrapper {
  margin-top: calc(56px + var(--safe-area-inset-top) * 0.75);
}

#main-content {
  background-color: #fafafa;
}

.page-header-sticky {
  padding-top: calc(var(--safe-area-inset-top) * 0.75);
  padding-right: 120px;
  padding-left: 120px;
}
.page-header-sticky--on-nested-route {
  padding-right: 16px;
}

@media (max-width: 600px) {
  .page-header-sticky {
    padding-left: 64px;
  }
}
md-dialog {
  scrollbar-width: none;
}
md-dialog md-toolbar {
  padding-top: calc(var(--safe-area-inset-top) * 0.75);
}
md-dialog md-toolbar {
  padding-left: calc(var(--safe-area-inset-left) * 0.5);
  padding-right: calc(var(--safe-area-inset-right) * 0.5);
}
md-dialog md-dialog-actions {
  padding-left: calc(var(--safe-area-inset-left) * 0.5 + 16px);
  padding-right: calc(var(--safe-area-inset-right) * 0.5 + 8px);
  min-height: fit-content;
}
md-dialog md-dialog-content {
  padding-left: calc(var(--safe-area-inset-left) * 0.5);
  padding-right: calc(var(--safe-area-inset-right) * 0.5);
}

body.md-opaque {
  overflow: hidden;
}

md-backdrop,
.md-dialog-container {
  position: fixed !important;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

md-backdrop {
  z-index: 61 !important;
}
md-backdrop.md-sidenav-backdrop {
  z-index: 51 !important;
}

.md-dialog-container {
  z-index: 62 !important;
}

.sidebar-content {
  margin-top: calc(var(--safe-area-inset-top) + 56px);
  margin-left: calc(var(--safe-area-inset-left) * 0.75);
}

.tab-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 25;
}

.navigation-safe-area {
  height: var(--safe-area-inset-top);
  background-color: #673ab7;
  position: fixed;
  top: 0;
  z-index: 22;
  right: 0;
  left: 0;
}

.bottom-safe-area {
  height: var(--safe-area-inset-bottom);
  background-color: #673ab7;
  position: fixed;
  bottom: 0;
  z-index: 22;
  right: 0;
  left: 0;
}

.fixed-toolbar {
  margin-top: calc(var(--safe-area-inset-top) * 0.75);
  -ms-touch-action: none !important;
  touch-action: none !important;
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  z-index: 25;
}

.read-more-button {
  background-color: transparent;
  border: 0px solid transparent;
  color: #5f8bf5;
  font-weight: 500;
  margin-bottom: 0.5em;
  outline: 0;
}

.read-more-button button:focus {
  outline: 0;
}

@media (max-width: 959px) {
  md-dialog.md-dialog-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .md-dialog-container {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .uppy-Dashboard-inner {
    margin-top: 30px;
  }
}
md-sidenav {
  z-index: 60;
}

.mobile-input textarea {
  border: 0;
}

md-sidenav md-toolbar {
  position: fixed;
  height: calc(var(--safe-area-inset-top) * 0.75 + 56px);
  min-height: 56px;
  max-height: calc(var(--safe-area-inset-top) * 0.75 + 56px);
}

#main md-toolbar {
  position: fixed;
  margin-bottom: calc(var(--safe-area-inset-bottom) * 0.75);
}

#main md-dialog > md-toolbar {
  position: relative;
}

.sidenav-header {
  padding-top: calc(var(--safe-area-inset-top) * 0.75);
}

md-card {
  border-radius: 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.21);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

md-card:active {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

a {
  text-decoration: none;
}

.center {
  text-align: center;
}

.icon-padding {
  padding: 4px;
}

@media only screen and (min-width: 1280px) {
  #main-content-wrapper {
    padding-left: var(--sidenav-width);
  }
  .page-header-sticky {
    padding-left: var(--sidenav-width);
  }
}
#main-content-wrapper {
  padding-bottom: 96px;
}

@media (max-width: 960px) {
  #main-content-wrapper {
    padding-bottom: 72px;
  }
}
.md-button.profile-menu-button {
  height: 36px;
  border-radius: 50%;
}
.md-button.profile-menu-button img {
  border-radius: 50%;
}

.profile-image-container {
  width: 36px;
  height: 36px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 8px;
}

.profile-image {
  display: block;
  width: 100%;
}

.profile-menu-content {
  margin-right: 10px;
  top: 64px !important;
}
.profile-menu-content md-menu-content {
  padding: 8px;
}
.profile-menu-content .profile-menu-avatar {
  width: 120px;
  height: 120px;
  object-fit: cover;
}
@media (max-width: 600px) {
  .profile-menu-content .profile-menu-avatar {
    width: 80px;
    height: 80px;
  }
}
.profile-menu-content .profile-actions {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}
.profile-menu-content .profile-button {
  text-align: left;
}
.profile-menu-content .profile-menu-name {
  font-weight: bold;
  font-size: 1.2em;
}
.profile-menu-content .profile-menu-name,
.profile-menu-content .profile-menu-username {
  padding: 10px 14px 0px 14px;
}

.has-fixed-bottom {
  position: relative;
  padding-bottom: 64px;
  min-height: 100%;
  box-sizing: border-box;
}
.has-fixed-bottom > :first-child {
  margin-top: 0;
}
.has-fixed-bottom .fixed-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media print {
  div.site-nav-container {
    overflow: visible !important;
  }
  div.site-nav-container::before {
    display: none;
  }
  #main-content {
    background-color: transparent;
  }
  md-card {
    page-break-inside: avoid;
    box-shadow: none !important;
    max-width: none !important;
    width: 100% !important;
  }
  .hide.show-print {
    display: revert !important;
  }
  a {
    color: #000;
  }
  .round img,
  .sticky-element__scrollable .profile-banner__image img.round {
    border: 1px solid rgba(0, 0, 0, 0.87);
  }
  .round img {
    height: 100px !important;
    width: 100px !important;
    margin-left: 10px;
  }
  .sticky-element__scrollable .profile-banner__image__wrapper {
    flex: 0 0 auto !important;
    min-width: 104px !important;
  }
  .sticky-element__scrollable .profile-banner__image,
  .sticky-element__scrollable .profile-banner__image .image-uploader {
    width: 104px !important;
  }
  .sticky-element__scrollable .profile-banner__image .image-uploader {
    height: 104px !important;
  }
  .sticky-element__scrollable .profile-banner__image img.round {
    height: 104px !important;
    width: 104px !important;
  }
  .sticky-element__scrollable .profile-banner__text .md-headline {
    font-size: 24px !important;
  }
  md-toolbar,
  .page-header-sticky,
  .access-requests-wrap {
    display: none !important;
  }
  #main-content-wrapper {
    margin-top: 0px !important;
  }
  .print-banner {
    position: relative;
    height: 120px;
    margin-bottom: 2px;
    width: 100%;
    border-bottom: 1px solid grey;
  }
  .print-logo {
    position: absolute;
    top: 5px;
    width: 100px;
    height: 100px;
    object-fit: contain;
  }
  .print-name {
    position: absolute;
    left: 150px;
    top: 12px;
  }
  .profile-banner-card {
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .uppy-Root {
    display: none !important;
  }
  .dummy-new-post,
  .hide-xs,
  .md-button,
  .post-comments,
  .profile-banner__info,
  .post-attachments,
  .ember-tooltip {
    display: none;
  }
  .hide-print {
    display: none !important;
  }
  .profile-banner-card {
    border: 2px transparent !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: white !important;
  }
  .otj-widget {
    display: none;
  }
  .post-list-heading {
    max-width: none !important;
    background: transparent !important;
    justify-content: left;
  }
  .post-list-heading > .md-font {
    display: none;
  }
  md-card-title,
  #main,
  #main-content,
  .profile-banner,
  .profile-banner,
  .post-gallery,
  .show-print {
    background-color: white !important;
  }
  md-card-title {
    padding-top: 16px !important;
    padding-bottom: 0px !important;
  }
  .md-card-image,
  .js-reframe,
  .post-gallery {
    max-height: 400px !important;
  }
  .md-chips md-chip {
    border-width: 1px;
    border-color: #e0e0e0;
    border-style: solid;
  }
  .home-page .print-hide-post {
    display: none;
  }
  .adjoining-buttons .md-button.md-primary.md-raised,
  .adjoining-buttons .md-button.md-primary.md-fab {
    box-shadow: inset 0px 0px 0px 20px #01667d;
    margin-right: 4px !important;
    display: initial !important;
  }
  md-tabs {
    display: none;
  }
  form .show div.ember-view {
    page-break-inside: avoid;
  }
  md-autocomplete-wrap button {
    display: none !important;
  }
  md-radio-button .md-on {
    box-shadow: inset 0px 0px 0px 10px rgba(1, 102, 125, 0.87);
  }
  .md-thumb:before {
    content: "✘" !important;
    color: black;
    font-weight: bolder;
    margin-top: -13px;
    margin-left: 4px;
  }
  md-switch.md-checked:not([disabled]) .md-thumb:before {
    content: "✔";
  }
  .progress-chart-legend {
    justify-content: left !important;
  }
  .profile-banner {
    padding-bottom: 100px;
  }
  .md-card-image {
    max-width: 480px !important;
    max-height: 360px !important;
    margin: 0px !important;
  }
  .goals-list .goals-list-item .goal-assessor img {
    width: 21px !important;
    height: 21px !important;
  }
  .profile-banner md-card-title-text {
    position: absolute;
    left: 150px;
    width: 100%;
  }
  .profile-banner md-card-title-text.print-position-wide {
    position: absolute;
    left: 250px;
    width: 100%;
  }
  .tags-overview-chart {
    background-color: white !important;
  }
  .md-subhead {
    min-width: 500px !important;
  }
  .md-subhead,
  h2 {
    color: black !important;
  }
  .page-goals-card svg.chart-stacked-area {
    max-width: 480px;
    max-height: 360px;
  }
  md-card md-card-content > p:first-child {
    margin-top: 16px !important;
  }
  .post-container iframe {
    max-width: 480px;
    max-height: 360px;
    border-width: 0px;
  }
}
h1.snug,
h2.snug,
h3.snug,
h4.snug,
h5.snug {
  margin: 4px 0;
}

.constrain-xs {
  max-width: 600px;
  margin: 16px auto;
}

.constrain-sm {
  max-width: 960px;
  margin: 16px auto;
}

.constrain-md {
  max-width: 960px;
  margin: 16px auto;
}

/* Page Header */
.page-header {
  height: 2em;
  background-color: #673ab7;
  padding-bottom: 0.4em;
  font-size: 2em;
  display: flex;
  align-items: flex-end;
  padding-left: 0.5em;
  font-weight: 600;
  color: #fff;
}
.page-header.hidden > .page-header-title-container {
  opacity: 0;
}

.page-header-title-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 auto;
}
.page-header-title-container md-icon {
  color: #fff;
  margin-top: -6px;
}

.page-header-sticky {
  min-height: 46px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 30;
  height: 56px;
  pointer-events: none;
}

.layout-column > .flex {
  min-height: auto;
}

.page-header-sticky.hidden {
  opacity: 0;
  pointer-events: none;
}

.page-header-title {
  opacity: 1;
  font-size: 1.2em;
  font-weight: 600;
  color: #fff;
  transform: translateY(0);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-header-title md-icon {
  margin-right: 2px;
  margin-top: -4px;
  color: #fff;
}

.page-header-title.hidden {
  opacity: 0;
  transform: translateY(1em);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.reaction-icon {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.reaction-icon:hover {
  transform: scale(1.1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* Progress Indicator */
.indicator-backdrop {
  position: fixed;
  z-index: 100;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
}

.indicator-backdrop.open {
  opacity: 100;
  background-color: rgba(0, 0, 0, 0.8);
}

.indicator-container {
  background-color: #fff;
  border-radius: 20px;
  min-width: 100px;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.progress-text {
  margin-top: 10px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.loader {
  border: 4px solid #f3f3f3; /* Light grey */
  border-top: 4px solid #000; /* Blue */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 0.9s ease-in-out infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.flatpickr-calendar {
  width: 250px !important;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #01667d !important;
}

flatpickr-calendar.arrowBottom:after {
  border-top-color: #01667d !important;
}

.flatpickr-months .flatpickr-month {
  background: #01667d !important;
}

.flatpickr-current-month {
  font-size: medium !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  background: #01667d !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #01667d !important;
}

.flatpickr-weekdays {
  background: #01667d !important;
  height: 24px !important;
}

span.flatpickr-weekday {
  font-size: 80% !important;
  background: #01667d !important;
  color: rgb(255, 255, 255) !important;
}

.flatpickr-days {
  width: 250px !important;
}

.dayContainer {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
}

.flatpickr-day {
  width: 12px !important;
  max-width: 32px !important;
  height: 24px !important;
  line-height: 24px !important;
}

.flatpickr-day.endRange.nextMonthDay {
  background: #01667d !important;
  border-color: #01667d !important;
}

.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #01667d !important;
  box-shadow: -10px 0 0 #01667d !important;
}

.flatpickr-day.week.selected {
  -webkit-box-shadow: -5px 0 0 #01667d, 5px 0 0 #01667d !important;
  box-shadow: -5px 0 0 #01667d, 5px 0 0 #01667d !important;
}

.flatpickr-innerContainer {
  height: 150px !important;
}

.flatpickr-time input {
  font-size: 12px !important;
}

.no-border {
  border: none;
}

.no-touch-action {
  touch-action: none;
}

.callback-spinner {
  height: 100%;
  width: 100%;
  min-height: 100%;
  margin: -64px 0 0 -16px;
  position: fixed;
}

.account-settings__heading {
  margin-top: 16px;
  margin-bottom: 4px;
  margin-left: 8px;
}
.account-settings__devices > div {
  margin-top: 0px;
}

.no-margins {
  margin: 0;
}

.sm-margins {
  margin: 2px;
}

.bordered img {
  border: #01667d 2px solid;
}

.display-flex {
  display: flex;
}

#mapContainer {
  width: 100%;
  height: 300px;
  content: "";
  margin: 20px 0;
}

.top-navigation__switcher-group {
  display: inline-flex;
  border-radius: 99px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.12);
  overflow: hidden;
  margin-right: 8px;
}
.top-navigation__switcher-group__item {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  font: inherit;
  font-size: 0.9rem;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  color: inherit;
  background: transparent;
  border: 0;
  transition: background-color 0.15s ease;
}
.top-navigation__switcher-group__item + .top-navigation__switcher-group__item {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
}
.top-navigation__switcher-group__item:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.top-navigation__switcher-group__item--blue::before {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  background-color: #27515e;
}

#fab-destination {
  position: fixed;
  bottom: 0;
  right: 0;
}

#main md-toolbar,
.site-nav-container md-toolbar,
#paper-wormhole md-toolbar {
  background-color: #fdb521;
}

md-toolbar.md-default-theme.sidenav-header md-icon {
  color: #000;
}
md-toolbar .md-button {
  min-width: 0;
}
md-toolbar .toolbar-logo {
  margin-right: 8px;
}
md-toolbar button.active {
  background-color: #82878c;
}
md-toolbar.md-default-theme.filter-bar {
  padding: 0 5px;
  display: inline-block;
  width: auto;
  min-height: 32px;
  margin: 8px;
  background-color: #aeaeae;
}
md-toolbar.md-default-theme.filter-bar button.md-button {
  min-width: 20px;
  margin: 2px 0;
  padding: 0 8px;
  border-radius: 0;
  background-color: #aeaeae;
}
md-toolbar.md-default-theme.filter-bar button.md-button:not([disabled]):hover {
  background-color: #82878c;
}
md-toolbar.md-default-theme.filter-bar button.md-button.active {
  background-color: #5e87b0;
}

@media only screen and (min-width: 1280px) {
  #main-content-wrapper,
  #top-people-selector,
  #top-group-selector {
    padding-left: var(--sidenav-width);
  }
  .top-toolbar.fixed-toolbar > .md-toolbar-tools {
    padding-left: calc(var(--sidenav-width) + 16px);
  }
  .wide-list #main-content-wrapper,
  .wide-list #top-people-selector,
  .wide-list #top-group-selector,
  .wide-list .top-toolbar.fixed-toolbar > .md-toolbar-tools {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1920px) {
  .wide-list #main-content-wrapper,
  .wide-list #top-people-selector,
  .wide-list #top-group-selector {
    padding-left: var(--sidenav-width);
  }
  .wide-list .top-toolbar.fixed-toolbar > .md-toolbar-tools {
    padding-left: calc(var(--sidenav-width) + 16px);
  }
}
.no-left-nav #main-content-wrapper,
.no-left-nav #top-people-selector,
.no-left-nav #top-group-selector,
.no-left-nav .top-toolbar.fixed-toolbar > .md-toolbar-tools {
  padding-left: 0;
}

/**
 * linced-common-components provides styles for our components in BEM format.
 *
 * Components and styles are listed in alphabetic order.
 *
 * Block = Component.
 * Element = Component Element.
 * Modifier = State that modifies the element's style.
 *
 * Refer:
 * - http://getbem.com/naming/
 */
/**
 * linced-dynamic-styles gives the school colours. The DynamicStyles component
 * sets the custom properties on :root for the school.
 */
:root {
  --gender-color-male: #5e87b0;
  --gender-color-male-dark: #456e97;
  --gender-color-male-darker: #2c557e;
  --gender-color-male-light: #77a0c9;
  --gender-color-male-lighter: #90b9e2;
  --gender-color-female: #6bb569;
  --gender-color-female-dark: #529c50;
  --gender-color-female-darker: #398337;
  --gender-color-female-light: #84ce82;
  --gender-color-female-lighter: #9de79b;
  --gender-color-neutral: #aeaeae;
  --gender-color-neutral-dark: #959595;
  --gender-color-neutral-darker: #7c7c7c;
  --gender-color-neutral-light: #c7c7c7;
  --gender-color-neutral-lighter: #e0e0e0;
}

.iconSelect .md-button.md-primary:not([disabled]) md-icon.progress-colour-0,
.iconSelect.preview md-icon.progress-colour-0 {
  background-color: var(--progress-colour-1);
  color: var(--progress-colour-1-text);
}

.report-print .iconSelect.preview md-icon.progress-colour-0,
.report-print .circle--well-below {
  border-color: var(--progress-colour-1);
}

.colours-progress--1,
.progress-dot .colours-progress--1,
.badge-card.colours-progress--1 md-card-title,
.md-chips.expectations .colours-progress--1 {
  background-color: var(--progress-colour-1);
  color: var(--progress-colour-1-text);
}

.progress-chart-legend .progress-legend.colours-progress--1 {
  background-color: transparent;
  border-top-color: var(--progress-colour-1, #000);
  border-bottom-color: var(--progress-colour-1-bg, rgba(0, 0, 0, 0.3));
}

.otj-widget .otj-standards-line .otj-milestone.colours-progress--1,
.otj-widget .otj-standards-line .otj-milestone.colours-progress--1 .otj-milestone-label {
  border-color: var(--progress-colour-1);
}

.circle--well-below {
  background-color: var(--progress-colour-1);
}

.iconSelect .md-button.md-primary:not([disabled]) md-icon.progress-colour-1,
.iconSelect.preview md-icon.progress-colour-1 {
  background-color: var(--progress-colour-2);
  color: var(--progress-colour-2-text);
}

.report-print .iconSelect.preview md-icon.progress-colour-1,
.report-print .circle--below {
  border-color: var(--progress-colour-2);
}

.colours-progress--2,
.progress-dot .colours-progress--2,
.badge-card.colours-progress--2 md-card-title,
.md-chips.expectations .colours-progress--2 {
  background-color: var(--progress-colour-2);
  color: var(--progress-colour-2-text);
}

.progress-chart-legend .progress-legend.colours-progress--2 {
  background-color: transparent;
  border-top-color: var(--progress-colour-2, #000);
  border-bottom-color: var(--progress-colour-2-bg, rgba(0, 0, 0, 0.3));
}

.otj-widget .otj-standards-line .otj-milestone.colours-progress--2,
.otj-widget .otj-standards-line .otj-milestone.colours-progress--2 .otj-milestone-label {
  border-color: var(--progress-colour-2);
}

.circle--below {
  background-color: var(--progress-colour-2);
}

.iconSelect .md-button.md-primary:not([disabled]) md-icon.progress-colour-2,
.iconSelect.preview md-icon.progress-colour-2 {
  background-color: var(--progress-colour-3);
  color: var(--progress-colour-3-text);
}

.report-print .iconSelect.preview md-icon.progress-colour-2,
.report-print .circle--at {
  border-color: var(--progress-colour-3);
}

.colours-progress--3,
.progress-dot .colours-progress--3,
.badge-card.colours-progress--3 md-card-title,
.md-chips.expectations .colours-progress--3 {
  background-color: var(--progress-colour-3);
  color: var(--progress-colour-3-text);
}

.progress-chart-legend .progress-legend.colours-progress--3 {
  background-color: transparent;
  border-top-color: var(--progress-colour-3, #000);
  border-bottom-color: var(--progress-colour-3-bg, rgba(0, 0, 0, 0.3));
}

.otj-widget .otj-standards-line .otj-milestone.colours-progress--3,
.otj-widget .otj-standards-line .otj-milestone.colours-progress--3 .otj-milestone-label {
  border-color: var(--progress-colour-3);
}

.circle--at {
  background-color: var(--progress-colour-3);
}

.iconSelect .md-button.md-primary:not([disabled]) md-icon.progress-colour-3,
.iconSelect.preview md-icon.progress-colour-3 {
  background-color: var(--progress-colour-4);
  color: var(--progress-colour-4-text);
}

.report-print .iconSelect.preview md-icon.progress-colour-3,
.report-print .circle--above {
  border-color: var(--progress-colour-4);
}

.colours-progress--4,
.progress-dot .colours-progress--4,
.badge-card.colours-progress--4 md-card-title,
.md-chips.expectations .colours-progress--4 {
  background-color: var(--progress-colour-4);
  color: var(--progress-colour-4-text);
}

.progress-chart-legend .progress-legend.colours-progress--4 {
  background-color: transparent;
  border-top-color: var(--progress-colour-4, #000);
  border-bottom-color: var(--progress-colour-4-bg, rgba(0, 0, 0, 0.3));
}

.otj-widget .otj-standards-line .otj-milestone.colours-progress--4,
.otj-widget .otj-standards-line .otj-milestone.colours-progress--4 .otj-milestone-label {
  border-color: var(--progress-colour-4);
}

.circle--above {
  background-color: var(--progress-colour-4);
}

.iconSelect .md-button.md-primary:not([disabled]) md-icon.progress-colour-4,
.iconSelect.preview md-icon.progress-colour-4 {
  background-color: var(--progress-colour-5);
  color: var(--progress-colour-5-text);
}

.report-print .iconSelect.preview md-icon.progress-colour-4,
.report-print .circle--well-above {
  border-color: var(--progress-colour-5);
}

.colours-progress--5,
.progress-dot .colours-progress--5,
.badge-card.colours-progress--5 md-card-title,
.md-chips.expectations .colours-progress--5 {
  background-color: var(--progress-colour-5);
  color: var(--progress-colour-5-text);
}

.progress-chart-legend .progress-legend.colours-progress--5 {
  background-color: transparent;
  border-top-color: var(--progress-colour-5, #000);
  border-bottom-color: var(--progress-colour-5-bg, rgba(0, 0, 0, 0.3));
}

.otj-widget .otj-standards-line .otj-milestone.colours-progress--5,
.otj-widget .otj-standards-line .otj-milestone.colours-progress--5 .otj-milestone-label {
  border-color: var(--progress-colour-5);
}

.circle--well-above {
  background-color: var(--progress-colour-5);
}

/**
 * Colours for Goal States.
 */
md-card.goal-card {
  width: 95%;
  height: 194px;
  min-width: 240px;
  position: relative;
  font-size: 0.8em;
}
md-card.goal-card a {
  cursor: pointer;
  min-height: 64px;
}
md-card.goal-card > md-card-content {
  height: 159px;
  margin-right: 32px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
md-card.goal-card md-progress-linear {
  position: absolute;
  bottom: 0;
  height: 12px;
}
md-card.goal-card md-progress-linear > div,
md-card.goal-card md-progress-linear .md-bar {
  height: 11px;
}
md-card.goal-card .goal-actions {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 28px;
  height: 33px;
  border-top: 1px solid #eeeeee;
  display: flex;
}
md-card.goal-card .goal-actions .md-button {
  padding: 2px;
  margin: 0;
  min-height: 28px;
  height: 33px;
  line-height: 30px;
  min-width: 28px;
  width: 28px;
  font-size: smaller;
}
md-card.goal-card.goal-card-detailed {
  padding-bottom: 20px;
}
md-card.goal-card.goal-card-detailed .goal-subject {
  font-size: 1em;
}
md-card.goal-card.goal-card-detailed .goal-actions {
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #fff;
}

.goal-assessor {
  padding-right: 16px;
}
.goal-assessor img {
  width: 48px;
  height: 48px;
  border: 1px solid #9e9e9e;
}

.goal-developing {
  background-color: #ffecb3;
}

.goal-developing-text {
  background-color: #ffca28;
}

.goal-secure {
  background-color: #66bb6a;
}
.goal-secure md-card-content {
  color: #fff;
}

.goals-legend {
  min-width: 24px;
  min-height: 24px;
  margin: -2px 2px 0;
  padding: 4px 8px;
  font-size: 0.8em;
  box-sizing: border-box;
  border: 1px solid #bdbdbd;
}
.goals-legend.goal-expectation {
  border: 1px dashed #01667d;
}
.goals-legend.goal-not-set.goal-progressions {
  background-color: #e0e0e0;
}

.goal-path {
  color: #9e9e9e;
}

md-progress-linear.goal-progress {
  background-color: #bdbdbd;
  border: 1px solid #bdbdbd;
  border-bottom: 0 none;
  margin-top: -6px;
}
md-progress-linear.goal-progress .md-bar1 {
  background-color: #ffecb3;
}
md-progress-linear.goal-progress .md-bar2 {
  background-color: #66bb6a;
}

.goals-list .goals-list-item {
  margin: 4px 0;
}
.goals-list .goals-list-item .goal-assessor img {
  width: 42px;
  height: 42px;
}
.goals-list .goals-list-item .goal-description {
  margin-right: 10px;
}

.goal-grader__circle {
  display: inline-block;
  box-sizing: content-box;
  border: 6px solid white;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin-right: 0;
}

.goalpicker-buttons button img {
  margin-bottom: -5px;
  max-height: 21px;
  max-width: 21px;
}

h3 img.badge {
  margin-bottom: -3px;
  max-height: 21px;
  max-width: 21px;
}

.goal-picker-badges {
  margin-top: 10px;
}
.goal-picker-badges div {
  margin: 10px;
  text-align: center;
}
.goal-picker-badges div div {
  margin: 0px;
}
.goal-picker-badges img {
  max-height: 84px;
  max-width: 84px;
}

.goal-picker-badges-assessor {
  font-weight: bold;
}

.profile-banner-badges-sticky {
  margin: 4px 0px 0px 20px;
}
.profile-banner-badges-sticky img {
  max-height: 32px;
  max-width: 32px;
  cursor: pointer;
}
.profile-banner-badges-sticky md-icon {
  cursor: pointer;
}

.profile-banner-badges {
  margin-top: 8px;
}
.profile-banner-badges img {
  margin: 4px 8px 4px 0px;
  max-height: 64px;
  max-width: 64px;
  cursor: pointer;
}
.profile-banner-badges .md-button {
  margin: 4px 0px;
  padding: 0px;
}
.profile-banner-badges .md-button.md-icon-button {
  width: 32px;
}
.profile-banner-badges--sm img {
  max-height: 32px;
  max-width: 32px;
}

.badge-dialog-badge {
  margin: 42px 16px 0px 0px;
}
.badge-dialog-badge img {
  max-height: 84px;
  max-width: 84px;
}

.badge-dialog-assessor {
  margin-left: 10px;
}
.badge-dialog-assessor img {
  max-height: 42px;
  max-width: 42px;
  margin: 10px;
}

.badge-dialog-content div {
  margin-top: 11px;
}
.badge-dialog-content div div {
  font-weight: bold;
  margin-right: 32px;
}

.example,
.md-button.md-raised:not([disabled]).example,
.md-button.md-icon-button.example,
.md-button.md-icon-button:not([disabled]).example,
.md-button:not([disabled]).example {
  background-color: #07667d;
  color: #fff;
}
.example:hover, .example.md-focused,
.md-button.md-raised:not([disabled]).example:hover,
.md-button.md-raised:not([disabled]).example.md-focused,
.md-button.md-icon-button.example:hover,
.md-button.md-icon-button.example.md-focused,
.md-button.md-icon-button:not([disabled]).example:hover,
.md-button.md-icon-button:not([disabled]).example.md-focused,
.md-button:not([disabled]).example:hover,
.md-button:not([disabled]).example.md-focused {
  background-color: #055567;
}
.example md-icon,
.md-button.md-raised:not([disabled]).example md-icon,
.md-button.md-icon-button.example md-icon,
.md-button.md-icon-button:not([disabled]).example md-icon,
.md-button:not([disabled]).example md-icon {
  color: #fff;
}

md-dialog-content {
  padding: 0;
}
md-dialog-content .example-card {
  text-align: center;
  min-height: 295px;
  position: sticky;
  top: -180px;
}

.goals-progress__container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  grid-column-gap: 20px;
}

.hero-purple {
  background-color: #55578d;
  color: #fff;
}

.hero-blue {
  color: #fff;
  background-color: #01667d;
}

.hero-light-blue {
  color: #000;
  background-color: #add5f6;
}

.hero-orange {
  color: #fff;
  background-color: #ff8210;
}

.hero-teal {
  color: #000;
  background-color: #1fa6a6;
}

.hero-dark-green {
  color: #fff;
  background-color: #29741d;
}

/**
 * Imports
 */
md-stepper {
  display: block;
}

md-steppers-header,
md-steppers-mobile-header,
md-step-actions {
  flex: 0 0 auto;
  box-sizing: border-box;
}

.md-steppers-header-region {
  z-index: 1;
}

@media (max-width: 599px) {
  md-stepper {
    display: flex;
    flex-direction: row;
  }
  md-stepper > div {
    min-width: 0px;
    flex: 1;
  }
  .md-steppers-content {
    min-height: 0px;
    display: flex;
    flex-direction: column;
  }
  md-step.md-active {
    min-height: 0px;
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  md-step.md-active .md-stepper {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0px;
  }
  md-steppers-scope {
    flex: 1;
  }
  md-step-body {
    flex: 1;
  }
}
.md-steppers {
  display: flex;
  flex-flow: column;
}
.md-steppers:not(.md-steppers-linear) .md-stepper-indicator:not(.md-active):not(.md-completed):hover, .md-steppers:not(.md-steppers-linear) .md-stepper-indicator.md-editable.md-completed:hover {
  cursor: pointer;
}
.md-steppers:not(.md-steppers-linear) .md-stepper-indicator:not(.md-active):not(.md-completed):hover,
.md-steppers:not(.md-steppers-linear) .md-stepper-indicator:not(.md-active):not(.md-completed):hover .md-stepper-indicator-wrapper, .md-steppers:not(.md-steppers-linear) .md-stepper-indicator.md-editable.md-completed:hover,
.md-steppers:not(.md-steppers-linear) .md-stepper-indicator.md-editable.md-completed:hover .md-stepper-indicator-wrapper {
  background-color: #f6f6f6;
}

.md-steppers-header {
  margin: 0;
  display: flex;
  flex-flow: row nowrap;
  border-radius: 0;
  align-items: flex-start;
}

.md-steppers-horizontal .md-stepper-indicator {
  min-height: 72px;
}
.md-steppers:not(.md-steppers-alternative) .md-steppers-horizontal .md-stepper-indicator {
  align-items: center;
}
.md-steppers-horizontal .md-stepper-indicator:first-child .md-stepper-indicator-wrapper {
  padding-left: 16px;
}
.md-steppers-horizontal .md-stepper-indicator:after {
  width: 999em;
  height: 1px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  background-color: #e8e8e8;
  content: " ";
}

.md-stepper-indicator {
  margin: 0;
  padding: 0 16px;
  position: relative;
  display: flex;
  flex: 1 0 auto;
  align-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
  cursor: default;
  background: none;
  border: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-stepper-indicator:focus {
  outline: none;
}
.md-stepper-indicator.md-completed .md-stepper-number, .md-stepper-indicator.md-active .md-stepper-number {
  background-color: #01667d;
  background-color: RGB(var(--primary-500));
}
.md-stepper-indicator.md-completed .md-stepper-title, .md-stepper-indicator.md-active .md-stepper-title {
  color: rgba(0, 0, 0, 0.87);
}
.md-stepper-indicator.md-active .md-stepper-title, .md-stepper-indicator.md-editable .md-stepper-title {
  font-weight: 500;
}
.md-stepper-indicator.md-error .md-stepper-title {
  color: #f44336;
}
.md-stepper-indicator:first-child {
  padding-left: 0;
}
.md-stepper-indicator:last-child {
  padding-right: 0;
  justify-content: flex-end;
}
.md-stepper-indicator:last-child .md-stepper-indicator-wrapper {
  padding-right: 24px;
}
.md-stepper-indicator .md-ripple-container {
  z-index: 3;
}

.md-stepper-indicator-wrapper {
  padding: 0 8px 0 0;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  align-content: center;
  background-color: #fff;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.md-stepper-number {
  width: 24px;
  height: 24px;
  margin: 0 8px;
  border-radius: 24px;
  background-color: #bdbdbd;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
}
.md-stepper-number.ng-hide {
  transition: none;
}

.md-error .md-stepper-error-indicator {
  margin: 0 8px;
  background-color: #fff;
}
.md-error .md-stepper-error-indicator md-icon {
  color: #f44336;
}
.md-error .md-stepper-error-message {
  color: #f44336;
  font-weight: 400;
}

md-icon.md-default-theme.md-stepper-icon {
  width: 18px;
  height: 18px;
  position: relative;
  top: -1px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
md-icon.md-default-theme.md-stepper-icon.md-stepper-icon-edit {
  width: 14px;
  height: 14px;
  font-size: 14px;
  font-weight: 400;
}

.md-stepper-title {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
}
.md-stepper-title small:not(.md-stepper-error-message) {
  color: rgba(0, 0, 0, 0.54);
}
.md-stepper-title small {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  font-size: 12px;
  line-height: 1em;
}

.md-steppers-content {
  position: relative;
  flex: 1;
  order: 2;
}

.md-steppers:not(.md-steppers-vertical) {
  height: 100%;
}
.md-steppers:not(.md-steppers-vertical) .md-steppers-content {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.md-steppers:not(.md-steppers-vertical) md-step {
  min-height: 0;
}
.md-steppers:not(.md-steppers-vertical) md-step.flex {
  display: flex;
  flex-direction: column;
}
.md-steppers:not(.md-steppers-vertical) .md-stepper.md-active {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
.md-steppers:not(.md-steppers-vertical) md-steppers-scope {
  flex: 1;
  min-height: 0;
}
.md-steppers:not(.md-steppers-vertical) md-step-body {
  flex: 1;
  min-height: 0;
}

.md-stepper {
  box-sizing: border-box;
}
.md-stepper.md-active {
  position: relative;
  pointer-events: auto;
}

.md-steppers-actions {
  display: flex;
}

.md-steppers-linear .md-stepper-indicator {
  cursor: default;
}
.md-steppers-linear .md-stepper-indicator.md-editable.md-completed:hover {
  cursor: pointer;
}
.md-steppers-linear .md-stepper-indicator.md-editable.md-completed:hover,
.md-steppers-linear .md-stepper-indicator.md-editable.md-completed:hover .md-stepper-indicator-wrapper {
  background-color: #f6f6f6;
}
.md-steppers-linear .md-stepper-indicator.md-editable.md-completed:hover .md-stepper-number:before, .md-steppers-linear .md-stepper-indicator.md-editable.md-completed:hover .md-stepper-number:after {
  background-color: #f6f6f6;
}
.md-steppers-linear .md-stepper-title {
  color: rgba(0, 0, 0, 0.26);
}
.md-steppers-linear .md-stepper-title small:not(.md-stepper-error-message) {
  color: rgba(0, 0, 0, 0.26);
}

.md-steppers-alternative:not(.md-steppers-linear) .md-stepper-indicator:not(.md-active):not(.md-completed):hover .md-stepper-indicator-wrapper {
  background: none;
}
.md-steppers-alternative:not(.md-steppers-linear) .md-stepper-indicator:not(.md-active):not(.md-completed):hover .md-stepper-number:before, .md-steppers-alternative:not(.md-steppers-linear) .md-stepper-indicator:not(.md-active):not(.md-completed):hover .md-stepper-number:after {
  background-color: #f6f6f6;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator {
  min-height: 104px;
  padding: 24px 16px;
  flex: 1;
  justify-content: center;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator .md-stepper-indicator-wrapper {
  padding: 0;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator:first-child {
  padding-left: 24px;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator:first-child:after {
  left: 50%;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator:last-child {
  padding-right: 24px;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator:last-child:after {
  right: 50%;
  left: auto;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator:after {
  margin-top: 0;
  top: 36px;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator-wrapper {
  padding: 0 16px;
  min-height: 50px;
  flex-flow: column nowrap;
  background: none;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-number,
.md-steppers-alternative .md-steppers-horizontal .md-stepper-error-indicator {
  position: relative;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-number:before, .md-steppers-alternative .md-steppers-horizontal .md-stepper-number:after,
.md-steppers-alternative .md-steppers-horizontal .md-stepper-error-indicator:before,
.md-steppers-alternative .md-steppers-horizontal .md-stepper-error-indicator:after {
  width: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #fff;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  content: " ";
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-number:before,
.md-steppers-alternative .md-steppers-horizontal .md-stepper-error-indicator:before {
  left: -8px;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-number:after,
.md-steppers-alternative .md-steppers-horizontal .md-stepper-error-indicator:after {
  right: -8px;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-title {
  margin-top: 16px;
  line-height: 18px;
  text-align: center;
}
.md-steppers-alternative .md-steppers-horizontal .md-stepper-title small {
  text-align: center;
}

.md-steppers-vertical {
  padding: 16px;
}
.md-steppers-vertical .md-stepper-number {
  margin: 0 8px 0 0;
}
.md-steppers-vertical .md-stepper {
  padding: 0;
}
.md-steppers-vertical .md-steppers-scope {
  margin-left: 20px;
  border-left: 1px solid #e8e8e8;
  padding-left: 20px;
  min-height: 25px;
}
.md-steppers-vertical md-step:last-child .md-stepper .md-steppers-scope {
  border-left: 1px solid transparent;
}
.md-steppers-vertical md-step:last-child .md-stepper:not(.md-active) .md-steppers-scope {
  display: none;
}
.md-steppers-vertical md-step:last-child md-step-actions {
  padding-bottom: 0;
}
.md-steppers-vertical .md-stepper-indicator {
  padding: 8px;
}
.md-steppers-vertical md-step-actions {
  padding-bottom: 40px;
}
.md-steppers-vertical md-step-actions > .md-button:first-child {
  margin-left: 0;
}
.md-steppers-vertical md-step-actions > .md-button:last-child {
  margin-right: 0;
}
.md-steppers-vertical md-step-body {
  padding-bottom: 16px;
  overflow: visible;
}
.md-steppers-vertical md-step-body > *:last-child {
  margin-bottom: 0;
}

.md-steppers-mobile-header,
.md-stepper-feedback-message {
  display: none;
}

.md-steppers-mobile-toolbar {
  background: #f6f6f6 !important;
  color: #202020 !important;
}

@media (max-width: 599px) {
  .md-steppers-mobile-step-text:not(.md-steppers-vertical) .md-stepper {
    padding: 0;
  }
  .md-steppers-mobile-step-text:not(.md-steppers-vertical) .md-steppers-mobile-header {
    display: block;
  }
  .md-steppers-mobile-step-text:not(.md-steppers-vertical) .md-stepper-feedback-message {
    display: flex;
  }
  .md-steppers-mobile-step-text:not(.md-steppers-vertical) .md-steppers-header.md-steppers-horizontal {
    display: none;
  }
  .md-steppers-mobile-step-text:not(.md-steppers-vertical) md-step-actions {
    background: #f6f6f6 !important;
    color: #202020 !important;
    flex-direction: row;
    box-sizing: border-box;
    display: flex;
    align-content: stretch;
    align-items: stretch;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px;
  }
}
.md-steppers-header-region {
  position: relative;
}

.md-stepper-feedback-message {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  align-items: center;
  padding-left: 10px;
  z-index: 2;
  box-sizing: border-box;
}

.md-steppers {
  position: relative;
}

md-step-body {
  position: relative;
  overflow: auto;
  flex-direction: column;
}

.md-step-body-loading {
  display: none;
}

.md-steppers-has-feedback .md-steppers-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 99;
}
.md-steppers-has-feedback .md-step-body-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 90;
  opacity: 0.75;
  background-color: white;
}
.md-steppers-has-feedback .md-step-body-loading {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 91;
  flex-direction: column;
  box-sizing: border-box;
  align-items: center;
  align-content: center;
  max-width: 100%;
  justify-content: center;
}

/**
 * Styles for MFA-related components
 */
.mfa {
  /**
   * Enrollment dialog under profile settings
   */
}
.mfa__enrolment-dialog {
  max-width: 600px;
}
.mfa__enrolment-dialog md-dialog .md-dialog-content {
  padding-top: 0;
}
.mfa__enrolment-dialog .md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator {
  padding: 16px;
  min-height: fit-content;
}
.mfa__enrolment-dialog .md-steppers-alternative .md-steppers-horizontal .md-stepper-indicator:after {
  top: 30px;
}
.mfa__enrolment-dialog__steps {
  padding: 0;
}
.mfa__enrolment-dialog__steps > li,
.mfa__enrolment-dialog__steps span {
  margin-bottom: 8px;
}
.mfa__enrolment-dialog__steps > span:last-child {
  margin-bottom: 16px;
}
.mfa__enrolment-dialog__qr-code {
  align-self: center;
  height: 200px;
  width: 200px;
}
.mfa__enrolment-dialog__icon--green {
  color: #66bb6a;
}
.mfa__enrolment-dialog {
  /**
   * Note-card component for recovery codes
   */
}
.mfa__enrolment-dialog__recovery-codes {
  margin: 36px 0;
}
.mfa__enrolment-dialog__recovery-codes md-card-content {
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
}
.mfa__enrolment-dialog__recovery-codes md-card-content > span {
  padding-bottom: 8px;
  font-weight: 700;
}
.mfa__enrolment-dialog__recovery-codes button:hover md-icon {
  color: #01667d;
}
.mfa {
  /**
   * TOTP code component that can be used in multiple scenarios for MFA
   */
}
.mfa__totp-code__container {
  margin: 12px 0;
}
.mfa__totp-code__container md-input-container .md-input {
  border-width: 1px;
  width: 40px;
  height: 60px;
  text-align: center;
  font-size: 130%;
}
.mfa__totp-code__container input:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.mfa__totp-code__message {
  font-weight: 500;
  margin-top: 12px;
}
.mfa__totp-code__message--failure {
  color: #d51f27;
}
.mfa__totp-code__progress-overlay md-progress-circular {
  align-self: center;
  margin-bottom: 10px;
}
.mfa {
  /**
   * MFA Management dialog under profile settings
   */
}
.mfa__user-management__dialog {
  min-width: 400px;
}
.mfa__user-management__dialog .md-subheader {
  background-color: transparent;
}
.mfa__user-management__dialog .md-subheader .md-subheader-inner {
  padding: 16px 0 0;
}
.mfa__user-management__dialog md-divider:last-child {
  display: none;
}
.mfa {
  /**
   * MFA Un-enrolment dialog
   */
}
.mfa__unenrolment__dialog {
  width: 500px;
}
.mfa__unenrolment__button--mode-switch {
  margin-left: 0 !important;
}
.mfa__unenrolment__container--center {
  align-self: center;
}
.mfa__message--warning {
  font-weight: 500;
  color: #d51f27;
}

.home-page md-card {
  border-radius: 16px;
}
.home-page .paper-divider {
  margin-top: 20px;
  margin-bottom: 20px;
}
.home-page__header {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.home-page__header.teal {
  background-color: #d2eded;
}
.home-page__header.purple {
  background-color: #bbbcd1;
}
.home-page__header.red {
  background-color: #efa6a9;
}
.home-page__header.light-green {
  background-color: #c2e098;
}
.home-page__header.light-blue {
  background-color: #bbdcf8;
}
.home-page__header.orange {
  background-color: #ffcd9f;
}
.home-page__header.pink {
  background-color: #fec3d5;
}
.home-page__header.grey-blue {
  background-color: #5e94c0;
}
.home-page__header.dark-green {
  background-color: #94ba8e;
}
.home-page__header.grey {
  background-color: #bdbdbd;
}
.home-page__header__school-name {
  color: #01667d;
  margin: 0;
}
.home-page__header__logo {
  min-width: 120px;
  min-height: 120px;
  max-width: 33%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.home-page__header__logo img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: contain;
  object-position: right top;
  padding-bottom: 10px;
}
.home-page__card-container {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 14px !important;
  position: relative;
  top: -10px;
  background-color: white;
}
.home-page__menu-section {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  grid-row-gap: 20px;
  justify-items: center;
}
.home-page__learners {
  background-color: #f5f5f5;
  border-radius: 6px;
  margin-top: 10px;
  padding-top: 10px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  justify-items: center;
}
.home-page__learner {
  grid-column: span all;
  line-height: normal;
}
.home-page__learner img {
  object-fit: cover;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  border: #01667d 2px solid;
}
.home-page__learner p,
.home-page__learner a {
  color: #01667d;
  font-weight: 700;
}
.home-page__link {
  line-height: normal;
  width: 79px;
}
.home-page__link p,
.home-page__link a {
  color: var(--foreground);
  font-size: 0.875rem;
}
.home-page__link__icon--small {
  height: 62px;
  width: 62px;
  background-color: #f5f5f5;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.home-page__link__icon--small i {
  font-size: 32px;
  color: #01667d;
}
.home-page__link__icon--small img {
  height: 28px;
  width: auto;
  margin: 0 !important;
  object-fit: cover;
}
.home-page__link__badge i {
  color: white;
  border-radius: 10px;
  background-color: #1b5e20;
  position: absolute;
  top: 10px;
  right: 10px;
  line-height: 1 !important;
  padding: 0.1rem;
}
.home-page__link__badge--warning i {
  color: white;
  border-radius: 10px;
  background-color: #d51f27;
  position: absolute;
  top: 10px;
  right: 10px;
  line-height: 0.95 !important;
}
.home-page__link:hover {
  filter: brightness(0.9);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.report-builder__breadcrumb {
  flex-shrink: 0;
  padding: 12px 24px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  display: flex;
  align-items: center;
  gap: 4px;
}
.report-builder__breadcrumb a {
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
}
.report-builder__breadcrumb a:hover {
  color: rgba(0, 0, 0, 0.87);
}
.report-builder__breadcrumb strong {
  color: rgba(0, 0, 0, 0.87);
}

.report-builder__breadcrumb-back {
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.54);
}
.report-builder__breadcrumb-back:hover {
  color: rgba(0, 0, 0, 0.87);
}

.report-builder__breadcrumb-text {
  font-weight: 400;
}

.report-builder__toolbar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 24px 16px;
}

.report-builder__toolbar-left {
  flex: 1;
}

.report-builder__heading {
  margin: 0;
  font-size: 24px;
  font-weight: 400;
}

.report-builder__toolbar-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

.report-builder__theme-toggle {
  display: flex;
  align-items: center;
  gap: 12px;
}

.report-builder__theme-toggle-label {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  white-space: nowrap;
}

.report-builder__theme-toggle-group {
  display: flex;
  background: #f0f0f0;
  border-radius: 8px;
  padding: 3px;
}

.report-builder__theme-toggle-btn {
  border: none;
  background: transparent;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.55);
  cursor: pointer;
  border-radius: 6px;
  white-space: nowrap;
}
.report-builder__theme-toggle-btn:hover {
  color: rgba(0, 0, 0, 0.8);
}
.report-builder__theme-toggle-btn--active {
  background: white;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.report-builder__content {
  display: flex;
  flex: 1;
  min-height: 0;
  gap: 24px;
  padding: 0 24px 24px;
  align-items: stretch;
  overflow: hidden;
}

.report-builder__content > .report-builder__preview,
.report-builder__content > .report-builder__form {
  min-height: 0;
  overflow-y: auto;
}

.report-builder__content > .report-builder__preview {
  position: static;
  align-self: auto;
  max-height: none;
}

.report-builder__preview {
  flex: 1;
  position: sticky;
  top: 80px;
  align-self: flex-start;
  max-height: calc(100vh - 96px);
  overflow-y: auto;
}
.report-builder__preview md-card {
  overflow: hidden;
}

.report-builder__preview-comp-target {
  cursor: pointer;
  border-radius: 6px;
  transition: outline 0.15s ease, background 0.15s ease;
  outline: 2px solid transparent;
}
.report-builder__preview-comp-target:hover {
  outline: 2px solid #01667d;
  background: rgba(1, 102, 125, 0.03);
}

.report-builder__data-triangulation-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
}
.report-builder__data-triangulation-btn md-icon {
  margin-left: auto;
}
.report-builder__data-triangulation-btn {
  border: 1px solid #f9a825;
  border-radius: 8px;
  background: #fffde7;
  cursor: pointer;
  white-space: nowrap;
  font-size: 14px;
}
.report-builder__data-triangulation-btn:hover {
  background: #fff8e1;
}

.report-builder__data-triangulation-status {
  color: #f57f17;
  font-size: 13px;
}
.report-builder__data-triangulation-status--configured {
  color: #2e7d32;
}

.report-builder__triangulation-picker {
  min-width: 500px;
}

.report-builder__triangulation-picker-list {
  max-height: 360px;
  overflow-y: auto;
  margin-top: 8px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
}

.report-builder__triangulation-picker-item {
  padding: 4px 12px;
  border-bottom: 1px solid #f0f0f0;
}
.report-builder__triangulation-picker-item:last-child {
  border-bottom: none;
}

.report-builder__preview-top {
  position: relative;
  background-color: rgb(220, 235, 235);
}
.report-builder__preview--blue .report-builder__preview-top {
  background-color: rgb(4, 102, 124);
}
.report-builder__preview--warm .report-builder__preview-top {
  background-color: rgb(254, 243, 199);
}
.report-builder__preview--monochrome .report-builder__preview-top {
  background-color: rgba(55, 65, 81, 0.2);
}

.report-builder__preview-student-name {
  font-size: 18px;
  font-weight: 600;
}
.report-builder__preview--blue .report-builder__preview-student-name {
  color: white;
}

.report-builder__preview-student-subtext {
  color: rgba(0, 0, 0, 0.54);
}
.report-builder__preview--blue .report-builder__preview-student-subtext {
  color: rgba(255, 255, 255, 0.75);
}

.report-builder__preview-student-meta {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  margin-top: 2px;
}
.report-builder__preview--blue .report-builder__preview-student-meta {
  color: rgba(255, 255, 255, 0.65);
}

.report-builder__preview-school-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgb(220, 235, 235);
  border-radius: 4px;
  padding: 7px;
  margin: 8px 7px 7px;
}
.report-builder__preview--blue .report-builder__preview-school-bar {
  background: rgba(218, 232, 236, 0.38);
}
.report-builder__preview--warm .report-builder__preview-school-bar {
  background: rgb(254, 243, 199);
}
.report-builder__preview--monochrome .report-builder__preview-school-bar {
  background: #f4f4f4;
}

.report-builder__preview-school-logo {
  width: 39px;
  height: 42px;
  object-fit: contain;
  flex-shrink: 0;
}

.report-builder__preview-school-name {
  font-size: 12px;
  color: black;
}

.report-builder__preview-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #e8e8e8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
  flex-shrink: 0;
  margin-right: 12px;
}

.report-builder__preview-avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.report-builder__preview-period-row {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 6px;
}

.report-builder__preview-period-badge {
  background-color: white;
  color: black;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

.report-builder__preview-period-badge--placeholder {
  color: #6b7280;
  font-style: italic;
}

.report-builder__preview-period-badge--action {
  border: 0;
  font-family: inherit;
  line-height: inherit;
  cursor: pointer;
  outline: 2px solid transparent;
  transition: outline 0.15s ease;
}
.report-builder__preview-period-badge--action:hover, .report-builder__preview-period-badge--action:focus-visible {
  outline: 2px solid #01667d;
}

.report-builder__form {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.report-builder__form md-card-content {
  display: block;
}

.report-builder__form-heading {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
}

.report-builder__status-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 14px;
}
.report-builder__status-banner--active {
  background: rgba(0, 150, 136, 0.08);
  border: 1px solid rgba(0, 150, 136, 0.25);
}
.report-builder__status-banner--inactive {
  background: rgba(255, 160, 0, 0.08);
  border: 1px solid rgba(255, 160, 0, 0.25);
}

.report-builder__status-banner-text {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(0, 0, 0, 0.7);
}
.report-builder__status-banner-text strong {
  color: rgba(0, 0, 0, 0.87);
}

.report-builder__status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.report-builder__status-dot--active {
  background: #009688;
}
.report-builder__status-dot--inactive {
  background: #ffa000;
}

.report-builder__field {
  display: block;
  width: 100%;
}
.report-builder__field md-input-container {
  width: 100%;
}

.report-builder__section-title {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 500;
}
.report-builder__section-title--spaced {
  margin-top: 16px;
}

.report-builder__section-subtitle {
  margin: 0 0 16px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
}

.report-builder__card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.report-builder__card-header--spaced {
  margin-top: 16px;
}
.report-builder__card-header--stacked {
  flex-direction: column;
  align-items: stretch;
}
.report-builder__card-header--stacked .md-button {
  align-self: flex-end;
  margin-left: 0;
  margin-right: 0;
  margin-top: 12px;
}
.report-builder__card-header .report-builder__section-subtitle {
  margin-bottom: 4px;
}
.report-builder__card-header .report-builder__section-subtitle:last-child {
  margin-bottom: 0;
}

.report-builder__expandable-header {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.report-builder__expandable-header .report-builder__section-title {
  flex: 1;
}

.report-builder__expandable-chevron {
  margin-left: auto;
  color: rgba(0, 0, 0, 0.54);
}

.report-builder__active-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
}
.report-builder__active-toggle label {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
}

.report-builder__period-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
}

.report-builder__period-fields {
  flex: 1;
  display: flex;
  gap: 16px;
}
.report-builder__period-fields md-input-container {
  flex: 1;
}
.report-builder__period-fields md-input-container:nth-child(2), .report-builder__period-fields md-input-container:last-child {
  flex: 0.5;
}

.report-builder__period-remove {
  padding-top: 16px;
}

.report-builder__delete-icon {
  color: rgba(0, 0, 0, 0.38);
}

.report-builder__add-period {
  margin-top: 8px;
}

.report-builder__section-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  margin-bottom: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  cursor: pointer;
  background: white;
}
.report-builder__section-item:hover {
  background: #f9f9f9;
}
.report-builder__section-item .drag-handle {
  cursor: grab;
  color: rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
}

.report-builder__section-item-label {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
}

.report-builder__add-component-link {
  font-size: 14px;
  font-weight: 500;
  color: #00695c;
  cursor: pointer;
  text-decoration: none;
}
.report-builder__add-component-link:hover {
  text-decoration: underline;
}

.report-builder__add-section {
  margin-top: 12px;
}

@media (max-width: 960px) {
  .report-builder__breadcrumb {
    padding: 8px 16px;
  }
  .report-builder__toolbar {
    padding: 0 16px 12px;
  }
  .report-builder__content {
    flex-direction: column;
    gap: 16px;
    padding: 0 16px 16px;
    overflow-y: auto;
  }
  .report-builder__content > .report-builder__preview,
  .report-builder__content > .report-builder__form {
    flex: none;
    overflow: visible;
  }
  .report-builder__content > .report-builder__form {
    order: -1;
  }
  .report-builder__form--detail {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 81;
    max-height: 80dvh;
    gap: 0;
    background: #fff;
    border-top: 1px solid #e5e7eb;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.15);
    overflow: hidden;
  }
  .report-builder__form--detail md-card {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    margin: 0;
    border-radius: 16px 16px 0 0;
    box-shadow: none;
    overflow: hidden;
  }
  .report-builder__form--detail md-card-content {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-bottom: calc(16px + var(--safe-area-inset-bottom, 0px));
  }
  .report-builder__form--detail .report-builder__detail-header {
    border-bottom: 1px solid #e5e7eb;
  }
  .report-builder__form--detail .report-builder__sheet-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    margin: -10px -8px -10px 0;
  }
  .report-builder__content:has(.report-builder__form--detail) {
    overflow: hidden;
  }
  .report-builder__content:has(.report-builder__form--detail) > .report-builder__preview {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
  }
}
@media (max-width: 600px) {
  .report-builder__toolbar {
    flex-wrap: wrap;
    gap: 8px;
  }
  .report-builder__toolbar-left {
    display: none;
  }
  .report-builder__toolbar-right {
    flex: 1;
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .report-builder__theme-toggle {
    flex: 1 1 100%;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .report-builder__theme-toggle-group {
    max-width: 100%;
    flex-wrap: wrap;
    gap: 2px;
  }
  .report-builder__theme-toggle-btn {
    padding: 6px 12px;
  }
  .report-builder__status-banner {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .report-builder__status-banner .md-button {
    margin-left: 0;
    margin-right: 0;
  }
  .report-builder__status-banner-text {
    align-items: flex-start;
  }
  .report-builder__status-dot {
    margin-top: 6px;
  }
  .report-builder__period-fields {
    flex-direction: column;
    gap: 0;
  }
  .report-builder__period-fields md-input-container:nth-child(2),
  .report-builder__period-fields md-input-container:last-child {
    flex: 1;
  }
}
.report-builder__detail-header {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #fff;
  padding-bottom: 12px;
}

.report-builder__detail-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.report-builder__sheet-close {
  display: none;
  border: none;
  background: transparent;
  border-radius: 8px;
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
}
.report-builder__sheet-close:hover {
  color: rgba(0, 0, 0, 0.87);
}

.report-builder__back-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  margin-bottom: 8px;
}
.report-builder__back-link:hover {
  color: rgba(0, 0, 0, 0.87);
}

.report-builder__section-detail-title {
  font-size: 22px;
  font-weight: 600;
  margin: 8px 0 0;
}

.report-builder__component-group-label {
  font-size: 12px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.45);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 20px;
  margin-bottom: 8px;
}

.report-builder__component-option {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  margin-bottom: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  cursor: pointer;
}
.report-builder__component-option:hover {
  background: #f5f5f5;
}

.report-builder__component-option-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #eef2f5;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.report-builder__component-option-icon md-icon {
  color: rgba(0, 0, 0, 0.38);
}

.report-builder__component-option-info {
  flex: 1;
}

.report-builder__component-option-label {
  font-size: 15px;
  font-weight: 600;
}

.report-builder__component-option-desc {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
  margin-top: 2px;
}

.report-builder__component-option-type {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.3);
}

.report-builder__section-types {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.report-builder__section-type-card {
  padding: 16px 20px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  cursor: pointer;
}
.report-builder__section-type-card:hover {
  background: #f5f5f5;
}

.report-builder__section-type-label {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
}

.report-builder__section-type-desc {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
}

.report-builder__preview-content-card {
  margin-top: 16px;
}

.report-builder__preview-content-header {
  background-color: rgb(220, 235, 235);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.report-builder__preview--blue .report-builder__preview-content-header {
  background-color: rgb(4, 102, 124);
}
.report-builder__preview--warm .report-builder__preview-content-header {
  background-color: rgb(254, 243, 199);
}
.report-builder__preview--monochrome .report-builder__preview-content-header {
  background-color: rgba(55, 65, 81, 0.2);
}
@media (max-width: 599px) {
  .report-builder__preview-content-header {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
}

.report-builder__preview-section-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.report-builder__preview--blue .report-builder__preview-section-title {
  color: white;
}

.report-builder__preview-component-row {
  display: flex;
  gap: 12px;
  margin-top: 12px;
}
.report-builder__preview-component-row > * {
  flex: 1 1 0;
  min-width: 0;
}
@media (max-width: 599px) {
  .report-builder__preview-component-row {
    flex-direction: column;
  }
}

.report-builder__preview-narrative-card {
  overflow: hidden;
}
.report-builder__preview-narrative-card > p,
.report-builder__preview-narrative-card > .report-builder__preview-paragraph {
  padding-left: 8px;
}

.report-builder__preview-narrative-header {
  background-color: rgb(220, 235, 235);
  border-radius: 4px;
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 8px;
}
.report-builder__preview--blue .report-builder__preview-narrative-header {
  background-color: rgba(218, 232, 236, 0.38);
}
.report-builder__preview--warm .report-builder__preview-narrative-header {
  background-color: rgb(254, 243, 199);
}
.report-builder__preview--monochrome .report-builder__preview-narrative-header {
  background-color: #f4f4f4;
}

.report-builder__preview-narrative-card .report-builder__preview-paragraph {
  padding: 0 0 0 8px;
}

.report-builder__preview-paragraph {
  font-size: 14px;
  line-height: 1.5;
  padding: 0 12px 8px;
}
.report-builder__preview-paragraph p {
  margin: 0 0 8px;
}
.report-builder__preview-paragraph p:last-child {
  margin-bottom: 0;
}
.report-builder__preview-paragraph table {
  border-collapse: collapse;
  margin: 0 0 8px;
}
.report-builder__preview-paragraph table td,
.report-builder__preview-paragraph table th {
  border: 1px solid rgba(0, 0, 0, 0.4);
  padding: 4px 8px;
  vertical-align: top;
}

.report-builder__detail-field-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  margin-bottom: 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  background: #fafafa;
}

.report-builder__detail-field-label {
  font-size: 14px;
}

.report-builder__detail-field-remove {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.38);
  display: flex;
  align-items: center;
}
.report-builder__detail-field-remove:hover {
  color: rgba(0, 0, 0, 0.87);
}

.report-builder__section-title-preview {
  margin-bottom: 8px;
}

.report-builder__section-title-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0;
  font-size: 14px;
  font-weight: 500;
}

.report-builder__section-title-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: #f5f5f5;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
}
.report-builder__section-title-content:hover {
  background: #eeeeee;
}

.report-builder__chart-type-picker {
  display: flex;
  gap: 16px;
}
.report-builder__chart-type-picker--triple {
  gap: 12px;
}

.report-builder__chart-type-option {
  flex: 1;
  border: 2px solid rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  text-align: center;
}
.report-builder__chart-type-option:hover {
  border-color: rgba(0, 0, 0, 0.25);
}
.report-builder__chart-type-option--selected {
  border-color: #37474f;
}

.report-builder__chart-type-illustration {
  background: #f0f2f4;
  border-radius: 8px;
  padding: 8px;
  margin-bottom: 12px;
}
.report-builder__chart-type-illustration svg {
  width: 100%;
  height: auto;
  display: block;
}

.report-builder__chart-type-radio {
  display: flex;
  justify-content: center;
  margin-bottom: 6px;
}

.report-builder__chart-type-radio-dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.25);
}
.report-builder__chart-type-radio-dot--filled {
  border-color: #37474f;
  background: #37474f;
}

.report-builder__chart-type-label {
  font-size: 14px;
  font-weight: 500;
}

.report-builder__subject-card {
  margin-top: 20px;
  padding: 16px 20px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  background: #fafafa;
}

.report-builder__subject-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
}

.report-builder__subject-select {
  flex: 1;
  min-width: 0;
}
.report-builder__subject-select md-input-container {
  width: 100%;
}

.report-builder__preview-chip-row {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  max-width: 50%;
  min-width: 0;
}
@media (max-width: 599px) {
  .report-builder__preview-chip-row {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    max-width: 100%;
  }
}

.report-builder__preview-chip-group {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: white;
  border-radius: 4px;
  padding: 6px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
  white-space: normal;
  word-break: break-word;
  text-align: right;
}

.report-builder__preview-chip-label {
  color: inherit;
}

.report-builder__preview-chip {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  background: transparent;
  color: inherit;
  padding: 0;
  border-radius: 0;
}
.report-builder__preview-chip--school {
  color: inherit;
}

.report-builder__preview-progress {
  margin-top: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  overflow: hidden;
}

.report-builder__preview-progress-header {
  background-color: #37474f;
  color: white;
  padding: 12px 16px;
  text-align: right;
  border-radius: 12px 12px 0 0;
}

.report-builder__preview-progress-subject {
  font-size: 16px;
  font-weight: 600;
}

.report-builder__preview-progress-years {
  font-size: 13px;
  opacity: 0.85;
}

.report-builder__preview-progress-table {
  width: 100%;
  border-collapse: collapse;
}

.report-builder__preview-progress-th {
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.report-builder__preview-progress-th:first-child {
  text-align: left;
}

.report-builder__preview-progress-td {
  padding: 12px 8px;
  text-align: center;
  vertical-align: middle;
}
.report-builder__preview-progress-td--label {
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  padding-left: 10px;
}
.report-builder__preview-progress-td--shaded {
  background-color: #e8f0ee;
}

.report-builder__preview-progress-badge {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  padding: 6px 12px;
}

.report-builder__preview-progress-badge-label {
  font-size: 11px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.65);
}

.report-builder__preview-progress-badge-detail {
  font-size: 10px;
  color: rgba(0, 0, 0, 0.45);
}

.report-builder__preview-progress-line {
  padding: 16px;
}
.report-builder__preview-progress-line svg {
  width: 100%;
  height: auto;
  display: block;
}

.report-builder-progress-table {
  display: block;
  width: 100%;
  height: auto;
}

.report-builder__preview-pv {
  border-radius: 4px;
  padding: 8px;
}

.report-builder__preview-pv-chart {
  background: transparent;
  border-radius: 4px;
  overflow: hidden;
}

.report-builder__preview-pv-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.report-builder__preview-pv-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  font-size: 12px;
  color: white;
}

.report-builder__preview-pv-header-name {
  font-weight: 700;
  flex-shrink: 0;
}

.report-builder__preview-pv-header-report {
  color: rgba(255, 255, 255, 0.65);
  flex-shrink: 0;
}

.report-builder__preview-pv-header-meta {
  margin-left: auto;
  color: rgba(255, 255, 255, 0.85);
  font-size: 11px;
  font-weight: 600;
  text-align: right;
}

.report-builder__preview-pv-body {
  display: flex;
  flex-direction: column;
}

.report-builder__preview-pv-header-row {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.report-builder__preview-pv-y-corner {
  box-sizing: border-box;
  width: 52px;
  flex-shrink: 0;
  background: #fafafa;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 4px 6px;
  font-size: 8px;
  color: rgba(0, 0, 0, 0.26);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.report-builder__preview-pv-col-headers {
  flex: 1;
  display: flex;
}

.report-builder__preview-pv-col-header {
  flex: 1;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  padding: 6px 2px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.report-builder__preview-pv-col-header:last-child {
  border-right: none;
}

.report-builder__preview-pv-rows {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.report-builder__preview-pv-row {
  display: flex;
  flex: 1;
  min-height: 28px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.report-builder__preview-pv-row:last-child {
  border-bottom: none;
}

.report-builder__preview-pv-y-label {
  box-sizing: border-box;
  width: 52px;
  flex-shrink: 0;
  background: #fafafa;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 6px 0 4px;
  font-size: 9px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.75);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.report-builder__preview-pv-cell {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 4px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.report-builder__preview-pv-cell:last-child {
  border-right: none;
}
.report-builder__preview-pv-cell--pair, .report-builder__preview-pv-cell--has-next {
  justify-content: space-between;
}
.report-builder__preview-pv-cell--arrow-target {
  justify-content: flex-start;
}
.report-builder__preview-pv-cell--arrow-target-left {
  justify-content: flex-end;
}
.report-builder__preview-pv-cell--bridge {
  justify-content: flex-start;
}

.report-builder__preview-pv-arrow {
  flex: 1;
  display: flex;
  align-items: center;
  min-width: 8px;
  margin: 0 2px;
}
.report-builder__preview-pv-arrow::before {
  content: "";
  flex: 1;
  height: 1.5px;
  background: rgba(0, 0, 0, 0.3);
}
.report-builder__preview-pv-arrow::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 3.5px solid transparent;
  border-bottom: 3.5px solid transparent;
  border-left: 5px solid rgba(0, 0, 0, 0.3);
  flex-shrink: 0;
}
.report-builder__preview-pv-arrow--left {
  transform: scaleX(-1);
}

.report-builder__preview-pv-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  border-radius: 100px;
  font-size: 11px;
  font-weight: 600;
  color: white;
  white-space: nowrap;
}
.report-builder__preview-pv-badge--primary {
  background: #04667c;
}
.report-builder__preview-pv-badge--secondary {
  background: #82316d;
}

.strand-slider-visual {
  display: block;
  border-radius: 4px;
  overflow: hidden;
}

.report-builder__preview-strand-subject {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}

.report-builder__preview-strand-row {
  margin-bottom: 24px;
}
.report-builder__preview-strand-row:last-child {
  margin-bottom: 0;
}

.report-builder__preview-strand-label {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
}

.report-builder__preview-strand-bar-wrap {
  position: relative;
}

.report-builder__preview-strand-bar {
  display: flex;
  height: 20px;
  border-radius: 4px;
  background: #ececec;
  overflow: hidden;
}

.report-builder__preview-strand-segment {
  flex: 1;
}

.report-builder__preview-strand-marker {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid white;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: -1px;
  transform: translateX(-50%);
  pointer-events: none;
}

.report-builder__preview-strand-labels {
  display: flex;
  margin-top: 8px;
}
.report-builder__preview-strand-labels span {
  flex: 1;
  text-align: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
}

.report-builder__preview-strands-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin-top: 16px;
  border: 2px solid #37474f;
  border-radius: 8px;
  overflow: hidden;
}
.report-builder__preview-strands-table th {
  text-align: left;
  padding: 12px 14px;
  font-size: 15px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.75);
  border-bottom: 2px solid #37474f;
}
.report-builder__preview-strands-table td {
  padding: 10px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.report-builder__preview-strands-table tbody tr:last-child td {
  border-bottom: none;
}
.report-builder__preview-strands-table tbody tr:nth-child(even) {
  background: #fafafa;
}

.report-builder__preview-assessment {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 16px;
}
.report-builder__preview-assessment + .report-builder__preview-assessment {
  margin-top: 12px;
}

.report-builder__preview-assessment-module-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
}

.report-builder__preview-assessment-table {
  display: flex;
  flex-direction: column;
}

.report-builder__preview-assessment-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  font-size: 13px;
}
.report-builder__preview-assessment-row:last-child {
  border-bottom: none;
}

.report-builder__preview-assessment-row-label {
  display: flex;
  flex-direction: column;
}

.report-builder__preview-assessment-description {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.3;
  margin-top: 2px;
}

.report-builder__preview-assessment-grade {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.75);
  margin-left: 16px;
}

.report-builder__preview-assessment-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(130px, 30%), 1fr));
  gap: 10px;
}

.report-builder__preview-assessment-card {
  box-sizing: border-box;
  min-width: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 14px 12px;
  text-align: center;
  background: #f5f5f5;
}

.report-builder__preview-assessment-card-grade {
  font-size: 16px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 4px;
}

.report-builder__preview-assessment-card-label {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.3;
}

.report-builder__preview-assessment-card-description {
  font-size: 10px;
  color: rgba(0, 0, 0, 0.4);
  line-height: 1.3;
  margin-top: 4px;
}

.report-builder__preview-attendance-chart {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 12px 16px;
}

.report-builder__preview-attendance-chart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.report-builder__preview-attendance-chart-title {
  font-size: 14px;
  font-weight: 600;
}

.report-builder__preview-attendance-chart-pct {
  font-size: 14px;
  font-weight: 600;
}

.report-builder__preview-attendance-bar {
  display: flex;
  height: 20px;
  border-radius: 10px;
  overflow: hidden;
  gap: 2px;
}

.report-builder__preview-attendance-bar-segment {
  min-width: 4px;
}

.report-builder__preview-attendance-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  font-size: 12px;
}

.report-builder__preview-attendance-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.report-builder__preview-attendance-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

.report-builder__preview-attendance-legend-total {
  color: rgba(0, 0, 0, 0.45);
}

.report-builder__preview-attendance-as-at {
  margin-top: 8px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
}

.report-builder__preview-attendance-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-top: 3px solid #37474f;
  border-radius: 4px;
}
.report-builder__preview-attendance-table th {
  text-align: left;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.report-builder__preview-attendance-table td {
  padding: 10px 16px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}
.report-builder__preview-attendance-table th + th,
.report-builder__preview-attendance-table td + td {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.report-builder__placeholder-text {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.38);
  font-style: italic;
  padding: 8px 0;
}

.report-builder__preview-header-row {
  gap: 12px;
}

.report-builder__preview-detail-field {
  padding: 4px 0;
}

.report-builder__preview-detail-label {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
}

.report-builder__preview-no-content {
  color: rgba(0, 0, 0, 0.38);
  font-size: 13px;
  font-style: italic;
  margin: 8px 0 0;
}

.report-builder__preview-assessment-placeholder {
  color: rgba(0, 0, 0, 0.38);
  font-size: 13px;
  font-style: italic;
  padding: 8px 0;
}

.report-builder__preview-empty-state {
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  padding: 24px 16px;
}

.report-builder__preview-attendance-bar-present {
  flex: 82;
  background: #4caf50;
}

.report-builder__preview-attendance-bar-justified {
  flex: 4;
  background: #ff9800;
}

.report-builder__preview-attendance-bar-late {
  flex: 2;
  background: #8bc34a;
}

.report-builder__preview-attendance-bar-unjustified {
  flex: 2;
  background: #ef5350;
}

.report-builder__preview-attendance-dot--present {
  background: #4caf50;
}

.report-builder__preview-attendance-dot--justified {
  background: #ff9800;
}

.report-builder__preview-attendance-dot--late {
  background: #8bc34a;
}

.report-builder__preview-attendance-dot--unjustified {
  background: #ef5350;
}

.bulk-pdf-capture-container {
  position: fixed;
  left: -9999px;
  top: 0;
  width: 900px;
  overflow: visible;
  pointer-events: none;
}

.bulk-pdf-download-icon {
  font-size: 18px;
  line-height: 1;
}

@keyframes animate-loading {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
/**
 * avatar-image component.
 */
.avatar-image__img--loading {
  animation: animate-loading 2s infinite linear;
  background: linear-gradient(to right, #f6f7f8 4%, #edeef1 25%, #f6f7f8 36%);
  background-size: 1000px 100%;
}

/**
 * dialog-escaper component.
 */
.dialog-escaper {
  position: absolute;
  right: 0;
  top: 0;
}
.dialog-escaper .md-button.md-icon-button {
  margin: 6px;
}

/**
 * environment-warning component styles.
 *
 * Note:
 * - See CSS .environment-warning override for pushing the element left when
 *   the sidenav bar is locked open in `linced-common-overrides.scss`.
 */
@media print {
  .environment-warning {
    display: none;
  }
}
.environment-warning {
  background-color: #db4147;
  color: #fff;
  font-size: smaller;
  padding: 1px;
  position: fixed;
  top: 56px;
  left: 0;
  right: 0;
  z-index: 20;
}
.environment-warning__hide-btn {
  position: fixed;
  left: unset;
  right: 0;
  top: 56px;
}
.environment-warning md-icon {
  color: #fff;
}

/**
 * image-uploader component.
 */
.image-uploader .uppy-DragDrop-container {
  opacity: 0;
}
.image-uploader .uppy-DragDrop-container.uppy-DragDrop--isDragDropSupported.uppy-DragDrop--isDraggingOver {
  opacity: 1;
  z-index: 6;
}
.image-uploader--constrain-size {
  width: 120px;
  height: 120px;
  display: block;
  position: relative;
}
.image-uploader--constrain-size md-progress-circular {
  margin: 35px auto;
}
.image-uploader--constrain-size img {
  width: 120px;
  height: 120px;
  object-fit: cover;
}
.image-uploader--constrain-size .uppy-DragDrop-container {
  opacity: 0;
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
}
.image-uploader--constrain-size .uppy-DragDrop-container .uppy-DragDrop-inner {
  padding: 12px;
  width: 100%;
  height: 100%;
}
.image-uploader--constrain-size .uppy-DragDrop-container .uppy-DragDrop-arrow {
  width: 28px !important;
  height: 28px !important;
  margin-bottom: 8px !important;
}
.image-uploader--constrain-size .uppy-DragDrop-container .uppy-DragDrop-label {
  font-size: 1em !important;
  line-height: 1.2 !important;
  width: 100%;
  height: auto;
}
.image-uploader__progress-text {
  margin-top: 2px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  color: #616161;
}
.image-uploader--is-empty {
  z-index: 6;
  display: block;
}
.image-uploader--is-empty .uppy-DragDrop-container {
  opacity: 1;
}
.newpost-attachments .post-attachment .image-uploader--constrain-size {
  width: 118px;
  height: 90px;
}
.newpost-attachments .post-attachment .image-uploader--constrain-size .uppy-DragDrop-container {
  opacity: 1;
}
.newpost-attachments .post-attachment .image-uploader--constrain-size .uppy-DragDrop-container .uppy-DragDrop-inner {
  padding: 4px 12px !important;
}
.newpost-attachments .post-attachment .image-uploader--constrain-size .uppy-DragDrop-container .uppy-DragDrop-arrow {
  width: 16px !important;
  height: 16px !important;
  margin-bottom: 4px !important;
}
.newpost-attachments .post-attachment .image-uploader--constrain-size .uppy-DragDrop-container .uppy-DragDrop-label {
  font-size: 0.8em !important;
}

/**
 * goals-progress-details component.
 */
.goals-progress-details__chip md-chip {
  cursor: pointer;
  width: 120px;
  text-align: center;
}
.goals-progress-details__chip md-chip .md-chip-content {
  float: none;
}
.goals-progress-details__chip md-chips span.goal-details-label,
.goals-progress-details__chip .md-contact-chips .md-chips md-chip .md-contact-name {
  display: inline;
}
.goals-progress-details__chip .small-label {
  cursor: pointer;
}
.goals-progress-details__dialog {
  max-height: 80vh;
  overflow: visible;
  top: 5vh;
}
.goals-progress-details__dialog-content {
  padding: 24px;
}
.goals-progress-details__dialog-content--with-showcase-image {
  padding-top: 0;
  margin-top: 95px;
}
.goals-progress-details__dialog-goal-label--not-set {
  color: #000;
}
.goals-progress-details__dialog-goal-label--developing {
  color: #ffca28;
}
.goals-progress-details__dialog-goal-label--secure {
  color: #66bb6a;
}
.goals-progress-details__dialog-showcase-badge {
  display: block;
  margin: auto;
  position: relative;
  right: 10px;
  top: -70px;
}
.goals-progress-details__dialog-showcase-image {
  left: 0;
  margin: auto;
  object-fit: cover;
  position: fixed;
  right: 0;
}
.goals-progress-details__dialog .md-dialog-content {
  padding-top: 0;
}
.goals-progress-details__dialog .md-dialog-content.goals-progress-details__dialog-content {
  padding-top: 24px;
}

/**
 * log-card component styles.
 */
.log-card__card--error {
  background-color: #ffab91;
}
.log-card__card--info {
  background-color: #b3e5fc;
}
.log-card__card--warn {
  background-color: #ffe082;
}

.notification__header__avatar {
  margin-left: 0;
}
.notification__header__avatar > img {
  height: 40px;
  width: 40px;
}

.post__header__avatar {
  height: 75px;
  width: 75px;
}

/**
 * post-comment component styles
 */
.post-comment__action {
  padding-right: 8px;
  display: flex;
  flex-direction: row;
}

/**
 * profile-banner component styles
 */
.profile-banner__heroid {
  font-size: 18px;
  font-weight: 200;
}

.report-printer-frame {
  height: 1px;
  width: 1px;
  position: absolute;
  top: -100px;
  left: -100px;
}

/**
 * Sticky Element
 */
.sticky-element {
  box-sizing: border-box;
  position: sticky;
  top: var(--sticky-top, 0);
  width: calc(100% + 2 * var(--sticky-bleed, 0px));
  margin-inline: calc(-1 * var(--sticky-bleed, 0px));
  transform: translateY(calc(-1 * var(--sticky-bleed, 0px)));
}
.sticky-element__wrap {
  display: contents;
}
.sticky-element__scrollable {
  width: calc(100% + 2 * var(--sticky-bleed, 0px));
  margin-inline: calc(-1 * var(--sticky-bleed, 0px));
  margin-top: calc(-1 * var(--sticky-bleed, 0px));
}
.sticky-element__sentinel {
  height: 0;
  overflow: hidden;
}

.sticky-element__wrap:has(.sticky-element__scrollable) .sticky-element:not(.sticky-element--sticky) {
  display: none;
}
.sticky-element__wrap:has(.sticky-element__scrollable) .sticky-element--sticky {
  margin-top: calc(-1 * var(--sticky-handoff-delta, 0px));
}

@media print {
  .sticky-element__wrap:has(.sticky-element__scrollable) .sticky-element {
    display: none;
  }
  .sticky-element,
  .sticky-element__scrollable {
    position: static;
    width: auto;
    margin: 0;
    transform: none;
    box-shadow: none !important;
  }
}
/**
 * video-card component styles.
 */
.log-card__content {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.log-card__video-player {
  width: calc(100% - 32px);
  height: calc(100% - 32px);
  top: 16px;
  left: 16px;
  position: absolute;
  border-radius: 10px;
  border: none;
}

/**
 * tinymce-editor component wraps the self-hosted TinyMCE editor. The outer
 * block is a stable root; TinyMCE seizes the inner <textarea>, hiding it and
 * inserting its own `.tox-tinymce` UI alongside it inside the block.
 */
.tinymce-editor__textarea {
  display: none;
}

.wonde-sync-overview--dialog-content--content-wrapper {
  width: 100%;
  display: flex;
}
.wonde-sync-overview--dialog-content--list-item {
  width: 100%;
}
.wonde-sync-overview--dialog-content--list-item--text {
  float: left;
}
.wonde-sync-overview--dialog-content--card--scroll-view {
  overflow-y: auto;
}
.wonde-sync-overview--dialog-content--container--refresh.md-button.md-icon-button {
  height: 36px;
  width: 36px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
.wonde-sync-overview--dialog-content--container--refresh.md-button.md-icon-button .paper-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% + 1px));
}
.wonde-sync-overview--dialog-content--container .md-list-item-inner.md-no-style {
  padding-top: 0;
}
.wonde-sync-overview--dialog-content--container .md-subheader-inner {
  padding: 0;
}
.wonde-sync-overview--dialog-content--container .md-subheader-inner .md-subheader-content {
  align-items: center;
}
.wonde-sync-overview--dialog-content--container .md-subheader-inner .md-subheader-content h3 {
  padding: 16px;
  margin: 0;
}
.wonde-sync-overview--dialog-content .selected {
  background-color: #eeeeee;
}
.wonde-sync-overview--error-label {
  display: flex;
  flex-wrap: wrap;
}
.wonde-sync-overview--error-label small {
  width: 50%;
}

.progress-bar {
  width: 100%;
  display: flex;
  align-items: center;
}
.progress-bar--percent {
  min-width: 40px;
}
.progress-bar md-progress-linear {
  margin: 2px 8px;
  height: 20px;
}
.progress-bar md-progress-linear .md-container {
  border-radius: 10px;
  background-color: #ccc;
}
.progress-bar md-progress-linear .md-container,
.progress-bar md-progress-linear .md-bar {
  height: 20px;
}
.progress-bar md-progress-linear .md-mode-determinate .md-bar.md-bar2 {
  background-color: #81c784;
}

.progress-radial md-progress-circular.md-mode-determinate path {
  stroke: #81c784;
}

.md-button .progress-radial {
  margin: -8px;
}
.md-button .progress-radial--center {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 0.8em;
  color: black;
  background-color: #fff;
  border: 4px solid #ccc;
  border-radius: 50%;
}

/**
 * Call to action component styles.
 */
.cta__title__container {
  padding-bottom: 10px;
}
.cta__title__text {
  font-weight: 700;
  font-size: 1.1rem;
  line-height: normal;
}
.cta__icon {
  color: #01667d;
  margin-top: 0;
}
.cta__link {
  font-size: 1rem;
  font-weight: 700;
  color: #01667d;
  margin-top: 10px;
}
.cta__link:hover {
  text-decoration: underline;
}

/**
 * School details component styles.
 */
.school-details__field {
  color: #01667d;
}
.school-details__icon {
  margin-right: 20px;
  color: #01667d;
}
.school-details__address--secondary {
  font-size: smaller;
  color: #757575;
}

/**
 * Fullscreen attachment styles.
 */
.fullscreen-attachment__thumbnail {
  cursor: zoom-in;
}
.fullscreen-attachment__container {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.fullscreen-attachment__button {
  background-color: rgb(255, 255, 255);
  border-radius: 2px !important;
  margin: 0;
  position: absolute;
  right: 10px;
  top: 10px;
}
.fullscreen-attachment__button i.ph-bold.ph-arrows-out-simple {
  display: block;
  margin-left: 1px;
}
.fullscreen-attachment__button--close {
  background-color: var(--zoomist-zoomer-button-color);
  color: var(--zoomist-zoomer-icon-color);
  margin: 0;
  right: calc(var(--safe-area-inset-right) + 10px);
  top: calc(var(--safe-area-inset-top) + 10px);
  z-index: 100;
  opacity: 0.7;
  transition: all 0.2s;
}
.fullscreen-attachment__button--close:hover {
  opacity: 1;
}
.fullscreen-attachment__button--download {
  background-color: var(--zoomist-zoomer-button-color);
  color: var(--zoomist-zoomer-icon-color);
  margin: 0;
  right: calc(var(--safe-area-inset-right) + 10px);
  top: calc(var(--safe-area-inset-top) + 64px);
  z-index: 100;
  opacity: 0.7;
  transition: all 0.2s;
}
.fullscreen-attachment__button--download:hover {
  opacity: 1;
}
.fullscreen-attachment__button:hover button {
  background-color: rgb(255, 255, 255);
}
.fullscreen-attachment__item {
  z-index: 100;
}
.fullscreen-attachment__item img {
  width: 100%;
  object-fit: contain;
  object-position: center;
}
.fullscreen-attachment__item {
  width: 100%;
  aspect-ratio: 1;
}
.fullscreen-attachment__item:has(> iframe) {
  background-color: rgb(255, 255, 255);
}
.fullscreen-attachment__backdrop {
  cursor: zoom-out;
  z-index: -1 !important;
}
@media (min-width: 1280px) {
  .fullscreen-attachment__container {
    max-width: 50vw;
    overflow: visible;
  }
  .fullscreen-attachment__item img {
    height: 100%;
  }
}

.zoomist-container .fullscreen-button-prev,
.zoomist-container .fullscreen-button-next {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  opacity: 0.7;
  transition: all 0.2s;
}
.zoomist-container .fullscreen-button-prev:hover,
.zoomist-container .fullscreen-button-next:hover {
  opacity: 1;
}
.zoomist-container .fullscreen-button-prev {
  left: 8px;
}
.zoomist-container .fullscreen-button-next {
  right: 8px;
}
.zoomist-container md-backdrop.md-opaque {
  opacity: 0.95;
}
.zoomist-container .zoomist-wrapper {
  width: 100%;
  height: 100vh;
  background-color: transparent !important;
}
.zoomist-container .zoomist-image {
  height: 100%;
  align-content: center;
  display: flex;
}
.zoomist-container .zoomist-image.interactable img {
  pointer-events: all;
}
.zoomist-container .zoomist-zoomer {
  bottom: calc(var(--safe-area-inset-bottom) + 12px);
  right: auto;
  top: auto;
  display: flex;
  border-radius: 4px;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2392156863);
}
.zoomist-container .zoomist-zoomer .zoomist-zoomer-button {
  width: 42px;
  height: 42px;
}
.zoomist-container .zoomist-zoomer .zoomist-zoomer-in {
  order: 1;
}

.reactions {
  font-size: 0.875rem;
}
.reactions__container.ember-popover {
  padding: 0;
}
.reactions img {
  margin-right: 5px;
  vertical-align: text-bottom;
}
.reactions__react__inner {
  font-weight: 400;
}
.reactions__react__emoji {
  font-size: 16px;
}
.reactions__react__emoji--bigger {
  font-size: 20px;
  display: flex;
  justify-content: center;
}
.reactions__count {
  border-radius: 4px;
  border: 1px solid #f5f5f5;
  background-color: #fafafa;
  height: 100%;
  padding: 3px;
  margin-right: 3px;
}

.field-filters {
  background-color: white !important;
}
.field-filters td.md-cell {
  padding-right: 12px !important;
}
.field-filters td.md-cell > md-input-container {
  width: 100%;
  margin: 0;
  padding-left: 28px;
}
.field-filters td.md-cell > md-input-container > md-icon {
  font-size: 18px;
  max-height: 18px;
  max-width: 18px;
  height: 18px;
}
.field-filters td.md-cell > md-input-container:not(.md-focused) > md-icon {
  color: #bdbdbd;
}
.field-filters td.md-cell > md-input-container.md-input-has-value:not(.md-input-invalid) md-icon {
  color: #4caf50;
}
.field-filters td.md-cell > md-input-container.md-input-has-value:not(.md-input-invalid) .md-input {
  border-color: #4caf50;
  border-width: 0 0 2px 0;
  padding-bottom: 0;
}
.field-filters td.md-cell > md-input-container .md-errors-spacer {
  display: none;
}
.field-filters td.md-cell > md-input-container.md-input-invalid .md-errors-spacer {
  display: block;
}

.pdf-viewer__iframe {
  border: none;
}

/* Small, generic UI components */
span.md-badge {
  min-width: 3rem;
  padding: 0 6px;
  margin-left: 14px;
  text-align: center;
  line-height: 22px;
  height: 22px;
  float: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 300;
  font-size: 0.8rem;
  color: #fff;
  background-color: #01667d;
  border-radius: 2px;
}

.drag-handle {
  padding-right: 4px;
}
.drag-handle md-icon {
  background-color: #01667d;
  color: #fff !important;
  border-radius: 50%;
  font-weight: 200;
}

.adjoining-buttons {
  padding: 0 8px;
}
.adjoining-buttons .md-button,
.adjoining-buttons .md-button.md-raised {
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
  min-width: 40px;
}
.adjoining-buttons .md-button:first-child,
.adjoining-buttons .md-button.md-raised:first-child {
  border-radius: 2px 0 0 2px;
}
.adjoining-buttons .md-button:last-child,
.adjoining-buttons .md-button.md-raised:last-child {
  border-radius: 0 2px 2px 0;
}

.md-button.adjoining-first {
  border-radius: 2px 0 0 2px;
  margin-right: 0;
}

.md-button.adjoining {
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
}

.md-button.adjoining-last {
  border-radius: 0 2px 2px 0;
  margin-left: 0;
}

.warning:not(md-toast) {
  background-color: #db4147;
  color: #fff;
  font-weight: bold;
  padding: 20px;
}
.warning:not(md-toast) md-icon {
  color: #fff;
}

md-toast.warning .md-toast-content {
  background-color: #db4147;
  color: #fff;
}

.success:not(md-toast) {
  background-color: #66bb6a;
  color: #fff;
  font-weight: bold;
  padding: 20px;
}
.success:not(md-toast) md-icon {
  color: #fff;
}

md-toast.success .md-toast-content {
  background-color: #66bb6a;
  color: #fff;
}

.info:not(md-toast) {
  background-color: #ffe082;
  padding: 20px;
}

.warning.small,
.info.small,
.success.small {
  font-size: 80%;
  padding: 8px;
}

.green,
.md-button:not([disabled]).green,
.md-button.md-raised:not([disabled]).green,
.md-button.md-fab.green,
.md-button.md-fab:not([disabled]).green,
.md-button.md-icon-button.green,
.md-button.md-icon-button:not([disabled]).green {
  background-color: #66bb6a;
  color: #fff;
}
.green:hover, .green.md-focused,
.md-button:not([disabled]).green:hover,
.md-button:not([disabled]).green.md-focused,
.md-button.md-raised:not([disabled]).green:hover,
.md-button.md-raised:not([disabled]).green.md-focused,
.md-button.md-fab.green:hover,
.md-button.md-fab.green.md-focused,
.md-button.md-fab:not([disabled]).green:hover,
.md-button.md-fab:not([disabled]).green.md-focused,
.md-button.md-icon-button.green:hover,
.md-button.md-icon-button.green.md-focused,
.md-button.md-icon-button:not([disabled]).green:hover,
.md-button.md-icon-button:not([disabled]).green.md-focused {
  background-color: #81c784;
}
.green md-icon,
.md-button:not([disabled]).green md-icon,
.md-button.md-raised:not([disabled]).green md-icon,
.md-button.md-fab.green md-icon,
.md-button.md-fab:not([disabled]).green md-icon,
.md-button.md-icon-button.green md-icon,
.md-button.md-icon-button:not([disabled]).green md-icon {
  color: #fff;
}

.orange,
.md-button:not([disabled]).orange,
.md-button.md-raised:not([disabled]).orange,
.md-button.md-fab.orange,
.md-button.md-fab:not([disabled]).orange,
.md-button.md-icon-button.orange,
.md-button.md-icon-button:not([disabled]).orange {
  background-color: #ffb74d;
  color: #fff;
}
.orange:hover, .orange.md-focused,
.md-button:not([disabled]).orange:hover,
.md-button:not([disabled]).orange.md-focused,
.md-button.md-raised:not([disabled]).orange:hover,
.md-button.md-raised:not([disabled]).orange.md-focused,
.md-button.md-fab.orange:hover,
.md-button.md-fab.orange.md-focused,
.md-button.md-fab:not([disabled]).orange:hover,
.md-button.md-fab:not([disabled]).orange.md-focused,
.md-button.md-icon-button.orange:hover,
.md-button.md-icon-button.orange.md-focused,
.md-button.md-icon-button:not([disabled]).orange:hover,
.md-button.md-icon-button:not([disabled]).orange.md-focused {
  background-color: #ffcc80;
}
.orange md-icon,
.md-button:not([disabled]).orange md-icon,
.md-button.md-raised:not([disabled]).orange md-icon,
.md-button.md-fab.orange md-icon,
.md-button.md-fab:not([disabled]).orange md-icon,
.md-button.md-icon-button.orange md-icon,
.md-button.md-icon-button:not([disabled]).orange md-icon {
  color: #fff;
}

md-icon.icon-green {
  color: #66bb6a !important;
}

md-icon.icon-warn {
  color: #db4147 !important;
}

md-icon.icon-blue {
  color: #42a5f5 !important;
}

img.round,
.round img {
  border-radius: 50%;
  object-fit: cover;
}

.clickable {
  cursor: pointer;
}

.md-button.md-icon-button.square {
  border-radius: 2px;
  padding: 4px;
}
.md-button.md-icon-button.small {
  height: 28px;
  min-height: 28px;
  width: 28px;
  line-height: 28px;
  padding: 4px;
}

.post-count-dot {
  display: inline-block;
  background-color: #4caf50;
  color: #fff;
  border-radius: 50%;
  font-size: 0.8em;
  min-width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
}

.md-sidenav-left, md-sidenav {
  position: fixed;
}
.md-sidenav-left h3, md-sidenav h3 {
  margin: 12px 0 0 13px;
}
.md-sidenav-left .menu-item, md-sidenav .menu-item {
  font-size: 14px;
  font-weight: 500;
}
.md-sidenav-left .menu-item .expand-icon, md-sidenav .menu-item .expand-icon {
  position: relative;
  right: -36px;
  transition: transform 250ms linear;
  pointer-events: none;
}
.md-sidenav-left .menu-item.expanded .expand-icon, md-sidenav .menu-item.expanded .expand-icon {
  transform: rotate(-180deg);
}
.md-sidenav-left .submenu-item, md-sidenav .submenu-item {
  font-size: 14px;
  font-weight: 500;
}
.md-sidenav-left .submenu-item .md-list-item-inner, md-sidenav .submenu-item .md-list-item-inner {
  margin-left: 28px;
  padding-left: 12px;
  border-left: 1px solid #e0e0e0;
}
.md-sidenav-left .submenu-item .md-button .md-list-item-inner, md-sidenav .submenu-item .md-button .md-list-item-inner {
  margin-left: 12px;
}
.md-sidenav-left .submenu-item--disabled, md-sidenav .submenu-item--disabled, .md-sidenav-left .submenu-item--disabled md-icon, md-sidenav .submenu-item--disabled md-icon {
  color: #bdbdbd;
}
.md-sidenav-left .menu-item, md-sidenav .menu-item,
.md-sidenav-left .submenu-item,
md-sidenav .submenu-item {
  min-height: 40px;
}
.md-sidenav-left .menu-item:before, md-sidenav .menu-item:before,
.md-sidenav-left .submenu-item:before,
md-sidenav .submenu-item:before {
  min-height: 40px;
}
.md-sidenav-left .menu-item.active, md-sidenav .menu-item.active,
.md-sidenav-left .submenu-item.active,
md-sidenav .submenu-item.active {
  background-color: #e0e0e0;
}
.md-sidenav-left .menu-item .md-list-item-inner, md-sidenav .menu-item .md-list-item-inner,
.md-sidenav-left .submenu-item .md-list-item-inner,
md-sidenav .submenu-item .md-list-item-inner {
  min-height: 40px;
}
.md-sidenav-left .menu-item .md-list-item-inner:before, md-sidenav .menu-item .md-list-item-inner:before,
.md-sidenav-left .submenu-item .md-list-item-inner:before,
md-sidenav .submenu-item .md-list-item-inner:before {
  min-height: 40px;
}
.md-sidenav-left .menu-item .md-list-item-inner .layout-row > md-icon, md-sidenav .menu-item .md-list-item-inner .layout-row > md-icon,
.md-sidenav-left .submenu-item .md-list-item-inner .layout-row > md-icon,
md-sidenav .submenu-item .md-list-item-inner .layout-row > md-icon {
  margin-right: 4px;
}
.md-sidenav-left .menu-item .md-list-item-inner .expand-icon, md-sidenav .menu-item .md-list-item-inner .expand-icon,
.md-sidenav-left .submenu-item .md-list-item-inner .expand-icon,
md-sidenav .submenu-item .md-list-item-inner .expand-icon {
  margin-right: 32px;
}
.md-sidenav-left .menu-item .md-list-item-inner md-icon, md-sidenav .menu-item .md-list-item-inner md-icon,
.md-sidenav-left .submenu-item .md-list-item-inner md-icon,
md-sidenav .submenu-item .md-list-item-inner md-icon {
  margin: -3px 5px 0;
}
.md-sidenav-left .menu-item-disabled, md-sidenav .menu-item-disabled,
.md-sidenav-left .menu-item-disabled md-icon,
md-sidenav .menu-item-disabled md-icon {
  color: #bdbdbd;
}

.profile-banner-card {
  background-color: #fafafa;
  box-shadow: unset;
  margin-top: 0;
  padding-top: 1em;
  padding-bottom: 1em;
}
@media (max-width: 960px) {
  .profile-banner-card md-card-title {
    padding-left: 0;
  }
  .profile-banner-card md-card-title-media img.md-media-lg {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 600px) {
  .profile-banner-card md-card-title {
    padding-top: 12px;
  }
  .profile-banner-card md-card-title-media img.md-media-lg {
    width: 60px;
    height: 60px;
  }
}
.profile-banner-card .md-subhead {
  font-weight: bold;
  padding-left: 1px;
}
.profile-banner-card .profile-banner__info {
  margin-top: 8px;
}
.profile-banner-card .profile-banner__info md-icon {
  margin-right: 6px;
  margin-top: -1px;
}
.profile-banner-card .profile-banner__info.critical strong,
.profile-banner-card .profile-banner__info.critical md-icon {
  color: #db4147;
}
.profile-banner-card md-card-title {
  position: relative;
  padding: 24px 16px 6px;
}
.profile-banner-card md-card-title md-card-title-text {
  padding-left: 16px;
  margin-top: -14px;
  flex: none;
}
.profile-banner-card md-card-title a.profile-banner__image {
  margin-top: -8px;
  position: relative;
}
.profile-banner-card md-card-title a.profile-banner__image md-progress-circular {
  margin: 50px auto;
}
.profile-banner-card md-card-title a.profile-banner__image .uppy-DragDrop-container {
  display: block;
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  opacity: 0;
}
.profile-banner-card md-card-title a.profile-banner__image .uppy-DragDrop-container .uppy-DragDrop-inner {
  padding: 12px;
}
.profile-banner-card md-card-title a.profile-banner__image .uppy-DragDrop-container.uppy-DragDrop--isDragDropSupported.uppy-DragDrop--isDraggingOver {
  opacity: 1;
  z-index: 6;
}
.profile-banner-card md-card-title .profile-banner__actions .md-button.md-icon-button {
  margin-right: 4px;
}
.profile-banner-card md-card-title .ribbon-wrapper {
  top: 12px;
  left: 100px;
}

md-slider[md-discrete]:not([disabled]).md-active .md-sign.md-sign-flexible {
  width: auto;
  min-width: 28px;
  padding: 4px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
md-slider[md-discrete]:not([disabled]).md-active .md-sign.md-sign-flexible:after {
  left: 50%;
  margin-left: -14px;
}
md-slider[md-discrete]:not([disabled]).md-active .md-sign.md-sign-flexible .md-thumb-text {
  margin: 4px;
  white-space: nowrap;
  text-align: center;
}

.icon-picker-container {
  padding-bottom: 16px;
}

.icon-picker {
  display: inline-block;
}

.md-button.icon-picker-button {
  min-width: 0;
  min-height: 0;
  line-height: normal;
  padding: 4px;
  margin: 4px;
  border: 1px dashed #9e9e9e;
}
.md-button.icon-picker-button.icon-picker-selected {
  background: #e0e0e0;
}

.icon-picker-dialog {
  height: 75vh;
}
.icon-picker-dialog md-input-container {
  margin-top: 0;
}

/* Floating Action Button */
.fab-actions-container {
  display: flex;
  position: fixed;
  flex-direction: column;
  right: 0;
  bottom: 0;
  margin-right: calc(var(--safe-area-inset-right) * 0.75 - 10px);
  z-index: 22;
  align-items: center;
}

.fab-background.open {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  pointer-events: inherit;
}

.fab-background {
  background-color: rgba(0, 0, 0, 0);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 21;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.fab-actions-deselecter.open {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.fab-input {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.new-post-fab.create {
  background-color: #febb35 !important;
}

.new-post-fab.attach {
  background-color: #4fc353 !important;
}

.new-post-fab.camera {
  background-color: #d00765 !important;
}

.new-post-fab.video {
  background-color: #54a0ff !important;
}

.new-post-fab.add {
  width: 65px;
  height: 65px;
  background-color: #22599e !important;
}

.new-post-fab:hover {
  transform: scale(0.95);
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.new-post-fab:focus {
  transform: scale(0.9);
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.new-post-fab.opened {
  transform: scale(1);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.new-post-fab.closed {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.new-post-fab.add.closed {
  pointer-events: inherit;
  opacity: 1;
  transform: rotate(0deg);
}

.new-post-fab.add {
  transform: rotate(45deg);
}

.page-details-dialog {
  min-height: 80vh;
}
.page-details-dialog md-dialog-content {
  height: 100%;
}

.page-details-media {
  height: auto;
  margin: 0 auto;
  max-width: 800px;
}
.page-details-media img {
  max-height: 800px;
  object-fit: contain;
}

md-list-item:not(.menu-item) .drag-handle md-icon {
  padding-right: 0;
}

.input-sortable-list > h4 {
  margin-bottom: 4px;
}
.input-sortable-list .dragSortItem > .layout-row {
  padding: 4px 0;
}
.input-sortable-list .dragSortItem > .layout-row md-icon {
  margin: 0 4px 1px;
}

.md-dirty > .input-sortable-list > h4 {
  color: #ffa000 !important;
}

.grade-assessment-overview {
  display: flex;
}
.grade-assessment-overview button.md-icon-button {
  margin: 0;
}

.grade-assessment__placeholder--select.md-button.md-raised {
  background: #e0e0e0;
  border: 1px solid #01667d;
}

/**
 * post-filter provides component scoped CSS Styles for filtering
 * posts.
 */
.post-filter {
  margin: 8px auto 0px auto;
  max-width: 616px;
}
.post-filter button {
  flex: 1;
}
.post-filter md-card-actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.post-filter__author-filter md-chips-wrap, .post-filter__student-filter md-chips-wrap, .post-filter__group-filter md-chips-wrap {
  padding-bottom: 4px;
}
.post-filter__author-filter md-contact-chips,
.post-filter__author-filter md-chips, .post-filter__student-filter md-contact-chips,
.post-filter__student-filter md-chips, .post-filter__group-filter md-contact-chips,
.post-filter__group-filter md-chips {
  width: 100%;
}
.post-filter__author-filter .ember-paper-autocomplete-search-input, .post-filter__student-filter .ember-paper-autocomplete-search-input, .post-filter__group-filter .ember-paper-autocomplete-search-input {
  font-size: 16px;
}
.post-filter__author-filter .md-chip-input-container,
.post-filter__author-filter md-chip, .post-filter__student-filter .md-chip-input-container,
.post-filter__student-filter md-chip, .post-filter__group-filter .md-chip-input-container,
.post-filter__group-filter md-chip {
  margin-top: 4px;
}
.post-filter__button-row {
  padding: 5px;
  width: 100%;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  justify-content: center;
}
.post-filter__button-row button {
  border-radius: 10px;
  margin: 8px 0 0;
}
.post-filter__checkbox-row {
  padding-top: 30px;
  width: 100%;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  justify-content: center;
}
.post-filter__date-inputs {
  gap: 8px;
}
.post-filter__date-inputs md-input-container {
  margin-top: 12px;
}
.post-filter__date-input {
  flex: 1;
}
.post-filter__date-input .md-errors-spacer {
  display: none;
}
.post-filter__delete-button {
  max-width: 48px;
}
.post-filter__dropdown {
  margin-bottom: 16px;
}
.post-filter__dropdown--closed {
  display: none;
}
.post-filter__filter-search-bar {
  display: flex;
  gap: 8px;
}
.post-filter__filter-search-bar button {
  border-radius: 10px;
  height: 50px;
  margin: auto auto auto 8px;
}
.post-filter__filter-search-bar .search-bar {
  flex: 4;
}
.post-filter__filter-search-bar .search-bar__search-wrapper {
  display: flex;
  width: 100%;
}
.post-filter__filter-search-bar .search-bar__search-input {
  flex: 7;
  padding-right: 8px;
}
.post-filter__filter-search-bar .search-bar__search-button {
  flex: 3;
  border-radius: 10px;
  height: 30px;
  min-width: 70px;
  margin: auto auto auto auto;
  display: inline-block;
}

.search-bar {
  margin: 0;
}
.search-bar__search-wrapper {
  width: 100%;
}
.search-bar__search-input {
  margin: 0 8px;
  width: 100%;
}
.search-bar__search-input .md-errors-spacer {
  min-height: 0;
}

.tinymce-icon > svg {
  vertical-align: bottom;
}

.snapshots-table__report {
  padding: 8px 0;
}
.snapshots-table__report:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}
.snapshots-table__report__button {
  min-width: fit-content;
  line-height: 1.6;
}
.snapshots-table__report__button.md-button.md-icon-button {
  margin-top: 8px;
}

.snapshots__generate__container {
  padding: 8px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  margin: 16px 0;
}
.snapshots__generate__container__inner-row {
  display: -webkit-inline-flex;
}

.linced-only__container {
  background-color: #ffecb3;
  border: 1px solid #01667d;
}
.linced-only__icon {
  color: #01667d !important;
}
.linced-only__button > md-icon {
  color: #01667d !important;
}
.linced-only__button:not([disabled]) {
  background-color: #ffd54f !important;
  color: #01667d !important;
}

/* Small, generic UI components */
.md-sidenav-left, md-sidenav {
  position: fixed !important;
}

.inline-action-buttons {
  margin: 0 4px;
}
.inline-action-buttons .md-button {
  padding: 2px;
  margin: 0;
  min-height: 28px;
  height: 28px;
  line-height: 28px;
  min-width: 28px;
  width: 28px;
}

.top-aligned-table > table.md-table td.md-cell {
  vertical-align: top;
}

md-icon.icon-red {
  color: #db4147;
}

md-icon.icon-green {
  color: #66bb6a;
}

.zebra-list > md-list-item:nth-of-type(odd),
.zebra-list > .draggable-object:nth-of-type(odd) > md-list-item,
.zebra-list > .dragSortList > .dragSortItem:nth-of-type(odd) > md-list-item,
.zebra-list > table > tbody > tr:nth-of-type(odd) {
  background-color: #e1edef;
}

.md-list-item-inner.md-no-style {
  padding: 8px 16px 0;
}

button.md-fab.save {
  background-color: #00c853 !important;
}

ul.no-bullets {
  list-style-type: none;
  padding-left: 0;
}

ul.medium-indent {
  padding-left: 24px;
}

.max-cols-3 > * {
  margin: 8px;
  min-width: calc(33.3% - 16px);
}

.tall-dialog {
  height: 80vh;
}

.school-logo-uploader {
  position: relative;
  width: 150px;
  height: 150px;
}
.school-logo-uploader img {
  max-width: 150px;
  max-height: 150px;
  margin: 0 auto;
}
.school-logo-uploader .uppy-DragDrop-container {
  display: block;
  position: absolute;
  z-index: 104;
  top: 0;
  left: 0;
  opacity: 0;
}
.school-logo-uploader .uppy-DragDrop-container .uppy-DragDrop-inner {
  padding: 12px;
  line-height: 1.2;
}
.school-logo-uploader .uppy-DragDrop-container .uppy-DragDrop-arrow {
  width: 50px;
  height: 50px;
  margin-bottom: 12px;
}
.school-logo-uploader.is-empty:not(.is-uploading) .uppy-DragDrop-container,
.school-logo-uploader .uppy-DragDrop-container.uppy-DragDrop--isDragDropSupported.uppy-DragDrop--isDraggingOver {
  opacity: 1;
}

.input-editable-list md-input-container > .md-errors-spacer {
  display: none;
}
.input-editable-list:not(.md-input-invalid).md-input-focused .drag-handle md-icon, .input-editable-list.md-default-theme:not(.md-input-invalid).md-input-focused .drag-handle md-icon {
  color: #fff;
}
.input-editable-list .drag-handle {
  margin-bottom: 8px;
}
.input-editable-list h5 {
  margin-top: 8px;
  margin-bottom: 0;
  padding-left: 24px;
}
.input-editable-list .spacer {
  width: 24px;
}

.md-button.md-icon-button.square {
  border-radius: 2px;
  padding: 4px;
}
.md-button.md-icon-button.small {
  height: 28px;
  min-height: 28px;
  width: 28px;
  line-height: 28px;
  padding: 4px;
}

.monospaced-country-code {
  display: inline-block;
  width: 2em;
  text-align: left;
}

.zebra table.md-table thead.md-head > tr.md-row,
.zebra table.md-table tfoot.md-foot > tr.md-row {
  background-color: #80b3be;
}
.zebra table.md-table thead.md-head > tr.md-row th.md-column,
.zebra table.md-table tfoot.md-foot > tr.md-row th.md-column {
  background-color: inherit;
}
.zebra table.md-table thead.md-head > tr.md-row.field-group-headers,
.zebra table.md-table tfoot.md-foot > tr.md-row.field-group-headers {
  background-color: #01667d;
  color: #fff;
}
.zebra tbody > tr:nth-of-type(even) {
  background-color: #f5f5f5;
}

table.md-table thead.md-head > tr.md-row,
table.md-table tfoot.md-foot > tr.md-row {
  height: 36px;
}
table.md-table thead.md-head > tr.md-row th.md-column,
table.md-table tfoot.md-foot > tr.md-row th.md-column {
  background-color: inherit;
}
table.md-table thead.md-head > tr.md-row th.md-column md-icon,
table.md-table tfoot.md-foot > tr.md-row th.md-column md-icon {
  height: 16px;
  min-height: 16px;
  width: 16px;
  min-width: 16px;
  font-size: 16px !important;
  line-height: 16px !important;
}
table.md-table thead.md-head > tr.md-row.field-group-headers,
table.md-table tfoot.md-foot > tr.md-row.field-group-headers {
  background-color: #01667d;
  color: #fff;
}
table.md-table .border-left {
  border-left: 1px solid #bdbdbd;
  padding-left: 8px !important;
}
table.md-table .field-filters td.md-cell {
  padding-right: 12px !important;
}
table.md-table .field-filters td.md-cell > md-input-container {
  width: 100%;
  margin: 0;
  padding-left: 28px;
}
table.md-table .field-filters td.md-cell > md-input-container > md-icon {
  font-size: 18px;
  max-height: 18px;
  max-width: 18px;
  height: 18px;
}
table.md-table .field-filters td.md-cell > md-input-container:not(.md-focused) > md-icon {
  color: #bdbdbd;
}
table.md-table .field-filters td.md-cell > md-input-container.md-input-has-value:not(.md-input-invalid) md-icon {
  color: #4caf50;
}
table.md-table .field-filters td.md-cell > md-input-container.md-input-has-value:not(.md-input-invalid) .md-input {
  border-color: #4caf50;
  border-width: 0 0 2px 0;
  padding-bottom: 0;
}
table.md-table .field-filters td.md-cell > md-input-container .md-errors-spacer {
  display: none;
}
table.md-table .field-filters td.md-cell > md-input-container.md-input-invalid .md-errors-spacer {
  display: block;
}

.new-connection-dialogue {
  height: 80vh;
}
.new-connection-dialogue--wonde-search {
  width: 100%;
}
.new-connection-dialogue--wonde-search md-input-container {
  width: 30%;
  max-width: 30%;
}
.new-connection-dialogue--school-table table.md-table.md-row-select td.md-cell:first-child {
  width: 25%;
}
.new-connection-dialogue--connection-details--card {
  width: 45%;
}
.new-connection-dialogue .layout-row.margin-top {
  margin-top: 16px;
}

.wonde-sync-overview--dialog-content {
  position: relative;
  display: flex;
  flex-direction: row;
}
.wonde-sync-overview--dialog-content--card {
  max-height: 75vh;
}
.wonde-sync-overview--dialog-content--card--scroll-view {
  max-height: 75vh;
  height: 75vh;
}
.wonde-sync-overview--dialog-content--container {
  width: 100%;
}
.wonde-sync-overview--dialog-content--container__wide {
  min-width: 50%;
}

.dropdown-multiselect md-list {
  flex-direction: column;
  flex-wrap: wrap;
  display: flex;
  max-height: 100vh;
  width: 100%;
}
.dropdown-multiselect md-list-item {
  flex: 0 0 0;
}

.page-templates__usage-sets .md-chips {
  display: flex;
}

.md-chips md-icon {
  color: inherit;
}

.school-wizard__checkbox .md-container {
  top: 0;
  transform: none;
}
.school-wizard__checkbox md-icon {
  margin: 0 0 5px 0;
}
.school-wizard__checkbox--select-all {
  margin-bottom: 0;
}
.school-wizard__step {
  position: relative;
  overflow-x: hidden;
}
.school-wizard__sections {
  position: absolute;
  min-width: 97%;
}
.school-wizard__divider {
  margin-bottom: 20px;
}
.school-wizard__usage-set__chips {
  font-size: 14px;
}
.school-wizard__usage-set__chip {
  height: inherit !important;
  line-height: inherit !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  padding: 3px 12px 3px 12px !important;
}

#fab-destination .assessments__speed-dial {
  right: 50px;
}
#fab-destination .assessments__speed-dial__icon {
  margin: unset;
}
#fab-destination .assessments__speed-dial button {
  width: 130px;
  border-radius: 36px;
}

.usage-sets__container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.usage-sets__card__title {
  flex: 0 1 0;
}

.list-column-wrap {
  flex-direction: column;
  flex-wrap: wrap;
  display: flex;
  max-height: 100vh;
  width: 100%;
}

.tree-branch__inner {
  width: 100%;
}
.tree-branch .drag-handle {
  margin: auto;
}

.tree-node__inner {
  margin-left: 15px;
  width: 100%;
}
.tree-node__label--clickable {
  cursor: pointer;
  color: -webkit-link;
}

.padding--bottom {
  padding-bottom: 16px;
}

.select-dialogue__backdrop {
  z-index: 100 !important;
}
.select-dialogue__container {
  z-index: 101;
}

.paper-badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #d51f27;
  color: #fff;
  margin-left: 8px;
}
.paper-badge--pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  padding-top: 0.5em;
  border-radius: 10rem;
}
.paper-badge--info {
  background-color: #01667d;
}

#main .assessments__container {
  display: block;
  padding: 16px 0;
}
#main .assessments .assessments__container > .dragSortList > .dragSortItem > .tree-branch,
#main .assessments .assessments__container > .dragSortList > .dragSortItem > .tree-node {
  min-height: 64px;
  padding: 8px 0 0 8px;
}
#main .assessments .assessments__container > .dragSortList > .dragSortItem:nth-of-type(odd) {
  background-color: #e1edef;
}
#main .assessments .assessments__container > .dragSortList:nth-of-type(odd) {
  padding-bottom: 32px;
  border-bottom: 1px solid var(--foreground-4);
}
#main .assessments .assessments__container > .dragSortList:nth-of-type(even) {
  padding-top: 32px;
}

.md-headline > .goal-category-badge {
  margin-right: 12px;
}

.goal-category-badge-uploader {
  position: relative;
  width: 150px;
  height: 150px;
  margin-right: 12px;
}
.goal-category-badge-uploader img {
  max-width: 150px;
  max-height: 150px;
}
.goal-category-badge-uploader .uppy-DragDrop-container {
  display: block;
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  opacity: 0;
}
.goal-category-badge-uploader .uppy-DragDrop-container .uppy-DragDrop-inner {
  padding: 12px;
  line-height: 1.2;
}
.goal-category-badge-uploader .uppy-DragDrop-container .uppy-DragDrop-arrow {
  width: 50px;
  height: 50px;
  margin-bottom: 12px;
}
.goal-category-badge-uploader.is-empty:not(.is-uploading) .uppy-DragDrop-container,
.goal-category-badge-uploader .uppy-DragDrop-container.uppy-DragDrop--isDragDropSupported.uppy-DragDrop--isDraggingOver {
  opacity: 1;
}

.goal-subject-flags-legend {
  list-style-type: none;
  font-size: 80%;
  margin-top: 0;
  padding-left: 0;
}
.goal-subject-flags-legend > li {
  padding-bottom: 2px;
}
.goal-subject-flags-legend > li > md-icon {
  vertical-align: top;
}

.md-chips.expectations {
  padding-bottom: 0;
}
.md-chips.expectations .well-below {
  background-color: #e26268;
  color: #fff;
}
.md-chips.expectations .below {
  background-color: #ffecb3;
  border: 1px solid #9e9e9e;
}
.md-chips.expectations .at {
  background-color: #01667d;
  color: #fff;
}
.md-chips.expectations .above {
  background-color: #66bb6a;
  color: #fff;
}
.md-chips.expectations .well-above {
  background-color: #ffd600;
}
.md-chips.expectations md-chip {
  background-color: #9e9e9e;
  float: none;
  display: inline-block;
  margin: 4px 2px 8px 0;
}

.expectations > .dragSortList {
  overflow: visible;
  display: inline-block;
  margin-right: 2px;
  min-width: 18px;
  height: 50px;
  text-align: center;
}
.expectations > .dragSortList.-isExpanded.-isDraggingOver {
  border: 1px dashed #9e9e9e;
}
.expectations > .dragSortList.-isExpanded.-isDraggingOver:before {
  display: none;
}

.expectation-marker {
  display: inline-block;
}
.expectation-marker > div {
  position: relative;
  border: 1px dashed #757575;
  width: 0;
  height: 48px;
  margin: 0 8px;
}
.expectation-marker > div:before, .expectation-marker > div:after {
  content: "";
  position: absolute;
  left: -6px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.expectation-marker > div:before {
  top: -1px;
  border-top: 6px solid #757575;
}
.expectation-marker > div:after {
  bottom: -1px;
  border-bottom: 6px solid #757575;
}
.expectation-marker.dragSortItem.-placeholderAbove, .expectation-marker.dragSortItem.-placeholderBelow {
  padding-top: 0;
  padding-bottom: 0;
}
.expectation-marker.dragSortItem.-placeholderAbove:before, .expectation-marker.dragSortItem.-placeholderBelow:before {
  display: none;
}

.milestones-template-set button.md-icon-button {
  margin-bottom: 8px;
  margin-left: -8px;
}

.milestones-filter-checkboxes md-checkbox {
  margin: 8px 24px;
}

.post-list-heading {
  top: -16px;
  padding: 0 8px 4px 8px;
  margin: 0 auto 18px auto;
  z-index: 2;
  color: #757575;
}
.post-list-heading md-icon {
  width: 24px;
  margin: 0 6px;
  color: #757575;
}

.about-heading md-icon {
  width: 24px;
  margin: 0 6px;
}

md-card.page-description-card {
  max-width: 600px;
  margin: 16px auto;
}

.dummy-new-post {
  max-width: 616px;
  margin: 8px auto;
}
.dummy-new-post md-chips-wrap {
  box-shadow: none;
}

.post-container,
.summary-container {
  margin: 8px;
}

.new-post-dialog {
  border: 0px dashed #bdbdbd;
  border-radius: 2px;
  color: #9e9e9e;
  padding: 8px 14px;
  box-sizing: border-box;
  cursor: pointer;
  background: #ffffff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.21);
  border-radius: 10px;
  min-height: 50px;
  align-items: center;
  margin-left: 8px;
  margin-right: 8px;
  -webkit-transition: all 0.05s ease-in-out;
  -moz-transition: all 0.05s ease-in-out;
  -o-transition: all 0.05s ease-in-out;
  transition: all 0.05s ease-in-out;
  font-weight: 400;
  font-size: 18px;
  display: flex;
}

.new-post-dialog:active {
  transform: scale(0.99);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.05s ease-in-out;
  -moz-transition: all 0.05s ease-in-out;
  -o-transition: all 0.05s ease-in-out;
  transition: all 0.05s ease-in-out;
}

.post-content {
  height: 100%;
}

.newpost-ui {
  min-height: 50vh;
}
.newpost-ui .mce-tinymce {
  width: 100%;
}
.newpost-ui .tox-edit-area {
  min-height: 30vh;
}

md-dialog .md-dialog-content.newpost-dialog-content {
  padding: 12px 24px;
}

.post-tags-chooser h4 {
  margin-bottom: 4px;
}
.post-tags-chooser .md-chips.layout-column md-chip {
  float: none;
  cursor: pointer;
}
.post-tags-chooser md-chip > md-checkbox > .md-container {
  display: none;
}
.post-tags-chooser md-chip > md-checkbox > .md-label {
  margin-left: 0;
}

.md-button.md-default-theme.md-raised.new-post-fab,
.md-button.md-default-theme.md-raised.red-fab {
  background-color: #ca171d;
}
.md-button.md-default-theme.md-raised.new-post-fab:hover,
.md-button.md-default-theme.md-raised.red-fab:hover {
  background-color: #ffb3b3;
}
.md-button.md-default-theme.md-raised.new-post-fab md-icon,
.md-button.md-default-theme.md-raised.red-fab md-icon {
  color: #fff;
}

md-card.post {
  max-width: 600px;
  margin: 16px auto;
}
md-card.post .post-header-text {
  max-height: inherit;
}
@media only screen and (max-width: 350px) {
  md-card.post md-card md-card-header md-card-avatar + md-card-header-text .md-title.post-title,
  md-card.post .post-title {
    margin-top: 0 !important;
  }
}
md-card.post md-card md-card-header md-card-avatar + md-card-header-text {
  max-height: auto;
}
md-card.post md-card md-card-header md-card-avatar + md-card-header-text .md-title.post-title,
md-card.post .post-title {
  font-size: 1.2em;
  margin: 12px 0 0 4px;
  padding-bottom: 0.1em;
}
md-card.post .post-byline {
  margin-left: 4px;
}
md-card.post .post-byline md-chip {
  background-color: #e0e0e0;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  border-radius: 12px;
  padding: 0;
  display: inline-block;
}
md-card.post .post-byline md-chip .md-chip-content {
  display: inline-block;
  line-height: 24px;
  height: 24px;
  margin: 0 12px 0 6px;
  vertical-align: top;
}
md-card.post .post-byline md-chips .md-contact-avatar img {
  max-width: 24px;
  max-height: 24px;
}
md-card.post .post-byline md-chips md-chips-wrap {
  box-shadow: none;
  font-size: 0.9em;
}
md-card.post .post-byline md-chips md-chip .md-chip-content {
  margin-left: 0;
}
md-card.post .post-type md-icon {
  width: 18px;
  margin-left: 4px;
}
md-card.post md-card-actions {
  margin: 0;
}
md-card.post md-card-actions .md-button.md-icon-button {
  height: 24px;
  min-height: 24px;
  line-height: 24px;
  width: 24px;
  padding: 3px;
}
md-card.post md-card-actions .md-button.md-icon-button md-icon {
  color: #bdbdbd;
}
md-card.post md-card-actions .md-button.md-icon-button md-icon:hover {
  color: #757575;
}
md-card.post .post-publisher {
  padding-left: 8px;
}
md-card.post .post-body :first-child {
  margin-top: 0;
}
md-card.post .post-body {
  line-height: 23px;
  overflow: hidden;
  overflow-wrap: anywhere;
}
md-card.post .post-body img,
md-card.post .post-body table {
  max-width: 100%;
}
md-card.post .post-comments {
  border-top: 1px solid #e0e0e0;
  padding-top: 8px;
  font-size: 85%;
}
md-card.post .post-comments .post-comments-count {
  cursor: pointer;
}
md-card.post .post-comments .post-comments-count md-icon {
  margin: 0 3px 0 6px;
}
md-card.post .post-gallery {
  position: relative;
  max-height: 80vh;
  background-color: #e0e0e0;
  overflow: hidden;
}
md-card.post .post-gallery img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-height: inherit;
  max-width: 100%;
  margin: 0 auto;
  object-fit: cover;
  object-position: 50% 50%;
}
md-card.post .post-gallery object,
md-card.post .post-gallery iframe {
  height: 50vh;
}
md-card.post .post-gallery .post-gallery-prev,
md-card.post .post-gallery .post-gallery-next {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  opacity: 0.7;
}
md-card.post .post-gallery .post-gallery-prev:hover,
md-card.post .post-gallery .post-gallery-next:hover {
  opacity: 1;
}
md-card.post .post-gallery .post-gallery-prev {
  left: 8px;
}
md-card.post .post-gallery .post-gallery-next {
  right: 8px;
}
md-card.post .post-comment {
  margin: 8px 0;
  padding-top: 8px;
}
md-card.post .post-comment img.comment-author {
  margin-right: 8px;
  width: 36px;
  height: 36px;
}
md-card.post .post-comment span.comment-author {
  margin-bottom: 8px;
  font-weight: bold;
}
md-card.post .post-comment .comment-in-reply-to {
  font-size: 85%;
  padding: 2px 0;
}
md-card.post .post-comment .comment-in-reply-to md-icon {
  margin-top: -2px;
}
md-card.post .post__comment--removed {
  opacity: 80%;
}
md-card.post .comment-date {
  margin: 8px 8px 8px 0px;
  color: #757575;
}
md-card.post .comment__status {
  cursor: default;
  min-width: 24px;
  height: min-content;
  margin: -2px 5px 0;
  padding: 0 8px;
  font-size: 0.8em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  line-height: 2;
}
md-card.post .comment__status--accepted {
  background-color: #81c784;
}
md-card.post .comment__status--pending {
  background-color: #ffd54f;
}
md-card.post .comment__status--declined {
  background-color: #d51f27;
  color: rgba(255, 255, 255, 0.87);
}
md-card.post .post-comments > .post-comment > .post-comment {
  padding-left: 44px;
}
md-card.post .post-new-comment {
  margin-top: 8px;
  padding-top: 8px;
  font-size: 85%;
}
md-card.post .post-new-comment img.comment-author {
  margin-right: 8px;
  width: 36px;
  height: 36px;
}
md-card.post .post-new-comment md-input-container {
  margin-top: 0;
}
md-card.post .post-new-comment .md-button.md-icon-button {
  margin: 0 10px;
  padding: 0;
  width: 16px;
  min-height: 16px;
  height: 16px;
  line-height: 16px;
}
md-card.post .post-tags {
  margin-top: 16px;
}
md-card.post md-card-content .post-tags md-chip {
  cursor: pointer;
}
md-card.post md-card-content .post-tags md-chip.md-selected {
  background-color: #4fc1c1;
}

.post-attachment {
  min-height: 130px;
  width: 120px;
  margin: 6px 12px;
  position: relative;
}
.post-attachment .uppy-Dashboard-Item-preview {
  height: 100px !important;
  width: 120px !important;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border: 1px solid #e0e0e0;
  background-color: #e0e0e0;
}
.post-attachment .uppy-Dashboard-Item-preview .uppy-Dashboard-Item-previewInnerWrap {
  box-shadow: unset !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.post-attachment .uppy-Dashboard-Item-preview .uppy-Dashboard-Item-previewInnerWrap > img {
  max-height: 90px;
  max-width: 120px;
}
.post-attachment .uppy-Dashboard-Item-preview .uppy-Dashboard-Item-previewIcon {
  z-index: 1 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.post-attachment > span {
  font-size: 0.8em;
  white-space: nowrap;
  overflow: hidden;
  padding: 3px;
  box-sizing: border-box;
  width: 120px;
  text-overflow: ellipsis;
  border: 1px solid #e0e0e0;
  border-top: 0px none;
}
.post-attachment > span.attachment-name {
  border-bottom: 0px none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.2;
  min-height: calc(2.4em + 6px);
}
.post-attachment > span.attachment-meta {
  font-size: 0.65em;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.post-attachment button.md-fab.md-mini {
  position: absolute;
  right: -8px;
  top: -8px;
  padding: 2px;
  margin: 0;
  line-height: 22px;
  min-height: 22px;
  height: 22px;
  width: 22px;
}

.reactions .reactions-counts {
  padding-right: 8px;
  font-size: 0.85em;
}
.reactions .reactions-counts img {
  vertical-align: middle;
  margin-left: 8px;
}
.reactions .md-button.reactions-react {
  padding: 0;
  margin: 6px 0;
  min-width: 0;
  min-height: 26px;
  line-height: 24px;
}
.reactions .md-button.reactions-react img,
.reactions .md-button.reactions-react span {
  vertical-align: middle;
}
.reactions .md-button.reactions-react img {
  opacity: 0.8;
}
.reactions .md-button.reactions-react span {
  display: inline-block;
  padding-top: 2px;
  color: #9e9e9e;
  text-transform: none;
}
.reactions .md-button.reactions-react.reactions-reacted img, .reactions .md-button.reactions-react:hover img {
  opacity: 1;
}
.reactions .md-button.reactions-react.reactions-reacted span, .reactions .md-button.reactions-react:hover span {
  color: #000000;
}

.post-publisher .md-button.md-raised {
  color: #424242;
}
.post-publisher .md-button.md-raised[disabled] {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.post-publisher .md-button.md-raised[disabled].published {
  background-color: #81c784;
  color: #fff;
}
.post-publisher .md-button.md-raised[disabled].draft {
  background-color: #ffb74d;
  color: #000;
}

.modal-title {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  pointer-events: none;
}

.new-post-toolbar {
  display: flex;
  justify-content: space-between;
}

.new-post-actions {
  display: flex;
  justify-content: space-between;
}

/* Post Creation */
.mobile-post-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.newpost-dialog-content {
  flex-grow: 1;
}

.newpost-post-body {
  position: relative;
}
.newpost-post-body .newpost-editor-wrap {
  display: flex !important;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
}
.newpost-post-body .newpost-editor-wrap .mce-tinymce,
.newpost-post-body .newpost-editor-wrap .mce-stack-layout,
.newpost-post-body .newpost-editor-wrap .mce-edit-area {
  display: flex !important;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
}
.newpost-post-body .newpost-editor-wrap .mce-tinymce iframe {
  flex: 1;
}

.mobile-input {
  width: 100%;
  height: 100% !important;
  font-size: 20px;
  border: 0;
}

.newpost-ui {
  height: 100%;
}

.newpost-form {
  height: 100%;
}

@media only screen and (orientation: portrait) {
  .picker.picker-dialog {
    height: 80vh !important;
    width: 96vw !important;
    top: 0 !important;
    margin: 10vh 0;
  }
  .picker.picker-dialog > .picker-dialog-content {
    height: 100% !important;
    width: 100% !important;
  }
}
.mobile-post-toolbar {
  width: 100%;
  height: 100%;
  border-top: 1px solid #d7d7d7;
}

.post-calender {
  border-width: 0 0 1px 0;
  height: 31.3px;
  width: 250px;
  font-size: 95%;
}

.post-date-label {
  color: var(--foreground-2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: small;
}

.post-filter-label {
  color: blue;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.post-filter-label:hover {
  fill-opacity: 0.75;
  cursor: pointer;
}

.post-view-sentinel {
  height: 0;
  padding: 0;
  margin: 0;
}

.post-published md-card {
  box-shadow: inset 6px 0 0 0 #81c784, 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.post-draft md-card {
  box-shadow: inset 6px 0 0 0 #ffb74d, 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.post-hero md-card {
  box-shadow: inset 6px 0 0 0 #01667d, 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.tag-wrap {
  height: max-content !important;
  line-height: normal !important;
}

.tag-text-padding {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.tag-text-wrap-checkbox {
  margin-bottom: 4px !important;
  margin-top: 4px !important;
}

.pinned-post__pinned-icon {
  height: 36px;
  display: flex;
  cursor: default;
}

.enrolment-form-builder .md-list-item-inner {
  padding-left: 0;
}
.enrolment-form-builder .md-list-item-inner h4 {
  margin: 12px 0;
}
.enrolment-form-builder .md-list-item-inner li > .md-button {
  margin: -4px 0 0 0;
  padding: 4px;
  min-width: 24px;
  width: 24px;
  min-height: 24px;
  height: 24px;
}

.application-form-data > div {
  padding: 3px 0;
}
.application-form-data > div:nth-child(odd) {
  background-color: #eceff1;
}
.application-form-data > div > strong,
.application-form-data > div > span {
  padding: 0 3px;
}

.rubrics-landing {
  padding: 24px 32px;
}

.rubrics-landing__filters {
  margin-bottom: 24px;
}

.rubrics-landing__filter-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 8px;
}

.rubrics-landing__filter-label {
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
  padding-top: 6px;
  white-space: nowrap;
  min-width: 70px;
}

.rubrics-landing__filter-select {
  flex: 1;
  max-width: 210px;
}

.rubrics-landing__filter-select md-input-container {
  width: 210px;
}

.rubrics-landing__filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.rubrics-landing__chip {
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 13px;
  border: 1px solid #e0e0e0;
  background: white;
  cursor: pointer;
  white-space: nowrap;
}
.rubrics-landing__chip:hover {
  background: #f5f5f5;
}
.rubrics-landing__chip--active {
  background: #26a69a;
  color: white;
  border-color: #26a69a;
}
.rubrics-landing__chip--active:hover {
  background: #00897b;
  border-color: #00897b;
}

.rubrics-landing__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}

.rubrics-landing__card {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: white;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.rubrics-landing__card:hover {
  border-color: #bdbdbd;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.rubrics-landing__card-body {
  flex: 1;
  min-width: 0;
  padding: 16px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.rubrics-landing__card-delete {
  background: none;
  border: none;
  padding: 8px;
  margin: 8px 4px 0 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.26);
  line-height: 1;
}
.rubrics-landing__card-delete:hover {
  color: #e53935;
}

.rubrics-landing__card-name {
  font-size: 15px;
  font-weight: 600;
}

.rubrics-landing__card-subject {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #00897b;
  background: #e0f2f1;
  padding: 2px 8px;
  border-radius: 4px;
  margin-top: 2px;
}

.rubrics-landing__card-meta {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
}

.rubrics-landing__card-warning {
  font-size: 12px;
  font-weight: 500;
  color: #b71c1c;
  background: #ffebee;
  padding: 2px 8px;
  border-radius: 4px;
}

.rubrics-landing__family-row {
  gap: 8px;
  padding: 4px 12px;
  margin-bottom: 12px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: #fafafa;
}

.rubrics-landing__families-image {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: 8px auto 16px;
  border-radius: 8px;
}

.rubrics-landing__card-milestones {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}

.rubrics-landing__card-milestone {
  font-size: 12px;
  padding: 3px 10px;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  color: rgba(0, 0, 0, 0.65);
}

.rubrics-landing__new-dialog {
  min-width: 480px;
}
.rubrics-landing__new-dialog md-input-container {
  width: 100%;
}

.rubrics-landing__dialog-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 8px;
}

.rubrics-landing__achievement-levels {
  margin-top: 16px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 12px 16px;
}

.rubrics-landing__achievement-label {
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
  display: block;
  margin-bottom: 8px;
}

.rubrics-landing__achievement-dots {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.rubrics-landing__achievement-dot-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
}

.rubrics-landing__achievement-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
.rubrics-landing__achievement-dot--emerging {
  background-color: #e91e90;
}
.rubrics-landing__achievement-dot--developing {
  background-color: #ff9800;
}
.rubrics-landing__achievement-dot--consolidating {
  background-color: #4dd0b8;
}
.rubrics-landing__achievement-dot--proficient {
  background-color: #00897b;
}
.rubrics-landing__achievement-dot--exceeding {
  background-color: #ba68c8;
}

.rubric-edit__milestone-chips {
  margin-top: 12px;
}

.rubric-edit {
  padding: 24px 32px;
  max-width: 1100px;
}

.rubric-edit__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.rubric-edit__back {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
}
.rubric-edit__back:hover {
  color: rgba(0, 0, 0, 0.87);
}

.rubric-edit__card {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 24px;
  background: white;
  margin-bottom: 32px;
}
.rubric-edit__card md-input-container {
  width: 100%;
}

.rubric-edit__section {
  margin-top: 16px;
}

.rubric-edit__section-label {
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
  display: block;
  margin-bottom: 8px;
}

.rubric-edit__elements-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}

.rubric-edit__elements-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}

.rubric-edit__element-types {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.rubric-edit__element-type {
  padding: 6px 16px;
  border-radius: 16px;
  font-size: 13px;
  border: 1px solid #e0e0e0;
  background: white;
  cursor: pointer;
  white-space: nowrap;
}
.rubric-edit__element-type:hover {
  background: #f5f5f5;
}
.rubric-edit__element-type--active {
  background: #e8eaf6;
  border-color: #5c6bc0;
  color: #3949ab;
}

.rubric-edit__element-card {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: white;
  margin-bottom: 12px;
}

.rubric-edit__element-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  cursor: pointer;
}

.rubric-edit__element-card-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 500;
}

.rubric-edit__element-card-remove {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.38);
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: 1;
}
.rubric-edit__element-card-remove:hover {
  color: rgba(0, 0, 0, 0.7);
}

.rubric-edit__element-body {
  padding: 0 16px 16px;
}

.rubric-edit__add-row-label {
  display: inline-block;
  padding: 4px 12px;
  border: 1px dashed #e0e0e0;
  border-radius: 4px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.38);
  cursor: pointer;
  margin-bottom: 16px;
}
.rubric-edit__add-row-label:hover {
  border-color: #bdbdbd;
  color: rgba(0, 0, 0, 0.54);
}

.rubric-edit__columns {
  display: flex;
  gap: 12px;
}

.rubric-edit__column {
  flex: 1;
  min-width: 0;
}

.rubric-edit__column-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}

.rubric-edit__column-label {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: rgba(0, 0, 0, 0.54);
}

.rubric-edit__criteria-entry {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 6px 8px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-size: 13px;
  margin-bottom: 6px;
  background: white;
}

.rubric-edit__criteria-remove {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.38);
  flex-shrink: 0;
}
.rubric-edit__criteria-remove:hover {
  color: rgba(0, 0, 0, 0.7);
}

.rubric-edit__criteria-form {
  margin-bottom: 6px;
}

.rubric-edit__criteria-textarea {
  width: 100%;
  min-height: 60px;
  padding: 8px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-size: 13px;
  font-family: inherit;
  resize: vertical;
  box-sizing: border-box;
}
.rubric-edit__criteria-textarea:focus {
  outline: none;
  border-color: #bdbdbd;
}

.rubric-edit__criteria-actions {
  display: flex;
  gap: 4px;
  margin-top: 4px;
}
.rubric-edit__criteria-actions .md-button {
  min-width: 0;
  min-height: 0;
  line-height: 28px;
  font-size: 12px;
  padding: 0 8px;
}

.rubric-edit__column-add {
  padding: 6px 12px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.38);
  text-align: center;
  cursor: pointer;
}
.rubric-edit__column-add:hover {
  border-color: #bdbdbd;
  color: rgba(0, 0, 0, 0.54);
}

.rubric-edit__add-element {
  border: 2px dashed #e0e0e0;
  border-radius: 8px;
  padding: 16px;
  text-align: center;
  color: rgba(0, 0, 0, 0.38);
  font-size: 14px;
  cursor: pointer;
}
.rubric-edit__add-element:hover {
  border-color: #bdbdbd;
  color: rgba(0, 0, 0, 0.54);
}

.rubric-placeholder-legend {
  position: sticky;
  top: 0;
  z-index: 2;
  margin-bottom: 16px;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}

.rubric-placeholder-legend__header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 8px;
}

.rubric-placeholder-legend__title {
  font-weight: 600;
}

.rubric-placeholder-legend__hint {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
}

.rubric-placeholder-legend__items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.rubric-placeholder-legend__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid #b2dfdb;
  border-radius: 16px;
  background: #e0f2f1;
  font: inherit;
  cursor: pointer;
}
.rubric-placeholder-legend__item:hover {
  background: #b2dfdb;
}

.rubric-placeholder-legend__key {
  font-weight: 600;
  color: #00695c;
}

.rubric-placeholder-legend__description {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}
/*@ sourceMappingURL=app.css.map*/@font-face {
  font-family: "Phosphor-Duotone";
  src:
    url("/assets/Phosphor-Duotone-BOGiEKDk.woff2") format("woff2"),
    url("/assets/Phosphor-Duotone-BFE_OHZm.woff") format("woff"),
    url("/assets/Phosphor-Duotone-B53-f1eC.ttf") format("truetype"),
    url("/assets/Phosphor-Duotone-D8lfv-AX.svg#Phosphor-Duotone") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.ph-duotone {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Phosphor-Duotone" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ph-duotone.ph-acorn:before {
  content: "\eb9a";
  opacity: 0.2;
}
.ph-duotone.ph-acorn:after {
  content: "\eb9b";
  margin-left: -1em;
}
.ph-duotone.ph-address-book:before {
  content: "\e6f8";
  opacity: 0.2;
}
.ph-duotone.ph-address-book:after {
  content: "\e6f9";
  margin-left: -1em;
}
.ph-duotone.ph-address-book-tabs:before {
  content: "\ee4e";
  opacity: 0.2;
}
.ph-duotone.ph-address-book-tabs:after {
  content: "\ee4f";
  margin-left: -1em;
}
.ph-duotone.ph-air-traffic-control:before {
  content: "\ecd8";
  opacity: 0.2;
}
.ph-duotone.ph-air-traffic-control:after {
  content: "\ecd9";
  margin-left: -1em;
}
.ph-duotone.ph-airplane:before {
  content: "\e002";
  opacity: 0.2;
}
.ph-duotone.ph-airplane:after {
  content: "\e003";
  margin-left: -1em;
}
.ph-duotone.ph-airplane-in-flight:before {
  content: "\e4fe";
  opacity: 0.2;
}
.ph-duotone.ph-airplane-in-flight:after {
  content: "\e4ff";
  margin-left: -1em;
}
.ph-duotone.ph-airplane-landing:before {
  content: "\e502";
  opacity: 0.2;
}
.ph-duotone.ph-airplane-landing:after {
  content: "\e503";
  margin-left: -1em;
}
.ph-duotone.ph-airplane-takeoff:before {
  content: "\e504";
  opacity: 0.2;
}
.ph-duotone.ph-airplane-takeoff:after {
  content: "\e505";
  margin-left: -1em;
}
.ph-duotone.ph-airplane-taxiing:before {
  content: "\e500";
  opacity: 0.2;
}
.ph-duotone.ph-airplane-taxiing:after {
  content: "\e501";
  margin-left: -1em;
}
.ph-duotone.ph-airplane-tilt:before {
  content: "\e5d6";
  opacity: 0.2;
}
.ph-duotone.ph-airplane-tilt:after {
  content: "\e5d7";
  margin-left: -1em;
}
.ph-duotone.ph-airplay:before {
  content: "\e004";
  opacity: 0.2;
}
.ph-duotone.ph-airplay:after {
  content: "\e005";
  margin-left: -1em;
}
.ph-duotone.ph-alarm:before {
  content: "\e006";
  opacity: 0.2;
}
.ph-duotone.ph-alarm:after {
  content: "\e007";
  margin-left: -1em;
}
.ph-duotone.ph-alien:before {
  content: "\e8a6";
  opacity: 0.2;
}
.ph-duotone.ph-alien:after {
  content: "\e8a7";
  margin-left: -1em;
}
.ph-duotone.ph-align-bottom:before {
  content: "\e506";
  opacity: 0.2;
}
.ph-duotone.ph-align-bottom:after {
  content: "\e507";
  margin-left: -1em;
}
.ph-duotone.ph-align-bottom-simple:before {
  content: "\eb0c";
  opacity: 0.2;
}
.ph-duotone.ph-align-bottom-simple:after {
  content: "\eb0d";
  margin-left: -1em;
}
.ph-duotone.ph-align-center-horizontal:before {
  content: "\e50a";
  opacity: 0.2;
}
.ph-duotone.ph-align-center-horizontal:after {
  content: "\e50b";
  margin-left: -1em;
}
.ph-duotone.ph-align-center-horizontal-simple:before {
  content: "\eb0e";
  opacity: 0.2;
}
.ph-duotone.ph-align-center-horizontal-simple:after {
  content: "\eb0f";
  margin-left: -1em;
}
.ph-duotone.ph-align-center-vertical:before {
  content: "\e50c";
  opacity: 0.2;
}
.ph-duotone.ph-align-center-vertical:after {
  content: "\e50d";
  margin-left: -1em;
}
.ph-duotone.ph-align-center-vertical-simple:before {
  content: "\eb10";
  opacity: 0.2;
}
.ph-duotone.ph-align-center-vertical-simple:after {
  content: "\eb11";
  margin-left: -1em;
}
.ph-duotone.ph-align-left:before {
  content: "\e50e";
  opacity: 0.2;
}
.ph-duotone.ph-align-left:after {
  content: "\e50f";
  margin-left: -1em;
}
.ph-duotone.ph-align-left-simple:before {
  content: "\eaee";
  opacity: 0.2;
}
.ph-duotone.ph-align-left-simple:after {
  content: "\eaef";
  margin-left: -1em;
}
.ph-duotone.ph-align-right:before {
  content: "\e510";
  opacity: 0.2;
}
.ph-duotone.ph-align-right:after {
  content: "\e511";
  margin-left: -1em;
}
.ph-duotone.ph-align-right-simple:before {
  content: "\eb12";
  opacity: 0.2;
}
.ph-duotone.ph-align-right-simple:after {
  content: "\eb13";
  margin-left: -1em;
}
.ph-duotone.ph-align-top:before {
  content: "\e512";
  opacity: 0.2;
}
.ph-duotone.ph-align-top:after {
  content: "\e513";
  margin-left: -1em;
}
.ph-duotone.ph-align-top-simple:before {
  content: "\eb14";
  opacity: 0.2;
}
.ph-duotone.ph-align-top-simple:after {
  content: "\eb15";
  margin-left: -1em;
}
.ph-duotone.ph-amazon-logo:before {
  content: "\e96c";
  opacity: 0.2;
}
.ph-duotone.ph-amazon-logo:after {
  content: "\e96d";
  margin-left: -1em;
}
.ph-duotone.ph-ambulance:before {
  content: "\e572";
  opacity: 0.2;
}
.ph-duotone.ph-ambulance:after {
  content: "\e573";
  margin-left: -1em;
}
.ph-duotone.ph-anchor:before {
  content: "\e514";
  opacity: 0.2;
}
.ph-duotone.ph-anchor:after {
  content: "\e515";
  margin-left: -1em;
}
.ph-duotone.ph-anchor-simple:before {
  content: "\e5d8";
  opacity: 0.2;
}
.ph-duotone.ph-anchor-simple:after {
  content: "\e5d9";
  margin-left: -1em;
}
.ph-duotone.ph-android-logo:before {
  content: "\e008";
  opacity: 0.2;
}
.ph-duotone.ph-android-logo:after {
  content: "\e009";
  margin-left: -1em;
}
.ph-duotone.ph-angle:before {
  content: "\e7bc";
  opacity: 0.2;
}
.ph-duotone.ph-angle:after {
  content: "\e7bd";
  margin-left: -1em;
}
.ph-duotone.ph-angular-logo:before {
  content: "\eb80";
  opacity: 0.2;
}
.ph-duotone.ph-angular-logo:after {
  content: "\eb81";
  margin-left: -1em;
}
.ph-duotone.ph-aperture:before {
  content: "\e00a";
  opacity: 0.2;
}
.ph-duotone.ph-aperture:after {
  content: "\e00b";
  margin-left: -1em;
}
.ph-duotone.ph-app-store-logo:before {
  content: "\e974";
  opacity: 0.2;
}
.ph-duotone.ph-app-store-logo:after {
  content: "\e975";
  margin-left: -1em;
}
.ph-duotone.ph-app-window:before {
  content: "\e5da";
  opacity: 0.2;
}
.ph-duotone.ph-app-window:after {
  content: "\e5db";
  margin-left: -1em;
}
.ph-duotone.ph-apple-logo:before {
  content: "\e516";
  opacity: 0.2;
}
.ph-duotone.ph-apple-logo:after {
  content: "\e517";
  margin-left: -1em;
}
.ph-duotone.ph-apple-podcasts-logo:before {
  content: "\eb96";
  opacity: 0.2;
}
.ph-duotone.ph-apple-podcasts-logo:after {
  content: "\eb97";
  margin-left: -1em;
}
.ph-duotone.ph-approximate-equals:before {
  content: "\edaa";
  opacity: 0.2;
}
.ph-duotone.ph-approximate-equals:after {
  content: "\edab";
  margin-left: -1em;
}
.ph-duotone.ph-archive:before {
  content: "\e00c";
  opacity: 0.2;
}
.ph-duotone.ph-archive:after {
  content: "\e00d";
  margin-left: -1em;
}
.ph-duotone.ph-armchair:before {
  content: "\e012";
  opacity: 0.2;
}
.ph-duotone.ph-armchair:after {
  content: "\e013";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-arc-left:before {
  content: "\e014";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-arc-left:after {
  content: "\e015";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-arc-right:before {
  content: "\e016";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-arc-right:after {
  content: "\e017";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-bend-double-up-left:before {
  content: "\e03a";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-bend-double-up-left:after {
  content: "\e03b";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-bend-double-up-right:before {
  content: "\e03c";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-bend-double-up-right:after {
  content: "\e03d";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-bend-down-left:before {
  content: "\e018";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-bend-down-left:after {
  content: "\e019";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-bend-down-right:before {
  content: "\e01a";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-bend-down-right:after {
  content: "\e01b";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-bend-left-down:before {
  content: "\e01c";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-bend-left-down:after {
  content: "\e01d";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-bend-left-up:before {
  content: "\e01e";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-bend-left-up:after {
  content: "\e01f";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-bend-right-down:before {
  content: "\e020";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-bend-right-down:after {
  content: "\e021";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-bend-right-up:before {
  content: "\e022";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-bend-right-up:after {
  content: "\e023";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-bend-up-left:before {
  content: "\e024";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-bend-up-left:after {
  content: "\e025";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-bend-up-right:before {
  content: "\e026";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-bend-up-right:after {
  content: "\e027";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-circle-down:before {
  content: "\e028";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-circle-down:after {
  content: "\e029";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-circle-down-left:before {
  content: "\e02a";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-circle-down-left:after {
  content: "\e02b";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-circle-down-right:before {
  content: "\e02c";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-circle-down-right:after {
  content: "\e02d";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-circle-left:before {
  content: "\e05a";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-circle-left:after {
  content: "\e05b";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-circle-right:before {
  content: "\e02e";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-circle-right:after {
  content: "\e02f";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-circle-up:before {
  content: "\e030";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-circle-up:after {
  content: "\e031";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-circle-up-left:before {
  content: "\e032";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-circle-up-left:after {
  content: "\e033";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-circle-up-right:before {
  content: "\e034";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-circle-up-right:after {
  content: "\e035";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-clockwise:before {
  content: "\e036";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-clockwise:after {
  content: "\e037";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-counter-clockwise:before {
  content: "\e038";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-counter-clockwise:after {
  content: "\e039";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-down:before {
  content: "\e03e";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-down:after {
  content: "\e03f";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-down-left:before {
  content: "\e040";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-down-left:after {
  content: "\e041";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-down-right:before {
  content: "\e042";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-down-right:after {
  content: "\e043";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-elbow-down-left:before {
  content: "\e044";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-elbow-down-left:after {
  content: "\e045";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-elbow-down-right:before {
  content: "\e046";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-elbow-down-right:after {
  content: "\e047";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-elbow-left:before {
  content: "\e048";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-elbow-left:after {
  content: "\e049";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-elbow-left-down:before {
  content: "\e04a";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-elbow-left-down:after {
  content: "\e04b";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-elbow-left-up:before {
  content: "\e04c";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-elbow-left-up:after {
  content: "\e04d";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-elbow-right:before {
  content: "\e04e";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-elbow-right:after {
  content: "\e04f";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-elbow-right-down:before {
  content: "\e050";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-elbow-right-down:after {
  content: "\e051";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-elbow-right-up:before {
  content: "\e052";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-elbow-right-up:after {
  content: "\e053";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-elbow-up-left:before {
  content: "\e054";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-elbow-up-left:after {
  content: "\e055";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-elbow-up-right:before {
  content: "\e056";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-elbow-up-right:after {
  content: "\e057";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-down:before {
  content: "\e518";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-down:after {
  content: "\e519";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-left:before {
  content: "\e51a";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-left:after {
  content: "\e51b";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-line-down:before {
  content: "\e51c";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-line-down:after {
  content: "\e51d";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-line-left:before {
  content: "\e51e";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-line-left:after {
  content: "\e51f";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-line-right:before {
  content: "\e520";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-line-right:after {
  content: "\e521";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-line-up:before {
  content: "\e522";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-line-up:after {
  content: "\e523";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-lines-down:before {
  content: "\e524";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-lines-down:after {
  content: "\e525";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-lines-left:before {
  content: "\e526";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-lines-left:after {
  content: "\e527";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-lines-right:before {
  content: "\e528";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-lines-right:after {
  content: "\e529";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-lines-up:before {
  content: "\e52a";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-lines-up:after {
  content: "\e52b";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-right:before {
  content: "\e52c";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-right:after {
  content: "\e52d";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-fat-up:before {
  content: "\e52e";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-fat-up:after {
  content: "\e52f";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-left:before {
  content: "\e058";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-left:after {
  content: "\e059";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-line-down:before {
  content: "\e05c";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-line-down:after {
  content: "\e05d";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-line-down-left:before {
  content: "\e05e";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-line-down-left:after {
  content: "\e05f";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-line-down-right:before {
  content: "\e060";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-line-down-right:after {
  content: "\e061";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-line-left:before {
  content: "\e062";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-line-left:after {
  content: "\e063";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-line-right:before {
  content: "\e064";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-line-right:after {
  content: "\e065";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-line-up:before {
  content: "\e066";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-line-up:after {
  content: "\e067";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-line-up-left:before {
  content: "\e068";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-line-up-left:after {
  content: "\e069";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-line-up-right:before {
  content: "\e06a";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-line-up-right:after {
  content: "\e06b";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-right:before {
  content: "\e06c";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-right:after {
  content: "\e06d";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-square-down:before {
  content: "\e06e";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-square-down:after {
  content: "\e06f";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-square-down-left:before {
  content: "\e070";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-square-down-left:after {
  content: "\e071";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-square-down-right:before {
  content: "\e072";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-square-down-right:after {
  content: "\e073";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-square-in:before {
  content: "\e5dc";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-square-in:after {
  content: "\e5dd";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-square-left:before {
  content: "\e074";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-square-left:after {
  content: "\e075";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-square-out:before {
  content: "\e5de";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-square-out:after {
  content: "\e5df";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-square-right:before {
  content: "\e076";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-square-right:after {
  content: "\e077";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-square-up:before {
  content: "\e078";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-square-up:after {
  content: "\e079";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-square-up-left:before {
  content: "\e07a";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-square-up-left:after {
  content: "\e07b";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-square-up-right:before {
  content: "\e07c";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-square-up-right:after {
  content: "\e07d";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-u-down-left:before {
  content: "\e07e";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-u-down-left:after {
  content: "\e07f";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-u-down-right:before {
  content: "\e080";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-u-down-right:after {
  content: "\e081";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-u-left-down:before {
  content: "\e082";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-u-left-down:after {
  content: "\e083";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-u-left-up:before {
  content: "\e084";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-u-left-up:after {
  content: "\e085";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-u-right-down:before {
  content: "\e086";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-u-right-down:after {
  content: "\e087";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-u-right-up:before {
  content: "\e088";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-u-right-up:after {
  content: "\e089";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-u-up-left:before {
  content: "\e08a";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-u-up-left:after {
  content: "\e08b";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-u-up-right:before {
  content: "\e08c";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-u-up-right:after {
  content: "\e08d";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-up:before {
  content: "\e08e";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-up:after {
  content: "\e08f";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-up-left:before {
  content: "\e090";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-up-left:after {
  content: "\e091";
  margin-left: -1em;
}
.ph-duotone.ph-arrow-up-right:before {
  content: "\e092";
  opacity: 0.2;
}
.ph-duotone.ph-arrow-up-right:after {
  content: "\e093";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-clockwise:before {
  content: "\e094";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-clockwise:after {
  content: "\e095";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-counter-clockwise:before {
  content: "\e096";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-counter-clockwise:after {
  content: "\e097";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-down-up:before {
  content: "\e098";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-down-up:after {
  content: "\e099";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-horizontal:before {
  content: "\eb06";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-horizontal:after {
  content: "\eb07";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-in:before {
  content: "\e09a";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-in:after {
  content: "\e09b";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-in-cardinal:before {
  content: "\e09c";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-in-cardinal:after {
  content: "\e09d";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-in-line-horizontal:before {
  content: "\e530";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-in-line-horizontal:after {
  content: "\e531";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-in-line-vertical:before {
  content: "\e532";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-in-line-vertical:after {
  content: "\e533";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-in-simple:before {
  content: "\e09e";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-in-simple:after {
  content: "\e09f";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-left-right:before {
  content: "\e0a0";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-left-right:after {
  content: "\e0a1";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-merge:before {
  content: "\ed3e";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-merge:after {
  content: "\ed3f";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-out:before {
  content: "\e0a2";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-out:after {
  content: "\e0a3";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-out-cardinal:before {
  content: "\e0a4";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-out-cardinal:after {
  content: "\e0a5";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-out-line-horizontal:before {
  content: "\e534";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-out-line-horizontal:after {
  content: "\e535";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-out-line-vertical:before {
  content: "\e536";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-out-line-vertical:after {
  content: "\e537";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-out-simple:before {
  content: "\e0a6";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-out-simple:after {
  content: "\e0a7";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-split:before {
  content: "\ed3c";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-split:after {
  content: "\ed3d";
  margin-left: -1em;
}
.ph-duotone.ph-arrows-vertical:before {
  content: "\eb04";
  opacity: 0.2;
}
.ph-duotone.ph-arrows-vertical:after {
  content: "\eb05";
  margin-left: -1em;
}
.ph-duotone.ph-article:before {
  content: "\e0a8";
  opacity: 0.2;
}
.ph-duotone.ph-article:after {
  content: "\e0a9";
  margin-left: -1em;
}
.ph-duotone.ph-article-medium:before {
  content: "\e5e0";
  opacity: 0.2;
}
.ph-duotone.ph-article-medium:after {
  content: "\e5e1";
  margin-left: -1em;
}
.ph-duotone.ph-article-ny-times:before {
  content: "\e5e2";
  opacity: 0.2;
}
.ph-duotone.ph-article-ny-times:after {
  content: "\e5e3";
  margin-left: -1em;
}
.ph-duotone.ph-asclepius:before {
  content: "\ee34";
  opacity: 0.2;
}
.ph-duotone.ph-asclepius:after {
  content: "\ee35";
  margin-left: -1em;
}
.ph-duotone.ph-asterisk:before {
  content: "\e0aa";
  opacity: 0.2;
}
.ph-duotone.ph-asterisk:after {
  content: "\e0ab";
  margin-left: -1em;
}
.ph-duotone.ph-asterisk-simple:before {
  content: "\e832";
  opacity: 0.2;
}
.ph-duotone.ph-asterisk-simple:after {
  content: "\e833";
  margin-left: -1em;
}
.ph-duotone.ph-at:before {
  content: "\e0ac";
  opacity: 0.2;
}
.ph-duotone.ph-at:after {
  content: "\e0ad";
  margin-left: -1em;
}
.ph-duotone.ph-atom:before {
  content: "\e5e4";
  opacity: 0.2;
}
.ph-duotone.ph-atom:after {
  content: "\e5e5";
  margin-left: -1em;
}
.ph-duotone.ph-avocado:before {
  content: "\ee04";
  opacity: 0.2;
}
.ph-duotone.ph-avocado:after {
  content: "\ee05";
  margin-left: -1em;
}
.ph-duotone.ph-axe:before {
  content: "\e9fc";
  opacity: 0.2;
}
.ph-duotone.ph-axe:after {
  content: "\e9fd";
  margin-left: -1em;
}
.ph-duotone.ph-baby:before {
  content: "\e774";
  opacity: 0.2;
}
.ph-duotone.ph-baby:after {
  content: "\e775";
  margin-left: -1em;
}
.ph-duotone.ph-baby-carriage:before {
  content: "\e818";
  opacity: 0.2;
}
.ph-duotone.ph-baby-carriage:after {
  content: "\e819";
  margin-left: -1em;
}
.ph-duotone.ph-backpack:before {
  content: "\e922";
  opacity: 0.2;
}
.ph-duotone.ph-backpack:after {
  content: "\e923";
  margin-left: -1em;
}
.ph-duotone.ph-backspace:before {
  content: "\e0ae";
  opacity: 0.2;
}
.ph-duotone.ph-backspace:after {
  content: "\e0af";
  margin-left: -1em;
}
.ph-duotone.ph-bag:before {
  content: "\e0b0";
  opacity: 0.2;
}
.ph-duotone.ph-bag:after {
  content: "\e0b1";
  margin-left: -1em;
}
.ph-duotone.ph-bag-simple:before {
  content: "\e5e6";
  opacity: 0.2;
}
.ph-duotone.ph-bag-simple:after {
  content: "\e5e7";
  margin-left: -1em;
}
.ph-duotone.ph-balloon:before {
  content: "\e76c";
  opacity: 0.2;
}
.ph-duotone.ph-balloon:after {
  content: "\e76d";
  margin-left: -1em;
}
.ph-duotone.ph-bandaids:before {
  content: "\e0b2";
  opacity: 0.2;
}
.ph-duotone.ph-bandaids:after {
  content: "\e0b3";
  margin-left: -1em;
}
.ph-duotone.ph-bank:before {
  content: "\e0b4";
  opacity: 0.2;
}
.ph-duotone.ph-bank:after {
  content: "\e0b5";
  margin-left: -1em;
}
.ph-duotone.ph-barbell:before {
  content: "\e0b6";
  opacity: 0.2;
}
.ph-duotone.ph-barbell:after {
  content: "\e0b7";
  margin-left: -1em;
}
.ph-duotone.ph-barcode:before {
  content: "\e0b8";
  opacity: 0.2;
}
.ph-duotone.ph-barcode:after {
  content: "\e0b9";
  margin-left: -1em;
}
.ph-duotone.ph-barn:before {
  content: "\ec72";
  opacity: 0.2;
}
.ph-duotone.ph-barn:after {
  content: "\ec73";
  margin-left: -1em;
}
.ph-duotone.ph-barricade:before {
  content: "\e948";
  opacity: 0.2;
}
.ph-duotone.ph-barricade:after {
  content: "\e949";
  margin-left: -1em;
}
.ph-duotone.ph-baseball:before {
  content: "\e71a";
  opacity: 0.2;
}
.ph-duotone.ph-baseball:after {
  content: "\e71b";
  margin-left: -1em;
}
.ph-duotone.ph-baseball-cap:before {
  content: "\ea28";
  opacity: 0.2;
}
.ph-duotone.ph-baseball-cap:after {
  content: "\ea29";
  margin-left: -1em;
}
.ph-duotone.ph-baseball-helmet:before {
  content: "\ee4a";
  opacity: 0.2;
}
.ph-duotone.ph-baseball-helmet:after {
  content: "\ee4b";
  margin-left: -1em;
}
.ph-duotone.ph-basket:before {
  content: "\e964";
  opacity: 0.2;
}
.ph-duotone.ph-basket:after {
  content: "\e965";
  margin-left: -1em;
}
.ph-duotone.ph-basketball:before {
  content: "\e724";
  opacity: 0.2;
}
.ph-duotone.ph-basketball:after {
  content: "\e725";
  margin-left: -1em;
}
.ph-duotone.ph-bathtub:before {
  content: "\e81e";
  opacity: 0.2;
}
.ph-duotone.ph-bathtub:after {
  content: "\e81f";
  margin-left: -1em;
}
.ph-duotone.ph-battery-charging:before {
  content: "\e0ba";
  opacity: 0.2;
}
.ph-duotone.ph-battery-charging:after {
  content: "\e0bb";
  margin-left: -1em;
}
.ph-duotone.ph-battery-charging-vertical:before {
  content: "\e0bc";
  opacity: 0.2;
}
.ph-duotone.ph-battery-charging-vertical:after {
  content: "\e0bd";
  margin-left: -1em;
}
.ph-duotone.ph-battery-empty:before {
  content: "\e0be";
  opacity: 0.2;
}
.ph-duotone.ph-battery-empty:after {
  content: "\e0bf";
  margin-left: -1em;
}
.ph-duotone.ph-battery-full:before {
  content: "\e0c0";
  opacity: 0.2;
}
.ph-duotone.ph-battery-full:after {
  content: "\e0c1";
  margin-left: -1em;
}
.ph-duotone.ph-battery-high:before {
  content: "\e0c2";
  opacity: 0.2;
}
.ph-duotone.ph-battery-high:after {
  content: "\e0c3";
  margin-left: -1em;
}
.ph-duotone.ph-battery-low:before {
  content: "\e0c4";
  opacity: 0.2;
}
.ph-duotone.ph-battery-low:after {
  content: "\e0c5";
  margin-left: -1em;
}
.ph-duotone.ph-battery-medium:before {
  content: "\e0c6";
  opacity: 0.2;
}
.ph-duotone.ph-battery-medium:after {
  content: "\e0c7";
  margin-left: -1em;
}
.ph-duotone.ph-battery-plus:before {
  content: "\e808";
  opacity: 0.2;
}
.ph-duotone.ph-battery-plus:after {
  content: "\e809";
  margin-left: -1em;
}
.ph-duotone.ph-battery-plus-vertical:before {
  content: "\ec50";
  opacity: 0.2;
}
.ph-duotone.ph-battery-plus-vertical:after {
  content: "\ec51";
  margin-left: -1em;
}
.ph-duotone.ph-battery-vertical-empty:before {
  content: "\e7c6";
  opacity: 0.2;
}
.ph-duotone.ph-battery-vertical-empty:after {
  content: "\e7c7";
  margin-left: -1em;
}
.ph-duotone.ph-battery-vertical-full:before {
  content: "\e7c4";
  opacity: 0.2;
}
.ph-duotone.ph-battery-vertical-full:after {
  content: "\e7c5";
  margin-left: -1em;
}
.ph-duotone.ph-battery-vertical-high:before {
  content: "\e7c2";
  opacity: 0.2;
}
.ph-duotone.ph-battery-vertical-high:after {
  content: "\e7c3";
  margin-left: -1em;
}
.ph-duotone.ph-battery-vertical-low:before {
  content: "\e7be";
  opacity: 0.2;
}
.ph-duotone.ph-battery-vertical-low:after {
  content: "\e7bf";
  margin-left: -1em;
}
.ph-duotone.ph-battery-vertical-medium:before {
  content: "\e7c0";
  opacity: 0.2;
}
.ph-duotone.ph-battery-vertical-medium:after {
  content: "\e7c1";
  margin-left: -1em;
}
.ph-duotone.ph-battery-warning:before {
  content: "\e0c8";
  opacity: 0.2;
}
.ph-duotone.ph-battery-warning:after {
  content: "\e0c9";
  margin-left: -1em;
}
.ph-duotone.ph-battery-warning-vertical:before {
  content: "\e0ca";
  opacity: 0.2;
}
.ph-duotone.ph-battery-warning-vertical:after {
  content: "\e0cb";
  margin-left: -1em;
}
.ph-duotone.ph-beach-ball:before {
  content: "\ed24";
  opacity: 0.2;
}
.ph-duotone.ph-beach-ball:after {
  content: "\ed25";
  margin-left: -1em;
}
.ph-duotone.ph-beanie:before {
  content: "\ea2a";
  opacity: 0.2;
}
.ph-duotone.ph-beanie:after {
  content: "\ea2b";
  margin-left: -1em;
}
.ph-duotone.ph-bed:before {
  content: "\e0cc";
  opacity: 0.2;
}
.ph-duotone.ph-bed:after {
  content: "\e0cd";
  margin-left: -1em;
}
.ph-duotone.ph-beer-bottle:before {
  content: "\e7b0";
  opacity: 0.2;
}
.ph-duotone.ph-beer-bottle:after {
  content: "\e7b1";
  margin-left: -1em;
}
.ph-duotone.ph-beer-stein:before {
  content: "\eb62";
  opacity: 0.2;
}
.ph-duotone.ph-beer-stein:after {
  content: "\eb63";
  margin-left: -1em;
}
.ph-duotone.ph-behance-logo:before {
  content: "\e7f4";
  opacity: 0.2;
}
.ph-duotone.ph-behance-logo:after {
  content: "\e7f5";
  margin-left: -1em;
}
.ph-duotone.ph-bell:before {
  content: "\e0ce";
  opacity: 0.2;
}
.ph-duotone.ph-bell:after {
  content: "\e0cf";
  margin-left: -1em;
}
.ph-duotone.ph-bell-ringing:before {
  content: "\e5e8";
  opacity: 0.2;
}
.ph-duotone.ph-bell-ringing:after {
  content: "\e5e9";
  margin-left: -1em;
}
.ph-duotone.ph-bell-simple:before {
  content: "\e0d0";
  opacity: 0.2;
}
.ph-duotone.ph-bell-simple:after {
  content: "\e0d1";
  margin-left: -1em;
}
.ph-duotone.ph-bell-simple-ringing:before {
  content: "\e5ea";
  opacity: 0.2;
}
.ph-duotone.ph-bell-simple-ringing:after {
  content: "\e5eb";
  margin-left: -1em;
}
.ph-duotone.ph-bell-simple-slash:before {
  content: "\e0d2";
  opacity: 0.2;
}
.ph-duotone.ph-bell-simple-slash:after {
  content: "\e0d3";
  margin-left: -1em;
}
.ph-duotone.ph-bell-simple-z:before {
  content: "\e5ec";
  opacity: 0.2;
}
.ph-duotone.ph-bell-simple-z:after {
  content: "\e5ed";
  margin-left: -1em;
}
.ph-duotone.ph-bell-slash:before {
  content: "\e0d4";
  opacity: 0.2;
}
.ph-duotone.ph-bell-slash:after {
  content: "\e0d5";
  margin-left: -1em;
}
.ph-duotone.ph-bell-z:before {
  content: "\e5ee";
  opacity: 0.2;
}
.ph-duotone.ph-bell-z:after {
  content: "\e5ef";
  margin-left: -1em;
}
.ph-duotone.ph-belt:before {
  content: "\ea2c";
  opacity: 0.2;
}
.ph-duotone.ph-belt:after {
  content: "\ea2d";
  margin-left: -1em;
}
.ph-duotone.ph-bezier-curve:before {
  content: "\eb00";
  opacity: 0.2;
}
.ph-duotone.ph-bezier-curve:after {
  content: "\eb01";
  margin-left: -1em;
}
.ph-duotone.ph-bicycle:before {
  content: "\e0d6";
  opacity: 0.2;
}
.ph-duotone.ph-bicycle:after {
  content: "\e0d7";
  margin-left: -1em;
}
.ph-duotone.ph-binary:before {
  content: "\ee60";
  opacity: 0.2;
}
.ph-duotone.ph-binary:after {
  content: "\ee61";
  margin-left: -1em;
}
.ph-duotone.ph-binoculars:before {
  content: "\ea64";
  opacity: 0.2;
}
.ph-duotone.ph-binoculars:after {
  content: "\ea65";
  margin-left: -1em;
}
.ph-duotone.ph-biohazard:before {
  content: "\e9e0";
  opacity: 0.2;
}
.ph-duotone.ph-biohazard:after {
  content: "\e9e1";
  margin-left: -1em;
}
.ph-duotone.ph-bird:before {
  content: "\e72c";
  opacity: 0.2;
}
.ph-duotone.ph-bird:after {
  content: "\e72d";
  margin-left: -1em;
}
.ph-duotone.ph-blueprint:before {
  content: "\eda0";
  opacity: 0.2;
}
.ph-duotone.ph-blueprint:after {
  content: "\eda1";
  margin-left: -1em;
}
.ph-duotone.ph-bluetooth:before {
  content: "\e0da";
  opacity: 0.2;
}
.ph-duotone.ph-bluetooth:after {
  content: "\e0db";
  margin-left: -1em;
}
.ph-duotone.ph-bluetooth-connected:before {
  content: "\e0dc";
  opacity: 0.2;
}
.ph-duotone.ph-bluetooth-connected:after {
  content: "\e0dd";
  margin-left: -1em;
}
.ph-duotone.ph-bluetooth-slash:before {
  content: "\e0de";
  opacity: 0.2;
}
.ph-duotone.ph-bluetooth-slash:after {
  content: "\e0df";
  margin-left: -1em;
}
.ph-duotone.ph-bluetooth-x:before {
  content: "\e0e0";
  opacity: 0.2;
}
.ph-duotone.ph-bluetooth-x:after {
  content: "\e0e1";
  margin-left: -1em;
}
.ph-duotone.ph-boat:before {
  content: "\e786";
  opacity: 0.2;
}
.ph-duotone.ph-boat:after {
  content: "\e787";
  margin-left: -1em;
}
.ph-duotone.ph-bomb:before {
  content: "\ee0a";
  opacity: 0.2;
}
.ph-duotone.ph-bomb:after {
  content: "\ee0b";
  margin-left: -1em;
}
.ph-duotone.ph-bone:before {
  content: "\e7f2";
  opacity: 0.2;
}
.ph-duotone.ph-bone:after {
  content: "\e7f3";
  margin-left: -1em;
}
.ph-duotone.ph-book:before {
  content: "\e0e2";
  opacity: 0.2;
}
.ph-duotone.ph-book:after {
  content: "\e0e3";
  margin-left: -1em;
}
.ph-duotone.ph-book-bookmark:before {
  content: "\e0e4";
  opacity: 0.2;
}
.ph-duotone.ph-book-bookmark:after {
  content: "\e0e5";
  margin-left: -1em;
}
.ph-duotone.ph-book-open:before {
  content: "\e0e6";
  opacity: 0.2;
}
.ph-duotone.ph-book-open:after {
  content: "\e0e7";
  margin-left: -1em;
}
.ph-duotone.ph-book-open-text:before {
  content: "\e8f2";
  opacity: 0.2;
}
.ph-duotone.ph-book-open-text:after {
  content: "\e8f3";
  margin-left: -1em;
}
.ph-duotone.ph-book-open-user:before {
  content: "\ede0";
  opacity: 0.2;
}
.ph-duotone.ph-book-open-user:after {
  content: "\ede1";
  margin-left: -1em;
}
.ph-duotone.ph-bookmark:before {
  content: "\e0e8";
  opacity: 0.2;
}
.ph-duotone.ph-bookmark:after {
  content: "\e0e9";
  margin-left: -1em;
}
.ph-duotone.ph-bookmark-simple:before {
  content: "\e0ea";
  opacity: 0.2;
}
.ph-duotone.ph-bookmark-simple:after {
  content: "\e0eb";
  margin-left: -1em;
}
.ph-duotone.ph-bookmarks:before {
  content: "\e0ec";
  opacity: 0.2;
}
.ph-duotone.ph-bookmarks:after {
  content: "\e0ed";
  margin-left: -1em;
}
.ph-duotone.ph-bookmarks-simple:before {
  content: "\e5f0";
  opacity: 0.2;
}
.ph-duotone.ph-bookmarks-simple:after {
  content: "\e5f1";
  margin-left: -1em;
}
.ph-duotone.ph-books:before {
  content: "\e758";
  opacity: 0.2;
}
.ph-duotone.ph-books:after {
  content: "\e759";
  margin-left: -1em;
}
.ph-duotone.ph-boot:before {
  content: "\ecca";
  opacity: 0.2;
}
.ph-duotone.ph-boot:after {
  content: "\eccb";
  margin-left: -1em;
}
.ph-duotone.ph-boules:before {
  content: "\e722";
  opacity: 0.2;
}
.ph-duotone.ph-boules:after {
  content: "\e723";
  margin-left: -1em;
}
.ph-duotone.ph-bounding-box:before {
  content: "\e6ce";
  opacity: 0.2;
}
.ph-duotone.ph-bounding-box:after {
  content: "\e6cf";
  margin-left: -1em;
}
.ph-duotone.ph-bowl-food:before {
  content: "\eaa4";
  opacity: 0.2;
}
.ph-duotone.ph-bowl-food:after {
  content: "\eaa5";
  margin-left: -1em;
}
.ph-duotone.ph-bowl-steam:before {
  content: "\e8e4";
  opacity: 0.2;
}
.ph-duotone.ph-bowl-steam:after {
  content: "\e8e5";
  margin-left: -1em;
}
.ph-duotone.ph-bowling-ball:before {
  content: "\ea34";
  opacity: 0.2;
}
.ph-duotone.ph-bowling-ball:after {
  content: "\ea35";
  margin-left: -1em;
}
.ph-duotone.ph-box-arrow-down:before {
  content: "\e00e";
  opacity: 0.2;
}
.ph-duotone.ph-box-arrow-down:after {
  content: "\e00f";
  margin-left: -1em;
}
.ph-duotone.ph-box-arrow-up:before {
  content: "\ee54";
  opacity: 0.2;
}
.ph-duotone.ph-box-arrow-up:after {
  content: "\ee55";
  margin-left: -1em;
}
.ph-duotone.ph-boxing-glove:before {
  content: "\ea36";
  opacity: 0.2;
}
.ph-duotone.ph-boxing-glove:after {
  content: "\ea37";
  margin-left: -1em;
}
.ph-duotone.ph-brackets-angle:before {
  content: "\e862";
  opacity: 0.2;
}
.ph-duotone.ph-brackets-angle:after {
  content: "\e863";
  margin-left: -1em;
}
.ph-duotone.ph-brackets-curly:before {
  content: "\e860";
  opacity: 0.2;
}
.ph-duotone.ph-brackets-curly:after {
  content: "\e861";
  margin-left: -1em;
}
.ph-duotone.ph-brackets-round:before {
  content: "\e864";
  opacity: 0.2;
}
.ph-duotone.ph-brackets-round:after {
  content: "\e865";
  margin-left: -1em;
}
.ph-duotone.ph-brackets-square:before {
  content: "\e85e";
  opacity: 0.2;
}
.ph-duotone.ph-brackets-square:after {
  content: "\e85f";
  margin-left: -1em;
}
.ph-duotone.ph-brain:before {
  content: "\e74e";
  opacity: 0.2;
}
.ph-duotone.ph-brain:after {
  content: "\e74f";
  margin-left: -1em;
}
.ph-duotone.ph-brandy:before {
  content: "\e6b4";
  opacity: 0.2;
}
.ph-duotone.ph-brandy:after {
  content: "\e6b5";
  margin-left: -1em;
}
.ph-duotone.ph-bread:before {
  content: "\e81c";
  opacity: 0.2;
}
.ph-duotone.ph-bread:after {
  content: "\e81d";
  margin-left: -1em;
}
.ph-duotone.ph-bridge:before {
  content: "\ea68";
  opacity: 0.2;
}
.ph-duotone.ph-bridge:after {
  content: "\ea69";
  margin-left: -1em;
}
.ph-duotone.ph-briefcase:before {
  content: "\e0ee";
  opacity: 0.2;
}
.ph-duotone.ph-briefcase:after {
  content: "\e0ef";
  margin-left: -1em;
}
.ph-duotone.ph-briefcase-metal:before {
  content: "\e5f2";
  opacity: 0.2;
}
.ph-duotone.ph-briefcase-metal:after {
  content: "\e5f3";
  margin-left: -1em;
}
.ph-duotone.ph-broadcast:before {
  content: "\e0f2";
  opacity: 0.2;
}
.ph-duotone.ph-broadcast:after {
  content: "\e0f3";
  margin-left: -1em;
}
.ph-duotone.ph-broom:before {
  content: "\ec54";
  opacity: 0.2;
}
.ph-duotone.ph-broom:after {
  content: "\ec55";
  margin-left: -1em;
}
.ph-duotone.ph-browser:before {
  content: "\e0f4";
  opacity: 0.2;
}
.ph-duotone.ph-browser:after {
  content: "\e0f5";
  margin-left: -1em;
}
.ph-duotone.ph-browsers:before {
  content: "\e0f6";
  opacity: 0.2;
}
.ph-duotone.ph-browsers:after {
  content: "\e0f7";
  margin-left: -1em;
}
.ph-duotone.ph-bug:before {
  content: "\e5f4";
  opacity: 0.2;
}
.ph-duotone.ph-bug:after {
  content: "\e5f5";
  margin-left: -1em;
}
.ph-duotone.ph-bug-beetle:before {
  content: "\e5f6";
  opacity: 0.2;
}
.ph-duotone.ph-bug-beetle:after {
  content: "\e5f7";
  margin-left: -1em;
}
.ph-duotone.ph-bug-droid:before {
  content: "\e5f8";
  opacity: 0.2;
}
.ph-duotone.ph-bug-droid:after {
  content: "\e5f9";
  margin-left: -1em;
}
.ph-duotone.ph-building:before {
  content: "\e100";
  opacity: 0.2;
}
.ph-duotone.ph-building:after {
  content: "\e101";
  margin-left: -1em;
}
.ph-duotone.ph-building-apartment:before {
  content: "\e0fe";
  opacity: 0.2;
}
.ph-duotone.ph-building-apartment:after {
  content: "\e103";
  margin-left: -1em;
}
.ph-duotone.ph-building-office:before {
  content: "\e0ff";
  opacity: 0.2;
}
.ph-duotone.ph-building-office:after {
  content: "\e104";
  margin-left: -1em;
}
.ph-duotone.ph-buildings:before {
  content: "\e102";
  opacity: 0.2;
}
.ph-duotone.ph-buildings:after {
  content: "\e105";
  margin-left: -1em;
}
.ph-duotone.ph-bulldozer:before {
  content: "\ec6c";
  opacity: 0.2;
}
.ph-duotone.ph-bulldozer:after {
  content: "\ec6d";
  margin-left: -1em;
}
.ph-duotone.ph-bus:before {
  content: "\e106";
  opacity: 0.2;
}
.ph-duotone.ph-bus:after {
  content: "\e107";
  margin-left: -1em;
}
.ph-duotone.ph-butterfly:before {
  content: "\ea6e";
  opacity: 0.2;
}
.ph-duotone.ph-butterfly:after {
  content: "\ea6f";
  margin-left: -1em;
}
.ph-duotone.ph-cable-car:before {
  content: "\e49c";
  opacity: 0.2;
}
.ph-duotone.ph-cable-car:after {
  content: "\e49d";
  margin-left: -1em;
}
.ph-duotone.ph-cactus:before {
  content: "\e918";
  opacity: 0.2;
}
.ph-duotone.ph-cactus:after {
  content: "\e919";
  margin-left: -1em;
}
.ph-duotone.ph-cake:before {
  content: "\e780";
  opacity: 0.2;
}
.ph-duotone.ph-cake:after {
  content: "\e781";
  margin-left: -1em;
}
.ph-duotone.ph-calculator:before {
  content: "\e538";
  opacity: 0.2;
}
.ph-duotone.ph-calculator:after {
  content: "\e539";
  margin-left: -1em;
}
.ph-duotone.ph-calendar:before {
  content: "\e108";
  opacity: 0.2;
}
.ph-duotone.ph-calendar:after {
  content: "\e109";
  margin-left: -1em;
}
.ph-duotone.ph-calendar-blank:before {
  content: "\e10a";
  opacity: 0.2;
}
.ph-duotone.ph-calendar-blank:after {
  content: "\e10b";
  margin-left: -1em;
}
.ph-duotone.ph-calendar-check:before {
  content: "\e712";
  opacity: 0.2;
}
.ph-duotone.ph-calendar-check:after {
  content: "\e713";
  margin-left: -1em;
}
.ph-duotone.ph-calendar-dot:before {
  content: "\e7b2";
  opacity: 0.2;
}
.ph-duotone.ph-calendar-dot:after {
  content: "\e7b3";
  margin-left: -1em;
}
.ph-duotone.ph-calendar-dots:before {
  content: "\e7b4";
  opacity: 0.2;
}
.ph-duotone.ph-calendar-dots:after {
  content: "\e7b5";
  margin-left: -1em;
}
.ph-duotone.ph-calendar-heart:before {
  content: "\e8b0";
  opacity: 0.2;
}
.ph-duotone.ph-calendar-heart:after {
  content: "\e8b1";
  margin-left: -1em;
}
.ph-duotone.ph-calendar-minus:before {
  content: "\ea14";
  opacity: 0.2;
}
.ph-duotone.ph-calendar-minus:after {
  content: "\ea15";
  margin-left: -1em;
}
.ph-duotone.ph-calendar-plus:before {
  content: "\e714";
  opacity: 0.2;
}
.ph-duotone.ph-calendar-plus:after {
  content: "\e715";
  margin-left: -1em;
}
.ph-duotone.ph-calendar-slash:before {
  content: "\ea12";
  opacity: 0.2;
}
.ph-duotone.ph-calendar-slash:after {
  content: "\ea13";
  margin-left: -1em;
}
.ph-duotone.ph-calendar-star:before {
  content: "\e8b2";
  opacity: 0.2;
}
.ph-duotone.ph-calendar-star:after {
  content: "\e8b3";
  margin-left: -1em;
}
.ph-duotone.ph-calendar-x:before {
  content: "\e10c";
  opacity: 0.2;
}
.ph-duotone.ph-calendar-x:after {
  content: "\e10d";
  margin-left: -1em;
}
.ph-duotone.ph-call-bell:before {
  content: "\e7de";
  opacity: 0.2;
}
.ph-duotone.ph-call-bell:after {
  content: "\e7df";
  margin-left: -1em;
}
.ph-duotone.ph-camera:before {
  content: "\e10e";
  opacity: 0.2;
}
.ph-duotone.ph-camera:after {
  content: "\e10f";
  margin-left: -1em;
}
.ph-duotone.ph-camera-plus:before {
  content: "\ec58";
  opacity: 0.2;
}
.ph-duotone.ph-camera-plus:after {
  content: "\ec59";
  margin-left: -1em;
}
.ph-duotone.ph-camera-rotate:before {
  content: "\e7a4";
  opacity: 0.2;
}
.ph-duotone.ph-camera-rotate:after {
  content: "\e7a5";
  margin-left: -1em;
}
.ph-duotone.ph-camera-slash:before {
  content: "\e110";
  opacity: 0.2;
}
.ph-duotone.ph-camera-slash:after {
  content: "\e111";
  margin-left: -1em;
}
.ph-duotone.ph-campfire:before {
  content: "\e9d8";
  opacity: 0.2;
}
.ph-duotone.ph-campfire:after {
  content: "\e9d9";
  margin-left: -1em;
}
.ph-duotone.ph-car:before {
  content: "\e112";
  opacity: 0.2;
}
.ph-duotone.ph-car:after {
  content: "\e113";
  margin-left: -1em;
}
.ph-duotone.ph-car-battery:before {
  content: "\ee30";
  opacity: 0.2;
}
.ph-duotone.ph-car-battery:after {
  content: "\ee31";
  margin-left: -1em;
}
.ph-duotone.ph-car-profile:before {
  content: "\e8cc";
  opacity: 0.2;
}
.ph-duotone.ph-car-profile:after {
  content: "\e8cd";
  margin-left: -1em;
}
.ph-duotone.ph-car-simple:before {
  content: "\e114";
  opacity: 0.2;
}
.ph-duotone.ph-car-simple:after {
  content: "\e115";
  margin-left: -1em;
}
.ph-duotone.ph-cardholder:before {
  content: "\e5fa";
  opacity: 0.2;
}
.ph-duotone.ph-cardholder:after {
  content: "\e5fb";
  margin-left: -1em;
}
.ph-duotone.ph-cards:before {
  content: "\e0f8";
  opacity: 0.2;
}
.ph-duotone.ph-cards:after {
  content: "\e0f9";
  margin-left: -1em;
}
.ph-duotone.ph-cards-three:before {
  content: "\ee50";
  opacity: 0.2;
}
.ph-duotone.ph-cards-three:after {
  content: "\ee51";
  margin-left: -1em;
}
.ph-duotone.ph-caret-circle-double-down:before {
  content: "\e116";
  opacity: 0.2;
}
.ph-duotone.ph-caret-circle-double-down:after {
  content: "\e117";
  margin-left: -1em;
}
.ph-duotone.ph-caret-circle-double-left:before {
  content: "\e118";
  opacity: 0.2;
}
.ph-duotone.ph-caret-circle-double-left:after {
  content: "\e119";
  margin-left: -1em;
}
.ph-duotone.ph-caret-circle-double-right:before {
  content: "\e11a";
  opacity: 0.2;
}
.ph-duotone.ph-caret-circle-double-right:after {
  content: "\e11b";
  margin-left: -1em;
}
.ph-duotone.ph-caret-circle-double-up:before {
  content: "\e11c";
  opacity: 0.2;
}
.ph-duotone.ph-caret-circle-double-up:after {
  content: "\e11d";
  margin-left: -1em;
}
.ph-duotone.ph-caret-circle-down:before {
  content: "\e11e";
  opacity: 0.2;
}
.ph-duotone.ph-caret-circle-down:after {
  content: "\e11f";
  margin-left: -1em;
}
.ph-duotone.ph-caret-circle-left:before {
  content: "\e120";
  opacity: 0.2;
}
.ph-duotone.ph-caret-circle-left:after {
  content: "\e121";
  margin-left: -1em;
}
.ph-duotone.ph-caret-circle-right:before {
  content: "\e122";
  opacity: 0.2;
}
.ph-duotone.ph-caret-circle-right:after {
  content: "\e123";
  margin-left: -1em;
}
.ph-duotone.ph-caret-circle-up:before {
  content: "\e124";
  opacity: 0.2;
}
.ph-duotone.ph-caret-circle-up:after {
  content: "\e125";
  margin-left: -1em;
}
.ph-duotone.ph-caret-circle-up-down:before {
  content: "\e13e";
  opacity: 0.2;
}
.ph-duotone.ph-caret-circle-up-down:after {
  content: "\e13f";
  margin-left: -1em;
}
.ph-duotone.ph-caret-double-down:before {
  content: "\e126";
  opacity: 0.2;
}
.ph-duotone.ph-caret-double-down:after {
  content: "\e127";
  margin-left: -1em;
}
.ph-duotone.ph-caret-double-left:before {
  content: "\e128";
  opacity: 0.2;
}
.ph-duotone.ph-caret-double-left:after {
  content: "\e129";
  margin-left: -1em;
}
.ph-duotone.ph-caret-double-right:before {
  content: "\e12a";
  opacity: 0.2;
}
.ph-duotone.ph-caret-double-right:after {
  content: "\e12b";
  margin-left: -1em;
}
.ph-duotone.ph-caret-double-up:before {
  content: "\e12c";
  opacity: 0.2;
}
.ph-duotone.ph-caret-double-up:after {
  content: "\e12d";
  margin-left: -1em;
}
.ph-duotone.ph-caret-down:before {
  content: "\e136";
  opacity: 0.2;
}
.ph-duotone.ph-caret-down:after {
  content: "\e137";
  margin-left: -1em;
}
.ph-duotone.ph-caret-left:before {
  content: "\e138";
  opacity: 0.2;
}
.ph-duotone.ph-caret-left:after {
  content: "\e139";
  margin-left: -1em;
}
.ph-duotone.ph-caret-line-down:before {
  content: "\e134";
  opacity: 0.2;
}
.ph-duotone.ph-caret-line-down:after {
  content: "\e135";
  margin-left: -1em;
}
.ph-duotone.ph-caret-line-left:before {
  content: "\e132";
  opacity: 0.2;
}
.ph-duotone.ph-caret-line-left:after {
  content: "\e133";
  margin-left: -1em;
}
.ph-duotone.ph-caret-line-right:before {
  content: "\e130";
  opacity: 0.2;
}
.ph-duotone.ph-caret-line-right:after {
  content: "\e131";
  margin-left: -1em;
}
.ph-duotone.ph-caret-line-up:before {
  content: "\e12e";
  opacity: 0.2;
}
.ph-duotone.ph-caret-line-up:after {
  content: "\e12f";
  margin-left: -1em;
}
.ph-duotone.ph-caret-right:before {
  content: "\e13a";
  opacity: 0.2;
}
.ph-duotone.ph-caret-right:after {
  content: "\e13b";
  margin-left: -1em;
}
.ph-duotone.ph-caret-up:before {
  content: "\e13c";
  opacity: 0.2;
}
.ph-duotone.ph-caret-up:after {
  content: "\e13d";
  margin-left: -1em;
}
.ph-duotone.ph-caret-up-down:before {
  content: "\e140";
  opacity: 0.2;
}
.ph-duotone.ph-caret-up-down:after {
  content: "\e141";
  margin-left: -1em;
}
.ph-duotone.ph-carrot:before {
  content: "\ed38";
  opacity: 0.2;
}
.ph-duotone.ph-carrot:after {
  content: "\ed39";
  margin-left: -1em;
}
.ph-duotone.ph-cash-register:before {
  content: "\ed80";
  opacity: 0.2;
}
.ph-duotone.ph-cash-register:after {
  content: "\ed81";
  margin-left: -1em;
}
.ph-duotone.ph-cassette-tape:before {
  content: "\ed2e";
  opacity: 0.2;
}
.ph-duotone.ph-cassette-tape:after {
  content: "\ed2f";
  margin-left: -1em;
}
.ph-duotone.ph-castle-turret:before {
  content: "\e9d0";
  opacity: 0.2;
}
.ph-duotone.ph-castle-turret:after {
  content: "\e9d1";
  margin-left: -1em;
}
.ph-duotone.ph-cat:before {
  content: "\e748";
  opacity: 0.2;
}
.ph-duotone.ph-cat:after {
  content: "\e749";
  margin-left: -1em;
}
.ph-duotone.ph-cell-signal-full:before {
  content: "\e142";
  opacity: 0.2;
}
.ph-duotone.ph-cell-signal-full:after {
  content: "\e143";
  margin-left: -1em;
}
.ph-duotone.ph-cell-signal-high:before {
  content: "\e144";
  opacity: 0.2;
}
.ph-duotone.ph-cell-signal-high:after {
  content: "\e145";
  margin-left: -1em;
}
.ph-duotone.ph-cell-signal-low:before {
  content: "\e146";
  opacity: 0.2;
}
.ph-duotone.ph-cell-signal-low:after {
  content: "\e147";
  margin-left: -1em;
}
.ph-duotone.ph-cell-signal-medium:before {
  content: "\e148";
  opacity: 0.2;
}
.ph-duotone.ph-cell-signal-medium:after {
  content: "\e149";
  margin-left: -1em;
}
.ph-duotone.ph-cell-signal-none:before {
  content: "\e14a";
  color: #444;
}
.ph-duotone.ph-cell-signal-slash:before {
  content: "\e14c";
  opacity: 0.2;
}
.ph-duotone.ph-cell-signal-slash:after {
  content: "\e14d";
  margin-left: -1em;
}
.ph-duotone.ph-cell-signal-x:before {
  content: "\e14e";
  opacity: 0.2;
}
.ph-duotone.ph-cell-signal-x:after {
  content: "\e14f";
  margin-left: -1em;
}
.ph-duotone.ph-cell-tower:before {
  content: "\ebaa";
  opacity: 0.2;
}
.ph-duotone.ph-cell-tower:after {
  content: "\ebab";
  margin-left: -1em;
}
.ph-duotone.ph-certificate:before {
  content: "\e766";
  opacity: 0.2;
}
.ph-duotone.ph-certificate:after {
  content: "\e767";
  margin-left: -1em;
}
.ph-duotone.ph-chair:before {
  content: "\e950";
  opacity: 0.2;
}
.ph-duotone.ph-chair:after {
  content: "\e951";
  margin-left: -1em;
}
.ph-duotone.ph-chalkboard:before {
  content: "\e5fc";
  opacity: 0.2;
}
.ph-duotone.ph-chalkboard:after {
  content: "\e5fd";
  margin-left: -1em;
}
.ph-duotone.ph-chalkboard-simple:before {
  content: "\e5fe";
  opacity: 0.2;
}
.ph-duotone.ph-chalkboard-simple:after {
  content: "\e5ff";
  margin-left: -1em;
}
.ph-duotone.ph-chalkboard-teacher:before {
  content: "\e600";
  opacity: 0.2;
}
.ph-duotone.ph-chalkboard-teacher:after {
  content: "\e601";
  margin-left: -1em;
}
.ph-duotone.ph-champagne:before {
  content: "\eaca";
  opacity: 0.2;
}
.ph-duotone.ph-champagne:after {
  content: "\eacb";
  margin-left: -1em;
}
.ph-duotone.ph-charging-station:before {
  content: "\e8d0";
  opacity: 0.2;
}
.ph-duotone.ph-charging-station:after {
  content: "\e8d1";
  margin-left: -1em;
}
.ph-duotone.ph-chart-bar:before {
  content: "\e150";
  opacity: 0.2;
}
.ph-duotone.ph-chart-bar:after {
  content: "\e151";
  margin-left: -1em;
}
.ph-duotone.ph-chart-bar-horizontal:before {
  content: "\e152";
  opacity: 0.2;
}
.ph-duotone.ph-chart-bar-horizontal:after {
  content: "\e153";
  margin-left: -1em;
}
.ph-duotone.ph-chart-donut:before {
  content: "\eaa6";
  opacity: 0.2;
}
.ph-duotone.ph-chart-donut:after {
  content: "\eaa7";
  margin-left: -1em;
}
.ph-duotone.ph-chart-line:before {
  content: "\e154";
  opacity: 0.2;
}
.ph-duotone.ph-chart-line:after {
  content: "\e155";
  margin-left: -1em;
}
.ph-duotone.ph-chart-line-down:before {
  content: "\e8b6";
  opacity: 0.2;
}
.ph-duotone.ph-chart-line-down:after {
  content: "\e8b7";
  margin-left: -1em;
}
.ph-duotone.ph-chart-line-up:before {
  content: "\e156";
  opacity: 0.2;
}
.ph-duotone.ph-chart-line-up:after {
  content: "\e157";
  margin-left: -1em;
}
.ph-duotone.ph-chart-pie:before {
  content: "\e158";
  opacity: 0.2;
}
.ph-duotone.ph-chart-pie:after {
  content: "\e159";
  margin-left: -1em;
}
.ph-duotone.ph-chart-pie-slice:before {
  content: "\e15a";
  opacity: 0.2;
}
.ph-duotone.ph-chart-pie-slice:after {
  content: "\e15b";
  margin-left: -1em;
}
.ph-duotone.ph-chart-polar:before {
  content: "\eaa8";
  opacity: 0.2;
}
.ph-duotone.ph-chart-polar:after {
  content: "\eaa9";
  margin-left: -1em;
}
.ph-duotone.ph-chart-scatter:before {
  content: "\eaac";
  opacity: 0.2;
}
.ph-duotone.ph-chart-scatter:after {
  content: "\eaad";
  margin-left: -1em;
}
.ph-duotone.ph-chat:before {
  content: "\e15c";
  opacity: 0.2;
}
.ph-duotone.ph-chat:after {
  content: "\e15d";
  margin-left: -1em;
}
.ph-duotone.ph-chat-centered:before {
  content: "\e160";
  opacity: 0.2;
}
.ph-duotone.ph-chat-centered:after {
  content: "\e161";
  margin-left: -1em;
}
.ph-duotone.ph-chat-centered-dots:before {
  content: "\e164";
  opacity: 0.2;
}
.ph-duotone.ph-chat-centered-dots:after {
  content: "\e165";
  margin-left: -1em;
}
.ph-duotone.ph-chat-centered-slash:before {
  content: "\e162";
  opacity: 0.2;
}
.ph-duotone.ph-chat-centered-slash:after {
  content: "\e163";
  margin-left: -1em;
}
.ph-duotone.ph-chat-centered-text:before {
  content: "\e166";
  opacity: 0.2;
}
.ph-duotone.ph-chat-centered-text:after {
  content: "\e167";
  margin-left: -1em;
}
.ph-duotone.ph-chat-circle:before {
  content: "\e168";
  opacity: 0.2;
}
.ph-duotone.ph-chat-circle:after {
  content: "\e169";
  margin-left: -1em;
}
.ph-duotone.ph-chat-circle-dots:before {
  content: "\e16c";
  opacity: 0.2;
}
.ph-duotone.ph-chat-circle-dots:after {
  content: "\e16d";
  margin-left: -1em;
}
.ph-duotone.ph-chat-circle-slash:before {
  content: "\e16a";
  opacity: 0.2;
}
.ph-duotone.ph-chat-circle-slash:after {
  content: "\e16b";
  margin-left: -1em;
}
.ph-duotone.ph-chat-circle-text:before {
  content: "\e16e";
  opacity: 0.2;
}
.ph-duotone.ph-chat-circle-text:after {
  content: "\e16f";
  margin-left: -1em;
}
.ph-duotone.ph-chat-dots:before {
  content: "\e170";
  opacity: 0.2;
}
.ph-duotone.ph-chat-dots:after {
  content: "\e171";
  margin-left: -1em;
}
.ph-duotone.ph-chat-slash:before {
  content: "\e15e";
  opacity: 0.2;
}
.ph-duotone.ph-chat-slash:after {
  content: "\e15f";
  margin-left: -1em;
}
.ph-duotone.ph-chat-teardrop:before {
  content: "\e172";
  opacity: 0.2;
}
.ph-duotone.ph-chat-teardrop:after {
  content: "\e173";
  margin-left: -1em;
}
.ph-duotone.ph-chat-teardrop-dots:before {
  content: "\e176";
  opacity: 0.2;
}
.ph-duotone.ph-chat-teardrop-dots:after {
  content: "\e177";
  margin-left: -1em;
}
.ph-duotone.ph-chat-teardrop-slash:before {
  content: "\e174";
  opacity: 0.2;
}
.ph-duotone.ph-chat-teardrop-slash:after {
  content: "\e175";
  margin-left: -1em;
}
.ph-duotone.ph-chat-teardrop-text:before {
  content: "\e178";
  opacity: 0.2;
}
.ph-duotone.ph-chat-teardrop-text:after {
  content: "\e179";
  margin-left: -1em;
}
.ph-duotone.ph-chat-text:before {
  content: "\e17a";
  opacity: 0.2;
}
.ph-duotone.ph-chat-text:after {
  content: "\e17b";
  margin-left: -1em;
}
.ph-duotone.ph-chats:before {
  content: "\e17c";
  opacity: 0.2;
}
.ph-duotone.ph-chats:after {
  content: "\e17d";
  margin-left: -1em;
}
.ph-duotone.ph-chats-circle:before {
  content: "\e17e";
  opacity: 0.2;
}
.ph-duotone.ph-chats-circle:after {
  content: "\e17f";
  margin-left: -1em;
}
.ph-duotone.ph-chats-teardrop:before {
  content: "\e180";
  opacity: 0.2;
}
.ph-duotone.ph-chats-teardrop:after {
  content: "\e181";
  margin-left: -1em;
}
.ph-duotone.ph-check:before {
  content: "\e182";
  opacity: 0.2;
}
.ph-duotone.ph-check:after {
  content: "\e183";
  margin-left: -1em;
}
.ph-duotone.ph-check-circle:before {
  content: "\e184";
  opacity: 0.2;
}
.ph-duotone.ph-check-circle:after {
  content: "\e185";
  margin-left: -1em;
}
.ph-duotone.ph-check-fat:before {
  content: "\eba6";
  opacity: 0.2;
}
.ph-duotone.ph-check-fat:after {
  content: "\eba7";
  margin-left: -1em;
}
.ph-duotone.ph-check-square:before {
  content: "\e186";
  opacity: 0.2;
}
.ph-duotone.ph-check-square:after {
  content: "\e187";
  margin-left: -1em;
}
.ph-duotone.ph-check-square-offset:before {
  content: "\e188";
  opacity: 0.2;
}
.ph-duotone.ph-check-square-offset:after {
  content: "\e189";
  margin-left: -1em;
}
.ph-duotone.ph-checkerboard:before {
  content: "\e8c4";
  opacity: 0.2;
}
.ph-duotone.ph-checkerboard:after {
  content: "\e8c5";
  margin-left: -1em;
}
.ph-duotone.ph-checks:before {
  content: "\e53a";
  opacity: 0.2;
}
.ph-duotone.ph-checks:after {
  content: "\e53b";
  margin-left: -1em;
}
.ph-duotone.ph-cheers:before {
  content: "\ea4a";
  opacity: 0.2;
}
.ph-duotone.ph-cheers:after {
  content: "\ea4b";
  margin-left: -1em;
}
.ph-duotone.ph-cheese:before {
  content: "\e9fe";
  opacity: 0.2;
}
.ph-duotone.ph-cheese:after {
  content: "\e9ff";
  margin-left: -1em;
}
.ph-duotone.ph-chef-hat:before {
  content: "\ed8e";
  opacity: 0.2;
}
.ph-duotone.ph-chef-hat:after {
  content: "\ed8f";
  margin-left: -1em;
}
.ph-duotone.ph-cherries:before {
  content: "\e830";
  opacity: 0.2;
}
.ph-duotone.ph-cherries:after {
  content: "\e831";
  margin-left: -1em;
}
.ph-duotone.ph-church:before {
  content: "\ecea";
  opacity: 0.2;
}
.ph-duotone.ph-church:after {
  content: "\eceb";
  margin-left: -1em;
}
.ph-duotone.ph-cigarette:before {
  content: "\ed90";
  opacity: 0.2;
}
.ph-duotone.ph-cigarette:after {
  content: "\ed91";
  margin-left: -1em;
}
.ph-duotone.ph-cigarette-slash:before {
  content: "\ed92";
  opacity: 0.2;
}
.ph-duotone.ph-cigarette-slash:after {
  content: "\ed93";
  margin-left: -1em;
}
.ph-duotone.ph-circle:before {
  content: "\e18a";
  opacity: 0.2;
}
.ph-duotone.ph-circle:after {
  content: "\e18b";
  margin-left: -1em;
}
.ph-duotone.ph-circle-dashed:before {
  content: "\e602";
  opacity: 0.2;
}
.ph-duotone.ph-circle-dashed:after {
  content: "\e603";
  margin-left: -1em;
}
.ph-duotone.ph-circle-half:before {
  content: "\e18c";
  opacity: 0.2;
}
.ph-duotone.ph-circle-half:after {
  content: "\e18d";
  margin-left: -1em;
}
.ph-duotone.ph-circle-half-tilt:before {
  content: "\e18e";
  opacity: 0.2;
}
.ph-duotone.ph-circle-half-tilt:after {
  content: "\e18f";
  margin-left: -1em;
}
.ph-duotone.ph-circle-notch:before {
  content: "\eb44";
  opacity: 0.2;
}
.ph-duotone.ph-circle-notch:after {
  content: "\eb45";
  margin-left: -1em;
}
.ph-duotone.ph-circles-four:before {
  content: "\e190";
  opacity: 0.2;
}
.ph-duotone.ph-circles-four:after {
  content: "\e191";
  margin-left: -1em;
}
.ph-duotone.ph-circles-three:before {
  content: "\e192";
  opacity: 0.2;
}
.ph-duotone.ph-circles-three:after {
  content: "\e193";
  margin-left: -1em;
}
.ph-duotone.ph-circles-three-plus:before {
  content: "\e194";
  opacity: 0.2;
}
.ph-duotone.ph-circles-three-plus:after {
  content: "\e195";
  margin-left: -1em;
}
.ph-duotone.ph-circuitry:before {
  content: "\e9c2";
  opacity: 0.2;
}
.ph-duotone.ph-circuitry:after {
  content: "\e9c3";
  margin-left: -1em;
}
.ph-duotone.ph-city:before {
  content: "\ea6a";
  opacity: 0.2;
}
.ph-duotone.ph-city:after {
  content: "\ea6b";
  margin-left: -1em;
}
.ph-duotone.ph-clipboard:before {
  content: "\e196";
  opacity: 0.2;
}
.ph-duotone.ph-clipboard:after {
  content: "\e197";
  margin-left: -1em;
}
.ph-duotone.ph-clipboard-text:before {
  content: "\e198";
  opacity: 0.2;
}
.ph-duotone.ph-clipboard-text:after {
  content: "\e199";
  margin-left: -1em;
}
.ph-duotone.ph-clock:before {
  content: "\e19a";
  opacity: 0.2;
}
.ph-duotone.ph-clock:after {
  content: "\e19b";
  margin-left: -1em;
}
.ph-duotone.ph-clock-afternoon:before {
  content: "\e19c";
  opacity: 0.2;
}
.ph-duotone.ph-clock-afternoon:after {
  content: "\e19d";
  margin-left: -1em;
}
.ph-duotone.ph-clock-clockwise:before {
  content: "\e19e";
  opacity: 0.2;
}
.ph-duotone.ph-clock-clockwise:after {
  content: "\e19f";
  margin-left: -1em;
}
.ph-duotone.ph-clock-countdown:before {
  content: "\ed2c";
  opacity: 0.2;
}
.ph-duotone.ph-clock-countdown:after {
  content: "\ed2d";
  margin-left: -1em;
}
.ph-duotone.ph-clock-counter-clockwise:before {
  content: "\e1a0";
  opacity: 0.2;
}
.ph-duotone.ph-clock-counter-clockwise:after {
  content: "\e1a1";
  margin-left: -1em;
}
.ph-duotone.ph-clock-user:before {
  content: "\edec";
  opacity: 0.2;
}
.ph-duotone.ph-clock-user:after {
  content: "\eded";
  margin-left: -1em;
}
.ph-duotone.ph-closed-captioning:before {
  content: "\e1a4";
  opacity: 0.2;
}
.ph-duotone.ph-closed-captioning:after {
  content: "\e1a5";
  margin-left: -1em;
}
.ph-duotone.ph-cloud:before {
  content: "\e1aa";
  opacity: 0.2;
}
.ph-duotone.ph-cloud:after {
  content: "\e1ab";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-arrow-down:before {
  content: "\e1ac";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-arrow-down:after {
  content: "\e1ad";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-arrow-up:before {
  content: "\e1ae";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-arrow-up:after {
  content: "\e1af";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-check:before {
  content: "\e1b0";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-check:after {
  content: "\e1b1";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-fog:before {
  content: "\e53c";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-fog:after {
  content: "\e53d";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-lightning:before {
  content: "\e1b2";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-lightning:after {
  content: "\e1b3";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-moon:before {
  content: "\e53e";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-moon:after {
  content: "\e53f";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-rain:before {
  content: "\e1b4";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-rain:after {
  content: "\e1b5";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-slash:before {
  content: "\e1b6";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-slash:after {
  content: "\e1b7";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-snow:before {
  content: "\e1b8";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-snow:after {
  content: "\e1b9";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-sun:before {
  content: "\e540";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-sun:after {
  content: "\e541";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-warning:before {
  content: "\ea98";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-warning:after {
  content: "\ea99";
  margin-left: -1em;
}
.ph-duotone.ph-cloud-x:before {
  content: "\ea96";
  opacity: 0.2;
}
.ph-duotone.ph-cloud-x:after {
  content: "\ea97";
  margin-left: -1em;
}
.ph-duotone.ph-clover:before {
  content: "\edc8";
  opacity: 0.2;
}
.ph-duotone.ph-clover:after {
  content: "\edc9";
  margin-left: -1em;
}
.ph-duotone.ph-club:before {
  content: "\e1ba";
  opacity: 0.2;
}
.ph-duotone.ph-club:after {
  content: "\e1bb";
  margin-left: -1em;
}
.ph-duotone.ph-coat-hanger:before {
  content: "\e7fe";
  opacity: 0.2;
}
.ph-duotone.ph-coat-hanger:after {
  content: "\e7ff";
  margin-left: -1em;
}
.ph-duotone.ph-coda-logo:before {
  content: "\e7ce";
  opacity: 0.2;
}
.ph-duotone.ph-coda-logo:after {
  content: "\e7cf";
  margin-left: -1em;
}
.ph-duotone.ph-code:before {
  content: "\e1bc";
  opacity: 0.2;
}
.ph-duotone.ph-code:after {
  content: "\e1bd";
  margin-left: -1em;
}
.ph-duotone.ph-code-block:before {
  content: "\eafe";
  opacity: 0.2;
}
.ph-duotone.ph-code-block:after {
  content: "\eaff";
  margin-left: -1em;
}
.ph-duotone.ph-code-simple:before {
  content: "\e1be";
  opacity: 0.2;
}
.ph-duotone.ph-code-simple:after {
  content: "\e1bf";
  margin-left: -1em;
}
.ph-duotone.ph-codepen-logo:before {
  content: "\e978";
  opacity: 0.2;
}
.ph-duotone.ph-codepen-logo:after {
  content: "\e979";
  margin-left: -1em;
}
.ph-duotone.ph-codesandbox-logo:before {
  content: "\ea06";
  opacity: 0.2;
}
.ph-duotone.ph-codesandbox-logo:after {
  content: "\ea07";
  margin-left: -1em;
}
.ph-duotone.ph-coffee:before {
  content: "\e1c2";
  opacity: 0.2;
}
.ph-duotone.ph-coffee:after {
  content: "\e1c3";
  margin-left: -1em;
}
.ph-duotone.ph-coffee-bean:before {
  content: "\e1c0";
  opacity: 0.2;
}
.ph-duotone.ph-coffee-bean:after {
  content: "\e1c1";
  margin-left: -1em;
}
.ph-duotone.ph-coin:before {
  content: "\e60e";
  opacity: 0.2;
}
.ph-duotone.ph-coin:after {
  content: "\e60f";
  margin-left: -1em;
}
.ph-duotone.ph-coin-vertical:before {
  content: "\eb48";
  opacity: 0.2;
}
.ph-duotone.ph-coin-vertical:after {
  content: "\eb49";
  margin-left: -1em;
}
.ph-duotone.ph-coins:before {
  content: "\e78e";
  opacity: 0.2;
}
.ph-duotone.ph-coins:after {
  content: "\e78f";
  margin-left: -1em;
}
.ph-duotone.ph-columns:before {
  content: "\e546";
  opacity: 0.2;
}
.ph-duotone.ph-columns:after {
  content: "\e547";
  margin-left: -1em;
}
.ph-duotone.ph-columns-plus-left:before {
  content: "\e544";
  opacity: 0.2;
}
.ph-duotone.ph-columns-plus-left:after {
  content: "\e545";
  margin-left: -1em;
}
.ph-duotone.ph-columns-plus-right:before {
  content: "\e542";
  opacity: 0.2;
}
.ph-duotone.ph-columns-plus-right:after {
  content: "\e543";
  margin-left: -1em;
}
.ph-duotone.ph-command:before {
  content: "\e1c4";
  opacity: 0.2;
}
.ph-duotone.ph-command:after {
  content: "\e1c5";
  margin-left: -1em;
}
.ph-duotone.ph-compass:before {
  content: "\e1c8";
  opacity: 0.2;
}
.ph-duotone.ph-compass:after {
  content: "\e1c9";
  margin-left: -1em;
}
.ph-duotone.ph-compass-rose:before {
  content: "\e1c6";
  opacity: 0.2;
}
.ph-duotone.ph-compass-rose:after {
  content: "\e1c7";
  margin-left: -1em;
}
.ph-duotone.ph-compass-tool:before {
  content: "\ea0e";
  opacity: 0.2;
}
.ph-duotone.ph-compass-tool:after {
  content: "\ea0f";
  margin-left: -1em;
}
.ph-duotone.ph-computer-tower:before {
  content: "\e548";
  opacity: 0.2;
}
.ph-duotone.ph-computer-tower:after {
  content: "\e549";
  margin-left: -1em;
}
.ph-duotone.ph-confetti:before {
  content: "\e81a";
  opacity: 0.2;
}
.ph-duotone.ph-confetti:after {
  content: "\e81b";
  margin-left: -1em;
}
.ph-duotone.ph-contactless-payment:before {
  content: "\ed42";
  opacity: 0.2;
}
.ph-duotone.ph-contactless-payment:after {
  content: "\ed43";
  margin-left: -1em;
}
.ph-duotone.ph-control:before {
  content: "\eca6";
  opacity: 0.2;
}
.ph-duotone.ph-control:after {
  content: "\eca7";
  margin-left: -1em;
}
.ph-duotone.ph-cookie:before {
  content: "\e6ca";
  opacity: 0.2;
}
.ph-duotone.ph-cookie:after {
  content: "\e6cb";
  margin-left: -1em;
}
.ph-duotone.ph-cooking-pot:before {
  content: "\e764";
  opacity: 0.2;
}
.ph-duotone.ph-cooking-pot:after {
  content: "\e765";
  margin-left: -1em;
}
.ph-duotone.ph-copy:before {
  content: "\e1ca";
  opacity: 0.2;
}
.ph-duotone.ph-copy:after {
  content: "\e1cb";
  margin-left: -1em;
}
.ph-duotone.ph-copy-simple:before {
  content: "\e1cc";
  opacity: 0.2;
}
.ph-duotone.ph-copy-simple:after {
  content: "\e1cd";
  margin-left: -1em;
}
.ph-duotone.ph-copyleft:before {
  content: "\e86a";
  opacity: 0.2;
}
.ph-duotone.ph-copyleft:after {
  content: "\e86b";
  margin-left: -1em;
}
.ph-duotone.ph-copyright:before {
  content: "\e54a";
  opacity: 0.2;
}
.ph-duotone.ph-copyright:after {
  content: "\e54b";
  margin-left: -1em;
}
.ph-duotone.ph-corners-in:before {
  content: "\e1ce";
  opacity: 0.2;
}
.ph-duotone.ph-corners-in:after {
  content: "\e1cf";
  margin-left: -1em;
}
.ph-duotone.ph-corners-out:before {
  content: "\e1d0";
  opacity: 0.2;
}
.ph-duotone.ph-corners-out:after {
  content: "\e1d1";
  margin-left: -1em;
}
.ph-duotone.ph-couch:before {
  content: "\e7f6";
  opacity: 0.2;
}
.ph-duotone.ph-couch:after {
  content: "\e7f7";
  margin-left: -1em;
}
.ph-duotone.ph-court-basketball:before {
  content: "\ee36";
  opacity: 0.2;
}
.ph-duotone.ph-court-basketball:after {
  content: "\ee37";
  margin-left: -1em;
}
.ph-duotone.ph-cow:before {
  content: "\eabe";
  opacity: 0.2;
}
.ph-duotone.ph-cow:after {
  content: "\eabf";
  margin-left: -1em;
}
.ph-duotone.ph-cowboy-hat:before {
  content: "\ed12";
  opacity: 0.2;
}
.ph-duotone.ph-cowboy-hat:after {
  content: "\ed13";
  margin-left: -1em;
}
.ph-duotone.ph-cpu:before {
  content: "\e610";
  opacity: 0.2;
}
.ph-duotone.ph-cpu:after {
  content: "\e611";
  margin-left: -1em;
}
.ph-duotone.ph-crane:before {
  content: "\ed48";
  opacity: 0.2;
}
.ph-duotone.ph-crane:after {
  content: "\ed4b";
  margin-left: -1em;
}
.ph-duotone.ph-crane-tower:before {
  content: "\ed49";
  opacity: 0.2;
}
.ph-duotone.ph-crane-tower:after {
  content: "\ed4d";
  margin-left: -1em;
}
.ph-duotone.ph-credit-card:before {
  content: "\e1d2";
  opacity: 0.2;
}
.ph-duotone.ph-credit-card:after {
  content: "\e1d3";
  margin-left: -1em;
}
.ph-duotone.ph-cricket:before {
  content: "\ee12";
  opacity: 0.2;
}
.ph-duotone.ph-cricket:after {
  content: "\ee13";
  margin-left: -1em;
}
.ph-duotone.ph-crop:before {
  content: "\e1d4";
  opacity: 0.2;
}
.ph-duotone.ph-crop:after {
  content: "\e1d5";
  margin-left: -1em;
}
.ph-duotone.ph-cross:before {
  content: "\e8a0";
  opacity: 0.2;
}
.ph-duotone.ph-cross:after {
  content: "\e8a1";
  margin-left: -1em;
}
.ph-duotone.ph-crosshair:before {
  content: "\e1d6";
  opacity: 0.2;
}
.ph-duotone.ph-crosshair:after {
  content: "\e1d7";
  margin-left: -1em;
}
.ph-duotone.ph-crosshair-simple:before {
  content: "\e1d8";
  opacity: 0.2;
}
.ph-duotone.ph-crosshair-simple:after {
  content: "\e1d9";
  margin-left: -1em;
}
.ph-duotone.ph-crown:before {
  content: "\e614";
  opacity: 0.2;
}
.ph-duotone.ph-crown:after {
  content: "\e615";
  margin-left: -1em;
}
.ph-duotone.ph-crown-cross:before {
  content: "\ee5e";
  opacity: 0.2;
}
.ph-duotone.ph-crown-cross:after {
  content: "\ee5f";
  margin-left: -1em;
}
.ph-duotone.ph-crown-simple:before {
  content: "\e616";
  opacity: 0.2;
}
.ph-duotone.ph-crown-simple:after {
  content: "\e617";
  margin-left: -1em;
}
.ph-duotone.ph-cube:before {
  content: "\e1da";
  opacity: 0.2;
}
.ph-duotone.ph-cube:after {
  content: "\e1db";
  margin-left: -1em;
}
.ph-duotone.ph-cube-focus:before {
  content: "\ed0a";
  opacity: 0.2;
}
.ph-duotone.ph-cube-focus:after {
  content: "\ed0b";
  margin-left: -1em;
}
.ph-duotone.ph-cube-transparent:before {
  content: "\ec7c";
  opacity: 0.2;
}
.ph-duotone.ph-cube-transparent:after {
  content: "\ec7d";
  margin-left: -1em;
}
.ph-duotone.ph-currency-btc:before {
  content: "\e618";
  opacity: 0.2;
}
.ph-duotone.ph-currency-btc:after {
  content: "\e619";
  margin-left: -1em;
}
.ph-duotone.ph-currency-circle-dollar:before {
  content: "\e54c";
  opacity: 0.2;
}
.ph-duotone.ph-currency-circle-dollar:after {
  content: "\e54d";
  margin-left: -1em;
}
.ph-duotone.ph-currency-cny:before {
  content: "\e54e";
  opacity: 0.2;
}
.ph-duotone.ph-currency-cny:after {
  content: "\e54f";
  margin-left: -1em;
}
.ph-duotone.ph-currency-dollar:before {
  content: "\e550";
  opacity: 0.2;
}
.ph-duotone.ph-currency-dollar:after {
  content: "\e551";
  margin-left: -1em;
}
.ph-duotone.ph-currency-dollar-simple:before {
  content: "\e552";
  opacity: 0.2;
}
.ph-duotone.ph-currency-dollar-simple:after {
  content: "\e553";
  margin-left: -1em;
}
.ph-duotone.ph-currency-eth:before {
  content: "\eada";
  opacity: 0.2;
}
.ph-duotone.ph-currency-eth:after {
  content: "\eadb";
  margin-left: -1em;
}
.ph-duotone.ph-currency-eur:before {
  content: "\e554";
  opacity: 0.2;
}
.ph-duotone.ph-currency-eur:after {
  content: "\e555";
  margin-left: -1em;
}
.ph-duotone.ph-currency-gbp:before {
  content: "\e556";
  opacity: 0.2;
}
.ph-duotone.ph-currency-gbp:after {
  content: "\e557";
  margin-left: -1em;
}
.ph-duotone.ph-currency-inr:before {
  content: "\e558";
  opacity: 0.2;
}
.ph-duotone.ph-currency-inr:after {
  content: "\e559";
  margin-left: -1em;
}
.ph-duotone.ph-currency-jpy:before {
  content: "\e55a";
  opacity: 0.2;
}
.ph-duotone.ph-currency-jpy:after {
  content: "\e55b";
  margin-left: -1em;
}
.ph-duotone.ph-currency-krw:before {
  content: "\e55c";
  opacity: 0.2;
}
.ph-duotone.ph-currency-krw:after {
  content: "\e55d";
  margin-left: -1em;
}
.ph-duotone.ph-currency-kzt:before {
  content: "\ec4c";
  opacity: 0.2;
}
.ph-duotone.ph-currency-kzt:after {
  content: "\ec4d";
  margin-left: -1em;
}
.ph-duotone.ph-currency-ngn:before {
  content: "\eb52";
  opacity: 0.2;
}
.ph-duotone.ph-currency-ngn:after {
  content: "\eb53";
  margin-left: -1em;
}
.ph-duotone.ph-currency-rub:before {
  content: "\e55e";
  opacity: 0.2;
}
.ph-duotone.ph-currency-rub:after {
  content: "\e55f";
  margin-left: -1em;
}
.ph-duotone.ph-cursor:before {
  content: "\e1dc";
  opacity: 0.2;
}
.ph-duotone.ph-cursor:after {
  content: "\e1dd";
  margin-left: -1em;
}
.ph-duotone.ph-cursor-click:before {
  content: "\e7c8";
  opacity: 0.2;
}
.ph-duotone.ph-cursor-click:after {
  content: "\e7c9";
  margin-left: -1em;
}
.ph-duotone.ph-cursor-text:before {
  content: "\e7d8";
  opacity: 0.2;
}
.ph-duotone.ph-cursor-text:after {
  content: "\e7d9";
  margin-left: -1em;
}
.ph-duotone.ph-cylinder:before {
  content: "\e8fc";
  opacity: 0.2;
}
.ph-duotone.ph-cylinder:after {
  content: "\e8fd";
  margin-left: -1em;
}
.ph-duotone.ph-database:before {
  content: "\e1de";
  opacity: 0.2;
}
.ph-duotone.ph-database:after {
  content: "\e1df";
  margin-left: -1em;
}
.ph-duotone.ph-desk:before {
  content: "\ed16";
  opacity: 0.2;
}
.ph-duotone.ph-desk:after {
  content: "\ed17";
  margin-left: -1em;
}
.ph-duotone.ph-desktop:before {
  content: "\e560";
  opacity: 0.2;
}
.ph-duotone.ph-desktop:after {
  content: "\e561";
  margin-left: -1em;
}
.ph-duotone.ph-desktop-tower:before {
  content: "\e562";
  opacity: 0.2;
}
.ph-duotone.ph-desktop-tower:after {
  content: "\e563";
  margin-left: -1em;
}
.ph-duotone.ph-detective:before {
  content: "\e83e";
  opacity: 0.2;
}
.ph-duotone.ph-detective:after {
  content: "\e83f";
  margin-left: -1em;
}
.ph-duotone.ph-dev-to-logo:before {
  content: "\ed0e";
  opacity: 0.2;
}
.ph-duotone.ph-dev-to-logo:after {
  content: "\ed0f";
  margin-left: -1em;
}
.ph-duotone.ph-device-mobile:before {
  content: "\e1e0";
  opacity: 0.2;
}
.ph-duotone.ph-device-mobile:after {
  content: "\e1e1";
  margin-left: -1em;
}
.ph-duotone.ph-device-mobile-camera:before {
  content: "\e1e2";
  opacity: 0.2;
}
.ph-duotone.ph-device-mobile-camera:after {
  content: "\e1e3";
  margin-left: -1em;
}
.ph-duotone.ph-device-mobile-slash:before {
  content: "\ee46";
  opacity: 0.2;
}
.ph-duotone.ph-device-mobile-slash:after {
  content: "\ee47";
  margin-left: -1em;
}
.ph-duotone.ph-device-mobile-speaker:before {
  content: "\e1e4";
  opacity: 0.2;
}
.ph-duotone.ph-device-mobile-speaker:after {
  content: "\e1e5";
  margin-left: -1em;
}
.ph-duotone.ph-device-rotate:before {
  content: "\edf2";
  opacity: 0.2;
}
.ph-duotone.ph-device-rotate:after {
  content: "\edf3";
  margin-left: -1em;
}
.ph-duotone.ph-device-tablet:before {
  content: "\e1e6";
  opacity: 0.2;
}
.ph-duotone.ph-device-tablet:after {
  content: "\e1e7";
  margin-left: -1em;
}
.ph-duotone.ph-device-tablet-camera:before {
  content: "\e1e8";
  opacity: 0.2;
}
.ph-duotone.ph-device-tablet-camera:after {
  content: "\e1e9";
  margin-left: -1em;
}
.ph-duotone.ph-device-tablet-speaker:before {
  content: "\e1ea";
  opacity: 0.2;
}
.ph-duotone.ph-device-tablet-speaker:after {
  content: "\e1eb";
  margin-left: -1em;
}
.ph-duotone.ph-devices:before {
  content: "\eba4";
  opacity: 0.2;
}
.ph-duotone.ph-devices:after {
  content: "\eba5";
  margin-left: -1em;
}
.ph-duotone.ph-diamond:before {
  content: "\e1ec";
  opacity: 0.2;
}
.ph-duotone.ph-diamond:after {
  content: "\e1ed";
  margin-left: -1em;
}
.ph-duotone.ph-diamonds-four:before {
  content: "\e8f4";
  opacity: 0.2;
}
.ph-duotone.ph-diamonds-four:after {
  content: "\e8f5";
  margin-left: -1em;
}
.ph-duotone.ph-dice-five:before {
  content: "\e1ee";
  opacity: 0.2;
}
.ph-duotone.ph-dice-five:after {
  content: "\e1ef";
  margin-left: -1em;
}
.ph-duotone.ph-dice-four:before {
  content: "\e1f0";
  opacity: 0.2;
}
.ph-duotone.ph-dice-four:after {
  content: "\e1f1";
  margin-left: -1em;
}
.ph-duotone.ph-dice-one:before {
  content: "\e1f2";
  opacity: 0.2;
}
.ph-duotone.ph-dice-one:after {
  content: "\e1f3";
  margin-left: -1em;
}
.ph-duotone.ph-dice-six:before {
  content: "\e1f4";
  opacity: 0.2;
}
.ph-duotone.ph-dice-six:after {
  content: "\e1f5";
  margin-left: -1em;
}
.ph-duotone.ph-dice-three:before {
  content: "\e1f6";
  opacity: 0.2;
}
.ph-duotone.ph-dice-three:after {
  content: "\e1f7";
  margin-left: -1em;
}
.ph-duotone.ph-dice-two:before {
  content: "\e1f8";
  opacity: 0.2;
}
.ph-duotone.ph-dice-two:after {
  content: "\e1f9";
  margin-left: -1em;
}
.ph-duotone.ph-disc:before {
  content: "\e564";
  opacity: 0.2;
}
.ph-duotone.ph-disc:after {
  content: "\e565";
  margin-left: -1em;
}
.ph-duotone.ph-disco-ball:before {
  content: "\ed98";
  opacity: 0.2;
}
.ph-duotone.ph-disco-ball:after {
  content: "\ed99";
  margin-left: -1em;
}
.ph-duotone.ph-discord-logo:before {
  content: "\e61a";
  opacity: 0.2;
}
.ph-duotone.ph-discord-logo:after {
  content: "\e61b";
  margin-left: -1em;
}
.ph-duotone.ph-divide:before {
  content: "\e1fa";
  opacity: 0.2;
}
.ph-duotone.ph-divide:after {
  content: "\e1fb";
  margin-left: -1em;
}
.ph-duotone.ph-dna:before {
  content: "\e924";
  opacity: 0.2;
}
.ph-duotone.ph-dna:after {
  content: "\e925";
  margin-left: -1em;
}
.ph-duotone.ph-dog:before {
  content: "\e74a";
  opacity: 0.2;
}
.ph-duotone.ph-dog:after {
  content: "\e74b";
  margin-left: -1em;
}
.ph-duotone.ph-door:before {
  content: "\e61c";
  opacity: 0.2;
}
.ph-duotone.ph-door:after {
  content: "\e61d";
  margin-left: -1em;
}
.ph-duotone.ph-door-open:before {
  content: "\e7e6";
  opacity: 0.2;
}
.ph-duotone.ph-door-open:after {
  content: "\e7e7";
  margin-left: -1em;
}
.ph-duotone.ph-dot:before {
  content: "\ecde";
  opacity: 0.2;
}
.ph-duotone.ph-dot:after {
  content: "\ecdf";
  margin-left: -1em;
}
.ph-duotone.ph-dot-outline:before {
  content: "\ece0";
  opacity: 0.2;
}
.ph-duotone.ph-dot-outline:after {
  content: "\ece1";
  margin-left: -1em;
}
.ph-duotone.ph-dots-nine:before {
  content: "\e1fc";
  opacity: 0.2;
}
.ph-duotone.ph-dots-nine:after {
  content: "\e1fd";
  margin-left: -1em;
}
.ph-duotone.ph-dots-six:before {
  content: "\e794";
  opacity: 0.2;
}
.ph-duotone.ph-dots-six:after {
  content: "\e795";
  margin-left: -1em;
}
.ph-duotone.ph-dots-six-vertical:before {
  content: "\eae2";
  opacity: 0.2;
}
.ph-duotone.ph-dots-six-vertical:after {
  content: "\eae3";
  margin-left: -1em;
}
.ph-duotone.ph-dots-three:before {
  content: "\e1fe";
  opacity: 0.2;
}
.ph-duotone.ph-dots-three:after {
  content: "\e1ff";
  margin-left: -1em;
}
.ph-duotone.ph-dots-three-circle:before {
  content: "\e200";
  opacity: 0.2;
}
.ph-duotone.ph-dots-three-circle:after {
  content: "\e201";
  margin-left: -1em;
}
.ph-duotone.ph-dots-three-circle-vertical:before {
  content: "\e202";
  opacity: 0.2;
}
.ph-duotone.ph-dots-three-circle-vertical:after {
  content: "\e203";
  margin-left: -1em;
}
.ph-duotone.ph-dots-three-outline:before {
  content: "\e204";
  opacity: 0.2;
}
.ph-duotone.ph-dots-three-outline:after {
  content: "\e205";
  margin-left: -1em;
}
.ph-duotone.ph-dots-three-outline-vertical:before {
  content: "\e206";
  opacity: 0.2;
}
.ph-duotone.ph-dots-three-outline-vertical:after {
  content: "\e207";
  margin-left: -1em;
}
.ph-duotone.ph-dots-three-vertical:before {
  content: "\e208";
  opacity: 0.2;
}
.ph-duotone.ph-dots-three-vertical:after {
  content: "\e209";
  margin-left: -1em;
}
.ph-duotone.ph-download:before {
  content: "\e20a";
  opacity: 0.2;
}
.ph-duotone.ph-download:after {
  content: "\e20b";
  margin-left: -1em;
}
.ph-duotone.ph-download-simple:before {
  content: "\e20c";
  opacity: 0.2;
}
.ph-duotone.ph-download-simple:after {
  content: "\e20d";
  margin-left: -1em;
}
.ph-duotone.ph-dress:before {
  content: "\ea7e";
  opacity: 0.2;
}
.ph-duotone.ph-dress:after {
  content: "\ea7f";
  margin-left: -1em;
}
.ph-duotone.ph-dresser:before {
  content: "\e94e";
  opacity: 0.2;
}
.ph-duotone.ph-dresser:after {
  content: "\e94f";
  margin-left: -1em;
}
.ph-duotone.ph-dribbble-logo:before {
  content: "\e20e";
  opacity: 0.2;
}
.ph-duotone.ph-dribbble-logo:after {
  content: "\e20f";
  margin-left: -1em;
}
.ph-duotone.ph-drone:before {
  content: "\ed74";
  opacity: 0.2;
}
.ph-duotone.ph-drone:after {
  content: "\ed75";
  margin-left: -1em;
}
.ph-duotone.ph-drop:before {
  content: "\e210";
  opacity: 0.2;
}
.ph-duotone.ph-drop:after {
  content: "\e211";
  margin-left: -1em;
}
.ph-duotone.ph-drop-half:before {
  content: "\e566";
  opacity: 0.2;
}
.ph-duotone.ph-drop-half:after {
  content: "\e567";
  margin-left: -1em;
}
.ph-duotone.ph-drop-half-bottom:before {
  content: "\eb40";
  opacity: 0.2;
}
.ph-duotone.ph-drop-half-bottom:after {
  content: "\eb41";
  margin-left: -1em;
}
.ph-duotone.ph-drop-simple:before {
  content: "\ee32";
  opacity: 0.2;
}
.ph-duotone.ph-drop-simple:after {
  content: "\ee33";
  margin-left: -1em;
}
.ph-duotone.ph-drop-slash:before {
  content: "\e954";
  opacity: 0.2;
}
.ph-duotone.ph-drop-slash:after {
  content: "\e955";
  margin-left: -1em;
}
.ph-duotone.ph-dropbox-logo:before {
  content: "\e7d0";
  opacity: 0.2;
}
.ph-duotone.ph-dropbox-logo:after {
  content: "\e7d1";
  margin-left: -1em;
}
.ph-duotone.ph-ear:before {
  content: "\e70c";
  opacity: 0.2;
}
.ph-duotone.ph-ear:after {
  content: "\e70d";
  margin-left: -1em;
}
.ph-duotone.ph-ear-slash:before {
  content: "\e70e";
  opacity: 0.2;
}
.ph-duotone.ph-ear-slash:after {
  content: "\e70f";
  margin-left: -1em;
}
.ph-duotone.ph-egg:before {
  content: "\e812";
  opacity: 0.2;
}
.ph-duotone.ph-egg:after {
  content: "\e813";
  margin-left: -1em;
}
.ph-duotone.ph-egg-crack:before {
  content: "\eb64";
  opacity: 0.2;
}
.ph-duotone.ph-egg-crack:after {
  content: "\eb65";
  margin-left: -1em;
}
.ph-duotone.ph-eject:before {
  content: "\e212";
  opacity: 0.2;
}
.ph-duotone.ph-eject:after {
  content: "\e213";
  margin-left: -1em;
}
.ph-duotone.ph-eject-simple:before {
  content: "\e6ae";
  opacity: 0.2;
}
.ph-duotone.ph-eject-simple:after {
  content: "\e6af";
  margin-left: -1em;
}
.ph-duotone.ph-elevator:before {
  content: "\ecc0";
  opacity: 0.2;
}
.ph-duotone.ph-elevator:after {
  content: "\ecc1";
  margin-left: -1em;
}
.ph-duotone.ph-empty:before {
  content: "\edbc";
  opacity: 0.2;
}
.ph-duotone.ph-empty:after {
  content: "\edbd";
  margin-left: -1em;
}
.ph-duotone.ph-engine:before {
  content: "\ea80";
  opacity: 0.2;
}
.ph-duotone.ph-engine:after {
  content: "\ea81";
  margin-left: -1em;
}
.ph-duotone.ph-envelope:before {
  content: "\e214";
  opacity: 0.2;
}
.ph-duotone.ph-envelope:after {
  content: "\e215";
  margin-left: -1em;
}
.ph-duotone.ph-envelope-open:before {
  content: "\e216";
  opacity: 0.2;
}
.ph-duotone.ph-envelope-open:after {
  content: "\e217";
  margin-left: -1em;
}
.ph-duotone.ph-envelope-simple:before {
  content: "\e218";
  opacity: 0.2;
}
.ph-duotone.ph-envelope-simple:after {
  content: "\e219";
  margin-left: -1em;
}
.ph-duotone.ph-envelope-simple-open:before {
  content: "\e21a";
  opacity: 0.2;
}
.ph-duotone.ph-envelope-simple-open:after {
  content: "\e21b";
  margin-left: -1em;
}
.ph-duotone.ph-equalizer:before {
  content: "\ebbc";
  opacity: 0.2;
}
.ph-duotone.ph-equalizer:after {
  content: "\ebbd";
  margin-left: -1em;
}
.ph-duotone.ph-equals:before {
  content: "\e21c";
  opacity: 0.2;
}
.ph-duotone.ph-equals:after {
  content: "\e21d";
  margin-left: -1em;
}
.ph-duotone.ph-eraser:before {
  content: "\e21e";
  opacity: 0.2;
}
.ph-duotone.ph-eraser:after {
  content: "\e21f";
  margin-left: -1em;
}
.ph-duotone.ph-escalator-down:before {
  content: "\ecba";
  opacity: 0.2;
}
.ph-duotone.ph-escalator-down:after {
  content: "\ecbb";
  margin-left: -1em;
}
.ph-duotone.ph-escalator-up:before {
  content: "\ecbc";
  opacity: 0.2;
}
.ph-duotone.ph-escalator-up:after {
  content: "\ecbd";
  margin-left: -1em;
}
.ph-duotone.ph-exam:before {
  content: "\e742";
  opacity: 0.2;
}
.ph-duotone.ph-exam:after {
  content: "\e743";
  margin-left: -1em;
}
.ph-duotone.ph-exclamation-mark:before {
  content: "\ee44";
  opacity: 0.2;
}
.ph-duotone.ph-exclamation-mark:after {
  content: "\ee45";
  margin-left: -1em;
}
.ph-duotone.ph-exclude:before {
  content: "\e882";
  opacity: 0.2;
}
.ph-duotone.ph-exclude:after {
  content: "\e883";
  margin-left: -1em;
}
.ph-duotone.ph-exclude-square:before {
  content: "\e880";
  opacity: 0.2;
}
.ph-duotone.ph-exclude-square:after {
  content: "\e881";
  margin-left: -1em;
}
.ph-duotone.ph-export:before {
  content: "\eaf0";
  opacity: 0.2;
}
.ph-duotone.ph-export:after {
  content: "\eaf1";
  margin-left: -1em;
}
.ph-duotone.ph-eye:before {
  content: "\e220";
  opacity: 0.2;
}
.ph-duotone.ph-eye:after {
  content: "\e221";
  margin-left: -1em;
}
.ph-duotone.ph-eye-closed:before {
  content: "\e222";
  opacity: 0.2;
}
.ph-duotone.ph-eye-closed:after {
  content: "\e223";
  margin-left: -1em;
}
.ph-duotone.ph-eye-slash:before {
  content: "\e224";
  opacity: 0.2;
}
.ph-duotone.ph-eye-slash:after {
  content: "\e225";
  margin-left: -1em;
}
.ph-duotone.ph-eyedropper:before {
  content: "\e568";
  opacity: 0.2;
}
.ph-duotone.ph-eyedropper:after {
  content: "\e569";
  margin-left: -1em;
}
.ph-duotone.ph-eyedropper-sample:before {
  content: "\eac4";
  opacity: 0.2;
}
.ph-duotone.ph-eyedropper-sample:after {
  content: "\eac5";
  margin-left: -1em;
}
.ph-duotone.ph-eyeglasses:before {
  content: "\e7ba";
  opacity: 0.2;
}
.ph-duotone.ph-eyeglasses:after {
  content: "\e7bb";
  margin-left: -1em;
}
.ph-duotone.ph-eyes:before {
  content: "\ee5c";
  opacity: 0.2;
}
.ph-duotone.ph-eyes:after {
  content: "\ee5d";
  margin-left: -1em;
}
.ph-duotone.ph-face-mask:before {
  content: "\e56a";
  opacity: 0.2;
}
.ph-duotone.ph-face-mask:after {
  content: "\e56b";
  margin-left: -1em;
}
.ph-duotone.ph-facebook-logo:before {
  content: "\e226";
  opacity: 0.2;
}
.ph-duotone.ph-facebook-logo:after {
  content: "\e227";
  margin-left: -1em;
}
.ph-duotone.ph-factory:before {
  content: "\e760";
  opacity: 0.2;
}
.ph-duotone.ph-factory:after {
  content: "\e761";
  margin-left: -1em;
}
.ph-duotone.ph-faders:before {
  content: "\e228";
  opacity: 0.2;
}
.ph-duotone.ph-faders:after {
  content: "\e229";
  margin-left: -1em;
}
.ph-duotone.ph-faders-horizontal:before {
  content: "\e22a";
  opacity: 0.2;
}
.ph-duotone.ph-faders-horizontal:after {
  content: "\e22b";
  margin-left: -1em;
}
.ph-duotone.ph-fallout-shelter:before {
  content: "\e9de";
  opacity: 0.2;
}
.ph-duotone.ph-fallout-shelter:after {
  content: "\e9df";
  margin-left: -1em;
}
.ph-duotone.ph-fan:before {
  content: "\e9f2";
  opacity: 0.2;
}
.ph-duotone.ph-fan:after {
  content: "\e9f3";
  margin-left: -1em;
}
.ph-duotone.ph-farm:before {
  content: "\ec70";
  opacity: 0.2;
}
.ph-duotone.ph-farm:after {
  content: "\ec71";
  margin-left: -1em;
}
.ph-duotone.ph-fast-forward:before {
  content: "\e6a6";
  opacity: 0.2;
}
.ph-duotone.ph-fast-forward:after {
  content: "\e6a7";
  margin-left: -1em;
}
.ph-duotone.ph-fast-forward-circle:before {
  content: "\e22c";
  opacity: 0.2;
}
.ph-duotone.ph-fast-forward-circle:after {
  content: "\e22d";
  margin-left: -1em;
}
.ph-duotone.ph-feather:before {
  content: "\e9c0";
  opacity: 0.2;
}
.ph-duotone.ph-feather:after {
  content: "\e9c1";
  margin-left: -1em;
}
.ph-duotone.ph-fediverse-logo:before {
  content: "\ed66";
  opacity: 0.2;
}
.ph-duotone.ph-fediverse-logo:after {
  content: "\ed67";
  margin-left: -1em;
}
.ph-duotone.ph-figma-logo:before {
  content: "\e22e";
  opacity: 0.2;
}
.ph-duotone.ph-figma-logo:after {
  content: "\e22f";
  margin-left: -1em;
}
.ph-duotone.ph-file:before {
  content: "\e230";
  opacity: 0.2;
}
.ph-duotone.ph-file:after {
  content: "\e231";
  margin-left: -1em;
}
.ph-duotone.ph-file-archive:before {
  content: "\eb2a";
  opacity: 0.2;
}
.ph-duotone.ph-file-archive:after {
  content: "\eb2b";
  margin-left: -1em;
}
.ph-duotone.ph-file-arrow-down:before {
  content: "\e232";
  opacity: 0.2;
}
.ph-duotone.ph-file-arrow-down:after {
  content: "\e233";
  margin-left: -1em;
}
.ph-duotone.ph-file-arrow-up:before {
  content: "\e61e";
  opacity: 0.2;
}
.ph-duotone.ph-file-arrow-up:after {
  content: "\e61f";
  margin-left: -1em;
}
.ph-duotone.ph-file-audio:before {
  content: "\ea20";
  opacity: 0.2;
}
.ph-duotone.ph-file-audio:after {
  content: "\ea21";
  margin-left: -1em;
}
.ph-duotone.ph-file-c:before {
  content: "\eb32";
  opacity: 0.2;
}
.ph-duotone.ph-file-c:after {
  content: "\eb36";
  margin-left: -1em;
}
.ph-duotone.ph-file-c-sharp:before {
  content: "\eb30";
  opacity: 0.2;
}
.ph-duotone.ph-file-c-sharp:after {
  content: "\eb31";
  margin-left: -1em;
}
.ph-duotone.ph-file-cloud:before {
  content: "\e95e";
  opacity: 0.2;
}
.ph-duotone.ph-file-cloud:after {
  content: "\e95f";
  margin-left: -1em;
}
.ph-duotone.ph-file-code:before {
  content: "\e914";
  opacity: 0.2;
}
.ph-duotone.ph-file-code:after {
  content: "\e915";
  margin-left: -1em;
}
.ph-duotone.ph-file-cpp:before {
  content: "\eb2e";
  opacity: 0.2;
}
.ph-duotone.ph-file-cpp:after {
  content: "\eb2f";
  margin-left: -1em;
}
.ph-duotone.ph-file-css:before {
  content: "\eb34";
  opacity: 0.2;
}
.ph-duotone.ph-file-css:after {
  content: "\eb37";
  margin-left: -1em;
}
.ph-duotone.ph-file-csv:before {
  content: "\eb1c";
  opacity: 0.2;
}
.ph-duotone.ph-file-csv:after {
  content: "\eb1d";
  margin-left: -1em;
}
.ph-duotone.ph-file-dashed:before {
  content: "\e704";
  opacity: 0.2;
}
.ph-duotone.ph-file-dashed:after {
  content: "\e705";
  margin-left: -1em;
}
.ph-duotone.ph-file-doc:before {
  content: "\eb1e";
  opacity: 0.2;
}
.ph-duotone.ph-file-doc:after {
  content: "\eb1f";
  margin-left: -1em;
}
.ph-duotone.ph-file-html:before {
  content: "\eb38";
  opacity: 0.2;
}
.ph-duotone.ph-file-html:after {
  content: "\eb39";
  margin-left: -1em;
}
.ph-duotone.ph-file-image:before {
  content: "\ea24";
  opacity: 0.2;
}
.ph-duotone.ph-file-image:after {
  content: "\ea25";
  margin-left: -1em;
}
.ph-duotone.ph-file-ini:before {
  content: "\eb33";
  opacity: 0.2;
}
.ph-duotone.ph-file-ini:after {
  content: "\eb3b";
  margin-left: -1em;
}
.ph-duotone.ph-file-jpg:before {
  content: "\eb1a";
  opacity: 0.2;
}
.ph-duotone.ph-file-jpg:after {
  content: "\eb1b";
  margin-left: -1em;
}
.ph-duotone.ph-file-js:before {
  content: "\eb24";
  opacity: 0.2;
}
.ph-duotone.ph-file-js:after {
  content: "\eb25";
  margin-left: -1em;
}
.ph-duotone.ph-file-jsx:before {
  content: "\eb3a";
  opacity: 0.2;
}
.ph-duotone.ph-file-jsx:after {
  content: "\eb3d";
  margin-left: -1em;
}
.ph-duotone.ph-file-lock:before {
  content: "\e95c";
  opacity: 0.2;
}
.ph-duotone.ph-file-lock:after {
  content: "\e95d";
  margin-left: -1em;
}
.ph-duotone.ph-file-magnifying-glass:before {
  content: "\e238";
  opacity: 0.2;
}
.ph-duotone.ph-file-magnifying-glass:after {
  content: "\e239";
  margin-left: -1em;
}
.ph-duotone.ph-file-md:before {
  content: "\ed50";
  opacity: 0.2;
}
.ph-duotone.ph-file-md:after {
  content: "\ed51";
  margin-left: -1em;
}
.ph-duotone.ph-file-minus:before {
  content: "\e234";
  opacity: 0.2;
}
.ph-duotone.ph-file-minus:after {
  content: "\e235";
  margin-left: -1em;
}
.ph-duotone.ph-file-pdf:before {
  content: "\e702";
  opacity: 0.2;
}
.ph-duotone.ph-file-pdf:after {
  content: "\e703";
  margin-left: -1em;
}
.ph-duotone.ph-file-plus:before {
  content: "\e236";
  opacity: 0.2;
}
.ph-duotone.ph-file-plus:after {
  content: "\e237";
  margin-left: -1em;
}
.ph-duotone.ph-file-png:before {
  content: "\eb18";
  opacity: 0.2;
}
.ph-duotone.ph-file-png:after {
  content: "\eb19";
  margin-left: -1em;
}
.ph-duotone.ph-file-ppt:before {
  content: "\eb20";
  opacity: 0.2;
}
.ph-duotone.ph-file-ppt:after {
  content: "\eb21";
  margin-left: -1em;
}
.ph-duotone.ph-file-py:before {
  content: "\eb2c";
  opacity: 0.2;
}
.ph-duotone.ph-file-py:after {
  content: "\eb2d";
  margin-left: -1em;
}
.ph-duotone.ph-file-rs:before {
  content: "\eb28";
  opacity: 0.2;
}
.ph-duotone.ph-file-rs:after {
  content: "\eb29";
  margin-left: -1em;
}
.ph-duotone.ph-file-sql:before {
  content: "\ed4e";
  opacity: 0.2;
}
.ph-duotone.ph-file-sql:after {
  content: "\ed4f";
  margin-left: -1em;
}
.ph-duotone.ph-file-svg:before {
  content: "\ed08";
  opacity: 0.2;
}
.ph-duotone.ph-file-svg:after {
  content: "\ed09";
  margin-left: -1em;
}
.ph-duotone.ph-file-text:before {
  content: "\e23a";
  opacity: 0.2;
}
.ph-duotone.ph-file-text:after {
  content: "\e23b";
  margin-left: -1em;
}
.ph-duotone.ph-file-ts:before {
  content: "\eb26";
  opacity: 0.2;
}
.ph-duotone.ph-file-ts:after {
  content: "\eb27";
  margin-left: -1em;
}
.ph-duotone.ph-file-tsx:before {
  content: "\eb3c";
  opacity: 0.2;
}
.ph-duotone.ph-file-tsx:after {
  content: "\eb3f";
  margin-left: -1em;
}
.ph-duotone.ph-file-txt:before {
  content: "\eb35";
  opacity: 0.2;
}
.ph-duotone.ph-file-txt:after {
  content: "\eb43";
  margin-left: -1em;
}
.ph-duotone.ph-file-video:before {
  content: "\ea22";
  opacity: 0.2;
}
.ph-duotone.ph-file-video:after {
  content: "\ea23";
  margin-left: -1em;
}
.ph-duotone.ph-file-vue:before {
  content: "\eb3e";
  opacity: 0.2;
}
.ph-duotone.ph-file-vue:after {
  content: "\eb47";
  margin-left: -1em;
}
.ph-duotone.ph-file-x:before {
  content: "\e23c";
  opacity: 0.2;
}
.ph-duotone.ph-file-x:after {
  content: "\e23d";
  margin-left: -1em;
}
.ph-duotone.ph-file-xls:before {
  content: "\eb22";
  opacity: 0.2;
}
.ph-duotone.ph-file-xls:after {
  content: "\eb23";
  margin-left: -1em;
}
.ph-duotone.ph-file-zip:before {
  content: "\e958";
  opacity: 0.2;
}
.ph-duotone.ph-file-zip:after {
  content: "\e959";
  margin-left: -1em;
}
.ph-duotone.ph-files:before {
  content: "\e710";
  opacity: 0.2;
}
.ph-duotone.ph-files:after {
  content: "\e711";
  margin-left: -1em;
}
.ph-duotone.ph-film-reel:before {
  content: "\e8c0";
  opacity: 0.2;
}
.ph-duotone.ph-film-reel:after {
  content: "\e8c1";
  margin-left: -1em;
}
.ph-duotone.ph-film-script:before {
  content: "\eb50";
  opacity: 0.2;
}
.ph-duotone.ph-film-script:after {
  content: "\eb51";
  margin-left: -1em;
}
.ph-duotone.ph-film-slate:before {
  content: "\e8c2";
  opacity: 0.2;
}
.ph-duotone.ph-film-slate:after {
  content: "\e8c3";
  margin-left: -1em;
}
.ph-duotone.ph-film-strip:before {
  content: "\e792";
  opacity: 0.2;
}
.ph-duotone.ph-film-strip:after {
  content: "\e793";
  margin-left: -1em;
}
.ph-duotone.ph-fingerprint:before {
  content: "\e23e";
  opacity: 0.2;
}
.ph-duotone.ph-fingerprint:after {
  content: "\e23f";
  margin-left: -1em;
}
.ph-duotone.ph-fingerprint-simple:before {
  content: "\e240";
  opacity: 0.2;
}
.ph-duotone.ph-fingerprint-simple:after {
  content: "\e241";
  margin-left: -1em;
}
.ph-duotone.ph-finn-the-human:before {
  content: "\e56c";
  opacity: 0.2;
}
.ph-duotone.ph-finn-the-human:after {
  content: "\e56d";
  margin-left: -1em;
}
.ph-duotone.ph-fire:before {
  content: "\e242";
  opacity: 0.2;
}
.ph-duotone.ph-fire:after {
  content: "\e243";
  margin-left: -1em;
}
.ph-duotone.ph-fire-extinguisher:before {
  content: "\e9e8";
  opacity: 0.2;
}
.ph-duotone.ph-fire-extinguisher:after {
  content: "\e9e9";
  margin-left: -1em;
}
.ph-duotone.ph-fire-simple:before {
  content: "\e620";
  opacity: 0.2;
}
.ph-duotone.ph-fire-simple:after {
  content: "\e621";
  margin-left: -1em;
}
.ph-duotone.ph-fire-truck:before {
  content: "\e574";
  opacity: 0.2;
}
.ph-duotone.ph-fire-truck:after {
  content: "\e575";
  margin-left: -1em;
}
.ph-duotone.ph-first-aid:before {
  content: "\e56e";
  opacity: 0.2;
}
.ph-duotone.ph-first-aid:after {
  content: "\e56f";
  margin-left: -1em;
}
.ph-duotone.ph-first-aid-kit:before {
  content: "\e570";
  opacity: 0.2;
}
.ph-duotone.ph-first-aid-kit:after {
  content: "\e571";
  margin-left: -1em;
}
.ph-duotone.ph-fish:before {
  content: "\e728";
  opacity: 0.2;
}
.ph-duotone.ph-fish:after {
  content: "\e729";
  margin-left: -1em;
}
.ph-duotone.ph-fish-simple:before {
  content: "\e72a";
  opacity: 0.2;
}
.ph-duotone.ph-fish-simple:after {
  content: "\e72b";
  margin-left: -1em;
}
.ph-duotone.ph-flag:before {
  content: "\e244";
  opacity: 0.2;
}
.ph-duotone.ph-flag:after {
  content: "\e245";
  margin-left: -1em;
}
.ph-duotone.ph-flag-banner:before {
  content: "\e622";
  opacity: 0.2;
}
.ph-duotone.ph-flag-banner:after {
  content: "\e623";
  margin-left: -1em;
}
.ph-duotone.ph-flag-banner-fold:before {
  content: "\ecf2";
  opacity: 0.2;
}
.ph-duotone.ph-flag-banner-fold:after {
  content: "\ecf3";
  margin-left: -1em;
}
.ph-duotone.ph-flag-checkered:before {
  content: "\ea38";
  opacity: 0.2;
}
.ph-duotone.ph-flag-checkered:after {
  content: "\ea39";
  margin-left: -1em;
}
.ph-duotone.ph-flag-pennant:before {
  content: "\ecf0";
  opacity: 0.2;
}
.ph-duotone.ph-flag-pennant:after {
  content: "\ecf1";
  margin-left: -1em;
}
.ph-duotone.ph-flame:before {
  content: "\e624";
  opacity: 0.2;
}
.ph-duotone.ph-flame:after {
  content: "\e625";
  margin-left: -1em;
}
.ph-duotone.ph-flashlight:before {
  content: "\e246";
  opacity: 0.2;
}
.ph-duotone.ph-flashlight:after {
  content: "\e247";
  margin-left: -1em;
}
.ph-duotone.ph-flask:before {
  content: "\e79e";
  opacity: 0.2;
}
.ph-duotone.ph-flask:after {
  content: "\e79f";
  margin-left: -1em;
}
.ph-duotone.ph-flip-horizontal:before {
  content: "\ed6a";
  opacity: 0.2;
}
.ph-duotone.ph-flip-horizontal:after {
  content: "\ed6b";
  margin-left: -1em;
}
.ph-duotone.ph-flip-vertical:before {
  content: "\ed6c";
  opacity: 0.2;
}
.ph-duotone.ph-flip-vertical:after {
  content: "\ed6d";
  margin-left: -1em;
}
.ph-duotone.ph-floppy-disk:before {
  content: "\e248";
  opacity: 0.2;
}
.ph-duotone.ph-floppy-disk:after {
  content: "\e249";
  margin-left: -1em;
}
.ph-duotone.ph-floppy-disk-back:before {
  content: "\eaf4";
  opacity: 0.2;
}
.ph-duotone.ph-floppy-disk-back:after {
  content: "\eaf5";
  margin-left: -1em;
}
.ph-duotone.ph-flow-arrow:before {
  content: "\e6ec";
  opacity: 0.2;
}
.ph-duotone.ph-flow-arrow:after {
  content: "\e6ed";
  margin-left: -1em;
}
.ph-duotone.ph-flower:before {
  content: "\e75e";
  opacity: 0.2;
}
.ph-duotone.ph-flower:after {
  content: "\e75f";
  margin-left: -1em;
}
.ph-duotone.ph-flower-lotus:before {
  content: "\e6cc";
  opacity: 0.2;
}
.ph-duotone.ph-flower-lotus:after {
  content: "\e6cd";
  margin-left: -1em;
}
.ph-duotone.ph-flower-tulip:before {
  content: "\eacc";
  opacity: 0.2;
}
.ph-duotone.ph-flower-tulip:after {
  content: "\eacd";
  margin-left: -1em;
}
.ph-duotone.ph-flying-saucer:before {
  content: "\eb4a";
  opacity: 0.2;
}
.ph-duotone.ph-flying-saucer:after {
  content: "\eb4b";
  margin-left: -1em;
}
.ph-duotone.ph-folder:before {
  content: "\e24a";
  opacity: 0.2;
}
.ph-duotone.ph-folder:after {
  content: "\e24b";
  margin-left: -1em;
}
.ph-duotone.ph-folder-dashed:before {
  content: "\e8f8";
  opacity: 0.2;
}
.ph-duotone.ph-folder-dashed:after {
  content: "\e8f9";
  margin-left: -1em;
}
.ph-duotone.ph-folder-lock:before {
  content: "\ea3c";
  opacity: 0.2;
}
.ph-duotone.ph-folder-lock:after {
  content: "\ea3d";
  margin-left: -1em;
}
.ph-duotone.ph-folder-minus:before {
  content: "\e254";
  opacity: 0.2;
}
.ph-duotone.ph-folder-minus:after {
  content: "\e255";
  margin-left: -1em;
}
.ph-duotone.ph-folder-open:before {
  content: "\e256";
  opacity: 0.2;
}
.ph-duotone.ph-folder-open:after {
  content: "\e257";
  margin-left: -1em;
}
.ph-duotone.ph-folder-plus:before {
  content: "\e258";
  opacity: 0.2;
}
.ph-duotone.ph-folder-plus:after {
  content: "\e259";
  margin-left: -1em;
}
.ph-duotone.ph-folder-simple:before {
  content: "\e25a";
  opacity: 0.2;
}
.ph-duotone.ph-folder-simple:after {
  content: "\e25b";
  margin-left: -1em;
}
.ph-duotone.ph-folder-simple-dashed:before {
  content: "\ec2a";
  opacity: 0.2;
}
.ph-duotone.ph-folder-simple-dashed:after {
  content: "\ec2b";
  margin-left: -1em;
}
.ph-duotone.ph-folder-simple-lock:before {
  content: "\eb5e";
  opacity: 0.2;
}
.ph-duotone.ph-folder-simple-lock:after {
  content: "\eb5f";
  margin-left: -1em;
}
.ph-duotone.ph-folder-simple-minus:before {
  content: "\e25c";
  opacity: 0.2;
}
.ph-duotone.ph-folder-simple-minus:after {
  content: "\e25d";
  margin-left: -1em;
}
.ph-duotone.ph-folder-simple-plus:before {
  content: "\e25e";
  opacity: 0.2;
}
.ph-duotone.ph-folder-simple-plus:after {
  content: "\e25f";
  margin-left: -1em;
}
.ph-duotone.ph-folder-simple-star:before {
  content: "\ec2e";
  opacity: 0.2;
}
.ph-duotone.ph-folder-simple-star:after {
  content: "\ec2f";
  margin-left: -1em;
}
.ph-duotone.ph-folder-simple-user:before {
  content: "\eb60";
  opacity: 0.2;
}
.ph-duotone.ph-folder-simple-user:after {
  content: "\eb61";
  margin-left: -1em;
}
.ph-duotone.ph-folder-star:before {
  content: "\ea86";
  opacity: 0.2;
}
.ph-duotone.ph-folder-star:after {
  content: "\ea87";
  margin-left: -1em;
}
.ph-duotone.ph-folder-user:before {
  content: "\eb46";
  opacity: 0.2;
}
.ph-duotone.ph-folder-user:after {
  content: "\eb4c";
  margin-left: -1em;
}
.ph-duotone.ph-folders:before {
  content: "\e260";
  opacity: 0.2;
}
.ph-duotone.ph-folders:after {
  content: "\e261";
  margin-left: -1em;
}
.ph-duotone.ph-football:before {
  content: "\e718";
  opacity: 0.2;
}
.ph-duotone.ph-football:after {
  content: "\e719";
  margin-left: -1em;
}
.ph-duotone.ph-football-helmet:before {
  content: "\ee4c";
  opacity: 0.2;
}
.ph-duotone.ph-football-helmet:after {
  content: "\ee4d";
  margin-left: -1em;
}
.ph-duotone.ph-footprints:before {
  content: "\ea88";
  opacity: 0.2;
}
.ph-duotone.ph-footprints:after {
  content: "\ea89";
  margin-left: -1em;
}
.ph-duotone.ph-fork-knife:before {
  content: "\e262";
  opacity: 0.2;
}
.ph-duotone.ph-fork-knife:after {
  content: "\e263";
  margin-left: -1em;
}
.ph-duotone.ph-four-k:before {
  content: "\ea5c";
  opacity: 0.2;
}
.ph-duotone.ph-four-k:after {
  content: "\ea5d";
  margin-left: -1em;
}
.ph-duotone.ph-frame-corners:before {
  content: "\e626";
  opacity: 0.2;
}
.ph-duotone.ph-frame-corners:after {
  content: "\e627";
  margin-left: -1em;
}
.ph-duotone.ph-framer-logo:before {
  content: "\e264";
  opacity: 0.2;
}
.ph-duotone.ph-framer-logo:after {
  content: "\e265";
  margin-left: -1em;
}
.ph-duotone.ph-function:before {
  content: "\ebe4";
  opacity: 0.2;
}
.ph-duotone.ph-function:after {
  content: "\ebe5";
  margin-left: -1em;
}
.ph-duotone.ph-funnel:before {
  content: "\e266";
  opacity: 0.2;
}
.ph-duotone.ph-funnel:after {
  content: "\e267";
  margin-left: -1em;
}
.ph-duotone.ph-funnel-simple:before {
  content: "\e268";
  opacity: 0.2;
}
.ph-duotone.ph-funnel-simple:after {
  content: "\e269";
  margin-left: -1em;
}
.ph-duotone.ph-funnel-simple-x:before {
  content: "\e26a";
  opacity: 0.2;
}
.ph-duotone.ph-funnel-simple-x:after {
  content: "\e26b";
  margin-left: -1em;
}
.ph-duotone.ph-funnel-x:before {
  content: "\e26c";
  opacity: 0.2;
}
.ph-duotone.ph-funnel-x:after {
  content: "\e26d";
  margin-left: -1em;
}
.ph-duotone.ph-game-controller:before {
  content: "\e26e";
  opacity: 0.2;
}
.ph-duotone.ph-game-controller:after {
  content: "\e26f";
  margin-left: -1em;
}
.ph-duotone.ph-garage:before {
  content: "\ecd6";
  opacity: 0.2;
}
.ph-duotone.ph-garage:after {
  content: "\ecd7";
  margin-left: -1em;
}
.ph-duotone.ph-gas-can:before {
  content: "\e8ce";
  opacity: 0.2;
}
.ph-duotone.ph-gas-can:after {
  content: "\e8cf";
  margin-left: -1em;
}
.ph-duotone.ph-gas-pump:before {
  content: "\e768";
  opacity: 0.2;
}
.ph-duotone.ph-gas-pump:after {
  content: "\e769";
  margin-left: -1em;
}
.ph-duotone.ph-gauge:before {
  content: "\e628";
  opacity: 0.2;
}
.ph-duotone.ph-gauge:after {
  content: "\e629";
  margin-left: -1em;
}
.ph-duotone.ph-gavel:before {
  content: "\ea32";
  opacity: 0.2;
}
.ph-duotone.ph-gavel:after {
  content: "\ea33";
  margin-left: -1em;
}
.ph-duotone.ph-gear:before {
  content: "\e270";
  opacity: 0.2;
}
.ph-duotone.ph-gear:after {
  content: "\e271";
  margin-left: -1em;
}
.ph-duotone.ph-gear-fine:before {
  content: "\e87c";
  opacity: 0.2;
}
.ph-duotone.ph-gear-fine:after {
  content: "\e87d";
  margin-left: -1em;
}
.ph-duotone.ph-gear-six:before {
  content: "\e272";
  opacity: 0.2;
}
.ph-duotone.ph-gear-six:after {
  content: "\e273";
  margin-left: -1em;
}
.ph-duotone.ph-gender-female:before {
  content: "\e6e0";
  opacity: 0.2;
}
.ph-duotone.ph-gender-female:after {
  content: "\e6e1";
  margin-left: -1em;
}
.ph-duotone.ph-gender-intersex:before {
  content: "\e6e6";
  opacity: 0.2;
}
.ph-duotone.ph-gender-intersex:after {
  content: "\e6e7";
  margin-left: -1em;
}
.ph-duotone.ph-gender-male:before {
  content: "\e6e2";
  opacity: 0.2;
}
.ph-duotone.ph-gender-male:after {
  content: "\e6e3";
  margin-left: -1em;
}
.ph-duotone.ph-gender-neuter:before {
  content: "\e6ea";
  opacity: 0.2;
}
.ph-duotone.ph-gender-neuter:after {
  content: "\e6eb";
  margin-left: -1em;
}
.ph-duotone.ph-gender-nonbinary:before {
  content: "\e6e4";
  opacity: 0.2;
}
.ph-duotone.ph-gender-nonbinary:after {
  content: "\e6e5";
  margin-left: -1em;
}
.ph-duotone.ph-gender-transgender:before {
  content: "\e6e8";
  opacity: 0.2;
}
.ph-duotone.ph-gender-transgender:after {
  content: "\e6e9";
  margin-left: -1em;
}
.ph-duotone.ph-ghost:before {
  content: "\e62a";
  opacity: 0.2;
}
.ph-duotone.ph-ghost:after {
  content: "\e62b";
  margin-left: -1em;
}
.ph-duotone.ph-gif:before {
  content: "\e274";
  opacity: 0.2;
}
.ph-duotone.ph-gif:after {
  content: "\e275";
  margin-left: -1em;
}
.ph-duotone.ph-gift:before {
  content: "\e276";
  opacity: 0.2;
}
.ph-duotone.ph-gift:after {
  content: "\e277";
  margin-left: -1em;
}
.ph-duotone.ph-git-branch:before {
  content: "\e278";
  opacity: 0.2;
}
.ph-duotone.ph-git-branch:after {
  content: "\e279";
  margin-left: -1em;
}
.ph-duotone.ph-git-commit:before {
  content: "\e27a";
  opacity: 0.2;
}
.ph-duotone.ph-git-commit:after {
  content: "\e27b";
  margin-left: -1em;
}
.ph-duotone.ph-git-diff:before {
  content: "\e27c";
  opacity: 0.2;
}
.ph-duotone.ph-git-diff:after {
  content: "\e27d";
  margin-left: -1em;
}
.ph-duotone.ph-git-fork:before {
  content: "\e27e";
  opacity: 0.2;
}
.ph-duotone.ph-git-fork:after {
  content: "\e27f";
  margin-left: -1em;
}
.ph-duotone.ph-git-merge:before {
  content: "\e280";
  opacity: 0.2;
}
.ph-duotone.ph-git-merge:after {
  content: "\e281";
  margin-left: -1em;
}
.ph-duotone.ph-git-pull-request:before {
  content: "\e282";
  opacity: 0.2;
}
.ph-duotone.ph-git-pull-request:after {
  content: "\e283";
  margin-left: -1em;
}
.ph-duotone.ph-github-logo:before {
  content: "\e576";
  opacity: 0.2;
}
.ph-duotone.ph-github-logo:after {
  content: "\e577";
  margin-left: -1em;
}
.ph-duotone.ph-gitlab-logo:before {
  content: "\e694";
  opacity: 0.2;
}
.ph-duotone.ph-gitlab-logo:after {
  content: "\e695";
  margin-left: -1em;
}
.ph-duotone.ph-gitlab-logo-simple:before {
  content: "\e696";
  opacity: 0.2;
}
.ph-duotone.ph-gitlab-logo-simple:after {
  content: "\e697";
  margin-left: -1em;
}
.ph-duotone.ph-globe:before {
  content: "\e288";
  opacity: 0.2;
}
.ph-duotone.ph-globe:after {
  content: "\e289";
  margin-left: -1em;
}
.ph-duotone.ph-globe-hemisphere-east:before {
  content: "\e28a";
  opacity: 0.2;
}
.ph-duotone.ph-globe-hemisphere-east:after {
  content: "\e28b";
  margin-left: -1em;
}
.ph-duotone.ph-globe-hemisphere-west:before {
  content: "\e28c";
  opacity: 0.2;
}
.ph-duotone.ph-globe-hemisphere-west:after {
  content: "\e28d";
  margin-left: -1em;
}
.ph-duotone.ph-globe-simple:before {
  content: "\e28e";
  opacity: 0.2;
}
.ph-duotone.ph-globe-simple:after {
  content: "\e28f";
  margin-left: -1em;
}
.ph-duotone.ph-globe-simple-x:before {
  content: "\e284";
  opacity: 0.2;
}
.ph-duotone.ph-globe-simple-x:after {
  content: "\e285";
  margin-left: -1em;
}
.ph-duotone.ph-globe-stand:before {
  content: "\e290";
  opacity: 0.2;
}
.ph-duotone.ph-globe-stand:after {
  content: "\e291";
  margin-left: -1em;
}
.ph-duotone.ph-globe-x:before {
  content: "\e286";
  opacity: 0.2;
}
.ph-duotone.ph-globe-x:after {
  content: "\e287";
  margin-left: -1em;
}
.ph-duotone.ph-goggles:before {
  content: "\ecb4";
  opacity: 0.2;
}
.ph-duotone.ph-goggles:after {
  content: "\ecb5";
  margin-left: -1em;
}
.ph-duotone.ph-golf:before {
  content: "\ea3e";
  opacity: 0.2;
}
.ph-duotone.ph-golf:after {
  content: "\ea3f";
  margin-left: -1em;
}
.ph-duotone.ph-goodreads-logo:before {
  content: "\ed10";
  opacity: 0.2;
}
.ph-duotone.ph-goodreads-logo:after {
  content: "\ed11";
  margin-left: -1em;
}
.ph-duotone.ph-google-cardboard-logo:before {
  content: "\e7b6";
  opacity: 0.2;
}
.ph-duotone.ph-google-cardboard-logo:after {
  content: "\e7b7";
  margin-left: -1em;
}
.ph-duotone.ph-google-chrome-logo:before {
  content: "\e976";
  opacity: 0.2;
}
.ph-duotone.ph-google-chrome-logo:after {
  content: "\e977";
  margin-left: -1em;
}
.ph-duotone.ph-google-drive-logo:before {
  content: "\e8f6";
  opacity: 0.2;
}
.ph-duotone.ph-google-drive-logo:after {
  content: "\e8f7";
  margin-left: -1em;
}
.ph-duotone.ph-google-logo:before {
  content: "\e292";
  opacity: 0.2;
}
.ph-duotone.ph-google-logo:after {
  content: "\e293";
  margin-left: -1em;
}
.ph-duotone.ph-google-photos-logo:before {
  content: "\eb92";
  opacity: 0.2;
}
.ph-duotone.ph-google-photos-logo:after {
  content: "\eb93";
  margin-left: -1em;
}
.ph-duotone.ph-google-play-logo:before {
  content: "\e294";
  opacity: 0.2;
}
.ph-duotone.ph-google-play-logo:after {
  content: "\e295";
  margin-left: -1em;
}
.ph-duotone.ph-google-podcasts-logo:before {
  content: "\eb94";
  opacity: 0.2;
}
.ph-duotone.ph-google-podcasts-logo:after {
  content: "\eb95";
  margin-left: -1em;
}
.ph-duotone.ph-gps:before {
  content: "\edd8";
  opacity: 0.2;
}
.ph-duotone.ph-gps:after {
  content: "\edd9";
  margin-left: -1em;
}
.ph-duotone.ph-gps-fix:before {
  content: "\edd6";
  opacity: 0.2;
}
.ph-duotone.ph-gps-fix:after {
  content: "\edd7";
  margin-left: -1em;
}
.ph-duotone.ph-gps-slash:before {
  content: "\edd4";
  opacity: 0.2;
}
.ph-duotone.ph-gps-slash:after {
  content: "\edd5";
  margin-left: -1em;
}
.ph-duotone.ph-gradient:before {
  content: "\eb42";
  opacity: 0.2;
}
.ph-duotone.ph-gradient:after {
  content: "\eb4d";
  margin-left: -1em;
}
.ph-duotone.ph-graduation-cap:before {
  content: "\e62c";
  opacity: 0.2;
}
.ph-duotone.ph-graduation-cap:after {
  content: "\e62d";
  margin-left: -1em;
}
.ph-duotone.ph-grains:before {
  content: "\ec68";
  opacity: 0.2;
}
.ph-duotone.ph-grains:after {
  content: "\ec69";
  margin-left: -1em;
}
.ph-duotone.ph-grains-slash:before {
  content: "\ec6a";
  opacity: 0.2;
}
.ph-duotone.ph-grains-slash:after {
  content: "\ec6b";
  margin-left: -1em;
}
.ph-duotone.ph-graph:before {
  content: "\eb58";
  opacity: 0.2;
}
.ph-duotone.ph-graph:after {
  content: "\eb59";
  margin-left: -1em;
}
.ph-duotone.ph-graphics-card:before {
  content: "\e612";
  opacity: 0.2;
}
.ph-duotone.ph-graphics-card:after {
  content: "\e613";
  margin-left: -1em;
}
.ph-duotone.ph-greater-than:before {
  content: "\edc4";
  opacity: 0.2;
}
.ph-duotone.ph-greater-than:after {
  content: "\edc5";
  margin-left: -1em;
}
.ph-duotone.ph-greater-than-or-equal:before {
  content: "\eda2";
  opacity: 0.2;
}
.ph-duotone.ph-greater-than-or-equal:after {
  content: "\eda3";
  margin-left: -1em;
}
.ph-duotone.ph-grid-four:before {
  content: "\e296";
  opacity: 0.2;
}
.ph-duotone.ph-grid-four:after {
  content: "\e297";
  margin-left: -1em;
}
.ph-duotone.ph-grid-nine:before {
  content: "\ec8c";
  opacity: 0.2;
}
.ph-duotone.ph-grid-nine:after {
  content: "\ec8d";
  margin-left: -1em;
}
.ph-duotone.ph-guitar:before {
  content: "\ea8a";
  opacity: 0.2;
}
.ph-duotone.ph-guitar:after {
  content: "\ea8b";
  margin-left: -1em;
}
.ph-duotone.ph-hair-dryer:before {
  content: "\ea66";
  opacity: 0.2;
}
.ph-duotone.ph-hair-dryer:after {
  content: "\ea67";
  margin-left: -1em;
}
.ph-duotone.ph-hamburger:before {
  content: "\e790";
  opacity: 0.2;
}
.ph-duotone.ph-hamburger:after {
  content: "\e791";
  margin-left: -1em;
}
.ph-duotone.ph-hammer:before {
  content: "\e80e";
  opacity: 0.2;
}
.ph-duotone.ph-hammer:after {
  content: "\e80f";
  margin-left: -1em;
}
.ph-duotone.ph-hand:before {
  content: "\e298";
  opacity: 0.2;
}
.ph-duotone.ph-hand:after {
  content: "\e299";
  margin-left: -1em;
}
.ph-duotone.ph-hand-arrow-down:before {
  content: "\ea4e";
  opacity: 0.2;
}
.ph-duotone.ph-hand-arrow-down:after {
  content: "\ea4f";
  margin-left: -1em;
}
.ph-duotone.ph-hand-arrow-up:before {
  content: "\ee5a";
  opacity: 0.2;
}
.ph-duotone.ph-hand-arrow-up:after {
  content: "\ee5b";
  margin-left: -1em;
}
.ph-duotone.ph-hand-coins:before {
  content: "\ea8c";
  opacity: 0.2;
}
.ph-duotone.ph-hand-coins:after {
  content: "\ea8d";
  margin-left: -1em;
}
.ph-duotone.ph-hand-deposit:before {
  content: "\ee82";
  opacity: 0.2;
}
.ph-duotone.ph-hand-deposit:after {
  content: "\ee83";
  margin-left: -1em;
}
.ph-duotone.ph-hand-eye:before {
  content: "\ea4c";
  opacity: 0.2;
}
.ph-duotone.ph-hand-eye:after {
  content: "\ea4d";
  margin-left: -1em;
}
.ph-duotone.ph-hand-fist:before {
  content: "\e57a";
  opacity: 0.2;
}
.ph-duotone.ph-hand-fist:after {
  content: "\e57b";
  margin-left: -1em;
}
.ph-duotone.ph-hand-grabbing:before {
  content: "\e57c";
  opacity: 0.2;
}
.ph-duotone.ph-hand-grabbing:after {
  content: "\e57d";
  margin-left: -1em;
}
.ph-duotone.ph-hand-heart:before {
  content: "\e810";
  opacity: 0.2;
}
.ph-duotone.ph-hand-heart:after {
  content: "\e811";
  margin-left: -1em;
}
.ph-duotone.ph-hand-palm:before {
  content: "\e57e";
  opacity: 0.2;
}
.ph-duotone.ph-hand-palm:after {
  content: "\e57f";
  margin-left: -1em;
}
.ph-duotone.ph-hand-peace:before {
  content: "\e7cc";
  opacity: 0.2;
}
.ph-duotone.ph-hand-peace:after {
  content: "\e7cd";
  margin-left: -1em;
}
.ph-duotone.ph-hand-pointing:before {
  content: "\e29a";
  opacity: 0.2;
}
.ph-duotone.ph-hand-pointing:after {
  content: "\e29b";
  margin-left: -1em;
}
.ph-duotone.ph-hand-soap:before {
  content: "\e630";
  opacity: 0.2;
}
.ph-duotone.ph-hand-soap:after {
  content: "\e631";
  margin-left: -1em;
}
.ph-duotone.ph-hand-swipe-left:before {
  content: "\ec94";
  opacity: 0.2;
}
.ph-duotone.ph-hand-swipe-left:after {
  content: "\ec95";
  margin-left: -1em;
}
.ph-duotone.ph-hand-swipe-right:before {
  content: "\ec92";
  opacity: 0.2;
}
.ph-duotone.ph-hand-swipe-right:after {
  content: "\ec93";
  margin-left: -1em;
}
.ph-duotone.ph-hand-tap:before {
  content: "\ec90";
  opacity: 0.2;
}
.ph-duotone.ph-hand-tap:after {
  content: "\ec91";
  margin-left: -1em;
}
.ph-duotone.ph-hand-waving:before {
  content: "\e580";
  opacity: 0.2;
}
.ph-duotone.ph-hand-waving:after {
  content: "\e581";
  margin-left: -1em;
}
.ph-duotone.ph-hand-withdraw:before {
  content: "\ee80";
  opacity: 0.2;
}
.ph-duotone.ph-hand-withdraw:after {
  content: "\ee81";
  margin-left: -1em;
}
.ph-duotone.ph-handbag:before {
  content: "\e29c";
  opacity: 0.2;
}
.ph-duotone.ph-handbag:after {
  content: "\e29d";
  margin-left: -1em;
}
.ph-duotone.ph-handbag-simple:before {
  content: "\e62e";
  opacity: 0.2;
}
.ph-duotone.ph-handbag-simple:after {
  content: "\e62f";
  margin-left: -1em;
}
.ph-duotone.ph-hands-clapping:before {
  content: "\e6a0";
  opacity: 0.2;
}
.ph-duotone.ph-hands-clapping:after {
  content: "\e6a1";
  margin-left: -1em;
}
.ph-duotone.ph-hands-praying:before {
  content: "\ecc8";
  opacity: 0.2;
}
.ph-duotone.ph-hands-praying:after {
  content: "\ecc9";
  margin-left: -1em;
}
.ph-duotone.ph-handshake:before {
  content: "\e582";
  opacity: 0.2;
}
.ph-duotone.ph-handshake:after {
  content: "\e583";
  margin-left: -1em;
}
.ph-duotone.ph-hard-drive:before {
  content: "\e29e";
  opacity: 0.2;
}
.ph-duotone.ph-hard-drive:after {
  content: "\e29f";
  margin-left: -1em;
}
.ph-duotone.ph-hard-drives:before {
  content: "\e2a0";
  opacity: 0.2;
}
.ph-duotone.ph-hard-drives:after {
  content: "\e2a1";
  margin-left: -1em;
}
.ph-duotone.ph-hard-hat:before {
  content: "\ed46";
  opacity: 0.2;
}
.ph-duotone.ph-hard-hat:after {
  content: "\ed47";
  margin-left: -1em;
}
.ph-duotone.ph-hash:before {
  content: "\e2a2";
  opacity: 0.2;
}
.ph-duotone.ph-hash:after {
  content: "\e2a3";
  margin-left: -1em;
}
.ph-duotone.ph-hash-straight:before {
  content: "\e2a4";
  opacity: 0.2;
}
.ph-duotone.ph-hash-straight:after {
  content: "\e2a5";
  margin-left: -1em;
}
.ph-duotone.ph-head-circuit:before {
  content: "\e7d4";
  opacity: 0.2;
}
.ph-duotone.ph-head-circuit:after {
  content: "\e7d5";
  margin-left: -1em;
}
.ph-duotone.ph-headlights:before {
  content: "\e6fe";
  opacity: 0.2;
}
.ph-duotone.ph-headlights:after {
  content: "\e6ff";
  margin-left: -1em;
}
.ph-duotone.ph-headphones:before {
  content: "\e2a6";
  opacity: 0.2;
}
.ph-duotone.ph-headphones:after {
  content: "\e2a7";
  margin-left: -1em;
}
.ph-duotone.ph-headset:before {
  content: "\e584";
  opacity: 0.2;
}
.ph-duotone.ph-headset:after {
  content: "\e585";
  margin-left: -1em;
}
.ph-duotone.ph-heart:before {
  content: "\e2a8";
  opacity: 0.2;
}
.ph-duotone.ph-heart:after {
  content: "\e2a9";
  margin-left: -1em;
}
.ph-duotone.ph-heart-break:before {
  content: "\ebe8";
  opacity: 0.2;
}
.ph-duotone.ph-heart-break:after {
  content: "\ebe9";
  margin-left: -1em;
}
.ph-duotone.ph-heart-half:before {
  content: "\ec48";
  opacity: 0.2;
}
.ph-duotone.ph-heart-half:after {
  content: "\ec49";
  margin-left: -1em;
}
.ph-duotone.ph-heart-straight:before {
  content: "\e2aa";
  opacity: 0.2;
}
.ph-duotone.ph-heart-straight:after {
  content: "\e2ab";
  margin-left: -1em;
}
.ph-duotone.ph-heart-straight-break:before {
  content: "\eb98";
  opacity: 0.2;
}
.ph-duotone.ph-heart-straight-break:after {
  content: "\eb99";
  margin-left: -1em;
}
.ph-duotone.ph-heartbeat:before {
  content: "\e2ac";
  opacity: 0.2;
}
.ph-duotone.ph-heartbeat:after {
  content: "\e2ad";
  margin-left: -1em;
}
.ph-duotone.ph-hexagon:before {
  content: "\e2ae";
  opacity: 0.2;
}
.ph-duotone.ph-hexagon:after {
  content: "\e2af";
  margin-left: -1em;
}
.ph-duotone.ph-high-definition:before {
  content: "\ea8e";
  opacity: 0.2;
}
.ph-duotone.ph-high-definition:after {
  content: "\ea8f";
  margin-left: -1em;
}
.ph-duotone.ph-high-heel:before {
  content: "\e8e8";
  opacity: 0.2;
}
.ph-duotone.ph-high-heel:after {
  content: "\e8e9";
  margin-left: -1em;
}
.ph-duotone.ph-highlighter:before {
  content: "\ec76";
  opacity: 0.2;
}
.ph-duotone.ph-highlighter:after {
  content: "\ec77";
  margin-left: -1em;
}
.ph-duotone.ph-highlighter-circle:before {
  content: "\e632";
  opacity: 0.2;
}
.ph-duotone.ph-highlighter-circle:after {
  content: "\e633";
  margin-left: -1em;
}
.ph-duotone.ph-hockey:before {
  content: "\ec86";
  opacity: 0.2;
}
.ph-duotone.ph-hockey:after {
  content: "\ec87";
  margin-left: -1em;
}
.ph-duotone.ph-hoodie:before {
  content: "\ecd0";
  opacity: 0.2;
}
.ph-duotone.ph-hoodie:after {
  content: "\ecd1";
  margin-left: -1em;
}
.ph-duotone.ph-horse:before {
  content: "\e2b0";
  opacity: 0.2;
}
.ph-duotone.ph-horse:after {
  content: "\e2b1";
  margin-left: -1em;
}
.ph-duotone.ph-hospital:before {
  content: "\e844";
  opacity: 0.2;
}
.ph-duotone.ph-hospital:after {
  content: "\e845";
  margin-left: -1em;
}
.ph-duotone.ph-hourglass:before {
  content: "\e2b2";
  opacity: 0.2;
}
.ph-duotone.ph-hourglass:after {
  content: "\e2b3";
  margin-left: -1em;
}
.ph-duotone.ph-hourglass-high:before {
  content: "\e2b4";
  opacity: 0.2;
}
.ph-duotone.ph-hourglass-high:after {
  content: "\e2b5";
  margin-left: -1em;
}
.ph-duotone.ph-hourglass-low:before {
  content: "\e2b6";
  opacity: 0.2;
}
.ph-duotone.ph-hourglass-low:after {
  content: "\e2b7";
  margin-left: -1em;
}
.ph-duotone.ph-hourglass-medium:before {
  content: "\e2b8";
  opacity: 0.2;
}
.ph-duotone.ph-hourglass-medium:after {
  content: "\e2b9";
  margin-left: -1em;
}
.ph-duotone.ph-hourglass-simple:before {
  content: "\e2ba";
  opacity: 0.2;
}
.ph-duotone.ph-hourglass-simple:after {
  content: "\e2bb";
  margin-left: -1em;
}
.ph-duotone.ph-hourglass-simple-high:before {
  content: "\e2bc";
  opacity: 0.2;
}
.ph-duotone.ph-hourglass-simple-high:after {
  content: "\e2bd";
  margin-left: -1em;
}
.ph-duotone.ph-hourglass-simple-low:before {
  content: "\e2be";
  opacity: 0.2;
}
.ph-duotone.ph-hourglass-simple-low:after {
  content: "\e2bf";
  margin-left: -1em;
}
.ph-duotone.ph-hourglass-simple-medium:before {
  content: "\e2c0";
  opacity: 0.2;
}
.ph-duotone.ph-hourglass-simple-medium:after {
  content: "\e2c1";
  margin-left: -1em;
}
.ph-duotone.ph-house:before {
  content: "\e2c2";
  opacity: 0.2;
}
.ph-duotone.ph-house:after {
  content: "\e2c3";
  margin-left: -1em;
}
.ph-duotone.ph-house-line:before {
  content: "\e2c4";
  opacity: 0.2;
}
.ph-duotone.ph-house-line:after {
  content: "\e2c5";
  margin-left: -1em;
}
.ph-duotone.ph-house-simple:before {
  content: "\e2c6";
  opacity: 0.2;
}
.ph-duotone.ph-house-simple:after {
  content: "\e2c7";
  margin-left: -1em;
}
.ph-duotone.ph-hurricane:before {
  content: "\e88e";
  opacity: 0.2;
}
.ph-duotone.ph-hurricane:after {
  content: "\e88f";
  margin-left: -1em;
}
.ph-duotone.ph-ice-cream:before {
  content: "\e804";
  opacity: 0.2;
}
.ph-duotone.ph-ice-cream:after {
  content: "\e805";
  margin-left: -1em;
}
.ph-duotone.ph-identification-badge:before {
  content: "\e6f6";
  opacity: 0.2;
}
.ph-duotone.ph-identification-badge:after {
  content: "\e6f7";
  margin-left: -1em;
}
.ph-duotone.ph-identification-card:before {
  content: "\e2c8";
  opacity: 0.2;
}
.ph-duotone.ph-identification-card:after {
  content: "\e2c9";
  margin-left: -1em;
}
.ph-duotone.ph-image:before {
  content: "\e2ca";
  opacity: 0.2;
}
.ph-duotone.ph-image:after {
  content: "\e2cb";
  margin-left: -1em;
}
.ph-duotone.ph-image-broken:before {
  content: "\e7a8";
  opacity: 0.2;
}
.ph-duotone.ph-image-broken:after {
  content: "\e7a9";
  margin-left: -1em;
}
.ph-duotone.ph-image-square:before {
  content: "\e2cc";
  opacity: 0.2;
}
.ph-duotone.ph-image-square:after {
  content: "\e2cd";
  margin-left: -1em;
}
.ph-duotone.ph-images:before {
  content: "\e836";
  opacity: 0.2;
}
.ph-duotone.ph-images:after {
  content: "\e837";
  margin-left: -1em;
}
.ph-duotone.ph-images-square:before {
  content: "\e834";
  opacity: 0.2;
}
.ph-duotone.ph-images-square:after {
  content: "\e835";
  margin-left: -1em;
}
.ph-duotone.ph-infinity:before {
  content: "\e634";
  opacity: 0.2;
}
.ph-duotone.ph-infinity:after {
  content: "\e635";
  margin-left: -1em;
}
.ph-duotone.ph-info:before {
  content: "\e2ce";
  opacity: 0.2;
}
.ph-duotone.ph-info:after {
  content: "\e2cf";
  margin-left: -1em;
}
.ph-duotone.ph-instagram-logo:before {
  content: "\e2d0";
  opacity: 0.2;
}
.ph-duotone.ph-instagram-logo:after {
  content: "\e2d1";
  margin-left: -1em;
}
.ph-duotone.ph-intersect:before {
  content: "\e2d2";
  opacity: 0.2;
}
.ph-duotone.ph-intersect:after {
  content: "\e2d3";
  margin-left: -1em;
}
.ph-duotone.ph-intersect-square:before {
  content: "\e87a";
  opacity: 0.2;
}
.ph-duotone.ph-intersect-square:after {
  content: "\e87b";
  margin-left: -1em;
}
.ph-duotone.ph-intersect-three:before {
  content: "\ecc4";
  opacity: 0.2;
}
.ph-duotone.ph-intersect-three:after {
  content: "\ecc5";
  margin-left: -1em;
}
.ph-duotone.ph-intersection:before {
  content: "\edba";
  opacity: 0.2;
}
.ph-duotone.ph-intersection:after {
  content: "\edbb";
  margin-left: -1em;
}
.ph-duotone.ph-invoice:before {
  content: "\ee42";
  opacity: 0.2;
}
.ph-duotone.ph-invoice:after {
  content: "\ee43";
  margin-left: -1em;
}
.ph-duotone.ph-island:before {
  content: "\ee06";
  opacity: 0.2;
}
.ph-duotone.ph-island:after {
  content: "\ee07";
  margin-left: -1em;
}
.ph-duotone.ph-jar:before {
  content: "\e7e0";
  opacity: 0.2;
}
.ph-duotone.ph-jar:after {
  content: "\e7e3";
  margin-left: -1em;
}
.ph-duotone.ph-jar-label:before {
  content: "\e7e1";
  opacity: 0.2;
}
.ph-duotone.ph-jar-label:after {
  content: "\e7e5";
  margin-left: -1em;
}
.ph-duotone.ph-jeep:before {
  content: "\e2d4";
  opacity: 0.2;
}
.ph-duotone.ph-jeep:after {
  content: "\e2d5";
  margin-left: -1em;
}
.ph-duotone.ph-joystick:before {
  content: "\ea5e";
  opacity: 0.2;
}
.ph-duotone.ph-joystick:after {
  content: "\ea5f";
  margin-left: -1em;
}
.ph-duotone.ph-kanban:before {
  content: "\eb54";
  opacity: 0.2;
}
.ph-duotone.ph-kanban:after {
  content: "\eb55";
  margin-left: -1em;
}
.ph-duotone.ph-key:before {
  content: "\e2d6";
  opacity: 0.2;
}
.ph-duotone.ph-key:after {
  content: "\e2d7";
  margin-left: -1em;
}
.ph-duotone.ph-key-return:before {
  content: "\e782";
  opacity: 0.2;
}
.ph-duotone.ph-key-return:after {
  content: "\e783";
  margin-left: -1em;
}
.ph-duotone.ph-keyboard:before {
  content: "\e2d8";
  opacity: 0.2;
}
.ph-duotone.ph-keyboard:after {
  content: "\e2d9";
  margin-left: -1em;
}
.ph-duotone.ph-keyhole:before {
  content: "\ea78";
  opacity: 0.2;
}
.ph-duotone.ph-keyhole:after {
  content: "\ea79";
  margin-left: -1em;
}
.ph-duotone.ph-knife:before {
  content: "\e636";
  opacity: 0.2;
}
.ph-duotone.ph-knife:after {
  content: "\e637";
  margin-left: -1em;
}
.ph-duotone.ph-ladder:before {
  content: "\e9e4";
  opacity: 0.2;
}
.ph-duotone.ph-ladder:after {
  content: "\e9e5";
  margin-left: -1em;
}
.ph-duotone.ph-ladder-simple:before {
  content: "\ec26";
  opacity: 0.2;
}
.ph-duotone.ph-ladder-simple:after {
  content: "\ec27";
  margin-left: -1em;
}
.ph-duotone.ph-lamp:before {
  content: "\e638";
  opacity: 0.2;
}
.ph-duotone.ph-lamp:after {
  content: "\e639";
  margin-left: -1em;
}
.ph-duotone.ph-lamp-pendant:before {
  content: "\ee2e";
  opacity: 0.2;
}
.ph-duotone.ph-lamp-pendant:after {
  content: "\ee2f";
  margin-left: -1em;
}
.ph-duotone.ph-laptop:before {
  content: "\e586";
  opacity: 0.2;
}
.ph-duotone.ph-laptop:after {
  content: "\e587";
  margin-left: -1em;
}
.ph-duotone.ph-lasso:before {
  content: "\edc6";
  opacity: 0.2;
}
.ph-duotone.ph-lasso:after {
  content: "\edc7";
  margin-left: -1em;
}
.ph-duotone.ph-lastfm-logo:before {
  content: "\e842";
  opacity: 0.2;
}
.ph-duotone.ph-lastfm-logo:after {
  content: "\e843";
  margin-left: -1em;
}
.ph-duotone.ph-layout:before {
  content: "\e6d6";
  opacity: 0.2;
}
.ph-duotone.ph-layout:after {
  content: "\e6d7";
  margin-left: -1em;
}
.ph-duotone.ph-leaf:before {
  content: "\e2da";
  opacity: 0.2;
}
.ph-duotone.ph-leaf:after {
  content: "\e2db";
  margin-left: -1em;
}
.ph-duotone.ph-lectern:before {
  content: "\e95a";
  opacity: 0.2;
}
.ph-duotone.ph-lectern:after {
  content: "\e95b";
  margin-left: -1em;
}
.ph-duotone.ph-lego:before {
  content: "\e8c6";
  opacity: 0.2;
}
.ph-duotone.ph-lego:after {
  content: "\e8c8";
  margin-left: -1em;
}
.ph-duotone.ph-lego-smiley:before {
  content: "\e8c7";
  opacity: 0.2;
}
.ph-duotone.ph-lego-smiley:after {
  content: "\e8c9";
  margin-left: -1em;
}
.ph-duotone.ph-less-than:before {
  content: "\edac";
  opacity: 0.2;
}
.ph-duotone.ph-less-than:after {
  content: "\edad";
  margin-left: -1em;
}
.ph-duotone.ph-less-than-or-equal:before {
  content: "\eda4";
  opacity: 0.2;
}
.ph-duotone.ph-less-than-or-equal:after {
  content: "\eda5";
  margin-left: -1em;
}
.ph-duotone.ph-letter-circle-h:before {
  content: "\ebf8";
  opacity: 0.2;
}
.ph-duotone.ph-letter-circle-h:after {
  content: "\ebf9";
  margin-left: -1em;
}
.ph-duotone.ph-letter-circle-p:before {
  content: "\ec08";
  opacity: 0.2;
}
.ph-duotone.ph-letter-circle-p:after {
  content: "\ec09";
  margin-left: -1em;
}
.ph-duotone.ph-letter-circle-v:before {
  content: "\ec14";
  opacity: 0.2;
}
.ph-duotone.ph-letter-circle-v:after {
  content: "\ec15";
  margin-left: -1em;
}
.ph-duotone.ph-lifebuoy:before {
  content: "\e63a";
  opacity: 0.2;
}
.ph-duotone.ph-lifebuoy:after {
  content: "\e63b";
  margin-left: -1em;
}
.ph-duotone.ph-lightbulb:before {
  content: "\e2dc";
  opacity: 0.2;
}
.ph-duotone.ph-lightbulb:after {
  content: "\e2dd";
  margin-left: -1em;
}
.ph-duotone.ph-lightbulb-filament:before {
  content: "\e63c";
  opacity: 0.2;
}
.ph-duotone.ph-lightbulb-filament:after {
  content: "\e63d";
  margin-left: -1em;
}
.ph-duotone.ph-lighthouse:before {
  content: "\e9f6";
  opacity: 0.2;
}
.ph-duotone.ph-lighthouse:after {
  content: "\e9f7";
  margin-left: -1em;
}
.ph-duotone.ph-lightning:before {
  content: "\e2de";
  opacity: 0.2;
}
.ph-duotone.ph-lightning:after {
  content: "\e2df";
  margin-left: -1em;
}
.ph-duotone.ph-lightning-a:before {
  content: "\ea84";
  opacity: 0.2;
}
.ph-duotone.ph-lightning-a:after {
  content: "\ea85";
  margin-left: -1em;
}
.ph-duotone.ph-lightning-slash:before {
  content: "\e2e0";
  opacity: 0.2;
}
.ph-duotone.ph-lightning-slash:after {
  content: "\e2e1";
  margin-left: -1em;
}
.ph-duotone.ph-line-segment:before {
  content: "\e6d2";
  opacity: 0.2;
}
.ph-duotone.ph-line-segment:after {
  content: "\e6d3";
  margin-left: -1em;
}
.ph-duotone.ph-line-segments:before {
  content: "\e6d4";
  opacity: 0.2;
}
.ph-duotone.ph-line-segments:after {
  content: "\e6d5";
  margin-left: -1em;
}
.ph-duotone.ph-line-vertical:before {
  content: "\ed70";
  opacity: 0.2;
}
.ph-duotone.ph-line-vertical:after {
  content: "\ed71";
  margin-left: -1em;
}
.ph-duotone.ph-link:before {
  content: "\e2e2";
  opacity: 0.2;
}
.ph-duotone.ph-link:after {
  content: "\e2e3";
  margin-left: -1em;
}
.ph-duotone.ph-link-break:before {
  content: "\e2e4";
  opacity: 0.2;
}
.ph-duotone.ph-link-break:after {
  content: "\e2e5";
  margin-left: -1em;
}
.ph-duotone.ph-link-simple:before {
  content: "\e2e6";
  opacity: 0.2;
}
.ph-duotone.ph-link-simple:after {
  content: "\e2e7";
  margin-left: -1em;
}
.ph-duotone.ph-link-simple-break:before {
  content: "\e2e8";
  opacity: 0.2;
}
.ph-duotone.ph-link-simple-break:after {
  content: "\e2e9";
  margin-left: -1em;
}
.ph-duotone.ph-link-simple-horizontal:before {
  content: "\e2ea";
  opacity: 0.2;
}
.ph-duotone.ph-link-simple-horizontal:after {
  content: "\e2eb";
  margin-left: -1em;
}
.ph-duotone.ph-link-simple-horizontal-break:before {
  content: "\e2ec";
  opacity: 0.2;
}
.ph-duotone.ph-link-simple-horizontal-break:after {
  content: "\e2ed";
  margin-left: -1em;
}
.ph-duotone.ph-linkedin-logo:before {
  content: "\e2ee";
  opacity: 0.2;
}
.ph-duotone.ph-linkedin-logo:after {
  content: "\e2ef";
  margin-left: -1em;
}
.ph-duotone.ph-linktree-logo:before {
  content: "\edee";
  opacity: 0.2;
}
.ph-duotone.ph-linktree-logo:after {
  content: "\edef";
  margin-left: -1em;
}
.ph-duotone.ph-linux-logo:before {
  content: "\eb02";
  opacity: 0.2;
}
.ph-duotone.ph-linux-logo:after {
  content: "\eb03";
  margin-left: -1em;
}
.ph-duotone.ph-list:before {
  content: "\e2f0";
  opacity: 0.2;
}
.ph-duotone.ph-list:after {
  content: "\e2f1";
  margin-left: -1em;
}
.ph-duotone.ph-list-bullets:before {
  content: "\e2f2";
  opacity: 0.2;
}
.ph-duotone.ph-list-bullets:after {
  content: "\e2f3";
  margin-left: -1em;
}
.ph-duotone.ph-list-checks:before {
  content: "\eadc";
  opacity: 0.2;
}
.ph-duotone.ph-list-checks:after {
  content: "\eadd";
  margin-left: -1em;
}
.ph-duotone.ph-list-dashes:before {
  content: "\e2f4";
  opacity: 0.2;
}
.ph-duotone.ph-list-dashes:after {
  content: "\e2f5";
  margin-left: -1em;
}
.ph-duotone.ph-list-heart:before {
  content: "\ebde";
  opacity: 0.2;
}
.ph-duotone.ph-list-heart:after {
  content: "\ebdf";
  margin-left: -1em;
}
.ph-duotone.ph-list-magnifying-glass:before {
  content: "\ebe0";
  opacity: 0.2;
}
.ph-duotone.ph-list-magnifying-glass:after {
  content: "\ebe1";
  margin-left: -1em;
}
.ph-duotone.ph-list-numbers:before {
  content: "\e2f6";
  opacity: 0.2;
}
.ph-duotone.ph-list-numbers:after {
  content: "\e2f7";
  margin-left: -1em;
}
.ph-duotone.ph-list-plus:before {
  content: "\e2f8";
  opacity: 0.2;
}
.ph-duotone.ph-list-plus:after {
  content: "\e2f9";
  margin-left: -1em;
}
.ph-duotone.ph-list-star:before {
  content: "\ebdc";
  opacity: 0.2;
}
.ph-duotone.ph-list-star:after {
  content: "\ebdd";
  margin-left: -1em;
}
.ph-duotone.ph-lock:before {
  content: "\e2fa";
  opacity: 0.2;
}
.ph-duotone.ph-lock:after {
  content: "\e2fb";
  margin-left: -1em;
}
.ph-duotone.ph-lock-key:before {
  content: "\e2fe";
  opacity: 0.2;
}
.ph-duotone.ph-lock-key:after {
  content: "\e2ff";
  margin-left: -1em;
}
.ph-duotone.ph-lock-key-open:before {
  content: "\e300";
  opacity: 0.2;
}
.ph-duotone.ph-lock-key-open:after {
  content: "\e301";
  margin-left: -1em;
}
.ph-duotone.ph-lock-laminated:before {
  content: "\e302";
  opacity: 0.2;
}
.ph-duotone.ph-lock-laminated:after {
  content: "\e303";
  margin-left: -1em;
}
.ph-duotone.ph-lock-laminated-open:before {
  content: "\e304";
  opacity: 0.2;
}
.ph-duotone.ph-lock-laminated-open:after {
  content: "\e305";
  margin-left: -1em;
}
.ph-duotone.ph-lock-open:before {
  content: "\e306";
  opacity: 0.2;
}
.ph-duotone.ph-lock-open:after {
  content: "\e307";
  margin-left: -1em;
}
.ph-duotone.ph-lock-simple:before {
  content: "\e308";
  opacity: 0.2;
}
.ph-duotone.ph-lock-simple:after {
  content: "\e309";
  margin-left: -1em;
}
.ph-duotone.ph-lock-simple-open:before {
  content: "\e30a";
  opacity: 0.2;
}
.ph-duotone.ph-lock-simple-open:after {
  content: "\e30b";
  margin-left: -1em;
}
.ph-duotone.ph-lockers:before {
  content: "\ecb8";
  opacity: 0.2;
}
.ph-duotone.ph-lockers:after {
  content: "\ecb9";
  margin-left: -1em;
}
.ph-duotone.ph-log:before {
  content: "\ed82";
  opacity: 0.2;
}
.ph-duotone.ph-log:after {
  content: "\ed83";
  margin-left: -1em;
}
.ph-duotone.ph-magic-wand:before {
  content: "\e6b6";
  opacity: 0.2;
}
.ph-duotone.ph-magic-wand:after {
  content: "\e6b7";
  margin-left: -1em;
}
.ph-duotone.ph-magnet:before {
  content: "\e680";
  opacity: 0.2;
}
.ph-duotone.ph-magnet:after {
  content: "\e681";
  margin-left: -1em;
}
.ph-duotone.ph-magnet-straight:before {
  content: "\e682";
  opacity: 0.2;
}
.ph-duotone.ph-magnet-straight:after {
  content: "\e683";
  margin-left: -1em;
}
.ph-duotone.ph-magnifying-glass:before {
  content: "\e30c";
  opacity: 0.2;
}
.ph-duotone.ph-magnifying-glass:after {
  content: "\e30d";
  margin-left: -1em;
}
.ph-duotone.ph-magnifying-glass-minus:before {
  content: "\e30e";
  opacity: 0.2;
}
.ph-duotone.ph-magnifying-glass-minus:after {
  content: "\e30f";
  margin-left: -1em;
}
.ph-duotone.ph-magnifying-glass-plus:before {
  content: "\e310";
  opacity: 0.2;
}
.ph-duotone.ph-magnifying-glass-plus:after {
  content: "\e311";
  margin-left: -1em;
}
.ph-duotone.ph-mailbox:before {
  content: "\ec1e";
  opacity: 0.2;
}
.ph-duotone.ph-mailbox:after {
  content: "\ec1f";
  margin-left: -1em;
}
.ph-duotone.ph-map-pin:before {
  content: "\e316";
  opacity: 0.2;
}
.ph-duotone.ph-map-pin:after {
  content: "\e317";
  margin-left: -1em;
}
.ph-duotone.ph-map-pin-area:before {
  content: "\ee3a";
  opacity: 0.2;
}
.ph-duotone.ph-map-pin-area:after {
  content: "\ee3b";
  margin-left: -1em;
}
.ph-duotone.ph-map-pin-line:before {
  content: "\e318";
  opacity: 0.2;
}
.ph-duotone.ph-map-pin-line:after {
  content: "\e319";
  margin-left: -1em;
}
.ph-duotone.ph-map-pin-plus:before {
  content: "\e314";
  opacity: 0.2;
}
.ph-duotone.ph-map-pin-plus:after {
  content: "\e315";
  margin-left: -1em;
}
.ph-duotone.ph-map-pin-simple:before {
  content: "\ee3e";
  opacity: 0.2;
}
.ph-duotone.ph-map-pin-simple:after {
  content: "\ee3f";
  margin-left: -1em;
}
.ph-duotone.ph-map-pin-simple-area:before {
  content: "\ee3c";
  opacity: 0.2;
}
.ph-duotone.ph-map-pin-simple-area:after {
  content: "\ee3d";
  margin-left: -1em;
}
.ph-duotone.ph-map-pin-simple-line:before {
  content: "\ee38";
  opacity: 0.2;
}
.ph-duotone.ph-map-pin-simple-line:after {
  content: "\ee39";
  margin-left: -1em;
}
.ph-duotone.ph-map-trifold:before {
  content: "\e31a";
  opacity: 0.2;
}
.ph-duotone.ph-map-trifold:after {
  content: "\e31b";
  margin-left: -1em;
}
.ph-duotone.ph-markdown-logo:before {
  content: "\e508";
  opacity: 0.2;
}
.ph-duotone.ph-markdown-logo:after {
  content: "\e509";
  margin-left: -1em;
}
.ph-duotone.ph-marker-circle:before {
  content: "\e640";
  opacity: 0.2;
}
.ph-duotone.ph-marker-circle:after {
  content: "\e641";
  margin-left: -1em;
}
.ph-duotone.ph-martini:before {
  content: "\e31c";
  opacity: 0.2;
}
.ph-duotone.ph-martini:after {
  content: "\e31d";
  margin-left: -1em;
}
.ph-duotone.ph-mask-happy:before {
  content: "\e9f4";
  opacity: 0.2;
}
.ph-duotone.ph-mask-happy:after {
  content: "\e9f5";
  margin-left: -1em;
}
.ph-duotone.ph-mask-sad:before {
  content: "\eb9e";
  opacity: 0.2;
}
.ph-duotone.ph-mask-sad:after {
  content: "\eb9f";
  margin-left: -1em;
}
.ph-duotone.ph-mastodon-logo:before {
  content: "\ed68";
  opacity: 0.2;
}
.ph-duotone.ph-mastodon-logo:after {
  content: "\ed69";
  margin-left: -1em;
}
.ph-duotone.ph-math-operations:before {
  content: "\e31e";
  opacity: 0.2;
}
.ph-duotone.ph-math-operations:after {
  content: "\e31f";
  margin-left: -1em;
}
.ph-duotone.ph-matrix-logo:before {
  content: "\ed64";
  opacity: 0.2;
}
.ph-duotone.ph-matrix-logo:after {
  content: "\ed65";
  margin-left: -1em;
}
.ph-duotone.ph-medal:before {
  content: "\e320";
  opacity: 0.2;
}
.ph-duotone.ph-medal:after {
  content: "\e321";
  margin-left: -1em;
}
.ph-duotone.ph-medal-military:before {
  content: "\ecfc";
  opacity: 0.2;
}
.ph-duotone.ph-medal-military:after {
  content: "\ecfd";
  margin-left: -1em;
}
.ph-duotone.ph-medium-logo:before {
  content: "\e322";
  opacity: 0.2;
}
.ph-duotone.ph-medium-logo:after {
  content: "\e323";
  margin-left: -1em;
}
.ph-duotone.ph-megaphone:before {
  content: "\e324";
  opacity: 0.2;
}
.ph-duotone.ph-megaphone:after {
  content: "\e325";
  margin-left: -1em;
}
.ph-duotone.ph-megaphone-simple:before {
  content: "\e642";
  opacity: 0.2;
}
.ph-duotone.ph-megaphone-simple:after {
  content: "\e643";
  margin-left: -1em;
}
.ph-duotone.ph-member-of:before {
  content: "\edc2";
  opacity: 0.2;
}
.ph-duotone.ph-member-of:after {
  content: "\edc3";
  margin-left: -1em;
}
.ph-duotone.ph-memory:before {
  content: "\e9c4";
  opacity: 0.2;
}
.ph-duotone.ph-memory:after {
  content: "\e9c5";
  margin-left: -1em;
}
.ph-duotone.ph-messenger-logo:before {
  content: "\e6d8";
  opacity: 0.2;
}
.ph-duotone.ph-messenger-logo:after {
  content: "\e6d9";
  margin-left: -1em;
}
.ph-duotone.ph-meta-logo:before {
  content: "\ed02";
  opacity: 0.2;
}
.ph-duotone.ph-meta-logo:after {
  content: "\ed03";
  margin-left: -1em;
}
.ph-duotone.ph-meteor:before {
  content: "\e9ba";
  opacity: 0.2;
}
.ph-duotone.ph-meteor:after {
  content: "\e9bb";
  margin-left: -1em;
}
.ph-duotone.ph-metronome:before {
  content: "\ec8e";
  opacity: 0.2;
}
.ph-duotone.ph-metronome:after {
  content: "\ec8f";
  margin-left: -1em;
}
.ph-duotone.ph-microphone:before {
  content: "\e326";
  opacity: 0.2;
}
.ph-duotone.ph-microphone:after {
  content: "\e327";
  margin-left: -1em;
}
.ph-duotone.ph-microphone-slash:before {
  content: "\e328";
  opacity: 0.2;
}
.ph-duotone.ph-microphone-slash:after {
  content: "\e329";
  margin-left: -1em;
}
.ph-duotone.ph-microphone-stage:before {
  content: "\e75c";
  opacity: 0.2;
}
.ph-duotone.ph-microphone-stage:after {
  content: "\e75d";
  margin-left: -1em;
}
.ph-duotone.ph-microscope:before {
  content: "\ec7a";
  opacity: 0.2;
}
.ph-duotone.ph-microscope:after {
  content: "\ec7b";
  margin-left: -1em;
}
.ph-duotone.ph-microsoft-excel-logo:before {
  content: "\eb6c";
  opacity: 0.2;
}
.ph-duotone.ph-microsoft-excel-logo:after {
  content: "\eb6d";
  margin-left: -1em;
}
.ph-duotone.ph-microsoft-outlook-logo:before {
  content: "\eb70";
  opacity: 0.2;
}
.ph-duotone.ph-microsoft-outlook-logo:after {
  content: "\eb71";
  margin-left: -1em;
}
.ph-duotone.ph-microsoft-powerpoint-logo:before {
  content: "\eace";
  opacity: 0.2;
}
.ph-duotone.ph-microsoft-powerpoint-logo:after {
  content: "\eacf";
  margin-left: -1em;
}
.ph-duotone.ph-microsoft-teams-logo:before {
  content: "\eb66";
  opacity: 0.2;
}
.ph-duotone.ph-microsoft-teams-logo:after {
  content: "\eb67";
  margin-left: -1em;
}
.ph-duotone.ph-microsoft-word-logo:before {
  content: "\eb6a";
  opacity: 0.2;
}
.ph-duotone.ph-microsoft-word-logo:after {
  content: "\eb6b";
  margin-left: -1em;
}
.ph-duotone.ph-minus:before {
  content: "\e32a";
  opacity: 0.2;
}
.ph-duotone.ph-minus:after {
  content: "\e32b";
  margin-left: -1em;
}
.ph-duotone.ph-minus-circle:before {
  content: "\e32c";
  opacity: 0.2;
}
.ph-duotone.ph-minus-circle:after {
  content: "\e32d";
  margin-left: -1em;
}
.ph-duotone.ph-minus-square:before {
  content: "\ed4c";
  opacity: 0.2;
}
.ph-duotone.ph-minus-square:after {
  content: "\ed53";
  margin-left: -1em;
}
.ph-duotone.ph-money:before {
  content: "\e588";
  opacity: 0.2;
}
.ph-duotone.ph-money:after {
  content: "\e589";
  margin-left: -1em;
}
.ph-duotone.ph-money-wavy:before {
  content: "\ee68";
  opacity: 0.2;
}
.ph-duotone.ph-money-wavy:after {
  content: "\ee69";
  margin-left: -1em;
}
.ph-duotone.ph-monitor:before {
  content: "\e32e";
  opacity: 0.2;
}
.ph-duotone.ph-monitor:after {
  content: "\e32f";
  margin-left: -1em;
}
.ph-duotone.ph-monitor-arrow-up:before {
  content: "\e58a";
  opacity: 0.2;
}
.ph-duotone.ph-monitor-arrow-up:after {
  content: "\e58b";
  margin-left: -1em;
}
.ph-duotone.ph-monitor-play:before {
  content: "\e58c";
  opacity: 0.2;
}
.ph-duotone.ph-monitor-play:after {
  content: "\e58d";
  margin-left: -1em;
}
.ph-duotone.ph-moon:before {
  content: "\e330";
  opacity: 0.2;
}
.ph-duotone.ph-moon:after {
  content: "\e331";
  margin-left: -1em;
}
.ph-duotone.ph-moon-stars:before {
  content: "\e58e";
  opacity: 0.2;
}
.ph-duotone.ph-moon-stars:after {
  content: "\e58f";
  margin-left: -1em;
}
.ph-duotone.ph-moped:before {
  content: "\e824";
  opacity: 0.2;
}
.ph-duotone.ph-moped:after {
  content: "\e825";
  margin-left: -1em;
}
.ph-duotone.ph-moped-front:before {
  content: "\e822";
  opacity: 0.2;
}
.ph-duotone.ph-moped-front:after {
  content: "\e823";
  margin-left: -1em;
}
.ph-duotone.ph-mosque:before {
  content: "\ecee";
  opacity: 0.2;
}
.ph-duotone.ph-mosque:after {
  content: "\ecef";
  margin-left: -1em;
}
.ph-duotone.ph-motorcycle:before {
  content: "\e80a";
  opacity: 0.2;
}
.ph-duotone.ph-motorcycle:after {
  content: "\e80b";
  margin-left: -1em;
}
.ph-duotone.ph-mountains:before {
  content: "\e7ae";
  opacity: 0.2;
}
.ph-duotone.ph-mountains:after {
  content: "\e7af";
  margin-left: -1em;
}
.ph-duotone.ph-mouse:before {
  content: "\e33a";
  opacity: 0.2;
}
.ph-duotone.ph-mouse:after {
  content: "\e33b";
  margin-left: -1em;
}
.ph-duotone.ph-mouse-left-click:before {
  content: "\e334";
  opacity: 0.2;
}
.ph-duotone.ph-mouse-left-click:after {
  content: "\e335";
  margin-left: -1em;
}
.ph-duotone.ph-mouse-middle-click:before {
  content: "\e338";
  opacity: 0.2;
}
.ph-duotone.ph-mouse-middle-click:after {
  content: "\e339";
  margin-left: -1em;
}
.ph-duotone.ph-mouse-right-click:before {
  content: "\e336";
  opacity: 0.2;
}
.ph-duotone.ph-mouse-right-click:after {
  content: "\e337";
  margin-left: -1em;
}
.ph-duotone.ph-mouse-scroll:before {
  content: "\e332";
  opacity: 0.2;
}
.ph-duotone.ph-mouse-scroll:after {
  content: "\e333";
  margin-left: -1em;
}
.ph-duotone.ph-mouse-simple:before {
  content: "\e644";
  opacity: 0.2;
}
.ph-duotone.ph-mouse-simple:after {
  content: "\e645";
  margin-left: -1em;
}
.ph-duotone.ph-music-note:before {
  content: "\e33c";
  opacity: 0.2;
}
.ph-duotone.ph-music-note:after {
  content: "\e33d";
  margin-left: -1em;
}
.ph-duotone.ph-music-note-simple:before {
  content: "\e33e";
  opacity: 0.2;
}
.ph-duotone.ph-music-note-simple:after {
  content: "\e33f";
  margin-left: -1em;
}
.ph-duotone.ph-music-notes:before {
  content: "\e340";
  opacity: 0.2;
}
.ph-duotone.ph-music-notes:after {
  content: "\e341";
  margin-left: -1em;
}
.ph-duotone.ph-music-notes-minus:before {
  content: "\ee0c";
  opacity: 0.2;
}
.ph-duotone.ph-music-notes-minus:after {
  content: "\ee0d";
  margin-left: -1em;
}
.ph-duotone.ph-music-notes-plus:before {
  content: "\eb7c";
  opacity: 0.2;
}
.ph-duotone.ph-music-notes-plus:after {
  content: "\eb7d";
  margin-left: -1em;
}
.ph-duotone.ph-music-notes-simple:before {
  content: "\e342";
  opacity: 0.2;
}
.ph-duotone.ph-music-notes-simple:after {
  content: "\e343";
  margin-left: -1em;
}
.ph-duotone.ph-navigation-arrow:before {
  content: "\eade";
  opacity: 0.2;
}
.ph-duotone.ph-navigation-arrow:after {
  content: "\eadf";
  margin-left: -1em;
}
.ph-duotone.ph-needle:before {
  content: "\e82e";
  opacity: 0.2;
}
.ph-duotone.ph-needle:after {
  content: "\e82f";
  margin-left: -1em;
}
.ph-duotone.ph-network:before {
  content: "\edde";
  opacity: 0.2;
}
.ph-duotone.ph-network:after {
  content: "\eddf";
  margin-left: -1em;
}
.ph-duotone.ph-network-slash:before {
  content: "\eddc";
  opacity: 0.2;
}
.ph-duotone.ph-network-slash:after {
  content: "\eddd";
  margin-left: -1em;
}
.ph-duotone.ph-network-x:before {
  content: "\edda";
  opacity: 0.2;
}
.ph-duotone.ph-network-x:after {
  content: "\eddb";
  margin-left: -1em;
}
.ph-duotone.ph-newspaper:before {
  content: "\e344";
  opacity: 0.2;
}
.ph-duotone.ph-newspaper:after {
  content: "\e345";
  margin-left: -1em;
}
.ph-duotone.ph-newspaper-clipping:before {
  content: "\e346";
  opacity: 0.2;
}
.ph-duotone.ph-newspaper-clipping:after {
  content: "\e347";
  margin-left: -1em;
}
.ph-duotone.ph-not-equals:before {
  content: "\eda6";
  opacity: 0.2;
}
.ph-duotone.ph-not-equals:after {
  content: "\eda7";
  margin-left: -1em;
}
.ph-duotone.ph-not-member-of:before {
  content: "\edae";
  opacity: 0.2;
}
.ph-duotone.ph-not-member-of:after {
  content: "\edaf";
  margin-left: -1em;
}
.ph-duotone.ph-not-subset-of:before {
  content: "\edb0";
  opacity: 0.2;
}
.ph-duotone.ph-not-subset-of:after {
  content: "\edb1";
  margin-left: -1em;
}
.ph-duotone.ph-not-superset-of:before {
  content: "\edb2";
  opacity: 0.2;
}
.ph-duotone.ph-not-superset-of:after {
  content: "\edb3";
  margin-left: -1em;
}
.ph-duotone.ph-notches:before {
  content: "\ed3a";
  opacity: 0.2;
}
.ph-duotone.ph-notches:after {
  content: "\ed3b";
  margin-left: -1em;
}
.ph-duotone.ph-note:before {
  content: "\e348";
  opacity: 0.2;
}
.ph-duotone.ph-note:after {
  content: "\e349";
  margin-left: -1em;
}
.ph-duotone.ph-note-blank:before {
  content: "\e34a";
  opacity: 0.2;
}
.ph-duotone.ph-note-blank:after {
  content: "\e34b";
  margin-left: -1em;
}
.ph-duotone.ph-note-pencil:before {
  content: "\e34c";
  opacity: 0.2;
}
.ph-duotone.ph-note-pencil:after {
  content: "\e34d";
  margin-left: -1em;
}
.ph-duotone.ph-notebook:before {
  content: "\e34e";
  opacity: 0.2;
}
.ph-duotone.ph-notebook:after {
  content: "\e34f";
  margin-left: -1em;
}
.ph-duotone.ph-notepad:before {
  content: "\e63e";
  opacity: 0.2;
}
.ph-duotone.ph-notepad:after {
  content: "\e63f";
  margin-left: -1em;
}
.ph-duotone.ph-notification:before {
  content: "\e6fa";
  opacity: 0.2;
}
.ph-duotone.ph-notification:after {
  content: "\e6fb";
  margin-left: -1em;
}
.ph-duotone.ph-notion-logo:before {
  content: "\e9a0";
  opacity: 0.2;
}
.ph-duotone.ph-notion-logo:after {
  content: "\e9a1";
  margin-left: -1em;
}
.ph-duotone.ph-nuclear-plant:before {
  content: "\ed7c";
  opacity: 0.2;
}
.ph-duotone.ph-nuclear-plant:after {
  content: "\ed7d";
  margin-left: -1em;
}
.ph-duotone.ph-number-circle-eight:before {
  content: "\e352";
  opacity: 0.2;
}
.ph-duotone.ph-number-circle-eight:after {
  content: "\e353";
  margin-left: -1em;
}
.ph-duotone.ph-number-circle-five:before {
  content: "\e358";
  opacity: 0.2;
}
.ph-duotone.ph-number-circle-five:after {
  content: "\e359";
  margin-left: -1em;
}
.ph-duotone.ph-number-circle-four:before {
  content: "\e35e";
  opacity: 0.2;
}
.ph-duotone.ph-number-circle-four:after {
  content: "\e35f";
  margin-left: -1em;
}
.ph-duotone.ph-number-circle-nine:before {
  content: "\e364";
  opacity: 0.2;
}
.ph-duotone.ph-number-circle-nine:after {
  content: "\e365";
  margin-left: -1em;
}
.ph-duotone.ph-number-circle-one:before {
  content: "\e36a";
  opacity: 0.2;
}
.ph-duotone.ph-number-circle-one:after {
  content: "\e36b";
  margin-left: -1em;
}
.ph-duotone.ph-number-circle-seven:before {
  content: "\e370";
  opacity: 0.2;
}
.ph-duotone.ph-number-circle-seven:after {
  content: "\e371";
  margin-left: -1em;
}
.ph-duotone.ph-number-circle-six:before {
  content: "\e376";
  opacity: 0.2;
}
.ph-duotone.ph-number-circle-six:after {
  content: "\e377";
  margin-left: -1em;
}
.ph-duotone.ph-number-circle-three:before {
  content: "\e37c";
  opacity: 0.2;
}
.ph-duotone.ph-number-circle-three:after {
  content: "\e37d";
  margin-left: -1em;
}
.ph-duotone.ph-number-circle-two:before {
  content: "\e382";
  opacity: 0.2;
}
.ph-duotone.ph-number-circle-two:after {
  content: "\e383";
  margin-left: -1em;
}
.ph-duotone.ph-number-circle-zero:before {
  content: "\e388";
  opacity: 0.2;
}
.ph-duotone.ph-number-circle-zero:after {
  content: "\e389";
  margin-left: -1em;
}
.ph-duotone.ph-number-eight:before {
  content: "\e350";
  opacity: 0.2;
}
.ph-duotone.ph-number-eight:after {
  content: "\e351";
  margin-left: -1em;
}
.ph-duotone.ph-number-five:before {
  content: "\e356";
  opacity: 0.2;
}
.ph-duotone.ph-number-five:after {
  content: "\e357";
  margin-left: -1em;
}
.ph-duotone.ph-number-four:before {
  content: "\e35c";
  opacity: 0.2;
}
.ph-duotone.ph-number-four:after {
  content: "\e35d";
  margin-left: -1em;
}
.ph-duotone.ph-number-nine:before {
  content: "\e362";
  opacity: 0.2;
}
.ph-duotone.ph-number-nine:after {
  content: "\e363";
  margin-left: -1em;
}
.ph-duotone.ph-number-one:before {
  content: "\e368";
  opacity: 0.2;
}
.ph-duotone.ph-number-one:after {
  content: "\e369";
  margin-left: -1em;
}
.ph-duotone.ph-number-seven:before {
  content: "\e36e";
  opacity: 0.2;
}
.ph-duotone.ph-number-seven:after {
  content: "\e36f";
  margin-left: -1em;
}
.ph-duotone.ph-number-six:before {
  content: "\e374";
  opacity: 0.2;
}
.ph-duotone.ph-number-six:after {
  content: "\e375";
  margin-left: -1em;
}
.ph-duotone.ph-number-square-eight:before {
  content: "\e354";
  opacity: 0.2;
}
.ph-duotone.ph-number-square-eight:after {
  content: "\e355";
  margin-left: -1em;
}
.ph-duotone.ph-number-square-five:before {
  content: "\e35a";
  opacity: 0.2;
}
.ph-duotone.ph-number-square-five:after {
  content: "\e35b";
  margin-left: -1em;
}
.ph-duotone.ph-number-square-four:before {
  content: "\e360";
  opacity: 0.2;
}
.ph-duotone.ph-number-square-four:after {
  content: "\e361";
  margin-left: -1em;
}
.ph-duotone.ph-number-square-nine:before {
  content: "\e366";
  opacity: 0.2;
}
.ph-duotone.ph-number-square-nine:after {
  content: "\e367";
  margin-left: -1em;
}
.ph-duotone.ph-number-square-one:before {
  content: "\e36c";
  opacity: 0.2;
}
.ph-duotone.ph-number-square-one:after {
  content: "\e36d";
  margin-left: -1em;
}
.ph-duotone.ph-number-square-seven:before {
  content: "\e372";
  opacity: 0.2;
}
.ph-duotone.ph-number-square-seven:after {
  content: "\e373";
  margin-left: -1em;
}
.ph-duotone.ph-number-square-six:before {
  content: "\e378";
  opacity: 0.2;
}
.ph-duotone.ph-number-square-six:after {
  content: "\e379";
  margin-left: -1em;
}
.ph-duotone.ph-number-square-three:before {
  content: "\e37e";
  opacity: 0.2;
}
.ph-duotone.ph-number-square-three:after {
  content: "\e37f";
  margin-left: -1em;
}
.ph-duotone.ph-number-square-two:before {
  content: "\e384";
  opacity: 0.2;
}
.ph-duotone.ph-number-square-two:after {
  content: "\e385";
  margin-left: -1em;
}
.ph-duotone.ph-number-square-zero:before {
  content: "\e38a";
  opacity: 0.2;
}
.ph-duotone.ph-number-square-zero:after {
  content: "\e38b";
  margin-left: -1em;
}
.ph-duotone.ph-number-three:before {
  content: "\e37a";
  opacity: 0.2;
}
.ph-duotone.ph-number-three:after {
  content: "\e37b";
  margin-left: -1em;
}
.ph-duotone.ph-number-two:before {
  content: "\e380";
  opacity: 0.2;
}
.ph-duotone.ph-number-two:after {
  content: "\e381";
  margin-left: -1em;
}
.ph-duotone.ph-number-zero:before {
  content: "\e386";
  opacity: 0.2;
}
.ph-duotone.ph-number-zero:after {
  content: "\e387";
  margin-left: -1em;
}
.ph-duotone.ph-numpad:before {
  content: "\e3c8";
  opacity: 0.2;
}
.ph-duotone.ph-numpad:after {
  content: "\e3c9";
  margin-left: -1em;
}
.ph-duotone.ph-nut:before {
  content: "\e38c";
  opacity: 0.2;
}
.ph-duotone.ph-nut:after {
  content: "\e38d";
  margin-left: -1em;
}
.ph-duotone.ph-ny-times-logo:before {
  content: "\e646";
  opacity: 0.2;
}
.ph-duotone.ph-ny-times-logo:after {
  content: "\e647";
  margin-left: -1em;
}
.ph-duotone.ph-octagon:before {
  content: "\e38e";
  opacity: 0.2;
}
.ph-duotone.ph-octagon:after {
  content: "\e38f";
  margin-left: -1em;
}
.ph-duotone.ph-office-chair:before {
  content: "\ea46";
  opacity: 0.2;
}
.ph-duotone.ph-office-chair:after {
  content: "\ea47";
  margin-left: -1em;
}
.ph-duotone.ph-onigiri:before {
  content: "\ee2c";
  opacity: 0.2;
}
.ph-duotone.ph-onigiri:after {
  content: "\ee2d";
  margin-left: -1em;
}
.ph-duotone.ph-open-ai-logo:before {
  content: "\e7d2";
  opacity: 0.2;
}
.ph-duotone.ph-open-ai-logo:after {
  content: "\e7d3";
  margin-left: -1em;
}
.ph-duotone.ph-option:before {
  content: "\e8a8";
  opacity: 0.2;
}
.ph-duotone.ph-option:after {
  content: "\e8a9";
  margin-left: -1em;
}
.ph-duotone.ph-orange:before {
  content: "\ee40";
  opacity: 0.2;
}
.ph-duotone.ph-orange:after {
  content: "\ee41";
  margin-left: -1em;
}
.ph-duotone.ph-orange-slice:before {
  content: "\ed36";
  opacity: 0.2;
}
.ph-duotone.ph-orange-slice:after {
  content: "\ed37";
  margin-left: -1em;
}
.ph-duotone.ph-oven:before {
  content: "\ed8c";
  opacity: 0.2;
}
.ph-duotone.ph-oven:after {
  content: "\ed8d";
  margin-left: -1em;
}
.ph-duotone.ph-package:before {
  content: "\e390";
  opacity: 0.2;
}
.ph-duotone.ph-package:after {
  content: "\e391";
  margin-left: -1em;
}
.ph-duotone.ph-paint-brush:before {
  content: "\e6f0";
  opacity: 0.2;
}
.ph-duotone.ph-paint-brush:after {
  content: "\e6f1";
  margin-left: -1em;
}
.ph-duotone.ph-paint-brush-broad:before {
  content: "\e590";
  opacity: 0.2;
}
.ph-duotone.ph-paint-brush-broad:after {
  content: "\e591";
  margin-left: -1em;
}
.ph-duotone.ph-paint-brush-household:before {
  content: "\e6f2";
  opacity: 0.2;
}
.ph-duotone.ph-paint-brush-household:after {
  content: "\e6f3";
  margin-left: -1em;
}
.ph-duotone.ph-paint-bucket:before {
  content: "\e392";
  opacity: 0.2;
}
.ph-duotone.ph-paint-bucket:after {
  content: "\e393";
  margin-left: -1em;
}
.ph-duotone.ph-paint-roller:before {
  content: "\e6f4";
  opacity: 0.2;
}
.ph-duotone.ph-paint-roller:after {
  content: "\e6f5";
  margin-left: -1em;
}
.ph-duotone.ph-palette:before {
  content: "\e6c8";
  opacity: 0.2;
}
.ph-duotone.ph-palette:after {
  content: "\e6c9";
  margin-left: -1em;
}
.ph-duotone.ph-panorama:before {
  content: "\eaa2";
  opacity: 0.2;
}
.ph-duotone.ph-panorama:after {
  content: "\eaa3";
  margin-left: -1em;
}
.ph-duotone.ph-pants:before {
  content: "\ec88";
  opacity: 0.2;
}
.ph-duotone.ph-pants:after {
  content: "\ec89";
  margin-left: -1em;
}
.ph-duotone.ph-paper-plane:before {
  content: "\e394";
  opacity: 0.2;
}
.ph-duotone.ph-paper-plane:after {
  content: "\e395";
  margin-left: -1em;
}
.ph-duotone.ph-paper-plane-right:before {
  content: "\e396";
  opacity: 0.2;
}
.ph-duotone.ph-paper-plane-right:after {
  content: "\e397";
  margin-left: -1em;
}
.ph-duotone.ph-paper-plane-tilt:before {
  content: "\e398";
  opacity: 0.2;
}
.ph-duotone.ph-paper-plane-tilt:after {
  content: "\e399";
  margin-left: -1em;
}
.ph-duotone.ph-paperclip:before {
  content: "\e39a";
  opacity: 0.2;
}
.ph-duotone.ph-paperclip:after {
  content: "\e39b";
  margin-left: -1em;
}
.ph-duotone.ph-paperclip-horizontal:before {
  content: "\e592";
  opacity: 0.2;
}
.ph-duotone.ph-paperclip-horizontal:after {
  content: "\e593";
  margin-left: -1em;
}
.ph-duotone.ph-parachute:before {
  content: "\ea7c";
  opacity: 0.2;
}
.ph-duotone.ph-parachute:after {
  content: "\ea7d";
  margin-left: -1em;
}
.ph-duotone.ph-paragraph:before {
  content: "\e960";
  opacity: 0.2;
}
.ph-duotone.ph-paragraph:after {
  content: "\e961";
  margin-left: -1em;
}
.ph-duotone.ph-parallelogram:before {
  content: "\ecc6";
  opacity: 0.2;
}
.ph-duotone.ph-parallelogram:after {
  content: "\ecc7";
  margin-left: -1em;
}
.ph-duotone.ph-park:before {
  content: "\ecb2";
  opacity: 0.2;
}
.ph-duotone.ph-park:after {
  content: "\ecb3";
  margin-left: -1em;
}
.ph-duotone.ph-password:before {
  content: "\e752";
  opacity: 0.2;
}
.ph-duotone.ph-password:after {
  content: "\e753";
  margin-left: -1em;
}
.ph-duotone.ph-path:before {
  content: "\e39c";
  opacity: 0.2;
}
.ph-duotone.ph-path:after {
  content: "\e39d";
  margin-left: -1em;
}
.ph-duotone.ph-patreon-logo:before {
  content: "\e98a";
  opacity: 0.2;
}
.ph-duotone.ph-patreon-logo:after {
  content: "\e98b";
  margin-left: -1em;
}
.ph-duotone.ph-pause:before {
  content: "\e39e";
  opacity: 0.2;
}
.ph-duotone.ph-pause:after {
  content: "\e39f";
  margin-left: -1em;
}
.ph-duotone.ph-pause-circle:before {
  content: "\e3a0";
  opacity: 0.2;
}
.ph-duotone.ph-pause-circle:after {
  content: "\e3a1";
  margin-left: -1em;
}
.ph-duotone.ph-paw-print:before {
  content: "\e648";
  opacity: 0.2;
}
.ph-duotone.ph-paw-print:after {
  content: "\e649";
  margin-left: -1em;
}
.ph-duotone.ph-paypal-logo:before {
  content: "\e98c";
  opacity: 0.2;
}
.ph-duotone.ph-paypal-logo:after {
  content: "\e98d";
  margin-left: -1em;
}
.ph-duotone.ph-peace:before {
  content: "\e3a2";
  opacity: 0.2;
}
.ph-duotone.ph-peace:after {
  content: "\e3a3";
  margin-left: -1em;
}
.ph-duotone.ph-pen:before {
  content: "\e3aa";
  opacity: 0.2;
}
.ph-duotone.ph-pen:after {
  content: "\e3ab";
  margin-left: -1em;
}
.ph-duotone.ph-pen-nib:before {
  content: "\e3ac";
  opacity: 0.2;
}
.ph-duotone.ph-pen-nib:after {
  content: "\e3ad";
  margin-left: -1em;
}
.ph-duotone.ph-pen-nib-straight:before {
  content: "\e64a";
  opacity: 0.2;
}
.ph-duotone.ph-pen-nib-straight:after {
  content: "\e64b";
  margin-left: -1em;
}
.ph-duotone.ph-pencil:before {
  content: "\e3ae";
  opacity: 0.2;
}
.ph-duotone.ph-pencil:after {
  content: "\e3af";
  margin-left: -1em;
}
.ph-duotone.ph-pencil-circle:before {
  content: "\e3b0";
  opacity: 0.2;
}
.ph-duotone.ph-pencil-circle:after {
  content: "\e3b1";
  margin-left: -1em;
}
.ph-duotone.ph-pencil-line:before {
  content: "\e3b2";
  opacity: 0.2;
}
.ph-duotone.ph-pencil-line:after {
  content: "\e3b3";
  margin-left: -1em;
}
.ph-duotone.ph-pencil-ruler:before {
  content: "\e906";
  opacity: 0.2;
}
.ph-duotone.ph-pencil-ruler:after {
  content: "\e907";
  margin-left: -1em;
}
.ph-duotone.ph-pencil-simple:before {
  content: "\e3b4";
  opacity: 0.2;
}
.ph-duotone.ph-pencil-simple:after {
  content: "\e3b5";
  margin-left: -1em;
}
.ph-duotone.ph-pencil-simple-line:before {
  content: "\ebc6";
  opacity: 0.2;
}
.ph-duotone.ph-pencil-simple-line:after {
  content: "\ebc7";
  margin-left: -1em;
}
.ph-duotone.ph-pencil-simple-slash:before {
  content: "\ecf6";
  opacity: 0.2;
}
.ph-duotone.ph-pencil-simple-slash:after {
  content: "\ecf7";
  margin-left: -1em;
}
.ph-duotone.ph-pencil-slash:before {
  content: "\ecf8";
  opacity: 0.2;
}
.ph-duotone.ph-pencil-slash:after {
  content: "\ecf9";
  margin-left: -1em;
}
.ph-duotone.ph-pentagon:before {
  content: "\ec7e";
  opacity: 0.2;
}
.ph-duotone.ph-pentagon:after {
  content: "\ec7f";
  margin-left: -1em;
}
.ph-duotone.ph-pentagram:before {
  content: "\ec5c";
  opacity: 0.2;
}
.ph-duotone.ph-pentagram:after {
  content: "\ec5d";
  margin-left: -1em;
}
.ph-duotone.ph-pepper:before {
  content: "\e94a";
  opacity: 0.2;
}
.ph-duotone.ph-pepper:after {
  content: "\e94b";
  margin-left: -1em;
}
.ph-duotone.ph-percent:before {
  content: "\e3b6";
  opacity: 0.2;
}
.ph-duotone.ph-percent:after {
  content: "\e3b7";
  margin-left: -1em;
}
.ph-duotone.ph-person:before {
  content: "\e3a8";
  opacity: 0.2;
}
.ph-duotone.ph-person:after {
  content: "\e3a9";
  margin-left: -1em;
}
.ph-duotone.ph-person-arms-spread:before {
  content: "\ecfe";
  opacity: 0.2;
}
.ph-duotone.ph-person-arms-spread:after {
  content: "\ecff";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple:before {
  content: "\e72e";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple:after {
  content: "\e72f";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple-bike:before {
  content: "\e734";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple-bike:after {
  content: "\e735";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple-circle:before {
  content: "\ee58";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple-circle:after {
  content: "\ee59";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple-hike:before {
  content: "\ed54";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple-hike:after {
  content: "\ed55";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple-run:before {
  content: "\e730";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple-run:after {
  content: "\e731";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple-ski:before {
  content: "\e71c";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple-ski:after {
  content: "\e71d";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple-snowboard:before {
  content: "\e71e";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple-snowboard:after {
  content: "\e71f";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple-swim:before {
  content: "\e736";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple-swim:after {
  content: "\e737";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple-tai-chi:before {
  content: "\ed5c";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple-tai-chi:after {
  content: "\ed5d";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple-throw:before {
  content: "\e732";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple-throw:after {
  content: "\e733";
  margin-left: -1em;
}
.ph-duotone.ph-person-simple-walk:before {
  content: "\e73a";
  opacity: 0.2;
}
.ph-duotone.ph-person-simple-walk:after {
  content: "\e73b";
  margin-left: -1em;
}
.ph-duotone.ph-perspective:before {
  content: "\ebe6";
  opacity: 0.2;
}
.ph-duotone.ph-perspective:after {
  content: "\ebe7";
  margin-left: -1em;
}
.ph-duotone.ph-phone:before {
  content: "\e3b8";
  opacity: 0.2;
}
.ph-duotone.ph-phone:after {
  content: "\e3b9";
  margin-left: -1em;
}
.ph-duotone.ph-phone-call:before {
  content: "\e3ba";
  opacity: 0.2;
}
.ph-duotone.ph-phone-call:after {
  content: "\e3bb";
  margin-left: -1em;
}
.ph-duotone.ph-phone-disconnect:before {
  content: "\e3bc";
  opacity: 0.2;
}
.ph-duotone.ph-phone-disconnect:after {
  content: "\e3bd";
  margin-left: -1em;
}
.ph-duotone.ph-phone-incoming:before {
  content: "\e3be";
  opacity: 0.2;
}
.ph-duotone.ph-phone-incoming:after {
  content: "\e3bf";
  margin-left: -1em;
}
.ph-duotone.ph-phone-list:before {
  content: "\e3cc";
  opacity: 0.2;
}
.ph-duotone.ph-phone-list:after {
  content: "\e3cd";
  margin-left: -1em;
}
.ph-duotone.ph-phone-outgoing:before {
  content: "\e3c0";
  opacity: 0.2;
}
.ph-duotone.ph-phone-outgoing:after {
  content: "\e3c1";
  margin-left: -1em;
}
.ph-duotone.ph-phone-pause:before {
  content: "\e3ca";
  opacity: 0.2;
}
.ph-duotone.ph-phone-pause:after {
  content: "\e3cb";
  margin-left: -1em;
}
.ph-duotone.ph-phone-plus:before {
  content: "\ec56";
  opacity: 0.2;
}
.ph-duotone.ph-phone-plus:after {
  content: "\ec57";
  margin-left: -1em;
}
.ph-duotone.ph-phone-slash:before {
  content: "\e3c2";
  opacity: 0.2;
}
.ph-duotone.ph-phone-slash:after {
  content: "\e3c3";
  margin-left: -1em;
}
.ph-duotone.ph-phone-transfer:before {
  content: "\e3c6";
  opacity: 0.2;
}
.ph-duotone.ph-phone-transfer:after {
  content: "\e3c7";
  margin-left: -1em;
}
.ph-duotone.ph-phone-x:before {
  content: "\e3c4";
  opacity: 0.2;
}
.ph-duotone.ph-phone-x:after {
  content: "\e3c5";
  margin-left: -1em;
}
.ph-duotone.ph-phosphor-logo:before {
  content: "\e3ce";
  opacity: 0.2;
}
.ph-duotone.ph-phosphor-logo:after {
  content: "\e3cf";
  margin-left: -1em;
}
.ph-duotone.ph-pi:before {
  content: "\ec80";
  opacity: 0.2;
}
.ph-duotone.ph-pi:after {
  content: "\ec81";
  margin-left: -1em;
}
.ph-duotone.ph-piano-keys:before {
  content: "\e9c8";
  opacity: 0.2;
}
.ph-duotone.ph-piano-keys:after {
  content: "\e9c9";
  margin-left: -1em;
}
.ph-duotone.ph-picnic-table:before {
  content: "\ee26";
  opacity: 0.2;
}
.ph-duotone.ph-picnic-table:after {
  content: "\ee27";
  margin-left: -1em;
}
.ph-duotone.ph-picture-in-picture:before {
  content: "\e64c";
  opacity: 0.2;
}
.ph-duotone.ph-picture-in-picture:after {
  content: "\e64d";
  margin-left: -1em;
}
.ph-duotone.ph-piggy-bank:before {
  content: "\ea04";
  opacity: 0.2;
}
.ph-duotone.ph-piggy-bank:after {
  content: "\ea05";
  margin-left: -1em;
}
.ph-duotone.ph-pill:before {
  content: "\e700";
  opacity: 0.2;
}
.ph-duotone.ph-pill:after {
  content: "\e701";
  margin-left: -1em;
}
.ph-duotone.ph-ping-pong:before {
  content: "\ea42";
  opacity: 0.2;
}
.ph-duotone.ph-ping-pong:after {
  content: "\ea43";
  margin-left: -1em;
}
.ph-duotone.ph-pint-glass:before {
  content: "\edd0";
  opacity: 0.2;
}
.ph-duotone.ph-pint-glass:after {
  content: "\edd1";
  margin-left: -1em;
}
.ph-duotone.ph-pinterest-logo:before {
  content: "\e64e";
  opacity: 0.2;
}
.ph-duotone.ph-pinterest-logo:after {
  content: "\e64f";
  margin-left: -1em;
}
.ph-duotone.ph-pinwheel:before {
  content: "\eb9c";
  opacity: 0.2;
}
.ph-duotone.ph-pinwheel:after {
  content: "\eb9d";
  margin-left: -1em;
}
.ph-duotone.ph-pipe:before {
  content: "\ed86";
  opacity: 0.2;
}
.ph-duotone.ph-pipe:after {
  content: "\ed87";
  margin-left: -1em;
}
.ph-duotone.ph-pipe-wrench:before {
  content: "\ed88";
  opacity: 0.2;
}
.ph-duotone.ph-pipe-wrench:after {
  content: "\ed89";
  margin-left: -1em;
}
.ph-duotone.ph-pix-logo:before {
  content: "\ecc2";
  opacity: 0.2;
}
.ph-duotone.ph-pix-logo:after {
  content: "\ecc3";
  margin-left: -1em;
}
.ph-duotone.ph-pizza:before {
  content: "\e796";
  opacity: 0.2;
}
.ph-duotone.ph-pizza:after {
  content: "\e797";
  margin-left: -1em;
}
.ph-duotone.ph-placeholder:before {
  content: "\e650";
  opacity: 0.2;
}
.ph-duotone.ph-placeholder:after {
  content: "\e651";
  margin-left: -1em;
}
.ph-duotone.ph-planet:before {
  content: "\e652";
  opacity: 0.2;
}
.ph-duotone.ph-planet:after {
  content: "\e653";
  margin-left: -1em;
}
.ph-duotone.ph-plant:before {
  content: "\ebae";
  opacity: 0.2;
}
.ph-duotone.ph-plant:after {
  content: "\ebaf";
  margin-left: -1em;
}
.ph-duotone.ph-play:before {
  content: "\e3d0";
  opacity: 0.2;
}
.ph-duotone.ph-play:after {
  content: "\e3d1";
  margin-left: -1em;
}
.ph-duotone.ph-play-circle:before {
  content: "\e3d2";
  opacity: 0.2;
}
.ph-duotone.ph-play-circle:after {
  content: "\e3d3";
  margin-left: -1em;
}
.ph-duotone.ph-play-pause:before {
  content: "\e8be";
  opacity: 0.2;
}
.ph-duotone.ph-play-pause:after {
  content: "\e8bf";
  margin-left: -1em;
}
.ph-duotone.ph-playlist:before {
  content: "\e6aa";
  opacity: 0.2;
}
.ph-duotone.ph-playlist:after {
  content: "\e6ab";
  margin-left: -1em;
}
.ph-duotone.ph-plug:before {
  content: "\e946";
  opacity: 0.2;
}
.ph-duotone.ph-plug:after {
  content: "\e947";
  margin-left: -1em;
}
.ph-duotone.ph-plug-charging:before {
  content: "\eb5c";
  opacity: 0.2;
}
.ph-duotone.ph-plug-charging:after {
  content: "\eb5d";
  margin-left: -1em;
}
.ph-duotone.ph-plugs:before {
  content: "\eb56";
  opacity: 0.2;
}
.ph-duotone.ph-plugs:after {
  content: "\eb57";
  margin-left: -1em;
}
.ph-duotone.ph-plugs-connected:before {
  content: "\eb5a";
  opacity: 0.2;
}
.ph-duotone.ph-plugs-connected:after {
  content: "\eb5b";
  margin-left: -1em;
}
.ph-duotone.ph-plus:before {
  content: "\e3d4";
  opacity: 0.2;
}
.ph-duotone.ph-plus:after {
  content: "\e3d5";
  margin-left: -1em;
}
.ph-duotone.ph-plus-circle:before {
  content: "\e3d6";
  opacity: 0.2;
}
.ph-duotone.ph-plus-circle:after {
  content: "\e3d7";
  margin-left: -1em;
}
.ph-duotone.ph-plus-minus:before {
  content: "\e3d8";
  opacity: 0.2;
}
.ph-duotone.ph-plus-minus:after {
  content: "\e3d9";
  margin-left: -1em;
}
.ph-duotone.ph-plus-square:before {
  content: "\ed4a";
  opacity: 0.2;
}
.ph-duotone.ph-plus-square:after {
  content: "\ed56";
  margin-left: -1em;
}
.ph-duotone.ph-poker-chip:before {
  content: "\e594";
  opacity: 0.2;
}
.ph-duotone.ph-poker-chip:after {
  content: "\e595";
  margin-left: -1em;
}
.ph-duotone.ph-police-car:before {
  content: "\ec4a";
  opacity: 0.2;
}
.ph-duotone.ph-police-car:after {
  content: "\ec4b";
  margin-left: -1em;
}
.ph-duotone.ph-polygon:before {
  content: "\e6d0";
  opacity: 0.2;
}
.ph-duotone.ph-polygon:after {
  content: "\e6d1";
  margin-left: -1em;
}
.ph-duotone.ph-popcorn:before {
  content: "\eb4e";
  opacity: 0.2;
}
.ph-duotone.ph-popcorn:after {
  content: "\eb4f";
  margin-left: -1em;
}
.ph-duotone.ph-popsicle:before {
  content: "\ebbe";
  opacity: 0.2;
}
.ph-duotone.ph-popsicle:after {
  content: "\ebbf";
  margin-left: -1em;
}
.ph-duotone.ph-potted-plant:before {
  content: "\ec22";
  opacity: 0.2;
}
.ph-duotone.ph-potted-plant:after {
  content: "\ec23";
  margin-left: -1em;
}
.ph-duotone.ph-power:before {
  content: "\e3da";
  opacity: 0.2;
}
.ph-duotone.ph-power:after {
  content: "\e3db";
  margin-left: -1em;
}
.ph-duotone.ph-prescription:before {
  content: "\e7a2";
  opacity: 0.2;
}
.ph-duotone.ph-prescription:after {
  content: "\e7a3";
  margin-left: -1em;
}
.ph-duotone.ph-presentation:before {
  content: "\e654";
  opacity: 0.2;
}
.ph-duotone.ph-presentation:after {
  content: "\e655";
  margin-left: -1em;
}
.ph-duotone.ph-presentation-chart:before {
  content: "\e656";
  opacity: 0.2;
}
.ph-duotone.ph-presentation-chart:after {
  content: "\e657";
  margin-left: -1em;
}
.ph-duotone.ph-printer:before {
  content: "\e3dc";
  opacity: 0.2;
}
.ph-duotone.ph-printer:after {
  content: "\e3dd";
  margin-left: -1em;
}
.ph-duotone.ph-prohibit:before {
  content: "\e3de";
  opacity: 0.2;
}
.ph-duotone.ph-prohibit:after {
  content: "\e3df";
  margin-left: -1em;
}
.ph-duotone.ph-prohibit-inset:before {
  content: "\e3e0";
  opacity: 0.2;
}
.ph-duotone.ph-prohibit-inset:after {
  content: "\e3e1";
  margin-left: -1em;
}
.ph-duotone.ph-projector-screen:before {
  content: "\e658";
  opacity: 0.2;
}
.ph-duotone.ph-projector-screen:after {
  content: "\e659";
  margin-left: -1em;
}
.ph-duotone.ph-projector-screen-chart:before {
  content: "\e65a";
  opacity: 0.2;
}
.ph-duotone.ph-projector-screen-chart:after {
  content: "\e65b";
  margin-left: -1em;
}
.ph-duotone.ph-pulse:before {
  content: "\e000";
  opacity: 0.2;
}
.ph-duotone.ph-pulse:after {
  content: "\e001";
  margin-left: -1em;
}
.ph-duotone.ph-push-pin:before {
  content: "\e3e2";
  opacity: 0.2;
}
.ph-duotone.ph-push-pin:after {
  content: "\e3e3";
  margin-left: -1em;
}
.ph-duotone.ph-push-pin-simple:before {
  content: "\e65c";
  opacity: 0.2;
}
.ph-duotone.ph-push-pin-simple:after {
  content: "\e65d";
  margin-left: -1em;
}
.ph-duotone.ph-push-pin-simple-slash:before {
  content: "\e65e";
  opacity: 0.2;
}
.ph-duotone.ph-push-pin-simple-slash:after {
  content: "\e65f";
  margin-left: -1em;
}
.ph-duotone.ph-push-pin-slash:before {
  content: "\e3e4";
  opacity: 0.2;
}
.ph-duotone.ph-push-pin-slash:after {
  content: "\e3e5";
  margin-left: -1em;
}
.ph-duotone.ph-puzzle-piece:before {
  content: "\e596";
  opacity: 0.2;
}
.ph-duotone.ph-puzzle-piece:after {
  content: "\e597";
  margin-left: -1em;
}
.ph-duotone.ph-qr-code:before {
  content: "\e3e6";
  opacity: 0.2;
}
.ph-duotone.ph-qr-code:after {
  content: "\e3e7";
  margin-left: -1em;
}
.ph-duotone.ph-question:before {
  content: "\e3e8";
  opacity: 0.2;
}
.ph-duotone.ph-question:after {
  content: "\e3eb";
  margin-left: -1em;
}
.ph-duotone.ph-question-mark:before {
  content: "\e3e9";
  opacity: 0.2;
}
.ph-duotone.ph-question-mark:after {
  content: "\e3ed";
  margin-left: -1em;
}
.ph-duotone.ph-queue:before {
  content: "\e6ac";
  opacity: 0.2;
}
.ph-duotone.ph-queue:after {
  content: "\e6ad";
  margin-left: -1em;
}
.ph-duotone.ph-quotes:before {
  content: "\e660";
  opacity: 0.2;
}
.ph-duotone.ph-quotes:after {
  content: "\e661";
  margin-left: -1em;
}
.ph-duotone.ph-rabbit:before {
  content: "\eac2";
  opacity: 0.2;
}
.ph-duotone.ph-rabbit:after {
  content: "\eac3";
  margin-left: -1em;
}
.ph-duotone.ph-racquet:before {
  content: "\ee02";
  opacity: 0.2;
}
.ph-duotone.ph-racquet:after {
  content: "\ee03";
  margin-left: -1em;
}
.ph-duotone.ph-radical:before {
  content: "\e3ea";
  opacity: 0.2;
}
.ph-duotone.ph-radical:after {
  content: "\e3ef";
  margin-left: -1em;
}
.ph-duotone.ph-radio:before {
  content: "\e77e";
  opacity: 0.2;
}
.ph-duotone.ph-radio:after {
  content: "\e77f";
  margin-left: -1em;
}
.ph-duotone.ph-radio-button:before {
  content: "\eb08";
  opacity: 0.2;
}
.ph-duotone.ph-radio-button:after {
  content: "\eb09";
  margin-left: -1em;
}
.ph-duotone.ph-radioactive:before {
  content: "\e9dc";
  opacity: 0.2;
}
.ph-duotone.ph-radioactive:after {
  content: "\e9dd";
  margin-left: -1em;
}
.ph-duotone.ph-rainbow:before {
  content: "\e598";
  opacity: 0.2;
}
.ph-duotone.ph-rainbow:after {
  content: "\e599";
  margin-left: -1em;
}
.ph-duotone.ph-rainbow-cloud:before {
  content: "\e59a";
  opacity: 0.2;
}
.ph-duotone.ph-rainbow-cloud:after {
  content: "\e59b";
  margin-left: -1em;
}
.ph-duotone.ph-ranking:before {
  content: "\ed62";
  opacity: 0.2;
}
.ph-duotone.ph-ranking:after {
  content: "\ed63";
  margin-left: -1em;
}
.ph-duotone.ph-read-cv-logo:before {
  content: "\ed0c";
  opacity: 0.2;
}
.ph-duotone.ph-read-cv-logo:after {
  content: "\ed0d";
  margin-left: -1em;
}
.ph-duotone.ph-receipt:before {
  content: "\e3ec";
  opacity: 0.2;
}
.ph-duotone.ph-receipt:after {
  content: "\e3f1";
  margin-left: -1em;
}
.ph-duotone.ph-receipt-x:before {
  content: "\ed40";
  opacity: 0.2;
}
.ph-duotone.ph-receipt-x:after {
  content: "\ed41";
  margin-left: -1em;
}
.ph-duotone.ph-record:before {
  content: "\e3ee";
  opacity: 0.2;
}
.ph-duotone.ph-record:after {
  content: "\e3f3";
  margin-left: -1em;
}
.ph-duotone.ph-rectangle:before {
  content: "\e3f0";
  opacity: 0.2;
}
.ph-duotone.ph-rectangle:after {
  content: "\e3f5";
  margin-left: -1em;
}
.ph-duotone.ph-rectangle-dashed:before {
  content: "\e3f2";
  opacity: 0.2;
}
.ph-duotone.ph-rectangle-dashed:after {
  content: "\e3f7";
  margin-left: -1em;
}
.ph-duotone.ph-recycle:before {
  content: "\e75a";
  opacity: 0.2;
}
.ph-duotone.ph-recycle:after {
  content: "\e75b";
  margin-left: -1em;
}
.ph-duotone.ph-reddit-logo:before {
  content: "\e59c";
  opacity: 0.2;
}
.ph-duotone.ph-reddit-logo:after {
  content: "\e59d";
  margin-left: -1em;
}
.ph-duotone.ph-repeat:before {
  content: "\e3f6";
  opacity: 0.2;
}
.ph-duotone.ph-repeat:after {
  content: "\e3f9";
  margin-left: -1em;
}
.ph-duotone.ph-repeat-once:before {
  content: "\e3f8";
  opacity: 0.2;
}
.ph-duotone.ph-repeat-once:after {
  content: "\e3fb";
  margin-left: -1em;
}
.ph-duotone.ph-replit-logo:before {
  content: "\eb8a";
  opacity: 0.2;
}
.ph-duotone.ph-replit-logo:after {
  content: "\eb8b";
  margin-left: -1em;
}
.ph-duotone.ph-resize:before {
  content: "\ed6e";
  opacity: 0.2;
}
.ph-duotone.ph-resize:after {
  content: "\ed6f";
  margin-left: -1em;
}
.ph-duotone.ph-rewind:before {
  content: "\e6a8";
  opacity: 0.2;
}
.ph-duotone.ph-rewind:after {
  content: "\e6a9";
  margin-left: -1em;
}
.ph-duotone.ph-rewind-circle:before {
  content: "\e3fa";
  opacity: 0.2;
}
.ph-duotone.ph-rewind-circle:after {
  content: "\e3fd";
  margin-left: -1em;
}
.ph-duotone.ph-road-horizon:before {
  content: "\e838";
  opacity: 0.2;
}
.ph-duotone.ph-road-horizon:after {
  content: "\e839";
  margin-left: -1em;
}
.ph-duotone.ph-robot:before {
  content: "\e762";
  opacity: 0.2;
}
.ph-duotone.ph-robot:after {
  content: "\e763";
  margin-left: -1em;
}
.ph-duotone.ph-rocket:before {
  content: "\e3fc";
  opacity: 0.2;
}
.ph-duotone.ph-rocket:after {
  content: "\e3ff";
  margin-left: -1em;
}
.ph-duotone.ph-rocket-launch:before {
  content: "\e3fe";
  opacity: 0.2;
}
.ph-duotone.ph-rocket-launch:after {
  content: "\e401";
  margin-left: -1em;
}
.ph-duotone.ph-rows:before {
  content: "\e5a2";
  opacity: 0.2;
}
.ph-duotone.ph-rows:after {
  content: "\e5a3";
  margin-left: -1em;
}
.ph-duotone.ph-rows-plus-bottom:before {
  content: "\e59e";
  opacity: 0.2;
}
.ph-duotone.ph-rows-plus-bottom:after {
  content: "\e59f";
  margin-left: -1em;
}
.ph-duotone.ph-rows-plus-top:before {
  content: "\e5a0";
  opacity: 0.2;
}
.ph-duotone.ph-rows-plus-top:after {
  content: "\e5a1";
  margin-left: -1em;
}
.ph-duotone.ph-rss:before {
  content: "\e400";
  opacity: 0.2;
}
.ph-duotone.ph-rss:after {
  content: "\e403";
  margin-left: -1em;
}
.ph-duotone.ph-rss-simple:before {
  content: "\e402";
  opacity: 0.2;
}
.ph-duotone.ph-rss-simple:after {
  content: "\e405";
  margin-left: -1em;
}
.ph-duotone.ph-rug:before {
  content: "\ea1a";
  opacity: 0.2;
}
.ph-duotone.ph-rug:after {
  content: "\ea1b";
  margin-left: -1em;
}
.ph-duotone.ph-ruler:before {
  content: "\e6b8";
  opacity: 0.2;
}
.ph-duotone.ph-ruler:after {
  content: "\e6b9";
  margin-left: -1em;
}
.ph-duotone.ph-sailboat:before {
  content: "\e78a";
  opacity: 0.2;
}
.ph-duotone.ph-sailboat:after {
  content: "\e78b";
  margin-left: -1em;
}
.ph-duotone.ph-scales:before {
  content: "\e750";
  opacity: 0.2;
}
.ph-duotone.ph-scales:after {
  content: "\e751";
  margin-left: -1em;
}
.ph-duotone.ph-scan:before {
  content: "\ebb6";
  opacity: 0.2;
}
.ph-duotone.ph-scan:after {
  content: "\ebb7";
  margin-left: -1em;
}
.ph-duotone.ph-scan-smiley:before {
  content: "\ebb4";
  opacity: 0.2;
}
.ph-duotone.ph-scan-smiley:after {
  content: "\ebb5";
  margin-left: -1em;
}
.ph-duotone.ph-scissors:before {
  content: "\eae0";
  opacity: 0.2;
}
.ph-duotone.ph-scissors:after {
  content: "\eae1";
  margin-left: -1em;
}
.ph-duotone.ph-scooter:before {
  content: "\e820";
  opacity: 0.2;
}
.ph-duotone.ph-scooter:after {
  content: "\e821";
  margin-left: -1em;
}
.ph-duotone.ph-screencast:before {
  content: "\e404";
  opacity: 0.2;
}
.ph-duotone.ph-screencast:after {
  content: "\e407";
  margin-left: -1em;
}
.ph-duotone.ph-screwdriver:before {
  content: "\e86e";
  opacity: 0.2;
}
.ph-duotone.ph-screwdriver:after {
  content: "\e86f";
  margin-left: -1em;
}
.ph-duotone.ph-scribble:before {
  content: "\e806";
  opacity: 0.2;
}
.ph-duotone.ph-scribble:after {
  content: "\e807";
  margin-left: -1em;
}
.ph-duotone.ph-scribble-loop:before {
  content: "\e662";
  opacity: 0.2;
}
.ph-duotone.ph-scribble-loop:after {
  content: "\e663";
  margin-left: -1em;
}
.ph-duotone.ph-scroll:before {
  content: "\eb7a";
  opacity: 0.2;
}
.ph-duotone.ph-scroll:after {
  content: "\eb7b";
  margin-left: -1em;
}
.ph-duotone.ph-seal:before {
  content: "\e604";
  opacity: 0.2;
}
.ph-duotone.ph-seal:after {
  content: "\e605";
  margin-left: -1em;
}
.ph-duotone.ph-seal-check:before {
  content: "\e606";
  opacity: 0.2;
}
.ph-duotone.ph-seal-check:after {
  content: "\e607";
  margin-left: -1em;
}
.ph-duotone.ph-seal-percent:before {
  content: "\e60a";
  opacity: 0.2;
}
.ph-duotone.ph-seal-percent:after {
  content: "\e60b";
  margin-left: -1em;
}
.ph-duotone.ph-seal-question:before {
  content: "\e608";
  opacity: 0.2;
}
.ph-duotone.ph-seal-question:after {
  content: "\e609";
  margin-left: -1em;
}
.ph-duotone.ph-seal-warning:before {
  content: "\e60c";
  opacity: 0.2;
}
.ph-duotone.ph-seal-warning:after {
  content: "\e60d";
  margin-left: -1em;
}
.ph-duotone.ph-seat:before {
  content: "\eb8e";
  opacity: 0.2;
}
.ph-duotone.ph-seat:after {
  content: "\eb8f";
  margin-left: -1em;
}
.ph-duotone.ph-seatbelt:before {
  content: "\edfe";
  opacity: 0.2;
}
.ph-duotone.ph-seatbelt:after {
  content: "\edff";
  margin-left: -1em;
}
.ph-duotone.ph-security-camera:before {
  content: "\eca4";
  opacity: 0.2;
}
.ph-duotone.ph-security-camera:after {
  content: "\eca5";
  margin-left: -1em;
}
.ph-duotone.ph-selection:before {
  content: "\e69a";
  opacity: 0.2;
}
.ph-duotone.ph-selection:after {
  content: "\e69b";
  margin-left: -1em;
}
.ph-duotone.ph-selection-all:before {
  content: "\e746";
  opacity: 0.2;
}
.ph-duotone.ph-selection-all:after {
  content: "\e747";
  margin-left: -1em;
}
.ph-duotone.ph-selection-background:before {
  content: "\eaf8";
  opacity: 0.2;
}
.ph-duotone.ph-selection-background:after {
  content: "\eaf9";
  margin-left: -1em;
}
.ph-duotone.ph-selection-foreground:before {
  content: "\eaf6";
  opacity: 0.2;
}
.ph-duotone.ph-selection-foreground:after {
  content: "\eaf7";
  margin-left: -1em;
}
.ph-duotone.ph-selection-inverse:before {
  content: "\e744";
  opacity: 0.2;
}
.ph-duotone.ph-selection-inverse:after {
  content: "\e745";
  margin-left: -1em;
}
.ph-duotone.ph-selection-plus:before {
  content: "\e69c";
  opacity: 0.2;
}
.ph-duotone.ph-selection-plus:after {
  content: "\e69d";
  margin-left: -1em;
}
.ph-duotone.ph-selection-slash:before {
  content: "\e69e";
  opacity: 0.2;
}
.ph-duotone.ph-selection-slash:after {
  content: "\e69f";
  margin-left: -1em;
}
.ph-duotone.ph-shapes:before {
  content: "\ec5e";
  opacity: 0.2;
}
.ph-duotone.ph-shapes:after {
  content: "\ec5f";
  margin-left: -1em;
}
.ph-duotone.ph-share:before {
  content: "\e406";
  opacity: 0.2;
}
.ph-duotone.ph-share:after {
  content: "\e409";
  margin-left: -1em;
}
.ph-duotone.ph-share-fat:before {
  content: "\ed52";
  opacity: 0.2;
}
.ph-duotone.ph-share-fat:after {
  content: "\ed57";
  margin-left: -1em;
}
.ph-duotone.ph-share-network:before {
  content: "\e408";
  opacity: 0.2;
}
.ph-duotone.ph-share-network:after {
  content: "\e40b";
  margin-left: -1em;
}
.ph-duotone.ph-shield:before {
  content: "\e40a";
  opacity: 0.2;
}
.ph-duotone.ph-shield:after {
  content: "\e40d";
  margin-left: -1em;
}
.ph-duotone.ph-shield-check:before {
  content: "\e40c";
  opacity: 0.2;
}
.ph-duotone.ph-shield-check:after {
  content: "\e40f";
  margin-left: -1em;
}
.ph-duotone.ph-shield-checkered:before {
  content: "\e708";
  opacity: 0.2;
}
.ph-duotone.ph-shield-checkered:after {
  content: "\e709";
  margin-left: -1em;
}
.ph-duotone.ph-shield-chevron:before {
  content: "\e40e";
  opacity: 0.2;
}
.ph-duotone.ph-shield-chevron:after {
  content: "\e411";
  margin-left: -1em;
}
.ph-duotone.ph-shield-plus:before {
  content: "\e706";
  opacity: 0.2;
}
.ph-duotone.ph-shield-plus:after {
  content: "\e707";
  margin-left: -1em;
}
.ph-duotone.ph-shield-slash:before {
  content: "\e410";
  opacity: 0.2;
}
.ph-duotone.ph-shield-slash:after {
  content: "\e413";
  margin-left: -1em;
}
.ph-duotone.ph-shield-star:before {
  content: "\ec34";
  opacity: 0.2;
}
.ph-duotone.ph-shield-star:after {
  content: "\ec35";
  margin-left: -1em;
}
.ph-duotone.ph-shield-warning:before {
  content: "\e412";
  opacity: 0.2;
}
.ph-duotone.ph-shield-warning:after {
  content: "\e414";
  margin-left: -1em;
}
.ph-duotone.ph-shipping-container:before {
  content: "\e78c";
  opacity: 0.2;
}
.ph-duotone.ph-shipping-container:after {
  content: "\e78d";
  margin-left: -1em;
}
.ph-duotone.ph-shirt-folded:before {
  content: "\ea92";
  opacity: 0.2;
}
.ph-duotone.ph-shirt-folded:after {
  content: "\ea93";
  margin-left: -1em;
}
.ph-duotone.ph-shooting-star:before {
  content: "\ecfa";
  opacity: 0.2;
}
.ph-duotone.ph-shooting-star:after {
  content: "\ecfb";
  margin-left: -1em;
}
.ph-duotone.ph-shopping-bag:before {
  content: "\e416";
  opacity: 0.2;
}
.ph-duotone.ph-shopping-bag:after {
  content: "\e417";
  margin-left: -1em;
}
.ph-duotone.ph-shopping-bag-open:before {
  content: "\e418";
  opacity: 0.2;
}
.ph-duotone.ph-shopping-bag-open:after {
  content: "\e419";
  margin-left: -1em;
}
.ph-duotone.ph-shopping-cart:before {
  content: "\e41e";
  opacity: 0.2;
}
.ph-duotone.ph-shopping-cart:after {
  content: "\e41f";
  margin-left: -1em;
}
.ph-duotone.ph-shopping-cart-simple:before {
  content: "\e420";
  opacity: 0.2;
}
.ph-duotone.ph-shopping-cart-simple:after {
  content: "\e421";
  margin-left: -1em;
}
.ph-duotone.ph-shovel:before {
  content: "\e9e6";
  opacity: 0.2;
}
.ph-duotone.ph-shovel:after {
  content: "\e9e7";
  margin-left: -1em;
}
.ph-duotone.ph-shower:before {
  content: "\e776";
  opacity: 0.2;
}
.ph-duotone.ph-shower:after {
  content: "\e777";
  margin-left: -1em;
}
.ph-duotone.ph-shrimp:before {
  content: "\eab4";
  opacity: 0.2;
}
.ph-duotone.ph-shrimp:after {
  content: "\eab5";
  margin-left: -1em;
}
.ph-duotone.ph-shuffle:before {
  content: "\e422";
  opacity: 0.2;
}
.ph-duotone.ph-shuffle:after {
  content: "\e423";
  margin-left: -1em;
}
.ph-duotone.ph-shuffle-angular:before {
  content: "\e424";
  opacity: 0.2;
}
.ph-duotone.ph-shuffle-angular:after {
  content: "\e425";
  margin-left: -1em;
}
.ph-duotone.ph-shuffle-simple:before {
  content: "\e426";
  opacity: 0.2;
}
.ph-duotone.ph-shuffle-simple:after {
  content: "\e427";
  margin-left: -1em;
}
.ph-duotone.ph-sidebar:before {
  content: "\eab6";
  opacity: 0.2;
}
.ph-duotone.ph-sidebar:after {
  content: "\eab7";
  margin-left: -1em;
}
.ph-duotone.ph-sidebar-simple:before {
  content: "\ec24";
  opacity: 0.2;
}
.ph-duotone.ph-sidebar-simple:after {
  content: "\ec25";
  margin-left: -1em;
}
.ph-duotone.ph-sigma:before {
  content: "\eab8";
  opacity: 0.2;
}
.ph-duotone.ph-sigma:after {
  content: "\eab9";
  margin-left: -1em;
}
.ph-duotone.ph-sign-in:before {
  content: "\e428";
  opacity: 0.2;
}
.ph-duotone.ph-sign-in:after {
  content: "\e429";
  margin-left: -1em;
}
.ph-duotone.ph-sign-out:before {
  content: "\e42a";
  opacity: 0.2;
}
.ph-duotone.ph-sign-out:after {
  content: "\e42b";
  margin-left: -1em;
}
.ph-duotone.ph-signature:before {
  content: "\ebac";
  opacity: 0.2;
}
.ph-duotone.ph-signature:after {
  content: "\ebad";
  margin-left: -1em;
}
.ph-duotone.ph-signpost:before {
  content: "\e89c";
  opacity: 0.2;
}
.ph-duotone.ph-signpost:after {
  content: "\e89d";
  margin-left: -1em;
}
.ph-duotone.ph-sim-card:before {
  content: "\e664";
  opacity: 0.2;
}
.ph-duotone.ph-sim-card:after {
  content: "\e665";
  margin-left: -1em;
}
.ph-duotone.ph-siren:before {
  content: "\e9b8";
  opacity: 0.2;
}
.ph-duotone.ph-siren:after {
  content: "\e9b9";
  margin-left: -1em;
}
.ph-duotone.ph-sketch-logo:before {
  content: "\e42c";
  opacity: 0.2;
}
.ph-duotone.ph-sketch-logo:after {
  content: "\e42d";
  margin-left: -1em;
}
.ph-duotone.ph-skip-back:before {
  content: "\e5a4";
  opacity: 0.2;
}
.ph-duotone.ph-skip-back:after {
  content: "\e5a5";
  margin-left: -1em;
}
.ph-duotone.ph-skip-back-circle:before {
  content: "\e42e";
  opacity: 0.2;
}
.ph-duotone.ph-skip-back-circle:after {
  content: "\e42f";
  margin-left: -1em;
}
.ph-duotone.ph-skip-forward:before {
  content: "\e5a6";
  opacity: 0.2;
}
.ph-duotone.ph-skip-forward:after {
  content: "\e5a7";
  margin-left: -1em;
}
.ph-duotone.ph-skip-forward-circle:before {
  content: "\e430";
  opacity: 0.2;
}
.ph-duotone.ph-skip-forward-circle:after {
  content: "\e431";
  margin-left: -1em;
}
.ph-duotone.ph-skull:before {
  content: "\e916";
  opacity: 0.2;
}
.ph-duotone.ph-skull:after {
  content: "\e917";
  margin-left: -1em;
}
.ph-duotone.ph-skype-logo:before {
  content: "\e8dc";
  opacity: 0.2;
}
.ph-duotone.ph-skype-logo:after {
  content: "\e8dd";
  margin-left: -1em;
}
.ph-duotone.ph-slack-logo:before {
  content: "\e5a8";
  opacity: 0.2;
}
.ph-duotone.ph-slack-logo:after {
  content: "\e5a9";
  margin-left: -1em;
}
.ph-duotone.ph-sliders:before {
  content: "\e432";
  opacity: 0.2;
}
.ph-duotone.ph-sliders:after {
  content: "\e433";
  margin-left: -1em;
}
.ph-duotone.ph-sliders-horizontal:before {
  content: "\e434";
  opacity: 0.2;
}
.ph-duotone.ph-sliders-horizontal:after {
  content: "\e435";
  margin-left: -1em;
}
.ph-duotone.ph-slideshow:before {
  content: "\ed32";
  opacity: 0.2;
}
.ph-duotone.ph-slideshow:after {
  content: "\ed33";
  margin-left: -1em;
}
.ph-duotone.ph-smiley:before {
  content: "\e436";
  opacity: 0.2;
}
.ph-duotone.ph-smiley:after {
  content: "\e437";
  margin-left: -1em;
}
.ph-duotone.ph-smiley-angry:before {
  content: "\ec62";
  opacity: 0.2;
}
.ph-duotone.ph-smiley-angry:after {
  content: "\ec63";
  margin-left: -1em;
}
.ph-duotone.ph-smiley-blank:before {
  content: "\e438";
  opacity: 0.2;
}
.ph-duotone.ph-smiley-blank:after {
  content: "\e439";
  margin-left: -1em;
}
.ph-duotone.ph-smiley-meh:before {
  content: "\e43a";
  opacity: 0.2;
}
.ph-duotone.ph-smiley-meh:after {
  content: "\e43b";
  margin-left: -1em;
}
.ph-duotone.ph-smiley-melting:before {
  content: "\ee56";
  opacity: 0.2;
}
.ph-duotone.ph-smiley-melting:after {
  content: "\ee57";
  margin-left: -1em;
}
.ph-duotone.ph-smiley-nervous:before {
  content: "\e43c";
  opacity: 0.2;
}
.ph-duotone.ph-smiley-nervous:after {
  content: "\e43d";
  margin-left: -1em;
}
.ph-duotone.ph-smiley-sad:before {
  content: "\e43e";
  opacity: 0.2;
}
.ph-duotone.ph-smiley-sad:after {
  content: "\e43f";
  margin-left: -1em;
}
.ph-duotone.ph-smiley-sticker:before {
  content: "\e440";
  opacity: 0.2;
}
.ph-duotone.ph-smiley-sticker:after {
  content: "\e441";
  margin-left: -1em;
}
.ph-duotone.ph-smiley-wink:before {
  content: "\e666";
  opacity: 0.2;
}
.ph-duotone.ph-smiley-wink:after {
  content: "\e667";
  margin-left: -1em;
}
.ph-duotone.ph-smiley-x-eyes:before {
  content: "\e442";
  opacity: 0.2;
}
.ph-duotone.ph-smiley-x-eyes:after {
  content: "\e443";
  margin-left: -1em;
}
.ph-duotone.ph-snapchat-logo:before {
  content: "\e668";
  opacity: 0.2;
}
.ph-duotone.ph-snapchat-logo:after {
  content: "\e669";
  margin-left: -1em;
}
.ph-duotone.ph-sneaker:before {
  content: "\e80c";
  opacity: 0.2;
}
.ph-duotone.ph-sneaker:after {
  content: "\e80d";
  margin-left: -1em;
}
.ph-duotone.ph-sneaker-move:before {
  content: "\ed60";
  opacity: 0.2;
}
.ph-duotone.ph-sneaker-move:after {
  content: "\ed61";
  margin-left: -1em;
}
.ph-duotone.ph-snowflake:before {
  content: "\e5aa";
  opacity: 0.2;
}
.ph-duotone.ph-snowflake:after {
  content: "\e5ab";
  margin-left: -1em;
}
.ph-duotone.ph-soccer-ball:before {
  content: "\e716";
  opacity: 0.2;
}
.ph-duotone.ph-soccer-ball:after {
  content: "\e717";
  margin-left: -1em;
}
.ph-duotone.ph-sock:before {
  content: "\ecce";
  opacity: 0.2;
}
.ph-duotone.ph-sock:after {
  content: "\eccf";
  margin-left: -1em;
}
.ph-duotone.ph-solar-panel:before {
  content: "\ed7a";
  opacity: 0.2;
}
.ph-duotone.ph-solar-panel:after {
  content: "\ed7e";
  margin-left: -1em;
}
.ph-duotone.ph-solar-roof:before {
  content: "\ed7b";
  opacity: 0.2;
}
.ph-duotone.ph-solar-roof:after {
  content: "\ed7f";
  margin-left: -1em;
}
.ph-duotone.ph-sort-ascending:before {
  content: "\e444";
  opacity: 0.2;
}
.ph-duotone.ph-sort-ascending:after {
  content: "\e445";
  margin-left: -1em;
}
.ph-duotone.ph-sort-descending:before {
  content: "\e446";
  opacity: 0.2;
}
.ph-duotone.ph-sort-descending:after {
  content: "\e447";
  margin-left: -1em;
}
.ph-duotone.ph-soundcloud-logo:before {
  content: "\e8de";
  opacity: 0.2;
}
.ph-duotone.ph-soundcloud-logo:after {
  content: "\e8df";
  margin-left: -1em;
}
.ph-duotone.ph-spade:before {
  content: "\e448";
  opacity: 0.2;
}
.ph-duotone.ph-spade:after {
  content: "\e449";
  margin-left: -1em;
}
.ph-duotone.ph-sparkle:before {
  content: "\e6a2";
  opacity: 0.2;
}
.ph-duotone.ph-sparkle:after {
  content: "\e6a3";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-hifi:before {
  content: "\ea08";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-hifi:after {
  content: "\ea09";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-high:before {
  content: "\e44a";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-high:after {
  content: "\e44b";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-low:before {
  content: "\e44c";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-low:after {
  content: "\e44d";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-none:before {
  content: "\e44e";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-none:after {
  content: "\e44f";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-simple-high:before {
  content: "\e450";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-simple-high:after {
  content: "\e451";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-simple-low:before {
  content: "\e452";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-simple-low:after {
  content: "\e453";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-simple-none:before {
  content: "\e454";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-simple-none:after {
  content: "\e455";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-simple-slash:before {
  content: "\e456";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-simple-slash:after {
  content: "\e457";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-simple-x:before {
  content: "\e458";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-simple-x:after {
  content: "\e459";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-slash:before {
  content: "\e45a";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-slash:after {
  content: "\e45b";
  margin-left: -1em;
}
.ph-duotone.ph-speaker-x:before {
  content: "\e45c";
  opacity: 0.2;
}
.ph-duotone.ph-speaker-x:after {
  content: "\e45d";
  margin-left: -1em;
}
.ph-duotone.ph-speedometer:before {
  content: "\ee74";
  opacity: 0.2;
}
.ph-duotone.ph-speedometer:after {
  content: "\ee75";
  margin-left: -1em;
}
.ph-duotone.ph-sphere:before {
  content: "\ee66";
  opacity: 0.2;
}
.ph-duotone.ph-sphere:after {
  content: "\ee67";
  margin-left: -1em;
}
.ph-duotone.ph-spinner:before {
  content: "\e66a";
  opacity: 0.2;
}
.ph-duotone.ph-spinner:after {
  content: "\e66b";
  margin-left: -1em;
}
.ph-duotone.ph-spinner-ball:before {
  content: "\ee28";
  opacity: 0.2;
}
.ph-duotone.ph-spinner-ball:after {
  content: "\ee29";
  margin-left: -1em;
}
.ph-duotone.ph-spinner-gap:before {
  content: "\e66c";
  opacity: 0.2;
}
.ph-duotone.ph-spinner-gap:after {
  content: "\e66d";
  margin-left: -1em;
}
.ph-duotone.ph-spiral:before {
  content: "\e9fa";
  opacity: 0.2;
}
.ph-duotone.ph-spiral:after {
  content: "\e9fb";
  margin-left: -1em;
}
.ph-duotone.ph-split-horizontal:before {
  content: "\e872";
  opacity: 0.2;
}
.ph-duotone.ph-split-horizontal:after {
  content: "\e873";
  margin-left: -1em;
}
.ph-duotone.ph-split-vertical:before {
  content: "\e876";
  opacity: 0.2;
}
.ph-duotone.ph-split-vertical:after {
  content: "\e877";
  margin-left: -1em;
}
.ph-duotone.ph-spotify-logo:before {
  content: "\e66e";
  opacity: 0.2;
}
.ph-duotone.ph-spotify-logo:after {
  content: "\e66f";
  margin-left: -1em;
}
.ph-duotone.ph-spray-bottle:before {
  content: "\e7e4";
  opacity: 0.2;
}
.ph-duotone.ph-spray-bottle:after {
  content: "\e7e8";
  margin-left: -1em;
}
.ph-duotone.ph-square:before {
  content: "\e45e";
  opacity: 0.2;
}
.ph-duotone.ph-square:after {
  content: "\e45f";
  margin-left: -1em;
}
.ph-duotone.ph-square-half:before {
  content: "\e462";
  opacity: 0.2;
}
.ph-duotone.ph-square-half:after {
  content: "\e463";
  margin-left: -1em;
}
.ph-duotone.ph-square-half-bottom:before {
  content: "\eb16";
  opacity: 0.2;
}
.ph-duotone.ph-square-half-bottom:after {
  content: "\eb17";
  margin-left: -1em;
}
.ph-duotone.ph-square-logo:before {
  content: "\e690";
  opacity: 0.2;
}
.ph-duotone.ph-square-logo:after {
  content: "\e691";
  margin-left: -1em;
}
.ph-duotone.ph-square-split-horizontal:before {
  content: "\e870";
  opacity: 0.2;
}
.ph-duotone.ph-square-split-horizontal:after {
  content: "\e871";
  margin-left: -1em;
}
.ph-duotone.ph-square-split-vertical:before {
  content: "\e874";
  opacity: 0.2;
}
.ph-duotone.ph-square-split-vertical:after {
  content: "\e875";
  margin-left: -1em;
}
.ph-duotone.ph-squares-four:before {
  content: "\e464";
  opacity: 0.2;
}
.ph-duotone.ph-squares-four:after {
  content: "\e465";
  margin-left: -1em;
}
.ph-duotone.ph-stack:before {
  content: "\e466";
  opacity: 0.2;
}
.ph-duotone.ph-stack:after {
  content: "\e467";
  margin-left: -1em;
}
.ph-duotone.ph-stack-minus:before {
  content: "\edf4";
  opacity: 0.2;
}
.ph-duotone.ph-stack-minus:after {
  content: "\edf5";
  margin-left: -1em;
}
.ph-duotone.ph-stack-overflow-logo:before {
  content: "\eb78";
  opacity: 0.2;
}
.ph-duotone.ph-stack-overflow-logo:after {
  content: "\eb79";
  margin-left: -1em;
}
.ph-duotone.ph-stack-plus:before {
  content: "\edf6";
  opacity: 0.2;
}
.ph-duotone.ph-stack-plus:after {
  content: "\edf7";
  margin-left: -1em;
}
.ph-duotone.ph-stack-simple:before {
  content: "\e468";
  opacity: 0.2;
}
.ph-duotone.ph-stack-simple:after {
  content: "\e469";
  margin-left: -1em;
}
.ph-duotone.ph-stairs:before {
  content: "\e8ec";
  opacity: 0.2;
}
.ph-duotone.ph-stairs:after {
  content: "\e8ed";
  margin-left: -1em;
}
.ph-duotone.ph-stamp:before {
  content: "\ea48";
  opacity: 0.2;
}
.ph-duotone.ph-stamp:after {
  content: "\ea49";
  margin-left: -1em;
}
.ph-duotone.ph-standard-definition:before {
  content: "\ea90";
  opacity: 0.2;
}
.ph-duotone.ph-standard-definition:after {
  content: "\ea91";
  margin-left: -1em;
}
.ph-duotone.ph-star:before {
  content: "\e46a";
  opacity: 0.2;
}
.ph-duotone.ph-star:after {
  content: "\e46b";
  margin-left: -1em;
}
.ph-duotone.ph-star-and-crescent:before {
  content: "\ecf4";
  opacity: 0.2;
}
.ph-duotone.ph-star-and-crescent:after {
  content: "\ecf5";
  margin-left: -1em;
}
.ph-duotone.ph-star-four:before {
  content: "\e6a4";
  opacity: 0.2;
}
.ph-duotone.ph-star-four:after {
  content: "\e6a5";
  margin-left: -1em;
}
.ph-duotone.ph-star-half:before {
  content: "\e70a";
  opacity: 0.2;
}
.ph-duotone.ph-star-half:after {
  content: "\e70b";
  margin-left: -1em;
}
.ph-duotone.ph-star-of-david:before {
  content: "\e89e";
  opacity: 0.2;
}
.ph-duotone.ph-star-of-david:after {
  content: "\e89f";
  margin-left: -1em;
}
.ph-duotone.ph-steam-logo:before {
  content: "\ead4";
  opacity: 0.2;
}
.ph-duotone.ph-steam-logo:after {
  content: "\ead5";
  margin-left: -1em;
}
.ph-duotone.ph-steering-wheel:before {
  content: "\e9ac";
  opacity: 0.2;
}
.ph-duotone.ph-steering-wheel:after {
  content: "\e9ad";
  margin-left: -1em;
}
.ph-duotone.ph-steps:before {
  content: "\ecbe";
  opacity: 0.2;
}
.ph-duotone.ph-steps:after {
  content: "\ecbf";
  margin-left: -1em;
}
.ph-duotone.ph-stethoscope:before {
  content: "\e7ea";
  opacity: 0.2;
}
.ph-duotone.ph-stethoscope:after {
  content: "\e7eb";
  margin-left: -1em;
}
.ph-duotone.ph-sticker:before {
  content: "\e5ac";
  opacity: 0.2;
}
.ph-duotone.ph-sticker:after {
  content: "\e5ad";
  margin-left: -1em;
}
.ph-duotone.ph-stool:before {
  content: "\ea44";
  opacity: 0.2;
}
.ph-duotone.ph-stool:after {
  content: "\ea45";
  margin-left: -1em;
}
.ph-duotone.ph-stop:before {
  content: "\e46c";
  opacity: 0.2;
}
.ph-duotone.ph-stop:after {
  content: "\e46d";
  margin-left: -1em;
}
.ph-duotone.ph-stop-circle:before {
  content: "\e46e";
  opacity: 0.2;
}
.ph-duotone.ph-stop-circle:after {
  content: "\e46f";
  margin-left: -1em;
}
.ph-duotone.ph-storefront:before {
  content: "\e470";
  opacity: 0.2;
}
.ph-duotone.ph-storefront:after {
  content: "\e471";
  margin-left: -1em;
}
.ph-duotone.ph-strategy:before {
  content: "\ea3a";
  opacity: 0.2;
}
.ph-duotone.ph-strategy:after {
  content: "\ea3b";
  margin-left: -1em;
}
.ph-duotone.ph-stripe-logo:before {
  content: "\e698";
  opacity: 0.2;
}
.ph-duotone.ph-stripe-logo:after {
  content: "\e699";
  margin-left: -1em;
}
.ph-duotone.ph-student:before {
  content: "\e73e";
  opacity: 0.2;
}
.ph-duotone.ph-student:after {
  content: "\e73f";
  margin-left: -1em;
}
.ph-duotone.ph-subset-of:before {
  content: "\edc0";
  opacity: 0.2;
}
.ph-duotone.ph-subset-of:after {
  content: "\edc1";
  margin-left: -1em;
}
.ph-duotone.ph-subset-proper-of:before {
  content: "\edb6";
  opacity: 0.2;
}
.ph-duotone.ph-subset-proper-of:after {
  content: "\edb7";
  margin-left: -1em;
}
.ph-duotone.ph-subtitles:before {
  content: "\e1a8";
  opacity: 0.2;
}
.ph-duotone.ph-subtitles:after {
  content: "\e1a9";
  margin-left: -1em;
}
.ph-duotone.ph-subtitles-slash:before {
  content: "\e1a6";
  opacity: 0.2;
}
.ph-duotone.ph-subtitles-slash:after {
  content: "\e1a7";
  margin-left: -1em;
}
.ph-duotone.ph-subtract:before {
  content: "\ebd6";
  opacity: 0.2;
}
.ph-duotone.ph-subtract:after {
  content: "\ebd7";
  margin-left: -1em;
}
.ph-duotone.ph-subtract-square:before {
  content: "\ebd4";
  opacity: 0.2;
}
.ph-duotone.ph-subtract-square:after {
  content: "\ebd5";
  margin-left: -1em;
}
.ph-duotone.ph-subway:before {
  content: "\e498";
  opacity: 0.2;
}
.ph-duotone.ph-subway:after {
  content: "\e499";
  margin-left: -1em;
}
.ph-duotone.ph-suitcase:before {
  content: "\e5ae";
  opacity: 0.2;
}
.ph-duotone.ph-suitcase:after {
  content: "\e5af";
  margin-left: -1em;
}
.ph-duotone.ph-suitcase-rolling:before {
  content: "\e9b0";
  opacity: 0.2;
}
.ph-duotone.ph-suitcase-rolling:after {
  content: "\e9b1";
  margin-left: -1em;
}
.ph-duotone.ph-suitcase-simple:before {
  content: "\e5b0";
  opacity: 0.2;
}
.ph-duotone.ph-suitcase-simple:after {
  content: "\e5b1";
  margin-left: -1em;
}
.ph-duotone.ph-sun:before {
  content: "\e472";
  opacity: 0.2;
}
.ph-duotone.ph-sun:after {
  content: "\e473";
  margin-left: -1em;
}
.ph-duotone.ph-sun-dim:before {
  content: "\e474";
  opacity: 0.2;
}
.ph-duotone.ph-sun-dim:after {
  content: "\e475";
  margin-left: -1em;
}
.ph-duotone.ph-sun-horizon:before {
  content: "\e5b6";
  opacity: 0.2;
}
.ph-duotone.ph-sun-horizon:after {
  content: "\e5b7";
  margin-left: -1em;
}
.ph-duotone.ph-sunglasses:before {
  content: "\e816";
  opacity: 0.2;
}
.ph-duotone.ph-sunglasses:after {
  content: "\e817";
  margin-left: -1em;
}
.ph-duotone.ph-superset-of:before {
  content: "\edb8";
  opacity: 0.2;
}
.ph-duotone.ph-superset-of:after {
  content: "\edb9";
  margin-left: -1em;
}
.ph-duotone.ph-superset-proper-of:before {
  content: "\edb4";
  opacity: 0.2;
}
.ph-duotone.ph-superset-proper-of:after {
  content: "\edb5";
  margin-left: -1em;
}
.ph-duotone.ph-swap:before {
  content: "\e83c";
  opacity: 0.2;
}
.ph-duotone.ph-swap:after {
  content: "\e83d";
  margin-left: -1em;
}
.ph-duotone.ph-swatches:before {
  content: "\e5b8";
  opacity: 0.2;
}
.ph-duotone.ph-swatches:after {
  content: "\e5b9";
  margin-left: -1em;
}
.ph-duotone.ph-swimming-pool:before {
  content: "\ecb6";
  opacity: 0.2;
}
.ph-duotone.ph-swimming-pool:after {
  content: "\ecb7";
  margin-left: -1em;
}
.ph-duotone.ph-sword:before {
  content: "\e5ba";
  opacity: 0.2;
}
.ph-duotone.ph-sword:after {
  content: "\e5bb";
  margin-left: -1em;
}
.ph-duotone.ph-synagogue:before {
  content: "\ecec";
  opacity: 0.2;
}
.ph-duotone.ph-synagogue:after {
  content: "\eced";
  margin-left: -1em;
}
.ph-duotone.ph-syringe:before {
  content: "\e968";
  opacity: 0.2;
}
.ph-duotone.ph-syringe:after {
  content: "\e969";
  margin-left: -1em;
}
.ph-duotone.ph-t-shirt:before {
  content: "\e670";
  opacity: 0.2;
}
.ph-duotone.ph-t-shirt:after {
  content: "\e671";
  margin-left: -1em;
}
.ph-duotone.ph-table:before {
  content: "\e476";
  opacity: 0.2;
}
.ph-duotone.ph-table:after {
  content: "\e477";
  margin-left: -1em;
}
.ph-duotone.ph-tabs:before {
  content: "\e778";
  opacity: 0.2;
}
.ph-duotone.ph-tabs:after {
  content: "\e779";
  margin-left: -1em;
}
.ph-duotone.ph-tag:before {
  content: "\e478";
  opacity: 0.2;
}
.ph-duotone.ph-tag:after {
  content: "\e479";
  margin-left: -1em;
}
.ph-duotone.ph-tag-chevron:before {
  content: "\e672";
  opacity: 0.2;
}
.ph-duotone.ph-tag-chevron:after {
  content: "\e673";
  margin-left: -1em;
}
.ph-duotone.ph-tag-simple:before {
  content: "\e47a";
  opacity: 0.2;
}
.ph-duotone.ph-tag-simple:after {
  content: "\e47b";
  margin-left: -1em;
}
.ph-duotone.ph-target:before {
  content: "\e47c";
  opacity: 0.2;
}
.ph-duotone.ph-target:after {
  content: "\e47d";
  margin-left: -1em;
}
.ph-duotone.ph-taxi:before {
  content: "\e902";
  opacity: 0.2;
}
.ph-duotone.ph-taxi:after {
  content: "\e903";
  margin-left: -1em;
}
.ph-duotone.ph-tea-bag:before {
  content: "\e8e6";
  opacity: 0.2;
}
.ph-duotone.ph-tea-bag:after {
  content: "\e8e7";
  margin-left: -1em;
}
.ph-duotone.ph-telegram-logo:before {
  content: "\e5bc";
  opacity: 0.2;
}
.ph-duotone.ph-telegram-logo:after {
  content: "\e5bd";
  margin-left: -1em;
}
.ph-duotone.ph-television:before {
  content: "\e754";
  opacity: 0.2;
}
.ph-duotone.ph-television:after {
  content: "\e755";
  margin-left: -1em;
}
.ph-duotone.ph-television-simple:before {
  content: "\eae6";
  opacity: 0.2;
}
.ph-duotone.ph-television-simple:after {
  content: "\eae7";
  margin-left: -1em;
}
.ph-duotone.ph-tennis-ball:before {
  content: "\e720";
  opacity: 0.2;
}
.ph-duotone.ph-tennis-ball:after {
  content: "\e721";
  margin-left: -1em;
}
.ph-duotone.ph-tent:before {
  content: "\e8ba";
  opacity: 0.2;
}
.ph-duotone.ph-tent:after {
  content: "\e8bb";
  margin-left: -1em;
}
.ph-duotone.ph-terminal:before {
  content: "\e47e";
  opacity: 0.2;
}
.ph-duotone.ph-terminal:after {
  content: "\e47f";
  margin-left: -1em;
}
.ph-duotone.ph-terminal-window:before {
  content: "\eae8";
  opacity: 0.2;
}
.ph-duotone.ph-terminal-window:after {
  content: "\eae9";
  margin-left: -1em;
}
.ph-duotone.ph-test-tube:before {
  content: "\e7a0";
  opacity: 0.2;
}
.ph-duotone.ph-test-tube:after {
  content: "\e7a1";
  margin-left: -1em;
}
.ph-duotone.ph-text-a-underline:before {
  content: "\ed34";
  opacity: 0.2;
}
.ph-duotone.ph-text-a-underline:after {
  content: "\ed35";
  margin-left: -1em;
}
.ph-duotone.ph-text-aa:before {
  content: "\e6ee";
  opacity: 0.2;
}
.ph-duotone.ph-text-aa:after {
  content: "\e6ef";
  margin-left: -1em;
}
.ph-duotone.ph-text-align-center:before {
  content: "\e480";
  opacity: 0.2;
}
.ph-duotone.ph-text-align-center:after {
  content: "\e481";
  margin-left: -1em;
}
.ph-duotone.ph-text-align-justify:before {
  content: "\e482";
  opacity: 0.2;
}
.ph-duotone.ph-text-align-justify:after {
  content: "\e483";
  margin-left: -1em;
}
.ph-duotone.ph-text-align-left:before {
  content: "\e484";
  opacity: 0.2;
}
.ph-duotone.ph-text-align-left:after {
  content: "\e485";
  margin-left: -1em;
}
.ph-duotone.ph-text-align-right:before {
  content: "\e486";
  opacity: 0.2;
}
.ph-duotone.ph-text-align-right:after {
  content: "\e487";
  margin-left: -1em;
}
.ph-duotone.ph-text-b:before {
  content: "\e5be";
  opacity: 0.2;
}
.ph-duotone.ph-text-b:after {
  content: "\e5bf";
  margin-left: -1em;
}
.ph-duotone.ph-text-columns:before {
  content: "\ec96";
  opacity: 0.2;
}
.ph-duotone.ph-text-columns:after {
  content: "\ec97";
  margin-left: -1em;
}
.ph-duotone.ph-text-h:before {
  content: "\e6ba";
  opacity: 0.2;
}
.ph-duotone.ph-text-h:after {
  content: "\e6bb";
  margin-left: -1em;
}
.ph-duotone.ph-text-h-five:before {
  content: "\e6c4";
  opacity: 0.2;
}
.ph-duotone.ph-text-h-five:after {
  content: "\e6c5";
  margin-left: -1em;
}
.ph-duotone.ph-text-h-four:before {
  content: "\e6c2";
  opacity: 0.2;
}
.ph-duotone.ph-text-h-four:after {
  content: "\e6c3";
  margin-left: -1em;
}
.ph-duotone.ph-text-h-one:before {
  content: "\e6bc";
  opacity: 0.2;
}
.ph-duotone.ph-text-h-one:after {
  content: "\e6bd";
  margin-left: -1em;
}
.ph-duotone.ph-text-h-six:before {
  content: "\e6c6";
  opacity: 0.2;
}
.ph-duotone.ph-text-h-six:after {
  content: "\e6c7";
  margin-left: -1em;
}
.ph-duotone.ph-text-h-three:before {
  content: "\e6c0";
  opacity: 0.2;
}
.ph-duotone.ph-text-h-three:after {
  content: "\e6c1";
  margin-left: -1em;
}
.ph-duotone.ph-text-h-two:before {
  content: "\e6be";
  opacity: 0.2;
}
.ph-duotone.ph-text-h-two:after {
  content: "\e6bf";
  margin-left: -1em;
}
.ph-duotone.ph-text-indent:before {
  content: "\ea1e";
  opacity: 0.2;
}
.ph-duotone.ph-text-indent:after {
  content: "\ea1f";
  margin-left: -1em;
}
.ph-duotone.ph-text-italic:before {
  content: "\e5c0";
  opacity: 0.2;
}
.ph-duotone.ph-text-italic:after {
  content: "\e5c1";
  margin-left: -1em;
}
.ph-duotone.ph-text-outdent:before {
  content: "\ea1c";
  opacity: 0.2;
}
.ph-duotone.ph-text-outdent:after {
  content: "\ea1d";
  margin-left: -1em;
}
.ph-duotone.ph-text-strikethrough:before {
  content: "\e5c2";
  opacity: 0.2;
}
.ph-duotone.ph-text-strikethrough:after {
  content: "\e5c3";
  margin-left: -1em;
}
.ph-duotone.ph-text-subscript:before {
  content: "\ec98";
  opacity: 0.2;
}
.ph-duotone.ph-text-subscript:after {
  content: "\ec99";
  margin-left: -1em;
}
.ph-duotone.ph-text-superscript:before {
  content: "\ec9a";
  opacity: 0.2;
}
.ph-duotone.ph-text-superscript:after {
  content: "\ec9b";
  margin-left: -1em;
}
.ph-duotone.ph-text-t:before {
  content: "\e48a";
  opacity: 0.2;
}
.ph-duotone.ph-text-t:after {
  content: "\e48b";
  margin-left: -1em;
}
.ph-duotone.ph-text-t-slash:before {
  content: "\e488";
  opacity: 0.2;
}
.ph-duotone.ph-text-t-slash:after {
  content: "\e489";
  margin-left: -1em;
}
.ph-duotone.ph-text-underline:before {
  content: "\e5c4";
  opacity: 0.2;
}
.ph-duotone.ph-text-underline:after {
  content: "\e5c5";
  margin-left: -1em;
}
.ph-duotone.ph-textbox:before {
  content: "\eb0a";
  opacity: 0.2;
}
.ph-duotone.ph-textbox:after {
  content: "\eb0b";
  margin-left: -1em;
}
.ph-duotone.ph-thermometer:before {
  content: "\e5c6";
  opacity: 0.2;
}
.ph-duotone.ph-thermometer:after {
  content: "\e5c7";
  margin-left: -1em;
}
.ph-duotone.ph-thermometer-cold:before {
  content: "\e5c8";
  opacity: 0.2;
}
.ph-duotone.ph-thermometer-cold:after {
  content: "\e5c9";
  margin-left: -1em;
}
.ph-duotone.ph-thermometer-hot:before {
  content: "\e5ca";
  opacity: 0.2;
}
.ph-duotone.ph-thermometer-hot:after {
  content: "\e5cb";
  margin-left: -1em;
}
.ph-duotone.ph-thermometer-simple:before {
  content: "\e5cc";
  opacity: 0.2;
}
.ph-duotone.ph-thermometer-simple:after {
  content: "\e5cd";
  margin-left: -1em;
}
.ph-duotone.ph-threads-logo:before {
  content: "\ed9e";
  opacity: 0.2;
}
.ph-duotone.ph-threads-logo:after {
  content: "\ed9f";
  margin-left: -1em;
}
.ph-duotone.ph-three-d:before {
  content: "\ea5a";
  opacity: 0.2;
}
.ph-duotone.ph-three-d:after {
  content: "\ea5b";
  margin-left: -1em;
}
.ph-duotone.ph-thumbs-down:before {
  content: "\e48c";
  opacity: 0.2;
}
.ph-duotone.ph-thumbs-down:after {
  content: "\e48d";
  margin-left: -1em;
}
.ph-duotone.ph-thumbs-up:before {
  content: "\e48e";
  opacity: 0.2;
}
.ph-duotone.ph-thumbs-up:after {
  content: "\e48f";
  margin-left: -1em;
}
.ph-duotone.ph-ticket:before {
  content: "\e490";
  opacity: 0.2;
}
.ph-duotone.ph-ticket:after {
  content: "\e491";
  margin-left: -1em;
}
.ph-duotone.ph-tidal-logo:before {
  content: "\ed1c";
  opacity: 0.2;
}
.ph-duotone.ph-tidal-logo:after {
  content: "\ed1d";
  margin-left: -1em;
}
.ph-duotone.ph-tiktok-logo:before {
  content: "\eaf2";
  opacity: 0.2;
}
.ph-duotone.ph-tiktok-logo:after {
  content: "\eaf3";
  margin-left: -1em;
}
.ph-duotone.ph-tilde:before {
  content: "\eda8";
  opacity: 0.2;
}
.ph-duotone.ph-tilde:after {
  content: "\eda9";
  margin-left: -1em;
}
.ph-duotone.ph-timer:before {
  content: "\e492";
  opacity: 0.2;
}
.ph-duotone.ph-timer:after {
  content: "\e493";
  margin-left: -1em;
}
.ph-duotone.ph-tip-jar:before {
  content: "\e7e2";
  opacity: 0.2;
}
.ph-duotone.ph-tip-jar:after {
  content: "\e7e9";
  margin-left: -1em;
}
.ph-duotone.ph-tipi:before {
  content: "\ed30";
  opacity: 0.2;
}
.ph-duotone.ph-tipi:after {
  content: "\ed31";
  margin-left: -1em;
}
.ph-duotone.ph-tire:before {
  content: "\edd2";
  opacity: 0.2;
}
.ph-duotone.ph-tire:after {
  content: "\edd3";
  margin-left: -1em;
}
.ph-duotone.ph-toggle-left:before {
  content: "\e674";
  opacity: 0.2;
}
.ph-duotone.ph-toggle-left:after {
  content: "\e675";
  margin-left: -1em;
}
.ph-duotone.ph-toggle-right:before {
  content: "\e676";
  opacity: 0.2;
}
.ph-duotone.ph-toggle-right:after {
  content: "\e677";
  margin-left: -1em;
}
.ph-duotone.ph-toilet:before {
  content: "\e79a";
  opacity: 0.2;
}
.ph-duotone.ph-toilet:after {
  content: "\e79b";
  margin-left: -1em;
}
.ph-duotone.ph-toilet-paper:before {
  content: "\e79c";
  opacity: 0.2;
}
.ph-duotone.ph-toilet-paper:after {
  content: "\e79d";
  margin-left: -1em;
}
.ph-duotone.ph-toolbox:before {
  content: "\eca0";
  opacity: 0.2;
}
.ph-duotone.ph-toolbox:after {
  content: "\eca1";
  margin-left: -1em;
}
.ph-duotone.ph-tooth:before {
  content: "\e9cc";
  opacity: 0.2;
}
.ph-duotone.ph-tooth:after {
  content: "\e9cd";
  margin-left: -1em;
}
.ph-duotone.ph-tornado:before {
  content: "\e88c";
  opacity: 0.2;
}
.ph-duotone.ph-tornado:after {
  content: "\e88d";
  margin-left: -1em;
}
.ph-duotone.ph-tote:before {
  content: "\e494";
  opacity: 0.2;
}
.ph-duotone.ph-tote:after {
  content: "\e495";
  margin-left: -1em;
}
.ph-duotone.ph-tote-simple:before {
  content: "\e678";
  opacity: 0.2;
}
.ph-duotone.ph-tote-simple:after {
  content: "\e679";
  margin-left: -1em;
}
.ph-duotone.ph-towel:before {
  content: "\ede6";
  opacity: 0.2;
}
.ph-duotone.ph-towel:after {
  content: "\ede7";
  margin-left: -1em;
}
.ph-duotone.ph-tractor:before {
  content: "\ec6e";
  opacity: 0.2;
}
.ph-duotone.ph-tractor:after {
  content: "\ec6f";
  margin-left: -1em;
}
.ph-duotone.ph-trademark:before {
  content: "\e9f0";
  opacity: 0.2;
}
.ph-duotone.ph-trademark:after {
  content: "\e9f1";
  margin-left: -1em;
}
.ph-duotone.ph-trademark-registered:before {
  content: "\e3f4";
  opacity: 0.2;
}
.ph-duotone.ph-trademark-registered:after {
  content: "\e415";
  margin-left: -1em;
}
.ph-duotone.ph-traffic-cone:before {
  content: "\e9a8";
  opacity: 0.2;
}
.ph-duotone.ph-traffic-cone:after {
  content: "\e9a9";
  margin-left: -1em;
}
.ph-duotone.ph-traffic-sign:before {
  content: "\e67a";
  opacity: 0.2;
}
.ph-duotone.ph-traffic-sign:after {
  content: "\e67b";
  margin-left: -1em;
}
.ph-duotone.ph-traffic-signal:before {
  content: "\e9aa";
  opacity: 0.2;
}
.ph-duotone.ph-traffic-signal:after {
  content: "\e9ab";
  margin-left: -1em;
}
.ph-duotone.ph-train:before {
  content: "\e496";
  opacity: 0.2;
}
.ph-duotone.ph-train:after {
  content: "\e497";
  margin-left: -1em;
}
.ph-duotone.ph-train-regional:before {
  content: "\e49e";
  opacity: 0.2;
}
.ph-duotone.ph-train-regional:after {
  content: "\e49f";
  margin-left: -1em;
}
.ph-duotone.ph-train-simple:before {
  content: "\e4a0";
  opacity: 0.2;
}
.ph-duotone.ph-train-simple:after {
  content: "\e4a1";
  margin-left: -1em;
}
.ph-duotone.ph-tram:before {
  content: "\e9ec";
  opacity: 0.2;
}
.ph-duotone.ph-tram:after {
  content: "\e9ed";
  margin-left: -1em;
}
.ph-duotone.ph-translate:before {
  content: "\e4a2";
  opacity: 0.2;
}
.ph-duotone.ph-translate:after {
  content: "\e4a3";
  margin-left: -1em;
}
.ph-duotone.ph-trash:before {
  content: "\e4a6";
  opacity: 0.2;
}
.ph-duotone.ph-trash:after {
  content: "\e4a7";
  margin-left: -1em;
}
.ph-duotone.ph-trash-simple:before {
  content: "\e4a8";
  opacity: 0.2;
}
.ph-duotone.ph-trash-simple:after {
  content: "\e4a9";
  margin-left: -1em;
}
.ph-duotone.ph-tray:before {
  content: "\e4aa";
  opacity: 0.2;
}
.ph-duotone.ph-tray:after {
  content: "\e4ab";
  margin-left: -1em;
}
.ph-duotone.ph-tray-arrow-down:before {
  content: "\e010";
  opacity: 0.2;
}
.ph-duotone.ph-tray-arrow-down:after {
  content: "\e011";
  margin-left: -1em;
}
.ph-duotone.ph-tray-arrow-up:before {
  content: "\ee52";
  opacity: 0.2;
}
.ph-duotone.ph-tray-arrow-up:after {
  content: "\ee53";
  margin-left: -1em;
}
.ph-duotone.ph-treasure-chest:before {
  content: "\ede2";
  opacity: 0.2;
}
.ph-duotone.ph-treasure-chest:after {
  content: "\ede3";
  margin-left: -1em;
}
.ph-duotone.ph-tree:before {
  content: "\e6da";
  opacity: 0.2;
}
.ph-duotone.ph-tree:after {
  content: "\e6db";
  margin-left: -1em;
}
.ph-duotone.ph-tree-evergreen:before {
  content: "\e6dc";
  opacity: 0.2;
}
.ph-duotone.ph-tree-evergreen:after {
  content: "\e6dd";
  margin-left: -1em;
}
.ph-duotone.ph-tree-palm:before {
  content: "\e91a";
  opacity: 0.2;
}
.ph-duotone.ph-tree-palm:after {
  content: "\e91b";
  margin-left: -1em;
}
.ph-duotone.ph-tree-structure:before {
  content: "\e67c";
  opacity: 0.2;
}
.ph-duotone.ph-tree-structure:after {
  content: "\e67d";
  margin-left: -1em;
}
.ph-duotone.ph-tree-view:before {
  content: "\ee48";
  opacity: 0.2;
}
.ph-duotone.ph-tree-view:after {
  content: "\ee49";
  margin-left: -1em;
}
.ph-duotone.ph-trend-down:before {
  content: "\e4ac";
  opacity: 0.2;
}
.ph-duotone.ph-trend-down:after {
  content: "\e4ad";
  margin-left: -1em;
}
.ph-duotone.ph-trend-up:before {
  content: "\e4ae";
  opacity: 0.2;
}
.ph-duotone.ph-trend-up:after {
  content: "\e4af";
  margin-left: -1em;
}
.ph-duotone.ph-triangle:before {
  content: "\e4b0";
  opacity: 0.2;
}
.ph-duotone.ph-triangle:after {
  content: "\e4b1";
  margin-left: -1em;
}
.ph-duotone.ph-triangle-dashed:before {
  content: "\e4b2";
  opacity: 0.2;
}
.ph-duotone.ph-triangle-dashed:after {
  content: "\e4b3";
  margin-left: -1em;
}
.ph-duotone.ph-trolley:before {
  content: "\e5b2";
  opacity: 0.2;
}
.ph-duotone.ph-trolley:after {
  content: "\e5b3";
  margin-left: -1em;
}
.ph-duotone.ph-trolley-suitcase:before {
  content: "\e5b4";
  opacity: 0.2;
}
.ph-duotone.ph-trolley-suitcase:after {
  content: "\e5b5";
  margin-left: -1em;
}
.ph-duotone.ph-trophy:before {
  content: "\e67e";
  opacity: 0.2;
}
.ph-duotone.ph-trophy:after {
  content: "\e67f";
  margin-left: -1em;
}
.ph-duotone.ph-truck:before {
  content: "\e4b4";
  opacity: 0.2;
}
.ph-duotone.ph-truck:after {
  content: "\e4b5";
  margin-left: -1em;
}
.ph-duotone.ph-truck-trailer:before {
  content: "\e4b6";
  opacity: 0.2;
}
.ph-duotone.ph-truck-trailer:after {
  content: "\e4b7";
  margin-left: -1em;
}
.ph-duotone.ph-tumblr-logo:before {
  content: "\e8d4";
  opacity: 0.2;
}
.ph-duotone.ph-tumblr-logo:after {
  content: "\e8d5";
  margin-left: -1em;
}
.ph-duotone.ph-twitch-logo:before {
  content: "\e5ce";
  opacity: 0.2;
}
.ph-duotone.ph-twitch-logo:after {
  content: "\e5cf";
  margin-left: -1em;
}
.ph-duotone.ph-twitter-logo:before {
  content: "\e4ba";
  opacity: 0.2;
}
.ph-duotone.ph-twitter-logo:after {
  content: "\e4bb";
  margin-left: -1em;
}
.ph-duotone.ph-umbrella:before {
  content: "\e684";
  opacity: 0.2;
}
.ph-duotone.ph-umbrella:after {
  content: "\e685";
  margin-left: -1em;
}
.ph-duotone.ph-umbrella-simple:before {
  content: "\e686";
  opacity: 0.2;
}
.ph-duotone.ph-umbrella-simple:after {
  content: "\e687";
  margin-left: -1em;
}
.ph-duotone.ph-union:before {
  content: "\edbe";
  opacity: 0.2;
}
.ph-duotone.ph-union:after {
  content: "\edbf";
  margin-left: -1em;
}
.ph-duotone.ph-unite:before {
  content: "\e87e";
  opacity: 0.2;
}
.ph-duotone.ph-unite:after {
  content: "\e87f";
  margin-left: -1em;
}
.ph-duotone.ph-unite-square:before {
  content: "\e878";
  opacity: 0.2;
}
.ph-duotone.ph-unite-square:after {
  content: "\e879";
  margin-left: -1em;
}
.ph-duotone.ph-upload:before {
  content: "\e4be";
  opacity: 0.2;
}
.ph-duotone.ph-upload:after {
  content: "\e4bf";
  margin-left: -1em;
}
.ph-duotone.ph-upload-simple:before {
  content: "\e4c0";
  opacity: 0.2;
}
.ph-duotone.ph-upload-simple:after {
  content: "\e4c1";
  margin-left: -1em;
}
.ph-duotone.ph-usb:before {
  content: "\e956";
  opacity: 0.2;
}
.ph-duotone.ph-usb:after {
  content: "\e957";
  margin-left: -1em;
}
.ph-duotone.ph-user:before {
  content: "\e4c2";
  opacity: 0.2;
}
.ph-duotone.ph-user:after {
  content: "\e4c3";
  margin-left: -1em;
}
.ph-duotone.ph-user-check:before {
  content: "\eafa";
  opacity: 0.2;
}
.ph-duotone.ph-user-check:after {
  content: "\eafb";
  margin-left: -1em;
}
.ph-duotone.ph-user-circle:before {
  content: "\e4c4";
  opacity: 0.2;
}
.ph-duotone.ph-user-circle:after {
  content: "\e4c5";
  margin-left: -1em;
}
.ph-duotone.ph-user-circle-check:before {
  content: "\ec38";
  opacity: 0.2;
}
.ph-duotone.ph-user-circle-check:after {
  content: "\ec39";
  margin-left: -1em;
}
.ph-duotone.ph-user-circle-dashed:before {
  content: "\ec36";
  opacity: 0.2;
}
.ph-duotone.ph-user-circle-dashed:after {
  content: "\ec37";
  margin-left: -1em;
}
.ph-duotone.ph-user-circle-gear:before {
  content: "\e4c6";
  opacity: 0.2;
}
.ph-duotone.ph-user-circle-gear:after {
  content: "\e4c7";
  margin-left: -1em;
}
.ph-duotone.ph-user-circle-minus:before {
  content: "\e4c8";
  opacity: 0.2;
}
.ph-duotone.ph-user-circle-minus:after {
  content: "\e4c9";
  margin-left: -1em;
}
.ph-duotone.ph-user-circle-plus:before {
  content: "\e4ca";
  opacity: 0.2;
}
.ph-duotone.ph-user-circle-plus:after {
  content: "\e4cb";
  margin-left: -1em;
}
.ph-duotone.ph-user-focus:before {
  content: "\e6fc";
  opacity: 0.2;
}
.ph-duotone.ph-user-focus:after {
  content: "\e6fd";
  margin-left: -1em;
}
.ph-duotone.ph-user-gear:before {
  content: "\e4cc";
  opacity: 0.2;
}
.ph-duotone.ph-user-gear:after {
  content: "\e4cd";
  margin-left: -1em;
}
.ph-duotone.ph-user-list:before {
  content: "\e73c";
  opacity: 0.2;
}
.ph-duotone.ph-user-list:after {
  content: "\e73d";
  margin-left: -1em;
}
.ph-duotone.ph-user-minus:before {
  content: "\e4ce";
  opacity: 0.2;
}
.ph-duotone.ph-user-minus:after {
  content: "\e4cf";
  margin-left: -1em;
}
.ph-duotone.ph-user-plus:before {
  content: "\e4d0";
  opacity: 0.2;
}
.ph-duotone.ph-user-plus:after {
  content: "\e4d1";
  margin-left: -1em;
}
.ph-duotone.ph-user-rectangle:before {
  content: "\e4d2";
  opacity: 0.2;
}
.ph-duotone.ph-user-rectangle:after {
  content: "\e4d3";
  margin-left: -1em;
}
.ph-duotone.ph-user-sound:before {
  content: "\eca8";
  opacity: 0.2;
}
.ph-duotone.ph-user-sound:after {
  content: "\eca9";
  margin-left: -1em;
}
.ph-duotone.ph-user-square:before {
  content: "\e4d4";
  opacity: 0.2;
}
.ph-duotone.ph-user-square:after {
  content: "\e4d5";
  margin-left: -1em;
}
.ph-duotone.ph-user-switch:before {
  content: "\e756";
  opacity: 0.2;
}
.ph-duotone.ph-user-switch:after {
  content: "\e757";
  margin-left: -1em;
}
.ph-duotone.ph-users:before {
  content: "\e4d6";
  opacity: 0.2;
}
.ph-duotone.ph-users:after {
  content: "\e4d7";
  margin-left: -1em;
}
.ph-duotone.ph-users-four:before {
  content: "\e68c";
  opacity: 0.2;
}
.ph-duotone.ph-users-four:after {
  content: "\e68d";
  margin-left: -1em;
}
.ph-duotone.ph-users-three:before {
  content: "\e68e";
  opacity: 0.2;
}
.ph-duotone.ph-users-three:after {
  content: "\e68f";
  margin-left: -1em;
}
.ph-duotone.ph-van:before {
  content: "\e826";
  opacity: 0.2;
}
.ph-duotone.ph-van:after {
  content: "\e827";
  margin-left: -1em;
}
.ph-duotone.ph-vault:before {
  content: "\e76e";
  opacity: 0.2;
}
.ph-duotone.ph-vault:after {
  content: "\e76f";
  margin-left: -1em;
}
.ph-duotone.ph-vector-three:before {
  content: "\ee62";
  opacity: 0.2;
}
.ph-duotone.ph-vector-three:after {
  content: "\ee63";
  margin-left: -1em;
}
.ph-duotone.ph-vector-two:before {
  content: "\ee64";
  opacity: 0.2;
}
.ph-duotone.ph-vector-two:after {
  content: "\ee65";
  margin-left: -1em;
}
.ph-duotone.ph-vibrate:before {
  content: "\e4d8";
  opacity: 0.2;
}
.ph-duotone.ph-vibrate:after {
  content: "\e4d9";
  margin-left: -1em;
}
.ph-duotone.ph-video:before {
  content: "\e740";
  opacity: 0.2;
}
.ph-duotone.ph-video:after {
  content: "\e741";
  margin-left: -1em;
}
.ph-duotone.ph-video-camera:before {
  content: "\e4da";
  opacity: 0.2;
}
.ph-duotone.ph-video-camera:after {
  content: "\e4db";
  margin-left: -1em;
}
.ph-duotone.ph-video-camera-slash:before {
  content: "\e4dc";
  opacity: 0.2;
}
.ph-duotone.ph-video-camera-slash:after {
  content: "\e4dd";
  margin-left: -1em;
}
.ph-duotone.ph-video-conference:before {
  content: "\edce";
  opacity: 0.2;
}
.ph-duotone.ph-video-conference:after {
  content: "\edcf";
  margin-left: -1em;
}
.ph-duotone.ph-vignette:before {
  content: "\eba2";
  opacity: 0.2;
}
.ph-duotone.ph-vignette:after {
  content: "\eba3";
  margin-left: -1em;
}
.ph-duotone.ph-vinyl-record:before {
  content: "\ecac";
  opacity: 0.2;
}
.ph-duotone.ph-vinyl-record:after {
  content: "\ecad";
  margin-left: -1em;
}
.ph-duotone.ph-virtual-reality:before {
  content: "\e7b8";
  opacity: 0.2;
}
.ph-duotone.ph-virtual-reality:after {
  content: "\e7b9";
  margin-left: -1em;
}
.ph-duotone.ph-virus:before {
  content: "\e7d6";
  opacity: 0.2;
}
.ph-duotone.ph-virus:after {
  content: "\e7d7";
  margin-left: -1em;
}
.ph-duotone.ph-visor:before {
  content: "\ee2a";
  opacity: 0.2;
}
.ph-duotone.ph-visor:after {
  content: "\ee2b";
  margin-left: -1em;
}
.ph-duotone.ph-voicemail:before {
  content: "\e4de";
  opacity: 0.2;
}
.ph-duotone.ph-voicemail:after {
  content: "\e4df";
  margin-left: -1em;
}
.ph-duotone.ph-volleyball:before {
  content: "\e726";
  opacity: 0.2;
}
.ph-duotone.ph-volleyball:after {
  content: "\e727";
  margin-left: -1em;
}
.ph-duotone.ph-wall:before {
  content: "\e688";
  opacity: 0.2;
}
.ph-duotone.ph-wall:after {
  content: "\e689";
  margin-left: -1em;
}
.ph-duotone.ph-wallet:before {
  content: "\e68a";
  opacity: 0.2;
}
.ph-duotone.ph-wallet:after {
  content: "\e68b";
  margin-left: -1em;
}
.ph-duotone.ph-warehouse:before {
  content: "\ecd4";
  opacity: 0.2;
}
.ph-duotone.ph-warehouse:after {
  content: "\ecd5";
  margin-left: -1em;
}
.ph-duotone.ph-warning:before {
  content: "\e4e0";
  opacity: 0.2;
}
.ph-duotone.ph-warning:after {
  content: "\e4e1";
  margin-left: -1em;
}
.ph-duotone.ph-warning-circle:before {
  content: "\e4e2";
  opacity: 0.2;
}
.ph-duotone.ph-warning-circle:after {
  content: "\e4e3";
  margin-left: -1em;
}
.ph-duotone.ph-warning-diamond:before {
  content: "\e7fc";
  opacity: 0.2;
}
.ph-duotone.ph-warning-diamond:after {
  content: "\e7fd";
  margin-left: -1em;
}
.ph-duotone.ph-warning-octagon:before {
  content: "\e4e4";
  opacity: 0.2;
}
.ph-duotone.ph-warning-octagon:after {
  content: "\e4e5";
  margin-left: -1em;
}
.ph-duotone.ph-washing-machine:before {
  content: "\ede8";
  opacity: 0.2;
}
.ph-duotone.ph-washing-machine:after {
  content: "\ede9";
  margin-left: -1em;
}
.ph-duotone.ph-watch:before {
  content: "\e4e6";
  opacity: 0.2;
}
.ph-duotone.ph-watch:after {
  content: "\e4e7";
  margin-left: -1em;
}
.ph-duotone.ph-wave-sawtooth:before {
  content: "\ea9c";
  opacity: 0.2;
}
.ph-duotone.ph-wave-sawtooth:after {
  content: "\ea9d";
  margin-left: -1em;
}
.ph-duotone.ph-wave-sine:before {
  content: "\ea9a";
  opacity: 0.2;
}
.ph-duotone.ph-wave-sine:after {
  content: "\ea9b";
  margin-left: -1em;
}
.ph-duotone.ph-wave-square:before {
  content: "\ea9e";
  opacity: 0.2;
}
.ph-duotone.ph-wave-square:after {
  content: "\ea9f";
  margin-left: -1em;
}
.ph-duotone.ph-wave-triangle:before {
  content: "\eaa0";
  opacity: 0.2;
}
.ph-duotone.ph-wave-triangle:after {
  content: "\eaa1";
  margin-left: -1em;
}
.ph-duotone.ph-waveform:before {
  content: "\e802";
  opacity: 0.2;
}
.ph-duotone.ph-waveform:after {
  content: "\e803";
  margin-left: -1em;
}
.ph-duotone.ph-waveform-slash:before {
  content: "\e800";
  opacity: 0.2;
}
.ph-duotone.ph-waveform-slash:after {
  content: "\e801";
  margin-left: -1em;
}
.ph-duotone.ph-waves:before {
  content: "\e6de";
  opacity: 0.2;
}
.ph-duotone.ph-waves:after {
  content: "\e6df";
  margin-left: -1em;
}
.ph-duotone.ph-webcam:before {
  content: "\e9b2";
  opacity: 0.2;
}
.ph-duotone.ph-webcam:after {
  content: "\e9b3";
  margin-left: -1em;
}
.ph-duotone.ph-webcam-slash:before {
  content: "\ecdc";
  opacity: 0.2;
}
.ph-duotone.ph-webcam-slash:after {
  content: "\ecdd";
  margin-left: -1em;
}
.ph-duotone.ph-webhooks-logo:before {
  content: "\ecae";
  opacity: 0.2;
}
.ph-duotone.ph-webhooks-logo:after {
  content: "\ecaf";
  margin-left: -1em;
}
.ph-duotone.ph-wechat-logo:before {
  content: "\e8d2";
  opacity: 0.2;
}
.ph-duotone.ph-wechat-logo:after {
  content: "\e8d3";
  margin-left: -1em;
}
.ph-duotone.ph-whatsapp-logo:before {
  content: "\e5d0";
  opacity: 0.2;
}
.ph-duotone.ph-whatsapp-logo:after {
  content: "\e5d1";
  margin-left: -1em;
}
.ph-duotone.ph-wheelchair:before {
  content: "\e4e8";
  opacity: 0.2;
}
.ph-duotone.ph-wheelchair:after {
  content: "\e4e9";
  margin-left: -1em;
}
.ph-duotone.ph-wheelchair-motion:before {
  content: "\e89a";
  opacity: 0.2;
}
.ph-duotone.ph-wheelchair-motion:after {
  content: "\e89b";
  margin-left: -1em;
}
.ph-duotone.ph-wifi-high:before {
  content: "\e4ea";
  opacity: 0.2;
}
.ph-duotone.ph-wifi-high:after {
  content: "\e4eb";
  margin-left: -1em;
}
.ph-duotone.ph-wifi-low:before {
  content: "\e4ec";
  opacity: 0.2;
}
.ph-duotone.ph-wifi-low:after {
  content: "\e4ed";
  margin-left: -1em;
}
.ph-duotone.ph-wifi-medium:before {
  content: "\e4ee";
  opacity: 0.2;
}
.ph-duotone.ph-wifi-medium:after {
  content: "\e4ef";
  margin-left: -1em;
}
.ph-duotone.ph-wifi-none:before {
  content: "\e4f0";
  color: #444;
}
.ph-duotone.ph-wifi-slash:before {
  content: "\e4f2";
  opacity: 0.2;
}
.ph-duotone.ph-wifi-slash:after {
  content: "\e4f3";
  margin-left: -1em;
}
.ph-duotone.ph-wifi-x:before {
  content: "\e4f4";
  opacity: 0.2;
}
.ph-duotone.ph-wifi-x:after {
  content: "\e4f5";
  margin-left: -1em;
}
.ph-duotone.ph-wind:before {
  content: "\e5d2";
  opacity: 0.2;
}
.ph-duotone.ph-wind:after {
  content: "\e5d3";
  margin-left: -1em;
}
.ph-duotone.ph-windmill:before {
  content: "\e9f8";
  opacity: 0.2;
}
.ph-duotone.ph-windmill:after {
  content: "\e9f9";
  margin-left: -1em;
}
.ph-duotone.ph-windows-logo:before {
  content: "\e692";
  opacity: 0.2;
}
.ph-duotone.ph-windows-logo:after {
  content: "\e693";
  margin-left: -1em;
}
.ph-duotone.ph-wine:before {
  content: "\e6b2";
  opacity: 0.2;
}
.ph-duotone.ph-wine:after {
  content: "\e6b3";
  margin-left: -1em;
}
.ph-duotone.ph-wrench:before {
  content: "\e5d4";
  opacity: 0.2;
}
.ph-duotone.ph-wrench:after {
  content: "\e5d5";
  margin-left: -1em;
}
.ph-duotone.ph-x:before {
  content: "\e4f6";
  opacity: 0.2;
}
.ph-duotone.ph-x:after {
  content: "\e4f7";
  margin-left: -1em;
}
.ph-duotone.ph-x-circle:before {
  content: "\e4f8";
  opacity: 0.2;
}
.ph-duotone.ph-x-circle:after {
  content: "\e4f9";
  margin-left: -1em;
}
.ph-duotone.ph-x-logo:before {
  content: "\e4bc";
  opacity: 0.2;
}
.ph-duotone.ph-x-logo:after {
  content: "\e4bd";
  margin-left: -1em;
}
.ph-duotone.ph-x-square:before {
  content: "\e4fa";
  opacity: 0.2;
}
.ph-duotone.ph-x-square:after {
  content: "\e4fb";
  margin-left: -1em;
}
.ph-duotone.ph-yarn:before {
  content: "\ed9a";
  opacity: 0.2;
}
.ph-duotone.ph-yarn:after {
  content: "\ed9b";
  margin-left: -1em;
}
.ph-duotone.ph-yin-yang:before {
  content: "\e92a";
  opacity: 0.2;
}
.ph-duotone.ph-yin-yang:after {
  content: "\e92b";
  margin-left: -1em;
}
.ph-duotone.ph-youtube-logo:before {
  content: "\e4fc";
  opacity: 0.2;
}
.ph-duotone.ph-youtube-logo:after {
  content: "\e4fd";
  margin-left: -1em;
}
@font-face {
  font-family: "Phosphor-Bold";
  src:
    url("/assets/Phosphor-Bold-BCak21uZ.woff2") format("woff2"),
    url("/assets/Phosphor-Bold-Bs3tcKfK.woff") format("woff"),
    url("/assets/Phosphor-Bold-y1cGIEs3.ttf") format("truetype"),
    url("/assets/Phosphor-Bold-CIyscVBM.svg#Phosphor-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.ph-bold {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Phosphor-Bold" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ph-bold.ph-acorn:before {
  content: "\eb9a";
}
.ph-bold.ph-address-book:before {
  content: "\e6f8";
}
.ph-bold.ph-address-book-tabs:before {
  content: "\ee4e";
}
.ph-bold.ph-air-traffic-control:before {
  content: "\ecd8";
}
.ph-bold.ph-airplane:before {
  content: "\e002";
}
.ph-bold.ph-airplane-in-flight:before {
  content: "\e4fe";
}
.ph-bold.ph-airplane-landing:before {
  content: "\e502";
}
.ph-bold.ph-airplane-takeoff:before {
  content: "\e504";
}
.ph-bold.ph-airplane-taxiing:before {
  content: "\e500";
}
.ph-bold.ph-airplane-tilt:before {
  content: "\e5d6";
}
.ph-bold.ph-airplay:before {
  content: "\e004";
}
.ph-bold.ph-alarm:before {
  content: "\e006";
}
.ph-bold.ph-alien:before {
  content: "\e8a6";
}
.ph-bold.ph-align-bottom:before {
  content: "\e506";
}
.ph-bold.ph-align-bottom-simple:before {
  content: "\eb0c";
}
.ph-bold.ph-align-center-horizontal:before {
  content: "\e50a";
}
.ph-bold.ph-align-center-horizontal-simple:before {
  content: "\eb0e";
}
.ph-bold.ph-align-center-vertical:before {
  content: "\e50c";
}
.ph-bold.ph-align-center-vertical-simple:before {
  content: "\eb10";
}
.ph-bold.ph-align-left:before {
  content: "\e50e";
}
.ph-bold.ph-align-left-simple:before {
  content: "\eaee";
}
.ph-bold.ph-align-right:before {
  content: "\e510";
}
.ph-bold.ph-align-right-simple:before {
  content: "\eb12";
}
.ph-bold.ph-align-top:before {
  content: "\e512";
}
.ph-bold.ph-align-top-simple:before {
  content: "\eb14";
}
.ph-bold.ph-amazon-logo:before {
  content: "\e96c";
}
.ph-bold.ph-ambulance:before {
  content: "\e572";
}
.ph-bold.ph-anchor:before {
  content: "\e514";
}
.ph-bold.ph-anchor-simple:before {
  content: "\e5d8";
}
.ph-bold.ph-android-logo:before {
  content: "\e008";
}
.ph-bold.ph-angle:before {
  content: "\e7bc";
}
.ph-bold.ph-angular-logo:before {
  content: "\eb80";
}
.ph-bold.ph-aperture:before {
  content: "\e00a";
}
.ph-bold.ph-app-store-logo:before {
  content: "\e974";
}
.ph-bold.ph-app-window:before {
  content: "\e5da";
}
.ph-bold.ph-apple-logo:before {
  content: "\e516";
}
.ph-bold.ph-apple-podcasts-logo:before {
  content: "\eb96";
}
.ph-bold.ph-approximate-equals:before {
  content: "\edaa";
}
.ph-bold.ph-archive:before {
  content: "\e00c";
}
.ph-bold.ph-armchair:before {
  content: "\e012";
}
.ph-bold.ph-arrow-arc-left:before {
  content: "\e014";
}
.ph-bold.ph-arrow-arc-right:before {
  content: "\e016";
}
.ph-bold.ph-arrow-bend-double-up-left:before {
  content: "\e03a";
}
.ph-bold.ph-arrow-bend-double-up-right:before {
  content: "\e03c";
}
.ph-bold.ph-arrow-bend-down-left:before {
  content: "\e018";
}
.ph-bold.ph-arrow-bend-down-right:before {
  content: "\e01a";
}
.ph-bold.ph-arrow-bend-left-down:before {
  content: "\e01c";
}
.ph-bold.ph-arrow-bend-left-up:before {
  content: "\e01e";
}
.ph-bold.ph-arrow-bend-right-down:before {
  content: "\e020";
}
.ph-bold.ph-arrow-bend-right-up:before {
  content: "\e022";
}
.ph-bold.ph-arrow-bend-up-left:before {
  content: "\e024";
}
.ph-bold.ph-arrow-bend-up-right:before {
  content: "\e026";
}
.ph-bold.ph-arrow-circle-down:before {
  content: "\e028";
}
.ph-bold.ph-arrow-circle-down-left:before {
  content: "\e02a";
}
.ph-bold.ph-arrow-circle-down-right:before {
  content: "\e02c";
}
.ph-bold.ph-arrow-circle-left:before {
  content: "\e05a";
}
.ph-bold.ph-arrow-circle-right:before {
  content: "\e02e";
}
.ph-bold.ph-arrow-circle-up:before {
  content: "\e030";
}
.ph-bold.ph-arrow-circle-up-left:before {
  content: "\e032";
}
.ph-bold.ph-arrow-circle-up-right:before {
  content: "\e034";
}
.ph-bold.ph-arrow-clockwise:before {
  content: "\e036";
}
.ph-bold.ph-arrow-counter-clockwise:before {
  content: "\e038";
}
.ph-bold.ph-arrow-down:before {
  content: "\e03e";
}
.ph-bold.ph-arrow-down-left:before {
  content: "\e040";
}
.ph-bold.ph-arrow-down-right:before {
  content: "\e042";
}
.ph-bold.ph-arrow-elbow-down-left:before {
  content: "\e044";
}
.ph-bold.ph-arrow-elbow-down-right:before {
  content: "\e046";
}
.ph-bold.ph-arrow-elbow-left:before {
  content: "\e048";
}
.ph-bold.ph-arrow-elbow-left-down:before {
  content: "\e04a";
}
.ph-bold.ph-arrow-elbow-left-up:before {
  content: "\e04c";
}
.ph-bold.ph-arrow-elbow-right:before {
  content: "\e04e";
}
.ph-bold.ph-arrow-elbow-right-down:before {
  content: "\e050";
}
.ph-bold.ph-arrow-elbow-right-up:before {
  content: "\e052";
}
.ph-bold.ph-arrow-elbow-up-left:before {
  content: "\e054";
}
.ph-bold.ph-arrow-elbow-up-right:before {
  content: "\e056";
}
.ph-bold.ph-arrow-fat-down:before {
  content: "\e518";
}
.ph-bold.ph-arrow-fat-left:before {
  content: "\e51a";
}
.ph-bold.ph-arrow-fat-line-down:before {
  content: "\e51c";
}
.ph-bold.ph-arrow-fat-line-left:before {
  content: "\e51e";
}
.ph-bold.ph-arrow-fat-line-right:before {
  content: "\e520";
}
.ph-bold.ph-arrow-fat-line-up:before {
  content: "\e522";
}
.ph-bold.ph-arrow-fat-lines-down:before {
  content: "\e524";
}
.ph-bold.ph-arrow-fat-lines-left:before {
  content: "\e526";
}
.ph-bold.ph-arrow-fat-lines-right:before {
  content: "\e528";
}
.ph-bold.ph-arrow-fat-lines-up:before {
  content: "\e52a";
}
.ph-bold.ph-arrow-fat-right:before {
  content: "\e52c";
}
.ph-bold.ph-arrow-fat-up:before {
  content: "\e52e";
}
.ph-bold.ph-arrow-left:before {
  content: "\e058";
}
.ph-bold.ph-arrow-line-down:before {
  content: "\e05c";
}
.ph-bold.ph-arrow-line-down-left:before {
  content: "\e05e";
}
.ph-bold.ph-arrow-line-down-right:before {
  content: "\e060";
}
.ph-bold.ph-arrow-line-left:before {
  content: "\e062";
}
.ph-bold.ph-arrow-line-right:before {
  content: "\e064";
}
.ph-bold.ph-arrow-line-up:before {
  content: "\e066";
}
.ph-bold.ph-arrow-line-up-left:before {
  content: "\e068";
}
.ph-bold.ph-arrow-line-up-right:before {
  content: "\e06a";
}
.ph-bold.ph-arrow-right:before {
  content: "\e06c";
}
.ph-bold.ph-arrow-square-down:before {
  content: "\e06e";
}
.ph-bold.ph-arrow-square-down-left:before {
  content: "\e070";
}
.ph-bold.ph-arrow-square-down-right:before {
  content: "\e072";
}
.ph-bold.ph-arrow-square-in:before {
  content: "\e5dc";
}
.ph-bold.ph-arrow-square-left:before {
  content: "\e074";
}
.ph-bold.ph-arrow-square-out:before {
  content: "\e5de";
}
.ph-bold.ph-arrow-square-right:before {
  content: "\e076";
}
.ph-bold.ph-arrow-square-up:before {
  content: "\e078";
}
.ph-bold.ph-arrow-square-up-left:before {
  content: "\e07a";
}
.ph-bold.ph-arrow-square-up-right:before {
  content: "\e07c";
}
.ph-bold.ph-arrow-u-down-left:before {
  content: "\e07e";
}
.ph-bold.ph-arrow-u-down-right:before {
  content: "\e080";
}
.ph-bold.ph-arrow-u-left-down:before {
  content: "\e082";
}
.ph-bold.ph-arrow-u-left-up:before {
  content: "\e084";
}
.ph-bold.ph-arrow-u-right-down:before {
  content: "\e086";
}
.ph-bold.ph-arrow-u-right-up:before {
  content: "\e088";
}
.ph-bold.ph-arrow-u-up-left:before {
  content: "\e08a";
}
.ph-bold.ph-arrow-u-up-right:before {
  content: "\e08c";
}
.ph-bold.ph-arrow-up:before {
  content: "\e08e";
}
.ph-bold.ph-arrow-up-left:before {
  content: "\e090";
}
.ph-bold.ph-arrow-up-right:before {
  content: "\e092";
}
.ph-bold.ph-arrows-clockwise:before {
  content: "\e094";
}
.ph-bold.ph-arrows-counter-clockwise:before {
  content: "\e096";
}
.ph-bold.ph-arrows-down-up:before {
  content: "\e098";
}
.ph-bold.ph-arrows-horizontal:before {
  content: "\eb06";
}
.ph-bold.ph-arrows-in:before {
  content: "\e09a";
}
.ph-bold.ph-arrows-in-cardinal:before {
  content: "\e09c";
}
.ph-bold.ph-arrows-in-line-horizontal:before {
  content: "\e530";
}
.ph-bold.ph-arrows-in-line-vertical:before {
  content: "\e532";
}
.ph-bold.ph-arrows-in-simple:before {
  content: "\e09e";
}
.ph-bold.ph-arrows-left-right:before {
  content: "\e0a0";
}
.ph-bold.ph-arrows-merge:before {
  content: "\ed3e";
}
.ph-bold.ph-arrows-out:before {
  content: "\e0a2";
}
.ph-bold.ph-arrows-out-cardinal:before {
  content: "\e0a4";
}
.ph-bold.ph-arrows-out-line-horizontal:before {
  content: "\e534";
}
.ph-bold.ph-arrows-out-line-vertical:before {
  content: "\e536";
}
.ph-bold.ph-arrows-out-simple:before {
  content: "\e0a6";
}
.ph-bold.ph-arrows-split:before {
  content: "\ed3c";
}
.ph-bold.ph-arrows-vertical:before {
  content: "\eb04";
}
.ph-bold.ph-article:before {
  content: "\e0a8";
}
.ph-bold.ph-article-medium:before {
  content: "\e5e0";
}
.ph-bold.ph-article-ny-times:before {
  content: "\e5e2";
}
.ph-bold.ph-asclepius:before {
  content: "\ee34";
}
.ph-bold.ph-caduceus:before {
  content: "\ee34";
}
.ph-bold.ph-asterisk:before {
  content: "\e0aa";
}
.ph-bold.ph-asterisk-simple:before {
  content: "\e832";
}
.ph-bold.ph-at:before {
  content: "\e0ac";
}
.ph-bold.ph-atom:before {
  content: "\e5e4";
}
.ph-bold.ph-avocado:before {
  content: "\ee04";
}
.ph-bold.ph-axe:before {
  content: "\e9fc";
}
.ph-bold.ph-baby:before {
  content: "\e774";
}
.ph-bold.ph-baby-carriage:before {
  content: "\e818";
}
.ph-bold.ph-backpack:before {
  content: "\e922";
}
.ph-bold.ph-backspace:before {
  content: "\e0ae";
}
.ph-bold.ph-bag:before {
  content: "\e0b0";
}
.ph-bold.ph-bag-simple:before {
  content: "\e5e6";
}
.ph-bold.ph-balloon:before {
  content: "\e76c";
}
.ph-bold.ph-bandaids:before {
  content: "\e0b2";
}
.ph-bold.ph-bank:before {
  content: "\e0b4";
}
.ph-bold.ph-barbell:before {
  content: "\e0b6";
}
.ph-bold.ph-barcode:before {
  content: "\e0b8";
}
.ph-bold.ph-barn:before {
  content: "\ec72";
}
.ph-bold.ph-barricade:before {
  content: "\e948";
}
.ph-bold.ph-baseball:before {
  content: "\e71a";
}
.ph-bold.ph-baseball-cap:before {
  content: "\ea28";
}
.ph-bold.ph-baseball-helmet:before {
  content: "\ee4a";
}
.ph-bold.ph-basket:before {
  content: "\e964";
}
.ph-bold.ph-basketball:before {
  content: "\e724";
}
.ph-bold.ph-bathtub:before {
  content: "\e81e";
}
.ph-bold.ph-battery-charging:before {
  content: "\e0ba";
}
.ph-bold.ph-battery-charging-vertical:before {
  content: "\e0bc";
}
.ph-bold.ph-battery-empty:before {
  content: "\e0be";
}
.ph-bold.ph-battery-full:before {
  content: "\e0c0";
}
.ph-bold.ph-battery-high:before {
  content: "\e0c2";
}
.ph-bold.ph-battery-low:before {
  content: "\e0c4";
}
.ph-bold.ph-battery-medium:before {
  content: "\e0c6";
}
.ph-bold.ph-battery-plus:before {
  content: "\e808";
}
.ph-bold.ph-battery-plus-vertical:before {
  content: "\ec50";
}
.ph-bold.ph-battery-vertical-empty:before {
  content: "\e7c6";
}
.ph-bold.ph-battery-vertical-full:before {
  content: "\e7c4";
}
.ph-bold.ph-battery-vertical-high:before {
  content: "\e7c2";
}
.ph-bold.ph-battery-vertical-low:before {
  content: "\e7be";
}
.ph-bold.ph-battery-vertical-medium:before {
  content: "\e7c0";
}
.ph-bold.ph-battery-warning:before {
  content: "\e0c8";
}
.ph-bold.ph-battery-warning-vertical:before {
  content: "\e0ca";
}
.ph-bold.ph-beach-ball:before {
  content: "\ed24";
}
.ph-bold.ph-beanie:before {
  content: "\ea2a";
}
.ph-bold.ph-bed:before {
  content: "\e0cc";
}
.ph-bold.ph-beer-bottle:before {
  content: "\e7b0";
}
.ph-bold.ph-beer-stein:before {
  content: "\eb62";
}
.ph-bold.ph-behance-logo:before {
  content: "\e7f4";
}
.ph-bold.ph-bell:before {
  content: "\e0ce";
}
.ph-bold.ph-bell-ringing:before {
  content: "\e5e8";
}
.ph-bold.ph-bell-simple:before {
  content: "\e0d0";
}
.ph-bold.ph-bell-simple-ringing:before {
  content: "\e5ea";
}
.ph-bold.ph-bell-simple-slash:before {
  content: "\e0d2";
}
.ph-bold.ph-bell-simple-z:before {
  content: "\e5ec";
}
.ph-bold.ph-bell-slash:before {
  content: "\e0d4";
}
.ph-bold.ph-bell-z:before {
  content: "\e5ee";
}
.ph-bold.ph-belt:before {
  content: "\ea2c";
}
.ph-bold.ph-bezier-curve:before {
  content: "\eb00";
}
.ph-bold.ph-bicycle:before {
  content: "\e0d6";
}
.ph-bold.ph-binary:before {
  content: "\ee60";
}
.ph-bold.ph-binoculars:before {
  content: "\ea64";
}
.ph-bold.ph-biohazard:before {
  content: "\e9e0";
}
.ph-bold.ph-bird:before {
  content: "\e72c";
}
.ph-bold.ph-blueprint:before {
  content: "\eda0";
}
.ph-bold.ph-bluetooth:before {
  content: "\e0da";
}
.ph-bold.ph-bluetooth-connected:before {
  content: "\e0dc";
}
.ph-bold.ph-bluetooth-slash:before {
  content: "\e0de";
}
.ph-bold.ph-bluetooth-x:before {
  content: "\e0e0";
}
.ph-bold.ph-boat:before {
  content: "\e786";
}
.ph-bold.ph-bomb:before {
  content: "\ee0a";
}
.ph-bold.ph-bone:before {
  content: "\e7f2";
}
.ph-bold.ph-book:before {
  content: "\e0e2";
}
.ph-bold.ph-book-bookmark:before {
  content: "\e0e4";
}
.ph-bold.ph-book-open:before {
  content: "\e0e6";
}
.ph-bold.ph-book-open-text:before {
  content: "\e8f2";
}
.ph-bold.ph-book-open-user:before {
  content: "\ede0";
}
.ph-bold.ph-bookmark:before {
  content: "\e0e8";
}
.ph-bold.ph-bookmark-simple:before {
  content: "\e0ea";
}
.ph-bold.ph-bookmarks:before {
  content: "\e0ec";
}
.ph-bold.ph-bookmarks-simple:before {
  content: "\e5f0";
}
.ph-bold.ph-books:before {
  content: "\e758";
}
.ph-bold.ph-boot:before {
  content: "\ecca";
}
.ph-bold.ph-boules:before {
  content: "\e722";
}
.ph-bold.ph-bounding-box:before {
  content: "\e6ce";
}
.ph-bold.ph-bowl-food:before {
  content: "\eaa4";
}
.ph-bold.ph-bowl-steam:before {
  content: "\e8e4";
}
.ph-bold.ph-bowling-ball:before {
  content: "\ea34";
}
.ph-bold.ph-box-arrow-down:before {
  content: "\e00e";
}
.ph-bold.ph-archive-box:before {
  content: "\e00e";
}
.ph-bold.ph-box-arrow-up:before {
  content: "\ee54";
}
.ph-bold.ph-boxing-glove:before {
  content: "\ea36";
}
.ph-bold.ph-brackets-angle:before {
  content: "\e862";
}
.ph-bold.ph-brackets-curly:before {
  content: "\e860";
}
.ph-bold.ph-brackets-round:before {
  content: "\e864";
}
.ph-bold.ph-brackets-square:before {
  content: "\e85e";
}
.ph-bold.ph-brain:before {
  content: "\e74e";
}
.ph-bold.ph-brandy:before {
  content: "\e6b4";
}
.ph-bold.ph-bread:before {
  content: "\e81c";
}
.ph-bold.ph-bridge:before {
  content: "\ea68";
}
.ph-bold.ph-briefcase:before {
  content: "\e0ee";
}
.ph-bold.ph-briefcase-metal:before {
  content: "\e5f2";
}
.ph-bold.ph-broadcast:before {
  content: "\e0f2";
}
.ph-bold.ph-broom:before {
  content: "\ec54";
}
.ph-bold.ph-browser:before {
  content: "\e0f4";
}
.ph-bold.ph-browsers:before {
  content: "\e0f6";
}
.ph-bold.ph-bug:before {
  content: "\e5f4";
}
.ph-bold.ph-bug-beetle:before {
  content: "\e5f6";
}
.ph-bold.ph-bug-droid:before {
  content: "\e5f8";
}
.ph-bold.ph-building:before {
  content: "\e100";
}
.ph-bold.ph-building-apartment:before {
  content: "\e0fe";
}
.ph-bold.ph-building-office:before {
  content: "\e0ff";
}
.ph-bold.ph-buildings:before {
  content: "\e102";
}
.ph-bold.ph-bulldozer:before {
  content: "\ec6c";
}
.ph-bold.ph-bus:before {
  content: "\e106";
}
.ph-bold.ph-butterfly:before {
  content: "\ea6e";
}
.ph-bold.ph-cable-car:before {
  content: "\e49c";
}
.ph-bold.ph-cactus:before {
  content: "\e918";
}
.ph-bold.ph-cake:before {
  content: "\e780";
}
.ph-bold.ph-calculator:before {
  content: "\e538";
}
.ph-bold.ph-calendar:before {
  content: "\e108";
}
.ph-bold.ph-calendar-blank:before {
  content: "\e10a";
}
.ph-bold.ph-calendar-check:before {
  content: "\e712";
}
.ph-bold.ph-calendar-dot:before {
  content: "\e7b2";
}
.ph-bold.ph-calendar-dots:before {
  content: "\e7b4";
}
.ph-bold.ph-calendar-heart:before {
  content: "\e8b0";
}
.ph-bold.ph-calendar-minus:before {
  content: "\ea14";
}
.ph-bold.ph-calendar-plus:before {
  content: "\e714";
}
.ph-bold.ph-calendar-slash:before {
  content: "\ea12";
}
.ph-bold.ph-calendar-star:before {
  content: "\e8b2";
}
.ph-bold.ph-calendar-x:before {
  content: "\e10c";
}
.ph-bold.ph-call-bell:before {
  content: "\e7de";
}
.ph-bold.ph-camera:before {
  content: "\e10e";
}
.ph-bold.ph-camera-plus:before {
  content: "\ec58";
}
.ph-bold.ph-camera-rotate:before {
  content: "\e7a4";
}
.ph-bold.ph-camera-slash:before {
  content: "\e110";
}
.ph-bold.ph-campfire:before {
  content: "\e9d8";
}
.ph-bold.ph-car:before {
  content: "\e112";
}
.ph-bold.ph-car-battery:before {
  content: "\ee30";
}
.ph-bold.ph-car-profile:before {
  content: "\e8cc";
}
.ph-bold.ph-car-simple:before {
  content: "\e114";
}
.ph-bold.ph-cardholder:before {
  content: "\e5fa";
}
.ph-bold.ph-cards:before {
  content: "\e0f8";
}
.ph-bold.ph-cards-three:before {
  content: "\ee50";
}
.ph-bold.ph-caret-circle-double-down:before {
  content: "\e116";
}
.ph-bold.ph-caret-circle-double-left:before {
  content: "\e118";
}
.ph-bold.ph-caret-circle-double-right:before {
  content: "\e11a";
}
.ph-bold.ph-caret-circle-double-up:before {
  content: "\e11c";
}
.ph-bold.ph-caret-circle-down:before {
  content: "\e11e";
}
.ph-bold.ph-caret-circle-left:before {
  content: "\e120";
}
.ph-bold.ph-caret-circle-right:before {
  content: "\e122";
}
.ph-bold.ph-caret-circle-up:before {
  content: "\e124";
}
.ph-bold.ph-caret-circle-up-down:before {
  content: "\e13e";
}
.ph-bold.ph-caret-double-down:before {
  content: "\e126";
}
.ph-bold.ph-caret-double-left:before {
  content: "\e128";
}
.ph-bold.ph-caret-double-right:before {
  content: "\e12a";
}
.ph-bold.ph-caret-double-up:before {
  content: "\e12c";
}
.ph-bold.ph-caret-down:before {
  content: "\e136";
}
.ph-bold.ph-caret-left:before {
  content: "\e138";
}
.ph-bold.ph-caret-line-down:before {
  content: "\e134";
}
.ph-bold.ph-caret-line-left:before {
  content: "\e132";
}
.ph-bold.ph-caret-line-right:before {
  content: "\e130";
}
.ph-bold.ph-caret-line-up:before {
  content: "\e12e";
}
.ph-bold.ph-caret-right:before {
  content: "\e13a";
}
.ph-bold.ph-caret-up:before {
  content: "\e13c";
}
.ph-bold.ph-caret-up-down:before {
  content: "\e140";
}
.ph-bold.ph-carrot:before {
  content: "\ed38";
}
.ph-bold.ph-cash-register:before {
  content: "\ed80";
}
.ph-bold.ph-cassette-tape:before {
  content: "\ed2e";
}
.ph-bold.ph-castle-turret:before {
  content: "\e9d0";
}
.ph-bold.ph-cat:before {
  content: "\e748";
}
.ph-bold.ph-cell-signal-full:before {
  content: "\e142";
}
.ph-bold.ph-cell-signal-high:before {
  content: "\e144";
}
.ph-bold.ph-cell-signal-low:before {
  content: "\e146";
}
.ph-bold.ph-cell-signal-medium:before {
  content: "\e148";
}
.ph-bold.ph-cell-signal-none:before {
  content: "\e14a";
}
.ph-bold.ph-cell-signal-slash:before {
  content: "\e14c";
}
.ph-bold.ph-cell-signal-x:before {
  content: "\e14e";
}
.ph-bold.ph-cell-tower:before {
  content: "\ebaa";
}
.ph-bold.ph-certificate:before {
  content: "\e766";
}
.ph-bold.ph-chair:before {
  content: "\e950";
}
.ph-bold.ph-chalkboard:before {
  content: "\e5fc";
}
.ph-bold.ph-chalkboard-simple:before {
  content: "\e5fe";
}
.ph-bold.ph-chalkboard-teacher:before {
  content: "\e600";
}
.ph-bold.ph-champagne:before {
  content: "\eaca";
}
.ph-bold.ph-charging-station:before {
  content: "\e8d0";
}
.ph-bold.ph-chart-bar:before {
  content: "\e150";
}
.ph-bold.ph-chart-bar-horizontal:before {
  content: "\e152";
}
.ph-bold.ph-chart-donut:before {
  content: "\eaa6";
}
.ph-bold.ph-chart-line:before {
  content: "\e154";
}
.ph-bold.ph-chart-line-down:before {
  content: "\e8b6";
}
.ph-bold.ph-chart-line-up:before {
  content: "\e156";
}
.ph-bold.ph-chart-pie:before {
  content: "\e158";
}
.ph-bold.ph-chart-pie-slice:before {
  content: "\e15a";
}
.ph-bold.ph-chart-polar:before {
  content: "\eaa8";
}
.ph-bold.ph-chart-scatter:before {
  content: "\eaac";
}
.ph-bold.ph-chat:before {
  content: "\e15c";
}
.ph-bold.ph-chat-centered:before {
  content: "\e160";
}
.ph-bold.ph-chat-centered-dots:before {
  content: "\e164";
}
.ph-bold.ph-chat-centered-slash:before {
  content: "\e162";
}
.ph-bold.ph-chat-centered-text:before {
  content: "\e166";
}
.ph-bold.ph-chat-circle:before {
  content: "\e168";
}
.ph-bold.ph-chat-circle-dots:before {
  content: "\e16c";
}
.ph-bold.ph-chat-circle-slash:before {
  content: "\e16a";
}
.ph-bold.ph-chat-circle-text:before {
  content: "\e16e";
}
.ph-bold.ph-chat-dots:before {
  content: "\e170";
}
.ph-bold.ph-chat-slash:before {
  content: "\e15e";
}
.ph-bold.ph-chat-teardrop:before {
  content: "\e172";
}
.ph-bold.ph-chat-teardrop-dots:before {
  content: "\e176";
}
.ph-bold.ph-chat-teardrop-slash:before {
  content: "\e174";
}
.ph-bold.ph-chat-teardrop-text:before {
  content: "\e178";
}
.ph-bold.ph-chat-text:before {
  content: "\e17a";
}
.ph-bold.ph-chats:before {
  content: "\e17c";
}
.ph-bold.ph-chats-circle:before {
  content: "\e17e";
}
.ph-bold.ph-chats-teardrop:before {
  content: "\e180";
}
.ph-bold.ph-check:before {
  content: "\e182";
}
.ph-bold.ph-check-circle:before {
  content: "\e184";
}
.ph-bold.ph-check-fat:before {
  content: "\eba6";
}
.ph-bold.ph-check-square:before {
  content: "\e186";
}
.ph-bold.ph-check-square-offset:before {
  content: "\e188";
}
.ph-bold.ph-checkerboard:before {
  content: "\e8c4";
}
.ph-bold.ph-checks:before {
  content: "\e53a";
}
.ph-bold.ph-cheers:before {
  content: "\ea4a";
}
.ph-bold.ph-cheese:before {
  content: "\e9fe";
}
.ph-bold.ph-chef-hat:before {
  content: "\ed8e";
}
.ph-bold.ph-cherries:before {
  content: "\e830";
}
.ph-bold.ph-church:before {
  content: "\ecea";
}
.ph-bold.ph-cigarette:before {
  content: "\ed90";
}
.ph-bold.ph-cigarette-slash:before {
  content: "\ed92";
}
.ph-bold.ph-circle:before {
  content: "\e18a";
}
.ph-bold.ph-circle-dashed:before {
  content: "\e602";
}
.ph-bold.ph-circle-half:before {
  content: "\e18c";
}
.ph-bold.ph-circle-half-tilt:before {
  content: "\e18e";
}
.ph-bold.ph-circle-notch:before {
  content: "\eb44";
}
.ph-bold.ph-circles-four:before {
  content: "\e190";
}
.ph-bold.ph-circles-three:before {
  content: "\e192";
}
.ph-bold.ph-circles-three-plus:before {
  content: "\e194";
}
.ph-bold.ph-circuitry:before {
  content: "\e9c2";
}
.ph-bold.ph-city:before {
  content: "\ea6a";
}
.ph-bold.ph-clipboard:before {
  content: "\e196";
}
.ph-bold.ph-clipboard-text:before {
  content: "\e198";
}
.ph-bold.ph-clock:before {
  content: "\e19a";
}
.ph-bold.ph-clock-afternoon:before {
  content: "\e19c";
}
.ph-bold.ph-clock-clockwise:before {
  content: "\e19e";
}
.ph-bold.ph-clock-countdown:before {
  content: "\ed2c";
}
.ph-bold.ph-clock-counter-clockwise:before {
  content: "\e1a0";
}
.ph-bold.ph-clock-user:before {
  content: "\edec";
}
.ph-bold.ph-closed-captioning:before {
  content: "\e1a4";
}
.ph-bold.ph-cloud:before {
  content: "\e1aa";
}
.ph-bold.ph-cloud-arrow-down:before {
  content: "\e1ac";
}
.ph-bold.ph-cloud-arrow-up:before {
  content: "\e1ae";
}
.ph-bold.ph-cloud-check:before {
  content: "\e1b0";
}
.ph-bold.ph-cloud-fog:before {
  content: "\e53c";
}
.ph-bold.ph-cloud-lightning:before {
  content: "\e1b2";
}
.ph-bold.ph-cloud-moon:before {
  content: "\e53e";
}
.ph-bold.ph-cloud-rain:before {
  content: "\e1b4";
}
.ph-bold.ph-cloud-slash:before {
  content: "\e1b6";
}
.ph-bold.ph-cloud-snow:before {
  content: "\e1b8";
}
.ph-bold.ph-cloud-sun:before {
  content: "\e540";
}
.ph-bold.ph-cloud-warning:before {
  content: "\ea98";
}
.ph-bold.ph-cloud-x:before {
  content: "\ea96";
}
.ph-bold.ph-clover:before {
  content: "\edc8";
}
.ph-bold.ph-club:before {
  content: "\e1ba";
}
.ph-bold.ph-coat-hanger:before {
  content: "\e7fe";
}
.ph-bold.ph-coda-logo:before {
  content: "\e7ce";
}
.ph-bold.ph-code:before {
  content: "\e1bc";
}
.ph-bold.ph-code-block:before {
  content: "\eafe";
}
.ph-bold.ph-code-simple:before {
  content: "\e1be";
}
.ph-bold.ph-codepen-logo:before {
  content: "\e978";
}
.ph-bold.ph-codesandbox-logo:before {
  content: "\ea06";
}
.ph-bold.ph-coffee:before {
  content: "\e1c2";
}
.ph-bold.ph-coffee-bean:before {
  content: "\e1c0";
}
.ph-bold.ph-coin:before {
  content: "\e60e";
}
.ph-bold.ph-coin-vertical:before {
  content: "\eb48";
}
.ph-bold.ph-coins:before {
  content: "\e78e";
}
.ph-bold.ph-columns:before {
  content: "\e546";
}
.ph-bold.ph-columns-plus-left:before {
  content: "\e544";
}
.ph-bold.ph-columns-plus-right:before {
  content: "\e542";
}
.ph-bold.ph-command:before {
  content: "\e1c4";
}
.ph-bold.ph-compass:before {
  content: "\e1c8";
}
.ph-bold.ph-compass-rose:before {
  content: "\e1c6";
}
.ph-bold.ph-compass-tool:before {
  content: "\ea0e";
}
.ph-bold.ph-computer-tower:before {
  content: "\e548";
}
.ph-bold.ph-confetti:before {
  content: "\e81a";
}
.ph-bold.ph-contactless-payment:before {
  content: "\ed42";
}
.ph-bold.ph-control:before {
  content: "\eca6";
}
.ph-bold.ph-cookie:before {
  content: "\e6ca";
}
.ph-bold.ph-cooking-pot:before {
  content: "\e764";
}
.ph-bold.ph-copy:before {
  content: "\e1ca";
}
.ph-bold.ph-copy-simple:before {
  content: "\e1cc";
}
.ph-bold.ph-copyleft:before {
  content: "\e86a";
}
.ph-bold.ph-copyright:before {
  content: "\e54a";
}
.ph-bold.ph-corners-in:before {
  content: "\e1ce";
}
.ph-bold.ph-corners-out:before {
  content: "\e1d0";
}
.ph-bold.ph-couch:before {
  content: "\e7f6";
}
.ph-bold.ph-court-basketball:before {
  content: "\ee36";
}
.ph-bold.ph-cow:before {
  content: "\eabe";
}
.ph-bold.ph-cowboy-hat:before {
  content: "\ed12";
}
.ph-bold.ph-cpu:before {
  content: "\e610";
}
.ph-bold.ph-crane:before {
  content: "\ed48";
}
.ph-bold.ph-crane-tower:before {
  content: "\ed49";
}
.ph-bold.ph-credit-card:before {
  content: "\e1d2";
}
.ph-bold.ph-cricket:before {
  content: "\ee12";
}
.ph-bold.ph-crop:before {
  content: "\e1d4";
}
.ph-bold.ph-cross:before {
  content: "\e8a0";
}
.ph-bold.ph-crosshair:before {
  content: "\e1d6";
}
.ph-bold.ph-crosshair-simple:before {
  content: "\e1d8";
}
.ph-bold.ph-crown:before {
  content: "\e614";
}
.ph-bold.ph-crown-cross:before {
  content: "\ee5e";
}
.ph-bold.ph-crown-simple:before {
  content: "\e616";
}
.ph-bold.ph-cube:before {
  content: "\e1da";
}
.ph-bold.ph-cube-focus:before {
  content: "\ed0a";
}
.ph-bold.ph-cube-transparent:before {
  content: "\ec7c";
}
.ph-bold.ph-currency-btc:before {
  content: "\e618";
}
.ph-bold.ph-currency-circle-dollar:before {
  content: "\e54c";
}
.ph-bold.ph-currency-cny:before {
  content: "\e54e";
}
.ph-bold.ph-currency-dollar:before {
  content: "\e550";
}
.ph-bold.ph-currency-dollar-simple:before {
  content: "\e552";
}
.ph-bold.ph-currency-eth:before {
  content: "\eada";
}
.ph-bold.ph-currency-eur:before {
  content: "\e554";
}
.ph-bold.ph-currency-gbp:before {
  content: "\e556";
}
.ph-bold.ph-currency-inr:before {
  content: "\e558";
}
.ph-bold.ph-currency-jpy:before {
  content: "\e55a";
}
.ph-bold.ph-currency-krw:before {
  content: "\e55c";
}
.ph-bold.ph-currency-kzt:before {
  content: "\ec4c";
}
.ph-bold.ph-currency-ngn:before {
  content: "\eb52";
}
.ph-bold.ph-currency-rub:before {
  content: "\e55e";
}
.ph-bold.ph-cursor:before {
  content: "\e1dc";
}
.ph-bold.ph-cursor-click:before {
  content: "\e7c8";
}
.ph-bold.ph-cursor-text:before {
  content: "\e7d8";
}
.ph-bold.ph-cylinder:before {
  content: "\e8fc";
}
.ph-bold.ph-database:before {
  content: "\e1de";
}
.ph-bold.ph-desk:before {
  content: "\ed16";
}
.ph-bold.ph-desktop:before {
  content: "\e560";
}
.ph-bold.ph-desktop-tower:before {
  content: "\e562";
}
.ph-bold.ph-detective:before {
  content: "\e83e";
}
.ph-bold.ph-dev-to-logo:before {
  content: "\ed0e";
}
.ph-bold.ph-device-mobile:before {
  content: "\e1e0";
}
.ph-bold.ph-device-mobile-camera:before {
  content: "\e1e2";
}
.ph-bold.ph-device-mobile-slash:before {
  content: "\ee46";
}
.ph-bold.ph-device-mobile-speaker:before {
  content: "\e1e4";
}
.ph-bold.ph-device-rotate:before {
  content: "\edf2";
}
.ph-bold.ph-device-tablet:before {
  content: "\e1e6";
}
.ph-bold.ph-device-tablet-camera:before {
  content: "\e1e8";
}
.ph-bold.ph-device-tablet-speaker:before {
  content: "\e1ea";
}
.ph-bold.ph-devices:before {
  content: "\eba4";
}
.ph-bold.ph-diamond:before {
  content: "\e1ec";
}
.ph-bold.ph-diamonds-four:before {
  content: "\e8f4";
}
.ph-bold.ph-dice-five:before {
  content: "\e1ee";
}
.ph-bold.ph-dice-four:before {
  content: "\e1f0";
}
.ph-bold.ph-dice-one:before {
  content: "\e1f2";
}
.ph-bold.ph-dice-six:before {
  content: "\e1f4";
}
.ph-bold.ph-dice-three:before {
  content: "\e1f6";
}
.ph-bold.ph-dice-two:before {
  content: "\e1f8";
}
.ph-bold.ph-disc:before {
  content: "\e564";
}
.ph-bold.ph-disco-ball:before {
  content: "\ed98";
}
.ph-bold.ph-discord-logo:before {
  content: "\e61a";
}
.ph-bold.ph-divide:before {
  content: "\e1fa";
}
.ph-bold.ph-dna:before {
  content: "\e924";
}
.ph-bold.ph-dog:before {
  content: "\e74a";
}
.ph-bold.ph-door:before {
  content: "\e61c";
}
.ph-bold.ph-door-open:before {
  content: "\e7e6";
}
.ph-bold.ph-dot:before {
  content: "\ecde";
}
.ph-bold.ph-dot-outline:before {
  content: "\ece0";
}
.ph-bold.ph-dots-nine:before {
  content: "\e1fc";
}
.ph-bold.ph-dots-six:before {
  content: "\e794";
}
.ph-bold.ph-dots-six-vertical:before {
  content: "\eae2";
}
.ph-bold.ph-dots-three:before {
  content: "\e1fe";
}
.ph-bold.ph-dots-three-circle:before {
  content: "\e200";
}
.ph-bold.ph-dots-three-circle-vertical:before {
  content: "\e202";
}
.ph-bold.ph-dots-three-outline:before {
  content: "\e204";
}
.ph-bold.ph-dots-three-outline-vertical:before {
  content: "\e206";
}
.ph-bold.ph-dots-three-vertical:before {
  content: "\e208";
}
.ph-bold.ph-download:before {
  content: "\e20a";
}
.ph-bold.ph-download-simple:before {
  content: "\e20c";
}
.ph-bold.ph-dress:before {
  content: "\ea7e";
}
.ph-bold.ph-dresser:before {
  content: "\e94e";
}
.ph-bold.ph-dribbble-logo:before {
  content: "\e20e";
}
.ph-bold.ph-drone:before {
  content: "\ed74";
}
.ph-bold.ph-drop:before {
  content: "\e210";
}
.ph-bold.ph-drop-half:before {
  content: "\e566";
}
.ph-bold.ph-drop-half-bottom:before {
  content: "\eb40";
}
.ph-bold.ph-drop-simple:before {
  content: "\ee32";
}
.ph-bold.ph-drop-slash:before {
  content: "\e954";
}
.ph-bold.ph-dropbox-logo:before {
  content: "\e7d0";
}
.ph-bold.ph-ear:before {
  content: "\e70c";
}
.ph-bold.ph-ear-slash:before {
  content: "\e70e";
}
.ph-bold.ph-egg:before {
  content: "\e812";
}
.ph-bold.ph-egg-crack:before {
  content: "\eb64";
}
.ph-bold.ph-eject:before {
  content: "\e212";
}
.ph-bold.ph-eject-simple:before {
  content: "\e6ae";
}
.ph-bold.ph-elevator:before {
  content: "\ecc0";
}
.ph-bold.ph-empty:before {
  content: "\edbc";
}
.ph-bold.ph-engine:before {
  content: "\ea80";
}
.ph-bold.ph-envelope:before {
  content: "\e214";
}
.ph-bold.ph-envelope-open:before {
  content: "\e216";
}
.ph-bold.ph-envelope-simple:before {
  content: "\e218";
}
.ph-bold.ph-envelope-simple-open:before {
  content: "\e21a";
}
.ph-bold.ph-equalizer:before {
  content: "\ebbc";
}
.ph-bold.ph-equals:before {
  content: "\e21c";
}
.ph-bold.ph-eraser:before {
  content: "\e21e";
}
.ph-bold.ph-escalator-down:before {
  content: "\ecba";
}
.ph-bold.ph-escalator-up:before {
  content: "\ecbc";
}
.ph-bold.ph-exam:before {
  content: "\e742";
}
.ph-bold.ph-exclamation-mark:before {
  content: "\ee44";
}
.ph-bold.ph-exclude:before {
  content: "\e882";
}
.ph-bold.ph-exclude-square:before {
  content: "\e880";
}
.ph-bold.ph-export:before {
  content: "\eaf0";
}
.ph-bold.ph-eye:before {
  content: "\e220";
}
.ph-bold.ph-eye-closed:before {
  content: "\e222";
}
.ph-bold.ph-eye-slash:before {
  content: "\e224";
}
.ph-bold.ph-eyedropper:before {
  content: "\e568";
}
.ph-bold.ph-eyedropper-sample:before {
  content: "\eac4";
}
.ph-bold.ph-eyeglasses:before {
  content: "\e7ba";
}
.ph-bold.ph-eyes:before {
  content: "\ee5c";
}
.ph-bold.ph-face-mask:before {
  content: "\e56a";
}
.ph-bold.ph-facebook-logo:before {
  content: "\e226";
}
.ph-bold.ph-factory:before {
  content: "\e760";
}
.ph-bold.ph-faders:before {
  content: "\e228";
}
.ph-bold.ph-faders-horizontal:before {
  content: "\e22a";
}
.ph-bold.ph-fallout-shelter:before {
  content: "\e9de";
}
.ph-bold.ph-fan:before {
  content: "\e9f2";
}
.ph-bold.ph-farm:before {
  content: "\ec70";
}
.ph-bold.ph-fast-forward:before {
  content: "\e6a6";
}
.ph-bold.ph-fast-forward-circle:before {
  content: "\e22c";
}
.ph-bold.ph-feather:before {
  content: "\e9c0";
}
.ph-bold.ph-fediverse-logo:before {
  content: "\ed66";
}
.ph-bold.ph-figma-logo:before {
  content: "\e22e";
}
.ph-bold.ph-file:before {
  content: "\e230";
}
.ph-bold.ph-file-archive:before {
  content: "\eb2a";
}
.ph-bold.ph-file-arrow-down:before {
  content: "\e232";
}
.ph-bold.ph-file-arrow-up:before {
  content: "\e61e";
}
.ph-bold.ph-file-audio:before {
  content: "\ea20";
}
.ph-bold.ph-file-c:before {
  content: "\eb32";
}
.ph-bold.ph-file-c-sharp:before {
  content: "\eb30";
}
.ph-bold.ph-file-cloud:before {
  content: "\e95e";
}
.ph-bold.ph-file-code:before {
  content: "\e914";
}
.ph-bold.ph-file-cpp:before {
  content: "\eb2e";
}
.ph-bold.ph-file-css:before {
  content: "\eb34";
}
.ph-bold.ph-file-csv:before {
  content: "\eb1c";
}
.ph-bold.ph-file-dashed:before {
  content: "\e704";
}
.ph-bold.ph-file-dotted:before {
  content: "\e704";
}
.ph-bold.ph-file-doc:before {
  content: "\eb1e";
}
.ph-bold.ph-file-html:before {
  content: "\eb38";
}
.ph-bold.ph-file-image:before {
  content: "\ea24";
}
.ph-bold.ph-file-ini:before {
  content: "\eb33";
}
.ph-bold.ph-file-jpg:before {
  content: "\eb1a";
}
.ph-bold.ph-file-js:before {
  content: "\eb24";
}
.ph-bold.ph-file-jsx:before {
  content: "\eb3a";
}
.ph-bold.ph-file-lock:before {
  content: "\e95c";
}
.ph-bold.ph-file-magnifying-glass:before {
  content: "\e238";
}
.ph-bold.ph-file-search:before {
  content: "\e238";
}
.ph-bold.ph-file-md:before {
  content: "\ed50";
}
.ph-bold.ph-file-minus:before {
  content: "\e234";
}
.ph-bold.ph-file-pdf:before {
  content: "\e702";
}
.ph-bold.ph-file-plus:before {
  content: "\e236";
}
.ph-bold.ph-file-png:before {
  content: "\eb18";
}
.ph-bold.ph-file-ppt:before {
  content: "\eb20";
}
.ph-bold.ph-file-py:before {
  content: "\eb2c";
}
.ph-bold.ph-file-rs:before {
  content: "\eb28";
}
.ph-bold.ph-file-sql:before {
  content: "\ed4e";
}
.ph-bold.ph-file-svg:before {
  content: "\ed08";
}
.ph-bold.ph-file-text:before {
  content: "\e23a";
}
.ph-bold.ph-file-ts:before {
  content: "\eb26";
}
.ph-bold.ph-file-tsx:before {
  content: "\eb3c";
}
.ph-bold.ph-file-txt:before {
  content: "\eb35";
}
.ph-bold.ph-file-video:before {
  content: "\ea22";
}
.ph-bold.ph-file-vue:before {
  content: "\eb3e";
}
.ph-bold.ph-file-x:before {
  content: "\e23c";
}
.ph-bold.ph-file-xls:before {
  content: "\eb22";
}
.ph-bold.ph-file-zip:before {
  content: "\e958";
}
.ph-bold.ph-files:before {
  content: "\e710";
}
.ph-bold.ph-film-reel:before {
  content: "\e8c0";
}
.ph-bold.ph-film-script:before {
  content: "\eb50";
}
.ph-bold.ph-film-slate:before {
  content: "\e8c2";
}
.ph-bold.ph-film-strip:before {
  content: "\e792";
}
.ph-bold.ph-fingerprint:before {
  content: "\e23e";
}
.ph-bold.ph-fingerprint-simple:before {
  content: "\e240";
}
.ph-bold.ph-finn-the-human:before {
  content: "\e56c";
}
.ph-bold.ph-fire:before {
  content: "\e242";
}
.ph-bold.ph-fire-extinguisher:before {
  content: "\e9e8";
}
.ph-bold.ph-fire-simple:before {
  content: "\e620";
}
.ph-bold.ph-fire-truck:before {
  content: "\e574";
}
.ph-bold.ph-first-aid:before {
  content: "\e56e";
}
.ph-bold.ph-first-aid-kit:before {
  content: "\e570";
}
.ph-bold.ph-fish:before {
  content: "\e728";
}
.ph-bold.ph-fish-simple:before {
  content: "\e72a";
}
.ph-bold.ph-flag:before {
  content: "\e244";
}
.ph-bold.ph-flag-banner:before {
  content: "\e622";
}
.ph-bold.ph-flag-banner-fold:before {
  content: "\ecf2";
}
.ph-bold.ph-flag-checkered:before {
  content: "\ea38";
}
.ph-bold.ph-flag-pennant:before {
  content: "\ecf0";
}
.ph-bold.ph-flame:before {
  content: "\e624";
}
.ph-bold.ph-flashlight:before {
  content: "\e246";
}
.ph-bold.ph-flask:before {
  content: "\e79e";
}
.ph-bold.ph-flip-horizontal:before {
  content: "\ed6a";
}
.ph-bold.ph-flip-vertical:before {
  content: "\ed6c";
}
.ph-bold.ph-floppy-disk:before {
  content: "\e248";
}
.ph-bold.ph-floppy-disk-back:before {
  content: "\eaf4";
}
.ph-bold.ph-flow-arrow:before {
  content: "\e6ec";
}
.ph-bold.ph-flower:before {
  content: "\e75e";
}
.ph-bold.ph-flower-lotus:before {
  content: "\e6cc";
}
.ph-bold.ph-flower-tulip:before {
  content: "\eacc";
}
.ph-bold.ph-flying-saucer:before {
  content: "\eb4a";
}
.ph-bold.ph-folder:before {
  content: "\e24a";
}
.ph-bold.ph-folder-notch:before {
  content: "\e24a";
}
.ph-bold.ph-folder-dashed:before {
  content: "\e8f8";
}
.ph-bold.ph-folder-dotted:before {
  content: "\e8f8";
}
.ph-bold.ph-folder-lock:before {
  content: "\ea3c";
}
.ph-bold.ph-folder-minus:before {
  content: "\e254";
}
.ph-bold.ph-folder-notch-minus:before {
  content: "\e254";
}
.ph-bold.ph-folder-open:before {
  content: "\e256";
}
.ph-bold.ph-folder-notch-open:before {
  content: "\e256";
}
.ph-bold.ph-folder-plus:before {
  content: "\e258";
}
.ph-bold.ph-folder-notch-plus:before {
  content: "\e258";
}
.ph-bold.ph-folder-simple:before {
  content: "\e25a";
}
.ph-bold.ph-folder-simple-dashed:before {
  content: "\ec2a";
}
.ph-bold.ph-folder-simple-dotted:before {
  content: "\ec2a";
}
.ph-bold.ph-folder-simple-lock:before {
  content: "\eb5e";
}
.ph-bold.ph-folder-simple-minus:before {
  content: "\e25c";
}
.ph-bold.ph-folder-simple-plus:before {
  content: "\e25e";
}
.ph-bold.ph-folder-simple-star:before {
  content: "\ec2e";
}
.ph-bold.ph-folder-simple-user:before {
  content: "\eb60";
}
.ph-bold.ph-folder-star:before {
  content: "\ea86";
}
.ph-bold.ph-folder-user:before {
  content: "\eb46";
}
.ph-bold.ph-folders:before {
  content: "\e260";
}
.ph-bold.ph-football:before {
  content: "\e718";
}
.ph-bold.ph-football-helmet:before {
  content: "\ee4c";
}
.ph-bold.ph-footprints:before {
  content: "\ea88";
}
.ph-bold.ph-fork-knife:before {
  content: "\e262";
}
.ph-bold.ph-four-k:before {
  content: "\ea5c";
}
.ph-bold.ph-frame-corners:before {
  content: "\e626";
}
.ph-bold.ph-framer-logo:before {
  content: "\e264";
}
.ph-bold.ph-function:before {
  content: "\ebe4";
}
.ph-bold.ph-funnel:before {
  content: "\e266";
}
.ph-bold.ph-funnel-simple:before {
  content: "\e268";
}
.ph-bold.ph-funnel-simple-x:before {
  content: "\e26a";
}
.ph-bold.ph-funnel-x:before {
  content: "\e26c";
}
.ph-bold.ph-game-controller:before {
  content: "\e26e";
}
.ph-bold.ph-garage:before {
  content: "\ecd6";
}
.ph-bold.ph-gas-can:before {
  content: "\e8ce";
}
.ph-bold.ph-gas-pump:before {
  content: "\e768";
}
.ph-bold.ph-gauge:before {
  content: "\e628";
}
.ph-bold.ph-gavel:before {
  content: "\ea32";
}
.ph-bold.ph-gear:before {
  content: "\e270";
}
.ph-bold.ph-gear-fine:before {
  content: "\e87c";
}
.ph-bold.ph-gear-six:before {
  content: "\e272";
}
.ph-bold.ph-gender-female:before {
  content: "\e6e0";
}
.ph-bold.ph-gender-intersex:before {
  content: "\e6e6";
}
.ph-bold.ph-gender-male:before {
  content: "\e6e2";
}
.ph-bold.ph-gender-neuter:before {
  content: "\e6ea";
}
.ph-bold.ph-gender-nonbinary:before {
  content: "\e6e4";
}
.ph-bold.ph-gender-transgender:before {
  content: "\e6e8";
}
.ph-bold.ph-ghost:before {
  content: "\e62a";
}
.ph-bold.ph-gif:before {
  content: "\e274";
}
.ph-bold.ph-gift:before {
  content: "\e276";
}
.ph-bold.ph-git-branch:before {
  content: "\e278";
}
.ph-bold.ph-git-commit:before {
  content: "\e27a";
}
.ph-bold.ph-git-diff:before {
  content: "\e27c";
}
.ph-bold.ph-git-fork:before {
  content: "\e27e";
}
.ph-bold.ph-git-merge:before {
  content: "\e280";
}
.ph-bold.ph-git-pull-request:before {
  content: "\e282";
}
.ph-bold.ph-github-logo:before {
  content: "\e576";
}
.ph-bold.ph-gitlab-logo:before {
  content: "\e694";
}
.ph-bold.ph-gitlab-logo-simple:before {
  content: "\e696";
}
.ph-bold.ph-globe:before {
  content: "\e288";
}
.ph-bold.ph-globe-hemisphere-east:before {
  content: "\e28a";
}
.ph-bold.ph-globe-hemisphere-west:before {
  content: "\e28c";
}
.ph-bold.ph-globe-simple:before {
  content: "\e28e";
}
.ph-bold.ph-globe-simple-x:before {
  content: "\e284";
}
.ph-bold.ph-globe-stand:before {
  content: "\e290";
}
.ph-bold.ph-globe-x:before {
  content: "\e286";
}
.ph-bold.ph-goggles:before {
  content: "\ecb4";
}
.ph-bold.ph-golf:before {
  content: "\ea3e";
}
.ph-bold.ph-goodreads-logo:before {
  content: "\ed10";
}
.ph-bold.ph-google-cardboard-logo:before {
  content: "\e7b6";
}
.ph-bold.ph-google-chrome-logo:before {
  content: "\e976";
}
.ph-bold.ph-google-drive-logo:before {
  content: "\e8f6";
}
.ph-bold.ph-google-logo:before {
  content: "\e292";
}
.ph-bold.ph-google-photos-logo:before {
  content: "\eb92";
}
.ph-bold.ph-google-play-logo:before {
  content: "\e294";
}
.ph-bold.ph-google-podcasts-logo:before {
  content: "\eb94";
}
.ph-bold.ph-gps:before {
  content: "\edd8";
}
.ph-bold.ph-gps-fix:before {
  content: "\edd6";
}
.ph-bold.ph-gps-slash:before {
  content: "\edd4";
}
.ph-bold.ph-gradient:before {
  content: "\eb42";
}
.ph-bold.ph-graduation-cap:before {
  content: "\e62c";
}
.ph-bold.ph-grains:before {
  content: "\ec68";
}
.ph-bold.ph-grains-slash:before {
  content: "\ec6a";
}
.ph-bold.ph-graph:before {
  content: "\eb58";
}
.ph-bold.ph-graphics-card:before {
  content: "\e612";
}
.ph-bold.ph-greater-than:before {
  content: "\edc4";
}
.ph-bold.ph-greater-than-or-equal:before {
  content: "\eda2";
}
.ph-bold.ph-grid-four:before {
  content: "\e296";
}
.ph-bold.ph-grid-nine:before {
  content: "\ec8c";
}
.ph-bold.ph-guitar:before {
  content: "\ea8a";
}
.ph-bold.ph-hair-dryer:before {
  content: "\ea66";
}
.ph-bold.ph-hamburger:before {
  content: "\e790";
}
.ph-bold.ph-hammer:before {
  content: "\e80e";
}
.ph-bold.ph-hand:before {
  content: "\e298";
}
.ph-bold.ph-hand-arrow-down:before {
  content: "\ea4e";
}
.ph-bold.ph-hand-arrow-up:before {
  content: "\ee5a";
}
.ph-bold.ph-hand-coins:before {
  content: "\ea8c";
}
.ph-bold.ph-hand-deposit:before {
  content: "\ee82";
}
.ph-bold.ph-hand-eye:before {
  content: "\ea4c";
}
.ph-bold.ph-hand-fist:before {
  content: "\e57a";
}
.ph-bold.ph-hand-grabbing:before {
  content: "\e57c";
}
.ph-bold.ph-hand-heart:before {
  content: "\e810";
}
.ph-bold.ph-hand-palm:before {
  content: "\e57e";
}
.ph-bold.ph-hand-peace:before {
  content: "\e7cc";
}
.ph-bold.ph-hand-pointing:before {
  content: "\e29a";
}
.ph-bold.ph-hand-soap:before {
  content: "\e630";
}
.ph-bold.ph-hand-swipe-left:before {
  content: "\ec94";
}
.ph-bold.ph-hand-swipe-right:before {
  content: "\ec92";
}
.ph-bold.ph-hand-tap:before {
  content: "\ec90";
}
.ph-bold.ph-hand-waving:before {
  content: "\e580";
}
.ph-bold.ph-hand-withdraw:before {
  content: "\ee80";
}
.ph-bold.ph-handbag:before {
  content: "\e29c";
}
.ph-bold.ph-handbag-simple:before {
  content: "\e62e";
}
.ph-bold.ph-hands-clapping:before {
  content: "\e6a0";
}
.ph-bold.ph-hands-praying:before {
  content: "\ecc8";
}
.ph-bold.ph-handshake:before {
  content: "\e582";
}
.ph-bold.ph-hard-drive:before {
  content: "\e29e";
}
.ph-bold.ph-hard-drives:before {
  content: "\e2a0";
}
.ph-bold.ph-hard-hat:before {
  content: "\ed46";
}
.ph-bold.ph-hash:before {
  content: "\e2a2";
}
.ph-bold.ph-hash-straight:before {
  content: "\e2a4";
}
.ph-bold.ph-head-circuit:before {
  content: "\e7d4";
}
.ph-bold.ph-headlights:before {
  content: "\e6fe";
}
.ph-bold.ph-headphones:before {
  content: "\e2a6";
}
.ph-bold.ph-headset:before {
  content: "\e584";
}
.ph-bold.ph-heart:before {
  content: "\e2a8";
}
.ph-bold.ph-heart-break:before {
  content: "\ebe8";
}
.ph-bold.ph-heart-half:before {
  content: "\ec48";
}
.ph-bold.ph-heart-straight:before {
  content: "\e2aa";
}
.ph-bold.ph-heart-straight-break:before {
  content: "\eb98";
}
.ph-bold.ph-heartbeat:before {
  content: "\e2ac";
}
.ph-bold.ph-hexagon:before {
  content: "\e2ae";
}
.ph-bold.ph-high-definition:before {
  content: "\ea8e";
}
.ph-bold.ph-high-heel:before {
  content: "\e8e8";
}
.ph-bold.ph-highlighter:before {
  content: "\ec76";
}
.ph-bold.ph-highlighter-circle:before {
  content: "\e632";
}
.ph-bold.ph-hockey:before {
  content: "\ec86";
}
.ph-bold.ph-hoodie:before {
  content: "\ecd0";
}
.ph-bold.ph-horse:before {
  content: "\e2b0";
}
.ph-bold.ph-hospital:before {
  content: "\e844";
}
.ph-bold.ph-hourglass:before {
  content: "\e2b2";
}
.ph-bold.ph-hourglass-high:before {
  content: "\e2b4";
}
.ph-bold.ph-hourglass-low:before {
  content: "\e2b6";
}
.ph-bold.ph-hourglass-medium:before {
  content: "\e2b8";
}
.ph-bold.ph-hourglass-simple:before {
  content: "\e2ba";
}
.ph-bold.ph-hourglass-simple-high:before {
  content: "\e2bc";
}
.ph-bold.ph-hourglass-simple-low:before {
  content: "\e2be";
}
.ph-bold.ph-hourglass-simple-medium:before {
  content: "\e2c0";
}
.ph-bold.ph-house:before {
  content: "\e2c2";
}
.ph-bold.ph-house-line:before {
  content: "\e2c4";
}
.ph-bold.ph-house-simple:before {
  content: "\e2c6";
}
.ph-bold.ph-hurricane:before {
  content: "\e88e";
}
.ph-bold.ph-ice-cream:before {
  content: "\e804";
}
.ph-bold.ph-identification-badge:before {
  content: "\e6f6";
}
.ph-bold.ph-identification-card:before {
  content: "\e2c8";
}
.ph-bold.ph-image:before {
  content: "\e2ca";
}
.ph-bold.ph-image-broken:before {
  content: "\e7a8";
}
.ph-bold.ph-image-square:before {
  content: "\e2cc";
}
.ph-bold.ph-images:before {
  content: "\e836";
}
.ph-bold.ph-images-square:before {
  content: "\e834";
}
.ph-bold.ph-infinity:before {
  content: "\e634";
}
.ph-bold.ph-lemniscate:before {
  content: "\e634";
}
.ph-bold.ph-info:before {
  content: "\e2ce";
}
.ph-bold.ph-instagram-logo:before {
  content: "\e2d0";
}
.ph-bold.ph-intersect:before {
  content: "\e2d2";
}
.ph-bold.ph-intersect-square:before {
  content: "\e87a";
}
.ph-bold.ph-intersect-three:before {
  content: "\ecc4";
}
.ph-bold.ph-intersection:before {
  content: "\edba";
}
.ph-bold.ph-invoice:before {
  content: "\ee42";
}
.ph-bold.ph-island:before {
  content: "\ee06";
}
.ph-bold.ph-jar:before {
  content: "\e7e0";
}
.ph-bold.ph-jar-label:before {
  content: "\e7e1";
}
.ph-bold.ph-jeep:before {
  content: "\e2d4";
}
.ph-bold.ph-joystick:before {
  content: "\ea5e";
}
.ph-bold.ph-kanban:before {
  content: "\eb54";
}
.ph-bold.ph-key:before {
  content: "\e2d6";
}
.ph-bold.ph-key-return:before {
  content: "\e782";
}
.ph-bold.ph-keyboard:before {
  content: "\e2d8";
}
.ph-bold.ph-keyhole:before {
  content: "\ea78";
}
.ph-bold.ph-knife:before {
  content: "\e636";
}
.ph-bold.ph-ladder:before {
  content: "\e9e4";
}
.ph-bold.ph-ladder-simple:before {
  content: "\ec26";
}
.ph-bold.ph-lamp:before {
  content: "\e638";
}
.ph-bold.ph-lamp-pendant:before {
  content: "\ee2e";
}
.ph-bold.ph-laptop:before {
  content: "\e586";
}
.ph-bold.ph-lasso:before {
  content: "\edc6";
}
.ph-bold.ph-lastfm-logo:before {
  content: "\e842";
}
.ph-bold.ph-layout:before {
  content: "\e6d6";
}
.ph-bold.ph-leaf:before {
  content: "\e2da";
}
.ph-bold.ph-lectern:before {
  content: "\e95a";
}
.ph-bold.ph-lego:before {
  content: "\e8c6";
}
.ph-bold.ph-lego-smiley:before {
  content: "\e8c7";
}
.ph-bold.ph-less-than:before {
  content: "\edac";
}
.ph-bold.ph-less-than-or-equal:before {
  content: "\eda4";
}
.ph-bold.ph-letter-circle-h:before {
  content: "\ebf8";
}
.ph-bold.ph-letter-circle-p:before {
  content: "\ec08";
}
.ph-bold.ph-letter-circle-v:before {
  content: "\ec14";
}
.ph-bold.ph-lifebuoy:before {
  content: "\e63a";
}
.ph-bold.ph-lightbulb:before {
  content: "\e2dc";
}
.ph-bold.ph-lightbulb-filament:before {
  content: "\e63c";
}
.ph-bold.ph-lighthouse:before {
  content: "\e9f6";
}
.ph-bold.ph-lightning:before {
  content: "\e2de";
}
.ph-bold.ph-lightning-a:before {
  content: "\ea84";
}
.ph-bold.ph-lightning-slash:before {
  content: "\e2e0";
}
.ph-bold.ph-line-segment:before {
  content: "\e6d2";
}
.ph-bold.ph-line-segments:before {
  content: "\e6d4";
}
.ph-bold.ph-line-vertical:before {
  content: "\ed70";
}
.ph-bold.ph-link:before {
  content: "\e2e2";
}
.ph-bold.ph-link-break:before {
  content: "\e2e4";
}
.ph-bold.ph-link-simple:before {
  content: "\e2e6";
}
.ph-bold.ph-link-simple-break:before {
  content: "\e2e8";
}
.ph-bold.ph-link-simple-horizontal:before {
  content: "\e2ea";
}
.ph-bold.ph-link-simple-horizontal-break:before {
  content: "\e2ec";
}
.ph-bold.ph-linkedin-logo:before {
  content: "\e2ee";
}
.ph-bold.ph-linktree-logo:before {
  content: "\edee";
}
.ph-bold.ph-linux-logo:before {
  content: "\eb02";
}
.ph-bold.ph-list:before {
  content: "\e2f0";
}
.ph-bold.ph-list-bullets:before {
  content: "\e2f2";
}
.ph-bold.ph-list-checks:before {
  content: "\eadc";
}
.ph-bold.ph-list-dashes:before {
  content: "\e2f4";
}
.ph-bold.ph-list-heart:before {
  content: "\ebde";
}
.ph-bold.ph-list-magnifying-glass:before {
  content: "\ebe0";
}
.ph-bold.ph-list-numbers:before {
  content: "\e2f6";
}
.ph-bold.ph-list-plus:before {
  content: "\e2f8";
}
.ph-bold.ph-list-star:before {
  content: "\ebdc";
}
.ph-bold.ph-lock:before {
  content: "\e2fa";
}
.ph-bold.ph-lock-key:before {
  content: "\e2fe";
}
.ph-bold.ph-lock-key-open:before {
  content: "\e300";
}
.ph-bold.ph-lock-laminated:before {
  content: "\e302";
}
.ph-bold.ph-lock-laminated-open:before {
  content: "\e304";
}
.ph-bold.ph-lock-open:before {
  content: "\e306";
}
.ph-bold.ph-lock-simple:before {
  content: "\e308";
}
.ph-bold.ph-lock-simple-open:before {
  content: "\e30a";
}
.ph-bold.ph-lockers:before {
  content: "\ecb8";
}
.ph-bold.ph-log:before {
  content: "\ed82";
}
.ph-bold.ph-magic-wand:before {
  content: "\e6b6";
}
.ph-bold.ph-magnet:before {
  content: "\e680";
}
.ph-bold.ph-magnet-straight:before {
  content: "\e682";
}
.ph-bold.ph-magnifying-glass:before {
  content: "\e30c";
}
.ph-bold.ph-magnifying-glass-minus:before {
  content: "\e30e";
}
.ph-bold.ph-magnifying-glass-plus:before {
  content: "\e310";
}
.ph-bold.ph-mailbox:before {
  content: "\ec1e";
}
.ph-bold.ph-map-pin:before {
  content: "\e316";
}
.ph-bold.ph-map-pin-area:before {
  content: "\ee3a";
}
.ph-bold.ph-map-pin-line:before {
  content: "\e318";
}
.ph-bold.ph-map-pin-plus:before {
  content: "\e314";
}
.ph-bold.ph-map-pin-simple:before {
  content: "\ee3e";
}
.ph-bold.ph-map-pin-simple-area:before {
  content: "\ee3c";
}
.ph-bold.ph-map-pin-simple-line:before {
  content: "\ee38";
}
.ph-bold.ph-map-trifold:before {
  content: "\e31a";
}
.ph-bold.ph-markdown-logo:before {
  content: "\e508";
}
.ph-bold.ph-marker-circle:before {
  content: "\e640";
}
.ph-bold.ph-martini:before {
  content: "\e31c";
}
.ph-bold.ph-mask-happy:before {
  content: "\e9f4";
}
.ph-bold.ph-mask-sad:before {
  content: "\eb9e";
}
.ph-bold.ph-mastodon-logo:before {
  content: "\ed68";
}
.ph-bold.ph-math-operations:before {
  content: "\e31e";
}
.ph-bold.ph-matrix-logo:before {
  content: "\ed64";
}
.ph-bold.ph-medal:before {
  content: "\e320";
}
.ph-bold.ph-medal-military:before {
  content: "\ecfc";
}
.ph-bold.ph-medium-logo:before {
  content: "\e322";
}
.ph-bold.ph-megaphone:before {
  content: "\e324";
}
.ph-bold.ph-megaphone-simple:before {
  content: "\e642";
}
.ph-bold.ph-member-of:before {
  content: "\edc2";
}
.ph-bold.ph-memory:before {
  content: "\e9c4";
}
.ph-bold.ph-messenger-logo:before {
  content: "\e6d8";
}
.ph-bold.ph-meta-logo:before {
  content: "\ed02";
}
.ph-bold.ph-meteor:before {
  content: "\e9ba";
}
.ph-bold.ph-metronome:before {
  content: "\ec8e";
}
.ph-bold.ph-microphone:before {
  content: "\e326";
}
.ph-bold.ph-microphone-slash:before {
  content: "\e328";
}
.ph-bold.ph-microphone-stage:before {
  content: "\e75c";
}
.ph-bold.ph-microscope:before {
  content: "\ec7a";
}
.ph-bold.ph-microsoft-excel-logo:before {
  content: "\eb6c";
}
.ph-bold.ph-microsoft-outlook-logo:before {
  content: "\eb70";
}
.ph-bold.ph-microsoft-powerpoint-logo:before {
  content: "\eace";
}
.ph-bold.ph-microsoft-teams-logo:before {
  content: "\eb66";
}
.ph-bold.ph-microsoft-word-logo:before {
  content: "\eb6a";
}
.ph-bold.ph-minus:before {
  content: "\e32a";
}
.ph-bold.ph-minus-circle:before {
  content: "\e32c";
}
.ph-bold.ph-minus-square:before {
  content: "\ed4c";
}
.ph-bold.ph-money:before {
  content: "\e588";
}
.ph-bold.ph-money-wavy:before {
  content: "\ee68";
}
.ph-bold.ph-monitor:before {
  content: "\e32e";
}
.ph-bold.ph-monitor-arrow-up:before {
  content: "\e58a";
}
.ph-bold.ph-monitor-play:before {
  content: "\e58c";
}
.ph-bold.ph-moon:before {
  content: "\e330";
}
.ph-bold.ph-moon-stars:before {
  content: "\e58e";
}
.ph-bold.ph-moped:before {
  content: "\e824";
}
.ph-bold.ph-moped-front:before {
  content: "\e822";
}
.ph-bold.ph-mosque:before {
  content: "\ecee";
}
.ph-bold.ph-motorcycle:before {
  content: "\e80a";
}
.ph-bold.ph-mountains:before {
  content: "\e7ae";
}
.ph-bold.ph-mouse:before {
  content: "\e33a";
}
.ph-bold.ph-mouse-left-click:before {
  content: "\e334";
}
.ph-bold.ph-mouse-middle-click:before {
  content: "\e338";
}
.ph-bold.ph-mouse-right-click:before {
  content: "\e336";
}
.ph-bold.ph-mouse-scroll:before {
  content: "\e332";
}
.ph-bold.ph-mouse-simple:before {
  content: "\e644";
}
.ph-bold.ph-music-note:before {
  content: "\e33c";
}
.ph-bold.ph-music-note-simple:before {
  content: "\e33e";
}
.ph-bold.ph-music-notes:before {
  content: "\e340";
}
.ph-bold.ph-music-notes-minus:before {
  content: "\ee0c";
}
.ph-bold.ph-music-notes-plus:before {
  content: "\eb7c";
}
.ph-bold.ph-music-notes-simple:before {
  content: "\e342";
}
.ph-bold.ph-navigation-arrow:before {
  content: "\eade";
}
.ph-bold.ph-needle:before {
  content: "\e82e";
}
.ph-bold.ph-network:before {
  content: "\edde";
}
.ph-bold.ph-network-slash:before {
  content: "\eddc";
}
.ph-bold.ph-network-x:before {
  content: "\edda";
}
.ph-bold.ph-newspaper:before {
  content: "\e344";
}
.ph-bold.ph-newspaper-clipping:before {
  content: "\e346";
}
.ph-bold.ph-not-equals:before {
  content: "\eda6";
}
.ph-bold.ph-not-member-of:before {
  content: "\edae";
}
.ph-bold.ph-not-subset-of:before {
  content: "\edb0";
}
.ph-bold.ph-not-superset-of:before {
  content: "\edb2";
}
.ph-bold.ph-notches:before {
  content: "\ed3a";
}
.ph-bold.ph-note:before {
  content: "\e348";
}
.ph-bold.ph-note-blank:before {
  content: "\e34a";
}
.ph-bold.ph-note-pencil:before {
  content: "\e34c";
}
.ph-bold.ph-notebook:before {
  content: "\e34e";
}
.ph-bold.ph-notepad:before {
  content: "\e63e";
}
.ph-bold.ph-notification:before {
  content: "\e6fa";
}
.ph-bold.ph-notion-logo:before {
  content: "\e9a0";
}
.ph-bold.ph-nuclear-plant:before {
  content: "\ed7c";
}
.ph-bold.ph-number-circle-eight:before {
  content: "\e352";
}
.ph-bold.ph-number-circle-five:before {
  content: "\e358";
}
.ph-bold.ph-number-circle-four:before {
  content: "\e35e";
}
.ph-bold.ph-number-circle-nine:before {
  content: "\e364";
}
.ph-bold.ph-number-circle-one:before {
  content: "\e36a";
}
.ph-bold.ph-number-circle-seven:before {
  content: "\e370";
}
.ph-bold.ph-number-circle-six:before {
  content: "\e376";
}
.ph-bold.ph-number-circle-three:before {
  content: "\e37c";
}
.ph-bold.ph-number-circle-two:before {
  content: "\e382";
}
.ph-bold.ph-number-circle-zero:before {
  content: "\e388";
}
.ph-bold.ph-number-eight:before {
  content: "\e350";
}
.ph-bold.ph-number-five:before {
  content: "\e356";
}
.ph-bold.ph-number-four:before {
  content: "\e35c";
}
.ph-bold.ph-number-nine:before {
  content: "\e362";
}
.ph-bold.ph-number-one:before {
  content: "\e368";
}
.ph-bold.ph-number-seven:before {
  content: "\e36e";
}
.ph-bold.ph-number-six:before {
  content: "\e374";
}
.ph-bold.ph-number-square-eight:before {
  content: "\e354";
}
.ph-bold.ph-number-square-five:before {
  content: "\e35a";
}
.ph-bold.ph-number-square-four:before {
  content: "\e360";
}
.ph-bold.ph-number-square-nine:before {
  content: "\e366";
}
.ph-bold.ph-number-square-one:before {
  content: "\e36c";
}
.ph-bold.ph-number-square-seven:before {
  content: "\e372";
}
.ph-bold.ph-number-square-six:before {
  content: "\e378";
}
.ph-bold.ph-number-square-three:before {
  content: "\e37e";
}
.ph-bold.ph-number-square-two:before {
  content: "\e384";
}
.ph-bold.ph-number-square-zero:before {
  content: "\e38a";
}
.ph-bold.ph-number-three:before {
  content: "\e37a";
}
.ph-bold.ph-number-two:before {
  content: "\e380";
}
.ph-bold.ph-number-zero:before {
  content: "\e386";
}
.ph-bold.ph-numpad:before {
  content: "\e3c8";
}
.ph-bold.ph-nut:before {
  content: "\e38c";
}
.ph-bold.ph-ny-times-logo:before {
  content: "\e646";
}
.ph-bold.ph-octagon:before {
  content: "\e38e";
}
.ph-bold.ph-office-chair:before {
  content: "\ea46";
}
.ph-bold.ph-onigiri:before {
  content: "\ee2c";
}
.ph-bold.ph-open-ai-logo:before {
  content: "\e7d2";
}
.ph-bold.ph-option:before {
  content: "\e8a8";
}
.ph-bold.ph-orange:before {
  content: "\ee40";
}
.ph-bold.ph-orange-slice:before {
  content: "\ed36";
}
.ph-bold.ph-oven:before {
  content: "\ed8c";
}
.ph-bold.ph-package:before {
  content: "\e390";
}
.ph-bold.ph-paint-brush:before {
  content: "\e6f0";
}
.ph-bold.ph-paint-brush-broad:before {
  content: "\e590";
}
.ph-bold.ph-paint-brush-household:before {
  content: "\e6f2";
}
.ph-bold.ph-paint-bucket:before {
  content: "\e392";
}
.ph-bold.ph-paint-roller:before {
  content: "\e6f4";
}
.ph-bold.ph-palette:before {
  content: "\e6c8";
}
.ph-bold.ph-panorama:before {
  content: "\eaa2";
}
.ph-bold.ph-pants:before {
  content: "\ec88";
}
.ph-bold.ph-paper-plane:before {
  content: "\e394";
}
.ph-bold.ph-paper-plane-right:before {
  content: "\e396";
}
.ph-bold.ph-paper-plane-tilt:before {
  content: "\e398";
}
.ph-bold.ph-paperclip:before {
  content: "\e39a";
}
.ph-bold.ph-paperclip-horizontal:before {
  content: "\e592";
}
.ph-bold.ph-parachute:before {
  content: "\ea7c";
}
.ph-bold.ph-paragraph:before {
  content: "\e960";
}
.ph-bold.ph-parallelogram:before {
  content: "\ecc6";
}
.ph-bold.ph-park:before {
  content: "\ecb2";
}
.ph-bold.ph-password:before {
  content: "\e752";
}
.ph-bold.ph-path:before {
  content: "\e39c";
}
.ph-bold.ph-patreon-logo:before {
  content: "\e98a";
}
.ph-bold.ph-pause:before {
  content: "\e39e";
}
.ph-bold.ph-pause-circle:before {
  content: "\e3a0";
}
.ph-bold.ph-paw-print:before {
  content: "\e648";
}
.ph-bold.ph-paypal-logo:before {
  content: "\e98c";
}
.ph-bold.ph-peace:before {
  content: "\e3a2";
}
.ph-bold.ph-pen:before {
  content: "\e3aa";
}
.ph-bold.ph-pen-nib:before {
  content: "\e3ac";
}
.ph-bold.ph-pen-nib-straight:before {
  content: "\e64a";
}
.ph-bold.ph-pencil:before {
  content: "\e3ae";
}
.ph-bold.ph-pencil-circle:before {
  content: "\e3b0";
}
.ph-bold.ph-pencil-line:before {
  content: "\e3b2";
}
.ph-bold.ph-pencil-ruler:before {
  content: "\e906";
}
.ph-bold.ph-pencil-simple:before {
  content: "\e3b4";
}
.ph-bold.ph-pencil-simple-line:before {
  content: "\ebc6";
}
.ph-bold.ph-pencil-simple-slash:before {
  content: "\ecf6";
}
.ph-bold.ph-pencil-slash:before {
  content: "\ecf8";
}
.ph-bold.ph-pentagon:before {
  content: "\ec7e";
}
.ph-bold.ph-pentagram:before {
  content: "\ec5c";
}
.ph-bold.ph-pepper:before {
  content: "\e94a";
}
.ph-bold.ph-percent:before {
  content: "\e3b6";
}
.ph-bold.ph-person:before {
  content: "\e3a8";
}
.ph-bold.ph-person-arms-spread:before {
  content: "\ecfe";
}
.ph-bold.ph-person-simple:before {
  content: "\e72e";
}
.ph-bold.ph-person-simple-bike:before {
  content: "\e734";
}
.ph-bold.ph-person-simple-circle:before {
  content: "\ee58";
}
.ph-bold.ph-person-simple-hike:before {
  content: "\ed54";
}
.ph-bold.ph-person-simple-run:before {
  content: "\e730";
}
.ph-bold.ph-person-simple-ski:before {
  content: "\e71c";
}
.ph-bold.ph-person-simple-snowboard:before {
  content: "\e71e";
}
.ph-bold.ph-person-simple-swim:before {
  content: "\e736";
}
.ph-bold.ph-person-simple-tai-chi:before {
  content: "\ed5c";
}
.ph-bold.ph-person-simple-throw:before {
  content: "\e732";
}
.ph-bold.ph-person-simple-walk:before {
  content: "\e73a";
}
.ph-bold.ph-perspective:before {
  content: "\ebe6";
}
.ph-bold.ph-phone:before {
  content: "\e3b8";
}
.ph-bold.ph-phone-call:before {
  content: "\e3ba";
}
.ph-bold.ph-phone-disconnect:before {
  content: "\e3bc";
}
.ph-bold.ph-phone-incoming:before {
  content: "\e3be";
}
.ph-bold.ph-phone-list:before {
  content: "\e3cc";
}
.ph-bold.ph-phone-outgoing:before {
  content: "\e3c0";
}
.ph-bold.ph-phone-pause:before {
  content: "\e3ca";
}
.ph-bold.ph-phone-plus:before {
  content: "\ec56";
}
.ph-bold.ph-phone-slash:before {
  content: "\e3c2";
}
.ph-bold.ph-phone-transfer:before {
  content: "\e3c6";
}
.ph-bold.ph-phone-x:before {
  content: "\e3c4";
}
.ph-bold.ph-phosphor-logo:before {
  content: "\e3ce";
}
.ph-bold.ph-pi:before {
  content: "\ec80";
}
.ph-bold.ph-piano-keys:before {
  content: "\e9c8";
}
.ph-bold.ph-picnic-table:before {
  content: "\ee26";
}
.ph-bold.ph-picture-in-picture:before {
  content: "\e64c";
}
.ph-bold.ph-piggy-bank:before {
  content: "\ea04";
}
.ph-bold.ph-pill:before {
  content: "\e700";
}
.ph-bold.ph-ping-pong:before {
  content: "\ea42";
}
.ph-bold.ph-pint-glass:before {
  content: "\edd0";
}
.ph-bold.ph-pinterest-logo:before {
  content: "\e64e";
}
.ph-bold.ph-pinwheel:before {
  content: "\eb9c";
}
.ph-bold.ph-pipe:before {
  content: "\ed86";
}
.ph-bold.ph-pipe-wrench:before {
  content: "\ed88";
}
.ph-bold.ph-pix-logo:before {
  content: "\ecc2";
}
.ph-bold.ph-pizza:before {
  content: "\e796";
}
.ph-bold.ph-placeholder:before {
  content: "\e650";
}
.ph-bold.ph-planet:before {
  content: "\e652";
}
.ph-bold.ph-plant:before {
  content: "\ebae";
}
.ph-bold.ph-play:before {
  content: "\e3d0";
}
.ph-bold.ph-play-circle:before {
  content: "\e3d2";
}
.ph-bold.ph-play-pause:before {
  content: "\e8be";
}
.ph-bold.ph-playlist:before {
  content: "\e6aa";
}
.ph-bold.ph-plug:before {
  content: "\e946";
}
.ph-bold.ph-plug-charging:before {
  content: "\eb5c";
}
.ph-bold.ph-plugs:before {
  content: "\eb56";
}
.ph-bold.ph-plugs-connected:before {
  content: "\eb5a";
}
.ph-bold.ph-plus:before {
  content: "\e3d4";
}
.ph-bold.ph-plus-circle:before {
  content: "\e3d6";
}
.ph-bold.ph-plus-minus:before {
  content: "\e3d8";
}
.ph-bold.ph-plus-square:before {
  content: "\ed4a";
}
.ph-bold.ph-poker-chip:before {
  content: "\e594";
}
.ph-bold.ph-police-car:before {
  content: "\ec4a";
}
.ph-bold.ph-polygon:before {
  content: "\e6d0";
}
.ph-bold.ph-popcorn:before {
  content: "\eb4e";
}
.ph-bold.ph-popsicle:before {
  content: "\ebbe";
}
.ph-bold.ph-potted-plant:before {
  content: "\ec22";
}
.ph-bold.ph-power:before {
  content: "\e3da";
}
.ph-bold.ph-prescription:before {
  content: "\e7a2";
}
.ph-bold.ph-presentation:before {
  content: "\e654";
}
.ph-bold.ph-presentation-chart:before {
  content: "\e656";
}
.ph-bold.ph-printer:before {
  content: "\e3dc";
}
.ph-bold.ph-prohibit:before {
  content: "\e3de";
}
.ph-bold.ph-prohibit-inset:before {
  content: "\e3e0";
}
.ph-bold.ph-projector-screen:before {
  content: "\e658";
}
.ph-bold.ph-projector-screen-chart:before {
  content: "\e65a";
}
.ph-bold.ph-pulse:before {
  content: "\e000";
}
.ph-bold.ph-activity:before {
  content: "\e000";
}
.ph-bold.ph-push-pin:before {
  content: "\e3e2";
}
.ph-bold.ph-push-pin-simple:before {
  content: "\e65c";
}
.ph-bold.ph-push-pin-simple-slash:before {
  content: "\e65e";
}
.ph-bold.ph-push-pin-slash:before {
  content: "\e3e4";
}
.ph-bold.ph-puzzle-piece:before {
  content: "\e596";
}
.ph-bold.ph-qr-code:before {
  content: "\e3e6";
}
.ph-bold.ph-question:before {
  content: "\e3e8";
}
.ph-bold.ph-question-mark:before {
  content: "\e3e9";
}
.ph-bold.ph-queue:before {
  content: "\e6ac";
}
.ph-bold.ph-quotes:before {
  content: "\e660";
}
.ph-bold.ph-rabbit:before {
  content: "\eac2";
}
.ph-bold.ph-racquet:before {
  content: "\ee02";
}
.ph-bold.ph-radical:before {
  content: "\e3ea";
}
.ph-bold.ph-radio:before {
  content: "\e77e";
}
.ph-bold.ph-radio-button:before {
  content: "\eb08";
}
.ph-bold.ph-radioactive:before {
  content: "\e9dc";
}
.ph-bold.ph-rainbow:before {
  content: "\e598";
}
.ph-bold.ph-rainbow-cloud:before {
  content: "\e59a";
}
.ph-bold.ph-ranking:before {
  content: "\ed62";
}
.ph-bold.ph-read-cv-logo:before {
  content: "\ed0c";
}
.ph-bold.ph-receipt:before {
  content: "\e3ec";
}
.ph-bold.ph-receipt-x:before {
  content: "\ed40";
}
.ph-bold.ph-record:before {
  content: "\e3ee";
}
.ph-bold.ph-rectangle:before {
  content: "\e3f0";
}
.ph-bold.ph-rectangle-dashed:before {
  content: "\e3f2";
}
.ph-bold.ph-recycle:before {
  content: "\e75a";
}
.ph-bold.ph-reddit-logo:before {
  content: "\e59c";
}
.ph-bold.ph-repeat:before {
  content: "\e3f6";
}
.ph-bold.ph-repeat-once:before {
  content: "\e3f8";
}
.ph-bold.ph-replit-logo:before {
  content: "\eb8a";
}
.ph-bold.ph-resize:before {
  content: "\ed6e";
}
.ph-bold.ph-rewind:before {
  content: "\e6a8";
}
.ph-bold.ph-rewind-circle:before {
  content: "\e3fa";
}
.ph-bold.ph-road-horizon:before {
  content: "\e838";
}
.ph-bold.ph-robot:before {
  content: "\e762";
}
.ph-bold.ph-rocket:before {
  content: "\e3fc";
}
.ph-bold.ph-rocket-launch:before {
  content: "\e3fe";
}
.ph-bold.ph-rows:before {
  content: "\e5a2";
}
.ph-bold.ph-rows-plus-bottom:before {
  content: "\e59e";
}
.ph-bold.ph-rows-plus-top:before {
  content: "\e5a0";
}
.ph-bold.ph-rss:before {
  content: "\e400";
}
.ph-bold.ph-rss-simple:before {
  content: "\e402";
}
.ph-bold.ph-rug:before {
  content: "\ea1a";
}
.ph-bold.ph-ruler:before {
  content: "\e6b8";
}
.ph-bold.ph-sailboat:before {
  content: "\e78a";
}
.ph-bold.ph-scales:before {
  content: "\e750";
}
.ph-bold.ph-scan:before {
  content: "\ebb6";
}
.ph-bold.ph-scan-smiley:before {
  content: "\ebb4";
}
.ph-bold.ph-scissors:before {
  content: "\eae0";
}
.ph-bold.ph-scooter:before {
  content: "\e820";
}
.ph-bold.ph-screencast:before {
  content: "\e404";
}
.ph-bold.ph-screwdriver:before {
  content: "\e86e";
}
.ph-bold.ph-scribble:before {
  content: "\e806";
}
.ph-bold.ph-scribble-loop:before {
  content: "\e662";
}
.ph-bold.ph-scroll:before {
  content: "\eb7a";
}
.ph-bold.ph-seal:before {
  content: "\e604";
}
.ph-bold.ph-circle-wavy:before {
  content: "\e604";
}
.ph-bold.ph-seal-check:before {
  content: "\e606";
}
.ph-bold.ph-circle-wavy-check:before {
  content: "\e606";
}
.ph-bold.ph-seal-percent:before {
  content: "\e60a";
}
.ph-bold.ph-seal-question:before {
  content: "\e608";
}
.ph-bold.ph-circle-wavy-question:before {
  content: "\e608";
}
.ph-bold.ph-seal-warning:before {
  content: "\e60c";
}
.ph-bold.ph-circle-wavy-warning:before {
  content: "\e60c";
}
.ph-bold.ph-seat:before {
  content: "\eb8e";
}
.ph-bold.ph-seatbelt:before {
  content: "\edfe";
}
.ph-bold.ph-security-camera:before {
  content: "\eca4";
}
.ph-bold.ph-selection:before {
  content: "\e69a";
}
.ph-bold.ph-selection-all:before {
  content: "\e746";
}
.ph-bold.ph-selection-background:before {
  content: "\eaf8";
}
.ph-bold.ph-selection-foreground:before {
  content: "\eaf6";
}
.ph-bold.ph-selection-inverse:before {
  content: "\e744";
}
.ph-bold.ph-selection-plus:before {
  content: "\e69c";
}
.ph-bold.ph-selection-slash:before {
  content: "\e69e";
}
.ph-bold.ph-shapes:before {
  content: "\ec5e";
}
.ph-bold.ph-share:before {
  content: "\e406";
}
.ph-bold.ph-share-fat:before {
  content: "\ed52";
}
.ph-bold.ph-share-network:before {
  content: "\e408";
}
.ph-bold.ph-shield:before {
  content: "\e40a";
}
.ph-bold.ph-shield-check:before {
  content: "\e40c";
}
.ph-bold.ph-shield-checkered:before {
  content: "\e708";
}
.ph-bold.ph-shield-chevron:before {
  content: "\e40e";
}
.ph-bold.ph-shield-plus:before {
  content: "\e706";
}
.ph-bold.ph-shield-slash:before {
  content: "\e410";
}
.ph-bold.ph-shield-star:before {
  content: "\ec34";
}
.ph-bold.ph-shield-warning:before {
  content: "\e412";
}
.ph-bold.ph-shipping-container:before {
  content: "\e78c";
}
.ph-bold.ph-shirt-folded:before {
  content: "\ea92";
}
.ph-bold.ph-shooting-star:before {
  content: "\ecfa";
}
.ph-bold.ph-shopping-bag:before {
  content: "\e416";
}
.ph-bold.ph-shopping-bag-open:before {
  content: "\e418";
}
.ph-bold.ph-shopping-cart:before {
  content: "\e41e";
}
.ph-bold.ph-shopping-cart-simple:before {
  content: "\e420";
}
.ph-bold.ph-shovel:before {
  content: "\e9e6";
}
.ph-bold.ph-shower:before {
  content: "\e776";
}
.ph-bold.ph-shrimp:before {
  content: "\eab4";
}
.ph-bold.ph-shuffle:before {
  content: "\e422";
}
.ph-bold.ph-shuffle-angular:before {
  content: "\e424";
}
.ph-bold.ph-shuffle-simple:before {
  content: "\e426";
}
.ph-bold.ph-sidebar:before {
  content: "\eab6";
}
.ph-bold.ph-sidebar-simple:before {
  content: "\ec24";
}
.ph-bold.ph-sigma:before {
  content: "\eab8";
}
.ph-bold.ph-sign-in:before {
  content: "\e428";
}
.ph-bold.ph-sign-out:before {
  content: "\e42a";
}
.ph-bold.ph-signature:before {
  content: "\ebac";
}
.ph-bold.ph-signpost:before {
  content: "\e89c";
}
.ph-bold.ph-sim-card:before {
  content: "\e664";
}
.ph-bold.ph-siren:before {
  content: "\e9b8";
}
.ph-bold.ph-sketch-logo:before {
  content: "\e42c";
}
.ph-bold.ph-skip-back:before {
  content: "\e5a4";
}
.ph-bold.ph-skip-back-circle:before {
  content: "\e42e";
}
.ph-bold.ph-skip-forward:before {
  content: "\e5a6";
}
.ph-bold.ph-skip-forward-circle:before {
  content: "\e430";
}
.ph-bold.ph-skull:before {
  content: "\e916";
}
.ph-bold.ph-skype-logo:before {
  content: "\e8dc";
}
.ph-bold.ph-slack-logo:before {
  content: "\e5a8";
}
.ph-bold.ph-sliders:before {
  content: "\e432";
}
.ph-bold.ph-sliders-horizontal:before {
  content: "\e434";
}
.ph-bold.ph-slideshow:before {
  content: "\ed32";
}
.ph-bold.ph-smiley:before {
  content: "\e436";
}
.ph-bold.ph-smiley-angry:before {
  content: "\ec62";
}
.ph-bold.ph-smiley-blank:before {
  content: "\e438";
}
.ph-bold.ph-smiley-meh:before {
  content: "\e43a";
}
.ph-bold.ph-smiley-melting:before {
  content: "\ee56";
}
.ph-bold.ph-smiley-nervous:before {
  content: "\e43c";
}
.ph-bold.ph-smiley-sad:before {
  content: "\e43e";
}
.ph-bold.ph-smiley-sticker:before {
  content: "\e440";
}
.ph-bold.ph-smiley-wink:before {
  content: "\e666";
}
.ph-bold.ph-smiley-x-eyes:before {
  content: "\e442";
}
.ph-bold.ph-snapchat-logo:before {
  content: "\e668";
}
.ph-bold.ph-sneaker:before {
  content: "\e80c";
}
.ph-bold.ph-sneaker-move:before {
  content: "\ed60";
}
.ph-bold.ph-snowflake:before {
  content: "\e5aa";
}
.ph-bold.ph-soccer-ball:before {
  content: "\e716";
}
.ph-bold.ph-sock:before {
  content: "\ecce";
}
.ph-bold.ph-solar-panel:before {
  content: "\ed7a";
}
.ph-bold.ph-solar-roof:before {
  content: "\ed7b";
}
.ph-bold.ph-sort-ascending:before {
  content: "\e444";
}
.ph-bold.ph-sort-descending:before {
  content: "\e446";
}
.ph-bold.ph-soundcloud-logo:before {
  content: "\e8de";
}
.ph-bold.ph-spade:before {
  content: "\e448";
}
.ph-bold.ph-sparkle:before {
  content: "\e6a2";
}
.ph-bold.ph-speaker-hifi:before {
  content: "\ea08";
}
.ph-bold.ph-speaker-high:before {
  content: "\e44a";
}
.ph-bold.ph-speaker-low:before {
  content: "\e44c";
}
.ph-bold.ph-speaker-none:before {
  content: "\e44e";
}
.ph-bold.ph-speaker-simple-high:before {
  content: "\e450";
}
.ph-bold.ph-speaker-simple-low:before {
  content: "\e452";
}
.ph-bold.ph-speaker-simple-none:before {
  content: "\e454";
}
.ph-bold.ph-speaker-simple-slash:before {
  content: "\e456";
}
.ph-bold.ph-speaker-simple-x:before {
  content: "\e458";
}
.ph-bold.ph-speaker-slash:before {
  content: "\e45a";
}
.ph-bold.ph-speaker-x:before {
  content: "\e45c";
}
.ph-bold.ph-speedometer:before {
  content: "\ee74";
}
.ph-bold.ph-sphere:before {
  content: "\ee66";
}
.ph-bold.ph-spinner:before {
  content: "\e66a";
}
.ph-bold.ph-spinner-ball:before {
  content: "\ee28";
}
.ph-bold.ph-spinner-gap:before {
  content: "\e66c";
}
.ph-bold.ph-spiral:before {
  content: "\e9fa";
}
.ph-bold.ph-split-horizontal:before {
  content: "\e872";
}
.ph-bold.ph-split-vertical:before {
  content: "\e876";
}
.ph-bold.ph-spotify-logo:before {
  content: "\e66e";
}
.ph-bold.ph-spray-bottle:before {
  content: "\e7e4";
}
.ph-bold.ph-square:before {
  content: "\e45e";
}
.ph-bold.ph-square-half:before {
  content: "\e462";
}
.ph-bold.ph-square-half-bottom:before {
  content: "\eb16";
}
.ph-bold.ph-square-logo:before {
  content: "\e690";
}
.ph-bold.ph-square-split-horizontal:before {
  content: "\e870";
}
.ph-bold.ph-square-split-vertical:before {
  content: "\e874";
}
.ph-bold.ph-squares-four:before {
  content: "\e464";
}
.ph-bold.ph-stack:before {
  content: "\e466";
}
.ph-bold.ph-stack-minus:before {
  content: "\edf4";
}
.ph-bold.ph-stack-overflow-logo:before {
  content: "\eb78";
}
.ph-bold.ph-stack-plus:before {
  content: "\edf6";
}
.ph-bold.ph-stack-simple:before {
  content: "\e468";
}
.ph-bold.ph-stairs:before {
  content: "\e8ec";
}
.ph-bold.ph-stamp:before {
  content: "\ea48";
}
.ph-bold.ph-standard-definition:before {
  content: "\ea90";
}
.ph-bold.ph-star:before {
  content: "\e46a";
}
.ph-bold.ph-star-and-crescent:before {
  content: "\ecf4";
}
.ph-bold.ph-star-four:before {
  content: "\e6a4";
}
.ph-bold.ph-star-half:before {
  content: "\e70a";
}
.ph-bold.ph-star-of-david:before {
  content: "\e89e";
}
.ph-bold.ph-steam-logo:before {
  content: "\ead4";
}
.ph-bold.ph-steering-wheel:before {
  content: "\e9ac";
}
.ph-bold.ph-steps:before {
  content: "\ecbe";
}
.ph-bold.ph-stethoscope:before {
  content: "\e7ea";
}
.ph-bold.ph-sticker:before {
  content: "\e5ac";
}
.ph-bold.ph-stool:before {
  content: "\ea44";
}
.ph-bold.ph-stop:before {
  content: "\e46c";
}
.ph-bold.ph-stop-circle:before {
  content: "\e46e";
}
.ph-bold.ph-storefront:before {
  content: "\e470";
}
.ph-bold.ph-strategy:before {
  content: "\ea3a";
}
.ph-bold.ph-stripe-logo:before {
  content: "\e698";
}
.ph-bold.ph-student:before {
  content: "\e73e";
}
.ph-bold.ph-subset-of:before {
  content: "\edc0";
}
.ph-bold.ph-subset-proper-of:before {
  content: "\edb6";
}
.ph-bold.ph-subtitles:before {
  content: "\e1a8";
}
.ph-bold.ph-subtitles-slash:before {
  content: "\e1a6";
}
.ph-bold.ph-subtract:before {
  content: "\ebd6";
}
.ph-bold.ph-subtract-square:before {
  content: "\ebd4";
}
.ph-bold.ph-subway:before {
  content: "\e498";
}
.ph-bold.ph-suitcase:before {
  content: "\e5ae";
}
.ph-bold.ph-suitcase-rolling:before {
  content: "\e9b0";
}
.ph-bold.ph-suitcase-simple:before {
  content: "\e5b0";
}
.ph-bold.ph-sun:before {
  content: "\e472";
}
.ph-bold.ph-sun-dim:before {
  content: "\e474";
}
.ph-bold.ph-sun-horizon:before {
  content: "\e5b6";
}
.ph-bold.ph-sunglasses:before {
  content: "\e816";
}
.ph-bold.ph-superset-of:before {
  content: "\edb8";
}
.ph-bold.ph-superset-proper-of:before {
  content: "\edb4";
}
.ph-bold.ph-swap:before {
  content: "\e83c";
}
.ph-bold.ph-swatches:before {
  content: "\e5b8";
}
.ph-bold.ph-swimming-pool:before {
  content: "\ecb6";
}
.ph-bold.ph-sword:before {
  content: "\e5ba";
}
.ph-bold.ph-synagogue:before {
  content: "\ecec";
}
.ph-bold.ph-syringe:before {
  content: "\e968";
}
.ph-bold.ph-t-shirt:before {
  content: "\e670";
}
.ph-bold.ph-table:before {
  content: "\e476";
}
.ph-bold.ph-tabs:before {
  content: "\e778";
}
.ph-bold.ph-tag:before {
  content: "\e478";
}
.ph-bold.ph-tag-chevron:before {
  content: "\e672";
}
.ph-bold.ph-tag-simple:before {
  content: "\e47a";
}
.ph-bold.ph-target:before {
  content: "\e47c";
}
.ph-bold.ph-taxi:before {
  content: "\e902";
}
.ph-bold.ph-tea-bag:before {
  content: "\e8e6";
}
.ph-bold.ph-telegram-logo:before {
  content: "\e5bc";
}
.ph-bold.ph-television:before {
  content: "\e754";
}
.ph-bold.ph-television-simple:before {
  content: "\eae6";
}
.ph-bold.ph-tennis-ball:before {
  content: "\e720";
}
.ph-bold.ph-tent:before {
  content: "\e8ba";
}
.ph-bold.ph-terminal:before {
  content: "\e47e";
}
.ph-bold.ph-terminal-window:before {
  content: "\eae8";
}
.ph-bold.ph-test-tube:before {
  content: "\e7a0";
}
.ph-bold.ph-text-a-underline:before {
  content: "\ed34";
}
.ph-bold.ph-text-aa:before {
  content: "\e6ee";
}
.ph-bold.ph-text-align-center:before {
  content: "\e480";
}
.ph-bold.ph-text-align-justify:before {
  content: "\e482";
}
.ph-bold.ph-text-align-left:before {
  content: "\e484";
}
.ph-bold.ph-text-align-right:before {
  content: "\e486";
}
.ph-bold.ph-text-b:before {
  content: "\e5be";
}
.ph-bold.ph-text-bolder:before {
  content: "\e5be";
}
.ph-bold.ph-text-columns:before {
  content: "\ec96";
}
.ph-bold.ph-text-h:before {
  content: "\e6ba";
}
.ph-bold.ph-text-h-five:before {
  content: "\e6c4";
}
.ph-bold.ph-text-h-four:before {
  content: "\e6c2";
}
.ph-bold.ph-text-h-one:before {
  content: "\e6bc";
}
.ph-bold.ph-text-h-six:before {
  content: "\e6c6";
}
.ph-bold.ph-text-h-three:before {
  content: "\e6c0";
}
.ph-bold.ph-text-h-two:before {
  content: "\e6be";
}
.ph-bold.ph-text-indent:before {
  content: "\ea1e";
}
.ph-bold.ph-text-italic:before {
  content: "\e5c0";
}
.ph-bold.ph-text-outdent:before {
  content: "\ea1c";
}
.ph-bold.ph-text-strikethrough:before {
  content: "\e5c2";
}
.ph-bold.ph-text-subscript:before {
  content: "\ec98";
}
.ph-bold.ph-text-superscript:before {
  content: "\ec9a";
}
.ph-bold.ph-text-t:before {
  content: "\e48a";
}
.ph-bold.ph-text-t-slash:before {
  content: "\e488";
}
.ph-bold.ph-text-underline:before {
  content: "\e5c4";
}
.ph-bold.ph-textbox:before {
  content: "\eb0a";
}
.ph-bold.ph-thermometer:before {
  content: "\e5c6";
}
.ph-bold.ph-thermometer-cold:before {
  content: "\e5c8";
}
.ph-bold.ph-thermometer-hot:before {
  content: "\e5ca";
}
.ph-bold.ph-thermometer-simple:before {
  content: "\e5cc";
}
.ph-bold.ph-threads-logo:before {
  content: "\ed9e";
}
.ph-bold.ph-three-d:before {
  content: "\ea5a";
}
.ph-bold.ph-thumbs-down:before {
  content: "\e48c";
}
.ph-bold.ph-thumbs-up:before {
  content: "\e48e";
}
.ph-bold.ph-ticket:before {
  content: "\e490";
}
.ph-bold.ph-tidal-logo:before {
  content: "\ed1c";
}
.ph-bold.ph-tiktok-logo:before {
  content: "\eaf2";
}
.ph-bold.ph-tilde:before {
  content: "\eda8";
}
.ph-bold.ph-timer:before {
  content: "\e492";
}
.ph-bold.ph-tip-jar:before {
  content: "\e7e2";
}
.ph-bold.ph-tipi:before {
  content: "\ed30";
}
.ph-bold.ph-tire:before {
  content: "\edd2";
}
.ph-bold.ph-toggle-left:before {
  content: "\e674";
}
.ph-bold.ph-toggle-right:before {
  content: "\e676";
}
.ph-bold.ph-toilet:before {
  content: "\e79a";
}
.ph-bold.ph-toilet-paper:before {
  content: "\e79c";
}
.ph-bold.ph-toolbox:before {
  content: "\eca0";
}
.ph-bold.ph-tooth:before {
  content: "\e9cc";
}
.ph-bold.ph-tornado:before {
  content: "\e88c";
}
.ph-bold.ph-tote:before {
  content: "\e494";
}
.ph-bold.ph-tote-simple:before {
  content: "\e678";
}
.ph-bold.ph-towel:before {
  content: "\ede6";
}
.ph-bold.ph-tractor:before {
  content: "\ec6e";
}
.ph-bold.ph-trademark:before {
  content: "\e9f0";
}
.ph-bold.ph-trademark-registered:before {
  content: "\e3f4";
}
.ph-bold.ph-traffic-cone:before {
  content: "\e9a8";
}
.ph-bold.ph-traffic-sign:before {
  content: "\e67a";
}
.ph-bold.ph-traffic-signal:before {
  content: "\e9aa";
}
.ph-bold.ph-train:before {
  content: "\e496";
}
.ph-bold.ph-train-regional:before {
  content: "\e49e";
}
.ph-bold.ph-train-simple:before {
  content: "\e4a0";
}
.ph-bold.ph-tram:before {
  content: "\e9ec";
}
.ph-bold.ph-translate:before {
  content: "\e4a2";
}
.ph-bold.ph-trash:before {
  content: "\e4a6";
}
.ph-bold.ph-trash-simple:before {
  content: "\e4a8";
}
.ph-bold.ph-tray:before {
  content: "\e4aa";
}
.ph-bold.ph-tray-arrow-down:before {
  content: "\e010";
}
.ph-bold.ph-archive-tray:before {
  content: "\e010";
}
.ph-bold.ph-tray-arrow-up:before {
  content: "\ee52";
}
.ph-bold.ph-treasure-chest:before {
  content: "\ede2";
}
.ph-bold.ph-tree:before {
  content: "\e6da";
}
.ph-bold.ph-tree-evergreen:before {
  content: "\e6dc";
}
.ph-bold.ph-tree-palm:before {
  content: "\e91a";
}
.ph-bold.ph-tree-structure:before {
  content: "\e67c";
}
.ph-bold.ph-tree-view:before {
  content: "\ee48";
}
.ph-bold.ph-trend-down:before {
  content: "\e4ac";
}
.ph-bold.ph-trend-up:before {
  content: "\e4ae";
}
.ph-bold.ph-triangle:before {
  content: "\e4b0";
}
.ph-bold.ph-triangle-dashed:before {
  content: "\e4b2";
}
.ph-bold.ph-trolley:before {
  content: "\e5b2";
}
.ph-bold.ph-trolley-suitcase:before {
  content: "\e5b4";
}
.ph-bold.ph-trophy:before {
  content: "\e67e";
}
.ph-bold.ph-truck:before {
  content: "\e4b4";
}
.ph-bold.ph-truck-trailer:before {
  content: "\e4b6";
}
.ph-bold.ph-tumblr-logo:before {
  content: "\e8d4";
}
.ph-bold.ph-twitch-logo:before {
  content: "\e5ce";
}
.ph-bold.ph-twitter-logo:before {
  content: "\e4ba";
}
.ph-bold.ph-umbrella:before {
  content: "\e684";
}
.ph-bold.ph-umbrella-simple:before {
  content: "\e686";
}
.ph-bold.ph-union:before {
  content: "\edbe";
}
.ph-bold.ph-unite:before {
  content: "\e87e";
}
.ph-bold.ph-unite-square:before {
  content: "\e878";
}
.ph-bold.ph-upload:before {
  content: "\e4be";
}
.ph-bold.ph-upload-simple:before {
  content: "\e4c0";
}
.ph-bold.ph-usb:before {
  content: "\e956";
}
.ph-bold.ph-user:before {
  content: "\e4c2";
}
.ph-bold.ph-user-check:before {
  content: "\eafa";
}
.ph-bold.ph-user-circle:before {
  content: "\e4c4";
}
.ph-bold.ph-user-circle-check:before {
  content: "\ec38";
}
.ph-bold.ph-user-circle-dashed:before {
  content: "\ec36";
}
.ph-bold.ph-user-circle-gear:before {
  content: "\e4c6";
}
.ph-bold.ph-user-circle-minus:before {
  content: "\e4c8";
}
.ph-bold.ph-user-circle-plus:before {
  content: "\e4ca";
}
.ph-bold.ph-user-focus:before {
  content: "\e6fc";
}
.ph-bold.ph-user-gear:before {
  content: "\e4cc";
}
.ph-bold.ph-user-list:before {
  content: "\e73c";
}
.ph-bold.ph-user-minus:before {
  content: "\e4ce";
}
.ph-bold.ph-user-plus:before {
  content: "\e4d0";
}
.ph-bold.ph-user-rectangle:before {
  content: "\e4d2";
}
.ph-bold.ph-user-sound:before {
  content: "\eca8";
}
.ph-bold.ph-user-square:before {
  content: "\e4d4";
}
.ph-bold.ph-user-switch:before {
  content: "\e756";
}
.ph-bold.ph-users:before {
  content: "\e4d6";
}
.ph-bold.ph-users-four:before {
  content: "\e68c";
}
.ph-bold.ph-users-three:before {
  content: "\e68e";
}
.ph-bold.ph-van:before {
  content: "\e826";
}
.ph-bold.ph-vault:before {
  content: "\e76e";
}
.ph-bold.ph-vector-three:before {
  content: "\ee62";
}
.ph-bold.ph-vector-two:before {
  content: "\ee64";
}
.ph-bold.ph-vibrate:before {
  content: "\e4d8";
}
.ph-bold.ph-video:before {
  content: "\e740";
}
.ph-bold.ph-video-camera:before {
  content: "\e4da";
}
.ph-bold.ph-video-camera-slash:before {
  content: "\e4dc";
}
.ph-bold.ph-video-conference:before {
  content: "\edce";
}
.ph-bold.ph-vignette:before {
  content: "\eba2";
}
.ph-bold.ph-vinyl-record:before {
  content: "\ecac";
}
.ph-bold.ph-virtual-reality:before {
  content: "\e7b8";
}
.ph-bold.ph-virus:before {
  content: "\e7d6";
}
.ph-bold.ph-visor:before {
  content: "\ee2a";
}
.ph-bold.ph-voicemail:before {
  content: "\e4de";
}
.ph-bold.ph-volleyball:before {
  content: "\e726";
}
.ph-bold.ph-wall:before {
  content: "\e688";
}
.ph-bold.ph-wallet:before {
  content: "\e68a";
}
.ph-bold.ph-warehouse:before {
  content: "\ecd4";
}
.ph-bold.ph-warning:before {
  content: "\e4e0";
}
.ph-bold.ph-warning-circle:before {
  content: "\e4e2";
}
.ph-bold.ph-warning-diamond:before {
  content: "\e7fc";
}
.ph-bold.ph-warning-octagon:before {
  content: "\e4e4";
}
.ph-bold.ph-washing-machine:before {
  content: "\ede8";
}
.ph-bold.ph-watch:before {
  content: "\e4e6";
}
.ph-bold.ph-wave-sawtooth:before {
  content: "\ea9c";
}
.ph-bold.ph-wave-sine:before {
  content: "\ea9a";
}
.ph-bold.ph-wave-square:before {
  content: "\ea9e";
}
.ph-bold.ph-wave-triangle:before {
  content: "\eaa0";
}
.ph-bold.ph-waveform:before {
  content: "\e802";
}
.ph-bold.ph-waveform-slash:before {
  content: "\e800";
}
.ph-bold.ph-waves:before {
  content: "\e6de";
}
.ph-bold.ph-webcam:before {
  content: "\e9b2";
}
.ph-bold.ph-webcam-slash:before {
  content: "\ecdc";
}
.ph-bold.ph-webhooks-logo:before {
  content: "\ecae";
}
.ph-bold.ph-wechat-logo:before {
  content: "\e8d2";
}
.ph-bold.ph-whatsapp-logo:before {
  content: "\e5d0";
}
.ph-bold.ph-wheelchair:before {
  content: "\e4e8";
}
.ph-bold.ph-wheelchair-motion:before {
  content: "\e89a";
}
.ph-bold.ph-wifi-high:before {
  content: "\e4ea";
}
.ph-bold.ph-wifi-low:before {
  content: "\e4ec";
}
.ph-bold.ph-wifi-medium:before {
  content: "\e4ee";
}
.ph-bold.ph-wifi-none:before {
  content: "\e4f0";
}
.ph-bold.ph-wifi-slash:before {
  content: "\e4f2";
}
.ph-bold.ph-wifi-x:before {
  content: "\e4f4";
}
.ph-bold.ph-wind:before {
  content: "\e5d2";
}
.ph-bold.ph-windmill:before {
  content: "\e9f8";
}
.ph-bold.ph-windows-logo:before {
  content: "\e692";
}
.ph-bold.ph-wine:before {
  content: "\e6b2";
}
.ph-bold.ph-wrench:before {
  content: "\e5d4";
}
.ph-bold.ph-x:before {
  content: "\e4f6";
}
.ph-bold.ph-x-circle:before {
  content: "\e4f8";
}
.ph-bold.ph-x-logo:before {
  content: "\e4bc";
}
.ph-bold.ph-x-square:before {
  content: "\e4fa";
}
.ph-bold.ph-yarn:before {
  content: "\ed9a";
}
.ph-bold.ph-yin-yang:before {
  content: "\e92a";
}
.ph-bold.ph-youtube-logo:before {
  content: "\e4fc";
}
.dragSortList {
  overflow: auto;
  position: relative;
}

.dragSortList.-isExpanded {
  padding-top: 25px;
}

.dragSortList.-isExpanded.-isDraggingOver::before {
  content: "🡢";
  position: absolute;
  line-height: 25px;
  top: 0;
  left: 0;
  z-index: 2;
}

.dragSortItem {
  position: relative;
}

.dragSortItem[draggable],
.dragSortItem [draggable] {
  cursor: move;
  cursor: hand;
  cursor: -webkit-grab;
  cursor: grab;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.dragSortItem.-isDragged {
  display: none;
}

.dragSortList.-sourceOnlyList .dragSortItem.-isDragged {
  display: block;
}

.dragSortItem.-placeholderBefore {
  /* margin-top: 25px; */
  padding-top: 25px;
}

.dragSortItem.-placeholderAfter {
  /* margin-bottom: 25px; */
  padding-bottom: 25px;
}

.dragSortList.-horizontal .dragSortItem.-placeholderBefore,
.dragSortList.-horizontal.-rtl .dragSortItem.-placeholderAfter {
  padding: 0 0 0 25px;
}

.dragSortList.-horizontal .dragSortItem.-placeholderAfter,
.dragSortList.-horizontal.-rtl .dragSortItem.-placeholderBefore {
  padding: 0 25px 0 0;
}

.dragSortItem.-placeholderBefore::before,
.dragSortItem.-placeholderAfter::before {
  content: "🡢";
  position: absolute;
  line-height: 25px;
  left: 0;
}

.dragSortItem.-placeholderBefore::before {
  /* bottom: 100%; */
  top: 0;
}

.dragSortItem.-placeholderAfter::before {
  /* top: 100%; */
  bottom: 0;
}

.dragSortList.-horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.dragSortList.-horizontal .dragSortItem.-placeholderBefore::before,
.dragSortList.-horizontal .dragSortItem.-placeholderAfter::before {
  width: 25px;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  text-align: center;
}

.dragSortList.-horizontal .dragSortItem.-placeholderBefore::before,
.dragSortList.-horizontal.-rtl .dragSortItem.-placeholderAfter::before {
  /* right: 100%; */
  left: 0;
  right: auto;
}

.dragSortList.-horizontal .dragSortItem.-placeholderAfter::before,
.dragSortList.-horizontal.-rtl .dragSortItem.-placeholderBefore::before {
  /* left: 100%; */
  left: auto;
  right: 0;
}

.dragSortList.-rtl {
  direction: rtl;
}
.occluded-content {
  display: block;
  position: relative;
  width: 100%;

  /* prevents margin overflow on item container */
  min-height: 0.01px;

  /* hides text visually while still being readable by screen readers */
  color: rgb(0 0 0 / 0%);

  /*
   * Prevents the debug text ("And X items before/after") from affecting
   * the element's layout height. Without this, inherited line-height values
   * can cause the text to create a line box that inflates the element's
   * actual height above its inline style height, especially when used
   * inside tables with display: table-row.
   */
  font-size: 0;
  line-height: 0;
}

table .occluded-content,
tbody .occluded-content,
thead .occluded-content,
tfoot .occluded-content {
  display: table-row;
  position: relative;
  width: 100%;
}

ul .occluded-content,
ol .occluded-content {
  display: list-item;
  position: relative;
  width: 100%;
  list-style-type: none;
  height: 0;
}
:root{--zoomist-wrapper-bg-color: #efefef;--zoomist-slider-bg-color: rgba(255, 255, 255, .8);--zoomist-slider-border-radius: 0 0 4px 0;--zoomist-slider-padding-x: 20px;--zoomist-slider-padding-y: 20px;--zoomist-slider-track-color: #ddd;--zoomist-slider-track-color-hover: #ccc;--zoomist-slider-bar-size: 120px;--zoomist-slider-bar-side: 2px;--zoomist-slider-bar-border-radius: 2px;--zoomist-slider-bar-color: #666;--zoomist-slider-bar-color-hover: #444;--zoomist-slider-button-size: 12px;--zoomist-slider-button-color: #fff;--zoomist-zoomer-button-size: 48px;--zoomist-zoomer-button-color: rgba(255, 255, 255, .8);--zoomist-zoomer-button-color-hover: rgba(255, 255, 255, .9);--zoomist-zoomer-button-color-disabled: rgba(255, 255, 255, .8);--zoomist-zoomer-button-opacity-disabled: .7;--zoomist-zoomer-icon-size: 14px;--zoomist-zoomer-icon-color: #333;--zoomist-zoomer-icon-color-hover: #111;--zoomist-zoomer-icon-color-disabled: #999;--zoomist-modules-tranistion-duration: .3s}.zoomist-container{position:relative;padding:0!important;-webkit-user-select:none;user-select:none}.zoomist-wrapper{position:relative;z-index:1;width:100%;height:100%;padding:0!important;overflow:hidden;background-color:var(--zoomist-wrapper-bg-color)}.zoomist-image{position:relative;max-width:none!important;max-height:none!important}.zoomist-slider{position:absolute;z-index:2;top:0;left:0;padding:var(--zoomist-slider-padding-y) var(--zoomist-slider-padding-x);background-color:var(--zoomist-slider-bg-color);border-radius:var(--zoomist-slider-border-radius)}.zoomist-slider:hover .zoomist-slider-wrapper{background-color:var(--zoomist-slider-track-color-hover)}.zoomist-slider:hover .zoomist-slider-bar{background-color:var(--zoomist-slider-bar-color-hover)}.zoomist-slider:hover .zoomist-slider-button:before{box-shadow:0 0 8px #0009}.zoomist-slider-horizontal .zoomist-slider-wrapper{align-items:center;justify-content:flex-start;width:var(--zoomist-slider-bar-size);height:var(--zoomist-slider-bar-side)}.zoomist-slider-horizontal .zoomist-slider-bar{top:0;width:calc(var(--value) * 1%);height:100%}.zoomist-slider-horizontal .zoomist-slider-button{left:calc(var(--value) * 1%)}.zoomist-slider-vertical .zoomist-slider-wrapper{align-items:flex-end;justify-content:center;width:var(--zoomist-slider-bar-side);height:var(--zoomist-slider-bar-size)}.zoomist-slider-vertical .zoomist-slider-bar{bottom:0;width:100%;height:calc(var(--value) * 1%)}.zoomist-slider-vertical .zoomist-slider-button{bottom:calc(var(--value) * 1%)}.zoomist-slider-wrapper{position:relative;display:flex;background-color:var(--zoomist-slider-track-color);transition:background-color var(--zoomist-modules-tranistion-duration)}.zoomist-slider-bar{position:absolute;z-index:0;left:0;display:block;border-radius:var(--zoomist-slider-bar-border-radius);background-color:var(--zoomist-slider-bar-color);transition:background-color var(--zoomist-modules-tranistion-duration)}.zoomist-slider-button{position:relative;z-index:1;display:block;width:0!important;height:0!important}.zoomist-slider-button:before{content:"";position:absolute;left:calc(var(--zoomist-slider-button-size) * -.5);top:calc(var(--zoomist-slider-button-size) * -.5);width:var(--zoomist-slider-button-size);height:var(--zoomist-slider-button-size);display:block;background-color:var(--zoomist-slider-button-color, #fff);border-radius:50%;box-shadow:0 0 4px #0006;transition:box-shadow var(--zoomist-modules-tranistion-duration)}.zoomist-zoomer{position:absolute;z-index:2;top:0;right:0;border-radius:0 0 0 4px;overflow:hidden}.zoomist-zoomer-button{position:relative;display:flex;justify-content:center;align-items:center;width:var(--zoomist-zoomer-button-size);height:var(--zoomist-zoomer-button-size);background:none;background-color:var(--zoomist-zoomer-button-color);border:0;transition:background-color var(--zoomist-modules-tranistion-duration);cursor:pointer}.zoomist-zoomer-button:hover{background-color:var(--zoomist-zoomer-button-color-hover)}.zoomist-zoomer-button:hover .zoomist-zoomer-icon{fill:var(--zoomist-zoomer-icon-color-hover)}.zoomist-zoomer-button.zoomist-zoomer-disabled{pointer-events:none;background-color:var(--zoomist-zoomer-button-color-disabled);opacity:var(--zoomist-zoomer-button-opacity-disabled)}.zoomist-zoomer-button.zoomist-zoomer-disabled .zoomist-zoomer-icon{fill:var(--zoomist-zoomer-icon-color-disabled)}.zoomist-zoomer-icon{width:var(--zoomist-zoomer-icon-size);height:var(--zoomist-zoomer-icon-size);fill:var(--zoomist-zoomer-icon-color);transition:fill var(--zoomist-modules-tranistion-duration)}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
          animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-box-shadow: 0 3px 13px rgba(0,0,0,0.08);
          box-shadow: 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid rgba(72,72,72,0.2);
}
.flatpickr-calendar.hasTime .flatpickr-innerContainer {
  border-bottom: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  border: 1px solid rgba(72,72,72,0.2);
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: rgba(72,72,72,0.2);
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #42a5f5;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: rgba(72,72,72,0.2);
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #42a5f5;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  border-radius: 5px 5px 0 0;
  background: #42a5f5;
  color: #fff;
  fill: #fff;
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: #fff;
  fill: #fff;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #bbb;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(72,72,72,0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(72,72,72,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(72,72,72,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(255,255,255,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff;
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(255,255,255,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: #42a5f5;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #42a5f5;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: #42a5f5;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: #42a5f5;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 307.875px;
  border-left: 1px solid rgba(72,72,72,0.2);
  border-right: 1px solid rgba(72,72,72,0.2);
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 rgba(72,72,72,0.2);
          box-shadow: -1px 0 0 rgba(72,72,72,0.2);
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #484848;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
      -ms-flex-preferred-size: 14.2857143%;
          flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e2e2e2;
  border-color: #e2e2e2;
}
.flatpickr-day.today {
  border-color: #bbb;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #bbb;
  background: #bbb;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #42a5f5;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #42a5f5;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #42a5f5;
          box-shadow: -10px 0 0 #42a5f5;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
          box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(72,72,72,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(72,72,72,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #42a5f5, 5px 0 0 #42a5f5;
          box-shadow: -5px 0 0 #42a5f5, 5px 0 0 #42a5f5;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  border-left: 1px solid rgba(72,72,72,0.2);
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(72,72,72,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid rgba(72,72,72,0.2);
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-radius: 0 0 5px 5px;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #484848;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #484848;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #484848;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #484848;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eaeaea;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}