﻿@media (max-width: 1240px) {
  html.browser .spin-btn-holder {
    width: 7rem;
    height: 7rem;
  }
}
html.browser .wheel-container-8 .single-sector {
  padding-top: 22%;
}
html.browser .wheel-container-8 .single-sector .text-holder span {
  font-size: clamp(0.7rem, 0.6vw, 1rem);
  min-width: 114%;
}
html.browser .wheel-container-10 .single-sector {
  padding-top: 26%;
}
html.browser .wheel-container-10 .single-sector .text-holder span {
  font-size: clamp(0.7rem, 0.5vw, 1rem);
  min-width: 106%;
}
html.browser .wheel-container-13 .single-sector {
  padding-top: 30%;
}
html.browser .wheel-container-13 .single-sector .text-holder span {
  font-size: clamp(0.7rem, 0.62vw, 1rem);
  min-width: 108%;
}
html.tablet .single-sector .text-holder span, html.mobile .single-sector .text-holder span {
  white-space: initial;
  word-break: break-word;
}
html.tablet .wheel-container-8 .single-sector, html.mobile .wheel-container-8 .single-sector {
  padding-top: 18%;
}
html.tablet .wheel-container-8 .single-sector .text-holder span, html.mobile .wheel-container-8 .single-sector .text-holder span {
  min-width: 110%;
  font-size: 1rem;
  line-height: 1.4rem;
}
html.tablet .wheel-container-10 .single-sector, html.mobile .wheel-container-10 .single-sector {
  padding-top: 25%;
}
html.tablet .wheel-container-10 .single-sector .text-holder span, html.mobile .wheel-container-10 .single-sector .text-holder span {
  min-width: 107%;
  font-size: 0.9rem;
  line-height: 1.3rem;
}
html.tablet .wheel-container-13 .single-sector, html.mobile .wheel-container-13 .single-sector {
  padding-top: 17%;
}
html.tablet .wheel-container-13 .single-sector .text-holder span, html.mobile .wheel-container-13 .single-sector .text-holder span {
  min-width: 96%;
  font-size: 0.9rem;
  line-height: 1.2rem;
}
html.mobile .spin-btn-holder, html.tablet .spin-btn-holder {
  width: 7rem;
  height: 7rem;
}