/* 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
 */
._11IVbOxkxjOivZxGj2SCqX {
  text-decoration: none;
  display: block;
  width: 80%;
  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);
  white-space: nowrap;
  overflow: hidden;
  padding-left: 0.75rem; }

._3VpNTXWyOyVJOjqIKzNjR {
  overflow: hidden;
  text-overflow: ellipsis; }

.m53dS3dzKjMGnMzz04iEo {
  flex-shrink: 0; }

._30mfPTbFg9-M7bjbyKJ6ie {
  display: flex;
  padding: 0.75rem 1rem; }
  ._30mfPTbFg9-M7bjbyKJ6ie:hover {
    opacity: .8; }

._3AY3sGJzMYs4LQlruAGsQ- {
  margin-top: auto;
  margin-bottom: auto; }

._30mfPTbFg9-M7bjbyKJ6ie:nth-of-type(even) {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.06));
  background: linear-gradient(to right, rgba(var(--ipt-on-baseAlt-rgb), 0), rgba(var(--ipt-on-baseAlt-rgb), 0.06)); }

._1XgQuthKN36eL39_h5cHYg {
  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: 2rem;
  font-weight: 500;
  letter-spacing: 0.16667em;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  -webkit-font-smoothing: auto;
  /* stylelint-disable */
  font-smooth: auto;
  /* stylelint-enable */
  color: rgba(255, 255, 255, 0.7);
  color: var(--ipt-on-baseAlt-textSecondary-color);
  line-height: 1.5em; }

.kQMh1t2Vaf5I-IDyUeMCY {
  border-right: 1px solid;
  color: #f5c518;
  color: var(--ipt-on-baseAlt-accent1-color);
  height: 18px;
  margin-right: 0.75rem;
  margin-left: 0.5rem;
  margin-top: auto;
  margin-bottom: auto;
  display: inline-block; }

@media screen and (min-width: 480px) {
  ._30mfPTbFg9-M7bjbyKJ6ie {
    width: 50%; } }

/* 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
 */
.MJsdq7Fw7baRoYLjg9Rf- {
  list-style: none;
  display: flex;
  flex-direction: column; }

@media screen and (min-width: 480px) {
  .MJsdq7Fw7baRoYLjg9Rf- {
    display: flex;
    flex-wrap: wrap;
    max-height: 14rem;
    width: 100%; }
  ._1T1MZREss3GofKQsjPMabG {
    display: flex; } }


/*# sourceMappingURL=imdb.IMDbBoxOfficeReactFeature.19d2bf3d96f9a7925460.css.map*/