@media all and (max-width: 414px) {
  .comp-ui-89 {
    margin-top: 16px;
    margin-bottom: 16px; }
    .comp-ui-89 .c-wrapper {
      width: calc(100% - 20px);
      margin-left: 20px; }
      .comp-ui-89 .c-wrapper .c-column-01 {
        display: flex;
        justify-content: space-between;
        padding-bottom: 16px; }
        .comp-ui-89 .c-wrapper .c-column-01 .c-container-01 {
          color: #171718;
          font-family: 'Inter';
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: 22px;
          letter-spacing: -0.24px; }
        .comp-ui-89 .c-wrapper .c-column-01 .c-container-02 {
          display: flex;
          align-items: center;
          color: #171718;
          font-family: 'Inter';
          font-size: 14px;
          font-style: normal;
          font-weight: 600;
          line-height: 18px;
          cursor: pointer; }
          .comp-ui-89 .c-wrapper .c-column-01 .c-container-02:after {
            content: '';
            display: block;
            width: 20px;
            height: 20px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_1355%29%22%3E%20%3Cpath%20d%3D%22M13.75%2010L7.5%2016.25L6.625%2015.375L12%2010L6.625%204.625L7.5%203.75L13.75%2010Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_1355%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A {
        overflow: hidden; }
        .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 {
          width: 295px; }
          .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-A {
            width: 100%;
            height: 176px; }
            .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-A .c-item-01 {
              width: 100%;
              height: 100%;
              object-fit: cover;
              object-position: center;
              border-radius: 8px 8px 0 0; }
          .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B {
            padding: 8px;
            align-items: center;
            border-radius: 0 0 8px 8px;
            border: 1px solid #F0F0F2;
            background: #FFF; }
            .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B .c-item-01 {
              display: flex;
              flex: 1; }
              .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B .c-item-01 .c-item-01-A {
                width: 40px;
                height: 40px;
                object-fit: cover;
                object-position: center;
                border-radius: 999px;
                margin-right: 8px; }
              .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B .c-item-01 .c-item-01-B .c-unit-01 {
                color: #171718;
                font-family: 'Inter';
                font-size: 13px;
                font-style: normal;
                font-weight: 600;
                line-height: 20px;
                letter-spacing: 0.13px; }
              .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B .c-item-01 .c-item-01-B .c-unit-02 {
                padding-left: 16px;
                color: #171718;
                font-family: 'Inter';
                font-size: 12px;
                font-style: normal;
                font-weight: 600;
                line-height: 18px;
                letter-spacing: 0.12px; }
                .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B .c-item-01 .c-item-01-B .c-unit-02:before {
                  content: '';
                  position: absolute;
                  top: 2px;
                  left: 0px;
                  display: block;
                  width: 12px;
                  height: 12px;
                  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_3091%29%22%3E%20%3Cpath%20d%3D%22M5.99998%200.75L4.29373%204.2075L0.47998%204.75875L3.23998%207.45125L2.58748%2011.25L5.99998%209.4575L9.41248%2011.25L8.75998%207.45125L11.52%204.7625L7.70623%204.2075L5.99998%200.75Z%22%20fill%3D%22%23F5B744%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_3091%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
            .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B .c-item-02 {
              margin-top: 12px;
              height: 32px;
              padding: 0px 24px;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 4px;
              background: #7A3986;
              color: #FFF;
              font-family: 'Inter';
              font-size: 13px;
              font-style: normal;
              font-weight: 500;
              line-height: normal;
              cursor: pointer; }
      .comp-ui-89 .c-wrapper .outer-prev {
        display: none; }
      .comp-ui-89 .c-wrapper .outer-next {
        display: none; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .comp-ui-89 {
    margin-top: 16px;
    margin-bottom: 16px; }
    .comp-ui-89 .c-wrapper {
      width: calc(100% - 20px);
      margin-left: 20px; }
      .comp-ui-89 .c-wrapper .c-column-01 {
        display: flex;
        justify-content: space-between;
        padding-bottom: 16px; }
        .comp-ui-89 .c-wrapper .c-column-01 .c-container-01 {
          color: #171718;
          font-family: 'Inter';
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: 22px;
          letter-spacing: -0.24px; }
        .comp-ui-89 .c-wrapper .c-column-01 .c-container-02 {
          display: flex;
          align-items: center;
          color: #171718;
          font-family: 'Inter';
          font-size: 14px;
          font-style: normal;
          font-weight: 600;
          line-height: 18px;
          cursor: pointer; }
          .comp-ui-89 .c-wrapper .c-column-01 .c-container-02:after {
            content: '';
            display: block;
            width: 20px;
            height: 20px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_1355%29%22%3E%20%3Cpath%20d%3D%22M13.75%2010L7.5%2016.25L6.625%2015.375L12%2010L6.625%204.625L7.5%203.75L13.75%2010Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_1355%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A {
        overflow: hidden; }
        .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 {
          width: 295px; }
          .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-A {
            width: 100%;
            height: 176px; }
            .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-A .c-item-01 {
              width: 100%;
              height: 100%;
              object-fit: cover;
              object-position: center;
              border-radius: 8px 8px 0 0; }
          .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B {
            padding: 8px;
            align-items: center;
            border-radius: 0 0 8px 8px;
            border: 1px solid #F0F0F2;
            background: #FFF; }
            .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B .c-item-01 {
              display: flex;
              flex: 1; }
              .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B .c-item-01 .c-item-01-A {
                width: 40px;
                height: 40px;
                object-fit: cover;
                object-position: center;
                border-radius: 999px;
                margin-right: 8px; }
              .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B .c-item-01 .c-item-01-B .c-unit-01 {
                color: #171718;
                font-family: 'Inter';
                font-size: 13px;
                font-style: normal;
                font-weight: 600;
                line-height: 20px;
                letter-spacing: 0.13px; }
              .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B .c-item-01 .c-item-01-B .c-unit-02 {
                padding-left: 16px;
                color: #171718;
                font-family: 'Inter';
                font-size: 12px;
                font-style: normal;
                font-weight: 600;
                line-height: 18px;
                letter-spacing: 0.12px; }
                .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B .c-item-01 .c-item-01-B .c-unit-02:before {
                  content: '';
                  position: absolute;
                  top: 2px;
                  left: 0px;
                  display: block;
                  width: 12px;
                  height: 12px;
                  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_3091%29%22%3E%20%3Cpath%20d%3D%22M5.99998%200.75L4.29373%204.2075L0.47998%204.75875L3.23998%207.45125L2.58748%2011.25L5.99998%209.4575L9.41248%2011.25L8.75998%207.45125L11.52%204.7625L7.70623%204.2075L5.99998%200.75Z%22%20fill%3D%22%23F5B744%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_3091%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
            .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B .c-item-02 {
              margin-top: 12px;
              height: 32px;
              padding: 0px 24px;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 4px;
              background: #7A3986;
              color: #FFF;
              font-family: 'Inter';
              font-size: 13px;
              font-style: normal;
              font-weight: 500;
              line-height: normal;
              cursor: pointer; }
      .comp-ui-89 .c-wrapper .outer-prev {
        display: none; }
      .comp-ui-89 .c-wrapper .outer-next {
        display: none; } }
@media all and (min-width: 767px) {
  .comp-ui-89 {
    margin-top: 16px;
    margin-bottom: 16px; }
    .comp-ui-89 .c-wrapper .c-column-01 {
      display: flex;
      justify-content: space-between;
      padding-bottom: 24px; }
      .comp-ui-89 .c-wrapper .c-column-01 .c-container-01 {
        color: #171718;
        font-family: 'Inter';
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: -0.24px; }
      .comp-ui-89 .c-wrapper .c-column-01 .c-container-02 {
        display: flex;
        align-items: center;
        color: #171718;
        font-family: 'Inter';
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        cursor: pointer; }
        .comp-ui-89 .c-wrapper .c-column-01 .c-container-02:after {
          content: '';
          display: block;
          width: 20px;
          height: 20px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_1355%29%22%3E%20%3Cpath%20d%3D%22M13.75%2010L7.5%2016.25L6.625%2015.375L12%2010L6.625%204.625L7.5%203.75L13.75%2010Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_1355%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
    .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A {
      overflow: hidden; }
      .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 {
        width: 506px; }
        .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-A {
          width: 100%;
          height: 284px; }
          .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-A .c-item-01 {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            border-radius: 8px 8px 0 0; }
        .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B {
          display: flex;
          padding: 12px 16px;
          align-items: center;
          border-radius: 0 0 8px 8px;
          border: 1px solid var(--color-bw-100, #F0F0F2);
          background: var(--color-bw-025, #FFF);
          min-height: 82px; }
          .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B .c-item-01 {
            display: flex;
            flex: 1; }
            .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B .c-item-01 .c-item-01-A {
              width: 48px;
              height: 48px;
              object-fit: cover;
              object-position: center;
              border-radius: 999px;
              margin-right: 12px; }
            .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B .c-item-01 .c-item-01-B .c-unit-01 {
              color: #171718;
              font-family: 'Inter';
              font-size: 16px;
              font-style: normal;
              font-weight: 600;
              line-height: 28px;
              letter-spacing: 0.16px; }
            .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B .c-item-01 .c-item-01-B .c-unit-02 {
              padding-left: 16px;
              color: #171718;
              font-family: 'Inter';
              font-size: 16px;
              font-style: normal;
              font-weight: 600;
              line-height: 28px;
              letter-spacing: 0.16px; }
              .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B .c-item-01 .c-item-01-B .c-unit-02:before {
                content: '';
                position: absolute;
                top: 6px;
                left: 0px;
                display: block;
                width: 12px;
                height: 12px;
                background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_3091%29%22%3E%20%3Cpath%20d%3D%22M5.99998%200.75L4.29373%204.2075L0.47998%204.75875L3.23998%207.45125L2.58748%2011.25L5.99998%209.4575L9.41248%2011.25L8.75998%207.45125L11.52%204.7625L7.70623%204.2075L5.99998%200.75Z%22%20fill%3D%22%23F5B744%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_3091%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
          .comp-ui-89 .c-wrapper .c-column-02 .c-column-02-A .swiper-wrapper .c-container-01 .c-container-01-B .c-item-02 {
            height: 40px;
            padding: 0px 24px;
            display: flex;
            align-items: center;
            border-radius: 4px;
            background: #7A3986;
            color: #FFF;
            font-family: 'Inter';
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            cursor: pointer; }
    .comp-ui-89 .c-wrapper .outer-prev {
      position: absolute;
      top: calc(50% - 48px);
      left: -24px;
      z-index: 1;
      width: 48px;
      height: 48px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 99px;
      background: #FFF;
      box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.25);
      cursor: pointer; }
      .comp-ui-89 .c-wrapper .outer-prev.swiper-button-disabled {
        display: none; }
      .comp-ui-89 .c-wrapper .outer-prev:before {
        content: '';
        display: block;
        width: 28px;
        height: 28px;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_1610%29%22%3E%20%3Cpath%20d%3D%22M19.2499%2014L10.4999%2022.75L9.2749%2021.525L16.7999%2014L9.2749%206.475L10.4999%205.25L19.2499%2014Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_1610%22%3E%20%3Crect%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
        transform: rotate(180deg); }
    .comp-ui-89 .c-wrapper .outer-next {
      position: absolute;
      top: calc(50% - 48px);
      right: -24px;
      z-index: 1;
      width: 48px;
      height: 48px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 99px;
      background: #FFF;
      box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.25);
      cursor: pointer; }
      .comp-ui-89 .c-wrapper .outer-next.swiper-button-disabled {
        display: none; }
      .comp-ui-89 .c-wrapper .outer-next:before {
        content: '';
        display: block;
        width: 28px;
        height: 28px;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_1610%29%22%3E%20%3Cpath%20d%3D%22M19.2499%2014L10.4999%2022.75L9.2749%2021.525L16.7999%2014L9.2749%206.475L10.4999%205.25L19.2499%2014Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_1610%22%3E%20%3Crect%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); } }

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