<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*******************************types***************************************/


.slider-container {
  display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border-left: 1px solid black;
    max-width: 1255px;
    background-color: white;
    flex-direction: column;
}

.slider-left {
  min-height: 350px;
  display: flex;
  flex: 1;
}
.slider-left .slide {
  width: inherit;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.slider-right {
  position: relative;
  display: flex;
  flex: 1;
  padding-bottom: 30px;
    margin-bottom: 20px;
}
.slider-right .slide {
  display: flex;
  align-items: start;
  justify-content: center;
  min-width: 100%;
  padding: 50px;
}
.slider-right .slider-buttons {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 35px;
}
.slider-right .slider-buttons #slide-left, .slider-right .slider-buttons #slide-right {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: white;
  transition: background-color 0.2s ease;
  outline: none;
  border: none;
  cursor: pointer;
}
.slider-right .slider-buttons #slide-left:hover, .slider-right .slider-buttons #slide-right:hover {
    
	background-color: #d7570f52;
}

.slider-left, .slider-right {
  overflow-x: hidden;
  max-width: 100%;
  min-width: 50%;
  position: relative;
}

.slide {
  min-width: 100%;
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: center;
  transition: transform 0.5s ease;
  position: relative;
}

@media screen and (max-width: 420px) {
  .slider-container {
    height: auto;
    flex-direction: column;
  }

  .slider-right .slide {
    padding: 15px;
  }
}</pre></body></html>