<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.container {
  position: absolute;
  top: 0;
  left: 3%;
  width: 440px;
  height: 80px;

  @media (max-width: 776px) {
    position: absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:0 auto;
    margin-top: auto;
    margin-bottom: 8px;
    width: 88%;
    max-width: 328px;
    height: 80px;
  }
}

.swiper {
  margin: auto; 
  position: absolute;
  top: 10%;
  left: 0%;
  width: 100%;
  height: 100%;

  @media (max-width: 776px) {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
  }
}

.swiper-wrapper {
  flex-shrink: 0; 
  width: auto; 

  @media (max-width: 776px) {
    width: 100%;
    display: flex;
  }
}

.swiper-slide {
  @media (max-width: 776px) {
    width: 100%; 
    height: auto;
    margin-right: 10px;
  }
}

.swiper-button-next, .swiper-button-prev {
  color: rgba(0, 0, 0, 0.5); 
  top: 60%; 
  width: 44px; 
  height: 44px; 
  border-radius: 50%; 
  position: absolute;

  @media (max-width: 776px) {
    top: 50%; 
  }
}

.swiper-button-next {
  right: -8px; 
  @media (max-width: 776px) {
    right: -38px;
  }
}

.swiper-button-prev {
  left: -42px; 
  @media (max-width: 776px) {
    left: -38px; 
  }
}

</pre></body></html>