#app-root-2022-10-sahkokatkot *,
::before,
::after {
  box-sizing: content-box;
}
.ydd-article {
  overflow: visible !important;
}
#app-root-2022-10-sahkokatkot .app {
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#app-root-2022-10-sahkokatkot .app .container {
  margin: auto auto 20px auto;
  max-width: 500px;
  width: 100%;
}
#app-root-2022-10-sahkokatkot .app .container .selection_containers {
  background-image: linear-gradient(to bottom, #ffffff 50%, rgba(255, 255, 255, 0) 80%);
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin: auto auto;
  max-width: 500px;
  padding: 0 0 40px 0;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 3;
}
#app-root-2022-10-sahkokatkot .app .container .selection_containers .selection_container {
  transition: 0.5s transform;
}
#app-root-2022-10-sahkokatkot .app .container .selection_containers .selection_container.not_selected {
  transform: scale(0.8);
  transition: 0.5s transform;
}
#app-root-2022-10-sahkokatkot .app .container .selection_containers .selection_container button {
  border-radius: 10px;
  border: 0;
  color: #fff;
  cursor: pointer;
  height: 40px;
  width: 100px;
}
#app-root-2022-10-sahkokatkot .app .container .selection_containers .selection_container.selection_container_0 button {
  background-color: #ffaa00;
}
#app-root-2022-10-sahkokatkot .app .container .selection_containers .selection_container.selection_container_1 button {
  background-color: #459bab;
}
#app-root-2022-10-sahkokatkot .app .container .selection_containers .selection_container.selection_container_2 button {
  background-color: #434343;
}
#app-root-2022-10-sahkokatkot .app .container .content_containers {
  height: 100%;
  margin: -10px auto auto auto;
  max-width: 500px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#app-root-2022-10-sahkokatkot .app .container .content_containers .content_container {
  display: none;
  padding-right: 10px;
  transition: transform 1s;
  width: 100%;
}
#app-root-2022-10-sahkokatkot .app .container .content_containers .content_container.active {
  transition: height 0.35s ease-in-out;
}
#app-root-2022-10-sahkokatkot .app .container .content_containers .content_container.left {
  position: absolute;
  top: 0;
  transform: translate(-700px);
}
#app-root-2022-10-sahkokatkot .app .container .content_containers .content_container.center {
  position: relative;
  transform: translate(0);
}
#app-root-2022-10-sahkokatkot .app .container .content_containers .content_container.right {
  position: absolute;
  top: 0;
  transform: translate(700px);
}
#app-root-2022-10-sahkokatkot .app .container .content_containers .content_container.visible {
  display: block;
}
#app-root-2022-10-sahkokatkot .app .container .content_containers .content_container.content_container_0 .time_content .line,
#app-root-2022-10-sahkokatkot .app .container .content_containers .content_container.content_container_0 .time_content .time {
  background-color: #ffaa00;
}
#app-root-2022-10-sahkokatkot .app .container .content_containers .content_container.content_container_1 .time_content .line,
#app-root-2022-10-sahkokatkot .app .container .content_containers .content_container.content_container_1 .time_content .time {
  background-color: #459bab;
}
#app-root-2022-10-sahkokatkot .app .container .content_containers .content_container.content_container_2 .time_content .line,
#app-root-2022-10-sahkokatkot .app .container .content_containers .content_container.content_container_2 .time_content .time {
  background-color: #434343;
}
#app-root-2022-10-sahkokatkot .app .container .content_containers .content_container .content_wrapper {
  display: flex;
  margin-bottom: 20px;
}
#app-root-2022-10-sahkokatkot .app .container .content_containers .content_container .content_wrapper:last-child .time_content .line {
  display: none;
}
#app-root-2022-10-sahkokatkot .app .container .content_containers .content_container .content_wrapper .time_content {
  position: relative;
  text-align: center;
  width: 70px;
}
#app-root-2022-10-sahkokatkot .app .container .content_containers .content_container .content_wrapper .time_content .time {
  align-items: center;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 14px;
  height: 40px;
  justify-content: center;
  margin: auto auto;
  padding: 5px;
  text-align: center;
  width: 40px;
}
#app-root-2022-10-sahkokatkot .app .container .content_containers .content_container .content_wrapper .time_content .line {
  height: 100%;
  left: calc(50% - 4px);
  position: absolute;
  width: 8px;
}
#app-root-2022-10-sahkokatkot .app .container .content_containers .content_container .content_wrapper .text_content {
  margin: 17px auto 20px auto;
  width: calc(100% - 70px);
}
#app-root-2022-10-sahkokatkot .app .container .content_containers .content_container .content_wrapper .text_content p {
  margin: 0 0 20px 0;
}
/* General styles */
.clearfix {
  zoom: 1;
}
.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  height: 0;
  visibility: hidden;
}
.ss-terms {
  margin: 40px auto auto auto;
  max-width: 450px;
}
.meta {
  color: #333;
  font-size: 13px;
  line-height: 16px;
  padding: 0 10px 40px 10px;
}
.clear_both {
  clear: both;
}
.hidden {
  display: none;
}
.nowrap {
  white-space: nowrap;
}