@media all and (max-width: 414px) {
  .comp-ui-87 {
    margin-top: 16px;
    margin-bottom: 16px; }
    .comp-ui-87 .c-wrapper {
      overflow: hidden; }
      .comp-ui-87 .c-wrapper .c-column-01 .swiper-wrapper .c-container-01 {
        width: 100%;
        height: 134px; }
        .comp-ui-87 .c-wrapper .c-column-01 .swiper-wrapper .c-container-01 .c-item-01 {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center;
          border-radius: 8px; }
      .comp-ui-87 .c-wrapper .c-column-01 .swiper-page {
        border-radius: 999px;
        background: rgba(0, 0, 0, 0.6);
        padding: 2px 8px;
        position: absolute;
        bottom: 12px;
        left: 16px;
        z-index: 1;
        color: #D5D5D6;
        text-align: center;
        font-family: 'Inter';
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        line-height: 11px;
        letter-spacing: -0.11px; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .comp-ui-87 {
    margin-top: 16px;
    margin-bottom: 16px; }
    .comp-ui-87 .c-wrapper {
      overflow: hidden; }
      .comp-ui-87 .c-wrapper .c-column-01 .swiper-wrapper .c-container-01 {
        width: 100%;
        height: 134px; }
        .comp-ui-87 .c-wrapper .c-column-01 .swiper-wrapper .c-container-01 .c-item-01 {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center;
          border-radius: 8px; }
      .comp-ui-87 .c-wrapper .c-column-01 .swiper-page {
        border-radius: 999px;
        background: rgba(0, 0, 0, 0.6);
        padding: 2px 8px;
        position: absolute;
        bottom: 12px;
        left: 16px;
        z-index: 1;
        color: #D5D5D6;
        text-align: center;
        font-family: 'Inter';
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        line-height: 11px;
        letter-spacing: -0.11px; } }
@media all and (min-width: 767px) {
  .comp-ui-87 .c-wrapper .c-column-01 .swiper-wrapper {
    gap: 20px;
    flex-wrap: wrap; }
    .comp-ui-87 .c-wrapper .c-column-01 .swiper-wrapper .c-container-01 {
      width: 610px;
      height: 250px;
      cursor: pointer; }
      .comp-ui-87 .c-wrapper .c-column-01 .swiper-wrapper .c-container-01 .c-item-01 {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 16px; }
  .comp-ui-87 .c-wrapper .c-column-01 .swiper-page {
    display: none; } }

/*# sourceMappingURL=CompUI-87.css.map */