/* stylelint-disable-next-line max-line-length */
/* stylelint-disable-next-line max-line-length */
/* Creates CSS3 Variables and adds them to root
 * @params
 *  $map - expects a map that contains 'core', 'on', 'text', and 'state' maps
 * @output
 *  --{key}-rgb: {val} - rgb value of the key
 *  --{key}-color: rgb(var(--{key}-rgb)) - variable meant for css:color use
 *  --{key}-bg: var(--{key}-color) - bg color meant for css:background use
 */
@media (hover: hover) and (pointer: fine) {
  .ndoNSXlV2Ofc_6OM-K74k:before, .ndoNSXlV2Ofc_6OM-K74k:after {
    background: black;
    background: var(--ipt-on-accent1-color); }
  .ndoNSXlV2Ofc_6OM-K74k:hover:before {
    opacity: 0.08;
    opacity: var(--ipt-base-hover-opacity); }
  .ndoNSXlV2Ofc_6OM-K74k:active:after {
    opacity: 0.16;
    opacity: var(--ipt-base-pressed-opacity); } }

/* stylelint-disable-next-line max-line-length */
/* stylelint-disable-next-line max-line-length */
/* Creates CSS3 Variables and adds them to root
 * @params
 *  $map - expects a map that contains 'core', 'on', 'text', and 'state' maps
 * @output
 *  --{key}-rgb: {val} - rgb value of the key
 *  --{key}-color: rgb(var(--{key}-rgb)) - variable meant for css:color use
 *  --{key}-bg: var(--{key}-color) - bg color meant for css:background use
 */
._2mKl6XPG7cfSm-uPJymPbe {
  background: #1f1f1f;
  background: var(--ipt-baseAlt-shade1-bg); }
  @media screen and (min-width: 600px) {
    ._2mKl6XPG7cfSm-uPJymPbe {
      border-radius: var(--ipt-cornerRadius); } }

/* stylelint-disable-next-line max-line-length */
/* stylelint-disable-next-line max-line-length */
/* Creates CSS3 Variables and adds them to root
 * @params
 *  $map - expects a map that contains 'core', 'on', 'text', and 'state' maps
 * @output
 *  --{key}-rgb: {val} - rgb value of the key
 *  --{key}-color: rgb(var(--{key}-rgb)) - variable meant for css:color use
 *  --{key}-bg: var(--{key}-color) - bg color meant for css:background use
 */
._3GpC-Bj8birceXgWSkFbpC {
  border-color: rgba(255, 255, 255, 0.25);
  border-color: rgba(var(--ipt-on-baseAlt-rgb), 0.25); }
  ._3GpC-Bj8birceXgWSkFbpC:hover {
    background: rgba(255, 255, 255, 0.12);
    background: rgba(var(--ipt-on-baseAlt-rgb), var(--ipt-baseAlt-hover-opacity)); }
  ._3GpC-Bj8birceXgWSkFbpC:active {
    background: rgba(255, 255, 255, 0.32);
    background: rgba(var(--ipt-on-baseAlt-rgb), var(--ipt-baseAlt-pressed-opacity)); }

._2mXTyZmtWnrwCBj9tuEhuK {
  background: rgba(255, 255, 255, 0.12);
  background: rgba(var(--ipt-on-baseAlt-rgb), var(--ipt-baseAlt-hover-opacity)); }

.eT85beW8gW1OL_yBGzDFi,
._2NPnhnjxKTlB8HDsb7RtwX {
  color: white;
  color: var(--ipt-on-baseAlt-textPrimary-color); }

._2NPnhnjxKTlB8HDsb7RtwX {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-family: var(--ipt-font-family);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.03125em;
  text-decoration: inherit;
  text-transform: inherit;
  -webkit-font-smoothing: auto;
  /* stylelint-disable */
  font-smooth: auto;
  /* stylelint-enable */ }

.eT85beW8gW1OL_yBGzDFi {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-family: var(--ipt-font-family);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.01786em;
  text-decoration: inherit;
  text-transform: inherit;
  -webkit-font-smoothing: auto;
  /* stylelint-disable */
  font-smooth: auto;
  /* stylelint-enable */ }

._3NC-LqKnxaKSgKKPxD9D_8 {
  color: rgba(255, 255, 255, 0.7);
  color: var(--ipt-on-baseAlt-textSecondary-color);
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-family: var(--ipt-font-family);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.01786em;
  text-decoration: inherit;
  text-transform: inherit;
  -webkit-font-smoothing: auto;
  /* stylelint-disable */
  font-smooth: auto;
  /* stylelint-enable */ }

._241lot-bKo_YYQd3WZSzuN, ._3-7z0W-YhShmj-4AdjRqqv {
  color: #5799ef;
  color: var(--ipt-on-baseAlt-accent2-color);
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-family: var(--ipt-font-family);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.01786em;
  text-decoration: inherit;
  text-transform: inherit;
  -webkit-font-smoothing: auto;
  /* stylelint-disable */
  font-smooth: auto;
  /* stylelint-enable */ }

._3ANMP9u58MZGX_ZS9c20p,
._2CEX84AP_A7x357bu9PzWS {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-family: var(--ipt-font-family);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.03125em;
  text-decoration: inherit;
  text-transform: inherit;
  -webkit-font-smoothing: auto;
  /* stylelint-disable */
  font-smooth: auto;
  /* stylelint-enable */ }

/* stylelint-disable-next-line max-line-length */
/* stylelint-disable-next-line max-line-length */
/* Creates CSS3 Variables and adds them to root
 * @params
 *  $map - expects a map that contains 'core', 'on', 'text', and 'state' maps
 * @output
 *  --{key}-rgb: {val} - rgb value of the key
 *  --{key}-color: rgb(var(--{key}-rgb)) - variable meant for css:color use
 *  --{key}-bg: var(--{key}-color) - bg color meant for css:background use
 */
._3tGWq6W2TYPbP48TZtGEaB {
  background: #1f1f1f;
  background: var(--ipt-baseAlt-shade1-bg); }
  @media screen and (min-width: 600px) {
    ._3tGWq6W2TYPbP48TZtGEaB {
      background: white;
      background: var(--ipt-base-bg);
      border-radius: var(--ipt-cornerRadius); }
      ._3tGWq6W2TYPbP48TZtGEaB._34OlxISln9ojnodo9-xSUP {
        background: white;
        background: var(--ipt-base-bg);
        outline: none;
        border-color: none;
        box-shadow: inset 0 0 0 2px #f5c518;
        box-shadow: inset 0 0 0 2px var(--ipt-accent1-color); } }

.xy71ywaNKGjcnlWE2zShT {
  /* empty */ }

.GVtrp0cCs2HZCo7E2L5UU {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-family: var(--ipt-font-family);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.03125em;
  text-decoration: inherit;
  text-transform: inherit;
  -webkit-font-smoothing: auto;
  /* stylelint-disable */
  font-smooth: auto;
  /* stylelint-enable */
  color: white;
  color: var(--ipt-on-baseAlt-color);
  caret-color: white;
  caret-color: var(--ipt-on-baseAlt-color); }
  .GVtrp0cCs2HZCo7E2L5UU:placeholder {
    color: var(--ipt-baseAlt-textHint-color); }
  @media screen and (min-width: 600px) {
    .GVtrp0cCs2HZCo7E2L5UU {
      font-family: "Roboto", "Helvetica", "Arial", sans-serif;
      font-family: var(--ipt-font-family);
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 400;
      letter-spacing: 0.01786em;
      text-decoration: inherit;
      text-transform: inherit;
      -webkit-font-smoothing: auto;
      /* stylelint-disable */
      font-smooth: auto;
      /* stylelint-enable */
      color: rgba(0, 0, 0, 0.87);
      color: var(--ipt-on-base-textPrimary-color);
      caret-color: rgba(0, 0, 0, 0.54);
      caret-color: var(--ipt-on-base-textSecondary-color); } }

._2wo2z_hfPCHWGjZvUGi_f1 {
  background: #fafafa;
  background: var(--ipt-base-shade1-bg);
  color: rgba(0, 0, 0, 0.54);
  color: var(--ipt-on-base-textSecondary-color);
  border-radius: var(--ipt-cornerRadius); }
  @media screen and (min-width: 600px) {
    ._2wo2z_hfPCHWGjZvUGi_f1 {
      background: white;
      background: var(--ipt-base-bg); } }

/* stylelint-disable-next-line max-line-length */
/* stylelint-disable-next-line max-line-length */
/* Creates CSS3 Variables and adds them to root
 * @params
 *  $map - expects a map that contains 'core', 'on', 'text', and 'state' maps
 * @output
 *  --{key}-rgb: {val} - rgb value of the key
 *  --{key}-color: rgb(var(--{key}-rgb)) - variable meant for css:color use
 *  --{key}-bg: var(--{key}-color) - bg color meant for css:background use
 */
._2mcNnzNh_17zh5IV1Mukpr ._1xTnkpad08eEWkqotpqi4r {
  transition: color 0.15s;
  cursor: pointer; }
  ._2mcNnzNh_17zh5IV1Mukpr ._1xTnkpad08eEWkqotpqi4r ._37fcCRzERfyeXeLFPsjHdY {
    margin-right: 0.75rem;
    opacity: 0.5;
    transition: opacity 0.2s; }
  ._2mcNnzNh_17zh5IV1Mukpr ._1xTnkpad08eEWkqotpqi4r:hover ._37fcCRzERfyeXeLFPsjHdY, ._2mcNnzNh_17zh5IV1Mukpr ._1xTnkpad08eEWkqotpqi4r:focus ._37fcCRzERfyeXeLFPsjHdY, ._2mcNnzNh_17zh5IV1Mukpr ._1xTnkpad08eEWkqotpqi4r._1VKSPp5LHTu0I_RQCOsBDd ._37fcCRzERfyeXeLFPsjHdY {
    opacity: 1; }
  ._2mcNnzNh_17zh5IV1Mukpr ._1xTnkpad08eEWkqotpqi4r._1VKSPp5LHTu0I_RQCOsBDd {
    color: #f5ff18;
    color: var(--ipt-on-base-accent1-color); }

/* stylelint-disable-next-line max-line-length */
/* stylelint-disable-next-line max-line-length */
/* Creates CSS3 Variables and adds them to root
 * @params
 *  $map - expects a map that contains 'core', 'on', 'text', and 'state' maps
 * @output
 *  --{key}-rgb: {val} - rgb value of the key
 *  --{key}-color: rgb(var(--{key}-rgb)) - variable meant for css:color use
 *  --{key}-bg: var(--{key}-color) - bg color meant for css:background use
 */
._-7m-2d080hJg3V1G1WqY- {
  /* empty */ }

.om11dllK0D2aNvqAi5UZq:checked ~ ._37jeHbQd6isaY014-iGUTr {
  background-color: black;
  background-color: var(--ipt-baseAlt-color); }

button._2tq2gWdOYUWYvwCWk-N0vV {
  min-height: 2rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: .2rem;
  border-right-style: solid;
  border-color: black;
  border-color: var(--ipt-baseAlt-color); }

/* stylelint-disable-next-line max-line-length */
/* stylelint-disable-next-line max-line-length */
/* Creates CSS3 Variables and adds them to root
 * @params
 *  $map - expects a map that contains 'core', 'on', 'text', and 'state' maps
 * @output
 *  --{key}-rgb: {val} - rgb value of the key
 *  --{key}-color: rgb(var(--{key}-rgb)) - variable meant for css:color use
 *  --{key}-bg: var(--{key}-color) - bg color meant for css:background use
 */
.lyr9sTGxhvocRns_pOj2r {
  background: #1f1f1f;
  background: var(--ipt-baseAlt-shade1-bg); }

._33DjoP1bQFTGjUsd6TDnRs {
  background: #1f1f1f;
  background: var(--ipt-baseAlt-shade1-bg); }

._1qi_bqG55RhaaowgrBUFki {
  background: var(--ipt-baseAlt-stripes-bg); }

._1l5jGrXyS665i5zWOxheZ {
  overflow: hidden;
  position: relative; }

._31OEZk7-hOsGgr6aTOS5te {
  display: none; }

@media screen and (max-width: 1024px) {
  ._1qi_bqG55RhaaowgrBUFki .BoMErbIIt00tb_ZoTOWZv {
    background: none; } }

@media screen and (min-width: 1024px) {
  ._1qi_bqG55RhaaowgrBUFki .BoMErbIIt00tb_ZoTOWZv {
    background: #f5c518;
    background: var(--ipt-accent1-bg);
    color: black;
    color: var(--ipt-on-accent1-color); }
    ._1qi_bqG55RhaaowgrBUFki .BoMErbIIt00tb_ZoTOWZv:hover {
      color: black;
      color: var(--ipt-on-accent1-color); } }

._1ju2aDBdVVFcPcrZPSlJvp {
  /* empty */ }

._3vqFsbtuHc7lRMf9zsPxus {
  /* empty */ }

.KwBCkDEj0GWPCoK4HmZ2T {
  /* empty */ }

/* stylelint-disable-next-line max-line-length */
/* stylelint-disable-next-line max-line-length */
/* Creates CSS3 Variables and adds them to root
 * @params
 *  $map - expects a map that contains 'core', 'on', 'text', and 'state' maps
 * @output
 *  --{key}-rgb: {val} - rgb value of the key
 *  --{key}-color: rgb(var(--{key}-rgb)) - variable meant for css:color use
 *  --{key}-bg: var(--{key}-color) - bg color meant for css:background use
 */
._1K0S44SUv8s7pXTI-caWlb {
  /* empty */ }

._2Iv_l4vJVkTcKsXSsnjoyl {
  /* empty */ }

._3ljuaKnLgmSdYVv9u-R2kl {
  /* empty */ }

._3eshWnjV18LJcWXsSl9YJv {
  /* empty */ }

.V1pMcXJmaAj_xVf9Ebt4r {
  /* empty */ }

._1BHmFYrYdlAF0gND-D42MO {
  /* empty */ }

._299G6wcz6LCpY_QFQJtc76 {
  /* empty */ }

._3ugJBFJR4_oBad38XOic2A {
  height: 0;
  visibility: hidden; }

._16jTCq9eBU0A38SFBAoU8k:checked ~ ._299G6wcz6LCpY_QFQJtc76 ._1UO7JWXJx2A3lPt87JY0Gh {
  border-color: rgba(255, 255, 255, 0.2);
  border-color: var(--ipt-baseAlt-border-color); }

._16jTCq9eBU0A38SFBAoU8k:checked ~ ._299G6wcz6LCpY_QFQJtc76 ._3ugJBFJR4_oBad38XOic2A {
  border-color: rgba(255, 255, 255, 0.2);
  border-color: var(--ipt-baseAlt-border-color);
  height: auto;
  visibility: inherit; }

._16jTCq9eBU0A38SFBAoU8k:checked ~ ._299G6wcz6LCpY_QFQJtc76 ._1UO7JWXJx2A3lPt87JY0Gh ._2Iv_l4vJVkTcKsXSsnjoyl,
._16jTCq9eBU0A38SFBAoU8k:checked ~ ._299G6wcz6LCpY_QFQJtc76 ._1UO7JWXJx2A3lPt87JY0Gh ._3ljuaKnLgmSdYVv9u-R2kl {
  color: #f5c518;
  color: var(--ipt-on-baseAlt-accent1-color); }

._1UO7JWXJx2A3lPt87JY0Gh {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-family: var(--ipt-font-family);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.03125em;
  text-decoration: inherit;
  text-transform: inherit;
  -webkit-font-smoothing: auto;
  /* stylelint-disable */
  font-smooth: auto;
  /* stylelint-enable */ }
  ._1UO7JWXJx2A3lPt87JY0Gh:hover {
    background: rgba(255, 255, 255, 0.12);
    background: var(--ipt-baseAlt-hover-bg); }

@media screen and (min-width: 1024px) {
  ._3ljuaKnLgmSdYVv9u-R2kl {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-family: var(--ipt-font-family);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400;
    letter-spacing: normal;
    text-decoration: inherit;
    text-transform: inherit;
    font-weight: 600;
    line-height: 1.5rem;
    -webkit-font-smoothing: auto;
    /* stylelint-disable */
    font-smooth: auto;
    /* stylelint-enable */ } }

/* stylelint-disable-next-line max-line-length */
/* stylelint-disable-next-line max-line-length */
/* Creates CSS3 Variables and adds them to root
 * @params
 *  $map - expects a map that contains 'core', 'on', 'text', and 'state' maps
 * @output
 *  --{key}-rgb: {val} - rgb value of the key
 *  --{key}-color: rgb(var(--{key}-rgb)) - variable meant for css:color use
 *  --{key}-bg: var(--{key}-color) - bg color meant for css:background use
 */
.kAAV4DNfVFVqrHphChj4B {
  /* Empty */ }

._3Z7jdw9w5CmgawYgX0UPK2 {
  /* Empty */ }

._1bKcOWQ444SDYrHdrDfuVi {
  /* Empty */ }

._2gsLsBPK0cn_jZtMaWl-cV {
  /* Empty */ }

._2gsLsBPK0cn_jZtMaWl-cV:hover,
._3Z7jdw9w5CmgawYgX0UPK2:hover {
  background: rgba(255, 255, 255, 0.12);
  background: var(--ipt-baseAlt-hover-bg); }

._3K5P-7N3XyIyLKFCjVRH-K {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-family: var(--ipt-font-family);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.01786em;
  text-decoration: inherit;
  text-transform: inherit;
  -webkit-font-smoothing: auto;
  /* stylelint-disable */
  font-smooth: auto;
  /* stylelint-enable */ }

/* stylelint-disable-next-line max-line-length */
/* stylelint-disable-next-line max-line-length */
/* Creates CSS3 Variables and adds them to root
 * @params
 *  $map - expects a map that contains 'core', 'on', 'text', and 'state' maps
 * @output
 *  --{key}-rgb: {val} - rgb value of the key
 *  --{key}-color: rgb(var(--{key}-rgb)) - variable meant for css:color use
 *  --{key}-bg: var(--{key}-color) - bg color meant for css:background use
 */
._308ToBwHIynbAUSNGHrnkb {
  /* empty */ }

.y0N-5Z7J0DtTY5cNWNjZ0 {
  /* empty */ }

._2oEOeEn83_FkdQZtwQtqN9 {
  /* empty */ }

.fyyBsUzB--QjVGJJzBczF {
  /* empty */ }

/* stylelint-disable-next-line max-line-length */
/* stylelint-disable-next-line max-line-length */
/* Creates CSS3 Variables and adds them to root
 * @params
 *  $map - expects a map that contains 'core', 'on', 'text', and 'state' maps
 * @output
 *  --{key}-rgb: {val} - rgb value of the key
 *  --{key}-color: rgb(var(--{key}-rgb)) - variable meant for css:color use
 *  --{key}-bg: var(--{key}-color) - bg color meant for css:background use
 */
._3cMNCrSVkxQhCkVs1JLIib .ipc-list__item.navbar__user-menu__username {
  color: #f5c518;
  color: var(--ipt-on-baseAlt-accent1-color);
  opacity: 1;
  pointer-events: none; }

/* stylelint-disable-next-line max-line-length */
/* stylelint-disable-next-line max-line-length */
/* Creates CSS3 Variables and adds them to root
 * @params
 *  $map - expects a map that contains 'core', 'on', 'text', and 'state' maps
 * @output
 *  --{key}-rgb: {val} - rgb value of the key
 *  --{key}-color: rgb(var(--{key}-rgb)) - variable meant for css:color use
 *  --{key}-bg: var(--{key}-color) - bg color meant for css:background use
 */
._29bwhGnqb_GVLBNQRwmX2W {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-family: var(--ipt-font-family);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.03333em;
  text-decoration: inherit;
  text-transform: inherit;
  -webkit-font-smoothing: auto;
  /* stylelint-disable */
  font-smooth: auto;
  /* stylelint-enable */ }

/* stylelint-disable-next-line max-line-length */
/* stylelint-disable-next-line max-line-length */
/* Creates CSS3 Variables and adds them to root
 * @params
 *  $map - expects a map that contains 'core', 'on', 'text', and 'state' maps
 * @output
 *  --{key}-rgb: {val} - rgb value of the key
 *  --{key}-color: rgb(var(--{key}-rgb)) - variable meant for css:color use
 *  --{key}-bg: var(--{key}-color) - bg color meant for css:background use
 */
._18p5u4ia1_7ZElMhXYLfre {
  --ipt-base-rgb: 255,255,255;
  --ipt-base-color: rgb(var(--ipt-base-rgb));
  --ipt-base-bg: var(--ipt-base-color);
  --ipt-base-shade1-rgb: 250,250,250;
  --ipt-base-shade1-color: rgb(var(--ipt-base-shade1-rgb));
  --ipt-base-shade1-bg: var(--ipt-base-shade1-color);
  --ipt-base-shade2-rgb: 240,240,240;
  --ipt-base-shade2-color: rgb(var(--ipt-base-shade2-rgb));
  --ipt-base-shade2-bg: var(--ipt-base-shade2-color);
  --ipt-on-base-rgb: 0,0,0;
  --ipt-on-base-color: rgb(var(--ipt-on-base-rgb));
  --ipt-on-base-accent1-rgb: 245,197,24;
  --ipt-on-base-accent1-color: rgb(var(--ipt-on-base-accent1-rgb));
  --ipt-on-base-accent2-rgb: 14,99,190;
  --ipt-on-base-accent2-color: rgb(var(--ipt-on-base-accent2-rgb));
  --ipt-on-base-error-rgb: 192,59,5;
  --ipt-on-base-error-color: rgb(var(--ipt-on-base-error-rgb));
  --ipt-on-base-textPrimary-color: rgba(var(--ipt-on-base-rgb), .87);
  --ipt-on-base-textSecondary-color: rgba(var(--ipt-on-base-rgb), .54);
  --ipt-on-base-textHint-color: rgba(var(--ipt-on-base-rgb), .38);
  --ipt-on-base-textDisabled-color: rgba(var(--ipt-on-base-rgb), .38);
  --ipt-on-base-textIcon-color: rgba(var(--ipt-on-base-rgb), .54);
  --ipt-base-hover-opacity: 0.08;
  --ipt-base-hover-bg: rgba(var(--ipt-on-base-rgb), 0.08);
  --ipt-base-pressed-opacity: 0.16;
  --ipt-base-pressed-bg: rgba(var(--ipt-on-base-rgb), 0.16);
  --ipt-base-border-opacity: 0.12;
  --ipt-base-border-color: rgba(var(--ipt-on-base-rgb), 0.12);
  /* stylelint-disable-next-line max-line-length */
  --ipt-base-stripes-opacity: 0.04;
  --ipt-on-base-stripes-rgb: 0,0,0;
  --ipt-base-stripes-bg: repeating-linear-gradient(
        45deg,
        rgba(var(--ipt-on-base-stripes-rgb), var(--ipt-base-stripes-opacity)),
        rgba(var(--ipt-on-base-stripes-rgb), var(--ipt-base-stripes-opacity)) 2px,
        transparent 2px,
        transparent 7px), transparent;
  --ipt-baseAlt-rgb: 0,0,0;
  --ipt-baseAlt-color: rgb(var(--ipt-baseAlt-rgb));
  --ipt-baseAlt-bg: var(--ipt-baseAlt-color);
  --ipt-baseAlt-shade1-rgb: 31,31,31;
  --ipt-baseAlt-shade1-color: rgb(var(--ipt-baseAlt-shade1-rgb));
  --ipt-baseAlt-shade1-bg: var(--ipt-baseAlt-shade1-color);
  --ipt-baseAlt-shade2-rgb: 26,26,26;
  --ipt-baseAlt-shade2-color: rgb(var(--ipt-baseAlt-shade2-rgb));
  --ipt-baseAlt-shade2-bg: var(--ipt-baseAlt-shade2-color);
  --ipt-baseAlt-shade3-rgb: 18,18,18;
  --ipt-baseAlt-shade3-color: rgb(var(--ipt-baseAlt-shade3-rgb));
  --ipt-baseAlt-shade3-bg: var(--ipt-baseAlt-shade3-color);
  --ipt-on-baseAlt-rgb: 255,255,255;
  --ipt-on-baseAlt-color: rgb(var(--ipt-on-baseAlt-rgb));
  --ipt-on-baseAlt-accent1-rgb: 245,197,24;
  --ipt-on-baseAlt-accent1-color: rgb(var(--ipt-on-baseAlt-accent1-rgb));
  --ipt-on-baseAlt-accent2-rgb: 87,153,239;
  --ipt-on-baseAlt-accent2-color: rgb(var(--ipt-on-baseAlt-accent2-rgb));
  --ipt-on-baseAlt-error-rgb: 192,59,5;
  --ipt-on-baseAlt-error-color: rgb(var(--ipt-on-baseAlt-error-rgb));
  --ipt-on-baseAlt-textPrimary-color: rgba(var(--ipt-on-baseAlt-rgb), 1);
  --ipt-on-baseAlt-textSecondary-color: rgba(var(--ipt-on-baseAlt-rgb), .7);
  --ipt-on-baseAlt-textHint-color: rgba(var(--ipt-on-baseAlt-rgb), .5);
  --ipt-on-baseAlt-textDisabled-color: rgba(var(--ipt-on-baseAlt-rgb), .5);
  --ipt-on-baseAlt-textIcon-color: rgba(var(--ipt-on-baseAlt-rgb), 1);
  --ipt-baseAlt-hover-opacity: 0.12;
  --ipt-baseAlt-hover-bg: rgba(var(--ipt-on-baseAlt-rgb), 0.12);
  --ipt-baseAlt-pressed-opacity: 0.32;
  --ipt-baseAlt-pressed-bg: rgba(var(--ipt-on-baseAlt-rgb), 0.32);
  --ipt-baseAlt-border-opacity: 0.2;
  --ipt-baseAlt-border-color: rgba(var(--ipt-on-baseAlt-rgb), 0.2);
  /* stylelint-disable-next-line max-line-length */
  --ipt-baseAlt-stripes-opacity: 0.12;
  --ipt-on-baseAlt-stripes-rgb: 255,255,255;
  --ipt-baseAlt-stripes-bg: repeating-linear-gradient(
        45deg,
        rgba(var(--ipt-on-baseAlt-stripes-rgb), var(--ipt-baseAlt-stripes-opacity)),
        rgba(var(--ipt-on-baseAlt-stripes-rgb), var(--ipt-baseAlt-stripes-opacity)) 2px,
        transparent 2px,
        transparent 7px), transparent;
  --ipt-focus-outline-on-base-default: 1px dashed var(--ipt-on-base-color);
  --ipt-focus-outline-on-base: var(--ipt-focus-outline-on-base-default);
  --ipt-focus-outline-on-baseAlt-default: 1px dashed var(--ipt-on-baseAlt-color);
  --ipt-focus-outline-on-baseAlt: var(--ipt-focus-outline-on-baseAlt-default);
  --ipt-accent1-rgb: 245,197,24;
  --ipt-accent1-color: rgb(var(--ipt-accent1-rgb));
  --ipt-accent1-bg: var(--ipt-accent1-color);
  --ipt-on-accent1-rgb: 0,0,0;
  --ipt-on-accent1-color: rgb(var(--ipt-on-accent1-rgb));
  --ipt-accent2-rgb: 14,99,190;
  --ipt-accent2-color: rgb(var(--ipt-accent2-rgb));
  --ipt-accent2-bg: var(--ipt-accent2-color);
  --ipt-on-accent2-rgb: 255,255,255;
  --ipt-on-accent2-color: rgb(var(--ipt-on-accent2-rgb));
  --ipt-altAccent2-rgb: 87,153,239;
  --ipt-altAccent2-color: rgb(var(--ipt-altAccent2-rgb));
  --ipt-altAccent2-bg: var(--ipt-altAccent2-color);
  --ipt-on-altAccent2-rgb: 0,0,0;
  --ipt-on-altAccent2-color: rgb(var(--ipt-on-altAccent2-rgb));
  --ipt-accent3-rgb: 192,59,5;
  --ipt-accent3-color: rgb(var(--ipt-accent3-rgb));
  --ipt-accent3-bg: var(--ipt-accent3-color);
  --ipt-on-accent3-rgb: 255,255,255;
  --ipt-on-accent3-color: rgb(var(--ipt-on-accent3-rgb));
  --ipt-cornerRadius: 4px;
  --ipt-pageMargin: 1rem;
  --ipt-pageMinHeight: 67vh;
  --mdc-theme-ipt-base-color: var(--ipt-base-color);
  --mdc-theme-ipt-base-shade1-color: var(--ipt-base-shade1-color);
  --mdc-theme-ipt-base-shade2-color: var(--ipt-base-shade2-color);
  --mdc-theme-ipt-base-bg: var(--ipt-base-bg);
  --mdc-theme-ipt-base-shade1-bg: var(--ipt-base-shade1-bg);
  --mdc-theme-ipt-base-shade2-bg: var(--ipt-base-shade2-bg);
  --mdc-theme-ipt-on-base-color: var(--ipt-on-base-color);
  --mdc-theme-ipt-on-base-accent1-color: var(--ipt-on-base-accent1-color);
  --mdc-theme-ipt-on-base-accent2-color: var(--ipt-on-base-accent2-color);
  --mdc-theme-ipt-on-base-error-color: var(--ipt-on-base-error-color);
  --mdc-theme-ipt-on-base-textPrimary-color: var(--ipt-on-base-textPrimary-color);
  --mdc-theme-ipt-on-base-textSecondary-color: var(--ipt-on-base-textSecondary-color);
  --mdc-theme-ipt-on-base-textHint-color: var(--ipt-on-base-textHint-color);
  --mdc-theme-ipt-on-base-textDisabled-color: var(--ipt-on-base-textDisabled-color);
  --mdc-theme-ipt-on-base-textIcon-color: var(--ipt-on-base-textIcon-color);
  --mdc-theme-ipt-base-border-opacity: var(--ipt-base-border-opacity);
  --mdc-theme-ipt-base-border-color: var(--ipt-base-border-color);
  --mdc-theme-ipt-base-hover-opacity: var(--ipt-base-hover-opacity);
  --mdc-theme-ipt-base-hover-bg: var(--ipt-base-hover-bg);
  --mdc-theme-ipt-base-pressed-opacity: var(--ipt-base-pressed-opacity);
  --mdc-theme-ipt-base-pressed-bg: var(--ipt-base-pressed-bg);
  --mdc-theme-ipt-baseAlt-color: var(--ipt-baseAlt-color);
  --mdc-theme-ipt-baseAlt-shade1-color: var(--ipt-baseAlt-shade1-color);
  --mdc-theme-ipt-baseAlt-shade2-color: var(--ipt-baseAlt-shade2-color);
  --mdc-theme-ipt-baseAlt-shade3-color: var(--ipt-baseAlt-shade3-color);
  --mdc-theme-ipt-baseAlt-bg: var(--ipt-baseAlt-bg);
  --mdc-theme-ipt-baseAlt-shade1-bg: var(--ipt-baseAlt-shade1-bg);
  --mdc-theme-ipt-baseAlt-shade2-bg: var(--ipt-baseAlt-shade2-bg);
  --mdc-theme-ipt-baseAlt-shade3-bg: var(--ipt-baseAlt-shade3-bg);
  --mdc-theme-ipt-on-baseAlt-color: var(--ipt-on-baseAlt-color);
  --mdc-theme-ipt-on-baseAlt-accent1-color: var(--ipt-on-baseAlt-accent1-color);
  --mdc-theme-ipt-on-baseAlt-accent2-color: var(--ipt-on-baseAlt-accent2-color);
  --mdc-theme-ipt-on-baseAlt-error-color: var(--ipt-on-baseAlt-error-color);
  --mdc-theme-ipt-on-baseAlt-textPrimary-color: var(--ipt-on-baseAlt-textPrimary-color);
  --mdc-theme-ipt-on-baseAlt-textSecondary-color: var(--ipt-on-baseAlt-textSecondary-color);
  --mdc-theme-ipt-on-baseAlt-textHint-color: var(--ipt-on-baseAlt-textHint-color);
  --mdc-theme-ipt-on-baseAlt-textDisabled-color: var(--ipt-on-baseAlt-textDisabled-color);
  --mdc-theme-ipt-on-baseAlt-textIcon-color: var(--ipt-on-baseAlt-textIcon-color);
  --mdc-theme-ipt-baseAlt-border-opacity: var(--ipt-baseAlt-border-opacity);
  --mdc-theme-ipt-baseAlt-border-color: var(--ipt-baseAlt-border-color);
  --mdc-theme-ipt-baseAlt-hover-opacity: var(--ipt-baseAlt-hover-opacity);
  --mdc-theme-ipt-baseAlt-hover-bg: var(--ipt-baseAlt-hover-bg);
  --mdc-theme-ipt-baseAlt-pressed-opacity: var(--ipt-baseAlt-pressed-opacity);
  --mdc-theme-ipt-baseAlt-pressed-bg: var(--ipt-baseAlt-pressed-bg);
  --mdc-theme-ipt-accent1-color: var(--ipt-accent1-color);
  --mdc-theme-ipt-accent1-bg: var(--ipt-accent1-bg);
  --mdc-theme-ipt-on-accent1-color: var(--ipt-on-accent1-color);
  --mdc-theme-ipt-accent2-color: var(--ipt-accent2-color);
  --mdc-theme-ipt-accent2-bg: var(--ipt-accent2-bg);
  --mdc-theme-ipt-on-accent2-color: var(--ipt-on-accent2-color);
  --mdc-theme-ipt-altAccent2-color: var(--ipt-altAccent2-color);
  --mdc-theme-ipt-altAccent2-bg: var(--ipt-altAccent2-bg);
  --mdc-theme-ipt-on-altAccent2-color: var(--ipt-on-altAccent2-color);
  --mdc-theme-ipt-accent3-color: var(--ipt-accent3-color);
  --mdc-theme-ipt-accent3-bg: var(--ipt-accent3-bg);
  --mdc-theme-ipt-on-accent3-color: var(--ipt-on-accent3-color);
  --mdc-theme-primary: var(--ipt-baseAlt-color);
  --mdc-theme-secondary: var(--ipt-accent1-color);
  --mdc-theme-background: var(--ipt-base-color);
  --mdc-theme-surface: var(--ipt-base-shade1-color);
  --mdc-theme-on-primary: var(--ipt-on-baseAlt-color);
  --mdc-theme-on-secondary: var(--ipt-on-accent1-color);
  --mdc-theme-on-surface: var(--ipt-on-base-color);
  --mdc-theme-text-primary-on-background: var(--ipt-on-base-textPrimary-color);
  --mdc-theme-text-secondary-on-background: var(--ipt-on-base-textSecondary-color);
  --mdc-theme-text-hint-on-background: var(--ipt-on-base-textHint-color);
  --mdc-theme-text-disabled-on-background: var(--ipt-on-base-textDisabled-color);
  --mdc-theme-text-icon-on-background: var(--ipt-on-base-textIcon-color);
  --mdc-theme-text-primary-on-light: var(--ipt-on-base-textPrimary-color);
  --mdc-theme-text-secondary-on-light: var(--ipt-on-base-textSecondary-color);
  --mdc-theme-text-hint-on-light: var(--ipt-on-base-textHint-color);
  --mdc-theme-text-disabled-on-light: var(--ipt-on-base-textDisabled-color);
  --mdc-theme-text-icon-on-light: var(--ipt-on-base-textIcon-color);
  --mdc-theme-text-primary-on-dark: var(--ipt-on-baseAlt-textPrimary-color);
  --mdc-theme-text-secondary-on-dark: var(--ipt-on-baseAlt-textSecondary-color);
  --mdc-theme-text-hint-on-dark: var(--ipt-on-baseAlt-textHint-color);
  --mdc-theme-text-disabled-on-dark: var(--ipt-on-baseAlt-textDisabled-color);
  --mdc-theme-text-icon-on-dark: var(--ipt-on-baseAlt-textIcon-color);
  background: #121212;
  background: var(--ipt-baseAlt-shade3-bg);
  color: white;
  color: var(--ipt-on-baseAlt-textPrimary-color);
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-family: var(--ipt-font-family);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.03125em;
  text-decoration: inherit;
  text-transform: inherit;
  -webkit-font-smoothing: auto;
  /* stylelint-disable */
  font-smooth: auto;
  /* stylelint-enable */ }
  @media (-webkit-max-device-pixel-ratio: 1), (max-resolution: 1dppx) {
    ._18p5u4ia1_7ZElMhXYLfre {
      --ipt-base-stripes-bg: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAGBJREFUGBmFkIEKgCAMRJdShP//u0b3qInaqoNTOd/ELZtZkVcZHdf2WLesaJGTzBlFcOWyyr+wvzLDFJI1OUjQw3xlgHvwE57BVzgCQxiQGYYjUe7TSID7HQxdKkOtwRM6PBJDBy3TcAAAAABJRU5ErkJggg==); } }
  @media (-webkit-max-device-pixel-ratio: 1), (max-resolution: 1dppx) {
    ._18p5u4ia1_7ZElMhXYLfre {
      --ipt-baseAlt-stripes-bg: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAFNJREFUGBlj/P//vzwDBHxkZGT8AGWjUEA1AowgAijKD5XBqZgRpIAYxWCFxCiGKySkGEUhPsUYCnEpxqoQm2ImqI9BcigAGqYfoYL8TEAGPzGKAcYdNCelTSU5AAAAAElFTkSuQmCC); } }
  @media screen and (min-width: 480px) {
    ._18p5u4ia1_7ZElMhXYLfre {
      --ipt-pageMargin: 1.5rem; } }
  @media screen and (min-width: 600px) {
    ._18p5u4ia1_7ZElMhXYLfre {
      --ipt-pageMargin: 1.5rem; } }
  @media screen and (min-width: 1024px) {
    ._18p5u4ia1_7ZElMhXYLfre {
      --ipt-pageMargin: 1rem; } }
  @media screen and (min-width: 1280px) {
    ._18p5u4ia1_7ZElMhXYLfre {
      --ipt-pageMargin: 1.5rem; } }


/*# sourceMappingURL=imdb.IMDbConsumerSiteNavFeature.3e1c9930818233f59ef1.css.map*/