/* 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 screen and (max-width: 600px) {
  ._3L_sOCd-Ijs3yNfdkIGf64 > div:first-child {
    padding-top: 0; }
  ._2BrcyRbFLYajGuaNEQ9zPO {
    align-items: center;
    color: inherit;
    display: flex;
    padding: 1rem;
    text-decoration: none;
    background: #1a1a1a;
    background: var(--ipt-baseAlt-shade2-bg); }
    ._2BrcyRbFLYajGuaNEQ9zPO:active {
      background: rgba(255, 255, 255, 0.32);
      background: var(--ipt-baseAlt-pressed-bg); }
    ._2BrcyRbFLYajGuaNEQ9zPO:hover {
      background: rgba(255, 255, 255, 0.12);
      background: var(--ipt-baseAlt-hover-bg); }
    ._2BrcyRbFLYajGuaNEQ9zPO ._10V9mnp8ubdGXtnJBx8pmA {
      flex-grow: 2;
      overflow: hidden;
      padding-left: 16px; }
      ._2BrcyRbFLYajGuaNEQ9zPO ._10V9mnp8ubdGXtnJBx8pmA ._2V233B0bRTkPmruQCF4kqE {
        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 */ }
      ._2BrcyRbFLYajGuaNEQ9zPO ._10V9mnp8ubdGXtnJBx8pmA ._3kLV2n4JosrBWM_4NT1y2B {
        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 */
        max-width: 95%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    ._2BrcyRbFLYajGuaNEQ9zPO ._1i5fDcdCH8-b_OxYrxj83v {
      margin-left: auto; }
    ._2BrcyRbFLYajGuaNEQ9zPO .W0dAo8re33QpDQuDpXZIl {
      min-width: 43px; }
  .YqaU0sXPkGkmxGyC0jXpZ {
    border-bottom: 1px solid  #2E2E2E;
    padding: 19px 16px 14px 16px; }
    .YqaU0sXPkGkmxGyC0jXpZ ._2gTeI3dS_2Ur2jSEVQQ19A {
      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: 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 */ }
    .YqaU0sXPkGkmxGyC0jXpZ ._1JYB8Zrq1pbjJDSWX9Z49m {
      padding-bottom: 6px;
      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 */ } }

._2C2U67lcoRhbT-bKPET7qg {
  align-items: flex-start;
  display: flex; }

@media screen and (min-width: 600px) {
  ._10V9mnp8ubdGXtnJBx8pmA {
    flex-grow: 2;
    overflow: hidden;
    padding-left: 1rem; }
    ._10V9mnp8ubdGXtnJBx8pmA ._2V233B0bRTkPmruQCF4kqE {
      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.375rem;
      font-weight: 500;
      letter-spacing: 0.00714em;
      text-decoration: inherit;
      text-transform: inherit;
      -webkit-font-smoothing: auto;
      /* stylelint-disable */
      font-smooth: auto;
      /* stylelint-enable */
      padding-top: 0.75rem; }
    ._10V9mnp8ubdGXtnJBx8pmA ._3kLV2n4JosrBWM_4NT1y2B {
      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: 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 */
      max-width: 93%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    ._10V9mnp8ubdGXtnJBx8pmA ._2v4G2rR-uFO0Ryt3ePv3ic {
      padding: 0; }
    ._10V9mnp8ubdGXtnJBx8pmA ._2PpOkUNxIkhjKBQwGafA5A {
      padding: 0;
      border-bottom: 1px solid  #2E2E2E; }
      ._10V9mnp8ubdGXtnJBx8pmA ._2PpOkUNxIkhjKBQwGafA5A:hover {
        cursor: pointer; }
  .YqaU0sXPkGkmxGyC0jXpZ {
    border-bottom: 1px solid  #2E2E2E;
    padding: 1.5rem 0; }
    .YqaU0sXPkGkmxGyC0jXpZ ._2gTeI3dS_2Ur2jSEVQQ19A {
      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: 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 */ }
    .YqaU0sXPkGkmxGyC0jXpZ ._1JYB8Zrq1pbjJDSWX9Z49m {
      padding-bottom: 6px;
      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 */ }
  ._3iJQx1zLYi0_K9dclpjEx_ {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    color: white;
    color: var(--ipt-on-baseAlt-textPrimary-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
 */
/* 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
 */
.watchable-title-card_icon-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }

a.watchable-title-card__overflow-menu-icon {
  opacity: 0.7;
  padding: 0.25rem;
  float: right; }

.watchable-title-card__overflow-menu-icon:hover {
  opacity: 1; }

.watchable-title-card__trailers__trailers-text {
  opacity: 0.7;
  text-overflow: ellipsis;
  overflow: hidden; }

.watchable-title-card__trailers__trailers-text__wrapper {
  margin: 0 auto; }

.watchable-title-card__trailers__trailers-text__wrapper:hover
.watchable-title-card__trailers__trailers-text, .watchable-title-card__trailers__trailers-text:hover {
  opacity: 1; }

.watchable-title-card__trailers__trailers-text__wrapper__with-overflow:hover
.watchable-title-card__trailers__trailers-text, .watchable-title-card__trailers__trailers-text:hover {
  opacity: 1; }


/*# sourceMappingURL=imdb.IMDbWatchableTitleCardReactView.2a0ae7ff13ee4f5daa01.css.map*/