.main-aside-bar[data-v-4547c117] {
        height: calc(100dvh - 191px);
        height: 1;
        position: sticky;
        top: 101px;
      }

@media (max-width: 1279px) {
        .main-aside-bar[data-v-4547c117] {
          height: auto;
          inset: 0;
          max-height: 72px;
          position: fixed;
          top: auto;
          z-index: 3;
        }
      }

.main-aside-bar[data-v-c3bfc6bb] {
        overflow: auto;
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none;
        scrollbar-width: none;
      }

.main-aside-bar[data-v-c3bfc6bb]::-webkit-scrollbar {
        height: 0;
        width: 0;
      }

@media (max-width: 1279px) {
        .main-aside-bar[data-v-c3bfc6bb] {
          align-items: center;
          background-color: #fff;
          display: flex;
          padding-left: 48px;
          padding-block: 12px;
          position: relative;
        }
        .main-aside-bar[data-v-c3bfc6bb]:after {
          background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0));
          content: "";
          inset: 0;
          left: auto;
          position: absolute;
          width: 41px;
          z-index: 2;
        }
      }

.horoscope-4-aside-bar[data-v-c3bfc6bb],
      .theme-of-day[data-v-c3bfc6bb] {
        position: relative;
        z-index: 2;
      }

@media (max-width: 1279px) {
        .horoscope-4-aside-bar[data-v-c3bfc6bb],
        .theme-of-day[data-v-c3bfc6bb] {
          display: none;
        }
      }

.live-link-4-aside-bar[data-v-49de2088] {
        align-items: flex-start;
        background-image: url(../assets/live-bg.DnoLr6TK.jpg);
        background-size: cover;
        border-radius: 18px 18px 0 0;
        display: flex;
        height: 96px;
        justify-content: flex-start;
        padding: 16px;
      }

@media (max-width: 1279px) {
        .live-link-4-aside-bar[data-v-49de2088] {
          align-items: center;
          background: none;
          height: 48px;
          justify-content: center;
          min-width: 48px;
          padding: 0;
          width: 48px;
        }
      }

.live[data-v-49de2088] {
        align-items: center;
        background-color: #db292d;
        border-radius: 6px;
        color: #fff;
        display: flex;
        font-size: 12px;
        font-weight: 600;
        gap: 3px;
        letter-spacing: 0.1643835604px;
        padding: 4px 10px;
        position: relative;
      }

@media (max-width: 1279px) {
        .live[data-v-49de2088] {
          border-radius: 50%;
          font-size: 6px;
          height: 24px;
          justify-content: center;
          padding: 0;
          width: 24px;
        }
      }

.live svg[data-v-49de2088] {
        width: 8px;
      }

@media (max-width: 1279px) {
        .live svg[data-v-49de2088] {
          display: none;
        }
      }

.horoscope-name[data-v-341f0fbd] {
        align-items: center;
        display: flex;
        font-size: 16px;
        font-weight: 400;
        gap: 8px;
        line-height: 14px;
      }

.horoscope-name span[data-v-341f0fbd] {
        font-size: 10px;
        line-height: 10px;
        opacity: 0.6;
      }

.horoscope-list[data-v-341f0fbd] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 12px;
        margin-top: 24px;
      }

.horoscope[data-v-341f0fbd] {
        border-radius: 50%;
        filter: saturate(0) invert(1);
        opacity: 0.4;
        overflow: hidden;
        transition: 0.2s;
      }

.horoscope.active[data-v-341f0fbd] {
        filter: none;
        opacity: 1;
      }

.live-link-4-desktop[data-v-9c82d2da] {
        height: 65px;
        min-width: 65px;
        width: 65px;
      }

.live[data-v-9c82d2da],
      .live-link-4-desktop[data-v-9c82d2da] {
        align-items: center;
        border-radius: 50%;
        display: flex;
        justify-content: center;
      }

.live[data-v-9c82d2da] {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        gap: 3px;
        height: 45px;
        letter-spacing: 0.1643835604px;
        position: relative;
        width: 45px;
      }

.bg-4-pulse[data-v-9c82d2da],
      .live[data-v-9c82d2da] {
        background-color: #db292d;
      }

.rash-and-horoscope-button[data-v-ff56bfac] {
        align-items: center;
        background-color: #fff;
        border: 1px solid #f5f5f5;
        border-radius: 26px;
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        width: 310px;
      }

.rash-and-horoscope-button .separator[data-v-ff56bfac] {
        background-color: #000;
        height: 24px;
        width: 1px;
      }

.rash-and-horoscope-button .item[data-v-ff56bfac] {
        align-items: center;
        display: flex;
        gap: 4px;
        padding: 0 24px;
      }

.rash-and-horoscope-button .item img[data-v-ff56bfac] {
        height: 24px;
        width: 56px;
      }

.rash-and-horoscope-button .item:last-of-type img[data-v-ff56bfac] {
        height: 24px;
        width: 24px;
      }

.rash-and-horoscope-button .item p[data-v-ff56bfac] {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        line-height: 16.59px;
        white-space: nowrap;
      }

.rash-and-horoscope-modal[data-v-09abff4b] .theme-of-day .card {
        border-radius: 12px;
      }

.rash-and-horoscope-modal[data-v-09abff4b] .theme-of-day h4 {
        font-size: 16px;
        line-height: 19px;
      }

.rash-and-horoscope-modal[data-v-09abff4b] .theme-of-day .bottom {
        align-items: center;
      }

.rash-and-horoscope-modal[data-v-09abff4b] .theme-of-day .imitation-button {
        border-radius: 6px;
        font-family: Rubik;
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
      }

.rash-and-horoscope-modal[data-v-09abff4b] .horoscope-4-aside-bar .content {
        background-color: transparent;
        display: flex;
        flex-direction: column;
        height: 242px;
        justify-content: space-between;
        margin-top: 26px;
        padding: 0;
      }

.rash-and-horoscope-modal[data-v-09abff4b] .horoscope-4-aside-bar .active-horoscope p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }

.rash-and-horoscope-modal[data-v-09abff4b] .horoscope-4-aside-bar .horoscope-list {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        justify-content: center;
      }

.rash-and-horoscope-modal[data-v-09abff4b] .horoscope-4-aside-bar .horoscope {
        height: 40px;
        width: 40px;
      }