@font-face {
  font-family: "YanoneKaffeesatz";
  src: url("/classtools/styles/YanoneKaffeesatz.ttf");
}
.Container .innerContainer .clock-wrapper {
  display: block;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  margin-top: calc(50% - 380px);
}
.Container .innerContainer .clock {
  position: relative;
  display: block;
  margin: 0 auto 30px;
  min-width: 250px;
  min-height: 250px;
  max-width: 500px;
  max-height: 500px;
  width: 40vh;
  height: 40vh;
  background-color: #eee;
  border-radius: 20px;
  margin-bottom: 15px;
  background-color: var(--bs-background-light);
  -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.06);
}
.Container .innerContainer .clock__inner-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 92%;
  height: 92%;
  background-color: var(--bs-background-light);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.Container .innerContainer .clock__inner-bg:nth-of-type(2) {
  width: 90%;
  height: 90%;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.Container .innerContainer .clock__center {
  z-index: 2;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  background-color: #777;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.Container .innerContainer .clock__center::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 50%;
  background-color: #454f4e;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.Container .innerContainer .clock--started .clock__center {
  background-color: #ddd;
}
.Container .innerContainer .clock__markers,
.Container .innerContainer .clock__minutes {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.Container .innerContainer .clock__mark {
  position: absolute;
  top: 0;
  left: 50%;
  width: 5px;
  height: 50%;
  -webkit-transform-origin: 50% bottom;
          transform-origin: 50% bottom;
}
.Container .innerContainer .clock__mark::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 50%;
  color: #777;
  font-size: 22px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.Container .innerContainer .clock__mark::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 50%;
  width: 2.5px;
  height: 2.5px;
  background-color: #777;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.Container .innerContainer .clock__mark:nth-child(1)::before {
  content: "60";
}
.Container .innerContainer .clock__mark:nth-child(5n+1)::after {
  width: 5px;
  height: 5px;
}
.Container .innerContainer .clock__mark:nth-child(1) {
  -webkit-transform: translateX(-50%) rotate(0deg);
          transform: translateX(-50%) rotate(0deg);
}
.Container .innerContainer .clock__mark:nth-child(1)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-0deg);
          transform: translate(-50%, -50%) rotate(-0deg);
}
.Container .innerContainer .clock__mark:nth-child(2) {
  -webkit-transform: translateX(-50%) rotate(6deg);
          transform: translateX(-50%) rotate(6deg);
}
.Container .innerContainer .clock__mark:nth-child(2)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-6deg);
          transform: translate(-50%, -50%) rotate(-6deg);
}
.Container .innerContainer .clock__mark:nth-child(3) {
  -webkit-transform: translateX(-50%) rotate(12deg);
          transform: translateX(-50%) rotate(12deg);
}
.Container .innerContainer .clock__mark:nth-child(3)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-12deg);
          transform: translate(-50%, -50%) rotate(-12deg);
}
.Container .innerContainer .clock__mark:nth-child(4) {
  -webkit-transform: translateX(-50%) rotate(18deg);
          transform: translateX(-50%) rotate(18deg);
}
.Container .innerContainer .clock__mark:nth-child(4)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-18deg);
          transform: translate(-50%, -50%) rotate(-18deg);
}
.Container .innerContainer .clock__mark:nth-child(5) {
  -webkit-transform: translateX(-50%) rotate(24deg);
          transform: translateX(-50%) rotate(24deg);
}
.Container .innerContainer .clock__mark:nth-child(5)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-24deg);
          transform: translate(-50%, -50%) rotate(-24deg);
}
.Container .innerContainer .clock__mark:nth-child(6) {
  -webkit-transform: translateX(-50%) rotate(30deg);
          transform: translateX(-50%) rotate(30deg);
}
.Container .innerContainer .clock__mark:nth-child(6)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-30deg);
          transform: translate(-50%, -50%) rotate(-30deg);
}
.Container .innerContainer .clock__mark:nth-child(7) {
  -webkit-transform: translateX(-50%) rotate(36deg);
          transform: translateX(-50%) rotate(36deg);
}
.Container .innerContainer .clock__mark:nth-child(7)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-36deg);
          transform: translate(-50%, -50%) rotate(-36deg);
}
.Container .innerContainer .clock__mark:nth-child(8) {
  -webkit-transform: translateX(-50%) rotate(42deg);
          transform: translateX(-50%) rotate(42deg);
}
.Container .innerContainer .clock__mark:nth-child(8)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-42deg);
          transform: translate(-50%, -50%) rotate(-42deg);
}
.Container .innerContainer .clock__mark:nth-child(9) {
  -webkit-transform: translateX(-50%) rotate(48deg);
          transform: translateX(-50%) rotate(48deg);
}
.Container .innerContainer .clock__mark:nth-child(9)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-48deg);
          transform: translate(-50%, -50%) rotate(-48deg);
}
.Container .innerContainer .clock__mark:nth-child(10) {
  -webkit-transform: translateX(-50%) rotate(54deg);
          transform: translateX(-50%) rotate(54deg);
}
.Container .innerContainer .clock__mark:nth-child(10)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-54deg);
          transform: translate(-50%, -50%) rotate(-54deg);
}
.Container .innerContainer .clock__mark:nth-child(11) {
  -webkit-transform: translateX(-50%) rotate(60deg);
          transform: translateX(-50%) rotate(60deg);
}
.Container .innerContainer .clock__mark:nth-child(11)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-60deg);
          transform: translate(-50%, -50%) rotate(-60deg);
}
.Container .innerContainer .clock__mark:nth-child(12) {
  -webkit-transform: translateX(-50%) rotate(66deg);
          transform: translateX(-50%) rotate(66deg);
}
.Container .innerContainer .clock__mark:nth-child(12)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-66deg);
          transform: translate(-50%, -50%) rotate(-66deg);
}
.Container .innerContainer .clock__mark:nth-child(13) {
  -webkit-transform: translateX(-50%) rotate(72deg);
          transform: translateX(-50%) rotate(72deg);
}
.Container .innerContainer .clock__mark:nth-child(13)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-72deg);
          transform: translate(-50%, -50%) rotate(-72deg);
}
.Container .innerContainer .clock__mark:nth-child(14) {
  -webkit-transform: translateX(-50%) rotate(78deg);
          transform: translateX(-50%) rotate(78deg);
}
.Container .innerContainer .clock__mark:nth-child(14)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-78deg);
          transform: translate(-50%, -50%) rotate(-78deg);
}
.Container .innerContainer .clock__mark:nth-child(15) {
  -webkit-transform: translateX(-50%) rotate(84deg);
          transform: translateX(-50%) rotate(84deg);
}
.Container .innerContainer .clock__mark:nth-child(15)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-84deg);
          transform: translate(-50%, -50%) rotate(-84deg);
}
.Container .innerContainer .clock__mark:nth-child(16) {
  -webkit-transform: translateX(-50%) rotate(90deg);
          transform: translateX(-50%) rotate(90deg);
}
.Container .innerContainer .clock__mark:nth-child(16)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg);
}
.Container .innerContainer .clock__mark:nth-child(17) {
  -webkit-transform: translateX(-50%) rotate(96deg);
          transform: translateX(-50%) rotate(96deg);
}
.Container .innerContainer .clock__mark:nth-child(17)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-96deg);
          transform: translate(-50%, -50%) rotate(-96deg);
}
.Container .innerContainer .clock__mark:nth-child(18) {
  -webkit-transform: translateX(-50%) rotate(102deg);
          transform: translateX(-50%) rotate(102deg);
}
.Container .innerContainer .clock__mark:nth-child(18)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-102deg);
          transform: translate(-50%, -50%) rotate(-102deg);
}
.Container .innerContainer .clock__mark:nth-child(19) {
  -webkit-transform: translateX(-50%) rotate(108deg);
          transform: translateX(-50%) rotate(108deg);
}
.Container .innerContainer .clock__mark:nth-child(19)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-108deg);
          transform: translate(-50%, -50%) rotate(-108deg);
}
.Container .innerContainer .clock__mark:nth-child(20) {
  -webkit-transform: translateX(-50%) rotate(114deg);
          transform: translateX(-50%) rotate(114deg);
}
.Container .innerContainer .clock__mark:nth-child(20)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-114deg);
          transform: translate(-50%, -50%) rotate(-114deg);
}
.Container .innerContainer .clock__mark:nth-child(21) {
  -webkit-transform: translateX(-50%) rotate(120deg);
          transform: translateX(-50%) rotate(120deg);
}
.Container .innerContainer .clock__mark:nth-child(21)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-120deg);
          transform: translate(-50%, -50%) rotate(-120deg);
}
.Container .innerContainer .clock__mark:nth-child(22) {
  -webkit-transform: translateX(-50%) rotate(126deg);
          transform: translateX(-50%) rotate(126deg);
}
.Container .innerContainer .clock__mark:nth-child(22)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-126deg);
          transform: translate(-50%, -50%) rotate(-126deg);
}
.Container .innerContainer .clock__mark:nth-child(23) {
  -webkit-transform: translateX(-50%) rotate(132deg);
          transform: translateX(-50%) rotate(132deg);
}
.Container .innerContainer .clock__mark:nth-child(23)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-132deg);
          transform: translate(-50%, -50%) rotate(-132deg);
}
.Container .innerContainer .clock__mark:nth-child(24) {
  -webkit-transform: translateX(-50%) rotate(138deg);
          transform: translateX(-50%) rotate(138deg);
}
.Container .innerContainer .clock__mark:nth-child(24)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-138deg);
          transform: translate(-50%, -50%) rotate(-138deg);
}
.Container .innerContainer .clock__mark:nth-child(25) {
  -webkit-transform: translateX(-50%) rotate(144deg);
          transform: translateX(-50%) rotate(144deg);
}
.Container .innerContainer .clock__mark:nth-child(25)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-144deg);
          transform: translate(-50%, -50%) rotate(-144deg);
}
.Container .innerContainer .clock__mark:nth-child(26) {
  -webkit-transform: translateX(-50%) rotate(150deg);
          transform: translateX(-50%) rotate(150deg);
}
.Container .innerContainer .clock__mark:nth-child(26)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-150deg);
          transform: translate(-50%, -50%) rotate(-150deg);
}
.Container .innerContainer .clock__mark:nth-child(27) {
  -webkit-transform: translateX(-50%) rotate(156deg);
          transform: translateX(-50%) rotate(156deg);
}
.Container .innerContainer .clock__mark:nth-child(27)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-156deg);
          transform: translate(-50%, -50%) rotate(-156deg);
}
.Container .innerContainer .clock__mark:nth-child(28) {
  -webkit-transform: translateX(-50%) rotate(162deg);
          transform: translateX(-50%) rotate(162deg);
}
.Container .innerContainer .clock__mark:nth-child(28)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-162deg);
          transform: translate(-50%, -50%) rotate(-162deg);
}
.Container .innerContainer .clock__mark:nth-child(29) {
  -webkit-transform: translateX(-50%) rotate(168deg);
          transform: translateX(-50%) rotate(168deg);
}
.Container .innerContainer .clock__mark:nth-child(29)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-168deg);
          transform: translate(-50%, -50%) rotate(-168deg);
}
.Container .innerContainer .clock__mark:nth-child(30) {
  -webkit-transform: translateX(-50%) rotate(174deg);
          transform: translateX(-50%) rotate(174deg);
}
.Container .innerContainer .clock__mark:nth-child(30)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-174deg);
          transform: translate(-50%, -50%) rotate(-174deg);
}
.Container .innerContainer .clock__mark:nth-child(31) {
  -webkit-transform: translateX(-50%) rotate(180deg);
          transform: translateX(-50%) rotate(180deg);
}
.Container .innerContainer .clock__mark:nth-child(31)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-180deg);
          transform: translate(-50%, -50%) rotate(-180deg);
}
.Container .innerContainer .clock__mark:nth-child(32) {
  -webkit-transform: translateX(-50%) rotate(186deg);
          transform: translateX(-50%) rotate(186deg);
}
.Container .innerContainer .clock__mark:nth-child(32)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-186deg);
          transform: translate(-50%, -50%) rotate(-186deg);
}
.Container .innerContainer .clock__mark:nth-child(33) {
  -webkit-transform: translateX(-50%) rotate(192deg);
          transform: translateX(-50%) rotate(192deg);
}
.Container .innerContainer .clock__mark:nth-child(33)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-192deg);
          transform: translate(-50%, -50%) rotate(-192deg);
}
.Container .innerContainer .clock__mark:nth-child(34) {
  -webkit-transform: translateX(-50%) rotate(198deg);
          transform: translateX(-50%) rotate(198deg);
}
.Container .innerContainer .clock__mark:nth-child(34)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-198deg);
          transform: translate(-50%, -50%) rotate(-198deg);
}
.Container .innerContainer .clock__mark:nth-child(35) {
  -webkit-transform: translateX(-50%) rotate(204deg);
          transform: translateX(-50%) rotate(204deg);
}
.Container .innerContainer .clock__mark:nth-child(35)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-204deg);
          transform: translate(-50%, -50%) rotate(-204deg);
}
.Container .innerContainer .clock__mark:nth-child(36) {
  -webkit-transform: translateX(-50%) rotate(210deg);
          transform: translateX(-50%) rotate(210deg);
}
.Container .innerContainer .clock__mark:nth-child(36)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-210deg);
          transform: translate(-50%, -50%) rotate(-210deg);
}
.Container .innerContainer .clock__mark:nth-child(37) {
  -webkit-transform: translateX(-50%) rotate(216deg);
          transform: translateX(-50%) rotate(216deg);
}
.Container .innerContainer .clock__mark:nth-child(37)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-216deg);
          transform: translate(-50%, -50%) rotate(-216deg);
}
.Container .innerContainer .clock__mark:nth-child(38) {
  -webkit-transform: translateX(-50%) rotate(222deg);
          transform: translateX(-50%) rotate(222deg);
}
.Container .innerContainer .clock__mark:nth-child(38)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-222deg);
          transform: translate(-50%, -50%) rotate(-222deg);
}
.Container .innerContainer .clock__mark:nth-child(39) {
  -webkit-transform: translateX(-50%) rotate(228deg);
          transform: translateX(-50%) rotate(228deg);
}
.Container .innerContainer .clock__mark:nth-child(39)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-228deg);
          transform: translate(-50%, -50%) rotate(-228deg);
}
.Container .innerContainer .clock__mark:nth-child(40) {
  -webkit-transform: translateX(-50%) rotate(234deg);
          transform: translateX(-50%) rotate(234deg);
}
.Container .innerContainer .clock__mark:nth-child(40)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-234deg);
          transform: translate(-50%, -50%) rotate(-234deg);
}
.Container .innerContainer .clock__mark:nth-child(41) {
  -webkit-transform: translateX(-50%) rotate(240deg);
          transform: translateX(-50%) rotate(240deg);
}
.Container .innerContainer .clock__mark:nth-child(41)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-240deg);
          transform: translate(-50%, -50%) rotate(-240deg);
}
.Container .innerContainer .clock__mark:nth-child(42) {
  -webkit-transform: translateX(-50%) rotate(246deg);
          transform: translateX(-50%) rotate(246deg);
}
.Container .innerContainer .clock__mark:nth-child(42)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-246deg);
          transform: translate(-50%, -50%) rotate(-246deg);
}
.Container .innerContainer .clock__mark:nth-child(43) {
  -webkit-transform: translateX(-50%) rotate(252deg);
          transform: translateX(-50%) rotate(252deg);
}
.Container .innerContainer .clock__mark:nth-child(43)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-252deg);
          transform: translate(-50%, -50%) rotate(-252deg);
}
.Container .innerContainer .clock__mark:nth-child(44) {
  -webkit-transform: translateX(-50%) rotate(258deg);
          transform: translateX(-50%) rotate(258deg);
}
.Container .innerContainer .clock__mark:nth-child(44)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-258deg);
          transform: translate(-50%, -50%) rotate(-258deg);
}
.Container .innerContainer .clock__mark:nth-child(45) {
  -webkit-transform: translateX(-50%) rotate(264deg);
          transform: translateX(-50%) rotate(264deg);
}
.Container .innerContainer .clock__mark:nth-child(45)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-264deg);
          transform: translate(-50%, -50%) rotate(-264deg);
}
.Container .innerContainer .clock__mark:nth-child(46) {
  -webkit-transform: translateX(-50%) rotate(270deg);
          transform: translateX(-50%) rotate(270deg);
}
.Container .innerContainer .clock__mark:nth-child(46)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-270deg);
          transform: translate(-50%, -50%) rotate(-270deg);
}
.Container .innerContainer .clock__mark:nth-child(47) {
  -webkit-transform: translateX(-50%) rotate(276deg);
          transform: translateX(-50%) rotate(276deg);
}
.Container .innerContainer .clock__mark:nth-child(47)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-276deg);
          transform: translate(-50%, -50%) rotate(-276deg);
}
.Container .innerContainer .clock__mark:nth-child(48) {
  -webkit-transform: translateX(-50%) rotate(282deg);
          transform: translateX(-50%) rotate(282deg);
}
.Container .innerContainer .clock__mark:nth-child(48)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-282deg);
          transform: translate(-50%, -50%) rotate(-282deg);
}
.Container .innerContainer .clock__mark:nth-child(49) {
  -webkit-transform: translateX(-50%) rotate(288deg);
          transform: translateX(-50%) rotate(288deg);
}
.Container .innerContainer .clock__mark:nth-child(49)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-288deg);
          transform: translate(-50%, -50%) rotate(-288deg);
}
.Container .innerContainer .clock__mark:nth-child(50) {
  -webkit-transform: translateX(-50%) rotate(294deg);
          transform: translateX(-50%) rotate(294deg);
}
.Container .innerContainer .clock__mark:nth-child(50)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-294deg);
          transform: translate(-50%, -50%) rotate(-294deg);
}
.Container .innerContainer .clock__mark:nth-child(51) {
  -webkit-transform: translateX(-50%) rotate(300deg);
          transform: translateX(-50%) rotate(300deg);
}
.Container .innerContainer .clock__mark:nth-child(51)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-300deg);
          transform: translate(-50%, -50%) rotate(-300deg);
}
.Container .innerContainer .clock__mark:nth-child(52) {
  -webkit-transform: translateX(-50%) rotate(306deg);
          transform: translateX(-50%) rotate(306deg);
}
.Container .innerContainer .clock__mark:nth-child(52)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-306deg);
          transform: translate(-50%, -50%) rotate(-306deg);
}
.Container .innerContainer .clock__mark:nth-child(53) {
  -webkit-transform: translateX(-50%) rotate(312deg);
          transform: translateX(-50%) rotate(312deg);
}
.Container .innerContainer .clock__mark:nth-child(53)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-312deg);
          transform: translate(-50%, -50%) rotate(-312deg);
}
.Container .innerContainer .clock__mark:nth-child(54) {
  -webkit-transform: translateX(-50%) rotate(318deg);
          transform: translateX(-50%) rotate(318deg);
}
.Container .innerContainer .clock__mark:nth-child(54)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-318deg);
          transform: translate(-50%, -50%) rotate(-318deg);
}
.Container .innerContainer .clock__mark:nth-child(55) {
  -webkit-transform: translateX(-50%) rotate(324deg);
          transform: translateX(-50%) rotate(324deg);
}
.Container .innerContainer .clock__mark:nth-child(55)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-324deg);
          transform: translate(-50%, -50%) rotate(-324deg);
}
.Container .innerContainer .clock__mark:nth-child(56) {
  -webkit-transform: translateX(-50%) rotate(330deg);
          transform: translateX(-50%) rotate(330deg);
}
.Container .innerContainer .clock__mark:nth-child(56)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-330deg);
          transform: translate(-50%, -50%) rotate(-330deg);
}
.Container .innerContainer .clock__mark:nth-child(57) {
  -webkit-transform: translateX(-50%) rotate(336deg);
          transform: translateX(-50%) rotate(336deg);
}
.Container .innerContainer .clock__mark:nth-child(57)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-336deg);
          transform: translate(-50%, -50%) rotate(-336deg);
}
.Container .innerContainer .clock__mark:nth-child(58) {
  -webkit-transform: translateX(-50%) rotate(342deg);
          transform: translateX(-50%) rotate(342deg);
}
.Container .innerContainer .clock__mark:nth-child(58)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-342deg);
          transform: translate(-50%, -50%) rotate(-342deg);
}
.Container .innerContainer .clock__mark:nth-child(59) {
  -webkit-transform: translateX(-50%) rotate(348deg);
          transform: translateX(-50%) rotate(348deg);
}
.Container .innerContainer .clock__mark:nth-child(59)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-348deg);
          transform: translate(-50%, -50%) rotate(-348deg);
}
.Container .innerContainer .clock__mark:nth-child(60) {
  -webkit-transform: translateX(-50%) rotate(354deg);
          transform: translateX(-50%) rotate(354deg);
}
.Container .innerContainer .clock__mark:nth-child(60)::before {
  -webkit-transform: translate(-50%, -50%) rotate(-354deg);
          transform: translate(-50%, -50%) rotate(-354deg);
}
.Container .innerContainer .clock__mark:nth-child(6)::before {
  content: "5";
  font-size: 16px;
}
.Container .innerContainer .clock__mark:nth-child(11)::before {
  content: "10";
  font-size: 16px;
}
.Container .innerContainer .clock__mark:nth-child(16)::before {
  content: "15";
}
.Container .innerContainer .clock__mark:nth-child(21)::before {
  content: "20";
  font-size: 16px;
}
.Container .innerContainer .clock__mark:nth-child(26)::before {
  content: "25";
  font-size: 16px;
}
.Container .innerContainer .clock__mark:nth-child(31)::before {
  content: "30";
}
.Container .innerContainer .clock__mark:nth-child(36)::before {
  content: "35";
  font-size: 16px;
}
.Container .innerContainer .clock__mark:nth-child(41)::before {
  content: "40";
  font-size: 16px;
}
.Container .innerContainer .clock__mark:nth-child(46)::before {
  content: "45";
}
.Container .innerContainer .clock__mark:nth-child(51)::before {
  content: "50";
  font-size: 16px;
}
.Container .innerContainer .clock__mark:nth-child(56)::before {
  content: "55";
  font-size: 16px;
}
.Container .innerContainer .clock__mark:nth-child(61)::before {
  content: "60";
}
.Container .innerContainer .clock__pointer {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 27.5%;
  background-color: #ddd;
  border-top-left-radius: 30%;
  border-top-right-radius: 30%;
  -webkit-transform: translate(-50%, -100%) rotate(0);
          transform: translate(-50%, -100%) rotate(0);
  -webkit-transform-origin: 50% bottom;
          transform-origin: 50% bottom;
  will-change: transform;
}
.Container .innerContainer .clock--started .clock__pointer {
  background-color: #ff415a;
}
.Container .innerContainer .clock__inner-center {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.Container .innerContainer .clock__inner-center:nth-child(1) {
  width: 20px;
  height: 20px;
  border-color: rgba(78, 78, 78, 0.25);
}
.Container .innerContainer .clock__inner-center:nth-child(2) {
  width: 40px;
  height: 40px;
  border-color: rgba(78, 78, 78, 0.5);
}
.Container .innerContainer .clock__inner-center:nth-child(3) {
  width: 60px;
  height: 60px;
  border-color: rgba(78, 78, 78, 0.75);
}
.Container .innerContainer .clock-time {
  display: block;
  width: auto;
  margin: 0 auto 30px;
  font-family: "YanoneKaffeesatz", sans-serif;
  color: #777;
  color: #36578a;
  text-align: center;
  font-size: 30px;
  letter-spacing: 2px;
  line-height: 30px;
  margin-top: 0px;
  text-align: left;
  font-style: italic;
  max-width: 380px;
}
.Container .innerContainer .clock-button {
  position: relative;
  display: inline-block;
  height: 100px;
  width: 100px;
  margin: 0 20px;
  background-color: #ebebeb;
  border-radius: 50%;
  border: none;
  color: #5e5e5e;
  font-size: 1.5em;
  font-family: "PT Sans", "Helvetica", sans-serif;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  position: absolute;
  right: 10px;
  top: 10px;
  height: 30px;
  width: 30px;
  margin: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #777;
  background-color: var(--bs-background-light);
  width: 50px;
  height: 50px;
  opacity: 0.7;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.Container .innerContainer .clock-button svg {
  font-size: 27px;
  -webkit-transform: none !important;
          transform: none !important;
}
.Container .innerContainer .clock-button:hover {
  opacity: 0.4;
}
.Container .innerContainer .clock-button:hover {
  cursor: pointer;
}
.Container .innerContainer .clock-button:active::before {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.Container .innerContainer .clock-button:active, .Container .innerContainer .clock-button:focus {
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}
.Container .innerContainer .clock-button--start {
  left: 10px;
  top: 10px;
}
.Container .innerContainer .clock-button--start svg {
  font-size: 32px;
}
.Container .innerContainer .clock-button--pause {
  background-color: #ff415a;
  color: var(--bs-background-light);
}
.Container .innerContainer .clock-button--pause::before {
  background-color: rgba(255, 65, 90, 0.5);
}
.Container .innerContainer .clock-button__text {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.Container .innerContainer .svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg);
}
.Container .innerContainer .svg ellipse {
  stroke-dasharray: 136%;
  stroke-dashoffset: -136%;
}

@media only screen and (max-width: 750px) {
  .Container .innerContainer .clock-wrapper {
    margin-top: calc(50% - 80px);
  }

  .Container .innerContainer .clock-time {
    text-align: center;
  }

  .Container {
    padding-top: 0px !important;
  }
}
[data-theme=website] .page-banner {
  padding-bottom: 150px;
  overflow: hidden;
}
[data-theme=website] .Container .innerContainer svg {
  z-index: -1;
}
[data-theme=website] .Container .innerContainer .clock-wrapper {
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
[data-theme=website] .Container .innerContainer .clock-button svg {
  height: 27px;
}

.Container .innerContainer .clock__inner-bg {
  background-color: #f9f8f7;
}