@charset "UTF-8";
@import url(https://p.typekit.net/p.css?s=1&k=ucy1bpf&ht=tk&f=9662.9663.9664.9665.14527.14528.14529.14530&a=118810835&app=typekit&e=css);
.bs-datepicker {
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  background: #fff;
  box-shadow: 0 0 10px 0 #aaa;
  position: relative;
  z-index: 1;
}
.bs-datepicker:after {
  clear: both;
  content: "";
  display: block;
}
.bs-datepicker bs-day-picker {
  float: left;
}
.bs-datepicker-btns button:active,
.bs-datepicker-btns button:focus,
.bs-datepicker-btns button:hover,
.bs-datepicker-predefined-btns button:active,
.bs-datepicker-predefined-btns button:focus,
.bs-datepicker button:active,
.bs-datepicker button:focus,
.bs-datepicker button:hover,
.bs-datepicker input:active,
.bs-datepicker input:focus,
.bs-datepicker input:hover {
  outline: none;
}
.bs-datepicker-head {
  min-width: 270px;
  height: 50px;
  padding: 10px;
  border-radius: 3px 3px 0 0;
  text-align: justify;
}
.bs-datepicker-head:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.bs-datepicker-head button {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  height: 30px;
  line-height: 30px;
  border: 0;
  background: #0000;
  text-align: center;
  cursor: pointer;
  color: #fff;
  transition: 0.3s;
}
.bs-datepicker-head button[disabled],
.bs-datepicker-head button[disabled]:active,
.bs-datepicker-head button[disabled]:hover {
  background: #dddddd4d;
  color: #f5f5f5;
  cursor: not-allowed;
}
.bs-datepicker-head button.previous span {
  transform: translate(-1px, -1px);
}
.bs-datepicker-head button.next span {
  transform: translate(1px, -1px);
}
.bs-datepicker-head button.next,
.bs-datepicker-head button.previous {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.bs-datepicker-head button.next span,
.bs-datepicker-head button.previous span {
  font-size: 28px;
  line-height: 1;
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.bs-datepicker-head button.current {
  border-radius: 15px;
  max-width: 155px;
  padding: 0 13px;
}
.bs-datepicker-head button:hover {
  background-color: #0000001a;
}
.bs-datepicker-head button:active {
  background-color: #0003;
}
.bs-datepicker-body {
  padding: 10px;
  border-radius: 0 0 3px 3px;
  min-height: 232px;
  min-width: 278px;
  border: 1px solid #e9edf0;
}
.bs-datepicker-body .days.weeks {
  position: relative;
  z-index: 1;
}
.bs-datepicker-body table {
  width: 100%;
  border-collapse: initial;
  border-spacing: 0;
}
.bs-datepicker-body table th {
  font-size: 13px;
  color: #9aaec1;
  font-weight: 400;
  text-align: center;
}
.bs-datepicker-body table td {
  color: #54708b;
  text-align: center;
  position: relative;
  padding: 0;
}
.bs-datepicker-body table td span {
  display: block;
  margin: 0 auto;
  font-size: 13px;
  border-radius: 50%;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker-body
  table
  td:not(.disabled):not(.week)
  span:not(.disabled):not(.is-other-month) {
  cursor: pointer;
}
.bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
}
.bs-datepicker-body
  table
  td.is-active-other-month:not(.disabled):not(.selected)
  span,
.bs-datepicker-body
  table
  td
  span.is-active-other-month:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
  cursor: pointer;
}
.bs-datepicker-body table td.disabled span,
.bs-datepicker-body table td span.disabled {
  color: #9aaec1;
}
.bs-datepicker-body table td.selected span,
.bs-datepicker-body table td span.selected {
  color: #fff;
}
.bs-datepicker-body table td.is-other-month span,
.bs-datepicker-body table td span.is-other-month {
  color: #00000040;
}
.bs-datepicker-body table td.active {
  position: relative;
}
.bs-datepicker-body table td.active.select-start:before {
  left: 35%;
}
.bs-datepicker-body table td.active.select-end:before {
  left: -85%;
}
.bs-datepicker-body table td.active.select-end span:after,
.bs-datepicker-body table td.active.select-start span:after,
.bs-datepicker-body table td span.active.select-end:after,
.bs-datepicker-body table td span.active.select-start:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  top: 0;
  border-radius: 50%;
}
.bs-datepicker-body table td:before,
.bs-datepicker-body table td span:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 6px;
  bottom: 6px;
  left: -3px;
  right: -2px;
  box-sizing: initial;
  background: #0000;
}
.bs-datepicker-body table td.active.select-start + td.active:before {
  left: -20%;
}
.bs-datepicker-body table td:last-child.active:before {
  border-radius: 0 3px 3px 0;
  width: 125%;
  left: -25%;
}
.bs-datepicker-body table td[class*="select-"] span,
.bs-datepicker-body table td span[class*="select-"] {
  border-radius: 50%;
  color: #fff;
}
.bs-datepicker-body table.days span.active:not(.select-start):before,
.bs-datepicker-body table.days span.in-range:not(.select-start):before,
.bs-datepicker-body table.days td.active:not(.select-start):before,
.bs-datepicker-body table.days td.in-range:not(.select-start):before {
  background: #e9edf0;
}
.bs-datepicker-body table.days span {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.bs-datepicker-body table.days span.select-start {
  z-index: 2;
}
.bs-datepicker-body table.days span.is-highlighted.in-range:before {
  right: 3px;
  left: 0;
}
.bs-datepicker-body table.days span.in-range.select-end:before {
  right: 4px;
  left: 0;
}
.bs-datepicker-body table.days td.active + td.is-highlighted:before,
.bs-datepicker-body table.days td.active + td.select-end:before,
.bs-datepicker-body table.days td.in-range + td.is-highlighted:before,
.bs-datepicker-body table.days td.in-range + td.select-end:before,
.bs-datepicker-body table.days td.select-start + td.is-highlighted:before,
.bs-datepicker-body table.days td.select-start + td.select-end:before {
  background: #e9edf0;
  width: 100%;
}
.bs-datepicker-body table.weeks tr td:nth-child(2).active:before {
  border-radius: 3px 0 0 3px;
  left: 0;
  width: 100%;
}
.bs-datepicker-body table:not(.weeks) tr td:first-child:before {
  border-radius: 3px 0 0 3px;
}
.bs-datepicker-body table.years td span {
  width: 46px;
  height: 46px;
  line-height: 45px;
  margin: 0 auto;
}
.bs-datepicker-body table.years tr:not(:last-child) td span {
  margin-bottom: 8px;
}
.bs-datepicker-body table.months td {
  height: 52px;
}
.bs-datepicker-body table.months td span {
  padding: 6px;
  border-radius: 15px;
}
.bs-datepicker .current-timedate {
  color: #54708b;
  font-size: 15px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  margin-bottom: 10px;
  cursor: pointer;
  text-transform: uppercase;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker .current-timedate span:not(:empty):before {
  content: "";
  width: 15px;
  height: 16px;
  display: inline-block;
  margin-right: 4px;
  vertical-align: text-bottom;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC);
}
.bs-datepicker-multiple {
  border-radius: 4px 0 0 4px;
}
.bs-datepicker-multiple + .bs-datepicker-multiple {
  margin-left: 10px;
}
.bs-datepicker-multiple .bs-datepicker {
  box-shadow: none;
  position: relative;
}
.bs-datepicker-multiple .bs-datepicker:not(:last-child) {
  padding-right: 10px;
}
.bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after {
  content: "";
  display: block;
  width: 14px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
  position: absolute;
  top: 25px;
  left: -8px;
}
.bs-datepicker-multiple .bs-datepicker .left {
  float: left;
}
.bs-datepicker-multiple .bs-datepicker .right {
  float: right;
}
.bs-datepicker-container {
  padding: 15px;
}
.bs-datepicker .bs-media-container {
  display: flex;
}
@media (max-width: 768px) {
  .bs-datepicker .bs-media-container {
    flex-direction: column;
  }
}
.bs-datepicker-custom-range {
  padding: 15px;
  background: #eee;
}
.bs-datepicker-predefined-btns button {
  width: 100%;
  display: block;
  height: 30px;
  background-color: #9aaec1;
  border-radius: 4px;
  color: #fff;
  border: 0;
  margin-bottom: 10px;
  padding: 0 18px;
  text-align: left;
  transition: 0.3s;
}
.bs-datepicker-predefined-btns button:hover {
  background-color: #54708b;
}
.bs-datepicker-buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  padding-top: 10px;
  border-top: 1px solid #e9edf0;
}
.bs-datepicker-buttons .btn-default {
  margin-left: 10px;
}
.bs-datepicker-buttons .btn-today-wrapper {
  display: flex;
  flex-flow: row wrap;
}
.bs-datepicker-buttons .clear-right,
.bs-datepicker-buttons .today-right {
  flex-grow: 0;
}
.bs-datepicker-buttons .clear-left,
.bs-datepicker-buttons .today-left {
  flex-grow: 1;
}
.bs-datepicker-buttons .clear-center,
.bs-datepicker-buttons .today-center {
  flex-grow: 0.5;
}
.bs-timepicker-container {
  padding: 10px 0;
}
.bs-timepicker-label {
  color: #54708b;
  margin-bottom: 10px;
}
.bs-timepicker-controls {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.bs-timepicker-controls button {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 0;
  background-color: #e9edf0;
  color: #54708b;
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
  line-height: 0;
  padding: 0;
  transition: 0.3s;
}
.bs-timepicker-controls button:hover {
  background-color: #d5dadd;
}
.bs-timepicker-controls input {
  width: 35px;
  height: 25px;
  border-radius: 13px;
  text-align: center;
  border: 1px solid #e9edf0;
}
.bs-timepicker .switch-time-format {
  text-transform: uppercase;
  min-width: 54px;
  height: 25px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  background: #fff;
  color: #54708b;
  font-size: 13px;
}
.bs-timepicker .switch-time-format img {
  vertical-align: initial;
  margin-left: 4px;
}
bs-datepicker-container,
bs-daterangepicker-container {
  z-index: 1080;
}
@media (max-width: 768px) {
  .bs-datepicker-multiple {
    display: flex;
  }
  .bs-datepicker-multiple + .bs-datepicker-multiple {
    margin-top: 10px;
    margin-left: 0;
  }
}
.theme-default .bs-datepicker-head {
  background-color: #777;
}
.theme-default .btn-clear-wrapper .btn-success,
.theme-default .btn-today-wrapper .btn-success {
  background-color: #777;
  border-color: #777;
}
.theme-default .btn-clear-wrapper .btn-success:focus,
.theme-default
  .btn-clear-wrapper
  .btn-success:not(:disabled):not(.disabled):active:focus,
.theme-default .btn-today-wrapper .btn-success:focus,
.theme-default
  .btn-today-wrapper
  .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-default
  .btn-clear-wrapper
  .btn-success:not(:disabled):not(.disabled):active,
.theme-default
  .btn-today-wrapper
  .btn-success:not(:disabled):not(.disabled):active {
  background-color: #616161;
  border-color: #616161;
}
.theme-default .btn-clear-wrapper .btn-success:hover,
.theme-default .btn-today-wrapper .btn-success:hover {
  background-color: #6f6e6e;
  border-color: #6f6e6e;
}
.theme-default .bs-datepicker-body table td.selected span,
.theme-default .bs-datepicker-body table td[class*="select-"] span:after,
.theme-default .bs-datepicker-body table td span.selected,
.theme-default .bs-datepicker-body table td span[class*="select-"]:after,
.theme-default .bs-datepicker-predefined-btns button.selected {
  background-color: #777;
}
.theme-default .bs-datepicker-body table td.week span {
  color: #777;
}
.theme-default .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #777;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-green .bs-datepicker-head {
  background-color: #5cb85c;
}
.theme-green .btn-clear-wrapper .btn-success,
.theme-green .btn-today-wrapper .btn-success {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.theme-green .btn-clear-wrapper .btn-success:focus,
.theme-green
  .btn-clear-wrapper
  .btn-success:not(:disabled):not(.disabled):active:focus,
.theme-green .btn-today-wrapper .btn-success:focus,
.theme-green
  .btn-today-wrapper
  .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-green
  .btn-clear-wrapper
  .btn-success:not(:disabled):not(.disabled):active,
.theme-green
  .btn-today-wrapper
  .btn-success:not(:disabled):not(.disabled):active {
  background-color: #1e7e34;
  border-color: #1e7e34;
}
.theme-green .btn-clear-wrapper .btn-success:hover,
.theme-green .btn-today-wrapper .btn-success:hover {
  background-color: #218838;
  border-color: #218838;
}
.theme-green .bs-datepicker-body table td.selected span,
.theme-green .bs-datepicker-body table td[class*="select-"] span:after,
.theme-green .bs-datepicker-body table td span.selected,
.theme-green .bs-datepicker-body table td span[class*="select-"]:after,
.theme-green .bs-datepicker-predefined-btns button.selected {
  background-color: #5cb85c;
}
.theme-green .bs-datepicker-body table td.week span {
  color: #5cb85c;
}
.theme-green .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #5cb85c;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-blue .bs-datepicker-head {
  background-color: #5bc0de;
}
.theme-blue .btn-clear-wrapper .btn-success,
.theme-blue .btn-today-wrapper .btn-success {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.theme-blue .btn-clear-wrapper .btn-success:focus,
.theme-blue
  .btn-clear-wrapper
  .btn-success:not(:disabled):not(.disabled):active:focus,
.theme-blue .btn-today-wrapper .btn-success:focus,
.theme-blue
  .btn-today-wrapper
  .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-blue
  .btn-clear-wrapper
  .btn-success:not(:disabled):not(.disabled):active,
.theme-blue
  .btn-today-wrapper
  .btn-success:not(:disabled):not(.disabled):active {
  background-color: #2aa8cd;
  border-color: #2aa8cd;
}
.theme-blue .btn-clear-wrapper .btn-success:hover,
.theme-blue .btn-today-wrapper .btn-success:hover {
  background-color: #3ab3d7;
  border-color: #3ab3d7;
}
.theme-blue .bs-datepicker-body table td.selected span,
.theme-blue .bs-datepicker-body table td[class*="select-"] span:after,
.theme-blue .bs-datepicker-body table td span.selected,
.theme-blue .bs-datepicker-body table td span[class*="select-"]:after,
.theme-blue .bs-datepicker-predefined-btns button.selected {
  background-color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td.week span {
  color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #5bc0de;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-dark-blue .bs-datepicker-head {
  background-color: #337ab7;
}
.theme-dark-blue .btn-clear-wrapper .btn-success,
.theme-dark-blue .btn-today-wrapper .btn-success {
  background-color: #337ab7;
  border-color: #337ab7;
}
.theme-dark-blue .btn-clear-wrapper .btn-success:focus,
.theme-dark-blue
  .btn-clear-wrapper
  .btn-success:not(:disabled):not(.disabled):active:focus,
.theme-dark-blue .btn-today-wrapper .btn-success:focus,
.theme-dark-blue
  .btn-today-wrapper
  .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-dark-blue
  .btn-clear-wrapper
  .btn-success:not(:disabled):not(.disabled):active,
.theme-dark-blue
  .btn-today-wrapper
  .btn-success:not(:disabled):not(.disabled):active {
  background-color: #266498;
  border-color: #266498;
}
.theme-dark-blue .btn-clear-wrapper .btn-success:hover,
.theme-dark-blue .btn-today-wrapper .btn-success:hover {
  background-color: #2c6fa9;
  border-color: #2c6fa9;
}
.theme-dark-blue .bs-datepicker-body table td.selected span,
.theme-dark-blue .bs-datepicker-body table td[class*="select-"] span:after,
.theme-dark-blue .bs-datepicker-body table td span.selected,
.theme-dark-blue .bs-datepicker-body table td span[class*="select-"]:after,
.theme-dark-blue .bs-datepicker-predefined-btns button.selected {
  background-color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td.week span {
  color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #337ab7;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-red .bs-datepicker-head {
  background-color: #d9534f;
}
.theme-red .btn-clear-wrapper .btn-success,
.theme-red .btn-today-wrapper .btn-success {
  background-color: #d9534f;
  border-color: #d9534f;
}
.theme-red .btn-clear-wrapper .btn-success:focus,
.theme-red
  .btn-clear-wrapper
  .btn-success:not(:disabled):not(.disabled):active:focus,
.theme-red .btn-today-wrapper .btn-success:focus,
.theme-red
  .btn-today-wrapper
  .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active,
.theme-red
  .btn-today-wrapper
  .btn-success:not(:disabled):not(.disabled):active {
  background-color: #d23531;
  border-color: #d23531;
}
.theme-red .btn-clear-wrapper .btn-success:hover,
.theme-red .btn-today-wrapper .btn-success:hover {
  background-color: #e33732;
  border-color: #e33732;
}
.theme-red .bs-datepicker-body table td.selected span,
.theme-red .bs-datepicker-body table td[class*="select-"] span:after,
.theme-red .bs-datepicker-body table td span.selected,
.theme-red .bs-datepicker-body table td span[class*="select-"]:after,
.theme-red .bs-datepicker-predefined-btns button.selected {
  background-color: #d9534f;
}
.theme-red .bs-datepicker-body table td.week span {
  color: #d9534f;
}
.theme-red .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #d9534f;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-orange .bs-datepicker-head {
  background-color: #f0ad4e;
}
.theme-orange .btn-clear-wrapper .btn-success,
.theme-orange .btn-today-wrapper .btn-success {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.theme-orange .btn-clear-wrapper .btn-success:focus,
.theme-orange
  .btn-clear-wrapper
  .btn-success:not(:disabled):not(.disabled):active:focus,
.theme-orange .btn-today-wrapper .btn-success:focus,
.theme-orange
  .btn-today-wrapper
  .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-orange
  .btn-clear-wrapper
  .btn-success:not(:disabled):not(.disabled):active,
.theme-orange
  .btn-today-wrapper
  .btn-success:not(:disabled):not(.disabled):active {
  background-color: #ed9c29;
  border-color: #ed9c29;
}
.theme-orange .btn-clear-wrapper .btn-success:hover,
.theme-orange .btn-today-wrapper .btn-success:hover {
  background-color: #ffac35;
  border-color: #ffac35;
}
.theme-orange .bs-datepicker-body table td.selected span,
.theme-orange .bs-datepicker-body table td[class*="select-"] span:after,
.theme-orange .bs-datepicker-body table td span.selected,
.theme-orange .bs-datepicker-body table td span[class*="select-"]:after,
.theme-orange .bs-datepicker-predefined-btns button.selected {
  background-color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td.week span {
  color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #f0ad4e;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-title {
  font-weight: 700;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #fff;
}
.toast-message a:hover {
  color: #ccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 1px 0 #fff;
}
.toast-close-button:focus,
.toast-close-button:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: #0000;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999;
  color: #fff;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000;
  opacity: 1;
  cursor: pointer;
}
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}
.toast-container.toast-bottom-center .ngx-toastr,
.toast-container.toast-top-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-bottom-full-width .ngx-toastr,
.toast-container.toast-top-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000;
  opacity: 0.4;
}
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
.flip-clock-wrapper * {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc;
}
.flip-clock-wrapper a:hover {
  color: #fff;
}
.flip-clock-wrapper ul {
  list-style: none;
}
.flip-clock-wrapper.clearfix:after,
.flip-clock-wrapper.clearfix:before {
  content: " ";
  display: table;
}
.flip-clock-wrapper.clearfix:after {
  clear: both;
}
.flip-clock-wrapper.clearfix {
  *zoom: 1;
}
.flip-clock-wrapper {
  font: normal 11px Helvetica Neue, Helvetica, sans-serif;
  -webkit-user-select: none;
}
.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important;
}
.flip-clock-meridium a {
  color: #313333;
}
.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em;
}
.flip-clock-wrapper:after,
.flip-clock-wrapper:before {
  content: " ";
  display: table;
}
.flip-clock-wrapper:after {
  clear: both;
}
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 60px;
  height: 90px;
  font-size: 80px;
  font-weight: 700;
  line-height: 87px;
  border-radius: 6px;
  background: #000;
}
.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 87px;
  text-decoration: none !important;
}
.flip-clock-wrapper ul li:first-child {
  z-index: 2;
}
.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important;
}
.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden;
  outline: 1px solid #0000;
}
.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.flip-clock-wrapper ul li a div.up {
  transform-origin: 50% 100%;
  top: 0;
}
.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: #0006;
}
.flip-clock-wrapper ul li a div.down {
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #000;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #ffb80c;
  border-radius: 6px;
  font-size: 70px;
}
.flip-clock-wrapper ul li a div.up div.inn {
  top: 0;
}
.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0;
}
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3;
}
.flip-clock-wrapper .flip {
  box-shadow: 0 2px 5px #000000b3;
}
.flip-clock-wrapper ul.play li.flip-clock-active {
  animation: asd 0.01s linear 0.49s both;
  z-index: 5;
}
.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px;
}
.flip-clock-divider:first-child {
  width: 0;
}
.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px #00000080;
  left: 5px;
}
.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: #000;
  text-shadow: none;
}
.flip-clock-divider.minutes .flip-clock-label {
  right: -88px;
}
.flip-clock-divider.seconds .flip-clock-label {
  right: -91px;
}
.flip-clock-dot.top {
  top: 30px;
}
.flip-clock-dot.bottom {
  bottom: 30px;
}
@keyframes asd {
  0% {
    z-index: 2;
  }
  to {
    z-index: 4;
  }
}
.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  animation: turn 0.5s linear 0.5s both;
}
@keyframes turn {
  0% {
    transform: rotateX(90deg);
  }
  to {
    transform: rotateX(0deg);
  }
}
.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  animation: turn2 0.5s linear both;
}
@keyframes turn2 {
  0% {
    transform: rotateX(0deg);
  }
  to {
    transform: rotateX(-90deg);
  }
}
.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3;
}
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  animation: show 0.5s linear both;
}
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow,
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, #0000001a 0, #000 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #0000001a),
    color-stop(100%, #000)
  );
  background: linear, top, #0000001a 0, #000 100%;
  background: -ms-linear-gradient(top, #0000001a 0, #000 100%);
  background: linear, to bottom, #0000001a 0, #000 100%;
}
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  animation: hide 0.5s linear 0.3s both;
}
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  animation: show 0.5s linear both;
}
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow,
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, #000 0, #0000001a 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #000),
    color-stop(100%, #0000001a)
  );
  background: linear, top, #000 0, #0000001a 100%;
  background: -ms-linear-gradient(top, #000 0, #0000001a 100%);
  background: linear, to bottom, #000 0, #0000001a 100%;
}
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  animation: hide 0.5s linear 0.2s both;
}
@keyframes show {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes hide {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@font-face {
  font-family: ubuntu;
  src: url(https://use.typekit.net/af/1bb10d/00000000000000003b9b1392/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3)
      format("woff2"),
    url(https://use.typekit.net/af/1bb10d/00000000000000003b9b1392/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3)
      format("woff"),
    url(https://use.typekit.net/af/1bb10d/00000000000000003b9b1392/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3)
      format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: ubuntu;
  src: url(https://use.typekit.net/af/1efa5a/000000000000000077359d2e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3)
      format("woff2"),
    url(https://use.typekit.net/af/1efa5a/000000000000000077359d2e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3)
      format("woff"),
    url(https://use.typekit.net/af/1efa5a/000000000000000077359d2e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3)
      format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: ubuntu;
  src: url(https://use.typekit.net/af/cbd133/00000000000000003b9b1396/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3)
      format("woff2"),
    url(https://use.typekit.net/af/cbd133/00000000000000003b9b1396/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3)
      format("woff"),
    url(https://use.typekit.net/af/cbd133/00000000000000003b9b1396/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3)
      format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: ubuntu;
  src: url(https://use.typekit.net/af/259929/000000000000000077359d30/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3)
      format("woff2"),
    url(https://use.typekit.net/af/259929/000000000000000077359d30/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3)
      format("woff"),
    url(https://use.typekit.net/af/259929/000000000000000077359d30/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3)
      format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: ubuntu;
  src: url(https://use.typekit.net/af/acb85d/00000000000000003b9b1390/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3)
      format("woff2"),
    url(https://use.typekit.net/af/acb85d/00000000000000003b9b1390/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3)
      format("woff"),
    url(https://use.typekit.net/af/acb85d/00000000000000003b9b1390/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3)
      format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
}
@font-face {
  font-family: ubuntu;
  src: url(https://use.typekit.net/af/833386/000000000000000077359d33/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3)
      format("woff2"),
    url(https://use.typekit.net/af/833386/000000000000000077359d33/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3)
      format("woff"),
    url(https://use.typekit.net/af/833386/000000000000000077359d33/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3)
      format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
}
@font-face {
  font-family: ubuntu;
  src: url(https://use.typekit.net/af/aa7b5b/00000000000000003b9b1394/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3)
      format("woff2"),
    url(https://use.typekit.net/af/aa7b5b/00000000000000003b9b1394/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3)
      format("woff"),
    url(https://use.typekit.net/af/aa7b5b/00000000000000003b9b1394/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3)
      format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}
@font-face {
  font-family: ubuntu;
  src: url(https://use.typekit.net/af/ff98c6/000000000000000077359d37/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3)
      format("woff2"),
    url(https://use.typekit.net/af/ff98c6/000000000000000077359d37/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3)
      format("woff"),
    url(https://use.typekit.net/af/ff98c6/000000000000000077359d37/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3)
      format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
}
.tk-ubuntu {
  font-family: ubuntu, sans-serif;
}
.banner .swiper-button-next:after,
.banner .swiper-button-prev:after {
  font-size: 0.8571428571428571rem;
  content: "\e912";
}
.tab-indicator[data-v-977fe833] {
  background-image: linear-gradient(90deg, #a8b1ca33, #f5f6fa33);
  width: var(--1dc0f567);
  transform: var(--3abb0dc9);
  transition: transform 0.5s ease;
}
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, Helvetica Neue, sans-serif;
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography h1 {
  font: 400 24px/32px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography h2 {
  font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
  font: 400 16px/28px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
  font: 400 15px/24px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, Helvetica Neue, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, Helvetica Neue, sans-serif;
  margin: 0 0 12px;
}
.mat-body-2,
.mat-body-strong {
  font: 500 14px/24px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
}
.mat-body,
.mat-body-1,
.mat-typography {
  font: 400 14px/20px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
}
.mat-body-1 p,
.mat-body p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-caption,
.mat-small {
  font: 400 12px/20px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
}
.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px/112px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px/56px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px/48px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px/40px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 14px/20px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
}
.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle,
.mat-card {
  font-family: Roboto, Helvetica Neue, sans-serif;
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-content,
.mat-card-subtitle {
  font-size: 14px;
}
.mat-checkbox {
  font-family: Roboto, Helvetica Neue, sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-remove.mat-icon,
.mat-chip .mat-chip-trailing-icon.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family: Roboto, Helvetica Neue, sans-serif;
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell,
.mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family: Roboto, Helvetica Neue, sans-serif;
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
}
.mat-expansion-panel-header {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font: 400 14px/20px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid #0000;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float
  .mat-input-server:focus
  + .mat-form-field-label-wrapper
  .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float
  .mat-input-server[label]:not(:label-shown)
  + .mat-form-field-label-wrapper
  .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float
  .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float
  .mat-input-server:focus
  + .mat-form-field-label-wrapper
  .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px)
    translateZ(0.001px);
  -ms-transform: translateY(-1.28125em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float
  .mat-form-field-autofill-control:-webkit-autofill
  + .mat-form-field-label-wrapper
  .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px)
    translateZ(0.00101px);
  -ms-transform: translateY(-1.28124em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float
  .mat-input-server[label]:not(:label-shown)
  + .mat-form-field-label-wrapper
  .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px)
    translateZ(0.00102px);
  -ms-transform: translateY(-1.28123em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float
    .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float
    .mat-input-server:focus
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float
    .mat-form-field-autofill-control:-webkit-autofill
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float
    .mat-input-server[label]:not(:label-shown)
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float
  .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float
  .mat-input-server:focus
  + .mat-form-field-label-wrapper
  .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float
  .mat-input-server[label]:not(:label-shown)
  + .mat-form-field-label-wrapper
  .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float
  .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float
  .mat-input-server:focus
  + .mat-form-field-label-wrapper
  .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float
  .mat-input-server[label]:not(:label-shown)
  + .mat-form-field-label-wrapper
  .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-grid-tile-footer,
.mat-grid-tile-header {
  font-size: 14px;
}
.mat-grid-tile-footer .mat-line,
.mat-grid-tile-header .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-footer .mat-line:nth-child(n + 2),
.mat-grid-tile-header .mat-line:nth-child(n + 2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 12px;
}
.mat-radio-button,
.mat-select {
  font-family: Roboto, Helvetica Neue, sans-serif;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content,
.mat-slider-thumb-label-text {
  font-family: Roboto, Helvetica Neue, sans-serif;
}
.mat-slider-thumb-label-text {
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-horizontal,
.mat-stepper-vertical {
  font-family: Roboto, Helvetica Neue, sans-serif;
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: 400;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group,
.mat-tab-label,
.mat-tab-link {
  font-family: Roboto, Helvetica Neue, sans-serif;
}
.mat-tab-label,
.mat-tab-link {
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.mat-tooltip {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item,
.mat-list-option {
  font-family: Roboto, Helvetica Neue, sans-serif;
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n + 2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n + 2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n + 2),
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n + 2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 16px;
}
.mat-optgroup-label {
  font: 500 14px/24px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
}
.mat-simple-snackbar {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family: Roboto, Helvetica Neue, sans-serif;
}
.mat-nested-tree-node,
.mat-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.cdk-global-overlay-wrapper,
.cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper,
.cdk-overlay-pane {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  pointer-events: auto;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: #00000052;
}
.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
@keyframes cdk-text-field-autofill-start {
  /*!*/
}
@keyframes cdk-text-field-autofill-end {
  /*!*/
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: initial !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: initial !important;
  height: 0 !important;
}
.mat-focus-indicator,
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-ripple-element {
  background-color: #0000001a;
}
.mat-option {
  color: #000000de;
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled),
.mat-option:hover:not(.mat-option-disabled) {
  background: #0000000a;
}
.mat-option.mat-active {
  background: #0000000a;
  color: #000000de;
}
.mat-option.mat-option-disabled {
  color: #00000061;
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #3f51b5;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}
.mat-optgroup-label {
  color: #0000008a;
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: #00000061;
}
.mat-pseudo-checkbox {
  color: #0000008a;
}
.mat-pseudo-checkbox:after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #3f51b5;
}
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
  background: #ff4081;
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-app-background {
  background-color: #fafafa;
  color: #000000de;
}
.mat-elevation-z0 {
  box-shadow: 0 0 0 0 #0003, 0 0 0 0 #00000024, 0 0 0 0 #0000001f;
}
.mat-elevation-z1 {
  box-shadow: 0 2px 1px -1px #0003, 0 1px 1px 0 #00000024, 0 1px 3px 0 #0000001f;
}
.mat-elevation-z2 {
  box-shadow: 0 3px 1px -2px #0003, 0 2px 2px 0 #00000024, 0 1px 5px 0 #0000001f;
}
.mat-elevation-z3 {
  box-shadow: 0 3px 3px -2px #0003, 0 3px 4px 0 #00000024, 0 1px 8px 0 #0000001f;
}
.mat-elevation-z4 {
  box-shadow: 0 2px 4px -1px #0003, 0 4px 5px 0 #00000024,
    0 1px 10px 0 #0000001f;
}
.mat-elevation-z5 {
  box-shadow: 0 3px 5px -1px #0003, 0 5px 8px 0 #00000024,
    0 1px 14px 0 #0000001f;
}
.mat-elevation-z6 {
  box-shadow: 0 3px 5px -1px #0003, 0 6px 10px 0 #00000024,
    0 1px 18px 0 #0000001f;
}
.mat-elevation-z7 {
  box-shadow: 0 4px 5px -2px #0003, 0 7px 10px 1px #00000024,
    0 2px 16px 1px #0000001f;
}
.mat-elevation-z8 {
  box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024,
    0 3px 14px 2px #0000001f;
}
.mat-elevation-z9 {
  box-shadow: 0 5px 6px -3px #0003, 0 9px 12px 1px #00000024,
    0 3px 16px 2px #0000001f;
}
.mat-elevation-z10 {
  box-shadow: 0 6px 6px -3px #0003, 0 10px 14px 1px #00000024,
    0 4px 18px 3px #0000001f;
}
.mat-elevation-z11 {
  box-shadow: 0 6px 7px -4px #0003, 0 11px 15px 1px #00000024,
    0 4px 20px 3px #0000001f;
}
.mat-elevation-z12 {
  box-shadow: 0 7px 8px -4px #0003, 0 12px 17px 2px #00000024,
    0 5px 22px 4px #0000001f;
}
.mat-elevation-z13 {
  box-shadow: 0 7px 8px -4px #0003, 0 13px 19px 2px #00000024,
    0 5px 24px 4px #0000001f;
}
.mat-elevation-z14 {
  box-shadow: 0 7px 9px -4px #0003, 0 14px 21px 2px #00000024,
    0 5px 26px 4px #0000001f;
}
.mat-elevation-z15 {
  box-shadow: 0 8px 9px -5px #0003, 0 15px 22px 2px #00000024,
    0 6px 28px 5px #0000001f;
}
.mat-elevation-z16 {
  box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024,
    0 6px 30px 5px #0000001f;
}
.mat-elevation-z17 {
  box-shadow: 0 8px 11px -5px #0003, 0 17px 26px 2px #00000024,
    0 6px 32px 5px #0000001f;
}
.mat-elevation-z18 {
  box-shadow: 0 9px 11px -5px #0003, 0 18px 28px 2px #00000024,
    0 7px 34px 6px #0000001f;
}
.mat-elevation-z19 {
  box-shadow: 0 9px 12px -6px #0003, 0 19px 29px 2px #00000024,
    0 7px 36px 6px #0000001f;
}
.mat-elevation-z20 {
  box-shadow: 0 10px 13px -6px #0003, 0 20px 31px 3px #00000024,
    0 8px 38px 7px #0000001f;
}
.mat-elevation-z21 {
  box-shadow: 0 10px 13px -6px #0003, 0 21px 33px 3px #00000024,
    0 8px 40px 7px #0000001f;
}
.mat-elevation-z22 {
  box-shadow: 0 10px 14px -6px #0003, 0 22px 35px 3px #00000024,
    0 8px 42px 7px #0000001f;
}
.mat-elevation-z23 {
  box-shadow: 0 11px 14px -7px #0003, 0 23px 36px 3px #00000024,
    0 9px 44px 8px #0000001f;
}
.mat-elevation-z24 {
  box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024,
    0 9px 46px 8px #0000001f;
}
.mat-theme-loaded-marker {
  display: none;
}
.mat-autocomplete-panel {
  background: #fff;
  color: #000000de;
}
.mat-autocomplete-panel:not([class*="mat-elevation-z"]) {
  box-shadow: 0 2px 4px -1px #0003, 0 4px 5px 0 #00000024,
    0 1px 10px 0 #0000001f;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #fff;
}
.mat-autocomplete-panel
  .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: #000000de;
}
.mat-badge-content {
  color: #fff;
  background: #3f51b5;
}
.cdk-high-contrast-active .mat-badge-content {
  outline: 1px solid;
  border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
  background: #ff4081;
  color: #fff;
}
.mat-badge-warn .mat-badge-content {
  color: #fff;
  background: #f44336;
}
.mat-badge {
  position: relative;
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: #00000061;
}
.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 0.2s ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.mat-badge-content._mat-animation-noopable,
.ng-animate-disabled .mat-badge-content {
  transition: none;
}
.mat-badge-content.mat-badge-active {
  transform: none;
}
.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir="rtl"] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir="rtl"] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir="rtl"]
  .mat-badge-small.mat-badge-overlap.mat-badge-before
  .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir="rtl"]
  .mat-badge-small.mat-badge-overlap.mat-badge-after
  .mat-badge-content {
  right: auto;
  left: -8px;
}
.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir="rtl"] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir="rtl"] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir="rtl"]
  .mat-badge-medium.mat-badge-overlap.mat-badge-before
  .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir="rtl"]
  .mat-badge-medium.mat-badge-overlap.mat-badge-after
  .mat-badge-content {
  right: auto;
  left: -11px;
}
.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir="rtl"] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir="rtl"] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir="rtl"]
  .mat-badge-large.mat-badge-overlap.mat-badge-before
  .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir="rtl"]
  .mat-badge-large.mat-badge-overlap.mat-badge-after
  .mat-badge-content {
  right: auto;
  left: -14px;
}
.mat-bottom-sheet-container {
  box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024,
    0 6px 30px 5px #0000001f;
  background: #fff;
  color: #000000de;
}
.mat-button,
.mat-icon-button,
.mat-stroked-button {
  color: inherit;
  background: #0000;
}
.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
  color: #3f51b5;
}
.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
  color: #ff4081;
}
.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
  color: #f44336;
}
.mat-button.mat-accent.mat-button-disabled,
.mat-button.mat-button-disabled.mat-button-disabled,
.mat-button.mat-primary.mat-button-disabled,
.mat-button.mat-warn.mat-button-disabled,
.mat-icon-button.mat-accent.mat-button-disabled,
.mat-icon-button.mat-button-disabled.mat-button-disabled,
.mat-icon-button.mat-primary.mat-button-disabled,
.mat-icon-button.mat-warn.mat-button-disabled,
.mat-stroked-button.mat-accent.mat-button-disabled,
.mat-stroked-button.mat-button-disabled.mat-button-disabled,
.mat-stroked-button.mat-primary.mat-button-disabled,
.mat-stroked-button.mat-warn.mat-button-disabled {
  color: #00000042;
}
.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #3f51b5;
}
.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #ff4081;
}
.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay,
.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,
.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: initial;
}
.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: #000;
}
.mat-stroked-button:not(.mat-button-disabled) {
  border-color: #0000001f;
}
.mat-fab,
.mat-flat-button,
.mat-mini-fab,
.mat-raised-button {
  color: #000000de;
  background-color: #fff;
}
.mat-fab.mat-accent,
.mat-fab.mat-primary,
.mat-fab.mat-warn,
.mat-flat-button.mat-accent,
.mat-flat-button.mat-primary,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-accent,
.mat-mini-fab.mat-primary,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-accent,
.mat-raised-button.mat-primary,
.mat-raised-button.mat-warn {
  color: #fff;
}
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled {
  color: #00000042;
}
.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  background-color: #3f51b5;
}
.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  background-color: #ff4081;
}
.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
  background-color: #f44336;
}
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled {
  background-color: #0000001f;
}
.mat-fab.mat-accent .mat-ripple-element,
.mat-fab.mat-primary .mat-ripple-element,
.mat-fab.mat-warn .mat-ripple-element,
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element {
  background-color: #ffffff1a;
}
.mat-flat-button:not([class*="mat-elevation-z"]),
.mat-stroked-button:not([class*="mat-elevation-z"]) {
  box-shadow: 0 0 0 0 #0003, 0 0 0 0 #00000024, 0 0 0 0 #0000001f;
}
.mat-raised-button:not([class*="mat-elevation-z"]) {
  box-shadow: 0 3px 1px -2px #0003, 0 2px 2px 0 #00000024, 0 1px 5px 0 #0000001f;
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*="mat-elevation-z"]) {
  box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024,
    0 3px 14px 2px #0000001f;
}
.mat-raised-button.mat-button-disabled:not([class*="mat-elevation-z"]) {
  box-shadow: 0 0 0 0 #0003, 0 0 0 0 #00000024, 0 0 0 0 #0000001f;
}
.mat-fab:not([class*="mat-elevation-z"]),
.mat-mini-fab:not([class*="mat-elevation-z"]) {
  box-shadow: 0 3px 5px -1px #0003, 0 6px 10px 0 #00000024,
    0 1px 18px 0 #0000001f;
}
.mat-fab:not(.mat-button-disabled):active:not([class*="mat-elevation-z"]),
.mat-mini-fab:not(.mat-button-disabled):active:not([class*="mat-elevation-z"]) {
  box-shadow: 0 7px 8px -4px #0003, 0 12px 17px 2px #00000024,
    0 5px 22px 4px #0000001f;
}
.mat-fab.mat-button-disabled:not([class*="mat-elevation-z"]),
.mat-mini-fab.mat-button-disabled:not([class*="mat-elevation-z"]) {
  box-shadow: 0 0 0 0 #0003, 0 0 0 0 #00000024, 0 0 0 0 #0000001f;
}
.mat-button-toggle-group,
.mat-button-toggle-standalone {
  box-shadow: 0 3px 1px -2px #0003, 0 2px 2px 0 #00000024, 0 1px 5px 0 #0000001f;
}
.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  box-shadow: none;
}
.mat-button-toggle {
  color: #00000061;
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: #0000001f;
}
.mat-button-toggle-appearance-standard {
  color: #000000de;
  background: #fff;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: #000;
}
.mat-button-toggle-group-appearance-standard
  .mat-button-toggle
  + .mat-button-toggle {
  border-left: 1px solid #0000001f;
}
[dir="rtl"]
  .mat-button-toggle-group-appearance-standard
  .mat-button-toggle
  + .mat-button-toggle {
  border-left: none;
  border-right: 1px solid #0000001f;
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical
  .mat-button-toggle
  + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: 1px solid #0000001f;
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: #0000008a;
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: #000000de;
}
.mat-button-toggle-disabled {
  color: #00000042;
  background-color: #eee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: #fff;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}
.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  border: 1px solid #0000001f;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}
.mat-card {
  background: #fff;
  color: #000000de;
}
.mat-card:not([class*="mat-elevation-z"]) {
  box-shadow: 0 2px 1px -1px #0003, 0 1px 1px 0 #00000024, 0 1px 3px 0 #0000001f;
}
.mat-card.mat-card-flat:not([class*="mat-elevation-z"]) {
  box-shadow: 0 0 0 0 #0003, 0 0 0 0 #00000024, 0 0 0 0 #0000001f;
}
.mat-card-subtitle {
  color: #0000008a;
}
.mat-checkbox-frame {
  border-color: #0000008a;
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #3f51b5;
}
.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #ff4081;
}
.mat-checkbox-checked.mat-warn .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: #0000008a;
}
.mat-checkbox .mat-ripple-element {
  background-color: #000;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary
  .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary
  .mat-ripple-element {
  background: #3f51b5;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent
  .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent
  .mat-ripple-element {
  background: #ff4081;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: #000000de;
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: #000000de;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0 3px 3px -2px #0003, 0 3px 4px 0 #00000024, 0 1px 8px 0 #0000001f;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:after {
  background: #000;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #3f51b5;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: #fff;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: #ffffff1a;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: #fff;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: #ffffff1a;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #ff4081;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: #fff;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: #ffffff1a;
}
.mat-table {
  background: #fff;
}
.mat-table-sticky,
.mat-table tbody,
.mat-table tfoot,
.mat-table thead,
[mat-footer-row],
[mat-header-row],
[mat-row],
mat-footer-row,
mat-header-row,
mat-row {
  background: inherit;
}
mat-footer-row,
mat-header-row,
mat-row,
td.mat-cell,
td.mat-footer-cell,
th.mat-header-cell {
  border-bottom-color: #0000001f;
}
.mat-header-cell {
  color: #0000008a;
}
.mat-cell,
.mat-footer-cell {
  color: #000000de;
}
.mat-calendar-arrow {
  border-top-color: #0000008a;
}
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-toggle {
  color: #0000008a;
}
.mat-calendar-table-header {
  color: #00000061;
}
.mat-calendar-table-header-divider:after {
  background: #0000001f;
}
.mat-calendar-body-label {
  color: #0000008a;
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: #000000de;
  border-color: #0000;
}
.mat-calendar-body-disabled
  > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-form-field-disabled .mat-date-range-input-separator {
  color: #00000061;
}
.cdk-keyboard-focused
  .mat-calendar-body-active
  > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused
  .mat-calendar-body-active
  > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover
  > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: #0000000a;
}
.mat-calendar-body-in-preview {
  color: #0000003d;
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: #00000061;
}
.mat-calendar-body-disabled
  > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: #0000002e;
}
.mat-calendar-body-in-range:before {
  background: #3f51b533;
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range:before {
  background: #f9ab0033;
}
.mat-calendar-body-comparison-bridge-start:before,
[dir="rtl"] .mat-calendar-body-comparison-bridge-end:before {
  background: linear-gradient(90deg, #3f51b533 50%, #f9ab0033 0);
}
.mat-calendar-body-comparison-bridge-end:before,
[dir="rtl"] .mat-calendar-body-comparison-bridge-start:before {
  background: linear-gradient(270deg, #3f51b533 50%, #f9ab0033 0);
}
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical {
  background: #a8dab5;
}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-calendar-body-selected {
  background-color: #3f51b5;
  color: #fff;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: #3f51b566;
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content {
  box-shadow: 0 2px 4px -1px #0003, 0 4px 5px 0 #00000024,
    0 1px 10px 0 #0000001f;
  background-color: #fff;
  color: #000000de;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
  background: #ff408133;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent
  .mat-calendar-body-in-comparison-range:before {
  background: #f9ab0033;
}
.mat-datepicker-content.mat-accent
  .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-accent
  [dir="rtl"]
  .mat-calendar-body-comparison-bridge-end:before {
  background: linear-gradient(90deg, #ff408133 50%, #f9ab0033 0);
}
.mat-datepicker-content.mat-accent
  .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-accent
  [dir="rtl"]
  .mat-calendar-body-comparison-bridge-start:before {
  background: linear-gradient(270deg, #ff408133 50%, #f9ab0033 0);
}
.mat-datepicker-content.mat-accent
  .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,
.mat-datepicker-content.mat-accent
  .mat-calendar-body-in-range
  > .mat-calendar-body-comparison-identical {
  background: #a8dab5;
}
.mat-datepicker-content.mat-accent
  .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent
  .mat-calendar-body-in-comparison-range
  > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #ff4081;
  color: #fff;
}
.mat-datepicker-content.mat-accent
  .mat-calendar-body-disabled
  > .mat-calendar-body-selected {
  background-color: #ff408166;
}
.mat-datepicker-content.mat-accent
  .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before {
  background: #f4433633;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before {
  background: #f9ab0033;
}
.mat-datepicker-content.mat-warn
  .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-warn
  [dir="rtl"]
  .mat-calendar-body-comparison-bridge-end:before {
  background: linear-gradient(90deg, #f4433633 50%, #f9ab0033 0);
}
.mat-datepicker-content.mat-warn
  .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-warn
  [dir="rtl"]
  .mat-calendar-body-comparison-bridge-start:before {
  background: linear-gradient(270deg, #f4433633 50%, #f9ab0033 0);
}
.mat-datepicker-content.mat-warn
  .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,
.mat-datepicker-content.mat-warn
  .mat-calendar-body-in-range
  > .mat-calendar-body-comparison-identical {
  background: #a8dab5;
}
.mat-datepicker-content.mat-warn
  .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn
  .mat-calendar-body-in-comparison-range
  > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: #fff;
}
.mat-datepicker-content.mat-warn
  .mat-calendar-body-disabled
  > .mat-calendar-body-selected {
  background-color: #f4433666;
}
.mat-datepicker-content.mat-warn
  .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content-touch {
  box-shadow: 0 0 0 0 #0003, 0 0 0 0 #00000024, 0 0 0 0 #0000001f;
}
.mat-datepicker-toggle-active {
  color: #3f51b5;
}
.mat-datepicker-toggle-active.mat-accent {
  color: #ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}
.mat-date-range-input-inner[disabled] {
  color: #00000061;
}
.mat-dialog-container {
  box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024,
    0 9px 46px 8px #0000001f;
  background: #fff;
  color: #000000de;
}
.mat-divider {
  border-top-color: #0000001f;
}
.mat-divider-vertical {
  border-right-color: #0000001f;
}
.mat-expansion-panel {
  background: #fff;
  color: #000000de;
}
.mat-expansion-panel:not([class*="mat-elevation-z"]) {
  box-shadow: 0 3px 1px -2px #0003, 0 2px 2px 0 #00000024, 0 1px 5px 0 #0000001f;
}
.mat-action-row {
  border-top-color: #0000001f;
}
.mat-expansion-panel
  .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled="true"]),
.mat-expansion-panel
  .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled="true"]),
.mat-expansion-panel:not(.mat-expanded)
  .mat-expansion-panel-header:hover:not([aria-disabled="true"]) {
  background: #0000000a;
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled="true"])
    .mat-expansion-panel-header:hover {
    background: #fff;
  }
}
.mat-expansion-panel-header-title {
  color: #000000de;
}
.mat-expansion-indicator:after,
.mat-expansion-panel-header-description {
  color: #0000008a;
}
.mat-expansion-panel-header[aria-disabled="true"] {
  color: #00000042;
}
.mat-expansion-panel-header[aria-disabled="true"]
  .mat-expansion-panel-header-description,
.mat-expansion-panel-header[aria-disabled="true"]
  .mat-expansion-panel-header-title {
  color: inherit;
}
.mat-expansion-panel-header {
  height: 48px;
}
.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}
.mat-form-field-label,
.mat-hint {
  color: #0009;
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}
.mat-focused .mat-form-field-required-marker {
  color: #ff4081;
}
.mat-form-field-ripple {
  background-color: #000000de;
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid)
  .mat-form-field-infix:after {
  color: #3f51b5;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent
  .mat-form-field-infix:after {
  color: #ff4081;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn
  .mat-form-field-infix:after,
.mat-form-field.mat-form-field-invalid .mat-form-field-label,
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid
  .mat-form-field-label
  .mat-form-field-required-marker {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336;
}
.mat-error {
  color: #f44336;
}
.mat-form-field-appearance-legacy .mat-form-field-label,
.mat-form-field-appearance-legacy .mat-hint {
  color: #0000008a;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: #0000006b;
}
.mat-form-field-appearance-legacy.mat-form-field-disabled
  .mat-form-field-underline {
  background-image: linear-gradient(90deg, #0000006b 0, #0000006b 33%, #0000 0);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: #0000006b;
}
.mat-form-field-appearance-standard.mat-form-field-disabled
  .mat-form-field-underline {
  background-image: linear-gradient(90deg, #0000006b 0, #0000006b 33%, #0000 0);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: #0000000a;
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: #00000005;
}
.mat-form-field-appearance-fill .mat-form-field-underline:before {
  background-color: #0000006b;
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: #00000061;
}
.mat-form-field-appearance-fill.mat-form-field-disabled
  .mat-form-field-underline:before {
  background-color: initial;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: #0000001f;
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: #000000de;
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #3f51b5;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent
  .mat-form-field-outline-thick {
  color: #ff4081;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn
  .mat-form-field-outline-thick,
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid
  .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-disabled
  .mat-form-field-label {
  color: #00000061;
}
.mat-form-field-appearance-outline.mat-form-field-disabled
  .mat-form-field-outline {
  color: #0000000f;
}
.mat-icon.mat-primary {
  color: #3f51b5;
}
.mat-icon.mat-accent {
  color: #ff4081;
}
.mat-icon.mat-warn {
  color: #f44336;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix:after {
  color: #0000008a;
}
.mat-form-field-type-mat-native-select.mat-form-field-disabled
  .mat-form-field-infix:after,
.mat-input-element:disabled {
  color: #00000061;
}
.mat-input-element {
  caret-color: #3f51b5;
}
.mat-input-element::placeholder {
  color: #0000006b;
}
.mat-input-element::-moz-placeholder {
  color: #0000006b;
}
.mat-input-element::-webkit-input-placeholder {
  color: #0000006b;
}
.mat-input-element:-ms-input-placeholder {
  color: #0000006b;
}
.mat-form-field.mat-accent .mat-input-element {
  caret-color: #ff4081;
}
.mat-form-field-invalid .mat-input-element,
.mat-form-field.mat-warn .mat-input-element {
  caret-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid
  .mat-form-field-infix:after {
  color: #f44336;
}
.mat-list-base .mat-list-item,
.mat-list-base .mat-list-option {
  color: #000000de;
}
.mat-list-base .mat-subheader {
  color: #0000008a;
}
.mat-list-item-disabled {
  background-color: #eee;
}
.mat-action-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-list-option:focus,
.mat-list-option:hover,
.mat-nav-list .mat-list-item:focus,
.mat-nav-list .mat-list-item:hover {
  background: #0000000a;
}
.mat-list-single-selected-option,
.mat-list-single-selected-option:focus,
.mat-list-single-selected-option:hover {
  background: #0000001f;
}
.mat-menu-panel {
  background: #fff;
}
.mat-menu-panel:not([class*="mat-elevation-z"]) {
  box-shadow: 0 2px 4px -1px #0003, 0 4px 5px 0 #00000024,
    0 1px 10px 0 #0000001f;
}
.mat-menu-item {
  background: #0000;
  color: #000000de;
}
.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-icon-no-color,
.mat-menu-item[disabled]:after {
  color: #00000061;
}
.mat-menu-item-submenu-trigger:after,
.mat-menu-item .mat-icon-no-color {
  color: #0000008a;
}
.mat-menu-item-highlighted:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item:hover:not([disabled]) {
  background: #0000000a;
}
.mat-paginator {
  background: #fff;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: #0000008a;
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid #0000008a;
  border-right: 2px solid #0000008a;
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid #0000008a;
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: #00000061;
}
.mat-paginator-container {
  min-height: 56px;
}
.mat-progress-bar-background {
  fill: #c5cae9;
}
.mat-progress-bar-buffer {
  background-color: #c5cae9;
}
.mat-progress-bar-fill:after {
  background-color: #3f51b5;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #ff80ab;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #ff80ab;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
  background-color: #ff4081;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill:after {
  background-color: #f44336;
}
.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #3f51b5;
}
.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
  stroke: #ff4081;
}
.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
  stroke: #f44336;
}
.mat-radio-outer-circle {
  border-color: #0000008a;
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #3f51b5;
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary
  .mat-radio-ripple
  .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #3f51b5;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent
  .mat-radio-ripple
  .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ff4081;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn
  .mat-radio-ripple
  .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: #00000061;
}
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
  background-color: #00000061;
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: #00000061;
}
.mat-radio-button .mat-ripple-element {
  background-color: #000;
}
.mat-select-value {
  color: #000000de;
}
.mat-select-placeholder {
  color: #0000006b;
}
.mat-select-disabled .mat-select-value {
  color: #00000061;
}
.mat-select-arrow {
  color: #0000008a;
}
.mat-select-panel {
  background: #fff;
}
.mat-select-panel:not([class*="mat-elevation-z"]) {
  box-shadow: 0 2px 4px -1px #0003, 0 4px 5px 0 #00000024,
    0 1px 10px 0 #0000001f;
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: #0000001f;
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #3f51b5;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow,
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: #00000061;
}
.mat-drawer-container {
  background-color: #fafafa;
  color: #000000de;
}
.mat-drawer {
  color: #000000de;
}
.mat-drawer,
.mat-drawer.mat-drawer-push {
  background-color: #fff;
}
.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024,
    0 6px 30px 5px #0000001f;
}
.mat-drawer-side {
  border-right: 1px solid #0000001f;
}
.mat-drawer-side.mat-drawer-end,
[dir="rtl"] .mat-drawer-side {
  border-left: 1px solid #0000001f;
  border-right: none;
}
[dir="rtl"] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: 1px solid #0000001f;
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: #0009;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: #ff40818a;
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #3f51b5;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: #3f51b58a;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #3f51b5;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: #f443368a;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: #000;
}
.mat-slide-toggle-thumb {
  box-shadow: 0 2px 1px -1px #0003, 0 1px 1px 0 #00000024, 0 1px 3px 0 #0000001f;
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: #00000061;
}
.mat-slider-track-background {
  background-color: #00000042;
}
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label,
.mat-primary .mat-slider-track-fill {
  background-color: #3f51b5;
}
.mat-primary .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-primary .mat-slider-focus-ring {
  background-color: #3f51b533;
}
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
  background-color: #ff4081;
}
.mat-accent .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-accent .mat-slider-focus-ring {
  background-color: #ff408133;
}
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label,
.mat-warn .mat-slider-track-fill {
  background-color: #f44336;
}
.mat-warn .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-warn .mat-slider-focus-ring {
  background-color: #f4433633;
}
.cdk-focused .mat-slider-track-background,
.mat-slider:hover .mat-slider-track-background {
  background-color: #00000061;
}
.mat-slider-disabled .mat-slider-thumb,
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: #00000042;
}
.mat-slider-min-value .mat-slider-focus-ring {
  background-color: #0000001f;
}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: #000000de;
}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused
  .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused
  .mat-slider-thumb-label {
  background-color: #00000042;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: #00000042;
  background-color: initial;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused
  .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover
  .mat-slider-thumb {
  border-color: #00000061;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled
  .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled
  .mat-slider-thumb {
  border-color: #00000042;
}
.mat-slider-has-ticks .mat-slider-wrapper:after {
  border-color: #000000b3;
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(
    90deg,
    #000000b3,
    #000000b3 2px,
    #0000 0,
    #0000
  );
  background-image: -moz-repeating-linear-gradient(
    0.0001deg,
    #000000b3,
    #000000b3 2px,
    #0000 0,
    #0000
  );
}
.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(
    180deg,
    #000000b3,
    #000000b3 2px,
    #0000 0,
    #0000
  );
}
.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
  background-color: #0000000a;
}
@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: #0000008a;
}
.mat-step-header .mat-step-icon {
  background-color: #0000008a;
  color: #fff;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #3f51b5;
  color: #fff;
}
.mat-step-header.mat-accent .mat-step-icon {
  color: #fff;
}
.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #ff4081;
  color: #fff;
}
.mat-step-header.mat-warn .mat-step-icon {
  color: #fff;
}
.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #f44336;
  color: #fff;
}
.mat-step-header .mat-step-icon-state-error {
  background-color: initial;
  color: #f44336;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: #000000de;
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336;
}
.mat-stepper-horizontal,
.mat-stepper-vertical {
  background-color: #fff;
}
.mat-stepper-vertical-line:before {
  border-left-color: #0000001f;
}
.mat-horizontal-stepper-header:after,
.mat-horizontal-stepper-header:before,
.mat-stepper-horizontal-line {
  border-top-color: #0000001f;
}
.mat-horizontal-stepper-header {
  height: 72px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px;
}
.mat-stepper-vertical-line:before {
  top: -16px;
  bottom: -16px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after,
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before,
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}
.mat-sort-header-arrow {
  color: #757575;
}
.mat-tab-header,
.mat-tab-nav-bar {
  border-bottom: 1px solid #0000001f;
}
.mat-tab-group-inverted-header .mat-tab-header,
.mat-tab-group-inverted-header .mat-tab-nav-bar {
  border-top: 1px solid #0000001f;
  border-bottom: none;
}
.mat-tab-label,
.mat-tab-link {
  color: #000000de;
}
.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
  color: #00000061;
}
.mat-tab-header-pagination-chevron {
  border-color: #000000de;
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: #00000061;
}
.mat-tab-group[class*="mat-background-"] .mat-tab-header,
.mat-tab-nav-bar[class*="mat-background-"] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary
  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary
  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary
  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary
  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary
  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary
  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary
  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary
  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: #c5cae94d;
}
.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #3f51b5;
}
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-accent
  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent
  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent
  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent
  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent
  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent
  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent
  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent
  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: #ff80ab4d;
}
.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081;
}
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-warn
  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn
  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn
  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn
  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn
  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn
  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn
  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn
  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: #ffcdd24d;
}
.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-background-primary
  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary
  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary
  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary
  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary
  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary
  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary
  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary
  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: #c5cae94d;
}
.mat-tab-group.mat-background-primary .mat-tab-header,
.mat-tab-group.mat-background-primary .mat-tab-header-pagination,
.mat-tab-group.mat-background-primary .mat-tab-links,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary .mat-tab-links {
  background-color: #3f51b5;
}
.mat-tab-group.mat-background-primary .mat-tab-label,
.mat-tab-group.mat-background-primary .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
  color: #fff6;
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: #fff;
}
.mat-tab-group.mat-background-primary
  .mat-tab-header-pagination-disabled
  .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary
  .mat-tab-header-pagination-disabled
  .mat-tab-header-pagination-chevron {
  border-color: #fff6;
}
.mat-tab-group.mat-background-primary .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: #ffffff1f;
}
.mat-tab-group.mat-background-accent
  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent
  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent
  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent
  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent
  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent
  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent
  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent
  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: #ff80ab4d;
}
.mat-tab-group.mat-background-accent .mat-tab-header,
.mat-tab-group.mat-background-accent .mat-tab-header-pagination,
.mat-tab-group.mat-background-accent .mat-tab-links,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent .mat-tab-links {
  background-color: #ff4081;
}
.mat-tab-group.mat-background-accent .mat-tab-label,
.mat-tab-group.mat-background-accent .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
  color: #fff6;
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: #fff;
}
.mat-tab-group.mat-background-accent
  .mat-tab-header-pagination-disabled
  .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent
  .mat-tab-header-pagination-disabled
  .mat-tab-header-pagination-chevron {
  border-color: #fff6;
}
.mat-tab-group.mat-background-accent .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: #ffffff1f;
}
.mat-tab-group.mat-background-warn
  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn
  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn
  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn
  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn
  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn
  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn
  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn
  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: #ffcdd24d;
}
.mat-tab-group.mat-background-warn .mat-tab-header,
.mat-tab-group.mat-background-warn .mat-tab-header-pagination,
.mat-tab-group.mat-background-warn .mat-tab-links,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn .mat-tab-links {
  background-color: #f44336;
}
.mat-tab-group.mat-background-warn .mat-tab-label,
.mat-tab-group.mat-background-warn .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
  color: #fff6;
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: #fff;
}
.mat-tab-group.mat-background-warn
  .mat-tab-header-pagination-disabled
  .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn
  .mat-tab-header-pagination-disabled
  .mat-tab-header-pagination-chevron {
  border-color: #fff6;
}
.mat-tab-group.mat-background-warn .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: #ffffff1f;
}
.mat-toolbar {
  background: #f5f5f5;
  color: #000000de;
}
.mat-toolbar.mat-primary {
  background: #3f51b5;
  color: #fff;
}
.mat-toolbar.mat-accent {
  background: #ff4081;
  color: #fff;
}
.mat-toolbar.mat-warn {
  background: #f44336;
  color: #fff;
}
.mat-toolbar .mat-focused .mat-form-field-ripple,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-form-field-underline {
  background-color: currentColor;
}
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-select-value {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-toolbar-multiple-rows {
  min-height: 64px;
}
.mat-toolbar-row,
.mat-toolbar-single-row {
  height: 64px;
}
@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }
  .mat-toolbar-row,
  .mat-toolbar-single-row {
    height: 56px;
  }
}
.mat-tooltip {
  background: #616161e6;
}
.mat-tree {
  background: #fff;
}
.mat-nested-tree-node,
.mat-tree-node {
  color: #000000de;
}
.mat-tree-node {
  min-height: 48px;
}
.mat-snack-bar-container {
  color: #ffffffb3;
  background: #323232;
  box-shadow: 0 3px 5px -1px #0003, 0 6px 10px 0 #00000024,
    0 1px 18px 0 #0000001f;
}
.mat-simple-snackbar-action {
  color: #ff4081;
}
.gap-y-6px {
  grid-row-gap: 0.4285714286rem;
  row-gap: 0.4285714286rem;
}
.loading {
  background-color: #262c32b3;
}
html {
  --root-font-size: 17.19px;
}
.loading-box {
  background: #1b1f23b3;
}
.loading-spinner {
  height: 1.4285714286rem;
}
.loading-spinner:after {
  opacity: 0.4;
  left: -15%;
  border-radius: 100%;
  animation: spinnerLeftRight-aab3e739 0.6s infinite;
}
.loading-spinner:after,
.loading-spinner:before {
  background-color: var(--color-loadAni-main);
  content: "";
  position: absolute;
  width: 1.4285714286rem;
  height: 1.4285714286rem;
}
.loading-spinner:before {
  left: -10%;
  border-radius: 50%;
  opacity: 1;
  animation: spinnerLeftRight-aab3e739 0.6s 95ms infinite;
}
body.is-desktop #page-container {
  background-image: url(assets/images/desktop-bg.jpg);
  font-size: var(--root-font-size) !important;
}
.is-desktop .promo-banner img {
  width: 30%;
}
@font-face {
  font-family: icomoon;
  src: url(1.1.8_2-icomoon.6cfd6429a3a2.bd7532793eb5e8a41d55.ttf)
    format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
::-webkit-scrollbar {
  display: none;
}
@media (max-width: 640px) {
  #desktop-bg-logo {
    display: none;
  }
  html {
    font-size: 3.73333vw !important;
  }
}
.translate-y-1px {
  --tw-translate-y: 0.07142857142857142rem;
}
.-translate-y-1px {
  --tw-translate-y: -0.07142857142857142rem;
}
.translate-y-3px {
  --tw-translate-y: 0.21428571428571427rem;
}
.-translate-y-4px {
  --tw-translate-y: -0.2857142857142857rem;
}
.-translate-x-1\.5 {
  --tw-translate-x: -0.375rem;
}
.-translate-x-1 {
  --tw-translate-x: -0.25rem;
}
.scale-75 {
  --tw-scale-x: 0.75;
  --tw-scale-y: 0.75;
}
.back-animate-spark {
  animation: sparkBack 0.8s ease;
}
.lay-animate-spark {
  animation: sparkLay 0.8s ease;
}
.divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 0.3;
}
.overflow-x-scroll {
  overflow-y: hidden;
}
.rounded-c-none {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.selectmarket {
  color: var(--color-market-name);
}
.bg-opacity-87 {
  --tw-bg-opacity: 0.87;
}
.bg-opacity-40 {
  --tw-bg-opacity: 0.4;
}
.bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}
.bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}
.bg-opacity-85 {
  --tw-bg-opacity: 0.85;
}
.text-opacity-50 {
  --tw-text-opacity: 0.5;
}
.shadow-top {
  --tw-shadow: 0 -0.2rem 3rem 0;
  --tw-shadow-colored: 0 -0.2rem 3rem 0 var(--tw-shadow-color);
}
.icon-fullscreen:before {
  content: "";
}
.icon-game-hall-egame:before {
  content: "";
}
.icon-game-hall-fishing:before {
  content: "";
}
.icon-game-hall-live:before {
  content: "";
}
.icon-game-hall-slot:before {
  content: "";
}
.icon-game-hall-sports:before {
  content: "";
}
.icon-game-hall-table:before {
  content: "";
}
.marquee-list {
  animation-duration: var(--2b882d8e);
  animation-name: marquee-6aa0fb40;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes marquee-6aa0fb40 {
  0% {
    left: 100%;
    transform: translate(0);
  }
  to {
    left: 0;
    transform: translate(-100%);
  }
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  letter-spacing: 0;
  text-transform: none;
  font-feature-settings: ;
  font-variant: normal;
  line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-button-lock {
  display: none;
}
.banner .swiper-button-next,
.banner .swiper-button-prev {
  top: 0;
  margin-top: 0;
  height: 100%;
  width: 2rem;
  color: var(--color-global-font-on-dark);
}
.banner .swiper-button-next:after,
.banner .swiper-button-prev:after {
  font-size: 0.8571428571rem;
  font-family: icomoon;
  content: "";
}
.banner .swiper-button-next:after {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.banner .swiper-button-next {
  right: 0;
  padding-right: 0.5rem;
}
.banner .swiper-button-prev {
  left: 0;
  padding-left: 0.5rem;
}
.banner .slide img {
  width: 100%;
}
.tab-indicator {
  background-image: linear-gradient(90deg, #a8b1ca33, #f5f6fa33);
  width: var(--1dc0f567);
  transform: var(--3abb0dc9);
  transition: transform 0.5s ease;
}
.promo-banner-wrap {
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 24.8366%;
}
.promo-banner-wrap.active {
  padding-top: 0;
  height: auto;
}
.promo-banner-loading {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #000 url(loading.39668d667ee33e8dadbd.svg) 50% no-repeat;
  background-size: 80px;
}
.promo-banner-wrap.active {
  overflow: hidden;
}
.promo-banner-wrap {
  position: relative;
  width: 100vw;
  height: 18.66667vw;
}
.promo-banner img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.promo-banner .slides {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  z-index: 2;
}
.promo-banner .banner {
  display: none;
}
.promo-banner .promo-control-nav {
  position: absolute;
  z-index: 3;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}
.promo-banner .promo-control-nav li {
  list-style: none;
  margin-left: 8px;
}
.promo-banner .promo-control-nav li:first-child {
  margin-left: 0;
}
.promo-banner .promo-control-nav li a {
  width: 8px;
  height: 8px;
  background-color: #ffffff4d;
  border-radius: 999px;
  text-indent: -9999px;
}
.promo-banner .promo-control-nav li a.promo-active {
  transform: scale(1.4);
  background-color: #fffc;
}
.promo-banner .promo-direction-nav {
  position: absolute;
  z-index: 3;
  top: calc((100% - 48px) / 2);
  left: 0;
  width: 100%;
  height: 0;
}
.promo-banner .promo-direction-nav li {
  opacity: 0.4;
}
.promo-banner .promo-direction-nav li:active,
.promo-banner .promo-direction-nav li:hover {
  opacity: 0.8;
}
.promo-banner .promo-direction-nav .promo-nav-next,
.promo-banner .promo-direction-nav .promo-nav-prev {
  height: 0;
}
.promo-banner .promo-direction-nav .promo-next,
.promo-banner .promo-direction-nav .promo-prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="rgb(255,255,255)"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></g></svg>');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}
@media (max-width: 640px) {
  .promo-banner .promo-direction-nav .promo-next,
  .promo-banner .promo-direction-nav .promo-prev {
    width: 30px;
  }
}
.promo-banner .promo-direction-nav .promo-next {
  left: calc(100% - 36px);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="rgb(255,255,255)"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"></path></g></svg>');
}
:focus {
  outline: none;
}
.error input {
  border-width: 1px;
  border-color: var(--color-error);
}
input {
  --tw-border-opacity: 1;
  border: 1px solid rgb(111 136 152 / var(--tw-border-opacity));
}
.prefix-text {
  --tw-text-opacity: 1;
}
.prefix-text,
.prefix-text.disabled {
  color: rgb(111 136 152 / var(--tw-text-opacity));
}
.prefix-text.disabled {
  --tw-border-opacity: 1;
  border-right-color: rgb(126 145 158 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
}
.cursor-text.disabled {
  --tw-text-opacity: 1;
  color: rgb(111 136 152 / var(--tw-text-opacity));
}
.effect-20:focus,
.has-content.effect-20 {
  height: 2.8571428571rem;
  border-width: 0;
  width: calc(100% - 4px);
  left: 2px;
}
.effect-20:focus ~ .start-icon,
.has-content ~ .start-icon {
  color: var(--color-primaryDark-100);
  transition: 0.3s;
}
.effect-20:focus ~ .prefix-text,
.has-content ~ .prefix-text {
  border-color: var(--color-primaryDark-100);
  color: var(--color-primaryDark-100);
  transition: 0.3s;
}
.effect-20 ~ .focus-border:after,
.effect-20 ~ .focus-border:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background-color: var(--color-primaryDark-100);
  content: "";
  transition: 0.3s;
}
.effect-20 ~ .focus-border:after {
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
}
.effect-20:focus ~ .focus-border:after,
.effect-20:focus ~ .focus-border:before,
.has-content.effect-20 ~ .focus-border:after,
.has-content.effect-20 ~ .focus-border:before {
  width: 100%;
  border-radius: 0.5rem;
  height: calc(100% + 2px);
  transition: 0.3s;
}
.effect-20 ~ label {
  position: absolute;
  left: 1rem;
  top: 0.875rem;
  z-index: 10;
  width: auto;
  --tw-text-opacity: 1;
  color: rgb(111 136 152 / var(--tw-text-opacity));
  transition: 0.3s;
}
.effect-20:focus ~ label,
.has-content.effect-20 ~ label {
  top: -0.5rem;
  left: 1rem;
  z-index: 10;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.8571428571rem;
  color: var(--color-primaryDark-100);
  transition: 0.3s;
}
.effect-20:focus ~ label:before,
.has-content.effect-20 ~ label:before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.75rem;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  content: "";
  z-index: -1;
}
.effect-20 ~ label.with-icon {
  left: 2.75rem;
}
.effect-20 ~ label.with-icon,
.effect-20 ~ label.with-prefix-text {
  position: absolute;
  top: 1rem;
  z-index: 10;
  width: auto;
  --tw-text-opacity: 1;
  color: rgb(111 136 152 / var(--tw-text-opacity));
  transition: 0.3s;
}
.effect-20 ~ label.with-prefix-text {
  left: 3.5rem;
}
.effect-20 ~ label.with-prefix-text.disabled {
  --tw-text-opacity: 1;
  color: rgb(111 136 152 / var(--tw-text-opacity));
}
.effect-20:focus ~ label.with-icon,
.effect-20:focus ~ label.with-prefix-text,
.has-content.effect-20 ~ label.with-icon,
.has-content.effect-20 ~ label.with-prefix-text {
  top: -0.5rem;
  left: 2.5rem;
  z-index: 10;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.8571428571rem;
  color: var(--color-primaryDark-100);
  transition: 0.3s;
}
.effect-20:focus ~ label.with-icon:before,
.effect-20:focus ~ label.with-prefix-text:before,
.has-content.effect-20 ~ label.with-icon:before,
.has-content.effect-20 ~ label.with-prefix-text:before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.75rem;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  content: "";
  z-index: -1;
}
.effect-20.with-icon {
  padding-left: 2.5rem;
}
.effect-20.with-prefix-text {
  padding-left: 3.5rem;
}
.loading[data-v-aab3e739] {
  background-color: #262c32b3;
}
.loading-box[data-v-aab3e739] {
  background: #1b1f23b3;
}
.loading-spinner[data-v-aab3e739] {
  height: 1.4285714286rem;
}
.loading-spinner[data-v-aab3e739]:after {
  opacity: 0.4;
  left: -15%;
  border-radius: 100%;
  animation: spinnerLeftRight-aab3e739 0.6s infinite;
}
.loading-spinner[data-v-aab3e739]:after,
.loading-spinner[data-v-aab3e739]:before {
  background-color: var(--color-loadAni-main);
  content: "";
  position: absolute;
  width: 1.4285714286rem;
  height: 1.4285714286rem;
}
.loading-spinner[data-v-aab3e739]:before {
  left: -10%;
  border-radius: 50%;
  opacity: 1;
  animation: spinnerLeftRight-aab3e739 0.6s 95ms infinite;
}
.alert__content span {
  display: flex;
  align-items: center;
}
.loading-bar span:first-child {
  animation-delay: 0s;
}
.loading-bar span:nth-child(2) {
  animation-delay: 0.1s;
}
.loading-bar span:nth-child(3) {
  animation-delay: 0.2s;
}
.loading-bar span:nth-child(4) {
  animation-delay: 0.3s;
}
.loading-bar span:nth-child(5) {
  animation-delay: 0.4s;
}
.loading-bar span:nth-child(6) {
  animation-delay: 0.5s;
}
.loading-bar span:nth-child(7) {
  animation-delay: 0.6s;
}
.loading-bar span:nth-child(8) {
  animation-delay: 0.7s;
}
.rotate[data-v-770c98fe] {
  animation: spin 1s linear infinite;
  transform: rotate(0);
}
.badge {
  min-height: 1.0714285714rem;
  min-width: 1.0714285714rem;
  transform: translate(35%);
}
.tab-indicator {
  height: 3.2857142857rem;
  width: var(--85dd2d42);
  transform: var(--dc27565e);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.item-block {
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.0714285714rem;
}
.item-block .item {
  display: flex;
  height: 3.2142857143rem;
  align-items: center;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(212 224 229 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
}
.item-block .item.item-black {
  --tw-bg-opacity: 1;
  background-color: rgb(212 224 229 / var(--tw-bg-opacity));
}
.item-block .item:first-child {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.item-block .item:last-child {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-width: 0;
}
.item-block .item .icon {
  margin-right: 0.5rem;
  font-size: 1.1428571429rem;
}
.item-block .item .icon-right {
  position: absolute;
  right: 2rem;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 0.8571428571rem;
  --tw-text-opacity: 1;
  color: rgb(126 145 158 / var(--tw-text-opacity));
}
.icon-sphere {
  margin-right: 0.5rem;
}
body.is-desktop #page-container {
  background-image: var(--3d2b9a62);
}
@font-face {
  font-family: icomoon;
  src: url(1.1.8_2-icomoon.6cfd6429a3a2.bd7532793eb5e8a41d55.ttf)
    format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class*=" icon-"],
[class^="icon-"] {
  font-family: icomoon !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-A-Z:before {
  content: "";
}
.icon-Bookmaker .path1:before {
  content: "";
  color: #386abd;
}
.icon-Bookmaker .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.icon-Fancy .path1:before {
  content: "";
  color: #f22a96;
}
.icon-Fancy .path2:before {
  content: "";
  margin-left: -1em;
  color: #4290a3;
}
.icon-Fancy .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.icon-Fancy .path4:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.icon-SignUp:before {
  content: "";
}
.icon-Sportbook .path1:before {
  content: "";
  color: #d45f2b;
}
.icon-Sportbook .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.icon-Sportbook .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.icon-Today:before {
  content: "";
}
.icon-Tomorrow:before {
  content: "";
}
.icon-active-log:before {
  content: "";
}
.icon-all:before {
  content: "";
}
.icon-arrow-double:before {
  content: "";
}
.icon-arrow-down:before {
  content: "";
}
.icon-arrow-down-sencodary:before {
  content: "";
}
.icon-arrow-left:before {
  content: "";
}
.icon-backspace:before {
  content: "";
}
.icon-calendar:before {
  content: "";
}
.icon-catalog:before {
  content: "";
}
.icon-check:before {
  content: "";
}
.icon-check-circle:before {
  content: "";
}
.icon-clock:before {
  content: "";
}
.icon-clone:before {
  content: "";
}
.icon-close:before {
  content: "";
}
.icon-cricket:before {
  content: "";
}
.icon-del:before {
  content: "";
}
.icon-download:before {
  content: "";
}
.icon-edit:before {
  content: "";
}
.icon-editing:before {
  content: "";
}
.icon-email:before {
  content: "";
}
.icon-empty:before {
  content: "";
}
.icon-exchange:before {
  content: "";
}
.icon-expend:before {
  content: "";
}
.icon-facebook:before {
  content: "";
}
.icon-fullscreen:before {
  content: "";
}
.icon-graph:before {
  content: "";
}
.icon-history:before {
  content: "";
}
.icon-home:before {
  content: "";
}
.icon-icon-fh:before {
  content: "";
}
.icon-icon-live:before {
  content: "";
}
.icon-icon-poker:before {
  content: "";
}
.icon-icon-slot:before {
  content: "";
}
.icon-icon-sports:before {
  content: "";
}
.icon-in-play .path1:before {
  content: "";
  color: #52bf04;
}
.icon-in-play .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.icon-in-play .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.icon-in-play .path4:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.icon-in-play .path5:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.icon-in-play .path6:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.icon-in-play .path7:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.icon-in-play .path8:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.icon-info-circle:before {
  content: "";
}
.icon-inplay_B:before {
  content: "";
}
.icon-instagram:before {
  content: "";
}
.icon-latest:before {
  content: "";
}
.icon-list:before {
  content: "";
}
.icon-live:before {
  content: "";
  color: #f23b3b;
}
.icon-lock:before {
  content: "";
}
.icon-login:before {
  content: "";
}
.icon-logout:before {
  content: "";
}
.icon-menu:before {
  content: "";
}
.icon-mic:before {
  content: "";
}
.icon-min-max:before {
  content: "";
}
.icon-minus:before {
  content: "";
}
.icon-notice:before {
  content: "";
}
.icon-parlay:before {
  content: "";
}
.icon-parlay-list:before {
  content: "";
}
.icon-parlay-up:before {
  content: "";
}
.icon-pdf:before {
  content: "";
}
.icon-play-film:before {
  content: "";
}
.icon-plus:before {
  content: "";
}
.icon-poker:before {
  content: "";
}
.icon-profile:before {
  content: "";
}
.icon-profit-loss:before {
  content: "";
}
.icon-refresh:before {
  content: "";
}
.icon-search:before {
  content: "";
}
.icon-setting:before {
  content: "";
}
.icon-shield:before {
  content: "";
}
.icon-soccer:before {
  content: "";
}
.icon-sphere:before {
  content: "";
}
.icon-sport:before {
  content: "";
}
.icon-star:before {
  content: "";
}
.icon-star-solid:before {
  content: "";
}
.icon-tag_bg .path1:before {
  content: "";
  color: #000;
}
.icon-tag_bg .path2:before {
  content: "";
  margin-left: -1em;
  color: #000;
}
.icon-tag_bg .path3:before {
  content: "";
  margin-left: -1em;
  color: #000;
  opacity: 0.3144;
}
.icon-telegram:before {
  content: "";
}
.icon-tennis:before {
  content: "";
}
.icon-toggle:before {
  content: "";
}
.icon-transfer:before {
  content: "";
}
.icon-transfer-log:before {
  content: "";
}
.icon-triangle:before {
  content: "";
}
.icon-trophy:before {
  content: "";
}
.icon-um:before {
  content: "";
}
.icon-user:before {
  content: "";
}
.icon-visibility-off:before {
  content: "";
}
.icon-visibility-on:before {
  content: "";
}
.icon-volume:before {
  content: "";
}
.icon-volume-off:before {
  content: "";
}
.icon-wallet:before {
  content: "";
}
.icon-whatsapp:before {
  content: "";
}
.icon-wifi:before {
  content: "";
}
.icon-youtube .path1:before {
  content: "";
  color: #010201;
}
.icon-youtube .path2:before {
  content: "";
  margin-left: -1em;
  color: #000;
}
*,
:after,
:before {
  box-sizing: border-box;
  border: 0 solid;
}
:after,
:before {
  --tw-content: "";
}
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-feature-settings: normal;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: initial;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
  background-color: initial;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: initial;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
}
fieldset,
legend {
  padding: 0;
}
menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
[role="button"],
button {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  height: auto;
}
[hidden] {
  display: none;
}
*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #3b82f680;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}
::-webkit-backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #3b82f680;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #3b82f680;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
.btn-normal {
  background-color: var(--color-button-normal);
  color: var(--color-button-normal-text);
}
.btn-login {
  background-color: var(--color-button-login);
  color: var(--color-button-login-text);
}
.btn-login-index {
  background-color: var(--color-button-login-index);
  color: var(--color-button-login-index-text);
}
.btn-outline {
  color: #1e1e1e;
  border-width: 1px;
  border-color: #7e919e;
  background-color: initial;
}
.bg-back-300.active {
  --tw-bg-opacity: 1;
  background-color: rgb(55 157 230 / var(--tw-bg-opacity));
}
.bg-lay-300.active {
  --tw-bg-opacity: 1;
  background-color: rgb(246 105 135 / var(--tw-bg-opacity));
}
.active-text-white.active {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.modal-content {
  height: 100%;
  flex: 1 1 0%;
  overflow-y: scroll;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 2rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.25;
}
.modal-content .title-divide {
  margin-top: 1rem;
  margin-bottom: 1rem;
  height: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(212 224 229 / var(--tw-bg-opacity));
}
.modal-content h1 {
  font-size: 1.5714285714rem;
  font-weight: 700;
  line-height: 2rem;
}
.modal-content h2 {
  margin-top: 0.8571428571rem;
  margin-bottom: 0.8571428571rem;
  text-align: left;
  font-size: 1.2857142857rem;
  line-height: 1;
  color: var(--color-global-font-on-light);
}
.modal-content h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
}
.modal-content h3,
.modal-content h4 {
  margin-top: 0.8571428571rem;
  margin-bottom: 0.8571428571rem;
  font-size: 1.1428571429rem;
  line-height: 1;
}
.modal-content h4 {
  font-weight: 400;
}
.modal-content hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  height: 1px;
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(212 224 229 / var(--tw-bg-opacity));
}
.modal-content p {
  margin-bottom: 0.5rem;
}
.modal-content i {
  display: block;
}
.modal-content aside {
  margin-bottom: 1.75rem;
  font-weight: 700;
  line-height: 1.5;
}
.modal-content ol {
  margin-top: 0.8571428571rem;
  margin-bottom: 0.5rem;
  padding-left: 0.875rem;
}
.modal-content ol li {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 1rem;
  list-style-type: decimal;
  line-height: 1.5;
}
.modal-content ul {
  margin-bottom: 0.5rem;
  list-style-position: inside;
  padding-left: 0.875rem;
}
.modal-content ul li {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 1rem;
  list-style-type: decimal;
  line-height: 1.5;
}
.modal-content a {
  cursor: pointer;
}
.modal-content > :last-child {
  margin-bottom: 2.1428571429rem;
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.top-0 {
  top: 0;
}
.right-0 {
  right: 0;
}
.left-0 {
  left: 0;
}
.bottom-0 {
  bottom: 0;
}
.right-2 {
  right: 0.5rem;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-28 {
  bottom: 7rem;
}
.bottom-14 {
  bottom: 3.5rem;
}
.top-3 {
  top: 0.75rem;
}
.left-3 {
  left: 0.75rem;
}
.top-2 {
  top: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.top-auto {
  top: auto;
}
.left-auto {
  left: auto;
}
.left-4 {
  left: 1rem;
}
.top-3\.5 {
  top: 0.875rem;
}
.-top-2 {
  top: -0.5rem;
}
.left-11 {
  left: 2.75rem;
}
.top-4 {
  top: 1rem;
}
.left-14 {
  left: 3.5rem;
}
.left-10 {
  left: 2.5rem;
}
.bottom-1\.5 {
  bottom: 0.375rem;
}
.-top-1 {
  top: -0.25rem;
}
.top-10 {
  top: 2.5rem;
}
.right-8 {
  right: 2rem;
}
.top-8 {
  top: 2rem;
}
.right-6 {
  right: 1.5rem;
}
.right-5 {
  right: 1.25rem;
}
.top-0\.5 {
  top: 0.125rem;
}
.right-0\.5 {
  right: 0.125rem;
}
.bottom-0\.5 {
  bottom: 0.125rem;
}
.right-4 {
  right: 1rem;
}
.top-1\/2 {
  top: 50%;
}
.left-1\/2 {
  left: 50%;
}
.-top-1\/2 {
  top: -50%;
}
.left-2 {
  left: 0.5rem;
}
.right-1 {
  right: 0.25rem;
}
.top-1 {
  top: 0.25rem;
}
.-left-2 {
  left: -0.5rem;
}
.top-full {
  top: 100%;
}
.top-40px {
  top: 2.8571428571rem;
}
.left-0\.5 {
  left: 0.125rem;
}
.bottom-16 {
  bottom: 4rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.right-48 {
  right: 12rem;
}
.right-2px {
  right: 0.1428571429rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.right-1\.5 {
  right: 0.375rem;
}
.bottom-44 {
  bottom: 11rem;
}
.bottom-32 {
  bottom: 8rem;
}
.z-40 {
  z-index: 40;
}
.z-10 {
  z-index: 2;
}
.z-30 {
  z-index: 30;
}
.z-0 {
  z-index: 0;
}
.z-50 {
  z-index: 50;
}
.-z-10 {
  z-index: -10;
}
.z-20 {
  z-index: 20;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-start-1 {
  grid-column-start: 1;
}
.col-start-2 {
  grid-column-start: 2;
}
.col-end-1 {
  grid-column-end: 1;
}
.col-end-2 {
  grid-column-end: 2;
}
.m-auto {
  margin: auto;
}
.-m-2px {
  margin: -0.1428571429rem;
}
.-m-4 {
  margin: -1rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-0\.5 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.mx-3\.5 {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.my-4px {
  margin-top: 0.2857142857rem;
  margin-bottom: 0.2857142857rem;
}
.mx-4px {
  margin-left: 0.2857142857rem;
  margin-right: 0.2857142857rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.-mx-7 {
  margin-left: -1.75rem;
  margin-right: -1.75rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.mx-1\.5 {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}
.mx-px {
  margin-left: 1px;
  margin-right: 1px;
}
.-mx-px {
  margin-left: -1px;
  margin-right: -1px;
}
.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.my-0 {
  margin-bottom: 0;
}
.mt-0,
.my-0 {
  margin-top: 0;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.ml-4 {
  margin-left: 1rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mb-60 {
  margin-bottom: 15rem;
}
.mt-40px {
  margin-top: 2.8571428571rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mr-3px {
  margin-right: 0.2142857143rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.mr-9px {
  margin-right: 0.6428571429rem;
}
.ml-8px {
  margin-left: 0.5714285714rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-2\.5 {
  margin-right: 0.625rem;
}
.ml-2\.5 {
  margin-left: 0.625rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-0 {
  margin-left: 0;
}
.ml-1\.5 {
  margin-left: 0.375rem;
}
.ml-10 {
  margin-left: 2.5rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.mt-px {
  margin-top: 1px;
}
.mb-10px {
  margin-bottom: 0.7142857143rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mr-0\.5 {
  margin-right: 0.125rem;
}
.mr-0 {
  margin-right: 0;
}
.mr-4px {
  margin-right: 0.2857142857rem;
}
.ml-2px {
  margin-left: 0.1428571429rem;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-2px {
  margin-bottom: 0.1428571429rem;
}
.mb-1px {
  margin-bottom: 0.0714285714rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.ml-1px {
  margin-left: 0.0714285714rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.mb-15px {
  margin-bottom: 1.0714285714rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mr-4 {
  margin-right: 1rem;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.mb-3px {
  margin-bottom: 0.2142857143rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mr-15px {
  margin-right: 1.0714285714rem;
}
.-ml-0\.5 {
  margin-left: -0.125rem;
}
.-ml-0 {
  margin-left: 0;
}
.ml-auto {
  margin-left: auto;
}
.-mb-px {
  margin-bottom: -1px;
}
.-ml-8px {
  margin-left: -0.5714285714rem;
}
.-ml-4px {
  margin-left: -0.2857142857rem;
}
.-mb-24 {
  margin-bottom: -6rem;
}
.mt-4 {
  margin-top: 1rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mb-20 {
  margin-bottom: 5rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.-mt-7 {
  margin-top: -1.75rem;
}
.-mr-2px {
  margin-right: -0.1428571429rem;
}
.-mt-px {
  margin-top: -1px;
}
.ml-px {
  margin-left: 1px;
}
.-mb-45\.5px {
  margin-bottom: -3.25rem;
}
.mt-2px {
  margin-top: 0.1428571429rem;
}
.-ml-2\.5 {
  margin-left: -0.625rem;
}
.-ml-1 {
  margin-left: -0.25rem;
}
.-ml-2px {
  margin-left: -0.1428571429rem;
}
.mr-11px {
  margin-right: 0.7857142857rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-auto {
  aspect-ratio: auto;
}
.aspect-square {
  aspect-ratio: 1/1;
}
.h-6 {
  height: 1.5rem;
}
.h-full {
  height: 100%;
}
.h-60px {
  height: 4.2857142857rem;
}
.h-4 {
  height: 1rem;
}
.h-30px {
  height: 2.1428571429rem;
}
.h-40px {
  height: 2.8571428571rem;
}
.h-screen {
  height: 100vh;
}
.h-auto {
  height: auto;
}
.h-36px {
  height: 2.5714285714rem;
}
.h-0 {
  height: 0;
}
.h-45px {
  height: 3.2142857143rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-3 {
  height: 0.75rem;
}
.h-26px {
  height: 1.8571428571rem;
}
.h-28 {
  height: 7rem;
}
.h-4px {
  height: 0.2857142857rem;
}
.h-8 {
  height: 2rem;
}
.h-12 {
  height: 3rem;
}
.h-7 {
  height: 1.75rem;
}
.h-5 {
  height: 1.25rem;
}
.h-px {
  height: 1px;
}
.h-2 {
  height: 0.5rem;
}
.h-10 {
  height: 2.5rem;
}
.h-14 {
  height: 3.5rem;
}
.h-27px {
  height: 1.9285714286rem;
}
.h-50px {
  height: 3.5714285714rem;
}
.h-10px {
  height: 0.7142857143rem;
}
.h-9 {
  height: 2.25rem;
}
.h-20px {
  height: 1.4285714286rem;
}
.h-6px {
  height: 0.4285714286rem;
}
.h-11px {
  height: 0.7857142857rem;
}
.h-34px {
  height: 2.4285714286rem;
}
.h-150px {
  height: 10.7142857143rem;
}
.h-full-with-header-footer {
  height: calc(100vh - 2.857142857142857rem - 4.285714285714286rem);
}
.h-95px {
  height: 6.7857142857rem;
}
.h-111px {
  height: 7.9285714286rem;
}
.h-24px {
  height: 1.7142857143rem;
}
.h-3px {
  height: 0.2142857143rem;
}
.h-63px {
  height: 4.5rem;
}
.h-24 {
  height: 6rem;
}
.h-465px {
  height: 33.2142857143rem;
}
.h-75px {
  height: 5.3571428571rem;
}
.h-96px {
  height: 6.8571428571rem;
}
.h-1\/2 {
  height: 50%;
}
.h-3\/4 {
  height: 75%;
}
.h-1\/3 {
  height: 33.333333%;
}
.h-16px {
  height: 1.1428571429rem;
}
.max-h-72 {
  max-height: 18rem;
}
.min-h-40px {
  min-height: 2.8571428571rem;
}
.min-h-28px {
  min-height: 2rem;
}
.min-h-full {
  min-height: 100%;
}
.min-h-550px {
  min-height: 550px;
}
.min-h-full-with-header-footer {
  min-height: calc(100vh - 2.857142857142857rem - 4.285714285714286rem);
}
.min-h-49px {
  min-height: 3.5rem;
}
.w-full {
  width: 100%;
}
.w-8 {
  width: 2rem;
}
.w-auto {
  width: auto;
}
.w-5\/6 {
  width: 83.333333%;
}
.w-48 {
  width: 12rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/5 {
  width: 80%;
}
.w-120px {
  width: 8.5714285714rem;
}
.w-80px {
  width: 5.7142857143rem;
}
.w-45px {
  width: 3.2142857143rem;
}
.w-60px {
  width: 4.2857142857rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-1\/2 {
  width: 50%;
}
.w-4px {
  width: 0.2857142857rem;
}
.w-20 {
  width: 5rem;
}
.w-50px {
  width: 3.5714285714rem;
}
.w-6 {
  width: 1.5rem;
}
.w-7 {
  width: 1.75rem;
}
.w-90px {
  width: 6.4285714286rem;
}
.w-1\/4 {
  width: 25%;
}
.w-100px {
  width: 7.1428571429rem;
}
.w-3\/4 {
  width: 75%;
}
.w-5 {
  width: 1.25rem;
}
.w-114px {
  width: 8.1428571429rem;
}
.w-9\/12 {
  width: 75%;
}
.w-3\/12 {
  width: 25%;
}
.w-16 {
  width: 4rem;
}
.w-155px {
  width: 11.0714285714rem;
}
.w-10 {
  width: 2.5rem;
}
.w-2\/12 {
  width: 16.666667%;
}
.w-181px {
  width: 12.9285714286rem;
}
.w-10\/12 {
  width: 83.333333%;
}
.w-48px {
  width: 3.4285714286rem;
}
.w-9 {
  width: 2.25rem;
}
.w-4\/12 {
  width: 33.333333%;
}
.w-31\% {
  width: 31%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-0 {
  width: 0;
}
.w-1px {
  width: 0.0714285714rem;
}
.w-2 {
  width: 0.5rem;
}
.w-10px {
  width: 0.7142857143rem;
}
.w-30px {
  width: 2.1428571429rem;
}
.w-150px {
  width: 10.7142857143rem;
}
.w-53px {
  width: 3.7857142857rem;
}
.w-6px {
  width: 0.4285714286rem;
}
.w-20px {
  width: 1.4285714286rem;
}
.w-158px {
  width: 11.2857143rem;
}
.w-40 {
  width: 10rem;
}
.w-36 {
  width: 9rem;
}
.w-108px {
  width: 7.7142857143rem;
}
.w-51px {
  width: 3.6428571429rem;
}
.w-1 {
  width: 0.25rem;
}
.w-14 {
  width: 3.5rem;
}
.w-8\/12 {
  width: 66.666667%;
}
.w-1\/5 {
  width: 20%;
}
.w-27px {
  width: 1.9285714286rem;
}
.w-11\/12 {
  width: 91.666667%;
}
.w-3 {
  width: 0.75rem;
}
.w-3px {
  width: 0.2142857143rem;
}
.w-12 {
  width: 3rem;
}
.min-w-min {
  min-width: min-content;
}
.min-w-450px {
  min-width: 450px;
}
.min-w-1206px {
  min-width: 1206px;
}
.max-w-xs {
  max-width: 20rem;
}
.max-w-480px {
  max-width: 480px;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow-0 {
  flex-grow: 0;
}
.grow {
  flex-grow: 1;
}
.origin-center {
  transform-origin: center;
}
.translate-x-full {
  --tw-translate-x: 100%;
}
.-translate-y-1\/2,
.translate-x-full {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
}
.-translate-x-1\/2,
.translate-y-1px {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1px {
  --tw-translate-y: 0.07142857142857142rem;
}
.-translate-y-1px {
  --tw-translate-y: -0.07142857142857142rem;
}
.-translate-y-1px,
.translate-y-0 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
}
.translate-y-3px {
  --tw-translate-y: 0.21428571428571427rem;
}
.-translate-y-4px,
.translate-y-3px {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-4px {
  --tw-translate-y: -0.2857142857142857rem;
}
.-translate-x-1\.5 {
  --tw-translate-x: -0.375rem;
}
.-translate-x-1,
.-translate-x-1\.5 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-1 {
  --tw-translate-x: -0.25rem;
}
.rotate-90 {
  --tw-rotate: 90deg;
}
.rotate-90,
.rotate-180 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
}
.-rotate-90 {
  --tw-rotate: -90deg;
}
.-rotate-90,
.scale-75 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-75 {
  --tw-scale-x: 0.75;
  --tw-scale-y: 0.75;
}
.scale-\[83\.3\%\] {
  --tw-scale-x: 83.3%;
  --tw-scale-y: 83.3%;
}
.scale-110,
.scale-\[83\.3\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
  50% {
    transform: rotate(180deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
@keyframes loadBar {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
    transform: scale(1.4);
  }
  to {
    opacity: 0.1;
  }
}
.animate-load-bar {
  animation: loadBar 0.8s ease infinite;
}
@keyframes skeleton {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
.animate-skeleton {
  animation: skeleton 1.4s ease infinite;
}
.animate-spark-back {
  animation: sparkBack 0.8s ease;
}
.animate-spark-lay {
  animation: sparkLay 0.8s ease;
}
@keyframes sparkLay {
  0%,
  to {
    background: #faa9ba;
  }
  50% {
    color: #000;
    background: #26f1f8;
  }
}
.animate-spark-no {
  animation: sparkLay 0.8s ease;
}
@keyframes sparkBack {
  0%,
  to {
    background: #7cc3f5;
  }
  50% {
    color: #000;
    background: #f6ff0e;
  }
}
.animate-spark-yes {
  animation: sparkBack 0.8s ease;
}
@keyframes deselect {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(0);
  }
  70% {
    transform: scale(1.3);
  }
  to {
    transform: scale(1);
  }
}
.animate-deselect {
  animation: deselect 0.25s linear;
}
@keyframes select {
  0% {
    transform: scale(0.8);
  }
  45% {
    transform: scale(1.1);
  }
  90% {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.animate-select {
  animation: select 0.25s linear;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.resize {
  resize: both;
}
.list-outside {
  list-style-position: outside;
}
.list-disc {
  list-style-type: disc;
}
.list-decimal {
  list-style-type: decimal;
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.content-center {
  align-content: center;
}
.content-between {
  align-content: space-between;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.gap-2 {
  grid-gap: 0.5rem;
  gap: 0.5rem;
}
.gap-0\.5 {
  grid-gap: 0.125rem;
  gap: 0.125rem;
}
.gap-0 {
  grid-gap: 0;
  gap: 0;
}
.gap-1 {
  grid-gap: 0.25rem;
  gap: 0.25rem;
}
.gap-2px {
  grid-gap: 0.1428571429rem;
  gap: 0.1428571429rem;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
  grid-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
.space-x-2px > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.14285714285714285rem * var(--tw-space-x-reverse));
  margin-left: calc(
    0.14285714285714285rem * calc(1 - var(--tw-space-x-reverse))
  );
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-3px > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(
    0.21428571428571427rem * calc(1 - var(--tw-space-y-reverse))
  );
  margin-bottom: calc(0.21428571428571427rem * var(--tw-space-y-reverse));
}
.space-y-px > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1px * var(--tw-space-y-reverse));
}
.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.125rem * var(--tw-space-x-reverse));
  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-7 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.75rem * var(--tw-space-x-reverse));
  margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-x-3px > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.21428571428571427rem * var(--tw-space-x-reverse));
  margin-left: calc(
    0.21428571428571427rem * calc(1 - var(--tw-space-x-reverse))
  );
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-black-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(212 224 229 / var(--tw-divide-opacity));
}
.divide-black > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 30 30 / var(--tw-divide-opacity));
}
.divide-black-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(238 246 251 / var(--tw-divide-opacity));
}
.divide-black-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(156 177 189 / var(--tw-divide-opacity));
}
.divide-white > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity));
}
.divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 0.3;
}
.self-start {
  align-self: flex-start;
}
.self-center {
  align-self: center;
}
.justify-self-end {
  justify-self: end;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overscroll-y-none {
  overscroll-behavior-y: none;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-clip {
  text-overflow: clip;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-zl {
  border-radius: 0.75rem 0.75rem 0 0;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-6px {
  border-radius: 0.4285714286rem;
}
.rounded-4px {
  border-radius: 0.2857142857rem;
}
.rounded-3px {
  border-radius: 0.2142857143rem;
}
.rounded-1px {
  border-radius: 0.0714285714rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-\[1\.25rem\] {
  border-radius: 1.25rem;
}
.rounded-1\.5px {
  border-radius: 0.1071428571rem;
}
.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-r-xl {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.rounded-tl {
  border-top-left-radius: 0.25rem;
}
.rounded-tr-2xl {
  border-top-right-radius: 1rem;
}
.rounded-bl-2xl {
  border-bottom-left-radius: 1rem;
}
.rounded-bl-lg {
  border-bottom-left-radius: 0.5rem;
}
.rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
}
.rounded-tr-md {
  border-top-right-radius: 0.375rem;
}
.rounded-tl-md {
  border-top-left-radius: 0.375rem;
}
.rounded-bl {
  border-bottom-left-radius: 0.25rem;
}
.rounded-br {
  border-bottom-right-radius: 0.25rem;
}
.rounded-tr {
  border-top-right-radius: 0.25rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0;
}
.border-2 {
  border-width: 2px;
}
.border-t {
  border-top-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-r {
  border-right-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0;
}
.border-t-0 {
  border-top-width: 0;
}
.border-l {
  border-left-width: 1px;
}
.border-solid {
  border-style: solid;
}
.border-none {
  border-style: none;
}
.border-checkbox-boder {
  border-color: var(--color-checkbox-boder);
}
.border-reportForm-main {
  border-color: var(--color-reportForm-main);
}
.border-black-300 {
  --tw-border-opacity: 1;
  border-color: rgb(212 224 229 / var(--tw-border-opacity));
}
.border-primary-dark-200 {
  border-color: var(--color-primaryDark-200);
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-black-600 {
  --tw-border-opacity: 1;
  border-color: rgb(111 136 152 / var(--tw-border-opacity));
}
.border-bet-focus {
  border-color: var(--color-primaryDark-100);
}
.border-bet-error {
  --tw-border-opacity: 1;
  border-color: rgb(246 105 135 / var(--tw-border-opacity));
}
.border-yellow-800 {
  --tw-border-opacity: 1;
  border-color: rgb(255 200 0 / var(--tw-border-opacity));
}
.border-black-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 177 189 / var(--tw-border-opacity));
}
.border-black-500 {
  --tw-border-opacity: 1;
  border-color: rgb(126 145 158 / var(--tw-border-opacity));
}
.border-\[\#c0c0c0\] {
  --tw-border-opacity: 1;
  border-color: rgb(192 192 192 / var(--tw-border-opacity));
}
.border-black-100 {
  --tw-border-opacity: 1;
  border-color: rgb(238 246 251 / var(--tw-border-opacity));
}
.border-event-th-line {
  border-color: var(--color-event-th-line);
}
.border-t-black-300 {
  --tw-border-opacity: 1;
  border-top-color: rgb(212 224 229 / var(--tw-border-opacity));
}
.border-r-white {
  --tw-border-opacity: 1;
  border-right-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-b-black-300 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(212 224 229 / var(--tw-border-opacity));
}
.border-r-black-300 {
  --tw-border-opacity: 1;
  border-right-color: rgb(212 224 229 / var(--tw-border-opacity));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-checkbox-checked {
  background-color: var(--color-checkbox-bg-checked);
}
.bg-black-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(38 44 50 / var(--tw-bg-opacity));
}
.bg-button-normal {
  background-color: var(--color-button-normal);
}
.bg-secondary {
  background-color: var(--color-secondary);
}
.bg-black-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 177 189 / var(--tw-bg-opacity));
}
.bg-black-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(212 224 229 / var(--tw-bg-opacity));
}
.bg-black-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 246 251 / var(--tw-bg-opacity));
}
.bg-inPlay {
  background-color: var(--color-in-play);
}
.bg-black-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(27 31 35 / var(--tw-bg-opacity));
}
.bg-submenu {
  background-color: var(--color-submenu-bg);
}
.bg-filter-active {
  background-color: var(--color-filter-active);
}
.bg-error {
  background-color: var(--color-error);
}
.bg-primary {
  background-color: var(--color-primary);
}
.bg-header-exp {
  background-color: var(--color-header-exp-bg);
}
.bg-primary-dark-200 {
  background-color: var(--color-primaryDark-200);
}
.bg-primary-dark-100 {
  background-color: var(--color-primaryDark-100);
}
.bg-loadAnitmate-main {
  background-color: var(--color-loadAni-main);
}
.bg-header-icon {
  background-color: var(--color-header-icon);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 30 / var(--tw-bg-opacity));
}
.bg-back-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(124 195 245 / var(--tw-bg-opacity));
}
.bg-lay-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 169 186 / var(--tw-bg-opacity));
}
.bg-back-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(208 232 250 / var(--tw-bg-opacity));
}
.bg-lay-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 226 232 / var(--tw-bg-opacity));
}
.bg-back {
  background-color: rgb(161 210 244 / var(--tw-bg-opacity));
}
.bg-back,
.bg-lay {
  --tw-bg-opacity: 1;
}
.bg-lay {
  background-color: rgb(252 198 209 / var(--tw-bg-opacity));
}
.bg-black-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(111 136 152 / var(--tw-bg-opacity));
}
.bg-success {
  --tw-bg-opacity: 1;
  background-color: rgb(98 183 11 / var(--tw-bg-opacity));
}
.bg-warning {
  background-color: var(--color-3rd);
}
.bg-widget-active {
  background-color: var(--color-widget-active-bg);
}
.bg-today {
  background-color: var(--color-today);
}
.bg-black-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 234 239 / var(--tw-bg-opacity));
}
.bg-bet-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(212 224 229 / var(--tw-bg-opacity));
}
.bg-pop-title {
  background-color: var(--color-pop-title-bg);
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(23 74 26 / var(--tw-bg-opacity));
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 152 32 / var(--tw-bg-opacity));
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity));
}
.bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 198 0 / var(--tw-bg-opacity));
}
.bg-back-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(161 210 244 / var(--tw-bg-opacity));
}
.bg-market-tab-active {
  background-color: var(--color-market-tab-active);
}
.bg-event-tab-num {
  background-color: var(--color-event-tab-num);
}
.bg-market-name {
  background-color: var(--color-market-name);
}
.bg-\[\#eee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}
.bg-casino-gold-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(148 111 59 / var(--tw-bg-opacity));
}
.bg-casino-gold-light {
  --tw-bg-opacity: 1;
  background-color: rgb(255 224 167 / var(--tw-bg-opacity));
}
.bg-button-more {
  background-color: var(--color-button-more);
}
.bg-market-tab {
  background-color: var(--color-market-tab);
}
.bg-menu-active {
  background-color: var(--color-menu-active);
}
.bg-black-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(126 145 158 / var(--tw-bg-opacity));
}
.bg-sub-tab-fancybet {
  background-color: var(--color-sub-tab-fancybet);
}
.bg-colorful-tag {
  background-color: var(--color-colorful-tag-bg);
}
.bg-global-font-on-light {
  background-color: var(--color-global-font-on-light);
}
.bg-event-tab-bg {
  background-color: var(--color-event-tab-num-bg);
}
.bg-parlay-down {
  --tw-bg-opacity: 1;
  background-color: rgb(226 0 0 / var(--tw-bg-opacity));
}
.bg-black-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(90 94 98 / var(--tw-bg-opacity));
}
.bg-event-tab-icon {
  background-color: var(--color-event-tab-icon);
}
.bg-opacity-0 {
  --tw-bg-opacity: 0;
}
.bg-opacity-87 {
  --tw-bg-opacity: 0.87;
}
.bg-opacity-40 {
  --tw-bg-opacity: 0.4;
}
.bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}
.bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}
.bg-opacity-85 {
  --tw-bg-opacity: 0.85;
}
.bg-star-sprit-black {
  background-image: none;
}
.bg-skeleton-gradient {
  background-image: linear-gradient(
    90deg,
    #d4e0e5 25%,
    #e6e6e6 37%,
    #d4e0e5 63%
  );
}
.bg-star-sprit-white {
  background-image: none;
}
.bg-star-sprit-gold {
  background-image: none;
}
.bg-casino-maintenance {
  background-image: linear-gradient(135deg, #20272d, #3b4650);
}
.bg-casino-game-hall-live {
  background-image: linear-gradient(-180deg, #d4e0e5, #eef6fb);
}
.bg-400\% {
  background-size: 400% 100%;
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: 50%;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.p-3 {
  padding: 0.75rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-36 {
  padding: 9rem;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-0 {
  padding: 0;
}
.p-4 {
  padding: 1rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-3px {
  padding: 0.2142857143rem;
}
.p-9px {
  padding: 0.6428571429rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-px {
  padding: 1px;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.px-3px {
  padding-left: 0.2142857143rem;
  padding-right: 0.2142857143rem;
}
.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-20px {
  padding-top: 1.4285714286rem;
  padding-bottom: 1.4285714286rem;
}
.py-9px {
  padding-top: 0.6428571429rem;
  padding-bottom: 0.6428571429rem;
}
.px-6px {
  padding-left: 0.4285714286rem;
  padding-right: 0.4285714286rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-4px {
  padding-top: 0.2857142857rem;
  padding-bottom: 0.2857142857rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-7\.5px {
  padding-left: 0.5357142857rem;
  padding-right: 0.5357142857rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-\[0\.54rem\] {
  padding-left: 0.54rem;
  padding-right: 0.54rem;
}
.py-56 {
  padding-top: 14rem;
  padding-bottom: 14rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.py-5px {
  padding-top: 0.3571428571rem;
  padding-bottom: 0.3571428571rem;
}
.py-12px {
  padding-top: 0.8571428571rem;
  padding-bottom: 0.8571428571rem;
}
.py-3px {
  padding-top: 0.2142857143rem;
  padding-bottom: 0.2142857143rem;
}
.py-6px {
  padding-top: 0.4285714286rem;
  padding-bottom: 0.4285714286rem;
}
.py-8px {
  padding-top: 0.5714285714rem;
  padding-bottom: 0.5714285714rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pl-2px {
  padding-left: 0.1428571429rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pt-6px {
  padding-top: 0.4285714286rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-3px {
  padding-left: 0.2142857143rem;
}
.pr-0\.5 {
  padding-right: 0.125rem;
}
.pr-0 {
  padding-right: 0;
}
.pl-0 {
  padding-left: 0;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-14 {
  padding-right: 3.5rem;
}
.pb-8px {
  padding-bottom: 0.5714285714rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pb-0 {
  padding-bottom: 0;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pb-0\.5 {
  padding-bottom: 0.125rem;
}
.pb-5px {
  padding-bottom: 0.3571428571rem;
}
.pl-3\.5 {
  padding-left: 0.875rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pl-22px {
  padding-left: 1.5714285714rem;
}
.pr-12px {
  padding-right: 0.8571428571rem;
}
.pl-0\.5 {
  padding-left: 0.125rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-0 {
  padding-top: 0;
}
.pt-px {
  padding-top: 1px;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-90px {
  padding-bottom: 6.4285714286rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-7 {
  padding-bottom: 1.75rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pb-14 {
  padding-bottom: 3.5rem;
}
.pr-9 {
  padding-right: 2.25rem;
}
.pl-1\.5 {
  padding-left: 0.375rem;
}
.pl-9px {
  padding-left: 0.6428571429rem;
}
.pr-2px {
  padding-right: 0.1428571429rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pt-1\.5 {
  padding-top: 0.375rem;
}
.pb-1\.5 {
  padding-bottom: 0.375rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pb-4px {
  padding-bottom: 0.2857142857rem;
}
.pr-px {
  padding-right: 1px;
}
.pt-8px {
  padding-top: 0.5714285714rem;
}
.pr-3px {
  padding-right: 0.2142857143rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.-indent-2px {
  text-indent: -0.1428571429rem;
}
.align-baseline {
  vertical-align: initial;
}
.align-middle {
  vertical-align: middle;
}
.align-text-bottom {
  vertical-align: text-bottom;
}
.text-11 {
  font-size: 0.7857142857rem;
}
.text-20 {
  font-size: 1.4285714286rem;
}
.text-25 {
  font-size: 1.7857142857rem;
}
.text-12 {
  font-size: 0.8571428571rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-8 {
  font-size: 0.5714285714rem;
}
.text-15 {
  font-size: 1.0714285714rem;
}
.text-14 {
  font-size: 1rem;
}
.text-13 {
  font-size: 0.9285714286rem;
}
.text-40 {
  font-size: 2.8571428571rem;
}
.text-10 {
  font-size: 0.7142857143rem;
}
.text-16 {
  font-size: 1.1428571429rem;
}
.text-18 {
  font-size: 1.2857142857rem;
}
.text-17 {
  font-size: 1.2142857143rem;
}
.text-9 {
  font-size: 0.6428571429rem;
}
.text-6 {
  font-size: 0.4285714286rem;
}
.text-30 {
  font-size: 2.1428571429rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-36 {
  font-size: 2.5714285714rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-22 {
  font-size: 1.5714285714rem;
}
.text-27 {
  font-size: 1.9285714286rem;
}
.text-48 {
  font-size: 3.4285714286rem;
}
.font-bold {
  font-weight: 700;
}
.font-normal {
  font-weight: 400;
}
.font-extrabold {
  font-weight: 800;
}
.font-semibold {
  font-weight: 600;
}
.not-italic {
  font-style: normal;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-tight {
  line-height: 1.25;
}
.leading-10px {
  line-height: 0.7142857143rem;
}
.leading-3 {
  line-height: 0.75rem;
}
.leading-normal {
  line-height: 1.5;
}
.leading-8 {
  line-height: 2rem;
}
.leading-4 {
  line-height: 1rem;
}
.leading-loose {
  line-height: 2;
}
.leading-none {
  line-height: 1;
}
.leading-13px {
  line-height: 0.9285714286rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-16px {
  line-height: 1.1428571429rem;
}
.leading-12px {
  line-height: 0.8571428571rem;
}
.leading-19px {
  line-height: 1.3571428571rem;
}
.leading-snug {
  line-height: 1.375;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-17px {
  line-height: 1.2142857143rem;
}
.text-black-600 {
  --tw-text-opacity: 1;
  color: rgb(111 136 152 / var(--tw-text-opacity));
}
.text-error {
  color: var(--color-error);
}
.text-checkbox-icon {
  color: var(--color-checkbox-icon);
}
.text-button-normal {
  color: var(--color-button-normal-text);
}
.text-reportForm-main {
  color: var(--color-reportForm-main);
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-pop-title {
  color: var(--color-pop-title-text);
}
.text-global-font-on-dark {
  color: var(--color-global-font-on-dark);
}
.text-black-400 {
  --tw-text-opacity: 1;
  color: rgb(156 177 189 / var(--tw-text-opacity));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(30 30 30 / var(--tw-text-opacity));
}
.text-black-700 {
  --tw-text-opacity: 1;
  color: rgb(90 94 98 / var(--tw-text-opacity));
}
.text-black-300 {
  --tw-text-opacity: 1;
  color: rgb(212 224 229 / var(--tw-text-opacity));
}
.text-submenu {
  color: var(--color-submenu-bg);
}
.text-filter-active {
  color: var(--color-filter-active);
}
.text-header-mypin-active {
  color: var(--color-header-mypin-active);
}
.text-icon-light {
  color: var(--color-icon-light);
}
.text-filter-active-icon {
  color: var(--color-filter-active-icon);
}
.text-menu-active-icon {
  color: var(--color-menu-active-icon);
}
.text-black-900 {
  --tw-text-opacity: 1;
  color: rgb(27 31 35 / var(--tw-text-opacity));
}
.text-success {
  --tw-text-opacity: 1;
  color: rgb(98 183 11 / var(--tw-text-opacity));
}
.text-header-icon {
  color: var(--color-header-icon);
}
.text-header-text {
  color: var(--color-header-text);
}
.text-header-dollar {
  color: var(--color-header-dollar);
}
.text-header-exp {
  color: var(--color-header-exp);
}
.text-black-200 {
  --tw-text-opacity: 1;
  color: rgb(226 234 239 / var(--tw-text-opacity));
}
.text-black-500 {
  --tw-text-opacity: 1;
  color: rgb(126 145 158 / var(--tw-text-opacity));
}
.text-primary-dark-100 {
  color: var(--color-primaryDark-100);
}
.text-primary {
  color: var(--color-primary);
}
.text-back-600 {
  --tw-text-opacity: 1;
  color: rgb(26 142 225 / var(--tw-text-opacity));
}
.text-lay-600 {
  --tw-text-opacity: 1;
  color: rgb(244 73 109 / var(--tw-text-opacity));
}
.text-global-font-on-light {
  color: var(--color-global-font-on-light);
}
.text-widget-text {
  color: var(--color-widget-text);
}
.text-warning {
  color: var(--color-3rd);
}
.text-parlay-up {
  --tw-text-opacity: 1;
  color: rgb(88 166 8 / var(--tw-text-opacity));
}
.text-parlay-down {
  --tw-text-opacity: 1;
  color: rgb(226 0 0 / var(--tw-text-opacity));
}
.text-scoreboard-accent {
  color: var(--color-scoreboard-accent);
}
.text-market-sub-icon {
  color: var(--color-market-sub-icon);
}
.text-market-name {
  color: var(--color-market-name);
}
.text-\[\#666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}
.text-\[\#555\] {
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}
.text-casino-gold-light {
  --tw-text-opacity: 1;
  color: rgb(255 224 167 / var(--tw-text-opacity));
}
.text-casino-gold-dark {
  --tw-text-opacity: 1;
  color: rgb(148 111 59 / var(--tw-text-opacity));
}
.text-casino-platform-text {
  color: var(--color-platform-text);
}
.text-button-more {
  color: var(--color-button-more-text);
}
.text-market-exchange-tip {
  color: var(--color-market-exchange-tip);
}
.text-event-tab-bg {
  color: var(--color-event-tab-num-bg);
}
.text-event-tab {
  color: var(--color-event-tab);
}
.text-menu-inactive {
  color: #ffffff73;
}
.text-sub-tab-fancybet {
  color: var(--color-sub-tab-fancybet);
}
.text-colorful-text {
  color: var(--color-colorful-tag-text);
}
.text-event-tab-num {
  color: var(--color-event-tab-num);
}
.text-event-tab-icon {
  color: var(--color-event-tab-icon);
}
.text-event-th-option {
  color: var(--color-event-th-option);
}
.text-scores {
  color: var(--color-scores-text);
}
.text-event-th {
  color: var(--color-event-th);
}
.text-market-slideTab-tip {
  color: var(--color-slideTab-tip);
}
.text-secondary {
  color: var(--color-secondary);
}
.text-opacity-50 {
  --tw-text-opacity: 0.5;
}
.underline {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}
.no-underline {
  -webkit-text-decoration-line: none;
  text-decoration-line: none;
}
.caret-primary {
  caret-color: #c09924;
}
.opacity-0 {
  opacity: 0;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-100 {
  opacity: 1;
}
.opacity-85 {
  opacity: 0.85;
}
.opacity-95 {
  opacity: 0.95;
}
.shadow-top {
  --tw-shadow: 0 -0.2rem 3rem 0;
  --tw-shadow-colored: 0 -0.2rem 3rem 0 var(--tw-shadow-color);
}
.shadow,
.shadow-top {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow {
  --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
    0 1px 2px -1px var(--tw-shadow-color);
}
.outline-none {
  outline: 2px solid #0000;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-widget-active {
  outline-color: var(--color-widget-active-bg);
}
.blur {
  --tw-blur: blur(8px);
}
.blur,
.drop-shadow {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a)
    drop-shadow(0 1px 1px #0000000f);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke,
    opacity, box-shadow, transform, filter, -webkit-text-decoration-color,
    -webkit-backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-colors {
  transition-property: color, background-color, border-color, fill, stroke,
    -webkit-text-decoration-color;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.duration-300 {
  transition-duration: 0.3s;
  margin-right: 8px;
}
.duration-500 {
  transition-duration: 0.5s;
}
.duration-700 {
  transition-duration: 0.7s;
}
.line-clamp-1 {
  -webkit-line-clamp: 1;
}
.line-clamp-1,
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.line-clamp-2 {
  -webkit-line-clamp: 2;
}
@font-face {
  font-family: Ubuntu;
  font-display: swap;
  font-weight: 400;
  src: local("Ubuntu Regular"), local("Ubuntu-Regular");
}
@font-face {
  font-family: Ubuntu;
  font-display: swap;
  font-weight: 700;
  src: local("Ubuntu Bold"), local("Ubuntu-Bold");
}
* {
  margin: 0;
  padding: 0;
}
body,
html {
  position: relative;
  background: #f5f5f5;
  font-size: var(--root-font-size);
  font-family: Ubuntu, sans-serif;
  color: #1e1e1e;
  line-height: 1;
  touch-action: manipulation;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.no-scroll,
html.no-scroll {
  touch-action: none;
  overflow: hidden;
}
body.is-desktop #page-container {
  display: grid;
  grid-template-columns: 1fr 480px 1fr;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
body.is-desktop .container {
  width: 480px;
}
body.is-desktop .fixed.w-full {
  width: 480px;
  left: 50%;
  transform: translate(-50%);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
img,
video {
  max-width: 100%;
}
img {
  visibility: hidden;
}
img[src] {
  visibility: visible;
}
iframe {
  border: 0;
}
a,
a:hover {
  color: #000;
}
a:hover {
  text-decoration: none;
}
a:active,
a:visited {
  color: #000;
}
[class*=" icon-"] *,
[class^="icon-"] * {
  font-family: Ubuntu;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
.collapse-enter-active,
.collapse-leave-active {
  transition: max-height 0.35s ease;
}
.collapse-enter-to,
.collapse-leave-from {
  overflow: hidden;
  max-height: 1000px;
}
.collapse-enter-from,
.collapse-leave-to {
  overflow: hidden;
  max-height: 0;
}
.slidein-enter-active,
.slidein-leave-active {
  transition: all 0.3s ease-out;
}
.slidein-enter-to,
.slidein-leave-from {
  transform: translateY(0);
  z-index: 1000 !important;
}
#premiumBetRulesWrap {
  z-index: 1000 !important;
}
.slidein-enter-from,
.slidein-leave-to {
  transform: translateY(100%);
}
.scale-enter-active,
.scale-leave-active {
  transition: all 0.5s ease;
}
.scale-enter-from,
.scale-leave-to {
  opacity: 0;
  transform: scale(0.9);
}
.swip-enter-active {
  transition: transform 0.3s ease-out;
}
.swip-enter-to {
  transform: translate(0);
}
.swip-enter-from {
  transform: translate(100%);
}
.swipReverse-enter-active,
.swipReverse-leave-active {
  transition: transform 0.3s ease-out;
}
.swipReverse-enter-to,
.swipReverse-leave-from {
  transform: translate(0);
}
.swipReverse-enter-from,
.swipReverse-leave-to {
  transform: translate(-100%);
}
.icon-triangle-white {
  width: 0;
  height: 0;
  border-color: #0000 #0000 #0000 #fff;
  border-style: solid;
  border-width: 5px 0 5px 8px;
}
.icon-triangle-black-300 {
  border-color: #0000 #0000 #0000 #d4e0e5;
}
.icon-triangle-black-300,
.icon-triangle-black-400 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  margin: 0 0.2857142857rem;
}
.icon-triangle-black-400 {
  border-color: #0000 #0000 #0000 #9cb1bd;
}
.icon-triangle-black-600 {
  width: 0;
  height: 0;
  border-color: #0000 #0000 #0000 #5a5e62;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  margin: 0 0.2857142857rem;
}
.icon-triangle-shadow {
  width: 0;
  height: 0;
  border-color: #0000 #000 #0000 #0000;
  border-style: solid;
  border-width: 0 0.5rem 0.4285714286rem 0;
}
.icon-triangle-odds-up {
  width: 0;
  height: 0;
  border-color: #0000 #058a60 #0000 #0000;
  border-style: solid;
  border-width: 0 10px 10px 0;
}
.icon-triangle-odds-down {
  width: 0;
  height: 0;
  border-color: #0000 #0000 #e20000;
  border-style: solid;
  border-width: 0 0 10px 10px;
}
.overflow-x-scroll {
  -ms-overflow-style: none;
}
.overflow-x-scroll::-webkit-scrollbar {
  display: none;
}
input {
  outline: none;
}
.before\:absolute:before {
  content: var(--tw-content);
  position: absolute;
}
.before\:-ml-1px:before {
  content: var(--tw-content);
  margin-left: -0.0714285714rem;
}
.before\:-mt-1px:before {
  content: var(--tw-content);
  margin-top: -0.0714285714rem;
}
.before\:h-2:before {
  content: var(--tw-content);
  height: 0.5rem;
}
.before\:w-2:before {
  content: var(--tw-content);
  width: 0.5rem;
}
.before\:bg-red-600:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity));
}
.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}
.after\:-ml-1px:after {
  content: var(--tw-content);
  margin-left: -0.0714285714rem;
}
.after\:-mt-2px:after {
  content: var(--tw-content);
  margin-top: -0.1428571429rem;
}
.after\:h-2:after {
  content: var(--tw-content);
  height: 0.5rem;
}
.after\:w-2:after {
  content: var(--tw-content);
  width: 0.5rem;
}
.after\:bg-red-600:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity));
}
.first\:mt-0:first-child {
  margin-top: 0;
}
.hover\:bg-black-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(111 136 152 / var(--tw-bg-opacity));
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:border-0:disabled {
  border-width: 0;
}
.disabled\:bg-black-300:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(212 224 229 / var(--tw-bg-opacity));
}
.disabled\:text-black-600:disabled {
  --tw-text-opacity: 1;
  color: rgb(111 136 152 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-event-tab {
  color: var(--color-event-tab);
}
.group:hover .group-hover\:opacity-50 {
  opacity: 0.5;
}
@media (min-width: 640px) {
  .sm\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .sm\:mt-0 {
    margin-top: 0;
  }
  .sm\:-ml-1 {
    margin-left: -0.25rem;
  }
  .sm\:ml-0 {
    margin-left: 0;
  }
}
.bg-white .active_home {
  background-color: var(--color-menu-active);
  border-radius: 0.5rem;
  color: var(--color-menu-active-icon);
}
.btn-switch__tgl {
  display: none;
}
.btn-switch__tgl,
.btn-switch__tgl *,
.btn-switch__tgl + .btn-switch__tgl-label,
.btn-switch__tgl:after,
.btn-switch__tgl :after,
.btn-switch__tgl:before,
.btn-switch__tgl :before {
  box-sizing: border-box;
}
.btn-switch__tgl + .btn-switch__tgl-label::selection,
.btn-switch__tgl::selection,
.btn-switch__tgl ::selection,
.btn-switch__tgl:after::selection,
.btn-switch__tgl :after::selection,
.btn-switch__tgl:before::selection,
.btn-switch__tgl :before::selection {
  background: none;
}
.btn-switch__tgl + .btn-switch__tgl-label {
  outline: 0;
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.btn-switch__tgl + .btn-switch__tgl-label:after,
.btn-switch__tgl + .btn-switch__tgl-label:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.btn-switch__tgl + .btn-switch__tgl-label:after {
  left: 0;
}
.btn-switch__tgl + .btn-switch__tgl-label:before {
  display: none;
}
.btn-switch__tgl + .btn-switch__tgl-label:after {
  left: 50%;
}
.btn-switch__tgl + .btn-switch__tgl-label-shadow-none {
  box-sizing: border-box;
}
.btn-switch__tgl + .btn-switch__tgl-label-shadow-none::selection {
  background: none;
}
.btn-switch__tgl + .btn-switch__tgl-label-shadow-none {
  outline: 0;
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.btn-switch__tgl + .btn-switch__tgl-label-shadow-none:after,
.btn-switch__tgl + .btn-switch__tgl-label-shadow-none:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.btn-switch__tgl + .btn-switch__tgl-label-shadow-none:after {
  left: 0;
}
.btn-switch__tgl + .btn-switch__tgl-label-shadow-none:before {
  display: none;
}
.btn-switch__tgl + .btn-switch__tgl-label-shadow-none-active:after {
  left: 50%;
}
.btn-switch__tgl-ios + .btn-switch__tgl-label {
  background: #a2c1d0;
  transition: all 0.4s ease;
  box-shadow: inset 0 3px #00000026;
}
.btn-switch__tgl-ios + .btn-switch__tgl-label:after {
  border-radius: 1rem;
  background: #fbfbfb;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    padding 0.1s ease, margin 0.3s ease;
  box-shadow: 0 0 0 1px #0000001a, 0 4px #00000014;
}
.btn-switch__tgl-ios + .btn-switch__tgl-label:hover:after {
  will-change: padding;
}
.btn-switch__tgl-ios + .btn-switch__tgl-label:active {
  box-shadow: inset 0 0 0 2em #e8eae9;
}
.btn-switch__tgl-ios + .btn-switch__tgl-label:active:after {
  left: 0;
  padding-left: 0.8571428571rem;
  padding-right: 0.8571428571rem;
}
.btn-switch__tgl-ios + .btn-switch__tgl-label {
  background-color: var(--color-filter-active);
}
.btn-switch__tgl-ios + .btn-switch__tgl-label:active {
  box-shadow: none;
}
.btn-switch__tgl-ios + .btn-switch__tgl-label:active:after {
  margin-left: 0;
}
.btn-switch__tgl-ios + .btn-switch__tgl-label-shadow-none {
  background: #6f8898;
  transition: all 0.4s ease;
}
.btn-switch__tgl-ios + .btn-switch__tgl-label-shadow-none:after {
  border-radius: 1rem;
  background: #fff;
  transition: left 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    padding 0.1s ease, margin 0.3s ease;
}
.btn-switch__tgl-ios + .btn-switch__tgl-label-shadow-none:hover:after {
  will-change: padding;
}
.btn-switch__tgl-ios + .btn-switch__tgl-label-shadow-none:active {
  box-shadow: inset 0 0 0 2em #e8eae9;
}
.btn-switch__tgl-ios + .btn-switch__tgl-label-shadow-none:active:after {
  left: 0;
  padding-left: 0.8571428571rem;
  padding-right: 0.8571428571rem;
}
.btn-switch__tgl-ios + .btn-switch__tgl-label-shadow-none-active {
  background-color: var(--color-filter-active);
}
.btn-switch__tgl-ios + .btn-switch__tgl-label-shadow-none-active:active {
  box-shadow: none;
}
.btn-switch__tgl-ios + .btn-switch__tgl-label-shadow-none-active:active:after {
  margin-left: 0;
}
.sport-type-filter-ul::-webkit-scrollbar {
  display: none;
}
.tab-indicator {
  width: var(--6f52149c);
  transform: var(--3de0845e);
}
.tab-indicator,
.tab-indicator1 {
  height: 0.2rem;
  border-radius: 0.1rem;
}
.tab-indicator1 {
  width: var(--3c378959);
  transform: var(--2b5d2117);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    width 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.event-type-tab {
  transition-duration: 0.5s;
}
.event-type-tab.active {
  border-radius: 50px;
}
.event-type-tab.active:hover {
  opacity: 1;
}
.sort-Filter-shadow {
  box-shadow: 0 2px 4px #0000000f;
}
.item-row-by-time,
.item-row-by-time.has-animed-star {
  grid-template-columns: auto auto minmax(170px, 1fr) 29px;
}
.inplay-item-row-by-time,
.inplay-item-row-by-time.has-animed-star {
  grid-template-columns: auto auto minmax(170px, 1fr) 90px 29px;
}
.item-row-by-matched {
  grid-template-columns: 9px minmax(170px, 1fr) 29px;
}
.item-row-by-matched.has-animed-star {
  grid-template-columns: auto minmax(170px, 1fr) 29px;
}
.inplay-item-row-by-matched {
  grid-template-columns: 9px minmax(170px, 1fr) 100px 29px;
}
.inplay-item-row-by-matched.has-animed-star {
  grid-template-columns: auto minmax(170px, 1fr) 100px 29px;
}
.parlay-item-row-by-time-inplay {
  grid-template-columns: auto 9px minmax(170px, 1fr) 100px 29px;
}
.parlay-item-row-by-matched-inplay {
  grid-template-columns: 9px minmax(170px, 1fr) 100px 29px;
}
.parlay-item-row-by-time {
  grid-template-columns: auto 9px minmax(170px, 1fr) 29px;
}
.parlay-item-row-by-matched {
  grid-template-columns: 9px minmax(170px, 1fr) 29px;
}
.icon-right {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 0.8571428571rem;
  --tw-text-opacity: 1;
  color: rgb(126 145 158 / var(--tw-text-opacity));
}
.mat-tab-label {
  min-width: 25px !important;
  max-width: 100% !important;
  background-color: initial;
  color: #fff !important;
  font-weight: 700;
  padding: 0 16px !important;
  font-size: 0.9285714286rem !important;
  height: 34px !important;
  padding: 0 7px !important;
  font-family: Ubuntu, sans-serif !important;
  font-weight: 500 !important;
}
.mat-tab-label:focus:not(.mat-tab-disabled) {
  font-weight: 700 !important;
}
.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #fff;
}
.mat-ink-bar {
  height: 2.4px !important;
  margin-bottom: 2px !important;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translatex(-100px);
  }
  to {
    opacity: 1;
    transform: translatex(0);
  }
}
.active1 {
  background-color: var(--color-primary);
}
@keyframes spinnerLeftRight-aab3e739 {
  0% {
    left: 75%;
  }
  50% {
    left: -15%;
  }
  to {
    left: 75%;
  }
}
.badge[data-v-0e382d54] {
  min-height: 1.0714285714rem;
  min-width: 1.0714285714rem;
  transform: translate(-35%, 40%);
}
.widgetCloseButton {
  opacity: 1;
  background: linear-gradient(90deg, #0000, #000);
}
.widgetContainer::-webkit-scrollbar,
.widgetScrollWrapper::-webkit-scrollbar {
  display: none;
}
.widget-active {
  border-radius: 0.2857142857rem;
  outline-style: solid;
  outline-width: 2px;
  outline-color: var(--color-widget-active-bg);
  box-shadow: inset 0 0 3px 1px #0006;
}
.drop-down {
  width: calc(100% - 1rem);
}
.displaynone {
  display: none;
}
.mybet {
  height: calc(100% - 5.8571428571rem);
}
.content a {
  color: #1a8ee1;
  text-decoration: underline;
}
.bet-amount {
  margin-bottom: 0.5rem;
  flex: 1 1 0%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 246 251 / var(--tw-bg-opacity));
  padding: 0.5rem;
  text-align: center;
  line-height: 1.5;
}
.bet-amount .title {
  padding-bottom: 0.5rem;
  font-size: 0.7857142857rem;
  --tw-text-opacity: 1;
  color: rgb(111 136 152 / var(--tw-text-opacity));
}
.bet-amount .input-box {
  display: flex;
  height: 2.5rem;
}
.icon-minus,
.icon-plus {
  font-size: 1rem;
  line-height: 1.5rem;
}
.input-field {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  display: flex;
  width: 2.5rem;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.25rem;
  border-style: solid;
  font-weight: 700;
  color: var(--color-global-font-on-light);
}
.input-field.is-default {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(111 136 152 / var(--tw-border-opacity));
}
.input-field.is-focus {
  border-width: 2px;
  border-color: var(--color-primaryDark-100);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.input-field.is-focus:after {
  display: inline-block;
}
@keyframes inputBlink-6eedf215 {
  50% {
    opacity: 0;
  }
}
.input-field.is-focus:after {
  animation: inputBlink-6eedf215 1.2s step-start infinite;
  content: "|";
  font-weight: 400;
}
.input-field.is-error {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(246 105 135 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 215 224 / var(--tw-bg-opacity));
}
.input-field.is-disabled {
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(212 224 229 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(111 136 152 / var(--tw-text-opacity));
}
.row {
  padding: 0.5rem;
}
.row.second {
  padding: 0;
}
.row.third {
  font-size: 0.7142857143rem;
  --tw-text-opacity: 1;
  color: rgb(111 136 152 / var(--tw-text-opacity));
}
.tab-indicator {
  width: var(--30d999bb);
  transform: var(--7e800416);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    width 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.main-row {
  grid-template-columns: minmax(0, 1.7142857143rem) minmax(0, 24rem) 1fr;
}
.book {
  height: calc(100% - 5.8571428571rem);
}
.content {
  height: calc(100% - 2.3571428571rem);
}
.text-exposure-lay {
  color: #c60000;
}
.availableToLay:last-child .availableToLayItem:first-child {
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(212 224 229 / var(--tw-border-opacity));
}
.myMarketDepth {
  height: calc(100% - 5.8571428571rem);
}
.list-area {
  height: calc(100% - 2.3571428571rem);
}
.event-market-name {
  overflow-wrap: anywhere;
}
.sum.is-default {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(111 136 152 / var(--tw-border-opacity));
}
.sum.is-focus {
  border-width: 2px;
  border-color: var(--color-primaryDark-100);
}
.sum.is-focus:after {
  display: inline-block;
}
@keyframes inputBlink-5e14134a {
  50% {
    opacity: 0;
  }
}
.sum.is-focus:after {
  animation: inputBlink-5e14134a 1.2s step-start infinite;
  content: "|";
  font-weight: 400;
}
.calc-btn {
  height: 3.5rem;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(238 246 251 / var(--tw-bg-opacity));
}
.mat-ripple:not(:empty) {
  transform: none !important;
}
.mat-ripple.mat-ripple-unbounded {
  overflow: none !important;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: none !important;
  transform: scale(0);
}
.theme-default .bs-datepicker-body table td span.selected,
.theme-default .bs-datepicker-head {
  background-color: var(--color-primary);
}
.fave {
  width: 5rem;
  max-width: 70px;
  height: 3.2142857143rem;
  max-height: 45px;
  transform-origin: center center;
  transform: scale(var(--f5d0b72c));
  margin: -1rem;
  background-position: 0 0;
}
.fave:hover {
  cursor: pointer;
}
.fave.animate {
  background-position: -3519px 0;
  transition: background-position 0.8s steps(55);
}
#video-contaienr {
  height: auto;
}
.video-wrapper {
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  width: 100%;
  height: 100%;
}
.video-wrapper.is-outside {
  position: fixed;
  width: 100%;
  height: auto;
  z-index: 10000;
  top: 0;
  right: 2.66667vw;
  margin-right: 0;
  transform: scale(0.5);
  transform-origin: 100% 100%;
}
body.is-desktop .video-wrapper.is-outside {
  width: 240px;
  top: 126px;
  right: 50%;
  transform: none;
  margin-right: -231px;
}
body.is-desktop .video-wrapper.is-outside .btn-close {
  right: 0.5rem;
  height: 1.25rem;
  width: 1.25rem;
}
body.is-desktop .video-wrapper.is-outside .icon-close {
  font-size: 0.5714285714rem;
}
.control-bar {
  background: linear-gradient(-180deg, #0000, #000);
}
#player:-webkit-full-screen {
  width: 100%;
  height: 100%;
}
.btn-close {
  background: #00000080;
}
.bs-datepicker {
  margin-left: 100px !important;
}
.bs-datepicker-container {
  padding: 1px !important;
}
.zindex {
  z-index: 1000;
}
#main-container {
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.lay {
  background: #faa9ba;
}
.eventIconInfo {
  background-color: #f7d147;
}
.logo {
  width: 192px;
  height: 60px;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background-color: #000000b3;
  z-index: 10000000000;
  justify-content: center;
  align-items: center;
  animation: fadeIn 0.5s ease;
}
.frame-wrap {
  height: auto !important;
  background: #fff;
}
.sec__container {
  flex-wrap: wrap;
  max-width: 90%;
  margin: 40px auto;
}
.cookie__box,
.sec__container {
  display: flex;
  width: 100%;
  justify-content: center;
}
.cookie__box {
  --clr-primary: #c1610c;
  --clr-accent: #615f5f;
  flex-direction: column;
  align-items: center;
  bottom: 30px;
  left: 70px;
  top: 35px;
  max-width: 365px;
  border-radius: 15px;
  text-align: center;
  padding: 25px 25px 30px;
  transform: translateX(0);
  background-color: #fff;
}
.cookie__box.hide {
  display: none;
  transform: translateX(-500px);
}
.cookie__box > img {
  max-width: 90px;
}
.cookie__box .content {
  margin-top: 10px;
}
.cookie__box .content h2 {
  font-size: 24px;
  font-weight: 700;
}
.cookie__box .content p {
  font-size: 15px;
  margin: 5px 0 20px;
  color: var(--clr-accent);
}
.cookie__box .content .btn__group {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cookie__box .content .btn__group * {
  margin: 0 10px;
}
.cookie__box .content .btn__group .accept__btn {
  padding: 10px 20px;
  outline: none;
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  cursor: pointer;
  border: 2px solid var(--clr-primary);
  color: #fff;
  background-color: var(--clr-primary);
}
.cookie__box .content .btn__group .accept__btn:hover {
  background-color: #fff;
  color: var(--clr-primary);
}
.cookie__box .content .btn__group .learn__more-btn {
  text-decoration: none;
  color: var(--clr-primary);
}
.cookie__box .content .btn__group .learn__more-btn:hover {
  text-decoration: underline;
}
@media screen and (max-width: 600px) {
  .cookie__box {
    left: 2px;
    bottom: 60px;
    padding: 20px 10px;
  }
}
@media screen and (max-width: 400px) {
  .cookie__box {
    max-width: 340px;
  }
  .cookie__box .content .btn__group {
    flex-direction: column;
    grid-gap: 15px;
    gap: 15px;
  }
}
@media screen and (max-width: 320px) {
  .cookie__box {
    max-width: 290px;
  }
}
input {
  background: #0000;
}
.bangla-theme .cricket {
  background-image: url(assets/images/velkii365/cricket.webp) !important;
}
.bangla-theme .tennis {
  background-image: url(assets/images/velkii365/tennis.webp) !important;
}
.bangla-theme .soccer {
  background-image: url(assets/images/velkii365/soccer.webp) !important;
}
.bangla-theme .aalsports {
  background-image: url(assets/images/velkii365/velki-sport-all.webp) !important;
}
.portuguese-theme .cricket {
  background-image: url(assets/images/velkii365/cricket.webp) !important;
}
.portuguese-theme .tennis {
  background-image: url(assets/images/velkii365/tennis.webp) !important;
}
.portuguese-theme .soccer {
  background-image: url(assets/images/velkii365/soccer.webp) !important;
}
.portuguese-theme .aalsports {
  background-image: url(assets/images/velkii365/velki-sport-all.webp) !important;
}
.spanish-theme .cricket {
  background-image: url(assets/images/velkii365/cricket.webp) !important;
}
.spanish-theme .tennis {
  background-image: url(assets/images/velkii365/tennis.webp) !important;
}
.spanish-theme .soccer {
  background-image: url(assets/images/velkii365/soccer.webp) !important;
}
.spanish-theme .aalsports {
  background-image: url(assets/images/velkii365/velki-sport-all.webp) !important;
}
.turkish-theme .cricket {
  background-image: url(assets/images/velkii365/cricket.webp) !important;
}
.turkish-theme .tennis {
  background-image: url(assets/images/velkii365/tennis.webp) !important;
}
.turkish-theme .soccer {
  background-image: url(assets/images/velkii365/soccer.webp) !important;
}
.turkish-theme .aalsports {
  background-image: url(assets/images/velkii365/velki-sport-all.webp) !important;
}
.back-1.select {
  --tw-bg-opacity: 1;
  background-color: rgb(55 157 230 / var(--tw-bg-opacity));
}
.lay-1.select {
  --tw-bg-opacity: 1;
  background-color: rgb(246 105 135 / var(--tw-bg-opacity));
}
.bg-back-300.select {
  --tw-bg-opacity: 1;
  background-color: rgb(55 157 230 / var(--tw-bg-opacity));
}
.bg-lay-300.select {
  --tw-bg-opacity: 1;
  background-color: rgb(246 105 135 / var(--tw-bg-opacity));
}
.icon-Bookmaker,
.icon-Fancy,
.icon-Sportbook {
  font-size: 0.7142857143rem;
}