:root {
  --color-primary: 0, 236, 102;
  --color-primary-100: 0, 0, 0;
  --color-primary-200: 0, 0, 0;
  --color-secondary: 56, 92, 254;
  --color-secondary-100: 0, 0, 0;
  --color-secondary-200: 0, 0, 0;
  --color-text-primary: 204, 214, 246;
  --color-text-primary-100: 146, 157, 191;
  --color-text-primary-200: 163, 175, 204;
  --color-text-secondary: 23, 34, 44;
  --color-text-secondary-100: 0, 0, 0;
  --color-text-secondary-200: 0, 0, 0;
  --color-background-primary: 25, 29, 38;
  --color-background-primary-200: 31, 35, 49;
  --color-background-primary-300: 36, 41, 55;
  --color-background-primary-400: 0, 35, 56;
  --color-background-secondary: 22, 27, 40;
  --color-background-gradient-start: 1, 28, 45;
  --color-success: 40, 167, 69;
  --color-info: 23, 162, 184;
  --color-warning: 255, 193, 7;
  --color-danger: 220, 53, 69;
  --font-family-primary: "Poppins", sans-serif;
  --font-family-secondary: "Poppins", serif;
  --z-index-dropdown: 1000;
  --z-index-sticky: 1020;
  --z-index-fixed: 1030;
  --z-index-bottom-menu: 1037;
  --z-index-sidebar-backdrop: 1038;
  --z-index-sidebar: 1039;
  --z-index-modal-backdrop: 1041;
  --z-index-modal: 1050;
  --z-index-popover: 1060;
  --z-index-tooltip: 1070;
  --z-index-options-mobile: 1080;
  --header-height: 9.5rem;
  --header-height-mobile: 6rem;
  --sidebar-width: 28rem;
  --sidebar-collapsed: 8rem;
}
@media not (min-width: 920px) {
  :root {
    --header-height: 6rem;
  }
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
dl,
dd {
  margin: 0;
}
html {
  scroll-behavior: smooth;
  font-size: 10px;
}
body {
  min-height: 100dvh;
  font-size: 1.6rem;
  text-rendering: optimizespeed;
  -webkit-font-smoothing: antialiased;
}
ul,
ol {
  padding: 0;
  list-style: none;
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
svg {
  vertical-align: middle;
}
button,
input,
select,
textarea {
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  appearance: none;
  outline: none;
  background: none;
  border: none;
}
button {
  cursor: pointer;
  background-color: transparent;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  margin: 0;
}
input[type="search"] {
  appearance: none;
  outline-offset: -2px;
}
input[type="file"] {
  padding: 0;
  margin: 0;
  border: none;
}
input[type="checkbox"],
input[type="radio"] {
  margin: 0;
  appearance: none;
}
select {
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
}
:focus {
  outline: none;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
label {
  display: block;
}
p {
  overflow-wrap: break-word;
}
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  max-width: 100%;
}
code,
pre {
  font-family: monospace;
  font-size: 1em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
::-moz-focus-inner {
  padding: 0;
  border: 0;
}
html[dir="rtl"] *:has(> [aria-controls*="swiper"][role="button"]),
html[dir="rtl"] .swiper {
  direction: ltr !important;
}
.flag {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-image: url(../../../images/flags.png);
  background-repeat: no-repeat;
  background-position: 100px 0;
  transform: scale(0.7);
  transform-origin: left center;
}
.flag[country^="home"] {
  background-image: none;
}
.flag[country^="worldcup"] {
  background-position: -287px -384px;
}
.flag[country^="international"] {
  background-position: -239px -384px;
}
.flag[country^="uefachampionsleague"] {
  background-position: -47px -72px;
}
.flag[country^="uefaeuropaleague"] {
  background-position: -336px -96px;
}
.flag[country^="copaamericacnt"] {
  width: 24px;
  height: 24px;
  margin-left: 10px;
  background-position: -264px -72px;
}
.flag[country^="wta"] {
  background-position: -1px -405px;
}
.flag[country^="atp"] {
  background-position: -25px -405px;
}
.flag[country^="itf"] {
  background-position: -50px -405px;
  transform: scale(0.8);
}
.flag[country^="challenger"] {
  background-position: -74px -405px;
}
.flag[country^="daviscup"] {
  background-position: -149px -405px;
}
.flag[country^="euro"] {
  background-position: -336px -385px;
}
.flag[country^="uefaeuropaconferenceleague"] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAADfklEQVRIiZ2WTYwVRRDHf/XeAi4oYhojrhtkxSDxM2RdJKhxZSCeCAdN5EJiAhcvXk1Qb2j0xNVEozGeJJBgPHgw7YonlY89kCAa1pAggmGHaETg7du3ZWpezWN2mZmHVDLpnpqq/7+7qrp66Cequk5V31LVMVU9r6ra6XS2tlutmXardXa23U5U9Q1VXd0XrE5U1YByeUlVZ20+1+kk7VZL7ZnrdHYVbEbr8Bp9+CaAn33+OHAym4kMuO6aNBqrfH4aOHHbZCIyB7znr2PAsUwPS133G7DO55+IiP5/shhWEsOnxGDfvwAuAk8DPxV21gbOAsOALepzYlhGDAeJ4d5bI4vhYeAo8BqwSUQM9ENgLTDlVsuBFDgPPAAcERFbUAK8nC2qi1NDFsP9nqc1wCXLiX/5zOqFbviuAyuBy/6Yz5du96fr1mQ4MQyVk3VDdtDDMg08T5JOdqMmFq7vgaeASSebdmBbwDcZRpL+CIz7t+EsBV3cm3b2OrDZ4/8KSfrLgihY7p7xENtuznne/hGRUz2rJLWK3emReM5xC2QxLAb2uu4jkvRISX4tVKNeJMNeHLO9oilKkkarTtfsdfzezrYDFt8O8G4JkYXyD8CeC8DqjEyE/DiUyD6P0pDj98h2+DhBkp4r81RVK3db8QqvRrMbBE6VUiVpnmcWkuVtZqJilXiF/eC2k41mcxbVOT/YVfKt68eKZCM+/lrjeBWYcbLjjWbzLtedrvHJv40UyQZ9/LvG8S/gMQ+jVeSTdqhF5GqNT35OB4tkMz7eXeO42Hf1u5+vTV4wdbLMv7WKZBd8fKSPs/XHM8BD9kijkfaxz/EuFsmO+rilxnGJ98c3gY8NqDkw8FUfsheL+DnZ1z6OE0PVjTtcorNbvFlqHcODwAtF/JzsEPCvv79dQTZUoltUqOSF8k736stwD90gS1Krwv1uvIcYxkuc11aAbijZ1VZgt7/td/x5jfgDT75k3T+GRxdAjFWQzf/viOEJ4IC/TTku88mS9Ip3azs3IWs1MSQFmI0VZJsLRNvsIgXucZxXHTcTqQjBYT8jdk2s0i3TqefyZnu4LiLvE8N9eYl7nnZ49+9JmbMRbvD76xJJ+qyqrgfWV+zM5KSITBGD3QDWpG1H2cV7axLDHcRgLck6/neFf8MysYWZz2jmd7uiqiN9iEyuqeqdtRzAf4dwddcs6UNfAAAAAElFTkSuQmCC);
  background-position: 0 0;
  background-size: 100% 100%;
}
.flag[country^="asean"] {
  background-position: 0px 0px;
}
.flag[country^="afghanistan"] {
  background-position: -24px 0px;
}
.flag[country^="africa"] {
  background-position: -48px 0px;
}
.flag[country^="african-union-oas"] {
  background-position: -72px 0px;
}
.flag[country^="albania"] {
  background-position: -96px 0px;
}
.flag[country^="algeria"] {
  background-position: -120px 0px;
}
.flag[country^="america"] {
  background-position: -144px 0px;
}
.flag[country^="american-samoa"] {
  background-position: -168px 0px;
}
.flag[country^="andorra"] {
  background-position: -192px 0px;
}
.flag[country^="angola"] {
  background-position: -216px 0px;
}
.flag[country^="anguilla"] {
  background-position: -240px 0px;
}
.flag[country^="antarctica"] {
  background-position: -264px 0px;
}
.flag[country^="antiguaandbarbuda"] {
  background-position: -288px 0px;
}
.flag[country^="arab-league"] {
  background-position: -312px 0px;
}
.flag[country^="argentina"] {
  background-position: -336px 0px;
}
.flag[country^="armenia"] {
  background-position: -360px 0px;
}
.flag[country^="aruba"] {
  background-position: 0px -24px;
}
.flag[country^="asia"] {
  background-position: -24px -24px;
}
.flag[country^="australia"] {
  background-position: -48px -24px;
}
.flag[country^="austria"] {
  background-position: -72px -24px;
}
.flag[country^="azerbaijan"] {
  background-position: -96px -24px;
}
.flag[country^="bahamas"] {
  background-position: -120px -24px;
}
.flag[country^="bahrain"] {
  background-position: -144px -24px;
}
.flag[country^="bangladesh"] {
  background-position: -168px -24px;
}
.flag[country^="barbados"] {
  background-position: -192px -24px;
}
.flag[country^="belarus"] {
  background-position: -216px -24px;
}
.flag[country^="belgium"] {
  background-position: -240px -24px;
}
.flag[country^="belize"] {
  background-position: -264px -24px;
}
.flag[country^="benin"] {
  background-position: -288px -24px;
}
.flag[country^="bermuda"] {
  background-position: -312px -24px;
}
.flag[country^="bhutan"] {
  background-position: -336px -24px;
}
.flag[country^="bolivia"] {
  background-position: -360px -24px;
}
.flag[country^="bosnia&herzegovina"] {
  background-position: 0px -48px;
}
.flag[country^="bosnia"],
.flag[country^="bosniaandherzegovina"] {
  background-position: -24px -48px;
}
.flag[country^="botswana"] {
  background-position: -48px -48px;
}
.flag[country^="brazil"] {
  background-position: -72px -48px;
}
.flag[country^="brunei"] {
  background-position: -96px -48px;
}
.flag[country^="bulgaria"] {
  background-position: -120px -48px;
}
.flag[country^="burkina-faso"] {
  background-position: -144px -48px;
}
.flag[country^="burundi"] {
  background-position: -168px -48px;
}
.flag[country^="caricom"] {
  background-position: -192px -48px;
}
.flag[country^="cis"] {
  background-position: -216px -48px;
}
.flag[country^="cambodia"] {
  background-position: -240px -48px;
}
.flag[country^="cambodja"] {
  background-position: -264px -48px;
}
.flag[country^="cameroon"] {
  background-position: -288px -48px;
}
.flag[country^="canada"] {
  background-position: -312px -48px;
}
.flag[country^="cape-verde"] {
  background-position: -336px -48px;
}
.flag[country^="cayman-islands"] {
  background-position: -360px -48px;
}
.flag[country^="central-african-republic"] {
  background-position: 0px -72px;
}
.flag[country^="chad"] {
  background-position: -24px -72px;
}
.flag[country^="championsleague"] {
  background-position: -48px -72px;
}
.flag[country^="chile"] {
  background-position: -72px -72px;
}
.flag[country^="china"],
.flag[country^="chinesetaipei"] {
  background-position: -96px -72px;
}
.flag[country^="colombia"] {
  background-position: -120px -72px;
}
.flag[country^="commonwealth"] {
  background-position: -144px -72px;
}
.flag[country^="comoros"] {
  background-position: -168px -72px;
}
.flag[country^="congo-brazzaville"] {
  background-position: -192px -72px;
}
.flag[country^="congo-kinshasa"] {
  background-position: -216px -72px;
}
.flag[country^="cook-islands"] {
  background-position: -240px -72px;
}
.flag[country^="copaamerica"] {
  background-position: -264px -72px;
}
.flag[country^="costarica"] {
  background-position: -288px -72px;
}
.flag[country^="cote-divoire"] {
  background-position: -312px -72px;
}
.flag[country^="croatia"] {
  background-position: -336px -72px;
}
.flag[country^="cuba"] {
  background-position: -360px -72px;
}
.flag[country^="cyprus"] {
  background-position: 0px -96px;
}
.flag[country^="czechrepublic"] {
  background-position: -24px -96px;
}
.flag[country^="denmark"] {
  background-position: -48px -96px;
}
.flag[country^="djibouti"] {
  background-position: -72px -96px;
}
.flag[country^="dominica"] {
  background-position: -96px -96px;
}
.flag[country^="dominicanrepublic"] {
  background-position: -120px -96px;
}
.flag[country^="ecuador"] {
  background-position: -144px -96px;
}
.flag[country^="egypt"] {
  background-position: -168px -96px;
}
.flag[country^="elsalvador"] {
  background-position: -192px -96px;
}
.flag[country^="england"] {
  background-position: -216px -96px;
}
.flag[country^="equatorial-guinea"] {
  background-position: -240px -96px;
}
.flag[country^="eritrea"] {
  background-position: -264px -96px;
}
.flag[country^="estonia"] {
  background-position: -288px -96px;
}
.flag[country^="ethiopia"] {
  background-position: -312px -96px;
}
.flag[country^="europaleague"] {
  background-position: -336px -96px;
}
.flag[country^="europe"] {
  background-position: -360px -96px;
}
.flag[country^="faroeislands"] {
  background-position: -24px -120px;
}
.flag[country^="fiji"] {
  background-position: -48px -120px;
}
.flag[country^="finland"] {
  background-position: -72px -120px;
}
.flag[country^="france"] {
  background-position: -96px -120px;
}
.flag[country^="gabon"] {
  background-position: -120px -120px;
}
.flag[country^="gambia"] {
  background-position: -144px -120px;
}
.flag[country^="georgia"] {
  background-position: -168px -120px;
}
.flag[country^="germany"] {
  background-position: -192px -120px;
}
.flag[country^="ghana"] {
  background-position: -216px -120px;
}
.flag[country^="gibraltar"] {
  background-position: -240px -120px;
}
.flag[country^="greatbritain"] {
  background-position: -264px -120px;
}
.flag[country^="greece"] {
  background-position: -288px -120px;
}
.flag[country^="greenland"] {
  background-position: -312px -120px;
}
.flag[country^="grenada"] {
  background-position: -336px -120px;
}
.flag[country^="guadeloupe"] {
  background-position: -360px -120px;
}
.flag[country^="guam"] {
  background-position: 0px -144px;
}
.flag[country^="guatemala"] {
  background-position: -24px -144px;
}
.flag[country^="guernsey"] {
  background-position: -48px -144px;
}
.flag[country^="guinea-bissau"] {
  background-position: -72px -144px;
}
.flag[country^="guinea"] {
  background-position: -96px -144px;
}
.flag[country^="guyana"] {
  background-position: -120px -144px;
}
.flag[country^="haiti"] {
  background-position: -144px -144px;
}
.flag[country^="honduras"] {
  background-position: -168px -144px;
}
.flag[country^="hongkong"] {
  background-position: -192px -144px;
}
.flag[country^="hungary"] {
  background-position: -216px -144px;
}
.flag[country^="iceland"] {
  background-position: -240px -144px;
}
.flag[country^="india"] {
  background-position: -264px -144px;
}
.flag[country^="indonesia"] {
  background-position: -288px -144px;
}
.flag[country^="iran"] {
  background-position: -336px -144px;
}
.flag[country^="iraq"] {
  background-position: -360px -144px;
}
.flag[country^="ireland"] {
  background-position: 0px -168px;
}
.flag[country^="islamic-conference"] {
  background-position: -24px -168px;
}
.flag[country^="isle-of-man"] {
  background-position: -48px -168px;
}
.flag[country^="israel"] {
  background-position: -72px -168px;
}
.flag[country^="italy"] {
  background-position: -96px -168px;
}
.flag[country^="jamaica"] {
  background-position: -120px -168px;
}
.flag[country^="jersey"] {
  background-position: -144px -168px;
}
.flag[country^="jordan"] {
  background-position: -168px -168px;
}
.flag[country^="kazakhstan"] {
  background-position: -192px -168px;
}
.flag[country^="kenya"] {
  background-position: -216px -168px;
}
.flag[country^="kiribati"] {
  background-position: -240px -168px;
}
.flag[country^="korea-south"] {
  background-position: -264px -168px;
}
.flag[country^="koreasouth"] {
  background-position: -288px -168px;
}
.flag[country^="kosovo"] {
  background-position: -312px -168px;
}
.flag[country^="kuwait"] {
  background-position: -336px -168px;
}
.flag[country^="kyrgyzstan"] {
  background-position: -360px -168px;
}
.flag[country^="laos"] {
  background-position: 0px -192px;
}
.flag[country^="latvia"] {
  background-position: -24px -192px;
}
.flag[country^="lebanon"] {
  background-position: -48px -192px;
}
.flag[country^="lesotho"] {
  background-position: -72px -192px;
}
.flag[country^="liberia"] {
  background-position: -96px -192px;
}
.flag[country^="libya"] {
  background-position: -120px -192px;
}
.flag[country^="liechtenstein"] {
  background-position: -144px -192px;
}
.flag[country^="lithuania"] {
  background-position: -168px -192px;
}
.flag[country^="luxembourg"] {
  background-position: -192px -192px;
}
.flag[country^="macao"],
.flag[country^="macau"] {
  background-position: -216px -192px;
}
.flag[country^="macedonia"] {
  background-position: -240px -192px;
}
.flag[country^="madagascar"] {
  background-position: -264px -192px;
}
.flag[country^="malawi"] {
  background-position: -288px -192px;
}
.flag[country^="malaysia"] {
  background-position: -312px -192px;
}
.flag[country^="maldives"] {
  background-position: -336px -192px;
}
.flag[country^="mali"] {
  background-position: -360px -192px;
}
.flag[country^="malta"] {
  background-position: 0px -216px;
}
.flag[country^="marshall-islands"] {
  background-position: -24px -216px;
}
.flag[country^="martinique"] {
  background-position: -48px -216px;
}
.flag[country^="mauritania"] {
  background-position: -72px -216px;
}
.flag[country^="mauritius"] {
  background-position: -96px -216px;
}
.flag[country^="mexico"] {
  background-position: -120px -216px;
}
.flag[country^="micronesia"] {
  background-position: -144px -216px;
}
.flag[country^="moldova"] {
  background-position: -168px -216px;
}
.flag[country^="monaco"] {
  background-position: -192px -216px;
}
.flag[country^="mongolia"] {
  background-position: -216px -216px;
}
.flag[country^="montenegro"] {
  background-position: -240px -216px;
}
.flag[country^="montserrat"] {
  background-position: -264px -216px;
}
.flag[country^="morocco"] {
  background-position: -288px -216px;
}
.flag[country^="mozambique"] {
  background-position: -312px -216px;
}
.flag[country^="myanmar"] {
  background-position: -336px -216px;
}
.flag[country^="nato"] {
  background-position: -360px -216px;
}
.flag[country^="namibia"] {
  background-position: 0px -240px;
}
.flag[country^="nauru"] {
  background-position: -24px -240px;
}
.flag[country^="nepal"] {
  background-position: -48px -240px;
}
.flag[country^="netherlands-antilles"] {
  background-position: -72px -240px;
}
.flag[country^="netherlands"],
.flag[country^="holland"] {
  background-position: -96px -240px;
}
.flag[country^="newcaledonia"] {
  background-position: -120px -240px;
}
.flag[country^="newzealand"] {
  background-position: -144px -240px;
}
.flag[country^="nicaragua"] {
  background-position: -168px -240px;
}
.flag[country^="niger"] {
  background-position: -192px -240px;
}
.flag[country^="nigeria"] {
  background-position: -216px -240px;
}
.flag[country^="north-korea"] {
  background-position: -240px -240px;
}
.flag[country^="northamerica"] {
  background-position: -264px -240px;
}
.flag[country^="northern-cyprus"] {
  background-position: -288px -240px;
}
.flag[country^="northernireland"] {
  background-position: -312px -240px;
}
.flag[country^="norway"] {
  background-position: -336px -240px;
}
.flag[country^="opec"] {
  background-position: -360px -240px;
}
.flag[country^="olimpic-movement"] {
  background-position: 0px -264px;
}
.flag[country^="olympicgames"] {
  background-position: -24px -264px;
}
.flag[country^="oman"] {
  background-position: -48px -264px;
}
.flag[country^="pakistan"] {
  background-position: -72px -264px;
}
.flag[country^="palau"] {
  background-position: -96px -264px;
}
.flag[country^="palestine"] {
  background-position: -120px -264px;
}
.flag[country^="panama"] {
  background-position: -144px -264px;
}
.flag[country^="papua-new-guinea"] {
  background-position: -168px -264px;
}
.flag[country^="paraguay"] {
  background-position: -192px -264px;
}
.flag[country^="peru"] {
  background-position: -216px -264px;
}
.flag[country^="philippines"] {
  background-position: -240px -264px;
}
.flag[country^="poland"] {
  background-position: -264px -264px;
}
.flag[country^="portugal"] {
  background-position: -288px -264px;
}
.flag[country^="puertorico"] {
  background-position: -312px -264px;
}
.flag[country^="qatar"] {
  background-position: -336px -264px;
}
.flag[country^="red-cross"] {
  background-position: -360px -264px;
}
.flag[country^="republicofireland"] {
  background-position: 0px -288px;
}
.flag[country^="reunion"] {
  background-position: -24px -288px;
}
.flag[country^="romania"] {
  background-position: -48px -288px;
}
.flag[country^="russia"] {
  background-position: -72px -288px;
}
.flag[country^="rwanda"] {
  background-position: -96px -288px;
}
.flag[country^="saint-lucia"] {
  background-position: -120px -288px;
}
.flag[country^="samoa"] {
  background-position: -144px -288px;
}
.flag[country^="sanmarino"] {
  background-position: -168px -288px;
}
.flag[country^="sao-tome-principe"] {
  background-position: -192px -288px;
}
.flag[country^="saudiarabia"] {
  background-position: -216px -288px;
}
.flag[country^="scotland"] {
  background-position: -240px -288px;
}
.flag[country^="senegal"] {
  background-position: -264px -288px;
}
.flag[country^="serbia"] {
  background-position: -288px -288px;
}
.flag[country^="seyshelles"] {
  background-position: -312px -288px;
}
.flag[country^="sierra-leone"] {
  background-position: -336px -288px;
}
.flag[country^="singapore"] {
  background-position: -360px -288px;
}
.flag[country^="slovakia"] {
  background-position: 0px -312px;
}
.flag[country^="slovenia"] {
  background-position: -24px -312px;
}
.flag[country^="solomon-islands"] {
  background-position: -48px -312px;
}
.flag[country^="somalia"] {
  background-position: -72px -312px;
}
.flag[country^="somaliland"] {
  background-position: -96px -312px;
}
.flag[country^="southafrica"] {
  background-position: -120px -312px;
}
.flag[country^="southkorea-copy"] {
  background-position: -144px -312px;
}
.flag[country^="southkorea"] {
  background-position: -168px -312px;
}
.flag[country^="spain"] {
  background-position: -192px -312px;
}
.flag[country^="sri-lanka"] {
  background-position: -216px -312px;
}
.flag[country^="st-kitts-nevis"] {
  background-position: -240px -312px;
}
.flag[country^="st-vincent-the-grenadines"] {
  background-position: -264px -312px;
}
.flag[country^="sudan"] {
  background-position: -288px -312px;
}
.flag[country^="suriname"] {
  background-position: -312px -312px;
}
.flag[country^="swaziland"] {
  background-position: -336px -312px;
}
.flag[country^="sweden"] {
  background-position: -360px -312px;
}
.flag[country^="switzerland"] {
  background-position: 0px -336px;
}
.flag[country^="syria"] {
  background-position: -24px -336px;
}
.flag[country^="tahiti-french-polinesia"] {
  background-position: -48px -336px;
}
.flag[country^="taiwan"] {
  background-position: -72px -336px;
}
.flag[country^="tajikistan"] {
  background-position: -96px -336px;
}
.flag[country^="tanzania"] {
  background-position: -120px -336px;
}
.flag[country^="thailand"] {
  background-position: -144px -336px;
}
.flag[country^="timor-leste"] {
  background-position: -168px -336px;
}
.flag[country^="togo"] {
  background-position: -192px -336px;
}
.flag[country^="tonga"] {
  background-position: -216px -336px;
}
.flag[country^="trinidadtobago"] {
  background-position: -240px -336px;
}
.flag[country^="trinidadandtobago"] {
  background-position: -264px -336px;
}
.flag[country^="tunisia"] {
  background-position: -288px -336px;
}
.flag[country^="turkey"],
.flag[country^="turkishpolitics"] {
  background-position: -312px -336px;
}
.flag[country^="turkmenistan"] {
  background-position: -336px -336px;
}
.flag[country^="turks-and-caicos-islands"] {
  background-position: -360px -336px;
}
.flag[country^="tuvalu"] {
  background-position: 0px -360px;
}
.flag[country^="uae"] {
  background-position: -24px -360px;
}
.flag[country^="uk"] {
  background-position: -48px -360px;
}
.flag[country^="usa"],
.flag[country^="unitedstates"] {
  background-position: -72px -360px;
}
.flag[country^="uganda"] {
  background-position: -96px -360px;
}
.flag[country^="ukraine"] {
  background-position: -120px -360px;
}
.flag[country^="united-nations"] {
  background-position: -144px -360px;
}
.flag[country^="unitedarabemirates"] {
  background-position: -168px -360px;
}
.flag[country^="unitedkingdom"] {
  background-position: -192px -360px;
}
.flag[country^="uruguay"] {
  background-position: -216px -360px;
}
.flag[country^="uzbekistan"] {
  background-position: -240px -360px;
}
.flag[country^="vtb"] {
  background-position: -264px -360px;
}
.flag[country^="vanuatu"] {
  background-position: -288px -360px;
}
.flag[country^="vatican-city"] {
  background-position: -312px -360px;
}
.flag[country^="venezuela"] {
  background-position: -336px -360px;
}
.flag[country^="vietnam"] {
  background-position: -360px -360px;
}
.flag[country^="virgin-islands-british"] {
  background-position: 0px -384px;
}
.flag[country^="virgin-islands-us"] {
  background-position: -24px -384px;
}
.flag[country^="wales"] {
  background-position: -48px -384px;
}
.flag[country^="western-sahara"] {
  background-position: -72px -384px;
}
.flag[country^="yemen"] {
  background-position: -120px -384px;
}
.flag[country^="zambia"] {
  background-position: -144px -384px;
}
.flag[country^="zimbabwe"] {
  background-position: -168px -384px;
}
.flag[country^="japan"] {
  background-position: -192px -384px;
}
.flag[country^="rolandgarros"],
.flag[country^="atp-roland-garros"],
.flag[country^="wta-roland-garros"] {
  background-position: -216px -384px;
}
.flag[country^="undefined"] {
  background-position: -240px -384px;
}
.flag[country^="wimbledon"] {
  background-position: -264px -384px;
}
.core-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 4.5rem;
  padding: 0.75rem 1.8rem;
  font-family: var(--font-family-secondary);
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(var(--color-background-primary), 1);
  background-color: rgba(var(--color-primary), 1);
  border-radius: 50px;
  transition: 0.2s ease;
}
.core-button.loading .button-content {
  opacity: 0 !important;
}
.core-button:hover {
  color: rgba(var(--color-primary), 1) !important;
  background: var(--Jackbit-Secondary-Background, #161b28) !important;
  border: 1px solid rgba(var(--color-primary), 1) !important;
}
.core-button:hover svg path {
  stroke: rgba(var(--color-primary), 1) !important;
}
.core-button:disabled,
.core-button.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}
.core-button.secondary {
  color: rgba(var(--color-text-primary), 1);
  background-color: rgba(var(--color-background-primary-300), 0.6);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
}
.core-button.secondary:hover {
  background-color: #373c4c99;
  border: unset !important;
  filter: brightness(1);
}
.core-button:active {
  box-shadow: unset !important;
  transform: translateY(0) scale(0.99);
}
.core-button .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.2rem;
  height: 3.2rem;
  transform: translate(-50%, -50%);
}
.core-button .loader:after {
  position: absolute;
  inset: 0;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin: auto;
  content: "";
  background-color: transparent;
  border: 2px solid #000;
  border-radius: 50%;
  animation: loader-1 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
.core-button .loader span {
  position: absolute;
  inset: 0;
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  margin: auto;
  animation: loader-2 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
.core-button .loader span:before,
.core-button .loader span:after {
  position: absolute;
  inset: 0;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin: auto;
  content: "";
  background: #000;
  border-radius: 50%;
  animation: loader-3 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
@keyframes loader-1 {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0);
  }
}
@keyframes loader-2 {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes loader-3 {
  0% {
    transform: translateZ(0) scale(1);
  }
  50% {
    transform: translate3d(-16px, 0, 0) scale(0.5);
  }
  to {
    transform: translateZ(0) scale(1);
  }
}
.core-button .loader span:after {
  animation: loader-4 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
@keyframes loader-4 {
  0% {
    transform: translateZ(0) scale(1);
  }
  50% {
    transform: translate3d(16px, 0, 0) scale(0.5);
  }
  to {
    transform: translateZ(0) scale(1);
  }
}
.core-input,
.core-input .core-input-helper {
  position: relative;
}
.core-input.with-icon.icon-left input {
  padding-left: 5rem;
}
.core-input.with-icon.icon-right input {
  padding-right: 5rem;
}
.core-input input {
  display: flex;
  gap: 1rem;
  width: 100%;
  height: 5rem;
  padding: 1rem 1rem 1rem 2.5rem;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--Jackbit-Secondary-Text, #ccd6f6);
  background: #262a3a80;
  border: 0.5px solid transparent;
  border-radius: 8rem;
  transition: 0.2s ease;
}
.core-input input::placeholder {
  color: #ccd6f699;
}
.core-input input:focus {
  border: 0.5px solid #00ec66;
}
.core-input input.err {
  color: #e24646;
  border: 0.5px solid #e24646;
}
.core-input input.err + .icon svg path {
  fill: #e24646;
}
.core-input input.err + .icon svg rect {
  opacity: 0.4 !important;
  fill: #e24646;
}
.core-input .error {
  padding-left: 2rem;
  margin-top: 0.6rem;
  font-size: 1.2rem;
  color: red;
}
.core-input .eye {
  cursor: pointer;
}
.core-input .icon,
.core-input .eye {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.core-input .icon.left,
.core-input .eye.left {
  left: 1.5rem;
}
.core-input .icon.right,
.core-input .eye.right {
  right: 1.5rem;
}
body:has(.sidebar-wrapper) .overlay {
  padding-left: calc(var(--sidebar-width) + 2.7rem);
  transition: padding-left 0.2s;
}
.core-popup {
  position: relative;
  z-index: var(--z-index-modal);
}
.core-popup .popup-title {
  display: flex;
  align-items: center;
}
.core-popup .overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100dvh;
  padding-left: calc(var(--sidebar-width));
  pointer-events: auto;
  background: #161b2826;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
@media (not (min-width: 1249px)) and (min-width: 920px) {
  .core-popup .overlay {
    padding-left: 0 !important;
    -webkit-backdrop-filter: blur(2.5px);
    backdrop-filter: blur(2.5px);
  }
}
@media not (min-width: 920px) {
  .core-popup .overlay {
    padding-left: 0 !important;
    -webkit-backdrop-filter: blur(2.5px);
    backdrop-filter: blur(2.5px);
  }
}
.core-popup .overlay > .content {
  position: relative;
  max-width: 80dvw;
  max-height: 90dvh;
  padding: 2.5rem;
  pointer-events: all;
  background: var(--Jackbit-Secondary-Background, #161b28);
  border-radius: 30px;
  box-shadow:
    inset 0 0.5px #d9d9d940,
    inset 0 0 #fff,
    0 0.4rem 0.4rem #00000026;
}
@media not (min-width: 920px) {
  .core-popup .overlay > .content {
    position: fixed;
    top: unset;
    bottom: 0;
    z-index: var(--z-index-modal);
    width: 100% !important;
    max-width: 100%;
    max-height: 90dvh;
    padding: 2rem;
    margin-top: 10rem;
    background: var(--Jackbit-Primary-Mobile-Pop-Up, rgba(22, 27, 40, 0.9));
    border-radius: 3rem 3rem 0 0 !important;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
  }
}
.core-popup .overlay > .content.fullscreen {
  max-width: 100vw;
  max-height: 100dvh;
}
@media not (min-width: 920px) {
  .core-popup .overlay > .content.fullscreen {
    max-width: 100vw;
    max-height: 100dvh;
    margin-top: 0rem;
  }
}
.core-popup .overlay > .content .close {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  z-index: 2;
  cursor: pointer;
}
.core-popup .overlay > .content.fullscreen .close {
  top: 1rem;
  right: 1rem;
}
.core-select {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.core-select.secondary .placeholder {
  color: rgba(var(--color-background-primary), 1);
  background-color: rgba(var(--color-primary), 1);
}
.core-select.secondary .placeholder .dropdown-icon svg path {
  fill: #161b28;
}
.core-select.tertiary .placeholder {
  background: var(--Jackbit-Secondary-Background, #161b28);
}
.core-select.tertiary .placeholder .dropdown-icon svg path {
  fill: #929dbf;
}
.core-select.alternative .placeholder {
  color: #e9eeff;
  background: #8e31fb;
}
.core-select.alternative .placeholder .dropdown-icon svg path {
  fill: #e9eeff;
}
.core-select.radio-style .placeholder {
  padding: 1rem 2rem 1rem 1rem;
  background: var(--Jackbit-Secondary-Background, #161b28);
}
.core-select.radio-style .placeholder .dropdown-icon svg path {
  fill: #929dbf;
}
.core-select .placeholder {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1rem 1.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  background: #262a3a99;
  border-radius: 5rem;
}
.core-select .placeholder .dropdown-icon {
  margin-left: auto;
}
.core-select .placeholder .dropdown-icon svg path {
  fill: #929dbf;
}
.select-options-overlay {
  z-index: var(--z-index-options-mobile) !important;
}
.core-select.open-top .core-select-options {
  top: unset;
  bottom: 110%;
}
.core-select-options {
  position: absolute;
  top: 110%;
  left: 0;
  z-index: var(--z-index-dropdown);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 100%;
  max-height: 30rem;
  padding: 1rem;
  overflow-y: auto;
  font-size: 1.2rem;
  background: var(--Jackbit-Secondary-Background, #161b28);
  border-radius: 25px;
  box-shadow: 0 4px 4px #00000040;
}
.core-select-options .options-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.core-select-options.radio-style .option {
  position: relative;
}
.core-select-options.radio-style .option:hover,
.core-select-options.radio-style .option.active {
  background: transparent;
}
.core-select-options.radio-style .option:before {
  position: absolute;
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  width: 3.1rem;
  height: 3.1rem;
  padding: 1rem;
  content: "";
  background: #161b28;
  border: 0rem solid rgba(255, 255, 255, 0.05);
  border-radius: 5rem;
  box-shadow:
    0 0.4rem 0.4rem #0000004d inset,
    inset 0 -0.5px #d9d9d940;
}
.core-select-options.radio-style .option.active:after {
  position: absolute;
  right: 0.5rem;
  flex-shrink: 0;
  width: 2.1rem;
  height: 2.1rem;
  content: "";
  background: var(--Jackbit-Default-Brand-Green, #00ec66);
  border-radius: 5rem;
  box-shadow: 0 0 0.4rem #3a3e4940;
}
@media not (min-width: 920px) {
  .core-select-options {
    position: fixed;
    top: unset;
    bottom: 0;
    z-index: var(--z-index-options-mobile);
    gap: 0.3rem;
    width: 100%;
    min-height: 30rem;
    max-height: 50dvh;
    padding: 0 2rem;
    background: #161b28;
    border-radius: 35px 35px 0 0;
    box-shadow:
      inset 0 1px #424550,
      inset 0 -1px #42455080,
      0 4px 4px #00000040;
  }
}
.core-select-options .options-placeholder {
  position: sticky;
  top: 0.05rem;
  width: calc(100% + 2rem);
  padding: 3.5rem 1rem 1rem;
  margin-left: -2rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #ccd6f6;
  text-align: center;
  letter-spacing: 0.1rem;
  background: #161b28;
  border-radius: 10rem;
}
.core-select-options .options-placeholder:before {
  position: absolute;
  top: 1.5rem;
  left: 50%;
  display: block;
  width: 8rem;
  height: 0.3rem;
  content: "";
  background: #929dbf80;
  border-radius: 5rem;
  transform: translate(-50%);
}
.core-select-options .option {
  display: flex;
  gap: 1rem;
  align-items: center;
  width: 100%;
  padding: 1rem 1.5rem;
  text-wrap: nowrap;
  cursor: pointer;
  border-radius: 50px;
  transition: background-color 0.2s ease;
}
@media not (min-width: 920px) {
  .core-select-options .option {
    padding: 2rem;
    font-size: 1.4rem;
    font-weight: 600;
    border-radius: 50px;
  }
}
.core-select-options .option:hover,
.core-select-options .option.active {
  background: #1f2331;
}
@media not (min-width: 920px) {
  .core-select-options .option {
    padding: 1.5rem;
    font-size: 1.3rem;
    font-weight: 600;
    border-radius: 5rem;
  }
  .core-select-options .option.active {
    gap: 1rem;
    color: var(--Jackbit-Default-Brand-Green, #00ec66);
    background: var(--Jackbit-Sub-Secondary-Background, #1f2331);
  }
  .core-select-options .option .count {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 0.5rem;
    font-size: 1.6rem;
    font-weight: 600;
    background: #373c4c80;
    border-radius: 50%;
  }
  .core-select-options .option .count.active {
    color: var(--Jackbit-Secondary-Background, #161b28);
    background: var(--Jackbit-Default-Brand-Green, #00ec66);
  }
}
.core-select-options .option img {
  height: 1.5rem;
}
@media not (min-width: 920px) {
  .core-select-options .option img {
    height: 2.5rem;
  }
}
.core-switch {
  position: relative;
  display: flex;
  align-items: center;
  width: 4.2rem;
  height: 2rem;
  padding: 1.745px;
  cursor: pointer;
  background: #161b28;
  border: 0.262px solid rgba(255, 255, 255, 0.05);
  border-radius: 16.582px;
  box-shadow: 0 3.491px 3.491px #0000004d inset;
}
.core-switch .handle {
  position: absolute;
  top: 2px;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: #929dbf;
  border-radius: 16.582px;
  box-shadow: 2.618px 2.618px 3.491px #00000040;
  transform: translate(2px);
  transition: transform 0.2s ease;
}
.core-switch.checked .handle {
  background-color: rgba(var(--color-primary), 1);
  box-shadow: -2.618px 2.618px 3.491px #00000040;
  transform: translate(23px);
}
.core-switch.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.core-checkbox .checkbox-container {
  position: relative;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.core-checkbox .checkbox-container input {
  position: absolute;
  width: 0;
  height: 0;
  cursor: pointer;
  opacity: 0;
}
.core-checkbox .checkbox-container .checkmark svg,
.core-checkbox .checkbox-container .checkmark svg * {
  transition: 0.1s ease;
}
.core-checkbox .checkbox-container .checkmark svg path,
.core-checkbox .checkbox-container .checkmark svg * path {
  stroke: transparent;
}
.core-checkbox .checkbox-container .checkmark svg rect,
.core-checkbox .checkbox-container .checkmark svg * rect {
  stroke: #929dbf;
}
.core-checkbox .checkbox-container input:checked ~ .checkmark svg path,
.core-checkbox .checkbox-container input:checked ~ .checkmark svg rect {
  stroke: #00ec66;
}
.core-checkbox .checkbox-container .placeholder {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
.core-checkbox .error {
  display: block;
  margin-top: 0.4rem;
  color: #d31b1b;
}
.core-table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
}
.core-table thead {
  height: 6.7rem;
  border-radius: 8px;
}
.core-table thead th {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
}
.core-table tbody tr,
.core-table tfoot tr {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--Jackbit-Primary-Text, #ccd6f6);
  text-align: center;
}
.core-table tbody tr:nth-child(odd),
.core-table tfoot tr:nth-child(odd) {
  background: #373c4c40;
  border-radius: 5rem;
}
.core-table tbody tr td,
.core-table tfoot tr td {
  height: 4.5rem;
  color: #dee8ff;
}
.core-table tbody tr td:first-child,
.core-table tfoot tr td:first-child {
  border-top-left-radius: 5rem;
  border-bottom-left-radius: 5rem;
}
.core-table tbody tr td:last-child,
.core-table tfoot tr td:last-child {
  border-top-right-radius: 5rem;
  border-bottom-right-radius: 5rem;
}
.core-snackbars {
  position: fixed;
  top: 2rem;
  right: 2rem;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media not (min-width: 920px) {
  .core-snackbars {
    right: 1rem;
  }
}
.core-snackbars .core-snackbar {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  width: 35.5rem;
  min-height: 7.5rem;
  padding: 1.2rem 1.6rem 1.2rem 1.2rem;
  overflow: hidden;
  background: #1f2331;
  border-radius: 2.5rem;
  box-shadow:
    inset 0 1px #424550,
    inset 0 -1px #42455080,
    0 4px 4px #00000040;
}
.core-snackbars .core-snackbar .icon {
  display: flex;
  grid-row: span 2;
  align-items: center;
  margin-right: 1rem;
}
.core-snackbars .core-snackbar:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 21.2rem;
  height: 21.2rem;
  pointer-events: none;
  content: "";
  background: red;
  background: var(--shadow-color) !important;
  transform: translateY(-50%) translate(-7.4rem);
}
.core-snackbars .core-snackbar .head {
  display: flex;
  justify-content: space-between;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  color: var(--Jackbit-Primary-Text, #ccd6f6);
  letter-spacing: -0.408px;
}
.core-snackbars .core-snackbar .message {
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 500;
  color: var(--Jackbit-Secondary-Text, #929dbf);
}
.core-snackbars .core-snackbar .close {
  color: var(--text-primary);
  cursor: pointer;
}
.core-snackbars .core-snackbar.success {
  --shadow-color: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 237, 81, 0.1) 0%,
    rgba(0, 237, 123, 0) 100%
  );
}
.core-snackbars .core-snackbar.error {
  --shadow-color: radial-gradient(
    50% 50% at 50% 50%,
    rgba(240, 66, 72, 0.1) 0%,
    rgba(240, 66, 72, 0) 100%
  );
}
.core-snackbars .core-snackbar.warning {
  --shadow-color: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 212, 38, 0.1) 0%,
    rgba(255, 212, 38, 0) 100%
  );
}
.core-date-picker {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 1.6rem;
  overflow: hidden;
  font-size: 1.5rem;
  background: var(--Jackbit-Secondary-Background, #161b28);
  border-radius: 35px;
  box-shadow:
    inset 0 1px #424550,
    inset 0 -1px #42455080,
    0 4px 4px #00000040;
}
.core-date-picker .month-changer,
.core-date-picker .year-changer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1.2rem;
  color: #ccd6f6;
}
.core-date-picker .month-changer .month,
.core-date-picker .month-changer .year,
.core-date-picker .year-changer .month,
.core-date-picker .year-changer .year {
  font-size: 1.5rem;
  font-weight: 600;
  color: #bdd4e8;
}
@media not (min-width: 920px) {
  .core-date-picker .calendar {
    width: 100%;
  }
}
.core-date-picker .calendar .buttons {
  display: flex;
  gap: 1.3rem;
  align-items: center;
}
.core-date-picker .week-days {
  display: grid;
  grid-template-columns: repeat(7, 3.2rem);
  gap: 0.6rem;
  margin-bottom: 1rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: #797b86;
  text-align: center;
}
@media not (min-width: 920px) {
  .core-date-picker .week-days {
    grid-template-columns: repeat(7, 1fr);
  }
}
.core-date-picker .date-row {
  display: grid;
  grid-template-columns: repeat(7, 3.2rem);
  gap: 0.6rem;
  margin-bottom: 1rem;
}
@media not (min-width: 920px) {
  .core-date-picker .date-row {
    grid-template-columns: repeat(7, 1fr);
  }
}
.core-date-picker .date-row .date {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.7rem;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 10px;
  transition: 0.2s ease;
}
@media not (min-width: 920px) {
  .core-date-picker .date-row .date {
    line-height: 3.8rem;
  }
}
.core-date-picker .date-row .date.today {
  color: #bdd4e8;
  border: 0.767px solid #00ec66;
}
.core-date-picker .date-row .date.selected {
  color: #0e151b;
  background-color: #00ec66;
}
.core-date-picker .date-row .date.past-month {
  color: #45454a;
  cursor: default;
}
.core-date-picker .date-row .date.range-start,
.core-date-picker .date-row .date.range-end,
.core-date-picker .date-row .date.in-range,
.core-date-picker .date-row .date.range-end-hover {
  color: #0e151b;
  background-color: #00ec66;
}
.core-date-picker .months,
.core-date-picker .years {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.core-date-picker .months .month,
.core-date-picker .months .year,
.core-date-picker .years .month,
.core-date-picker .years .year {
  padding: 1rem 2.6rem;
  font-size: 1.5rem;
  font-weight: 600;
  vertical-align: middle;
  text-align: center;
  letter-spacing: 0;
  cursor: pointer;
  border-radius: 8px;
}
.core-date-picker .months .month.selected,
.core-date-picker .months .year.selected,
.core-date-picker .years .month.selected,
.core-date-picker .years .year.selected {
  color: #0e0e0f;
  background-color: #00ec66;
}
.core-date-picker-select {
  position: relative;
  width: 100%;
}
.core-date-picker-select.tertiary .placeholder {
  background: var(--Jackbit-Secondary-Background, #161b28);
}
.core-date-picker-select .placeholder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 1.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  background: #262a3a99;
  border-radius: 28px;
}
.core-date-picker-select .core-date-picker {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: var(--z-index-tooltip);
}
@media not (min-width: 920px) {
  .core-date-picker-select .core-date-picker {
    position: fixed;
    top: 20%;
    left: 50%;
    z-index: var(--z-index-modal);
    width: calc(100% - 3.2rem);
    max-width: 40rem;
    transform: translate(-50%);
  }
}
.core-pagination {
  display: flex;
  justify-content: center;
  -webkit-user-select: none;
  user-select: none;
}
.core-pagination .pagination-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.core-pagination .pagination-container .pagination-numbers {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.core-pagination .pagination-container .pagination-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.1rem;
  height: 3.1rem;
  padding: 1rem 1.5rem;
  font-size: 13px;
  font-weight: 500;
  color: var(--Jackbit-Primary-Text, #ccd6f6);
  background: #161b28b3;
  border-radius: 50%;
  transition: 0.2s ease-in-out;
}
.core-pagination .pagination-container .pagination-item.selected {
  color: var(--Jackbit-Secondary-Background, #161b28);
  background: var(--Jackbit-Default-Brand-Green, #00ec66);
  border-radius: 50px;
}
.sportsbook-sidebar {
  position: relative;
  height: 70rem;
  padding: 0.5rem 1rem 5rem 0.5rem;
  overflow-y: auto;
  background: var(--Jackbit-Sectioning-Background, rgba(55, 60, 76, 0.25));
  border-radius: 20px;
}
.sportsbook-sidebar .categories {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid
    var(--Jackbit-Border-Default, rgba(255, 255, 255, 0.1));
}
.sportsbook-sidebar .categories .category-item {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--Jackbit-Secondary-Text, #929dbf);
}
.sportsbook-sidebar .categories .category-item .icon {
  width: 3.1rem;
}
.sportsbook-sidebar .top-leagues {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid
    var(--Jackbit-Border-Default, rgba(255, 255, 255, 0.1));
}
.sportsbook-sidebar .top-leagues .title {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--Jackbit-Primary-Text, #ccd6f6);
  text-align: center;
}
.sportsbook-sidebar .top-leagues .top-league {
  display: flex;
  align-items: center;
}
.sportsbook-sidebar .top-leagues .top-league .info {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--Jackbit-Secondary-Text, #929dbf);
}
.sportsbook-sidebar .top-leagues .top-league .info .icon {
  width: 1.8rem;
}
.sportsbook-sidebar .top-leagues .top-league .count {
  margin-left: auto;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--Jackbit-Secondary-Text, #929dbf);
}
.sportsbook-sidebar .time-filters {
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: center;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid
    var(--Jackbit-Border-Default, rgba(255, 255, 255, 0.1));
}
.sportsbook-sidebar .time-filters .time-filter {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--Jackbit-Primary-Text, #ccd6f6);
}
.sportsbook-sidebar .time-filters .time-filter .ball {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: var(--Jackbit-Default-Purple, #7842e5);
  border-radius: 50%;
  filter: blur(0.7px);
}
.sportsbook-sidebar .time-filters .time-filter .ball.active {
  filter: blur(0.5px);
}
.sportsbook-sidebar .navigation {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.sportsbook-sidebar .navigation .title {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--Jackbit-Primary-Text, #ccd6f6);
  text-align: center;
}
.sportsbook-sidebar .navigation-items {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.sportsbook-sidebar .navigation-items .navigation-item {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--Jackbit-Secondary-Text, #929dbf);
  cursor: pointer;
}
.sportsbook-sidebar .navigation-items .navigation-item .container {
  display: flex;
  align-items: center;
  width: 100%;
}
.sportsbook-sidebar
  .navigation-items
  .navigation-item
  .container
  .checkbox-container {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-left: auto;
}
.sportsbook-sidebar
  .navigation-items
  .navigation-item
  .container
  .checkbox-container
  .count {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--Jackbit-Secondary-Text, #929dbf);
}
.sportsbook-sidebar
  .navigation-items
  .navigation-item
  .container
  .checkbox-container
  .checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 0.9px solid var(--Jackbit-Secondary-Text, #929dbf);
  border-radius: 50px;
}
.sportsbook-sidebar
  .navigation-items
  .navigation-item
  .container
  .checkbox-container
  .checkbox.active {
  border: 1px solid #00ec66;
}
.sportsbook-sidebar
  .navigation-items
  .navigation-item
  .container
  .checkbox-container
  .checkbox
  .checkbox-active {
  flex-shrink: 0;
  width: 9px;
  height: 6px;
  background: url(../../../images/checkbox-checkmark.svg) no-repeat center
    center;
}
.sportsbook-sidebar .navigation-items .children-navigation {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-left: 1rem;
}
.sportsbook-sidebar .sportsbook-sidebar-filter {
  position: sticky;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  padding: 0 2rem;
}
.sportsbook-sidebar .sportsbook-sidebar-filter .cancel-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 4.5rem;
  cursor: pointer;
  background: var(--jackbit-glasmorphism-alternative-100, #242937);
  border-radius: 22.5px;
}
.sportsbook-sidebar .sportsbook-sidebar-filter .filter-button {
  display: flex;
  flex: 1 0 0;
  align-items: center;
  justify-content: space-between;
  height: 4.5rem;
  padding: 1rem 1.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--Jackbit-Primary-Background, #0c121e);
  cursor: pointer;
  background: var(--Jackbit-Default-Brand-Green, #00ec66);
  border-radius: 50px;
}
.tooltip-wrapper {
  position: relative;
  display: inline-block;
}
.tooltip-wrapper .tooltip {
  position: absolute;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.8rem;
  padding: 0.5rem 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #ccd6f6;
  white-space: nowrap;
  pointer-events: none;
  background: #1f2331;
  border-radius: 1.5rem;
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}
.tooltip-wrapper .tooltip.top {
  bottom: 125%;
  left: 50%;
  transform: translate(-50%) translateY(-0.5rem);
}
.tooltip-wrapper .tooltip.bottom {
  top: 125%;
  left: 50%;
  transform: translate(-50%) translateY(0.5rem);
}
.tooltip-wrapper .tooltip.left {
  top: 50%;
  right: 125%;
  transform: translateY(-50%) translate(-0.5rem);
}
.tooltip-wrapper .tooltip.right {
  top: 50%;
  left: 125%;
  transform: translateY(-50%) translate(0.5rem);
}
.tooltip-wrapper .tooltip.top,
.tooltip-wrapper .tooltip.bottom,
.tooltip-wrapper .tooltip.left,
.tooltip-wrapper .tooltip.right {
  opacity: 1;
}
.tooltip-wrapper .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  margin-top: -0.1rem;
  border-style: solid;
  border-radius: 1.5rem;
}
.tooltip-wrapper .tooltip-arrow.top {
  top: 100%;
  left: 50%;
  border-color: rgb(31, 35, 49) transparent transparent transparent;
  border-width: 10px 10px 0 10px;
  transform: translate(-50%);
}
.tooltip-wrapper .tooltip-arrow.bottom {
  bottom: 100%;
  left: 50%;
  border-color: transparent transparent rgb(31, 35, 49) transparent;
  border-width: 0 10px 10px 10px;
  transform: translate(-50%);
}
.tooltip-wrapper .tooltip-arrow.left {
  top: 50%;
  left: 100%;
  border-color: transparent transparent transparent rgb(31, 35, 49);
  border-width: 10px 0 10px 10px;
  transform: translateY(-50%);
}
.tooltip-wrapper .tooltip-arrow.right {
  top: 50%;
  right: 100%;
  border-color: transparent rgb(31, 35, 49) transparent transparent;
  border-width: 10px 10px 10px 0;
  transform: translateY(-50%);
}
@font-face {
  font-family: SportIcons;
  src:
    url(../../../fonts/sporticons.woff2?v2) format("woff2"),
    url(/fonts/sporticons.woff?v2) format("woff");
}
.sport-icon {
  font-family: SportIcons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sport-icon[data-sport="basketball"]:before {
  content: "";
}
.sport-icon[data-sport="basketball3x3"]:before {
  content: "";
}
.sport-icon[data-sport="beachsoccer"]:before {
  content: "";
}
.sport-icon[data-sport="beachvolley"]:before {
  content: "";
}
.sport-icon[data-sport="bowls"]:before {
  content: "";
}
.sport-icon[data-sport="boxing"]:before {
  content: "";
}
.sport-icon[data-sport="callofduty"]:before {
  content: "";
}
.sport-icon[data-sport="canoeing"]:before {
  content: "";
}
.sport-icon[data-sport="chess"]:before {
  content: "";
}
.sport-icon[data-sport="counter-strike"]:before {
  content: "";
}
.sport-icon[data-sport="counterstrikego"]:before {
  content: "";
}
.sport-icon[data-sport="premiumcricket"]:before,
.sport-icon[data-sport="cricket"]:before {
  content: "";
}
.sport-icon[data-sport="crosscountry"]:before {
  content: "";
}
.sport-icon[data-sport="curling"]:before {
  content: "";
}
.sport-icon[data-sport="cycling"]:before {
  content: "";
}
.sport-icon[data-sport="darts"]:before {
  content: "";
}
.sport-icon[data-sport="diving"]:before {
  content: "";
}
.sport-icon[data-sport="dota"]:before {
  content: "";
}
.sport-icon[data-sport="dota2"]:before {
  content: "";
}
.sport-icon[data-sport="fieldhockey"]:before {
  content: "";
}
.sport-icon[data-sport="fifa"]:before {
  content: "";
}
.sport-icon[data-sport="floorball"]:before {
  content: "";
}
.sport-icon[data-sport="formula1"]:before {
  content: "";
}
.sport-icon[data-sport="futsal"]:before {
  content: "";
}
.sport-icon[data-sport="golf"]:before {
  content: "";
}
.sport-icon[data-sport="greyhoundraicing"]:before {
  content: "";
}
.sport-icon[data-sport="handball"]:before {
  content: "";
}
.sport-icon[data-sport="harnessracing"]:before {
  content: "";
}
.sport-icon[data-sport="heartstone"]:before {
  content: "";
}
.sport-icon[data-sport="heroesofnewerth"]:before {
  content: "";
}
.sport-icon[data-sport="heroesofthestorm"]:before {
  content: "";
}
.sport-icon[data-sport="horseracing"]:before {
  content: "";
}
.sport-icon[data-sport="judo"]:before {
  content: "";
}
.sport-icon[data-sport="luge"]:before {
  content: "";
}
.sport-icon[data-sport="marathonswimming"]:before {
  content: "";
}
.sport-icon[data-sport="rainbowsix"]:before {
  content: "";
}
.sport-icon[data-sport="rocketleague"]:before {
  content: "";
}
.sport-icon[data-sport="shorttrackspeedskating"]:before {
  content: "";
}
.sport-icon[data-sport="speedskating"]:before {
  content: "";
}
.sport-icon[data-sport="valorant"]:before {
  content: "";
}
.sport-icon[data-sport="fencing"]:before {
  content: "";
}
.sport-icon[data-sport="motorsport"]:before {
  content: "";
}
.sport-icon[data-sport="nhl"]:before {
  content: "";
}
.sport-icon[data-sport="olympics"]:before {
  content: "";
}
.sport-icon[data-sport="overwatch"]:before {
  content: "";
}
.sport-icon[data-sport="pesapallo"]:before {
  content: "";
}
.sport-icon[data-sport="poker"]:before {
  content: "";
}
.sport-icon[data-sport="politics"]:before {
  content: "";
}
.sport-icon[data-sport="baseball"]:before {
  content: "";
}
.sport-icon[data-sport="aussierules"]:before {
  content: "";
}
.sport-icon[data-sport="equestrian"]:before {
  content: "";
}
.sport-icon[data-sport="athletics"]:before {
  content: "";
}
.sport-icon[data-sport="rally"]:before {
  content: "";
}
.sport-icon[data-sport="rowing"]:before {
  content: "";
}
.sport-icon[data-sport="surfing"]:before {
  content: "";
}
.sport-icon[data-sport="formulae"]:before {
  content: "";
}
.sport-icon[data-sport="stockcarracing"]:before {
  content: "";
}
.sport-icon[data-sport="starcraftbroodwar"]:before {
  content: "";
}
.sport-icon[data-sport="moviesandtvshows"]:before {
  content: "";
}
.sport-icon[data-sport="skijumping"]:before {
  content: "";
}
.sport-icon[data-sport="starcraft"]:before {
  content: "";
}
.sport-icon[data-sport="taekwondo"]:before {
  content: "";
}
.sport-icon[data-sport="leagueoflegends"]:before {
  content: "";
}
.sport-icon[data-sport="mma"]:before {
  content: "";
}
.sport-icon[data-sport="bandy"]:before {
  content: "";
}
.sport-icon[data-sport="worldofwarcraft"]:before {
  content: "";
}
.sport-icon[data-sport="weightlifting"]:before {
  content: "";
}
.sport-icon[data-sport="11"]:before {
  content: "";
}
.sport-icon[data-sport="modernpentathlon"]:before {
  content: "";
}
.sport-icon[data-sport="americanfootball"]:before {
  content: "";
}
.sport-icon[data-sport="softball"]:before {
  content: "";
}
.sport-icon[data-sport="warcraft3"]:before {
  content: "";
}
.sport-icon[data-sport="swimming"]:before {
  content: "";
}
.sport-icon[data-sport="alpineskiing"]:before {
  content: "";
}
.sport-icon[data-sport="wrestling"]:before {
  content: "";
}
.sport-icon[data-sport="motorcycleracing"]:before {
  content: "";
}
.sport-icon[data-sport="badminton"]:before {
  content: "";
}
.sport-icon[data-sport="biathlon"]:before {
  content: "";
}
.sport-icon[data-sport="icehockey"]:before {
  content: "";
}
.sport-icon[data-sport="triathlon"]:before {
  content: "";
}
.sport-icon[data-sport="counterstrike"]:before {
  content: "";
}
.sport-icon[data-sport="kabaddi"]:before {
  content: "";
}
.sport-icon[data-sport="sailing"]:before {
  content: "";
}
.sport-icon[data-sport="skateboarding"]:before {
  content: "";
}
.sport-icon[data-sport="wintersports"]:before {
  content: "";
}
.sport-icon[data-sport="worldoftanks"]:before {
  content: "";
}
.sport-icon[data-sport="waterpolo"]:before {
  content: "";
}
.sport-icon[data-sport="volleyball"]:before {
  content: "";
}
.sport-icon[data-sport="vainglory"]:before {
  content: "";
}
.sport-icon[data-sport="tennis"]:before {
  content: "";
}
.sport-icon[data-sport="tabletennis"]:before {
  content: "";
}
.sport-icon[data-sport="sumo"]:before {
  content: "";
}
.sport-icon[data-sport="squash"]:before {
  content: "";
}
.sport-icon[data-sport="specials"]:before {
  content: "";
}
.sport-icon[data-sport="soccermythical"]:before {
  content: "";
}
.sport-icon[data-sport="soccer"]:before {
  content: "";
}
.sport-icon[data-sport="snooker"]:before {
  content: "";
}
.sport-icon[data-sport="smite"]:before {
  content: "";
}
.sport-icon[data-sport="rugby"]:before {
  content: "";
}
.sport-icon[data-sport="quakeii"]:before {
  content: "";
}
.sport-icon[data-sport="archery"]:before {
  content: "";
}
.sport-icon[data-sport="arenaofvalor"]:before {
  content: "";
}
html {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: var(--font-family-primary), sans-serif;
  font-size: 1.6rem;
  color: rgba(var(--color-text-primary), 1);
  background-color: rgba(var(--color-background-primary), 1);
}
@media not (min-width: 920px) {
  body {
    font-size: 1.4rem;
  }
}
body:has(.core-popup) {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}
@media not (min-width: 920px) {
  body:has(.promotion-page) {
    background: rgba(var(--color-background-secondary,), 1);
  }
}
@media not (min-width: 920px) {
  body:has(.core-popup),
  body:has(.user-menu) {
    overflow: hidden;
  }
  body:has(.core-popup) .app-header,
  body:has(.user-menu) .app-header {
    z-index: 9;
  }
  body:has(.core-popup) .bottom-menu,
  body:has(.user-menu) .bottom-menu {
    z-index: 0;
  }
}
body.sidebarCollapsed {
  --sidebar-width: var(--sidebar-collapsed) !important;
}
body.sidebarCollapsed .sidebar-wrapper aside .scroll-helper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1250px) {
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  ::-webkit-scrollbar-track {
    background: #17222c;
  }
  ::-webkit-scrollbar-thumb {
    background: #303b4f;
    border-radius: 6px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #303b4f;
  }
  * {
    scrollbar-color: #303b4f #17222c;
    scrollbar-width: thin;
  }
}
.skeleton-loading {
  position: relative;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 1rem;
  overflow: hidden;
  color: transparent !important;
  pointer-events: none;
  background: linear-gradient(-80deg, #383851 40%, #4b4b6a, #323246 60%) 0
    0/300% 300%;
  border-radius: 5px;
  opacity: 0.2;
  animation: gradient-animation 1s ease infinite;
}
.skeleton-loading * {
  opacity: 0;
}
@keyframes gradient-animation {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0% 50%;
  }
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-index-modal-backdrop);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100dvh;
  padding-left: 0;
  background: #161b2826;
  -webkit-backdrop-filter: blur(2.5px);
  backdrop-filter: blur(2.5px);
}
.swiper-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.6rem;
  height: 2.6rem;
  cursor: pointer;
  background: rgba(var(--color-background-primary-300), 0.6);
  border-radius: 20px;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
}
.icon-container {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 5.5rem;
  height: 5.5rem;
  cursor: pointer;
  background-color: rgba(var(--color-background-primary-300), 0.6);
  border-radius: 50%;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  transition: 0.2s ease-in;
}
.icon-container:hover {
  filter: brightness(1.1);
}
@media not (min-width: 920px) {
  .icon-container {
    width: 4.5rem;
    height: 4.5rem;
  }
}
.live-bets {
  position: relative;
  overflow: hidden;
  background: var(--Jackbit-Secondary-Background, #161b28);
  border-radius: var(--desktop-corner-radius-1400, 25px);
}
@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.border-animation {
  --border-radius: 2.3rem;
  --border-size: 0.5rem;
  --border-bg: (#00ec66, #161b28);
  position: relative;
  overflow: hidden;
}
.border-animation:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -2;
  display: block;
  width: 141.42%;
  padding-bottom: 141.42%;
  content: "";
  background: var(--border-bg);
  border-radius: 100%;
  opacity: 0;
  filter: blur(50px);
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
  animation: spin 5s linear infinite;
  animation-play-state: paused;
}
.border-animation:hover:before {
  opacity: 1;
  animation-play-state: running;
}
.border-animation--reverse:before {
  animation-direction: reverse;
}
.border-animation:after {
  position: absolute;
  inset: var(--border-size);
  z-index: -1;
  content: "";
  background: var(--Jackbit-Secondary-Background, #161b28);
  border-radius: calc(var(--border-radius) - var(--border-size));
}
.rotating-border {
  --border-radius: 2.3rem;
  --border-size: 0.1rem;
  --border-bg: conic-gradient(#00ec66 0deg 170deg, #161b28 40deg 360deg);
}