/* pins the rem base pxToRem divides by; ADS and DataGrid are px-sized, so a floating base drifts */
html.cytora-root-html {
  font-size: 16px;
}

.loading-logo {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
}

.MuiDataGrid-menu > .MuiPaper-root {
  color: #3d4e5f;
}

@font-face {
  font-family: 'iA Writer Duospace';
  font-weight: normal;
  font-style: normal;
  src:
    url('../assets/fonts/iAWriter/iAWriterDuospace-Regular.eot')
      format('embedded-opentype'),
    url('../assets/fonts/iAWriter/iAWriterDuospace-Regular.woff2')
      format('woff2'),
    url('../assets/fonts/iAWriter/iAWriterDuospace-Regular.woff') format('woff');
}

@font-face {
  font-family: 'iA Writer Duospace';
  font-weight: normal;
  font-style: italic;
  src:
    url('../assets/fonts/iAWriter/iAWriterDuospace-Italic.eot')
      format('embedded-opentype'),
    url('../assets/fonts/iAWriter/iAWriterDuospace-Italic.woff2')
      format('woff2'),
    url('../assets/fonts/iAWriter/iAWriterDuospace-Italic.woff') format('woff');
}

@font-face {
  font-family: 'iA Writer Duospace';
  font-weight: bold;
  font-style: normal;
  src:
    url('../assets/fonts/iAWriter/iAWriterDuospace-Bold.eot')
      format('embedded-opentype'),
    url('../assets/fonts/iAWriter/iAWriterDuospace-Bold.woff2') format('woff2'),
    url('../assets/fonts/iAWriter/iAWriterDuospace-Bold.woff') format('woff');
}

@font-face {
  font-family: 'iA Writer Duospace';
  font-weight: bold;
  font-style: italic;
  src:
    url('../assets/fonts/iAWriter/iAWriterDuospace-BoldItalic.eot')
      format('embedded-opentype'),
    url('../assets/fonts/iAWriter/iAWriterDuospace-BoldItalic.woff2')
      format('woff2'),
    url('../assets/fonts/iAWriter/iAWriterDuospace-BoldItalic.woff')
      format('woff');
}
@font-face {
  font-family: 'Studio Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    url('../assets/fonts/StudioPro/Ttd-StudioPro-Regular-Web/StudioPro-Regular.eot?#iefix')
      format('embedded-opentype'),
    url('../assets/fonts/StudioPro/Ttd-StudioPro-Regular-Web/StudioPro-Regular.woff2')
      format('woff2'),
    url('../assets/fonts/StudioPro/Ttd-StudioPro-Regular-Web/StudioPro-Regular.woff')
      format('woff');
}
@font-face {
  font-family: 'Studio Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src:
    url('../assets/fonts/StudioPro/Ttd-StudioPro-SemiBold-Web/StudioPro-SemiBold.eot?#iefix')
      format('embedded-opentype'),
    url('../assets/fonts/StudioPro/Ttd-StudioPro-SemiBold-Web/StudioPro-SemiBold.woff2')
      format('woff2'),
    url('../assets/fonts/StudioPro/Ttd-StudioPro-SemiBold-Web/StudioPro-SemiBold.woff')
      format('woff');
}
@font-face {
  font-family: 'Studio Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    url('../assets/fonts/StudioPro/Ttd-StudioPro-Bold-Web/StudioPro-Bold.eot?#iefix')
      format('embedded-opentype'),
    url('../assets/fonts/StudioPro/Ttd-StudioPro-Bold-Web/StudioPro-Bold.woff2')
      format('woff2'),
    url('../assets/fonts/StudioPro/Ttd-StudioPro-Bold-Web/StudioPro-Bold.woff')
      format('woff');
}

@font-face {
  font-family: 'FabricMDL2Icons';
  src: url('../assets/fonts/FabricExternalMDL2/fabric-icons.woff')
    format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('../assets/fonts/Inter/Inter-Thin.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('../assets/fonts/Inter/Inter-ExtraLight.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../assets/fonts/Inter/Inter-Light.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/Inter/Inter-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/Inter/Inter-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/Inter/Inter-SemiBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../assets/fonts/Inter/Inter-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../assets/fonts/Inter/Inter-ExtraBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../assets/fonts/Inter/Inter-Black.woff2') format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../assets/fonts/OpenSans/OpenSans-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('../assets/fonts/OpenSans/OpenSans-LightItalic.ttf')
    format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/OpenSans/OpenSans-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/OpenSans/OpenSans-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/OpenSans/OpenSans-MediumItalic.ttf')
    format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/OpenSans/OpenSans-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/OpenSans/OpenSans-SemiBoldItalic.ttf')
    format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../assets/fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('../assets/fonts/OpenSans/OpenSans-BoldItalic.ttf')
    format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../assets/fonts/OpenSans/OpenSans-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('../assets/fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf')
    format('truetype');
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../assets/fonts/Urbanist/Urbanist-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('../assets/fonts/Urbanist/Urbanist-LightItalic.ttf')
    format('truetype');
}
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/Urbanist/Urbanist-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/Urbanist/Urbanist-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/Urbanist/Urbanist-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/Urbanist/Urbanist-MediumItalic.ttf')
    format('truetype');
}
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/Urbanist/Urbanist-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/Urbanist/Urbanist-SemiBoldItalic.ttf')
    format('truetype');
}
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../assets/fonts/Urbanist/Urbanist-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('../assets/fonts/Urbanist/Urbanist-BoldItalic.ttf')
    format('truetype');
}
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../assets/fonts/Urbanist/Urbanist-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('../assets/fonts/Urbanist/Urbanist-ExtraBoldItalic.ttf')
    format('truetype');
}