/* ======================
   Variables and mixins
   ======================= */
/* ======================
   Timer Module
   ======================= */
:root {
	--border-colortimer: #FFF;
}
button.action.secondary[disabled],
.timer[disabled]{
	--border-colortimer: #ccc;
}
.timer {}
button .timer {
	display: none;
}
button[disabled] .timer,
.timershow {
	position: absolute!important;
	top: 50%;
	-webkit-transform: translateY(-50%) translateZ(0);
	transform: translateY(-50%) translateZ(0);
	right: 0em;
	z-index: 10;
	width: 44px;
	height: 44px;
}
.button.getOrderQueue {
  display: flex;
  gap:10px;
  width: max-content;
}
.getOrderQueue .timer {
  	width: 44px;
	height: 44px;
  top: 1px;
	position: relative;
	flex-shrink: 0;
  display: block;
}
  .timer.full .timer-half.right,
  .timer.full .timer-half.left {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .timer .timer-bg,
  .timer .timer-half-container,
  .timer .timer-half {
    position: absolute;
    width: 44px;
    height: 44px;
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
  }
  .timer .timer-bg {
    /*border: 2px solid #BDBDBD;*/
    text-align: center;
    line-height: 40px;
    vertical-align: baseline;
     }
  .timer .timer-half-container {
    clip: rect(0px, 44px, 44px, 22px); }
    .timer .timer-half-container .timer-half {
      clip: rect(0px, 22px, 44px, 0px); }
    .timer .timer-half-container.left {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }

@media screen and (max-width: 1025px) {
	button[disabled] .timer,
	.timershow,
	.timer,
	.timer .timer-bg,
  	.timer .timer-half-container,
	.timer .timer-half {
		width: 40px;
		height: 40px;
		 border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
	}
	 .timer .timer-bg {
    line-height: 38px;
	}
	 .timer .timer-half-container {
    clip: rect(0px, 40px, 40px, 20px); }
    .timer .timer-half-container .timer-half {
      clip: rect(0px, 20px, 40px, 0px); }
}
@media screen and (max-width: 640px) {
	button[disabled] .timer,
	.timershow,
	.timer,
	.timer .timer-bg,
  	.timer .timer-half-container,
	.timer .timer-half {
		width: 36px;
		height: 36px;
		border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    border-bottom-left-radius: 18px;
	}
	.timer .timer-bg {
    line-height: 34px;
	}
	 .timer .timer-half-container {
    clip: rect(0px, 36px, 36px, 18px); }
    .timer .timer-half-container .timer-half {
      clip: rect(0px, 18px, 36px, 0px); }
}

.timer[type="send_pass_reg"] {
	margin: 0 2px;
}
.timer[type="send_pass_reg"] .timer-bg {
	position: relative;
	width: auto;
	height: auto;
	display: inline-block;
	line-height: inherit;
}
.timer[type="send_pass_reg"] .timer-half-container {
	display: none;
}
.timer[type="report"] .timer-half.right,
.timer[type="report"] .timer-half.left {
	display: none;
}
.timer .timer-half.right,
.timer .timer-half.left {
	border: 2px solid var(--border-colortimer);
	border: none;/*SUP-17140*/
	transform: rotate(180deg);
}
.timer[data-duration="1"] .timer-half.right {
  -webkit-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  -o-transform: rotate(6deg);
  transform: rotate(6deg);
  border: 1px solid #E57373; }

.timer[data-duration="-1"] .timer-bg {
  color: #E53935; }
.timer[data-duration="-1"] .timer-half.left {
  -webkit-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  transform: rotate(-6deg);
  border: 1px solid #E57373; }

.timer[data-duration="2"] .timer-half.right {
  -webkit-transform: rotate(12deg);
  -moz-transform: rotate(12deg);
  -ms-transform: rotate(12deg);
  -o-transform: rotate(12deg);
  transform: rotate(12deg);
  border: 1px solid #E57373; }

.timer[data-duration="3"] .timer-half.right {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
  border: 1px solid #E57373; }

.timer[data-duration="4"] .timer-half.right {
  -webkit-transform: rotate(24deg);
  -moz-transform: rotate(24deg);
  -ms-transform: rotate(24deg);
  -o-transform: rotate(24deg);
  transform: rotate(24deg);
  border: 1px solid #E57373; }

.timer[data-duration="5"] .timer-half.right {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
  border: 1px solid #E57373; }

.timer[data-duration="6"] .timer-half.right {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
  border: 1px solid #E57373; }

.timer[data-duration="7"] .timer-half.right {
  -webkit-transform: rotate(42deg);
  -moz-transform: rotate(42deg);
  -ms-transform: rotate(42deg);
  -o-transform: rotate(42deg);
  transform: rotate(42deg);
  border: 1px solid #E57373; }

.timer[data-duration="8"] .timer-half.right {
  -webkit-transform: rotate(48deg);
  -moz-transform: rotate(48deg);
  -ms-transform: rotate(48deg);
  -o-transform: rotate(48deg);
  transform: rotate(48deg);
  border: 1px solid #E57373; }

.timer[data-duration="9"] .timer-half.right {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
  border: 1px solid #E57373; }

.timer[data-duration="10"] .timer-half.right {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
  border: 1px solid #E57373; }

.timer[data-duration="11"] .timer-half.right {
  -webkit-transform: rotate(66deg);
  -moz-transform: rotate(66deg);
  -ms-transform: rotate(66deg);
  -o-transform: rotate(66deg);
  transform: rotate(66deg);
  border: 1px solid #E57373; }

.timer[data-duration="12"] .timer-half.right {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
  border: 2px solid #E57373; }

.timer[data-duration="13"] .timer-half.right {
  -webkit-transform: rotate(78deg);
  -moz-transform: rotate(78deg);
  -ms-transform: rotate(78deg);
  -o-transform: rotate(78deg);
  transform: rotate(78deg);
  border: 2px solid #E57373; }

.timer[data-duration="14"] .timer-half.right {
  -webkit-transform: rotate(84deg);
  -moz-transform: rotate(84deg);
  -ms-transform: rotate(84deg);
  -o-transform: rotate(84deg);
  transform: rotate(84deg);
  border: 2px solid #E57373; }

.timer[data-duration="15"] .timer-half.right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  border: 2px solid var(--border-colortimer); }

.timer[data-duration="16"] .timer-half.right {
  -webkit-transform: rotate(96deg);
  -moz-transform: rotate(96deg);
  -ms-transform: rotate(96deg);
  -o-transform: rotate(96deg);
  transform: rotate(96deg);
  border: 2px solid var(--border-colortimer); }

.timer[data-duration="-16"] .timer-bg {
  color: #E53935; }
.timer[data-duration="-16"] .timer-half.left {
  -webkit-transform: rotate(-96deg);
  -moz-transform: rotate(-96deg);
  -ms-transform: rotate(-96deg);
  -o-transform: rotate(-96deg);
  transform: rotate(-96deg);
  border: 2px solid #E57373; }

.timer[data-duration="17"] .timer-half.right {
  -webkit-transform: rotate(102deg);
  -moz-transform: rotate(102deg);
  -ms-transform: rotate(102deg);
  -o-transform: rotate(102deg);
  transform: rotate(102deg);
  border: 2px solid var(--border-colortimer); }

.timer[data-duration="18"] .timer-half.right {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
  border: 2px solid var(--border-colortimer); }

.timer[data-duration="19"] .timer-half.right {
  -webkit-transform: rotate(114deg);
  -moz-transform: rotate(114deg);
  -ms-transform: rotate(114deg);
  -o-transform: rotate(114deg);
  transform: rotate(114deg);
  border: 2px solid var(--border-colortimer); }

.timer[data-duration="20"] .timer-half.right {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
  border: 2px solid var(--border-colortimer); }

.timer[data-duration="21"] .timer-half.right {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
  border: 2px solid var(--border-colortimer); }

.timer[data-duration="22"] .timer-half.right {
  -webkit-transform: rotate(132deg);
  -moz-transform: rotate(132deg);
  -ms-transform: rotate(132deg);
  -o-transform: rotate(132deg);
  transform: rotate(132deg);
  border: 2px solid var(--border-colortimer); }

.timer[data-duration="23"] .timer-half.right {
  -webkit-transform: rotate(138deg);
  -moz-transform: rotate(138deg);
  -ms-transform: rotate(138deg);
  -o-transform: rotate(138deg);
  transform: rotate(138deg);
  border: 2px solid var(--border-colortimer); }

.timer[data-duration="24"] .timer-half.right {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
  border: 2px solid var(--border-colortimer); }

.timer[data-duration="25"] .timer-half.right {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  transform: rotate(150deg);
  border: 2px solid var(--border-colortimer); }

.timer[data-duration="26"] .timer-half.right {
  -webkit-transform: rotate(156deg);
  -moz-transform: rotate(156deg);
  -ms-transform: rotate(156deg);
  -o-transform: rotate(156deg);
  transform: rotate(156deg);
  border: 2px solid var(--border-colortimer); }

.timer[data-duration="27"] .timer-half.right {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
  border: 2px solid var(--border-colortimer); }

.timer[data-duration="28"] .timer-half.right {
  -webkit-transform: rotate(168deg);
  -moz-transform: rotate(168deg);
  -ms-transform: rotate(168deg);
  -o-transform: rotate(168deg);
  transform: rotate(168deg);
  border: 2px solid var(--border-colortimer); }

.timer[data-duration="29"] .timer-half.right {
  -webkit-transform: rotate(174deg);
  -moz-transform: rotate(174deg);
  -ms-transform: rotate(174deg);
  -o-transform: rotate(174deg);
  transform: rotate(174deg);
  border: 2px solid var(--border-colortimer); }

.timer[data-duration="30"] .timer-half.right {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  border: 2px solid var(--border-colortimer); }

.timer[data-duration="31"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="31"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  -o-transform: rotate(6deg);
  transform: rotate(6deg); }

.timer[data-duration="32"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="32"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(12deg);
  -moz-transform: rotate(12deg);
  -ms-transform: rotate(12deg);
  -o-transform: rotate(12deg);
  transform: rotate(12deg); }

.timer[data-duration="33"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="33"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg); }

.timer[data-duration="34"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="34"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(24deg);
  -moz-transform: rotate(24deg);
  -ms-transform: rotate(24deg);
  -o-transform: rotate(24deg);
  transform: rotate(24deg); }

.timer[data-duration="35"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="35"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg); }

.timer[data-duration="36"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="36"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg); }

.timer[data-duration="37"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="37"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(42deg);
  -moz-transform: rotate(42deg);
  -ms-transform: rotate(42deg);
  -o-transform: rotate(42deg);
  transform: rotate(42deg); }

.timer[data-duration="38"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="38"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(48deg);
  -moz-transform: rotate(48deg);
  -ms-transform: rotate(48deg);
  -o-transform: rotate(48deg);
  transform: rotate(48deg); }

.timer[data-duration="39"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="39"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg); }

.timer[data-duration="40"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="40"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg); }

.timer[data-duration="41"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="41"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(66deg);
  -moz-transform: rotate(66deg);
  -ms-transform: rotate(66deg);
  -o-transform: rotate(66deg);
  transform: rotate(66deg); }

.timer[data-duration="42"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="42"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg); }

.timer[data-duration="43"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="43"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(78deg);
  -moz-transform: rotate(78deg);
  -ms-transform: rotate(78deg);
  -o-transform: rotate(78deg);
  transform: rotate(78deg); }

.timer[data-duration="44"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="44"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(84deg);
  -moz-transform: rotate(84deg);
  -ms-transform: rotate(84deg);
  -o-transform: rotate(84deg);
  transform: rotate(84deg); }

.timer[data-duration="45"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="45"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.timer[data-duration="46"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="46"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(96deg);
  -moz-transform: rotate(96deg);
  -ms-transform: rotate(96deg);
  -o-transform: rotate(96deg);
  transform: rotate(96deg); }

.timer[data-duration="47"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="47"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(102deg);
  -moz-transform: rotate(102deg);
  -ms-transform: rotate(102deg);
  -o-transform: rotate(102deg);
  transform: rotate(102deg); }

.timer[data-duration="48"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="48"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg); }

.timer[data-duration="49"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="49"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(114deg);
  -moz-transform: rotate(114deg);
  -ms-transform: rotate(114deg);
  -o-transform: rotate(114deg);
  transform: rotate(114deg); }

.timer[data-duration="50"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="50"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg); }

.timer[data-duration="51"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="51"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg); }

.timer[data-duration="52"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="52"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(132deg);
  -moz-transform: rotate(132deg);
  -ms-transform: rotate(132deg);
  -o-transform: rotate(132deg);
  transform: rotate(132deg); }

.timer[data-duration="53"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="53"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(138deg);
  -moz-transform: rotate(138deg);
  -ms-transform: rotate(138deg);
  -o-transform: rotate(138deg);
  transform: rotate(138deg); }

.timer[data-duration="54"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="54"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg); }

.timer[data-duration="55"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="55"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  transform: rotate(150deg); }

.timer[data-duration="56"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="56"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(156deg);
  -moz-transform: rotate(156deg);
  -ms-transform: rotate(156deg);
  -o-transform: rotate(156deg);
  transform: rotate(156deg); }

.timer[data-duration="57"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="57"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg); }

.timer[data-duration="58"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="58"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(168deg);
  -moz-transform: rotate(168deg);
  -ms-transform: rotate(168deg);
  -o-transform: rotate(168deg);
  transform: rotate(168deg); }

.timer[data-duration="59"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="59"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(174deg);
  -moz-transform: rotate(174deg);
  -ms-transform: rotate(174deg);
  -o-transform: rotate(174deg);
  transform: rotate(174deg); }

.timer[data-duration="60"] .timer-half.right {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.timer[data-duration="60"] .timer-half.left {
  border: 2px solid var(--border-colortimer);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

/*# sourceMappingURL=timer.css.map */