.stack-cinema-interface__option {
  font-family: 'SFR-Bold', arial;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased; }

/* UI ICONS */
/* ICONS */
.stack-cinema-interface {
  position: relative;
  padding-bottom: 260px; }
  @media (min-width: 768px) {
    .stack-cinema-interface {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      position: initial;
      padding-bottom: 190px; } }
  .stack-cinema-interface h2 + p {
    margin-top: 30px; }
  .stack-cinema-interface__screen-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0.4% 0.5% 1.5% 0.5%; }
    .stack-cinema-interface__screen-content > * {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%; }
  .stack-cinema-interface__mobile-background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover; }
    @media (min-width: 768px) {
      .stack-cinema-interface__mobile-background {
        display: none; } }
  .stack-cinema-interface__tv {
    position: relative;
    width: 100%;
    margin-top: 30px; }
    .stack-cinema-interface__tv > img {
      width: 100%; }
    @media (min-width: 768px) {
      .stack-cinema-interface__tv {
        display: none; } }
  .stack-cinema-interface__screen-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .stack-cinema-interface__screen-content > img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      opacity: 0; }
  .stack-cinema-interface__options {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 55px; }
    @media (min-width: 768px) {
      .stack-cinema-interface__options {
        margin-top: 40px; } }
  .stack-cinema-interface__option {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex: 0 1 50%;
    position: relative;
    padding: 13px;
    border-radius: 10px;
    background-color: #8A8A8A;
    border: 1px solid transparent;
    overflow: hidden;
    box-sizing: border-box;
    font-size: 16px;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .stack-cinema-interface__option {
        padding: 15px 20px;
        min-width: 200px; } }
    .stack-cinema-interface__option:before {
      content: '';
      position: absolute;
      top: -1px;
      left: -1px;
      width: calc(100% + 2px);
      height: calc(100% + 2px);
      z-index: 0;
      background: #EBEBEB; }
    .stack-cinema-interface__option > * {
      position: relative; }
    .stack-cinema-interface__option img {
      width: 40px;
      height: 40px;
      margin-right: 12px; }
      @media (min-width: 768px) {
        .stack-cinema-interface__option img {
          width: auto;
          height: auto;
          margin-right: 16px; } }
    .stack-cinema-interface__option:not(:first-child) {
      margin-left: 30px; }
    .stack-cinema-interface__option.current {
      background: linear-gradient(to right, #871D81 0%, #E2001A 100%); }