@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&amp;display=swap");
*, ::before, ::after{
  --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-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --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: rgb(59 130 246 / 0.5);
  --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:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::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-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --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: rgb(59 130 246 / 0.5);
  --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:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Inter, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@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;
  }
}
.\!visible{
  visibility: visible !important;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.bottom-0{
  bottom: 0px;
}
.left-0{
  left: 0px;
}
.left-1{
  left: 5px;
}
.right-0{
  right: 0px;
}
.top-0{
  top: 0px;
}
.top-1{
  top: 5px;
}
.top-12{
  top: 60px;
}
.top-14{
  top: 70px;
}
.top-\[63px\]{
  top: 63px;
}
.top-full{
  top: 100%;
}
.-z-10{
  z-index: -10;
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-40{
  z-index: 40;
}
.z-50{
  z-index: 50;
}
.z-\[100\]{
  z-index: 100;
}
.z-\[1\]{
  z-index: 1;
}
.z-\[2\]{
  z-index: 2;
}
.order-first{
  order: -9999;
}
.order-last{
  order: 9999;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.col-span-10{
  grid-column: span 10 / span 10;
}
.col-span-12{
  grid-column: span 12 / span 12;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.col-span-3{
  grid-column: span 3 / span 3;
}
.col-span-4{
  grid-column: span 4 / span 4;
}
.col-span-6{
  grid-column: span 6 / span 6;
}
.mx-4{
  margin-left: 20px;
  margin-right: 20px;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-5{
  margin-top: 25px;
  margin-bottom: 25px;
}
.my-6{
  margin-top: 30px;
  margin-bottom: 30px;
}
.-ml-11{
  margin-left: -55px;
}
.-ml-4{
  margin-left: -20px;
}
.-mt-3{
  margin-top: -15px;
}
.mb-1{
  margin-bottom: 5px;
}
.mb-12{
  margin-bottom: 60px;
}
.mb-2{
  margin-bottom: 10px;
}
.mb-3{
  margin-bottom: 15px;
}
.mb-4{
  margin-bottom: 20px;
}
.mb-5{
  margin-bottom: 25px;
}
.mb-6{
  margin-bottom: 30px;
}
.mb-7{
  margin-bottom: 35px;
}
.mb-8{
  margin-bottom: 40px;
}
.ml-0{
  margin-left: 0px;
}
.ml-1{
  margin-left: 5px;
}
.ml-auto{
  margin-left: auto;
}
.mr-2{
  margin-right: 10px;
}
.mr-5{
  margin-right: 25px;
}
.mr-auto{
  margin-right: auto;
}
.mt-1{
  margin-top: 5px;
}
.mt-13{
  margin-top: 65px;
}
.mt-2{
  margin-top: 10px;
}
.mt-4{
  margin-top: 20px;
}
.mt-5{
  margin-top: 25px;
}
.mt-6{
  margin-top: 30px;
}
.mt-8{
  margin-top: 40px;
}
.mt-auto{
  margin-top: auto;
}
.line-clamp-1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.line-clamp-6{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.block{
  display: block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.aspect-1\/1{
  aspect-ratio: 1 / 1;
}
.aspect-1\/2{
  aspect-ratio: 1 / 2;
}
.aspect-16\/9{
  aspect-ratio: 16 / 9;
}
.aspect-2\/1{
  aspect-ratio: 2 / 1;
}
.aspect-2\/3{
  aspect-ratio: 2 / 3;
}
.aspect-3\/2{
  aspect-ratio: 3 / 2;
}
.aspect-4\/1{
  aspect-ratio: 4 / 1;
}
.aspect-4\/3{
  aspect-ratio: 4 / 3;
}
.aspect-4\/5{
  aspect-ratio: 4 / 5;
}
.aspect-5\/4{
  aspect-ratio: 5 / 4;
}
.aspect-9\/5{
  aspect-ratio: 9 / 5;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.h-1{
  height: 5px;
}
.h-11{
  height: 55px;
}
.h-12{
  height: 60px;
}
.h-14{
  height: 70px;
}
.h-3{
  height: 15px;
}
.h-4{
  height: 20px;
}
.h-5{
  height: 25px;
}
.h-6{
  height: 30px;
}
.h-8{
  height: 40px;
}
.h-\[160px\]{
  height: 160px;
}
.h-\[16px\]{
  height: 16px;
}
.h-\[18px\]{
  height: 18px;
}
.h-\[1px\]{
  height: 1px;
}
.h-\[20px\]{
  height: 20px;
}
.h-\[24px\]{
  height: 24px;
}
.h-\[28px\]{
  height: 28px;
}
.h-\[30px\]{
  height: 30px;
}
.h-\[32px\]{
  height: 32px;
}
.h-\[34px\]{
  height: 34px;
}
.h-\[36px\]{
  height: 36px;
}
.h-\[42px\]{
  height: 42px;
}
.h-full{
  height: 100%;
}
.max-h-\[250px\]{
  max-height: 250px;
}
.max-h-\[280px\]{
  max-height: 280px;
}
.max-h-\[310px\]{
  max-height: 310px;
}
.max-h-\[48px\]{
  max-height: 48px;
}
.max-h-\[554px\]{
  max-height: 554px;
}
.max-h-\[560px\]{
  max-height: 560px;
}
.max-h-\[600px\]{
  max-height: 600px;
}
.min-h-\[32px\]{
  min-height: 32px;
}
.w-0{
  width: 0px;
}
.w-1{
  width: 5px;
}
.w-1\/2{
  width: 50%;
}
.w-1\/5{
  width: 20%;
}
.w-12{
  width: 60px;
}
.w-14{
  width: 70px;
}
.w-3{
  width: 15px;
}
.w-3\/4{
  width: 75%;
}
.w-4{
  width: 20px;
}
.w-5{
  width: 25px;
}
.w-6{
  width: 30px;
}
.w-7{
  width: 35px;
}
.w-8{
  width: 40px;
}
.w-9{
  width: 45px;
}
.w-\[146px\]{
  width: 146px;
}
.w-\[160px\]{
  width: 160px;
}
.w-\[16px\]{
  width: 16px;
}
.w-\[18px\]{
  width: 18px;
}
.w-\[20px\]{
  width: 20px;
}
.w-\[24px\]{
  width: 24px;
}
.w-\[260px\]{
  width: 260px;
}
.w-\[270px\]{
  width: 270px;
}
.w-\[28px\]{
  width: 28px;
}
.w-\[30px\]{
  width: 30px;
}
.w-\[350px\]{
  width: 350px;
}
.w-\[360px\]{
  width: 360px;
}
.w-\[36px\]{
  width: 36px;
}
.w-\[390px\]{
  width: 390px;
}
.w-\[42px\]{
  width: 42px;
}
.w-\[720px\]{
  width: 720px;
}
.w-\[calc\(100\%\+40px\)\]{
  width: calc(100% + 40px);
}
.w-\[calc\(100\%\+75px\)\]{
  width: calc(100% + 75px);
}
.w-full{
  width: 100%;
}
.min-w-0{
  min-width: 0px;
}
.min-w-12{
  min-width: 60px;
}
.min-w-14{
  min-width: 70px;
}
.min-w-18{
  min-width: 90px;
}
.min-w-20{
  min-width: 100px;
}
.min-w-4{
  min-width: 20px;
}
.min-w-5{
  min-width: 25px;
}
.min-w-\[360px\]{
  min-width: 360px;
}
.max-w-16{
  max-width: 80px;
}
.max-w-2xl{
  max-width: 42rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-75{
  max-width: 375px;
}
.max-w-7xl{
  max-width: 80rem;
}
.max-w-\[110px\]{
  max-width: 110px;
}
.max-w-\[116px\]{
  max-width: 116px;
}
.max-w-\[1200px\]{
  max-width: 1200px;
}
.max-w-\[120px\]{
  max-width: 120px;
}
.max-w-\[1264px\]{
  max-width: 1264px;
}
.max-w-\[200px\]{
  max-width: 200px;
}
.max-w-\[250px\]{
  max-width: 250px;
}
.max-w-\[270px\]{
  max-width: 270px;
}
.max-w-\[275px\]{
  max-width: 275px;
}
.max-w-\[340px\]{
  max-width: 340px;
}
.max-w-\[400px\]{
  max-width: 400px;
}
.max-w-\[410px\]{
  max-width: 410px;
}
.max-w-\[420px\]{
  max-width: 420px;
}
.max-w-\[450px\]{
  max-width: 450px;
}
.max-w-\[500px\]{
  max-width: 500px;
}
.max-w-\[560px\]{
  max-width: 560px;
}
.max-w-\[600px\]{
  max-width: 600px;
}
.max-w-\[692px\]{
  max-width: 692px;
}
.max-w-\[720px\]{
  max-width: 720px;
}
.max-w-\[800px\]{
  max-width: 800px;
}
.max-w-\[846px\]{
  max-width: 846px;
}
.max-w-\[872px\]{
  max-width: 872px;
}
.max-w-blog{
  max-width: 720px;
}
.max-w-full{
  max-width: 100%;
}
.max-w-md{
  max-width: 28rem;
}
.flex-1{
  flex: 1 1;
}
.flex-none{
  flex: none;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink-0{
  flex-shrink: 0;
}
.flex-grow{
  flex-grow: 1;
}
.grow{
  flex-grow: 1;
}
.basis-1\/2{
  flex-basis: 50%;
}
.border-collapse{
  border-collapse: collapse;
}
.origin-bottom-left{
  transform-origin: bottom left;
}
.-translate-x-\[120px\]{
  --tw-translate-x: -120px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[160px\]{
  --tw-translate-x: -160px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[200px\]{
  --tw-translate-x: -200px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[240px\]{
  --tw-translate-x: -240px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[280px\]{
  --tw-translate-x: -280px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[320px\]{
  --tw-translate-x: -320px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[40px\]{
  --tw-translate-x: -40px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[80px\]{
  --tw-translate-x: -80px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1{
  --tw-translate-y: -5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-2{
  --tw-translate-x: 10px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[16px\]{
  --tw-translate-x: 16px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45{
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes live-pulse{
  0%{
    box-shadow: 0 0 0 rgba(28, 212, 98, 0.1);
  }
  50%{
    box-shadow: 0 0 10px rgba(28, 212, 98, 1);
  }
  100%{
    box-shadow: 0 0 0 rgba(28, 212, 98, 0.1);
  }
}
.animate-live-pulse{
  animation: live-pulse 3s ease-in-out infinite;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.snap-x{
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory{
  --tw-scroll-snap-strictness: mandatory;
}
.snap-start{
  scroll-snap-align: start;
}
.snap-always{
  scroll-snap-stop: always;
}
.scroll-mx-4{
  scroll-margin-left: 20px;
  scroll-margin-right: 20px;
}
.scroll-px-4{
  scroll-padding-left: 20px;
  scroll-padding-right: 20px;
}
.scroll-pl-4{
  scroll-padding-left: 20px;
}
.columns-1{
  -moz-columns: 1;
       columns: 1;
}
.columns-2{
  -moz-columns: 2;
       columns: 2;
}
.break-inside-avoid{
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-nowrap{
  flex-wrap: nowrap;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-stretch{
  align-items: stretch;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-1{
  gap: 5px;
}
.gap-2{
  gap: 10px;
}
.gap-4{
  gap: 20px;
}
.gap-6{
  gap: 30px;
}
.gap-7{
  gap: 35px;
}
.gap-8{
  gap: 40px;
}
.gap-x-1{
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.gap-x-2{
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.gap-x-3{
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.gap-x-4{
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.gap-x-6{
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.gap-y-1{
  row-gap: 5px;
}
.gap-y-10{
  row-gap: 50px;
}
.gap-y-12{
  row-gap: 60px;
}
.gap-y-2{
  row-gap: 10px;
}
.gap-y-3{
  row-gap: 15px;
}
.gap-y-4{
  row-gap: 20px;
}
.gap-y-6{
  row-gap: 30px;
}
.gap-y-8{
  row-gap: 40px;
}
.-space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(-10px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-10px * var(--tw-space-y-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-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(5px * var(--tw-space-x-reverse));
  margin-left: calc(5px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(10px * var(--tw-space-x-reverse));
  margin-left: calc(10px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(15px * var(--tw-space-x-reverse));
  margin-left: calc(15px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(20px * var(--tw-space-x-reverse));
  margin-left: calc(20px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(25px * var(--tw-space-x-reverse));
  margin-left: calc(25px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(30px * var(--tw-space-x-reverse));
  margin-left: calc(30px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-\[3px\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(3px * var(--tw-space-x-reverse));
  margin-left: calc(3px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-\[4px\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(4px * var(--tw-space-x-reverse));
  margin-left: calc(4px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-\[8px\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(8px * var(--tw-space-x-reverse));
  margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(5px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(5px * var(--tw-space-y-reverse));
}
.space-y-12 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(60px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(60px * var(--tw-space-y-reverse));
}
.space-y-13 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(65px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(65px * var(--tw-space-y-reverse));
}
.space-y-14 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(70px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(70px * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(10px * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(15px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(15px * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(20px * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(25px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(25px * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(30px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(30px * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(40px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(40px * var(--tw-space-y-reverse));
}
.space-y-\[8px\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(8px * var(--tw-space-y-reverse));
}
.divide-x-\[1px\] > :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-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-grey-alpha-3 > :not([hidden]) ~ :not([hidden]){
  border-color: rgba(20, 31, 51, 0.09);
}
.divide-grey-solid-7 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(242 242 243 / var(--tw-divide-opacity, 1));
}
.divide-primary-solid-6 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(212 218 252 / var(--tw-divide-opacity, 1));
}
.divide-separator-solid-1 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(215 215 223 / var(--tw-divide-opacity, 1));
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis{
  text-overflow: ellipsis;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre-line{
  white-space: pre-line;
}
.text-nowrap{
  text-wrap: nowrap;
}
.text-balance{
  text-wrap: balance;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.\!rounded{
  border-radius: 20px !important;
}
.rounded{
  border-radius: 20px;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-\[2px\]{
  border-radius: 2px;
}
.rounded-\[7px\]{
  border-radius: 7px;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-md{
  border-radius: 15px;
}
.rounded-sm{
  border-radius: 10px;
}
.rounded-xs{
  border-radius: 6px;
}
.rounded-r-md{
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.rounded-br-\[3px\]{
  border-bottom-right-radius: 3px;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-\[3px\]{
  border-width: 3px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-l-2{
  border-left-width: 2px;
}
.border-r{
  border-right-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-danger-solid-1{
  --tw-border-opacity: 1;
  border-color: rgb(227 105 84 / var(--tw-border-opacity, 1));
}
.border-grey-solid-0{
  --tw-border-opacity: 1;
  border-color: rgb(15 19 26 / var(--tw-border-opacity, 1));
}
.border-grey-solid-6{
  --tw-border-opacity: 1;
  border-color: rgb(209 211 215 / var(--tw-border-opacity, 1));
}
.border-grey-solid-7{
  --tw-border-opacity: 1;
  border-color: rgb(242 242 243 / var(--tw-border-opacity, 1));
}
.border-highlights-core{
  --tw-border-opacity: 1;
  border-color: rgb(101 246 255 / var(--tw-border-opacity, 1));
}
.border-primary-solid-2{
  --tw-border-opacity: 1;
  border-color: rgb(94 114 243 / var(--tw-border-opacity, 1));
}
.border-primary-solid-6{
  --tw-border-opacity: 1;
  border-color: rgb(212 218 252 / var(--tw-border-opacity, 1));
}
.border-separator-solid-0{
  --tw-border-opacity: 1;
  border-color: rgb(241 242 238 / var(--tw-border-opacity, 1));
}
.border-separator-solid-1{
  --tw-border-opacity: 1;
  border-color: rgb(215 215 223 / var(--tw-border-opacity, 1));
}
.border-transparent{
  border-color: rgba(255, 255, 255, 0);
}
.border-b-primary-solid-2{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(94 114 243 / var(--tw-border-opacity, 1));
}
.border-b-transparent{
  border-bottom-color: rgba(255, 255, 255, 0);
}
.bg-danger-solid-1{
  --tw-bg-opacity: 1;
  background-color: rgb(227 105 84 / var(--tw-bg-opacity, 1));
}
.bg-danger-solid-3{
  --tw-bg-opacity: 1;
  background-color: rgb(237 160 146 / var(--tw-bg-opacity, 1));
}
.bg-danger-solid-6{
  --tw-bg-opacity: 1;
  background-color: rgb(249 225 220 / var(--tw-bg-opacity, 1));
}
.bg-grey-alpha-4{
  background-color: rgba(20, 31, 51, 0.07);
}
.bg-grey-alpha-6{
  background-color: rgba(20, 31, 51, 0.04);
}
.bg-grey-alpha-7{
  background-color: rgba(20, 31, 51, 0.02);
}
.bg-grey-solid-0{
  --tw-bg-opacity: 1;
  background-color: rgb(15 19 26 / var(--tw-bg-opacity, 1));
}
.bg-grey-solid-2{
  --tw-bg-opacity: 1;
  background-color: rgb(67 75 91 / var(--tw-bg-opacity, 1));
}
.bg-grey-solid-6{
  --tw-bg-opacity: 1;
  background-color: rgb(209 211 215 / var(--tw-bg-opacity, 1));
}
.bg-grey-solid-7{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
}
.bg-highlights-best-drive{
  --tw-bg-opacity: 1;
  background-color: rgb(139 208 11 / var(--tw-bg-opacity, 1));
}
.bg-highlights-core{
  --tw-bg-opacity: 1;
  background-color: rgb(101 246 255 / var(--tw-bg-opacity, 1));
}
.bg-primary-alpha-5{
  background-color: rgba(55, 83, 241, 0.08);
}
.bg-primary-solid-2{
  --tw-bg-opacity: 1;
  background-color: rgb(94 114 243 / var(--tw-bg-opacity, 1));
}
.bg-primary-solid-6{
  --tw-bg-opacity: 1;
  background-color: rgb(212 218 252 / var(--tw-bg-opacity, 1));
}
.bg-primary-solid-7{
  --tw-bg-opacity: 1;
  background-color: rgb(246 247 254 / var(--tw-bg-opacity, 1));
}
.bg-score-solid-2-bogey{
  --tw-bg-opacity: 1;
  background-color: rgb(111 116 128 / var(--tw-bg-opacity, 1));
}
.bg-score-solid-birdie{
  --tw-bg-opacity: 1;
  background-color: rgb(248 84 42 / var(--tw-bg-opacity, 1));
}
.bg-score-solid-bogey{
  --tw-bg-opacity: 1;
  background-color: rgb(17 63 228 / var(--tw-bg-opacity, 1));
}
.bg-score-solid-eagle{
  --tw-bg-opacity: 1;
  background-color: rgb(180 225 76 / var(--tw-bg-opacity, 1));
}
.bg-score-solid-par{
  --tw-bg-opacity: 1;
  background-color: rgb(201 207 217 / var(--tw-bg-opacity, 1));
}
.bg-secondary-solid-1{
  --tw-bg-opacity: 1;
  background-color: rgb(28 212 98 / var(--tw-bg-opacity, 1));
}
.bg-separator-solid-0{
  --tw-bg-opacity: 1;
  background-color: rgb(241 242 238 / var(--tw-bg-opacity, 1));
}
.bg-separator-solid-0\/85{
  background-color: rgb(241 242 238 / 0.85);
}
.bg-separator-solid-2{
  --tw-bg-opacity: 1;
  background-color: rgb(216 236 235 / var(--tw-bg-opacity, 1));
}
.bg-separator-solid-3{
  --tw-bg-opacity: 1;
  background-color: rgb(137 133 176 / var(--tw-bg-opacity, 1));
}
.bg-separator-solid-4{
  --tw-bg-opacity: 1;
  background-color: rgb(84 129 185 / var(--tw-bg-opacity, 1));
}
.bg-white-solid-1{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white-solid-1\/85{
  background-color: rgb(255 255 255 / 0.85);
}
.bg-gradient-to-l{
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-grey-solid-0\/75{
  --tw-gradient-from: rgb(15 19 26 / 0.75) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 19 26 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-separator-solid-0{
  --tw-gradient-from: #F1F2EE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(241 242 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-separator-solid-2{
  --tw-gradient-from: #D8ECEB var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(216 236 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent{
  --tw-gradient-from: rgba(255, 255, 255, 0) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-10\%{
  --tw-gradient-from-position: 10%;
}
.from-25\%{
  --tw-gradient-from-position: 25%;
}
.via-transparent{
  --tw-gradient-to: rgba(255, 255, 255, 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgba(255, 255, 255, 0) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-80\%{
  --tw-gradient-via-position: 80%;
}
.to-separator-solid-2{
  --tw-gradient-to: #D8ECEB var(--tw-gradient-to-position);
}
.to-transparent{
  --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
}
.fill-primary-solid-2{
  fill: #5E72F3;
}
.fill-white-solid-1{
  fill: #FFFFFF;
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.object-left-top{
  -o-object-position: left top;
     object-position: left top;
}
.p-0{
  padding: 0px;
}
.p-2{
  padding: 10px;
}
.p-3{
  padding: 15px;
}
.p-4{
  padding: 20px;
}
.p-5{
  padding: 25px;
}
.p-8{
  padding: 40px;
}
.p-\[2px\]{
  padding: 2px;
}
.px-1{
  padding-left: 5px;
  padding-right: 5px;
}
.px-2{
  padding-left: 10px;
  padding-right: 10px;
}
.px-3{
  padding-left: 15px;
  padding-right: 15px;
}
.px-4{
  padding-left: 20px;
  padding-right: 20px;
}
.px-5{
  padding-left: 25px;
  padding-right: 25px;
}
.px-6{
  padding-left: 30px;
  padding-right: 30px;
}
.px-8{
  padding-left: 40px;
  padding-right: 40px;
}
.px-\[11px\]{
  padding-left: 11px;
  padding-right: 11px;
}
.px-\[14px\]{
  padding-left: 14px;
  padding-right: 14px;
}
.px-\[6px\]{
  padding-left: 6px;
  padding-right: 6px;
}
.px-\[7px\]{
  padding-left: 7px;
  padding-right: 7px;
}
.py-1{
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-10{
  padding-top: 50px;
  padding-bottom: 50px;
}
.py-12{
  padding-top: 60px;
  padding-bottom: 60px;
}
.py-16{
  padding-top: 80px;
  padding-bottom: 80px;
}
.py-2{
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-20{
  padding-top: 100px;
  padding-bottom: 100px;
}
.py-22{
  padding-top: 110px;
  padding-bottom: 110px;
}
.py-24{
  padding-top: 120px;
  padding-bottom: 120px;
}
.py-3{
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-4{
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-5{
  padding-top: 25px;
  padding-bottom: 25px;
}
.py-6{
  padding-top: 30px;
  padding-bottom: 30px;
}
.py-8{
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-\[12px\]{
  padding-top: 12px;
  padding-bottom: 12px;
}
.py-\[13px\]{
  padding-top: 13px;
  padding-bottom: 13px;
}
.py-\[16px\]{
  padding-top: 16px;
  padding-bottom: 16px;
}
.py-\[3px\]{
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-\[9px\]{
  padding-top: 9px;
  padding-bottom: 9px;
}
.pb-14{
  padding-bottom: 70px;
}
.pb-2{
  padding-bottom: 10px;
}
.pb-3{
  padding-bottom: 15px;
}
.pb-4{
  padding-bottom: 20px;
}
.pb-50{
  padding-bottom: 250px;
}
.pb-8{
  padding-bottom: 40px;
}
.pl-2{
  padding-left: 10px;
}
.pl-4{
  padding-left: 20px;
}
.pl-5{
  padding-left: 25px;
}
.pr-0{
  padding-right: 0px;
}
.pr-1{
  padding-right: 5px;
}
.pr-12{
  padding-right: 60px;
}
.pr-2{
  padding-right: 10px;
}
.pr-3{
  padding-right: 15px;
}
.pr-4{
  padding-right: 20px;
}
.pt-10{
  padding-top: 50px;
}
.pt-14{
  padding-top: 70px;
}
.pt-16{
  padding-top: 80px;
}
.pt-2{
  padding-top: 10px;
}
.pt-20{
  padding-top: 100px;
}
.pt-22{
  padding-top: 110px;
}
.pt-24{
  padding-top: 120px;
}
.pt-4{
  padding-top: 20px;
}
.pt-5{
  padding-top: 25px;
}
.pt-6{
  padding-top: 30px;
}
.pt-\[7px\]{
  padding-top: 7px;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.indent-0{
  text-indent: 0px;
}
.text-\[104px\]{
  font-size: 104px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[120px\]{
  font-size: 120px;
}
.text-\[15px\]{
  font-size: 15px;
}
.text-d2xl{
  font-size: 72px;
  line-height: 90px;
  letter-spacing: -2%;
}
.text-dmd{
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -0.72px;
}
.text-dsm{
  font-size: 30px;
  line-height: 38px;
}
.text-dxs{
  font-size: 24px;
  line-height: 32px;
}
.text-lg{
  font-size: 18px;
  line-height: 28px;
}
.text-md{
  font-size: 16px;
  line-height: 24px;
}
.text-sm{
  font-size: 14px;
  line-height: 20px;
}
.text-xl{
  font-size: 20px;
  line-height: 30px;
}
.text-xs{
  font-size: 12px;
  line-height: 18px;
}
.font-bold{
  font-weight: 700;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.capitalize{
  text-transform: capitalize;
}
.italic{
  font-style: italic;
}
.not-italic{
  font-style: normal;
}
.leading-\[17px\]{
  line-height: 17px;
}
.leading-none{
  line-height: 1;
}
.leading-tight{
  line-height: 1.25;
}
.text-danger-solid-1{
  --tw-text-opacity: 1;
  color: rgb(227 105 84 / var(--tw-text-opacity, 1));
}
.text-grey-solid-0{
  --tw-text-opacity: 1;
  color: rgb(15 19 26 / var(--tw-text-opacity, 1));
}
.text-grey-solid-1{
  --tw-text-opacity: 1;
  color: rgb(20 31 51 / var(--tw-text-opacity, 1));
}
.text-grey-solid-2{
  --tw-text-opacity: 1;
  color: rgb(67 75 91 / var(--tw-text-opacity, 1));
}
.text-grey-solid-3{
  --tw-text-opacity: 1;
  color: rgb(102 109 122 / var(--tw-text-opacity, 1));
}
.text-grey-solid-3\/20{
  color: rgb(102 109 122 / 0.2);
}
.text-grey-solid-4{
  --tw-text-opacity: 1;
  color: rgb(138 143 153 / var(--tw-text-opacity, 1));
}
.text-grey-solid-5{
  --tw-text-opacity: 1;
  color: rgb(173 177 184 / var(--tw-text-opacity, 1));
}
.text-grey-solid-6{
  --tw-text-opacity: 1;
  color: rgb(209 211 215 / var(--tw-text-opacity, 1));
}
.text-highlights-core{
  --tw-text-opacity: 1;
  color: rgb(101 246 255 / var(--tw-text-opacity, 1));
}
.text-primary-solid-2{
  --tw-text-opacity: 1;
  color: rgb(94 114 243 / var(--tw-text-opacity, 1));
}
.text-primary-solid-3{
  --tw-text-opacity: 1;
  color: rgb(122 139 245 / var(--tw-text-opacity, 1));
}
.text-primary-solid-5{
  --tw-text-opacity: 1;
  color: rgb(183 193 250 / var(--tw-text-opacity, 1));
}
.text-primary-solid-6{
  --tw-text-opacity: 1;
  color: rgb(212 218 252 / var(--tw-text-opacity, 1));
}
.text-score-solid-2-bogey{
  --tw-text-opacity: 1;
  color: rgb(111 116 128 / var(--tw-text-opacity, 1));
}
.text-score-solid-birdie{
  --tw-text-opacity: 1;
  color: rgb(248 84 42 / var(--tw-text-opacity, 1));
}
.text-score-solid-bogey{
  --tw-text-opacity: 1;
  color: rgb(17 63 228 / var(--tw-text-opacity, 1));
}
.text-score-solid-eagle{
  --tw-text-opacity: 1;
  color: rgb(180 225 76 / var(--tw-text-opacity, 1));
}
.text-score-solid-par{
  --tw-text-opacity: 1;
  color: rgb(201 207 217 / var(--tw-text-opacity, 1));
}
.text-white-solid-1{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white-solid-1\/85{
  color: rgb(255 255 255 / 0.85);
}
.underline{
  text-decoration-line: underline;
}
.no-underline{
  text-decoration-line: none;
}
.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.shadow-dropdown{
  --tw-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 14px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-input{
  --tw-shadow: -1px 1px 5px 0 rgba(215, 215, 223, 0.35);
  --tw-shadow-colored: -1px 1px 5px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inputFocus{
  --tw-shadow: 0 0 0 3px rgba(215, 215, 223, 0.35);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-nav{
  --tw-shadow: 0 1px 30px 0 rgba(0, 0, 0, 0.15);
  --tw-shadow-colored: 0 1px 30px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-platform{
  --tw-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 4px 14px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
  outline-style: solid;
}
.\!ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-score-solid-2-bogey{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(111 116 128 / var(--tw-ring-opacity, 1));
}
.ring-score-solid-birdie{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 84 42 / var(--tw-ring-opacity, 1));
}
.ring-score-solid-bogey{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(17 63 228 / var(--tw-ring-opacity, 1));
}
.ring-score-solid-eagle{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(180 225 76 / var(--tw-ring-opacity, 1));
}
.ring-score-solid-par{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(201 207 217 / var(--tw-ring-opacity, 1));
}
.ring-secondary-alpha-1{
  --tw-ring-color: rgba(28, 212, 98, 0.16);
}
.ring-offset-0{
  --tw-ring-offset-width: 0px;
}
.ring-offset-2{
  --tw-ring-offset-width: 2px;
}
.blur-sm{
  --tw-blur: blur(4px);
  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);
}
.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);
}
.backdrop-blur-md{
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.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, 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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-100{
  transition-duration: 100ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.hide,
.ho-hide-mobile,
.ho-hide-mobile-inline,
.ho-hide-mobile-block {
  display: none !important;
}
@media screen and (min-width: 850px) {
  .ho-hide-mobile,
  .ho-hide-mobile-block {
    display: block !important;
  }
  .ho-hide-mobile-inline {
    display: inline-block !important;
  }
}
.ho-hide-desk,
.ho-hide-desk-block {
  display: block !important;
}
.ho-hide-desk-inline {
  display: inline-block !important;
}
@media screen and (min-width: 850px) {
  .ho-hide-desk,
  .ho-hide-desk-inline,
  .ho-hide-desk-block {
    display: none !important;
  }
}
.ho-text-uppercase, .ho-msg-title, .ho-msg-title-white {
  text-transform: uppercase !important;
}
.ho-float-none {
  float: none !important;
}
.ho-float-right {
  float: right !important;
}
.ho-float-left {
  float: left !important;
}
.ho-img-replace, .ho-logo p.h19-logo-p, .ho-logo-white p.h19-logo-p {
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
}
.ho-flex-direction-row {
  flex-direction: column !important;
}
hr {
  border: none;
  background: transparent;
  height: 1px;
  display: block;
  border-top: 1px solid #D8DFE8;
}
.ho-section-center hr:first-child, .ho-container hr:first-child, .ho-container-small hr:first-child {
  margin-bottom: 80px;
}
@media screen and (min-width: 850px) {
  .ho-section-center hr:first-child, .ho-container hr:first-child, .ho-container-small hr:first-child {
    margin-bottom: 120px;
  }
}
.ho-lnk-action, .ho-go-back,
.ho-go-forward {
  color: #A6B1BF;
  font: 12px nexa_heavy_italicregular, arial, tahoma, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
}
.ho-lnk-action + .title-2, .page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-content .ho-lnk-action + .leaderboard-title, .menu-mobile .links > .ho-lnk-action + .button-1, .menu-mobile .links > .ho-lnk-action + .button-wear, .menu-mobile .links > .ho-lnk-action + .button-regular, .menu-mobile .links > .ho-lnk-action + .ho-btn, .menu-mobile .links > .ho-lnk-action + .ho-btn-border, .menu-mobile .links > .ho-lnk-action + .ho-btn-transparent, .menu-mobile .links > .ho-lnk-action + .ho-btn-blue, .menu-mobile .links > .ho-lnk-action + .btn-default, .menu-mobile .links > .ho-lnk-action + .btn-default-fill, .menu-mobile .ho-menu .links > .ho-lnk-action + a, .ho-menu .menu-mobile .links > .ho-lnk-action + a, .ho-go-back + .title-2, .page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-content .ho-go-back + .leaderboard-title, .menu-mobile .links > .ho-go-back + .button-1, .menu-mobile .links > .ho-go-back + .button-wear, .menu-mobile .links > .ho-go-back + .button-regular, .menu-mobile .links > .ho-go-back + .ho-btn, .menu-mobile .links > .ho-go-back + .ho-btn-border, .menu-mobile .links > .ho-go-back + .ho-btn-transparent, .menu-mobile .links > .ho-go-back + .ho-btn-blue, .menu-mobile .links > .ho-go-back + .btn-default, .menu-mobile .links > .ho-go-back + .btn-default-fill, .menu-mobile .ho-menu .links > .ho-go-back + a, .ho-menu .menu-mobile .links > .ho-go-back + a,
.ho-go-forward + .title-2,
.page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-content .ho-go-forward + .leaderboard-title,
.menu-mobile .links > .ho-go-forward + .button-1,
.menu-mobile .links > .ho-go-forward + .button-wear,
.menu-mobile .links > .ho-go-forward + .button-regular,
.menu-mobile .links > .ho-go-forward + .ho-btn,
.menu-mobile .links > .ho-go-forward + .ho-btn-border,
.menu-mobile .links > .ho-go-forward + .ho-btn-transparent,
.menu-mobile .links > .ho-go-forward + .ho-btn-blue,
.menu-mobile .links > .ho-go-forward + .btn-default,
.menu-mobile .links > .ho-go-forward + .btn-default-fill,
.menu-mobile .ho-menu .links > .ho-go-forward + a,
.ho-menu .menu-mobile .links > .ho-go-forward + a {
  padding-top: 30px;
}
.ho-go-back,
.ho-go-forward {
  background-repeat: no-repeat;
  padding: 0 10px;
  margin-top: 25px;
  display: block;
}
.ho-go-back {
  background-image: url("../png/arrow-left-f0eaf763.png");
  background-position: left center;
  float: left;
  text-align: left;
}
.ho-go-forward {
  background-image: url("../png/arrow-right-7d21886c.png");
  background-position: right center;
  float: right;
  text-align: right;
}
.white-text {
  color: #FFFFFF !important;
}
.blue-text {
  color: #3671F1;
}
.ho-lead-title,
.ho-lead-p {
  text-align: center;
}
.ho-lead-p.ho-hide-desk-block + .ho-btn, .ho-lead-p.ho-hide-desk-block + .ho-btn-blue, .ho-lead-p.ho-hide-desk-block + .ho-btn-transparent, .ho-lead-p.ho-hide-desk-block + .ho-btn-border {
  margin-top: 20px;
}
.ho-lead-p.ho-hide-desk-block:visible {
  outline: 1px solid red;
}
.ho-lead-title {
  color: #292F32;
  font: 26px/36px aileronlight, arial, tahoma, sans-serif;
  padding: 0 50px;
  text-transform: inherit;
}
@media screen and (min-width: 850px) {
  .ho-lead-title {
    font-size: 32px;
    line-height: 38px;
  }
}
.ho-lead-p {
  color: #414E55;
  font: 16px/1.5 aileronregular, arial, tahoma, sans-serif;
  margin: 30px 20px 40px;
}
.ho-lead-title + .ho-lead-p {
  margin-bottom: 40px;
}
.ho-lead-p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 850px) {
  .ho-lead-p {
    margin-top: 30px;
  }
}
.ho-lead-p.ho-lead-justify {
  text-align: justify;
}
.ho-number-circle {
  border-radius: 100%;
  background: #00A1F8;
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  color: #fff;
  text-align: center;
  font: 12px/24px nexa_heavy_italicregular, arial, tahoma, sans-serif;
}
@media screen and (min-width: 850px) {
  .ho-greenbar-right {
    text-align: right;
    padding-right: 30px;
  }
  .ho-greenbar-left {
    text-align: left;
    padding-left: 30px;
  }
  .ho-greenbar-right:after,
  .ho-greenbar-left:before {
    height: 100%;
    width: 7px;
    transform: rotate(5deg);
    position: absolute;
    top: -10px;
  }
  .ho-greenbar-right:after {
    right: 0;
  }
  .ho-greenbar-left:before {
    left: 0;
  }
  .ho-flex-direction-row {
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center;
  }
}
.star-rating > div {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../svg/icn-star-reviews-2ba05cdc.svg") center center no-repeat;
  background-position-x: -14px;
}
.star-rating .ho-half-star {
  position: absolute;
  bottom: 0;
}
.star-rating .ho-half-star:before {
  width: 7px;
  overflow: hidden;
}
.star-rating .active {
  background-position-x: 0;
}
.ic-close-gray {
  display: block;
  width: 24px;
  height: 24px;
  background: url("../svg/ic-close-28cf5af1.svg") center center no-repeat;
  cursor: pointer;
}
.ic-close-white {
  display: block;
  width: 24px;
  height: 24px;
  background: url("../svg/ic-close-white-1db08fc4.svg") center center no-repeat;
  cursor: pointer;
}
.ic-close-white:hover {
  opacity: 0.8;
}
.icn-close {
  background: url("../svg/icn-close-blue-2d1a8bcc.svg") center center no-repeat;
}
@media screen and (max-width: 768px) {
  .icn-close {
    margin-top: 8px;
  }
}
.icn-close:hover {
  opacity: 0.6;
}
.icn-globe {
  background: url("../svg/globe-0dea8a94.svg") center center no-repeat;
}
.icn-close,
.icn-globe {
  display: block;
  width: 24px;
  height: 24px;
  background-size: 24px;
}
i {
  display: block;
  width: 16px;
  height: 16px;
}
i.ic-chevron-right {
  background: url("../svg/ic-chevron-right-83b49396.svg") center center no-repeat;
}
i.ic-arrow-left {
  background: url("../svg/ic-arrow-left-dark-714fcd80.svg") center center no-repeat;
}
i.ic-arrow-left-white {
  width: 40px;
  height: 40px;
  background: url("../svg/ic-arrow-left-white-e9728f65.svg") center center no-repeat;
}
i.ic-arrow-down {
  transform: rotate(-270deg);
  background: url("../svg/ic-chevron-right-83b49396.svg") center center no-repeat;
}
i.ic-arrow-down-white {
  background: url("../svg/arrow-small-down-light-18afeafe.svg") center center no-repeat;
}
i.arrow-slider-left {
  background: url("../svg/arrow-slider-left-9e5d96f7.svg") center center no-repeat !important;
}
i.arrow-slider-right {
  background: url("../svg/arrow-slider-right-b092f553.svg") center center no-repeat !important;
}
i.arrow-slider-left-blue {
  background: url("../svg/arrow-left-blue-0aa36e7a.svg") center center no-repeat !important;
}
i.arrow-slider-right-blue {
  background: url("../svg/arrow-right-blue-3db72f65.svg") center center no-repeat !important;
}
i.star {
  background: url("../svg/star-caadea68.svg") center 3px no-repeat;
}
i.showmore-arrow {
  background: url("../svg/showmore-arrow-5b63d6e7.svg") center center no-repeat;
}
.help-block {
  color: #EE542F;
  margin: 10px 0;
}
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
li.cell-dual-info {
  display: flex;
  justify-content: space-between;
  padding-bottom: 11px;
}
li.cell-dual-info p:first-of-type:not(.body-heavy) {
  flex-grow: 1;
  margin-right: 10px;
  text-align: left !important;
}
li.cell-dual-info a {
  color: #00A1F8;
}
blockquote {
  max-width: 600px;
  border-left: 3px solid #EAEBEF;
}
blockquote p {
  color: #677A93;
  font-size: 24px;
  margin-bottom: 20px;
  padding-left: 10px;
  margin-left: 5px;
  position: relative;
}
blockquote p::before {
  content: open-quote;
  position: absolute;
  top: 0;
  left: 0;
}
blockquote p::after {
  content: close-quote;
  margin-left: 10px;
}
blockquote cite {
  margin-left: 5px;
  font-size: 16px;
  color: #102147;
}
input[type=search] {
  -webkit-appearance: textfield;
}
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type=submit],
input[type=button] {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type=submit]:hover,
input[type=button]:hover {
  cursor: pointer;
}
img {
  border: none;
  max-width: 100%;
}
.ho-container, .ho-container-small {
  width: 100%;
  max-width: 1240px;
  padding: 0px 20px;
}
@media screen and (min-width: 850px) {
  .ho-container, .ho-container-small {
    margin: 0 auto;
  }
}
@media screen and (max-width: 850px) {
  .ho-container.full-mobile, .full-mobile.ho-container-small {
    padding: 0;
  }
}
.ho-container-small {
  max-width: 900px;
}
.ho-section + .ho-section, .ho-section-center + .ho-section, .ho-section + .ho-section-center, .ho-section-center + .ho-section-center {
  padding-top: 0;
}
.ho-section, .ho-section-center {
  padding: 80px 0;
}
@media screen and (min-width: 850px) {
  .ho-section, .ho-section-center {
    padding: 120px 0;
  }
  .ho-section .ho-small-title + .title-3 + .ho-btn, .ho-section .ho-small-title + .title-3 + .ho-btn-blue, .ho-section .ho-small-title + .title-3 + .ho-btn-transparent, .ho-section .ho-small-title + .title-3 + .ho-btn-border, .ho-section-center .ho-small-title + .title-3 + .ho-btn, .ho-section-center .ho-small-title + .title-3 + .ho-btn-blue, .ho-section-center .ho-small-title + .title-3 + .ho-btn-transparent, .ho-section-center .ho-small-title + .title-3 + .ho-btn-border {
    margin-top: 30px;
  }
}
.ho-section-center {
  text-align: center;
}
.ho-section-courses__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 35px;
  padding: 0;
  box-shadow: none;
  min-height: auto;
}
.ho-section-courses__header h3 {
  font: 24px/32px aileronbold, arial, tahoma, sans-serif;
  letter-spacing: -0.63px;
}
.ho-section-courses__header h3 img {
  margin-left: 10px;
  width: 32px;
  height: 32px;
}
.ho-section-courses__header a {
  font-size: 14px;
  font-family: aileronregular, arial, tahoma, sans-serif;
  line-height: 24px;
  color: #838D9A;
}
@media screen and (min-width: 320px) {
  .ho-section-courses__header a {
    font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  }
}
@media screen and (min-width: 1920px) {
  .ho-section-courses__header a {
    font-size: 16px;
  }
}
.ho-section-courses__header i {
  background-size: 6px !important;
}
.ho-section-courses__header h3,
.ho-section-courses__header a {
  display: flex;
  align-items: center;
}
.mobile-only {
  display: none;
}
@media screen and (max-width: 850px) {
  .mobile-only {
    display: block;
  }
}
.container, .container-center, .container.-center, .-center.container-smaller, .-center.container-10, .-center.container-8, .-center.container-6, .-center.container-4, .-center.container-small, .-center.container-flex, .container-flex, .container-small, .container-4, .container-6, .container-8, .container-10, .container-smaller {
  width: 100%;
  max-width: 1240px;
  padding: 0px 20px;
}
@media screen and (min-width: 850px) {
  .container, .container-center, .container.-center, .-center.container-smaller, .-center.container-10, .-center.container-8, .-center.container-6, .-center.container-4, .-center.container-small, .-center.container-flex, .container-flex, .container-small, .container-4, .container-6, .container-8, .container-10, .container-smaller {
    margin: 0 auto;
  }
}
@media screen and (max-width: 850px) {
  .container.full-mobile, .full-mobile.container-center, .full-mobile.container-flex, .full-mobile.container-small, .full-mobile.container-4, .full-mobile.container-6, .full-mobile.container-8, .full-mobile.container-10, .full-mobile.container-smaller {
    padding: 0;
  }
}
.container-small {
  padding: 20px 15%;
}
.section-hero-image {
  height: 200px;
  width: 100%;
  margin-bottom: 40px;
  margin-top: 40px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 320px) {
  .section-hero-image {
    height: calc(200px + 180 * (100vw - 320px) / 1600);
  }
}
@media screen and (min-width: 1920px) {
  .section-hero-image {
    height: 380px;
  }
}
.link {
  color: #00A1F8;
}
.centered {
  text-align: center;
}
.respect-whitespace {
  white-space: pre-wrap;
}
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on May 27, 2016 */
@font-face {
  font-family: "aileronbold";
  src: url("../woff2/aileron-bold-webfont-dd195ba3.woff2") format("woff2"), url("../woff/aileron-bold-webfont-422045f1.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "aileronbold_italic";
  src: url("../woff2/aileron-bolditalic-webfont-5c9ee020.woff2") format("woff2"), url("../woff/aileron-bolditalic-webfont-7f4a1383.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "aileronlight";
  src: url("../woff2/aileron-light-webfont-7e178c4c.woff2") format("woff2"), url("../woff/aileron-light-webfont-60bb5faa.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "aileronlight_italic";
  src: url("../woff2/aileron-lightitalic-webfont-4852465f.woff2") format("woff2"), url("../woff/aileron-lightitalic-webfont-319c8451.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "aileronregular";
  src: url("../woff2/aileron-regular-webfont-9bd763e0.woff2") format("woff2"), url("../woff/aileron-regular-webfont-d0ebbfaa.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "aileronsemibold";
  src: url("../woff2/aileron-semibold-webfont-f4e66b0b.woff2") format("woff2"), url("../woff/aileron-semibold-webfont-ce5052ba.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "aileronsemibold_italic";
  src: url("../woff2/aileron-semibolditalic-webfont-a1837b62.woff2") format("woff2"), url("../woff/aileron-semibolditalic-webfont-f488c034.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "aileronheavy";
  src: url("../woff/aileron-heavy-webfont-9935d3b2.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on May 27, 2016 */
@font-face {
  font-family: "nexa_heavy_italicregular";
  src: url("../woff2/nexa-heavy-italic-webfont-66bfe52d.woff2") format("woff2"), url("../woff/nexa-heavy-italic-webfont-56cbfe2a.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "nexa_lightitalic";
  src: url("../woff2/nexa-light-italic-webfont-3fefd3b7.woff2") format("woff2"), url("../woff/nexa-light-italic-webfont-42a3ab9b.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "nexa_regular_italicitalic";
  src: url("../woff2/nexa-regular-italic-webfont-3756eb3c.woff2") format("woff2"), url("../woff/nexa-regular-italic-webfont-72e6787e.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "nexa_thin_italicregular";
  src: url("../woff2/nexa-thin-italic-webfont-ea55c4d7.woff2") format("woff2"), url("../woff/nexa-thin-italic-webfont-1d773a72.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "nexa_heavyregular";
  src: url("../woff2/nexaheavy-webfont-d779dd2f.woff2") format("woff2"), url("../woff/nexaheavy-webfont-a8641e05.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "nexa_regularregular";
  src: url("../woff2/nexaregular-webfont-390c280b.woff2") format("woff2"), url("../woff/nexaregular-webfont-9e168e0d.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.button-small-blue, .button-small-orange {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 4px;
  background-color: #3671F1;
  color: #FFFFFF;
  text-align: center;
}
.button-small-blue:hover, .button-small-orange:hover {
  color: #FFFFFF;
  background-color: #2C61DB;
}
.button-small-blue:active, .button-small-orange:active {
  color: #FFFFFF;
  background-color: rgb(15.2241860465, 79.383255814, 218.5758139535);
}
.button-large-green, .button-large-white, .button-large-blue, .button-large-orange-loader, .button-large-orange, .button-large-blue-loader, .button-large-green-loader {
  color: #FFFFFF;
  font: 12px nexa_heavy_italicregular, arial, tahoma, sans-serif;
  text-transform: uppercase;
  display: inline-block;
  background-color: #7ED321;
  padding: 16px 10px;
  border-radius: 6px;
  text-align: center;
}
.button-large-green-loader {
  min-height: 44px;
  font-size: 0;
  text-indent: -9999px;
  background: url("../svg/ic-loader-white-16e62452.svg") center center no-repeat #7ED321;
}
.button-large-green:hover, .button-large-white:hover, .button-large-blue:hover, .button-large-orange-loader:hover, .button-large-orange:hover, .button-large-blue-loader:hover, .button-large-green-loader:hover {
  color: #FFFFFF;
  background-color: rgb(115.4655737705, 193.3590163934, 30.2409836066);
}
.button-large-new-blue, .button-large-new-blue-loader {
  color: #FFFFFF;
  font: 12px nexa_heavy_italicregular, arial, tahoma, sans-serif;
  text-transform: uppercase;
  display: inline-block;
  background-color: #3B75EE;
  padding: 14px 10px;
  border-radius: 4px;
  text-align: center;
}
.button-large-new-blue-loader {
  min-height: 44px;
  font-size: 0;
  text-indent: -9999px;
  background: url("../svg/ic-loader-white-16e62452.svg") center center no-repeat #3B75EE;
}
.button-large-new-blue:hover, .button-large-new-blue-loader:hover {
  color: #FFFFFF;
  background-color: rgb(40.2281690141, 103.7830985915, 236.3718309859);
}
.button-small-new-blue-loader {
  font-size: 0;
  text-indent: -9999px;
  background: url("../svg/ic-loader-white-16e62452.svg") center center no-repeat #3B75EE;
}
.button-large-blue, .button-large-orange-loader, .button-large-orange, .button-large-blue-loader {
  background-color: #3671F1;
}
.button-large-blue:hover, .button-large-orange-loader:hover, .button-large-orange:hover, .button-large-blue-loader:hover {
  background-color: #2C61DB;
}
.button-large-blue-loader {
  min-height: 48px;
  font-size: 0;
  text-indent: -9999px;
  background: url("../svg/ic-loader-white-16e62452.svg") center center no-repeat #00A1F8;
}
.button-large-white {
  color: #A6B1BF;
  background-color: #FFFFFF;
}
.button-large-white:hover {
  color: #697A91;
  background-color: #FFFFFF;
}
.button-small-orange {
  background-color: #EE542F;
}
.button-small-orange:hover {
  background-color: rgb(235.1786666667, 61.056, 19.2213333333);
}
.button-small-orange:active {
  background-color: rgb(206.8906666667, 53.712, 16.9093333333);
}
.button-large-orange {
  background-color: #DC452D;
  font: 12px nexa_heavy_italicregular, arial, tahoma, sans-serif;
  text-transform: uppercase;
  display: inline-block;
  padding: 16px 10px;
  border-radius: 6px;
  text-align: center;
}
.button-large-orange-loader {
  min-height: 44px;
  font-size: 0;
  text-indent: -9999px;
  background: url("../svg/ic-loader-white-16e62452.svg") center center no-repeat #DC452D;
}
.button-large-orange-loader:hover, .button-large-orange:hover {
  background-color: rgb(200.9142857143, 56.4473469388, 33.4857142857);
}
.button-large-orange:active {
  background-color: rgb(174.6857142857, 49.0783673469, 29.1142857143);
}
.ho-btn, .ho-btn-blue, .ho-btn-transparent, .ho-btn-border {
  opacity: 1 !important;
  display: inline-block;
  background: #7ED321;
  font-family: nexa_heavyregular, arial, tahoma, sans-serif !important;
  border: none;
  color: #FFFFFF;
  padding: 10px 20px !important;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  transform: skew(-10deg, 0deg);
  -moz-transform: skew(-10deg, 0deg);
  -ms-transform: skew(-10deg, 0deg);
}
.ho-btn:hover, .ho-btn-blue:hover, .ho-btn-transparent:hover, .ho-btn-border:hover {
  color: #FFFFFF;
  background-color: rgb(118.0991803279, 197.7692622951, 30.9307377049);
}
@media screen and (min-width: 850px) {
  .ho-btn-border {
    padding: 8px 18px !important;
    background: transparent !important;
    border: 2px solid #7ED321 !important;
    color: #7ED321 !important;
  }
}
.ho-btn-border:hover {
  background: #7ED321 !important;
  color: #fff !important;
}
.ho-btn-transparent {
  background: rgba(255, 255, 255, 0.25);
}
.ho-btn-blue {
  background: #00A1F8;
}
.btn-premium {
  margin-top: 12px;
  padding: 14px 40px;
  font-size: 13px;
}
.h19-btn {
  font-family: aileronheavy, arial, tahoma, sans-serif;
  cursor: pointer;
  border-radius: 6px;
  text-align: center;
  transition: all 0.2s ease;
}
.h19-btn:hover {
  opacity: 1 !important;
}
.h19-btn--blue {
  color: #FFFFFF;
  background-color: #3671F1;
}
.h19-btn--blue:hover, .h19-btn--blue:focus {
  background-color: rgb(101.6790697674, 146.6837209302, 244.3209302326);
}
.h19-btn--blue-alt {
  color: #3671F1;
  background-color: #FFFFFF;
  border: 1.5px solid #3671F1;
}
.h19-btn--blue-alt:hover, .h19-btn--blue-alt:focus {
  color: #FFFFFF;
  background-color: #3671F1;
}
.h19-btn--small {
  padding: 8px;
  font-size: 11px;
  line-height: 13px;
}
.h19-btn--large {
  font-size: 18px;
}
.h19-btn--large, .h19-btn--large:before {
  padding: 20px 47px;
}
@media screen and (max-width: 768px) {
  .h19-btn--large {
    padding: 15px 35px;
    font-size: 15px;
  }
}
.h19-btn--disabled {
  background-color: #DBE0E5;
  border: 0;
  cursor: not-allowed;
}
.h19-btn--disabled:hover, .h19-btn--disabled:focus {
  background-color: #DBE0E5;
}
.h19-btn--transparent {
  background-color: transparent;
  border: 2px solid #FFFFFF !important;
  color: #FFFFFF;
}
.h19-btn--transparent:hover, .h19-btn--transparent:focus {
  background-color: #FFFFFF;
  color: #3671F1;
}
.h19-btn--transparent:disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.h19-btn--transparent:disabled:hover {
  background-color: transparent;
  color: #FFFFFF;
  cursor: not-allowed;
}
.h19-btn--animated {
  position: relative;
  display: inline-block;
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.ho-hero, .hero-landing {
  margin-bottom: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 38%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 850px) {
  .ho-hero, .hero-landing {
    height: 700px;
    margin-bottom: 100px;
    background-position: bottom center;
  }
}
.ho-hero + .ho-img-featured, .hero-landing + .ho-img-featured {
  max-width: 400px;
  margin: -280px auto 0;
  display: block;
}
.ho-hero .ho-container, .hero-landing .ho-container, .ho-hero .ho-container-small, .hero-landing .ho-container-small {
  flex: 1 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  width: auto;
  position: relative;
  max-height: 70%;
}
@media screen and (min-width: 850px) {
  .ho-hero .ho-container, .hero-landing .ho-container, .ho-hero .ho-container-small, .hero-landing .ho-container-small {
    width: 100%;
  }
}
.ho-hero .ho-avatar, .hero-landing .ho-avatar {
  width: 90px;
  height: auto;
  position: absolute;
  margin: 0 auto 0 -45px;
  bottom: -30%;
  left: 50%;
}
@media screen and (min-width: 850px) {
  .ho-hero .ho-avatar, .hero-landing .ho-avatar {
    width: 140px;
  }
  .ho-hero .ho-avatar img, .hero-landing .ho-avatar img {
    border: 4px solid #fff;
  }
}
.ho-hero .ho-avatar img, .hero-landing .ho-avatar img {
  max-width: 100%;
  border-radius: 16px;
  border: 3px solid #fff;
}
.ho-title-hero {
  width: 100%;
  font-family: nexa_lightitalic, arial, tahoma, sans-serif;
  color: #FFFFFF;
  text-align: center;
  padding: 0 20px;
  position: relative;
}
.ho-title-hero strong {
  font-family: nexa_heavy_italicregular, arial, tahoma, sans-serif;
}
.hero-landing {
  justify-content: flex-start;
  margin-bottom: 0;
}
.hero-landing .ho-container, .hero-landing .ho-container-small {
  flex-direction: initial;
  justify-content: space-between;
}
@media screen and (max-width: 630px) {
  .hero-landing .ho-container, .hero-landing .ho-container-small {
    flex-direction: column;
  }
}
.hero-landing-title {
  max-width: 430px;
  margin-top: 90px;
}
@media screen and (max-width: 790px) {
  .hero-landing-title {
    margin-top: 40px;
    max-width: 330px;
  }
}
@media screen and (max-width: 600px) {
  .hero-landing-title {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.hero-landing figure {
  display: block;
  position: relative;
  top: 6px;
  max-width: 660px;
}
@media screen and (max-width: 1160px) {
  .hero-landing figure {
    width: 54%;
    top: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 980px) {
  .hero-landing figure {
    width: 50%;
  }
  .hero-landing figure img {
    max-width: 100%;
    display: block;
    width: 122%;
    position: relative;
    left: 70px;
  }
  .hero-landing figure {
    width: 42%;
  }
  .hero-landing figure img {
    top: -8px;
    left: -48px;
  }
}
@media screen and (max-width: 790px) {
  .hero-landing figure {
    width: 36%;
  }
  .hero-landing figure img {
    top: -20px;
    width: 166%;
  }
}
@media screen and (max-width: 720px) {
  .hero-landing figure img {
    width: 172%;
  }
}
@media screen and (max-width: 660px) {
  .hero-landing figure img {
    width: 182%;
  }
}
@media screen and (max-width: 630px) {
  .hero-landing figure img {
    width: 192%;
  }
}
@media screen and (max-width: 600px) {
  .hero-landing figure {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hero-landing figure img {
    top: 0;
    left: 0;
  }
}
.hero-landing h1, .hero-landing .ho-logo p.h19-logo-p, .ho-logo .hero-landing p.h19-logo-p, .hero-landing .ho-logo-white p.h19-logo-p, .ho-logo-white .hero-landing p.h19-logo-p {
  text-transform: uppercase;
  color: #3671F1;
  font: 67px/55px nexa_heavy_italicregular, arial, tahoma, sans-serif;
  letter-spacing: -4.5px;
  margin-bottom: 20px;
}
@media screen and (max-width: 980px) {
  .hero-landing h1, .hero-landing .ho-logo p.h19-logo-p, .ho-logo .hero-landing p.h19-logo-p, .hero-landing .ho-logo-white p.h19-logo-p, .ho-logo-white .hero-landing p.h19-logo-p {
    font-size: 80px;
    line-height: 68px;
    letter-spacing: -2.76px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 740px) {
  .hero-landing h1, .hero-landing .ho-logo p.h19-logo-p, .ho-logo .hero-landing p.h19-logo-p, .hero-landing .ho-logo-white p.h19-logo-p, .ho-logo-white .hero-landing p.h19-logo-p {
    font-size: 55px;
    line-height: 46px;
    letter-spacing: -2.25px;
  }
}
.hero-landing p {
  margin-bottom: 40px;
}
@media screen and (max-width: 980px) {
  .hero-landing p {
    max-width: 295px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .hero-landing p {
    margin-bottom: 20px;
  }
}
.hero-landing::after {
  display: none;
}
.hero-landing .background {
  width: 48%;
  max-width: 965px;
  height: 600px;
  position: absolute;
  top: 0;
  right: 0;
  background-size: cover;
  background-position: bottom right;
  z-index: -1;
}
@media screen and (max-width: 1160px) {
  .hero-landing .background {
    display: none;
  }
}
.ho-hero-course {
  padding-top: 80px;
  padding-bottom: 20px;
}
.ho-hero-course .discover__title {
  margin-bottom: 0;
  text-transform: capitalize;
}
.ho-hero-course .discover__title span {
  display: flex;
  align-items: center;
}
.ho-hero-course .discover__title .spinner {
  margin-left: 0;
}
.ho-hero-course .discover__title img {
  margin-left: 10px;
}
.ho-hero-course h2,
.ho-hero-course .discover__title {
  font-size: 27px;
  font-family: aileronheavy, arial, tahoma, sans-serif;
  line-height: 34px;
  color: #000000;
  margin-bottom: 8px;
}
@media screen and (min-width: 320px) {
  .ho-hero-course h2,
  .ho-hero-course .discover__title {
    font-size: calc(27px + 11 * (100vw - 320px) / 1600);
  }
}
@media screen and (min-width: 1920px) {
  .ho-hero-course h2,
  .ho-hero-course .discover__title {
    font-size: 38px;
  }
}
.ho-hero-course h2 span,
.ho-hero-course .discover__title span {
  font-family: aileronregular, arial, tahoma, sans-serif;
  color: #838D9A;
}
.ho-hero-course h3 {
  font: 14px/20px aileronregular, arial, tahoma, sans-serif;
  color: #505965;
  margin-bottom: 23px;
}
.ho-hero-course h4 {
  padding-top: 80px;
  font-size: 26px;
}
.ho-hero-course .ho-title-hero {
  font: 32px/1 nexa_heavy_italicregular, arial, tahoma, sans-serif;
  margin-top: 20px;
  padding: 0 30px 12px;
}
@media screen and (min-width: 850px) {
  .ho-hero-course .ho-title-hero {
    margin-top: 80px;
  }
}
.hero-bg-fixed {
  height: 380px !important;
}
.premium-subheader {
  font-family: aileronbold, arial, tahoma, sans-serif;
  font-size: 24px;
}
.ho-msg {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 0 20px 80px;
}
.ho-hero .ho-msg, .hero-landing .ho-msg {
  text-align: center;
  padding: 0;
}
.ho-hero .ho-msg p, .hero-landing .ho-msg p {
  padding: 0;
  font: 22px aileronlight, arial, tahoma, sans-serif;
  color: #fff;
}
.ho-hero .ho-msg .ho-msg-title, .ho-hero .ho-msg .ho-msg-title-white, .hero-landing .ho-msg .ho-msg-title, .hero-landing .ho-msg .ho-msg-title-white {
  color: #fff;
  margin: 0;
  text-align: center;
  display: block;
  max-width: 100%;
  width: 100%;
}
.ho-hero .ho-msg .ho-msg-title:after, .ho-hero .ho-msg .ho-msg-title-white:after, .hero-landing .ho-msg .ho-msg-title:after, .hero-landing .ho-msg .ho-msg-title-white:after {
  display: none;
}
.ho-msg p {
  color: #0B111E;
  font: 16px/1.5 aileronregular, arial, tahoma, sans-serif;
}
@media screen and (min-width: 850px) {
  .ho-msg {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    max-width: 1100px;
    margin: 0 auto 140px;
    padding-bottom: 0;
  }
  .ho-hero .ho-msg, .hero-landing .ho-msg {
    display: inline-block;
    flex: 1 1;
    padding: 0;
    margin: 0;
    text-align: left;
  }
  .ho-hero .ho-msg p, .hero-landing .ho-msg p {
    padding: 20px 0 0 20px;
  }
  .ho-hero .ho-msg .ho-msg-title, .ho-hero .ho-msg .ho-msg-title-white, .hero-landing .ho-msg .ho-msg-title, .hero-landing .ho-msg .ho-msg-title-white {
    flex: 1 1;
    color: #fff;
    font-size: 60px;
    padding-left: 20px;
    max-width: 520px;
    text-align: left;
  }
  .ho-hero .ho-msg .ho-msg-title:after, .ho-hero .ho-msg .ho-msg-title-white:after, .hero-landing .ho-msg .ho-msg-title:after, .hero-landing .ho-msg .ho-msg-title-white:after {
    right: auto;
    display: block;
    left: 0;
    text-align: left;
  }
}
.ho-msg-subtitle {
  color: #292F32;
  font: 22px aileronlight, arial, tahoma, sans-serif;
  padding-bottom: 20px;
}
.ho-msg-title-white + .ho-msg-subtitle {
  color: #fff;
}
.ho-msg-title, .ho-msg-title-white {
  font: 32px/31px nexa_heavy_italicregular, arial, tahoma, sans-serif;
  margin: 0 20px 34px;
  position: relative;
  color: #292F32;
}
.ho-msg-title:after, .ho-msg-title-white:after {
  content: "";
  display: block;
  margin: 10px auto 0;
  width: 81px;
  height: 4px;
  background: #7ED321;
}
@media screen and (min-width: 850px) {
  .ho-msg-title, .ho-msg-title-white {
    flex: 1 1;
    font-size: 40px;
    line-height: 1;
    min-width: 35%;
    margin: 0 85px 0 0;
    padding-right: 20px;
    text-align: right;
  }
  .ho-msg-title:after, .ho-msg-title-white:after {
    content: "";
    margin: 10px auto 0;
    width: 4px;
    height: 100%;
    position: absolute;
    right: 0;
    top: -10px;
    transform: rotate(3deg);
    background: #7ED321;
  }
}
.ho-msg-title-white {
  color: #fff !important;
}
fieldset {
  border: none;
}
button:focus, input[type=button]:focus, input[type=submit]:focus {
  outline: 0;
}
.form-inline {
  display: flex;
  justify-content: space-between;
}
.form-inline .input-group,
.form-inline .button-group {
  width: calc(50% - 10px);
}
.form-inline .input-group input,
.form-inline .input-group select {
  width: 100%;
}
.ho-course-search-box {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (min-width: 850px) {
  .ho-course-search-box {
    flex-direction: row;
  }
}
.ho-search-course {
  margin: 25px 0 0;
  vertical-align: middle;
  position: relative;
}
.ho-search-course input[type=search] {
  width: 100%;
  min-width: 550px;
}
.ho-search-course__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  text-align: left;
  min-width: 100%;
  overflow: auto;
  padding: 25px 12px 10px;
  border: 2px solid #EAEBEF;
  border-top: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 9;
}
@media screen and (min-width: 850px) {
  .ho-search-course {
    padding: 0;
    max-width: 550px;
  }
}
@media screen and (max-width: 850px) {
  .ho-search-course {
    width: 100%;
  }
  .ho-search-course input[type=search] {
    min-width: 100%;
  }
}
.ho-search-course .subtitle {
  margin-bottom: 10px;
}
.ho-search-side {
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 850px) {
  .ho-search-side input[type=search],
  .ho-search-side input[type=text] {
    margin: 0px;
    min-width: 340px;
  }
}
@media screen and (max-width: 850px) {
  .ho-search-result {
    min-width: calc(100% - 40px);
    top: 32px;
  }
  .ho-search-result .loader-container {
    width: 34px;
    height: 34px;
    padding: 0;
  }
}
.ho-search-result-item li a {
  color: #727E8E;
  font: 15px/18px aileronregular, arial, tahoma, sans-serif;
  display: block;
  padding: 8px 0;
}
.ho-search-result-item li a strong {
  color: #393C43;
}
.ho-search-result-item li a p {
  color: inherit;
  font: 13px/16px aileronregular, arial, tahoma, sans-serif;
}
.ho-search-result-item li:hover {
  background-color: #F5F5F5;
}
.ho-login .ho-lead-p {
  margin-top: 10px;
  margin-bottom: 55px;
}
.ho-login-form {
  max-width: 390px;
  margin: 0 auto;
}
.ho-login-form .ho-lnk-forgot {
  float: left;
  text-transform: uppercase;
  font: 12px nexa_heavy_italicregular, arial, tahoma, sans-serif;
  text-decoration: none;
  color: #A6B1BF;
  padding-top: 7px;
}
.ho-login-form .ho-btn, .ho-login-form .ho-btn-border, .ho-login-form .ho-btn-transparent, .ho-login-form .ho-btn-blue {
  float: right;
}
.ho-global-search-bar {
  position: absolute;
  max-width: 50%;
  top: 90%;
}
.display-hide {
  display: none;
}
.display-hide div div {
  width: 18px !important;
  height: 18px !important;
  background-size: 100% !important;
}
.btn-default {
  background: #7ED321;
  font-family: nexa_heavy_italicregular, arial, tahoma, sans-serif !important;
  border: none;
  color: #FFFFFF;
  padding: 10px 20px !important;
  border-radius: 4px;
  cursor: pointer;
  text-transform: uppercase;
}
.btn-default-fill {
  -webkit-appearance: none;
  background: #7ED321;
  font-family: nexa_heavy_italicregular, arial, tahoma, sans-serif !important;
  border: none;
  color: #FFFFFF;
  padding: 10px 20px !important;
  border-radius: 4px;
  cursor: pointer;
  text-transform: uppercase;
  width: 94%;
  height: 44px;
  text-align: center;
  margin: 0px 0px 20px 10px;
}
.ho-parallax {
  text-align: center;
  position: relative;
  width: 700px;
  margin: 0 auto 120px;
  display: none;
}
@media screen and (min-width: 850px) {
  .ho-parallax {
    display: block;
  }
}
.ho-bg-parallax {
  max-width: 290px;
}
[data-parallax-speed] {
  max-width: 360px;
  position: absolute;
  will-change: transform;
}
#imgParallax1 {
  transform: translateY(150px);
  top: 0px;
  left: 10px;
}
#imgParallax2 {
  transform: translateY(300px);
  top: 0px;
  right: 20px;
}
#imgParallax3 {
  transform: translateY(430px);
  top: 0px;
  left: 60px;
}
.CalendarDay {
  border: 1px solid #e4e7e7;
  padding: 0;
  box-sizing: border-box;
  color: #565a5c;
  cursor: pointer;
}
.CalendarDay__button {
  position: relative;
  height: 100%;
  width: 100%;
  text-align: center;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  box-sizing: border-box;
}
.CalendarDay__button:active {
  outline: 0;
}
.CalendarDay--highlighted-calendar {
  background: #ffe8bc;
  color: #565a5c;
  cursor: default;
}
.CalendarDay--highlighted-calendar:active {
  background: #007a87;
}
.CalendarDay--outside {
  border: 0;
  cursor: default;
}
.CalendarDay--outside:active {
  background: #fff;
}
.CalendarDay--hovered {
  background: #e4e7e7;
  border: 1px double #d4d9d9;
  color: inherit;
}
.CalendarDay--blocked-minimum-nights {
  color: #cacccd;
  background: #fff;
  border: 1px solid #e4e7e7;
  cursor: default;
}
.CalendarDay--blocked-minimum-nights:active {
  background: #fff;
}
.CalendarDay--selected-span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff;
}
.CalendarDay--selected-span.CalendarDay--hovered, .CalendarDay--selected-span:active {
  background: #33dacd;
  border: 1px double #3B75EE;
}
.CalendarDay--selected-span.CalendarDay--last-in-range {
  border-right: #3B75EE;
}
.CalendarDay--hovered-span,
.CalendarDay--after-hovered-start {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87;
}
.CalendarDay--hovered-span:active,
.CalendarDay--after-hovered-start:active {
  background: #80e8e0;
}
.CalendarDay--selected-start,
.CalendarDay--selected-end,
.CalendarDay--selected {
  background: #3B75EE;
  border: 1px double #3B75EE;
  color: #fff;
}
.CalendarDay--selected-start:active,
.CalendarDay--selected-end:active,
.CalendarDay--selected:active {
  background: #3B75EE;
}
.CalendarDay--blocked-calendar {
  background: #cacccd;
  color: #82888a;
  cursor: default;
}
.CalendarDay--blocked-calendar:active {
  background: #cacccd;
}
.CalendarDay--blocked-out-of-range {
  color: #cacccd;
  background: #fff;
  border: 1px solid #e4e7e7;
  cursor: default;
}
.CalendarDay--blocked-out-of-range:active {
  background: #fff;
}
.CalendarMonth {
  text-align: center;
  padding: 0 13px;
  vertical-align: top;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.CalendarMonth table {
  border-collapse: collapse;
  border-spacing: 0;
  caption-caption-side: initial;
}
.CalendarMonth--horizontal:first-of-type,
.CalendarMonth--vertical:first-of-type {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}
.CalendarMonth--horizontal {
  display: inline-block;
  min-height: 100%;
}
.CalendarMonth--vertical {
  display: block;
}
.CalendarMonth__caption {
  color: #3c3f40;
  margin-top: 7px;
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px;
  caption-side: initial;
}
.CalendarMonth--horizontal .CalendarMonth__caption,
.CalendarMonth--vertical .CalendarMonth__caption {
  padding: 20px 0 35px;
}
.CalendarMonth--vertical-scrollable .CalendarMonth__caption {
  padding: 5px 0;
}
.CalendarMonthGrid {
  background: #fff;
  z-index: 0;
  text-align: left;
}
.CalendarMonthGrid--animating {
  transition: transform 0.2s ease-in-out;
  z-index: 1;
}
.CalendarMonthGrid--horizontal {
  position: absolute;
  left: 9px;
}
.CalendarMonthGrid--vertical {
  margin: 0 auto;
}
.CalendarMonthGrid--vertical-scrollable {
  margin: 0 auto;
  overflow-y: scroll;
}
.DayPicker {
  background: #fff;
  position: relative;
  text-align: left;
}
.DayPicker--horizontal {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
  border-radius: 3px;
}
.DayPicker--horizontal.DayPicker--portal {
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%;
}
.DayPicker--vertical.DayPicker--portal {
  position: initial;
}
.DayPicker__focus-region {
  outline: none;
}
.DayPicker__week-headers {
  position: relative;
}
.DayPicker--horizontal .DayPicker__week-headers {
  margin-left: 9px;
}
.DayPicker__week-header {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  padding: 0 13px;
  text-align: left;
}
.DayPicker__week-header ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
}
.DayPicker__week-header li {
  display: inline-block;
  text-align: center;
}
.DayPicker--vertical .DayPicker__week-header {
  left: 50%;
}
.DayPicker--vertical-scrollable {
  height: 100%;
}
.DayPicker--vertical-scrollable .DayPicker__week-header {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: white;
}
.DayPicker--vertical-scrollable .transition-container--vertical {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll;
}
.DayPicker--vertical-scrollable .DayPicker__week-header {
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.transition-container {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}
.transition-container--horizontal {
  transition: height 0.2s ease-in-out;
}
.transition-container--vertical {
  width: 100%;
}
.DayPickerNavigation__prev,
.DayPickerNavigation__next {
  cursor: pointer;
  line-height: 0.78;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  /* IE10+ */
  user-select: none;
}
.DayPickerNavigation__prev--default,
.DayPickerNavigation__next--default {
  border: 1px solid #dce0e0;
  background-color: #fff;
  color: #757575;
}
.DayPickerNavigation__prev--default:focus, .DayPickerNavigation__prev--default:hover,
.DayPickerNavigation__next--default:focus,
.DayPickerNavigation__next--default:hover {
  border: 1px solid #c4c4c4;
}
.DayPickerNavigation__prev--default:active,
.DayPickerNavigation__next--default:active {
  background: #f2f2f2;
}
.DayPickerNavigation--horizontal {
  position: relative;
}
.DayPickerNavigation--horizontal .DayPickerNavigation__prev,
.DayPickerNavigation--horizontal .DayPickerNavigation__next {
  border-radius: 3px;
  padding: 6px 9px;
  top: 18px;
  z-index: 2;
  position: absolute;
}
.DayPickerNavigation--horizontal .DayPickerNavigation__prev {
  left: 22px;
}
.DayPickerNavigation--horizontal .DayPickerNavigation__prev--rtl {
  left: auto;
  right: 22px;
}
.DayPickerNavigation--horizontal .DayPickerNavigation__next {
  right: 22px;
}
.DayPickerNavigation--horizontal .DayPickerNavigation__next--rtl {
  right: auto;
  left: 22px;
}
.DayPickerNavigation--horizontal .DayPickerNavigation__prev--default svg,
.DayPickerNavigation--horizontal .DayPickerNavigation__next--default svg {
  height: 19px;
  width: 19px;
  fill: #82888a;
}
.DayPickerNavigation--vertical {
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 52px;
  width: 100%;
  z-index: 2;
}
.DayPickerNavigation--vertical .DayPickerNavigation__prev,
.DayPickerNavigation--vertical .DayPickerNavigation__next {
  display: inline-block;
  position: relative;
  height: 100%;
  width: 50%;
}
.DayPickerNavigation--vertical .DayPickerNavigation__next--default {
  border-left: 0;
}
.DayPickerNavigation--vertical .DayPickerNavigation__prev--default,
.DayPickerNavigation--vertical .DayPickerNavigation__next--default {
  text-align: center;
  font-size: 2.5em;
  padding: 5px;
}
.DayPickerNavigation--vertical .DayPickerNavigation__prev--default svg,
.DayPickerNavigation--vertical .DayPickerNavigation__next--default svg {
  height: 42px;
  width: 42px;
  fill: #484848;
}
.DayPickerNavigation--vertical-scrollable {
  position: relative;
}
.DayPickerNavigation--vertical-scrollable .DayPickerNavigation__next {
  width: 100%;
}
.DayPickerKeyboardShortcuts__show,
.DayPickerKeyboardShortcuts__close {
  background: none;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
}
.DayPickerKeyboardShortcuts__show:active,
.DayPickerKeyboardShortcuts__close:active {
  outline: none;
}
.DayPickerKeyboardShortcuts__show {
  width: 22px;
  position: absolute;
  z-index: 2;
}
.DayPickerKeyboardShortcuts__show--bottom-right {
  border-top: 26px solid transparent;
  border-right: 33px solid #3B75EE;
  bottom: 0;
  right: 0;
}
.DayPickerKeyboardShortcuts__show--bottom-right:hover {
  border-right: 33px solid #008489;
}
.DayPickerKeyboardShortcuts__show--bottom-right .DayPickerKeyboardShortcuts__show_span {
  bottom: 0;
  right: -28px;
}
.DayPickerKeyboardShortcuts__show--top-right {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #3B75EE;
  top: 0;
  right: 0;
}
.DayPickerKeyboardShortcuts__show--top-right:hover {
  border-right: 33px solid #008489;
}
.DayPickerKeyboardShortcuts__show--top-right .DayPickerKeyboardShortcuts__show_span {
  top: 1px;
  right: -28px;
}
.DayPickerKeyboardShortcuts__show--top-left {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #3B75EE;
  top: 0;
  left: 0;
}
.DayPickerKeyboardShortcuts__show--top-left:hover {
  border-left: 33px solid #008489;
}
.DayPickerKeyboardShortcuts__show--top-left .DayPickerKeyboardShortcuts__show_span {
  top: 1px;
  left: -28px;
}
.DayPickerKeyboardShortcuts__show_span {
  color: #fff;
  position: absolute;
}
.DayPickerKeyboardShortcuts__panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
}
.DayPickerKeyboardShortcuts__title {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
.DayPickerKeyboardShortcuts__list {
  list-style: none;
  padding: 0;
}
.DayPickerKeyboardShortcuts__close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2;
}
.DayPickerKeyboardShortcuts__close svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}
.DayPickerKeyboardShortcuts__close svg:hover, .DayPickerKeyboardShortcuts__close svg:focus {
  fill: #82888a;
}
.DayPickerKeyboardShortcuts__close:active {
  outline: none;
}
.KeyboardShortcutRow {
  margin: 6px 0;
}
.KeyboardShortcutRow__key-container {
  display: inline-block;
  white-space: nowrap;
  text-align: right;
  margin-right: 6px;
}
.KeyboardShortcutRow__key {
  font-family: monospace;
  font-size: 12px;
  text-transform: uppercase;
  background: #f2f2f2;
  padding: 2px 6px;
}
.KeyboardShortcutRow__action {
  display: inline;
  word-break: break-word;
  margin-left: 8px;
}
.DayPickerKeyboardShortcuts__panel--block .KeyboardShortcutRow {
  margin-bottom: 16px;
}
.DayPickerKeyboardShortcuts__panel--block .KeyboardShortcutRow__key-container {
  width: auto;
  text-align: left;
  display: inline;
}
.DayPickerKeyboardShortcuts__panel--block .KeyboardShortcutRow__action {
  display: inline;
}
.DateInput {
  font-weight: 200;
  margin: 0;
  padding: 14px 16px;
  background: transparent;
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.DateInput--with-caret::before,
.DateInput--with-caret::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: auto;
  border: 10px solid transparent;
  left: 22px;
  z-index: 99999;
}
.DateInput--open-down.DateInput--with-caret::before,
.DateInput--open-down.DateInput--with-caret::after {
  border-top: 0;
}
.DateInput--open-down.DateInput--with-caret::before {
  top: 43px;
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
.DateInput--open-down.DateInput--with-caret::after {
  top: 45px;
  border-bottom-color: #fff;
}
.DateInput--open-up.DateInput--with-caret::before,
.DateInput--open-up.DateInput--with-caret::after {
  border-bottom: 0;
}
.DateInput--open-up.DateInput--with-caret::before {
  top: -24px;
  border-top-color: rgba(0, 0, 0, 0.1);
}
.DateInput--open-up.DateInput--with-caret::after {
  top: -25px;
  border-top-color: #fff;
}
.DateInput--disabled {
  background: #cacccd;
}
.DateInput__input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  height: 100%;
  width: 100%;
}
.DateInput__input[readonly] {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.DateInput__display-text {
  white-space: nowrap;
  overflow: hidden;
}
.DateInput__display-text--has-input {
  color: #484848;
}
.DateInput__display-text--focused {
  background: #F1F3F4;
  border-color: #F1F3F4;
  border-radius: 2px;
  color: #0C202C;
}
.DateInput__display-text--disabled {
  font-style: italic;
}
.screen-reader-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.DateRangePicker {
  position: relative;
  display: inline-block;
}
.DateRangePicker__picker {
  z-index: 1;
  background-color: #fff;
  position: absolute;
}
.DateRangePicker__picker--rtl {
  direction: rtl;
}
.DateRangePicker__picker--direction-left {
  left: 0;
}
.DateRangePicker__picker--direction-right {
  right: 0;
}
.DateRangePicker__picker--open-down {
  top: 72px;
}
.DateRangePicker__picker--open-up {
  bottom: 72px;
}
.DateRangePicker__picker--portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.DateRangePicker__picker--full-screen-portal {
  background-color: #fff;
}
.DateRangePicker__close {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}
.DateRangePicker__close svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}
.DateRangePicker__close:hover, .DateRangePicker__close:focus {
  color: #b0b3b4;
  text-decoration: none;
}
.DateRangePickerInput {
  background-color: #fff;
  border: 1px solid #cacccd;
  display: inline-block;
}
.DateRangePickerInput--disabled {
  background: #cacccd;
}
.DateRangePickerInput--rtl {
  direction: rtl;
}
.DateRangePickerInput__arrow {
  display: inline-block;
  vertical-align: middle;
}
.DateRangePickerInput__arrow svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px;
}
.DateRangePickerInput__clear-dates {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 10px 0 5px;
}
.DateRangePickerInput__clear-dates svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}
.DateRangePickerInput__clear-dates--hide {
  visibility: hidden;
}
.DateRangePickerInput__clear-dates:focus,
.DateRangePickerInput__clear-dates--hover {
  background: #dbdbdb;
  border-radius: 50%;
}
.DateRangePickerInput__calendar-icon {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}
.DateRangePickerInput__calendar-icon svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}
.SingleDatePicker {
  position: relative;
  display: inline-block;
}
.SingleDatePicker__picker {
  z-index: 9999;
  background-color: #fff;
  position: absolute;
}
.SingleDatePicker__picker--rtl {
  direction: rtl;
}
.SingleDatePicker__picker--direction-left {
  left: 0;
}
.SingleDatePicker__picker--direction-right {
  right: 0;
}
.SingleDatePicker__picker--open-down {
  top: 55px;
}
.SingleDatePicker__picker--open-up {
  bottom: 72px;
}
.SingleDatePicker__picker--portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.SingleDatePicker__picker--full-screen-portal {
  background-color: #fff;
}
.SingleDatePicker__close {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}
.SingleDatePicker__close svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}
.SingleDatePicker__close:hover, .SingleDatePicker__close:focus {
  color: #b0b3b4;
  text-decoration: none;
}
.SingleDatePickerInput {
  border-radius: 6px;
  border: 1px solid #D8DFE8;
}
.SingleDatePickerInput--disabled {
  background: #cacccd;
}
.SingleDatePickerInput--rtl {
  direction: rtl;
}
.SingleDatePickerInput__clear-date {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 10px 0 5px;
}
.SingleDatePickerInput__clear-date svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}
.SingleDatePickerInput__clear-date--hide {
  visibility: hidden;
}
.SingleDatePickerInput__clear-date:focus,
.SingleDatePickerInput__clear-date--hover {
  background: #dbdbdb;
  border-radius: 50%;
}
.SingleDatePickerInput__calendar-icon {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}
.SingleDatePickerInput__calendar-icon svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}
.DayPickerKeyboardShortcuts__show--bottom-right {
  display: none;
}
.scroll-more__container {
  position: relative;
  height: 32px;
}
.scroll-more__round-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.scroll-more__arrow {
  position: absolute;
  left: 50%;
  top: 35%;
  transform: translate(-50%, -35%);
  will-change: transform;
  animation: scroll-arrow 2s cubic-bezier(0.23, 1.26, 1, 1) infinite;
  animation-delay: 0.01s;
}
@keyframes scroll-arrow {
  0% {
    transform: translate(-50%, -35%);
  }
  50% {
    transform: translate(-50%, 200%);
  }
  100% {
    transform: translate(-50%, -35%);
  }
}
.ho-relative {
  position: relative;
}
header {
  width: 100%;
  z-index: 5;
}
header.ho-header--white .ho-menu a {
  color: #FFFFFF;
}
header.ho-header--absolute {
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
}
header.ho-header--absolute .ho-menu {
  background: transparent;
  box-shadow: none;
}
header.ho-header--absolute .ho-overlay-mobile {
  background: rgba(1, 12, 19, 0.97);
}
@media screen and (max-width: 850px) {
  header.hidden {
    display: none;
  }
}
header .ho-container, header .ho-container-small {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
}
header .button-small-blue, header .button-small-orange {
  background-color: #2C61DB;
  font-family: nexa_heavy_italicregular, arial, tahoma, sans-serif;
  padding: 7px 14px;
  border-radius: 3px;
}
header .button-small-blue:hover, header .button-small-orange:hover {
  background-color: rgb(96.2801619433, 136.1481781377, 227.9198380567);
  color: #FFFFFF !important;
}
header.inverted nav.ho-menu li {
  color: #FFFFFF;
}
.ho-logo, .ho-logo-white {
  background: url("../svg/logo-b96275b4.svg") no-repeat center;
  background-size: contain;
  width: 110px;
  height: 54px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin-top: -6px;
  z-index: 100;
  transition: background-position-x 0ms linear 450ms;
}
.ho-logo-white {
  background: url("../svg/logo1-white-23de22db.svg") no-repeat center;
}
.ho-sandwich {
  position: relative;
  width: 18px;
  height: 16px;
  cursor: pointer;
  z-index: 100;
}
.ho-sandwich span {
  border-radius: 4px;
  background-color: #3671F1;
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 10px;
  font-size: 0;
  transform: translateY(0);
  transition: 0.3s;
}
.ho-sandwich span:before, .ho-sandwich span:after {
  content: "";
  position: absolute;
  background-color: #3671F1;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.ho-sandwich span:before {
  transform: translateY(-5px);
}
.ho-sandwich span:after {
  transform: translateY(5px);
}
@media screen and (min-width: 850px) {
  .ho-sandwich {
    display: none;
  }
}
.ho-menu {
  display: block;
  position: absolute;
  z-index: 99;
  top: 64px;
  left: 0;
  width: 100%;
  background-color: #FFFFFF;
  box-shadow: none;
  transform: translateY(-100%);
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 300ms;
}
.ho-menu ul:not(.mobile-only-items) {
  display: flex;
}
@media screen and (max-width: 850px) {
  .ho-menu ul:not(.mobile-only-items) {
    flex-direction: column;
  }
}
.ho-menu a {
  font-size: 10px;
  letter-spacing: 0.3px;
}
.ho-menu a.ho-is-active {
  color: #00A1F8;
}
.ho-menu a:hover {
  color: rgb(30.6, 30.6, 30.6);
}
@media screen and (min-width: 850px) {
  .ho-menu {
    position: static !important;
    opacity: 1;
    width: initial;
    transform: translate(0, 0);
    box-shadow: none;
  }
  .ho-menu .mobile-only-items {
    display: none;
  }
  .ho-menu ul {
    padding-top: 0 !important;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
  }
  .ho-menu li {
    padding-left: 40px;
    display: flex;
  }
}
@media screen and (max-width: 850px) {
  .ho-menu ul:first-child {
    opacity: 0;
    visibility: hidden;
    transition: all 150ms ease-in;
    padding-top: 50px;
  }
  .ho-menu .mobile-only-items {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .ho-menu .mobile-only-items input[type=submit] {
    background-color: #fff;
    font: 10px nexa_heavy_italicregular, arial, tahoma, sans-serif;
    text-transform: uppercase;
    color: #697A91;
    margin-right: 7px;
  }
  .ho-menu li {
    width: 100%;
    text-align: right;
  }
  .ho-menu li > * {
    text-align: right;
  }
  .ho-menu .button-small-blue, .ho-menu .button-small-orange {
    background: none !important;
    padding: 0 !important;
    border-radius: 0;
    color: #0B111E;
  }
  .ho-menu a {
    display: inline-flex;
  }
  .ho-menu a:not(.mobile-only) {
    padding: 19px 0 !important;
    font-size: 14px;
  }
  .ho-menu a.mobile-only,
  .ho-menu a form.mobile-only {
    color: #697A91;
    padding: 9px 0;
  }
}
.ho-menu-active-mobile .ho-menu {
  z-index: 99;
  padding: 20px;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  transform: translateY(-72px);
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.4);
}
.ho-menu-active-mobile .ho-menu ul:first-child {
  transition: all 150ms ease-in;
  transition-delay: 200ms !important;
  visibility: visible;
  opacity: 1;
}
.ho-menu-active-mobile .ho-overlay-mobile {
  opacity: 1;
  visibility: visible;
  transition: all 200ms ease-in;
}
.ho-menu-active-mobile .ho-sandwich span {
  transform: translateY(-12px);
  background: transparent;
}
.ho-menu-active-mobile .ho-sandwich span:before {
  transform: translateY(12px) rotate(-45deg);
}
.ho-menu-active-mobile .ho-sandwich span:after {
  transform: translateY(12px) rotate(45deg);
}
.ho-overlay-mobile {
  position: fixed;
  z-index: 98;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(1, 12, 19, 0.87);
  opacity: 0;
  visibility: hidden;
  transition: all 500ms ease-in;
}
.header-dark {
  width: 100%;
  padding: 16px 0;
  background: #0C202C;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}
.not-found {
  padding-top: 40px;
  text-align: center;
}
.not-found img {
  max-width: 200px;
}
.not-found .error-message {
  margin-top: 100px;
  font-family: nexa_heavy_italicregular, arial, tahoma, sans-serif;
}
.not-found .error-message .title {
  font-size: 3.25em;
  letter-spacing: 2px;
  letter-spacing: -0.028em;
  text-transform: uppercase;
  color: #0B111E;
  margin: 0;
}
.not-found .error-message .subheader {
  font-size: 0.875em;
  letter-spacing: 0.018em;
  text-transform: uppercase;
  color: #3D464B;
  margin: 0;
}
.not-found .error-message p {
  margin-top: 60px;
  margin-bottom: 30px;
}
.alert-error li {
  padding: 4px;
  color: red;
}
/* Base Styles */
@font-face {
  font-family: "Barlow";
  src: url("../ttf/barlow-regular-1351006c.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("../ttf/barlow-medium-0702a40d.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("../ttf/barlow-semibold-42b59eb4.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("../ttf/barlow-bold-1662146f.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Barlow SC";
  src: url("../ttf/barlow-semicondensed-regular-66cd1b18.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Barlow SC";
  src: url("../ttf/barlow-semicondensed-semibold-3644fd6c.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Barlow SC";
  src: url("../ttf/barlow-semicondensed-bold-189f818a.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Barlow C";
  src: url("../ttf/barlow-condensed-bold-2bf39f98.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}
body {
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Inter", Helvetica, Arial, "sans-serif";
  color: #060C1A;
  overflow-x: hidden;
}
body.menu-mobile-open, body.no-scroll {
  overflow: hidden;
}
body.darkmode {
  background-color: #000;
}
body.darkmode li {
  color: #F3F3F4;
}
img {
  max-width: 100%;
}
ul,
li {
  list-style-type: none;
}
input {
  background: none;
}
/**
 * Base:
 * Typography
 */
.title-1, .title-2, .page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-content .leaderboard-title, .menu-mobile .links > .button-1, .menu-mobile .links > .button-wear, .menu-mobile .links > .button-regular, .menu-mobile .links > .ho-btn, .menu-mobile .links > .ho-btn-border, .menu-mobile .links > .ho-btn-transparent, .menu-mobile .links > .ho-btn-blue, .menu-mobile .links > .btn-default, .menu-mobile .links > .btn-default-fill, .menu-mobile .ho-menu .links > a, .ho-menu .menu-mobile .links > a, .title-3, .title-4, .ho-title-hero, .title-5, .title-6 {
  text-transform: uppercase;
  font-weight: 700;
}
.title-1 {
  font-family: "Barlow C", Helvetica, Arial, "sans-serif";
  font-size: 70px;
  line-height: 56px;
  letter-spacing: -1.5px;
}
.title-2, .page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-content .leaderboard-title, .menu-mobile .links > .button-1, .menu-mobile .links > .button-wear, .menu-mobile .links > .button-regular, .menu-mobile .links > .ho-btn, .menu-mobile .links > .ho-btn-border, .menu-mobile .links > .ho-btn-transparent, .menu-mobile .links > .ho-btn-blue, .menu-mobile .links > .btn-default, .menu-mobile .links > .btn-default-fill, .menu-mobile .ho-menu .links > a, .ho-menu .menu-mobile .links > a {
  font-family: "Barlow C", Helvetica, Arial, "sans-serif";
  font-size: 56px;
  line-height: 48px;
  letter-spacing: -1px;
}
.title-3 {
  font-family: "Barlow C", Helvetica, Arial, "sans-serif";
  font-size: 38px;
  line-height: 36px;
  letter-spacing: -0.9px;
}
.title-4, .ho-title-hero {
  font-family: "Barlow SC", Helvetica, Arial, "sans-serif";
  font-size: 30px;
  line-height: 28px;
  letter-spacing: -1px;
}
.title-5 {
  font-family: "Barlow SC", Helvetica, Arial, "sans-serif";
  font-size: 24px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.title-6 {
  font-family: "Barlow SC", Helvetica, Arial, "sans-serif";
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.2px;
}
@media (max-width: 900px) {
  .title-1 {
    font-size: 56px;
    line-height: 48px;
    letter-spacing: -2.27px;
  }
  .title-2, .page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-content .leaderboard-title, .menu-mobile .links > .button-1, .menu-mobile .links > .button-wear, .menu-mobile .links > .button-regular, .menu-mobile .links > .ho-btn, .menu-mobile .links > .ho-btn-border, .menu-mobile .links > .ho-btn-transparent, .menu-mobile .links > .ho-btn-blue, .menu-mobile .links > .btn-default, .menu-mobile .links > .btn-default-fill, .menu-mobile .ho-menu .links > a, .ho-menu .menu-mobile .links > a {
    font-size: 42px;
    line-height: 36px;
    letter-spacing: -1.05px;
  }
  .title-3 {
    font-size: 32px;
    line-height: 28px;
    letter-spacing: -0.45px;
  }
  .title-4, .ho-title-hero {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: -0.8px;
  }
  .title-5 {
    font-size: 22px;
    line-height: 20px;
    letter-spacing: -0.2px;
  }
}
.headline {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.03px;
  font-weight: 400;
}
.headline-medium {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.03px;
  font-weight: 500;
}
.headline-bold {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.1px;
  font-weight: 600;
}
@media (max-width: 900px) {
  .headline {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0px;
  }
  .headline-medium {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.03px;
    font-weight: 500;
  }
  .headline-bold {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0px;
  }
}
.body, .input-radio label, p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
}
.body-medium {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  font-weight: 500;
}
.body-bold, .input-checkbox label, .input-select .Select .Select-option .course-name, .input-select select,
.input-select .Select-control, input[type=text],
input[type=date],
input[type=tel],
input[type=email],
input[type=password],
input[type=search],
.input-default, .body strong, .input-radio label strong, p strong {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.04px;
  font-weight: 600;
}
a {
  text-decoration: none;
  color: #0A0F1A;
  transition: all 100ms;
}
@media (hover: hover) {
  a [class*=link]:hover {
    opacity: 0.7;
  }
}
.subhead, .subhead-bold, .signin .actions form .form-actions a, .signin .notification, .dropdown-2, .dropdown-2-compact, .subhead-medium, .input-select .Select .Select-option .course-details {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02px;
}
.subhead strong, .subhead-bold strong, .signin .actions form .form-actions a strong, .signin .notification strong, .dropdown-2 strong, .dropdown-2-compact strong, .subhead-medium strong, .input-select .Select .Select-option .course-details strong {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02px;
  font-weight: 600;
}
.subhead.action-back, .action-back.subhead-bold, .signin .actions form .form-actions a.action-back, .signin .action-back.notification, .action-back.dropdown-2, .action-back.dropdown-2-compact, .action-back.subhead-medium, .input-select .Select .Select-option .action-back.course-details {
  display: inline-block;
  position: relative;
  display: flex;
  align-items: center;
  transition: all 80ms;
}
.subhead.action-back::before, .action-back.subhead-bold::before, .signin .actions form .form-actions a.action-back::before, .signin .action-back.notification::before, .action-back.dropdown-2::before, .action-back.dropdown-2-compact::before, .action-back.subhead-medium::before, .input-select .Select .Select-option .action-back.course-details::before {
  content: "";
  display: block;
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 24px;
  height: 24px;
  background-color: #666D7A;
  -webkit-mask: url("../svg/icon-link-back-d6e46076.svg") no-repeat;
          mask: url("../svg/icon-link-back-d6e46076.svg") no-repeat;
  mask-size: 24px;
  mask-position: center;
  -webkit-mask: url("../svg/icon-link-back-d6e46076.svg") no-repeat;
  -webkit-mask-size: 24px;
  -webkit-mask-position: center;
  margin-left: -9px;
}
.subhead-medium, .input-select .Select .Select-option .course-details {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  font-weight: 500;
}
.subhead-bold, .signin .actions form .form-actions a, .signin .notification, .dropdown-2, .dropdown-2-compact {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  font-weight: 600;
}
@media (hover: hover) {
  .subhead[class*=action]:hover, [class*=action].subhead-medium:hover, .input-select .Select .Select-option [class*=action].course-details:hover, [class*=action].subhead-bold:hover, .signin .actions form .form-actions a[class*=action]:hover, .signin [class*=action].notification:hover, [class*=action].dropdown-2:hover, [class*=action].dropdown-2-compact:hover {
    opacity: 0.7;
  }
}
.caption-1 {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  font-weight: 500;
}
.caption-1-bold, .input-group:not(.group-radios):not(.group-checks) .input-notice, .button-small-blue, .button-small-orange {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  font-weight: 600;
}
.caption-1-custom, .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell.future::before, .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell.past::before {
  font-family: "Barlow", Helvetica, Arial, "sans-serif";
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.6px;
  font-weight: 600;
  text-transform: uppercase;
}
.caption-1 a {
  text-decoration: underline;
}
@media (hover: hover) {
  .caption-1[class*=action]:hover {
    opacity: 0.7;
  }
}
.caption-2, .help-block {
  font-size: 11px;
  line-height: 12px;
  letter-spacing: -0.1px;
  font-weight: 500;
}
.caption-2-bold, .page-rounds .show .round-scorecard .scorecard-labels .cell, .page-leaderboards .page-leaderboard .modal-tutorial ol li::before {
  font-size: 11px;
  line-height: 12px;
  letter-spacing: -0.1px;
  font-weight: 600;
}
.caption-2-custom, .input-group:not(.group-radios):not(.group-checks) label, .input-toggle span, .input-select label, .label, .label-outline, .label-outline-green, .label-outline-red, .label-outline-blue, .label-green, .label-blue, label.input-label {
  font-family: "Barlow", Helvetica, Arial, "sans-serif";
  font-size: 11px;
  line-height: 12px;
  letter-spacing: 0.8px;
  font-weight: 600;
  text-transform: uppercase;
}
.caption-2 a, .help-block a {
  text-decoration: underline;
}
.button-1, .button-wear, .button-regular, .ho-btn, .ho-btn-border, .ho-btn-transparent, .ho-btn-blue, .btn-default, .btn-default-fill, .ho-menu a, .button-2, .button-small {
  text-transform: uppercase;
  font-family: "Barlow", Helvetica, Arial, "sans-serif";
  transition: all 100ms;
  display: inline-block;
  position: relative;
}
.button-1.disclosure, .disclosure.button-wear, .disclosure.button-regular, .disclosure.ho-btn, .disclosure.ho-btn-border, .disclosure.ho-btn-transparent, .disclosure.ho-btn-blue, .disclosure.btn-default, .disclosure.btn-default-fill, .ho-menu a.disclosure, .button-2.disclosure, .disclosure.button-small {
  display: flex;
  align-items: center;
}
.button-1.disclosure::after, .disclosure.button-wear::after, .disclosure.button-regular::after, .disclosure.ho-btn::after, .disclosure.ho-btn-border::after, .disclosure.ho-btn-transparent::after, .disclosure.ho-btn-blue::after, .disclosure.btn-default::after, .disclosure.btn-default-fill::after, .ho-menu a.disclosure::after, .button-2.disclosure::after, .disclosure.button-small::after {
  content: "";
  display: block;
  background: url("../svg/icon-button-disclosure-e274b930.svg") center center no-repeat;
  width: 20px;
  height: 20px;
  margin-left: 4px;
}
.button-1.disclosure.text-white::after, .disclosure.text-white.button-wear::after, .disclosure.text-white.button-regular::after, .disclosure.text-white.ho-btn::after, .disclosure.text-white.ho-btn-border::after, .disclosure.text-white.ho-btn-transparent::after, .disclosure.text-white.ho-btn-blue::after, .disclosure.text-white.btn-default::after, .disclosure.text-white.btn-default-fill::after, .ho-menu a.disclosure.text-white::after, .button-2.disclosure.text-white::after, .disclosure.text-white.button-small::after {
  background: url("../svg/icon-disclosure-white-fd1a2d49.svg") center center no-repeat;
}
.button-1.disclosure.text-primary-2::after, .disclosure.text-primary-2.button-wear::after, .disclosure.text-primary-2.button-regular::after, .disclosure.text-primary-2.ho-btn::after, .disclosure.text-primary-2.ho-btn-border::after, .disclosure.text-primary-2.ho-btn-transparent::after, .disclosure.text-primary-2.ho-btn-blue::after, .disclosure.text-primary-2.btn-default::after, .disclosure.text-primary-2.btn-default-fill::after, .ho-menu a.disclosure.text-primary-2::after, .button-2.disclosure.text-primary-2::after, .disclosure.text-primary-2.button-small::after {
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 20px;
  height: 20px;
  background-color: #5E73F3;
  -webkit-mask: url("../svg/icon-button-disclosure-e274b930.svg") no-repeat;
          mask: url("../svg/icon-button-disclosure-e274b930.svg") no-repeat;
  mask-position: center;
  -webkit-mask: url("../svg/icon-button-disclosure-e274b930.svg") no-repeat;
  -webkit-mask-position: center;
}
.button-1, .button-wear, .button-regular, .ho-btn, .ho-btn-border, .ho-btn-transparent, .ho-btn-blue, .btn-default, .btn-default-fill, .ho-menu a {
  font-family: "Barlow", Helvetica, Arial, "sans-serif";
  font-size: 15px;
  line-height: 16px;
  letter-spacing: 0.2px;
  font-weight: 700;
}
.button-2, .button-small {
  font-family: "Barlow", Helvetica, Arial, "sans-serif";
  font-size: 13px;
  line-height: 12px;
  letter-spacing: 0.4px;
  font-weight: 700;
}
@media (hover: hover) {
  .button-1:hover, .button-wear:hover, .button-regular:hover, .ho-btn:hover, .ho-btn-border:hover, .ho-btn-transparent:hover, .ho-btn-blue:hover, .btn-default:hover, .btn-default-fill:hover, .ho-menu a:hover, .button-2:hover, .button-small:hover {
    opacity: 0.7;
  }
}
label {
  transition: all 100ms;
}
label.input-label {
  color: #666D7A;
  display: block;
}
label a {
  text-decoration: underline;
}
@media (hover: hover) {
  label:hover {
    opacity: 0.7;
  }
}
.text-left, .text-right, .text-center {
  display: inline-block;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-blue {
  color: #3651F1;
}
.text-light {
  color: #666D7A;
}
.text-lighter {
  color: #ACB0B7;
}
.text-white {
  color: #FFF;
}
.text-grey-2 {
  color: #434B5B;
}
.text-grey-3 {
  color: #666D7A;
}
.text-grey-4 {
  color: #898F99;
}
.text-grey-5 {
  color: #ACB0B7;
}
.text-primary-1 {
  color: #3651F1;
}
.text-primary-2 {
  color: #5E73F3;
}
.text-primary-3 {
  color: #7C8DF5;
}
.text-primary-4 {
  color: #9AA8F8;
}
.text-primary-5 {
  color: #B8C2FA;
}
.text-primary-6 {
  color: #D4DAFC;
}
.text-bold {
  font-weight: 600;
  letter-spacing: 0;
}
.text-upper {
  text-transform: uppercase;
}
.notification-alert {
  width: 6px;
  height: 6px;
  background-color: #F05322;
  border-radius: 6px;
}
.avatar-round {
  width: 40px;
  height: 40px;
  border-radius: 40px;
}
/* Layout Styles */
.wrapper {
  width: 100%;
  position: relative;
}
.container, .container-center, .container.-center, .-center.container-smaller, .-center.container-10, .-center.container-8, .-center.container-6, .-center.container-4, .-center.container-small, .-center.container-flex, .container-flex, .container-small, .container-4, .container-6, .container-8, .container-10, .container-smaller {
  width: 100%;
  max-width: 1240px;
  padding: 0 20px;
  margin: auto;
  box-sizing: border-box;
  position: relative;
}
.container-smaller {
  max-width: 1036px;
}
.container-full-width {
  width: 100%;
}
.container-flex {
  display: flex;
}
.container-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.container-2-columns {
  display: grid;
}
.container-border-top::before {
  content: "";
  display: block;
  width: calc(100% - 40px);
  border-top: 1px solid #EDEFF3;
  position: absolute;
  left: 20px;
  top: 0;
}
@media (min-width: 1040px) {
  .container-2-columns {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
  }
}
.container, .container-center, .container.-center, .-center.container-smaller, .-center.container-10, .-center.container-8, .-center.container-6, .-center.container-4, .-center.container-small, .-center.container-flex, .container-flex, .container-small, .container-4, .container-6, .container-8, .container-10, .container-smaller {
  width: 100%;
  max-width: calc(1194px + 40px);
  padding: 0 20px;
  margin: auto;
  position: relative;
}
.container-10 {
  width: 100%;
  max-width: calc(990px + 40px);
}
.container-8 {
  width: 100%;
  max-width: calc(786px + 40px);
}
.container-6 {
  width: 100%;
  max-width: calc(582px + 40px);
}
.container-4 {
  width: 100%;
  max-width: calc(378px + 40px);
}
.container-small {
  max-width: 1036px;
  padding: 0 20px;
}
.container-smaller {
  max-width: 626px;
  padding: 0 20px;
}
.container-full-width {
  width: 100%;
}
.container-flex {
  display: flex;
}
.container.-grid, .-grid.container-center, .-grid.container-smaller, .-grid.container-10, .-grid.container-8, .-grid.container-6, .-grid.container-4, .-grid.container-small, .-grid.container-flex {
  display: grid;
}
.container-2-columns {
  display: grid;
}
@media (min-width: 1040px) {
  .container-2-columns {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
  }
}
.container-center, .container.-center, .-center.container-center, .-center.container-smaller, .-center.container-10, .-center.container-8, .-center.container-6, .-center.container-4, .-center.container-small, .-center.container-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.container-border-top::before {
  content: "";
  display: block;
  width: calc(100% - 40px);
  border-top: 1px solid #EDEFF3;
  position: absolute;
  left: 20px;
  top: 0;
}
.grid, .grid-4, .grid-3, .grid-2 {
  display: grid;
  grid-gap: 30px;
}
.grid-2 {
  grid-template-columns: 1fr 1fr;
}
.grid-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.grid-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.flex, .flex-col {
  display: flex;
}
.flex.align-center, .align-center.flex-col {
  align-items: center;
}
.flex.align-end, .align-end.flex-col {
  align-items: flex-end;
}
.flex.justify-center, .justify-center.flex-col {
  justify-content: center;
}
.flex-col {
  flex-direction: column;
}
.flex-center-all {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flex-col-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-repel, .input-select {
  display: flex;
  justify-content: space-between;
}
.flex-center-v {
  display: flex;
  align-items: center;
}
.flex-center-h {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.py-140 {
  padding-top: 140px;
  padding-bottom: 140px;
}
.pt-80 {
  padding-top: 80px;
}
.pb-64 {
  padding-bottom: 64px;
}
/* Menu - Mobile */
.menu-mobile {
  width: 100%;
  height: 100vh;
  padding: 100px 0 0 0;
  box-sizing: border-box;
  background: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1) 240ms;
}
.menu-mobile .links {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  opacity: 0;
  transition: opacity 200ms;
  padding-right: 22px;
}
.menu-mobile .links > .button-1, .menu-mobile .links > .button-wear, .menu-mobile .links > .button-regular, .menu-mobile .links > .ho-btn, .menu-mobile .links > .ho-btn-border, .menu-mobile .links > .ho-btn-transparent, .menu-mobile .links > .ho-btn-blue, .menu-mobile .links > .btn-default, .menu-mobile .links > .btn-default-fill, .menu-mobile .ho-menu .links > a, .ho-menu .menu-mobile .links > a {
  margin-bottom: 32px;
}
.menu-mobile .logged-user-menu {
  width: 100%;
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  opacity: 0;
  transition: opacity 200ms;
  position: relative;
}
.menu-mobile .logged-user-menu .links-wrapper {
  position: absolute;
  padding: 20px 0;
  top: 50px;
  left: 0px;
  overflow-x: scroll;
}
.menu-mobile .logged-user-menu .links-wrapper::-webkit-scrollbar {
  display: none;
}
.menu-mobile .logged-user-menu .logged-user-info {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.menu-mobile .logged-user-menu .logged-user-avatar {
  margin-left: 16px;
}
.menu-mobile .logged-user-menu .logged-user-menu-links {
  width: 300%;
  max-width: 1040px;
  display: flex;
  align-items: flex-end;
}
.menu-mobile .logged-user-menu .logged-user-menu-links li {
  position: relative;
  padding: 0 16px 0 24px;
}
.menu-mobile .logged-user-menu .logged-user-menu-links li .button-text {
  font-size: 16px;
}
.menu-mobile .logged-user-menu .logged-user-menu-links .notification-alert {
  position: absolute;
  top: -4px;
  right: 12px;
}
.menu-mobile.open {
  transform: translateY(0%);
  transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
}
.menu-mobile.open .links,
.menu-mobile.open .logged-user-menu {
  opacity: 1;
  transition: opacity 200ms 200ms;
}
.header-main-white .menu-mobile {
  background-color: #000;
}
.header-main-white .menu-mobile a:not(:last-child),
.header-main-white .menu-mobile .logged-user-info p,
.header-main-white .menu-mobile .logged-user-menu a {
  color: #FFF;
}
/* Performance */
/* Rounds - Index Table */
.rounds-comparison .rounds-title {
  margin-bottom: 16px;
}
.rounds-comparison .table-header {
  display: grid;
  grid-column-gap: 2px;
  grid-template-columns: 1fr repeat(5, 100px);
  align-items: center;
  border-top: 1px solid #EDEFF3;
  background-color: rgba(237, 239, 243, 0.3490196078);
}
.rounds-comparison .table-header .value {
  text-transform: uppercase;
  font-family: "Barlow", Helvetica, Arial, "sans-serif";
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1.2px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 10px;
}
.rounds-comparison .table-header .value:first-child {
  padding-left: 8px;
}
.rounds-comparison .round-row {
  display: grid;
  grid-column-gap: 2px;
  grid-template-columns: 1fr repeat(5, 100px);
  align-items: center;
  border-top: 1px solid #EDEFF3;
  line-height: 2;
}
.rounds-comparison .round-row .date {
  font-size: 12px;
  color: #697A91;
  border-top: 0px;
  margin-top: 2px;
  padding-left: 8px;
}
.rounds-comparison .round-row .line-wrapper {
  padding-left: 8px;
}
.rounds-comparison .round-row .num-holes {
  font-size: 12px;
  color: #697A91;
  border-top: 0px;
  margin-top: 2px;
}
.rounds-comparison .round-row .course-name {
  border-top: 0px;
  padding-left: 8px;
}
.rounds-comparison .round-row .course-link {
  border-top: 0px;
  padding-left: 8px;
  font-weight: bold;
}
.rounds-comparison .round-row .matchplay-logo,
.rounds-comparison .round-row .game-mode,
.rounds-comparison .round-row .no-scoring,
.rounds-comparison .round-row .hcp-score {
  font-size: 8px;
  color: white;
  padding: 3px 5px;
  background-color: #3651F1;
  vertical-align: middle;
  border-radius: 2px;
  font-weight: bold;
}
.rounds-comparison .round-row .hcp-score {
  background-color: rgb(122, 139, 245);
  font-weight: bold;
}
.rounds-comparison .round-row .advanced-logo {
  font-size: 8px;
  color: white;
  padding: 3px 5px;
  background-color: #3651F1;
  vertical-align: middle;
  border-radius: 2px;
  font-weight: bold;
}
.rounds-comparison .round-row .scoring-mode {
  font-size: 8px;
  color: #7A8BF5;
  padding: 3px 5px;
  background-color: rgba(20, 31, 51, 0.0588235294);
  vertical-align: middle;
  border-radius: 2px;
  font-weight: bold;
}
.rounds-comparison .round-row .no-stats {
  font-size: 8px;
  color: white;
  padding: 3px 5px;
  background-color: #687A8E;
  vertical-align: middle;
  border-radius: 2px;
  font-weight: bold;
}
.rounds-comparison .multiplayer_tag {
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 24px;
  height: 16px;
  background: url("../svg/multiplayer_tag-2d638de9.svg") center center no-repeat;
  background-size: cover;
  background-size: 15px;
}
.rounds-comparison .value:not(:first-child) {
  text-align: center;
}
@media (max-width: 800px) {
  .rounds-comparison .hidden-phone {
    display: none;
  }
  .rounds-comparison .round-row,
  .rounds-comparison .table-header {
    grid-template-columns: 1fr 80px;
  }
}
.roundsListBlock li:last-child {
  border-bottom: 1px solid #A6B1BF;
}
/* Rounds - Index Table - LoadMore button*/
.loadMore {
  padding: 16px;
  position: relative;
  background-color: #EAEBEF;
}
.loadMore .lm-button {
  position: relative;
  z-index: 1;
}
.loadMore .lm-button,
.loadMore .lm-start {
  opacity: 1;
  transition: all 200ms;
}
.loadMore .hidden {
  transition: all 200ms;
  opacity: 0;
}
.loadMore .lm-start {
  display: flex;
  position: absolute;
  top: 18px;
  left: 16px;
}
.loadMore .lm-start .spinner {
  padding-right: 6px;
}
/**
 * Components
 * Index
 */
/**
 * Components - General
 * Index
 */
/**
 * Components - General
 * Icons
 */
.ic-close-popup {
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 24px;
  height: 24px;
  background-color: #666D7A;
  -webkit-mask: url("../svg/close-popup-81a7b7da.svg") no-repeat;
          mask: url("../svg/close-popup-81a7b7da.svg") no-repeat;
  mask-size: 12px;
  mask-position: center;
  -webkit-mask: url("../svg/close-popup-81a7b7da.svg") no-repeat;
  -webkit-mask-size: 12px;
  -webkit-mask-position: center;
}
/**
 * Components - General
 * Labels
 */
.label, .label-outline, .label-outline-green, .label-outline-red, .label-outline-blue, .label-green, .label-blue {
  display: inline-block;
  border-radius: 3px;
  padding: 2px 3px 2px 4px;
  color: #FFF;
  background-color: #898F99;
}
.label-blue {
  background-color: #3651F1;
}
.label-green {
  background-color: #1BD463;
}
.label.score-eagle, .score-eagle.label-outline, .score-eagle.label-outline-green, .score-eagle.label-outline-red, .score-eagle.label-outline-blue, .score-eagle.label-blue, .score-eagle.label-green {
  background-color: #B4E14E;
}
.label.score-birdie, .score-birdie.label-outline, .score-birdie.label-outline-green, .score-birdie.label-outline-red, .score-birdie.label-outline-blue, .score-birdie.label-blue, .score-birdie.label-green {
  background-color: #F8542C;
}
.label.score-par, .score-par.label-outline, .score-par.label-outline-green, .score-par.label-outline-red, .score-par.label-outline-blue, .score-par.label-blue, .score-par.label-green {
  background-color: #C8CED8;
}
.label.score-bogey, .score-bogey.label-outline, .score-bogey.label-outline-green, .score-bogey.label-outline-red, .score-bogey.label-outline-blue, .score-bogey.label-blue, .score-bogey.label-green {
  background-color: #113FE5;
}
.label.score-2bogey, .score-2bogey.label-outline, .score-2bogey.label-outline-green, .score-2bogey.label-outline-red, .score-2bogey.label-outline-blue, .score-2bogey.label-blue, .score-2bogey.label-green {
  background-color: #707581;
}
.label-outline, .label-outline-green, .label-outline-red, .label-outline-blue {
  border: 1px solid;
  background-color: #FFF;
}
.label-outline-blue {
  border-color: #3651F1;
  color: #3651F1;
}
.label-outline-red {
  border-color: #FF2828;
  color: #FF2828;
}
.label-outline-green {
  border-color: #1BD463;
  color: #1BD463;
}
/**
 * Components - General
 * Buttons
 */
button {
  cursor: pointer;
}
.button.red-outline, .red-outline.button-large, .red-outline.button-regular, .red-outline.button-small, .button.green-outline, .green-outline.button-large, .green-outline.button-regular, .green-outline.button-small {
  background-color: #FFF;
  border: 2px solid;
  padding: 15px 32px 17px;
}
.button.icon-check, .icon-check.button-large, .icon-check.button-regular, .icon-check.button-small, .button.green-outline.icon-plus, .green-outline.icon-plus.button-large, .green-outline.icon-plus.button-regular, .green-outline.icon-plus.button-small, .button.green.icon-plus, .green.icon-plus.button-large, .green.icon-plus.button-regular, .green.icon-plus.button-small {
  position: relative;
  display: flex;
  align-items: center;
  padding: 3px 16px 3px 5px;
}
.button.icon-check::before, .icon-check.button-large::before, .icon-check.button-regular::before, .icon-check.button-small::before, .button.green-outline.icon-plus::before, .green-outline.icon-plus.button-large::before, .green-outline.icon-plus.button-regular::before, .green-outline.icon-plus.button-small::before, .button.green.icon-plus::before, .green.icon-plus.button-large::before, .green.icon-plus.button-regular::before, .green.icon-plus.button-small::before {
  content: "";
  display: block;
  margin-right: 2px;
}
.button, .button-small, .button-regular, .button-large {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  max-height: 54px;
  color: #FFF;
  background-color: #5E73F3;
  text-align: center;
  transition: all 100ms;
}
@media (hover: hover) {
  .button:hover, .button-small:hover, .button-regular:hover, .button-large:hover {
    transform: scale(0.98);
    opacity: 0.9;
  }
}
.button-large {
  font-family: "Barlow SC", Helvetica, Arial, "sans-serif";
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.2px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 15px 32px 17px;
  border-radius: 14px;
}
.button-regular {
  border-radius: 14px;
  padding: 17px 28px 19px;
}
.button-regular.loading {
  color: transparent;
  transition: all 100ms;
}
.button-regular.loading::after {
  content: "";
  display: block;
  position: absolute;
  top: 13px;
  left: calc(50% - 12px);
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 24px;
  height: 24px;
  background-color: #FFF;
  -webkit-mask: url("../svg/icon-loader-444537ac.svg") no-repeat;
          mask: url("../svg/icon-loader-444537ac.svg") no-repeat;
  mask-size: 100%;
  mask-position: center;
  -webkit-mask: url("../svg/icon-loader-444537ac.svg") no-repeat;
  -webkit-mask-size: 100%;
  -webkit-mask-position: center;
  animation: rotate 1.5s linear infinite;
}
@media (hover: hover) {
  .button-regular.loading:hover {
    transform: none;
    opacity: 1;
  }
}
.button-small {
  border-radius: 12px;
  padding: 11px 21px 11px 20px;
}
.button-small-plus::before {
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 24px;
  height: 24px;
  background: url("../svg/icon-button-plus-511da132.svg") center center no-repeat;
  background-size: cover;
  background-size: 24px;
}
.button-small.loading {
  color: transparent;
  transition: all 100ms;
}
.button-small.loading::after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: calc(50% - 12px);
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 20px;
  height: 20px;
  background-color: #FFF;
  -webkit-mask: url("../svg/icon-loader-444537ac.svg") no-repeat;
          mask: url("../svg/icon-loader-444537ac.svg") no-repeat;
  mask-size: 100%;
  mask-position: center;
  -webkit-mask: url("../svg/icon-loader-444537ac.svg") no-repeat;
  -webkit-mask-size: 100%;
  -webkit-mask-position: center;
  animation: rotate 1.5s linear infinite;
}
@media (hover: hover) {
  .button-small.loading:hover {
    transform: none;
    opacity: 1;
  }
}
.button.ic-r-chevron-down, .ic-r-chevron-down.button-large, .ic-r-chevron-down.button-regular, .ic-r-chevron-down.button-small {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 24px;
}
.button.ic-r-chevron-down::after, .ic-r-chevron-down.button-large::after, .ic-r-chevron-down.button-regular::after, .ic-r-chevron-down.button-small::after {
  content: "";
  display: block;
  margin-left: 8px;
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 20px;
  height: 20px;
  background-color: #FFF;
  -webkit-mask: url("../svg/icon-chevron-down-91c0dd3d.svg") no-repeat;
          mask: url("../svg/icon-chevron-down-91c0dd3d.svg") no-repeat;
  mask-size: 24px;
  mask-position: center;
  -webkit-mask: url("../svg/icon-chevron-down-91c0dd3d.svg") no-repeat;
  -webkit-mask-size: 24px;
  -webkit-mask-position: center;
}
.button[class*=auth], [class*=auth].button-large, [class*=auth].button-regular, [class*=auth].button-small {
  background-color: #FFF;
  color: #141F33;
  box-shadow: inset 0 0 0 1.5px #F3F3F4;
  font-size: 15px;
  font-family: "Inter", Helvetica, Arial, "sans-serif";
  letter-spacing: -0.1px;
  text-transform: capitalize;
}
.button[class*=auth]::before, [class*=auth].button-large::before, [class*=auth].button-regular::before, [class*=auth].button-small::before {
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  left: 12px;
  width: 22px;
  height: 22px;
}
.button[class*=auth][class*=google]::before, [class*=auth][class*=google].button-large::before, [class*=auth][class*=google].button-regular::before, [class*=auth][class*=google].button-small::before {
  background: url("../svg/icon-google-24c51e67.svg") center center no-repeat;
  background-size: cover;
}
.button[class*=auth][class*=facebook]::before, [class*=auth][class*=facebook].button-large::before, [class*=auth][class*=facebook].button-regular::before, [class*=auth][class*=facebook].button-small::before {
  background: url("../svg/icon-facebook-366c5299.svg") center center no-repeat;
  background-size: cover;
}
.button[class*=auth][class*=apple]::before, [class*=auth][class*=apple].button-large::before, [class*=auth][class*=apple].button-regular::before, [class*=auth][class*=apple].button-small::before {
  background: url("../svg/icon-apple-22b2e40d.svg") center center no-repeat;
  background-size: cover;
}
.button.green, .green.button-large, .green.button-regular, .green.button-small {
  background-color: #1BD463;
}
.button.green:hover, .green.button-large:hover, .green.button-regular:hover, .green.button-small:hover {
  background-color: #0EBC54;
}
.button.green:active, .green.button-large:active, .green.button-regular:active, .green.button-small:active {
  transform: scale(0.95);
}
.button.green.icon-plus::before, .green.icon-plus.button-large::before, .green.icon-plus.button-regular::before, .green.icon-plus.button-small::before {
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 24px;
  height: 24px;
  background-color: #FFF;
  -webkit-mask: url("../svg/icon-button-plus-511da132.svg") no-repeat;
          mask: url("../svg/icon-button-plus-511da132.svg") no-repeat;
  mask-size: 24px;
  mask-position: center;
  -webkit-mask: url("../svg/icon-button-plus-511da132.svg") no-repeat;
  -webkit-mask-size: 24px;
  -webkit-mask-position: center;
}
.button.green-outline, .green-outline.button-large, .green-outline.button-regular, .green-outline.button-small {
  color: #1BD463;
  border-color: #1BD463;
}
.button.green-outline.icon-plus::before, .green-outline.icon-plus.button-large::before, .green-outline.icon-plus.button-regular::before, .green-outline.icon-plus.button-small::before {
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 24px;
  height: 24px;
  background-color: #1BD463;
  -webkit-mask: url("../svg/icon-button-plus-511da132.svg") no-repeat;
          mask: url("../svg/icon-button-plus-511da132.svg") no-repeat;
  mask-size: 24px;
  mask-position: center;
  -webkit-mask: url("../svg/icon-button-plus-511da132.svg") no-repeat;
  -webkit-mask-size: 24px;
  -webkit-mask-position: center;
}
.button.icon-check::before, .icon-check.button-large::before, .icon-check.button-regular::before, .icon-check.button-small::before {
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 24px;
  height: 24px;
  background-color: #1BD463;
  -webkit-mask: url("../svg/icon-button-check-6486d9d9.svg") no-repeat;
          mask: url("../svg/icon-button-check-6486d9d9.svg") no-repeat;
  mask-size: 16px;
  mask-position: center;
  -webkit-mask: url("../svg/icon-button-check-6486d9d9.svg") no-repeat;
  -webkit-mask-size: 16px;
  -webkit-mask-position: center;
}
.button.red, .red.button-large, .red.button-regular, .red.button-small {
  background-color: #FF5D64;
}
.button.red-outline, .red-outline.button-large, .red-outline.button-regular, .red-outline.button-small {
  color: #FF5D64;
  border-color: #FF5D64;
}
.button.red-outline:active, .red-outline.button-large:active, .red-outline.button-regular:active, .red-outline.button-small:active {
  transform: scale(0.97);
}
@media (hover: hover) {
  .button.red-outline:hover, .red-outline.button-large:hover, .red-outline.button-regular:hover, .red-outline.button-small:hover {
    opacity: 0.7;
  }
}
.button.bg-primary-2, .bg-primary-2.button-large, .bg-primary-2.button-regular, .bg-primary-2.button-small {
  background-color: #5E73F3;
}
/* Buttons - App Stores */
.buttons-stores {
  display: flex;
}
.buttons-stores a + a {
  margin-left: 12px;
}
.button-store, .button-store-small {
  width: 150px;
  height: 48px;
  transition: all 100ms;
}
.button-store[class*=apple], [class*=apple].button-store-small {
  background: url("../svg/button-store-apple-8a91d308.svg") center center no-repeat;
  background-size: contain;
}
.button-store[class*=google], [class*=google].button-store-small {
  background: url("../svg/button-store-google-6a096d46.svg") center center no-repeat;
  background-size: contain;
}
.button-store-small {
  width: 126px;
  height: 40px;
}
.button-store:active, .button-store-small:active {
  transform: scale(0.98);
}
@media (hover: hover) {
  .button-store:hover, .button-store-small:hover {
    opacity: 0.8;
  }
}
/* Button - Wearables */
.button-wear {
  display: inline-block;
  padding: 14px 32px 16px 62px;
  background: url("../svg/icon-android-wear-white-b45757e6.svg") #3651F1 22px center no-repeat;
  border-radius: 48px;
  color: #FFF;
  transition: all 200ms;
}
.button-wear span {
  display: block;
  font-size: 13px;
  opacity: 0.7;
  margin-top: 4px;
}
.button-wear.button-white {
  background: url("../svg/icon-android-wear-blue-fdf0d0b9.svg") #FFF 18px 16px no-repeat;
  color: #3651F1;
}
.button-wear:active {
  opacity: 0.5;
}
@media (min-width: 900px) {
  .button-wear {
    transition: all 200ms;
  }
  .button-wear:hover {
    transform: translateY(-3px);
    background-color: rgb(16.5525581395, 48.4753488372, 237.6474418605);
  }
}
/* Button - Mobile Menu */
.button-menu-mobile, .header-main-white .button-menu-mobile {
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 99;
}
.button-menu-mobile::before, .header-main-white .button-menu-mobile::before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background: url("../svg/icon-menu-mobile-8bf0db32.svg") center center no-repeat;
  transition: all 200ms;
}
.button-menu-mobile::after, .header-main-white .button-menu-mobile::after {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background: url("../svg/icon-menu-mobile-close-c9d61142.svg") center center no-repeat;
  opacity: 0;
  transition: opacity 150ms;
}
.button-menu-mobile.open::before {
  opacity: 0;
  transition: opacity 150ms;
}
.button-menu-mobile.open::after {
  opacity: 1;
  transition: opacity 150ms;
}
.header-main-white .button-menu-mobile::before {
  content: "";
  display: block;
  background-image: none;
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 24px;
  height: 24px;
  background-color: #FFF;
  -webkit-mask: url("../svg/icon-menu-mobile-8bf0db32.svg") no-repeat;
          mask: url("../svg/icon-menu-mobile-8bf0db32.svg") no-repeat;
  mask-position: center;
  -webkit-mask: url("../svg/icon-menu-mobile-8bf0db32.svg") no-repeat;
  -webkit-mask-position: center;
}
.header-main-white .button-menu-mobile::after {
  content: "";
  display: block;
  background-image: none;
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 24px;
  height: 24px;
  background-color: #FFF;
  -webkit-mask: url("../svg/icon-menu-mobile-close-c9d61142.svg") no-repeat;
          mask: url("../svg/icon-menu-mobile-close-c9d61142.svg") no-repeat;
  mask-position: center;
  -webkit-mask: url("../svg/icon-menu-mobile-close-c9d61142.svg") no-repeat;
  -webkit-mask-position: center;
}
/* Tabs */
.tabs a {
  padding: 9px 16px 11px 16px;
}
/**
 * Components - General
 * Dropdowns
 */
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-family: "Inter", Helvetica, Arial, "sans-serif";
}
.dropdown-2, .dropdown-2-compact {
  box-shadow: none;
  border: 1px solid #F3F3F4;
  border-radius: 8px;
}
.dropdown-2:focus, .dropdown-2-compact:focus {
  border: 1px solid #D0D2D6;
}
.dropdown-2-compact {
  padding: 9px 25px 9px 12px;
  background: url("../svg/icon-disclosure-dropdown-2075afe9.svg") calc(100% - 8px) center no-repeat;
}
/**
 * Components - General
 * Segmented
 */
.segmented {
  display: flex;
}
.segmented a {
  padding: 4px 20px;
}
.segmented a:not(.current) {
  color: #666D7A;
}
.segmented .current {
  position: relative;
  color: #3651F1;
}
.segmented .current::after {
  content: "";
  display: block;
  width: calc(100% - 36px);
  height: 2px;
  background-color: #3651F1;
  position: absolute;
  bottom: -2px;
  left: 18px;
}
/**
 * Components - General
 * Modals
 */
.modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background-color: rgba(33, 38, 48, 0.7);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
.modal.scrollable {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
}
.modal .modal-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99;
}
.modal .modal-card {
  width: 100%;
  max-width: 480px;
  background-color: #FFF;
  border-radius: 30px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.04);
  padding: 64px 0 40px;
  position: relative;
  z-index: 999;
}
.modal .modal-header {
  padding: 8px 0;
}
.modal .modal-header .modal-title {
  text-align: center;
}
.modal .modal-content {
  padding: 16px 48px;
  text-align: center;
}
.modal .modal-content .main + .note {
  margin-top: 12px;
}
.modal .modal-content .modal-actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.modal .modal-content .modal-actions input {
  width: 100%;
}
.modal .modal-content .modal-actions input + input {
  margin-top: 24px;
}
.modal .modal-actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 48px;
}
.modal .modal-actions [class*=button] {
  width: 100%;
}
.modal .modal-actions .button-regular {
  min-height: 58px;
}
.modal .modal-actions .button-regular + .button-1, .modal .modal-actions .button-regular + .ho-btn, .modal .modal-actions .button-regular + .ho-btn-border, .modal .modal-actions .button-regular + .ho-btn-transparent, .modal .modal-actions .button-regular + .ho-btn-blue, .modal .modal-actions .button-regular + .btn-default, .modal .modal-actions .button-regular + .btn-default-fill, .modal .modal-actions .ho-menu .button-regular + a, .ho-menu .modal .modal-actions .button-regular + a, .modal .modal-actions .button-regular + .button-regular, .modal .modal-actions .button-regular + .button-wear {
  margin-top: 32px;
}
.modal.default-modal-styles .modal-title + .modal-subtitle {
  margin-top: 12px;
}
.modal.default-modal-styles .modal-actions {
  margin-top: 24px;
}
.modal.default-modal-styles .modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal .action-close {
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 28px;
  height: 28px;
  background: url("../svg/icon-modal-close-a4284f11.svg") center center no-repeat;
  background-size: cover;
  background-size: 28px;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  transition: all 100ms;
}
@media (hover: hover) {
  .modal .action-close:hover {
    opacity: 0.7;
  }
}
.modal .sharing-link {
  margin: 16px 0 24px;
  width: 100%;
  height: 48px;
  overflow-x: scroll;
  border: 1px solid #F3F3F4;
  border-radius: 8px;
  padding: 12px 16px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal .sharing-link::-webkit-scrollbar {
  display: none;
}
.modal .sharing-link p {
  white-space: nowrap;
}
.modal .copy-success {
  position: absolute;
  bottom: 32px;
  opacity: 0;
  transition: all 80ms;
}
.modal .copy-success.visible {
  opacity: 1;
  transition: all 80ms;
}
.modal.closed {
  display: none;
}
/**
 * Components - General
 * Avatars
 */
.avatar, .avatar-32, .avatar-40, .avatar-48, .avatar-64 {
  display: block;
  background-size: 100%;
}
.avatar-64 {
  width: 64px;
  height: 64px;
  border-radius: 6px;
}
.avatar-48 {
  width: 48px;
  height: 48px;
  border-radius: 6px;
}
.avatar-40 {
  width: 40px;
  height: 40px;
  border-radius: 6px;
}
.avatar-32 {
  width: 32px;
  height: 32px;
  border-radius: 6px;
}
.avatar.round, .round.avatar-64, .round.avatar-48, .round.avatar-40, .round.avatar-32 {
  border-radius: 80px;
}
/**
 * Layout:
 * Page - Performance / Leaderboards
 */
.input-select select,
.input-select .Select-control, input[type=text],
input[type=date],
input[type=tel],
input[type=email],
input[type=password],
input[type=search],
.input-default {
  background-color: #FFF;
  border: none;
  box-shadow: inset 0 0 0 1.5px #F3F3F4;
  border-radius: 12px;
  font-family: "Inter", Helvetica, Arial, "sans-serif";
  transition: all 120ms;
  cursor: pointer;
}
input,
select,
button {
  outline: none;
  border: 0;
  background: transparent;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input:-webkit-autofill {
  box-shadow: inset 0 0 0 1px #EDEFF3, inset 0 0 0 26px white !important;
}
input[type=text],
input[type=date],
input[type=tel],
input[type=email],
input[type=password],
input[type=search],
.input-default {
  padding: 13px 16px 15px;
}
input[type=text]:focus,
input[type=date]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=search]:focus,
.input-default:focus {
  box-shadow: inset 0 0 0 2px #898F99;
}
.container, .container-smaller, .container-10, .container-8, .container-6, .container-4, .container-small, .container-flex, .container-center, .container.-center, .-center.container-smaller, .-center.container-10, .-center.container-8, .-center.container-6, .-center.container-4, .-center.container-small, .-center.container-flex {
  width: 100%;
  max-width: calc(1194px + 40px);
  padding: 0 20px;
  margin: auto;
  position: relative;
}
.container-10 {
  width: 100%;
  max-width: calc(990px + 40px);
}
.container-8 {
  width: 100%;
  max-width: calc(786px + 40px);
}
.container-6 {
  width: 100%;
  max-width: calc(582px + 40px);
}
.container-4 {
  width: 100%;
  max-width: calc(378px + 40px);
}
.container-small {
  max-width: 1036px;
  padding: 0 20px;
}
.container-smaller {
  max-width: 626px;
  padding: 0 20px;
}
.container-full-width {
  width: 100%;
}
.container-flex {
  display: flex;
}
.container.-grid, .-grid.container-smaller, .-grid.container-10, .-grid.container-8, .-grid.container-6, .-grid.container-4, .-grid.container-small, .-grid.container-flex, .-grid.container-center {
  display: grid;
}
.container-2-columns {
  display: grid;
}
@media (min-width: 1040px) {
  .container-2-columns {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
  }
}
.container-center, .container.-center, .-center.container-smaller, .-center.container-10, .-center.container-8, .-center.container-6, .-center.container-4, .-center.container-small, .-center.container-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.container-border-top::before {
  content: "";
  display: block;
  width: calc(100% - 40px);
  border-top: 1px solid #EDEFF3;
  position: absolute;
  left: 20px;
  top: 0;
}
.grid, .grid-2, .grid-3, .grid-4 {
  display: grid;
  grid-gap: 30px;
}
.grid-2 {
  grid-template-columns: 1fr 1fr;
}
.grid-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.grid-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.flex, .flex-col {
  display: flex;
}
.flex.align-center, .align-center.flex-col {
  align-items: center;
}
.flex.align-end, .align-end.flex-col {
  align-items: flex-end;
}
.flex.justify-center, .justify-center.flex-col {
  justify-content: center;
}
.flex-col {
  flex-direction: column;
}
.flex-center-all {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flex-col-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-repel, .input-select {
  display: flex;
  justify-content: space-between;
}
.flex-center-v {
  display: flex;
  align-items: center;
}
.flex-center-h {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.py-140 {
  padding-top: 140px;
  padding-bottom: 140px;
}
.pt-80 {
  padding-top: 80px;
}
.pb-64 {
  padding-bottom: 64px;
}
.input-select {
  position: relative;
}
.input-select::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 12px;
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 20px;
  height: 100%;
  background: url("../svg/icon-chevron-down-c8da0aed.svg") center center no-repeat;
  background-size: cover;
  background-size: 20px 20px;
  pointer-events: none;
}
.input-select .Select {
  width: 100%;
}
.input-select .Select.is-focused:not(.is-open) > .Select-control {
  outline: none;
  box-shadow: inset 0 0 0 1.5px #F3F3F4;
  border: none;
}
.input-select .Select .Select-arrow-zone {
  display: none;
}
.input-select .Select .Select-option {
  background-color: transparent;
  padding: 10px 15px;
  transition: all 100ms;
}
@media (hover: hover) {
  .input-select .Select .Select-option:hover {
    background-color: rgba(54, 81, 241, 0.04);
    cursor: pointer;
  }
}
.input-select .Select .Select-option .course-name {
  color: #434B5B;
}
.input-select .Select .Select-option .course-details {
  color: #898F99;
}
.input-select .Select .Select-menu-outer {
  border: 0;
  box-shadow: inset 0 0 0 0 #F3F3F4, inset 0 -1.5px 0 0 #F3F3F4, inset 1.5px 0 0 0 #F3F3F4, inset -1.5px 0 0 0 #F3F3F4;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  margin-top: 0.5px;
}
.input-select .Select-value {
  display: flex;
  align-items: center;
  padding: 0 15px !important;
}
.input-select .Select-value-label span.course-name::after {
  display: inline-block;
  content: ", ";
}
.input-select select,
.input-select .Select-control {
  padding: 12px 40px 12px 16px;
}
.input-select .Select-control:hover {
  box-shadow: inset 0 0 0 1.5px #F3F3F4;
  border-radius: 12px;
}
.input-select label {
  position: relative;
  z-index: 9;
  color: #666D7A;
  padding: 0 6px;
  background-color: #FFF;
  position: absolute;
  top: -5px;
  left: 10px;
  cursor: pointer;
}
.input-select.on-dark label {
  background-color: #F3F3F4;
}
.input-select.on-dark select {
  background-color: #F3F3F4;
  box-shadow: inset 0 0 0 2px rgba(20, 31, 51, 0.07);
  border-radius: 12px;
}
.input-select.in-row::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.input-select.in-row select {
  padding: 0 26px 0 0;
  background-color: transparent;
  text-align: right;
  color: #666D7A;
  box-shadow: inset 0 0 0 0 #F3F3F4;
}
input[type=date]::-webkit-calendar-picker-indicator {
  width: 24px;
  height: 24px;
  background: url("../svg/icon-inputs-calendar-625f74d1.svg") center center no-repeat;
  cursor: pointer;
}
.input-radio input[type=radio] {
  display: none;
}
.input-radio label {
  font-weight: 600;
  padding: 0 0 0 28px;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
}
.input-radio label::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 1.5px #F3F3F4;
  border-radius: 20px;
}
.input-radio label::after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 20px;
  background: #FFF;
}
.input-radio input[type=radio]:checked + label::before {
  box-shadow: inset 0 0 0 0 #F3F3F4, inset 0 -0 0 0 #F3F3F4, inset 0 0 0 0 #F3F3F4, inset -0 0 0 0 #F3F3F4;
  background-color: #5E73F3;
}
.input-checkbox input[type=checkbox] {
  display: none;
}
.input-checkbox label {
  display: flex;
  cursor: pointer;
  position: relative;
}
.input-checkbox label::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 2px #D0D2D6;
  border-radius: 5px;
  background-color: #FFF;
  margin-right: 10px;
}
.input-checkbox label::after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 16px;
  height: 16px;
  background-color: #FFF;
  -webkit-mask: url("../svg/icon-button-check-6486d9d9.svg") no-repeat;
          mask: url("../svg/icon-button-check-6486d9d9.svg") no-repeat;
  mask-position: center;
  -webkit-mask: url("../svg/icon-button-check-6486d9d9.svg") no-repeat;
  -webkit-mask-position: center;
}
.input-checkbox + label {
  cursor: pointer;
}
.input-checkbox input[type=checkbox]:checked + label::before {
  box-shadow: inset 0 0 0 2px #5E73F3;
  background-color: #5E73F3;
}
.input-toggle {
  gap: 4px;
}
.input-toggle input {
  opacity: 0;
}
.input-toggle span {
  color: #434B5B;
}
.input-toggle label {
  display: block;
  position: relative;
  width: 40px;
  height: 24px;
  background-color: #ACB0B7;
  border-radius: 40px;
  transition: all 100ms;
  cursor: pointer;
}
.input-toggle label::after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background-color: #FFF;
  border-radius: 20px;
  transition: all 100ms;
}
.input-toggle input:checked + label {
  background-color: #5E73F3;
}
.input-toggle input:checked + label::after {
  content: "";
  display: block;
  transform: translateX(16px);
}
.input-group:not(.group-radios):not(.group-checks) {
  position: relative;
}
.input-group:not(.group-radios):not(.group-checks) input {
  width: 100%;
}
.input-group:not(.group-radios):not(.group-checks) label {
  position: relative;
  z-index: 9;
  color: #666D7A;
  padding: 0 6px;
  background-color: #FFF;
  position: absolute;
  top: -5px;
  left: 10px;
  cursor: pointer;
}
.input-group:not(.group-radios):not(.group-checks) .clear-input {
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 24px;
  height: 24px;
  background: url("../svg/icon-clear-input-85d114c7.svg") center center no-repeat;
  background-size: cover;
  background-size: 8px;
  position: absolute;
  top: 14px;
  right: 14px;
}
@media (hover: hover) {
  .input-group:not(.group-radios):not(.group-checks) .clear-input:hover {
    opacity: 0.6;
  }
}
.input-group:not(.group-radios):not(.group-checks) .input-notice {
  margin-top: 8px;
}
.input-group:not(.group-radios):not(.group-checks) .input-notice.warning {
  color: #E36954;
}
.input-group:not(.group-radios):not(.group-checks) .input-notice.absolute {
  position: absolute;
}
.group-radios,
.group-checks {
  box-shadow: inset 0 0 0 0 #F3F3F4, inset 0 -1px 0 0 #F3F3F4, inset 0 0 0 0 #F3F3F4, inset -0 0 0 0 #F3F3F4;
  padding-bottom: 18px;
}
.group-radios .controls,
.group-checks .controls {
  margin-top: 16px;
  flex-wrap: wrap;
}
.group-radios .controls.horizontal,
.group-checks .controls.horizontal {
  display: flex;
}
.group-radios .controls.horizontal .input-radio + .input-radio,
.group-radios .controls.horizontal .input-checkbox + .input-checkbox,
.group-checks .controls.horizontal .input-radio + .input-radio,
.group-checks .controls.horizontal .input-checkbox + .input-checkbox {
  margin-left: 24px;
}
::-webkit-input-placeholder {
  color: #898F99;
  overflow: visible;
}
::-moz-placeholder {
  color: #898F99;
  overflow: visible;
}
:-ms-input-placeholder {
  color: #898F99;
  overflow: visible;
}
:-moz-placeholder {
  color: #898F99;
  overflow: visible;
}
::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 24px;
  height: 24px;
  background: url("../svg/icon-clear-input-85d114c7.svg") center center no-repeat;
  background-size: cover;
  background-size: 8px;
}
/**
 * Components - General
 * Loader
 */
@keyframes rotate {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.loader {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.loader .spinner {
  animation: rotate 1.5s linear infinite;
}
.loader.default .spinner {
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 100%;
  height: 100%;
  background: url("../svg/icon-loader-444537ac.svg") center center no-repeat;
  background-size: cover;
  background-size: 100% 100%;
}
.loader.white .spinner {
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  -webkit-mask: url("../svg/icon-loader-444537ac.svg") no-repeat;
          mask: url("../svg/icon-loader-444537ac.svg") no-repeat;
  mask-size: 100%;
  mask-position: center;
  -webkit-mask: url("../svg/icon-loader-444537ac.svg") no-repeat;
  -webkit-mask-size: 100%;
  -webkit-mask-position: center;
}
.loader.size-28 {
  width: 28px;
  height: 28px;
}
.loader.center-horizontal {
  width: 100%;
}
/**
 * Components - General
 * Alert bar
 */
.alert-bar {
  width: 100%;
  padding: 16px 20px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
}
.alert-bar.success {
  background-color: #5E73F3;
}
.alert-bar.warning {
  background-color: #E36954;
}
.alert-bar p {
  text-align: center;
}
.alert-bar p a {
  margin-left: 4px;
  text-decoration: underline;
  transition: all 100ms;
}
@media (hover: hover) {
  .alert-bar p a:hover {
    opacity: 0.6;
  }
}
.alert-bar p, .alert-bar a {
  color: #FFF !important;
}
.alert-bar .action-close {
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 28px;
  height: 28px;
  background-color: #FFF;
  -webkit-mask: url("../svg/icon-modal-close-a4284f11.svg") no-repeat;
          mask: url("../svg/icon-modal-close-a4284f11.svg") no-repeat;
  mask-size: 28px;
  mask-position: center;
  -webkit-mask: url("../svg/icon-modal-close-a4284f11.svg") no-repeat;
  -webkit-mask-size: 28px;
  -webkit-mask-position: center;
  position: absolute;
  top: 12px;
  right: 20px;
  transition: all 100ms;
}
@media (hover: hover) {
  .alert-bar .action-close:hover {
    opacity: 0.7;
  }
}
@media (max-width: 600px) {
  .alert-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .alert-bar p {
    text-align: left;
  }
  .alert-bar .action-close {
    position: relative;
    top: 0;
    right: 0;
  }
}
/**
 * Components - General
 * List Rows
 */
.list-row .row-content {
  padding: 24px 0;
  gap: 20px;
  box-shadow: inset 0 0 0 0 #F3F3F4, inset 0 -1.5px 0 0 #F3F3F4, inset 0 0 0 0 #F3F3F4, inset -0 0 0 0 #F3F3F4;
}
.list-row .row-content .left p + p {
  margin-top: 4px;
}
.list-row .row-content .left [class*=subhead] {
  color: #666D7A;
}
.list-row .row-content .right .input-select select {
  text-align: right;
  color: #666D7A;
  border-radius: 0;
}
.list-row.in-card {
  padding-left: 40px;
}
.list-row.in-card .right {
  padding-right: 40px;
}
.list-row-grouped {
  background-color: #F7F7F7;
  border-radius: 20px;
  padding: 24px 0;
}
.list-row-grouped .list-row:last-child .row-content {
  box-shadow: inset 0 0 0 0 #F3F3F4, inset 0 -0 0 0 #F3F3F4, inset 0 0 0 0 #F3F3F4, inset -0 0 0 0 #F3F3F4;
}
@media (max-width: 440px) {
  .list-row .row-content {
    padding: 16px 0;
    gap: 16px;
  }
  .list-row.in-card {
    padding-left: 20px;
  }
  .list-row.in-card .right {
    padding-right: 20px;
  }
  .list-row-grouped {
    padding: 10px 0;
  }
}
/**
 * Components - Pages
 * Index
 */
/**
 * Components - Pages - Performance/Leaderboards
 * Index
 */
.page-leaderboards {
  /**
   * Components - Pages - Performance/Leaderboards/Leaderboard
   * Index
   */
  /**
   * Components - Pages - Performance/Leaderboards/Leaderboard
   * Index
   */
}
.page-leaderboards::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -99;
  background-color: #FBFCFF;
}
.page-leaderboards .page-leaderboard {
  /**
   * Components - Pages - Performance/Leaderboards/Leaderboard
   * Header
   */
  /**
   * Components - Pages - Performance/Leaderboards/Leaderboard
   * Player Cell
   */
  /**
   * Components - Pages - Performance/Leaderboards/Leaderboard
   * Leaderboard
   */
  /**
   * Components - Pages - Performance/Leaderboards/Leaderboard
   * Modal - Players
   */
  /**
   * Components - Pages - Performance/Leaderboards/Leaderboard
   * Modal - Tutorial
   */
  /**
   * Components - Pages - Performance/Leaderboards/Leaderboard
   * Modal - Tutorial
   */
}
.page-leaderboards .page-leaderboard .header-leaderboard {
  padding: 30px 0;
  position: relative;
}
.page-leaderboards .page-leaderboard .header-leaderboard.webview {
  padding-top: 32px;
}
.page-leaderboards .page-leaderboard .header-leaderboard::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #FFF;
  border-bottom: 1px solid #F3F3F4;
}
.page-leaderboards .page-leaderboard .header-leaderboard .content {
  display: grid;
  grid-column-gap: 30px;
  grid-template-columns: 8fr 4fr;
}
.page-leaderboards .page-leaderboard .header-leaderboard .action-back {
  margin-bottom: 30px;
}
.page-leaderboards .page-leaderboard .header-leaderboard .left-info .event-date {
  margin-bottom: 14px;
  display: flex;
  align-items: center;
}
.page-leaderboards .page-leaderboard .header-leaderboard .left-info .event-date .label, .page-leaderboards .page-leaderboard .header-leaderboard .left-info .event-date .label-blue, .page-leaderboards .page-leaderboard .header-leaderboard .left-info .event-date .label-green, .page-leaderboards .page-leaderboard .header-leaderboard .left-info .event-date .label-outline, .page-leaderboards .page-leaderboard .header-leaderboard .left-info .event-date .label-outline-blue, .page-leaderboards .page-leaderboard .header-leaderboard .left-info .event-date .label-outline-red, .page-leaderboards .page-leaderboard .header-leaderboard .left-info .event-date .label-outline-green {
  margin-left: 8px;
}
.page-leaderboards .page-leaderboard .header-leaderboard .left-info .event-name {
  margin-bottom: 12px;
}
.page-leaderboards .page-leaderboard .header-leaderboard .left-info .course-name {
  margin-right: 32px;
  flex-shrink: 0;
}
.page-leaderboards .page-leaderboard .header-leaderboard .left-info .game-specific {
  width: calc(100% - 44px);
  display: flex;
  align-items: flex-start;
}
.page-leaderboards .page-leaderboard .header-leaderboard .left-info .game-specific .scoring-mode,
.page-leaderboards .page-leaderboard .header-leaderboard .left-info .game-specific .holes-count {
  flex-shrink: 0;
}
.page-leaderboards .page-leaderboard .header-leaderboard .left-info .game-specific .scoring-mode {
  margin: 2px 8px;
}
.page-leaderboards .page-leaderboard .header-leaderboard .left-info .game-specific .tees {
  text-transform: capitalize;
}
.page-leaderboards .page-leaderboard .header-leaderboard .right-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 44px;
}
.page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players {
  min-height: 32px;
  display: flex;
  grid-area: players;
  cursor: pointer;
}
.page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players div {
  display: flex;
}
.page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-64, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-48, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-40, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-32 {
  border: 2px solid #FFF;
}
.page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar + .avatar, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-64 + .avatar, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-48 + .avatar, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-40 + .avatar, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-32 + .avatar, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar + .avatar-64, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-64 + .avatar-64, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-48 + .avatar-64, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-40 + .avatar-64, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-32 + .avatar-64, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar + .avatar-48, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-64 + .avatar-48, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-48 + .avatar-48, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-40 + .avatar-48, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-32 + .avatar-48, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar + .avatar-40, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-64 + .avatar-40, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-48 + .avatar-40, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-40 + .avatar-40, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-32 + .avatar-40, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar + .avatar-32, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-64 + .avatar-32, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-48 + .avatar-32, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-40 + .avatar-32, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-32 + .avatar-32 {
  margin-left: -8px;
}
.page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-more {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  background-color: #F3F3F4;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-leaderboards .page-leaderboard .header-leaderboard .right-actions .main-actions {
  margin: 12px 0;
  grid-area: actions;
}
.page-leaderboards .page-leaderboard .header-leaderboard .right-actions .main-actions .primary-actions {
  margin-right: 32px;
}
.page-leaderboards .page-leaderboard .header-leaderboard .right-actions .main-actions .button-small.green-outline {
  opacity: 0.5;
}
.page-leaderboards .page-leaderboard .header-leaderboard .right-actions .main-actions .secondary-actions {
  margin-top: -2px;
}
.page-leaderboards .page-leaderboard .header-leaderboard .right-actions .main-actions .secondary-actions a + a {
  margin-left: 24px;
}
.page-leaderboards .page-leaderboard .header-leaderboard .right-actions .scoring-mode-selector select {
  position: absolute;
  top: -8px;
  right: 0;
  bottom: auto;
  max-width: 140px;
}
.page-leaderboards .page-leaderboard .header-leaderboard .holes-details {
  margin-top: 20px;
}
.page-leaderboards .page-leaderboard .header-leaderboard .holes-details .holes,
.page-leaderboards .page-leaderboard .header-leaderboard .holes-details .si,
.page-leaderboards .page-leaderboard .header-leaderboard .holes-details .par {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: 86px 1fr 174px;
  align-items: center;
}
.page-leaderboards .page-leaderboard .header-leaderboard .holes-details .holes {
  margin-bottom: 4px;
}
.page-leaderboards .page-leaderboard .header-leaderboard .holes-details .par-list {
  margin-bottom: 2px;
}
.page-leaderboards .page-leaderboard .header-leaderboard .holes-details .holes-list,
.page-leaderboards .page-leaderboard .header-leaderboard .holes-details .si-list,
.page-leaderboards .page-leaderboard .header-leaderboard .holes-details .par-list {
  display: grid;
  grid-column-gap: 24px;
  grid-template-columns: repeat(18, minmax(20px, 24px));
  justify-items: center;
  align-items: center;
  padding-right: 24px;
}
.page-leaderboards .page-leaderboard .header-leaderboard .holes-details .additional {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
  align-items: center;
}
.page-leaderboards .page-leaderboard .header-leaderboard .holes-details .additional p {
  text-align: center;
  position: relative;
}
.page-leaderboards .page-leaderboard .header-leaderboard .holes-details .additional p[data-content*=net] span {
  display: none;
}
.page-leaderboards .page-leaderboard .header-leaderboard .holes-details .additional p[data-content*=net]::before {
  content: "To Par";
  display: block;
}
.page-leaderboards .page-leaderboard .header-leaderboard .holes-details .additional p[data-content*=net]::after {
  content: "(NET)";
  display: block;
  font-size: 8px;
  width: 100%;
  position: absolute;
  bottom: -9px;
}
.page-leaderboards .page-leaderboard .header-leaderboard .holes-details p {
  text-transform: uppercase;
}
@media (max-width: 1140px) {
  .page-leaderboards .page-leaderboard .header-leaderboard .holes-details {
    display: none;
  }
}
@media (max-width: 900px) {
  .page-leaderboards .page-leaderboard .header-leaderboard {
    padding: 0 0 20px;
  }
  .page-leaderboards .page-leaderboard .header-leaderboard .content {
    grid-template-columns: 1fr;
  }
  .page-leaderboards .page-leaderboard .header-leaderboard .left-info .event-date {
    margin-bottom: 8px;
  }
  .page-leaderboards .page-leaderboard .header-leaderboard .left-info .event-name {
    margin-bottom: 6px;
  }
  .page-leaderboards .page-leaderboard .header-leaderboard .left-info .leaderboard-info {
    flex-direction: column;
    align-items: flex-start;
  }
  .page-leaderboards .page-leaderboard .header-leaderboard .left-info .course-name {
    margin: 0 0 8px 0;
    font-size: 16px;
    line-height: 24px;
  }
  .page-leaderboards .page-leaderboard .header-leaderboard .left-info .scoring-mode {
    margin: 2px 8px;
  }
  .page-leaderboards .page-leaderboard .header-leaderboard .right-actions {
    width: 100%;
    display: grid;
    grid-template-areas: ". players" "actions selector";
    row-gap: 20px;
    margin-top: -24px;
  }
  .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .main-actions {
    margin: 0;
    align-self: center;
  }
  .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players {
    min-height: 24px;
  }
  .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-64, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-48, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-40, .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players .avatar-32 {
    width: 24px;
    height: 24px;
  }
  .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .players,
  .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .scoring-mode-selector {
    justify-self: end;
  }
}
@media (max-width: 520px) {
  .page-leaderboards .page-leaderboard .header-leaderboard .right-actions {
    grid-template-areas: ". players" "actions actions" "selector selector";
  }
  .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .main-actions {
    display: flex;
    justify-content: space-between;
  }
  .page-leaderboards .page-leaderboard .header-leaderboard .right-actions .scoring-mode-selector {
    max-width: 100%;
  }
}
.page-leaderboards .page-leaderboard .player-cell {
  min-height: 128px;
  padding-top: 16px;
  box-shadow: 0px 1px 0px #F3F3F4;
  position: relative;
}
.page-leaderboards .page-leaderboard .player-cell .details {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.page-leaderboards .page-leaderboard .player-cell .details .rank {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  border-radius: 24px;
  color: #FFF;
  background-color: #3651F1;
  margin-right: 10px;
}
.page-leaderboards .page-leaderboard .player-cell .details .avatar-container {
  position: relative;
  margin-right: 12px;
  display: flex;
  justify-content: center;
}
.page-leaderboards .page-leaderboard .player-cell .details .player-info {
  display: flex;
  align-items: center;
}
.page-leaderboards .page-leaderboard .player-cell .details .player-info .name {
  margin-right: 14px;
}
.page-leaderboards .page-leaderboard .player-cell .details .player-tee {
  position: absolute;
  bottom: -5px;
  font-size: 7px;
  line-height: 8px;
  letter-spacing: 0px;
  font-weight: 700;
  padding: 1px 3px 0;
  border-radius: 10px;
  border: 1px solid white;
  text-align: center;
}
.page-leaderboards .page-leaderboard .player-cell .details .expand-name {
  display: none;
  position: relative;
  width: 100%;
}
.page-leaderboards .page-leaderboard .player-cell .details .expand-name .tooltip {
  position: absolute;
  top: -22px;
  left: -2px;
  z-index: 99;
  background-color: #0A0F1A;
  color: #FFF;
  border-radius: 5px;
  padding: 2px 22px 2px 5px;
  white-space: nowrap;
  opacity: 0;
}
.page-leaderboards .page-leaderboard .player-cell .details .expand-name .tooltip::after {
  content: "";
  display: block;
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 12px;
  height: 12px;
  background-color: white;
  -webkit-mask: url("../svg/icon-modal-close-a4284f11.svg") no-repeat;
          mask: url("../svg/icon-modal-close-a4284f11.svg") no-repeat;
  mask-size: 16px;
  mask-position: center;
  -webkit-mask: url("../svg/icon-modal-close-a4284f11.svg") no-repeat;
  -webkit-mask-size: 16px;
  -webkit-mask-position: center;
  position: absolute;
  top: 4px;
  right: 6px;
}
.page-leaderboards .page-leaderboard .player-cell .details .expand-name.visible .tooltip {
  opacity: 1;
}
.page-leaderboards .page-leaderboard .player-cell .details .expand-name.visible .action {
  display: none;
}
.page-leaderboards .page-leaderboard .player-cell .details .expand-name .action {
  display: block;
  width: 15px;
  height: 10px;
  border: 1px solid #F3F3F4;
  border-radius: 2px;
  position: absolute;
  top: -14px;
  right: -20px;
  z-index: 9;
}
.page-leaderboards .page-leaderboard .player-cell .details .expand-name .action::after {
  content: "...";
  display: block;
  position: absolute;
  top: -7px;
  left: 1px;
  font-size: 12px;
  font-weight: 700;
  color: #666D7A;
}
.page-leaderboards .page-leaderboard .player-cell .details .expand-name::before {
  content: "";
  display: block;
  width: 28px;
  height: 15px;
  background-image: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: -16px;
  right: 0px;
}
.page-leaderboards .page-leaderboard .player-cell .score {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: 1fr 210px;
  align-items: center;
}
.page-leaderboards .page-leaderboard .player-cell .score .holes-details {
  display: none;
}
.page-leaderboards .page-leaderboard .player-cell .holes-scores {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: 86px 1fr;
  align-items: center;
}
.page-leaderboards .page-leaderboard .player-cell .holes-scores .scores {
  display: grid;
  grid-column-gap: 24px;
  grid-template-columns: repeat(18, minmax(20px, 24px));
  justify-items: center;
  align-items: center;
  padding-right: 24px;
}
.page-leaderboards .page-leaderboard .player-cell .holes-scores .hole-score {
  width: 100%;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.page-leaderboards .page-leaderboard .player-cell .holes-scores .hole-score::after {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: 4px;
  position: absolute;
  bottom: 0;
  left: -2px;
}
.page-leaderboards .page-leaderboard .player-cell .holes-scores .hole-score.score-eagle::after {
  background: #B4E14E;
}
.page-leaderboards .page-leaderboard .player-cell .holes-scores .hole-score.score-birdie::after {
  background: #F8542C;
}
.page-leaderboards .page-leaderboard .player-cell .holes-scores .hole-score.score-par::after {
  background: #C8CED8;
}
.page-leaderboards .page-leaderboard .player-cell .holes-scores .hole-score.score-bogey::after {
  background: #113FE5;
}
.page-leaderboards .page-leaderboard .player-cell .holes-scores .hole-score.score-bogey2::after {
  background: #505965;
}
.page-leaderboards .page-leaderboard .player-cell .holes-scores .hole-points {
  position: absolute;
  top: 6px;
  right: -2px;
  font-weight: 400;
}
.page-leaderboards .page-leaderboard .player-cell .additional::before {
  content: "";
  display: block;
  width: calc(100vw + 210px);
  height: 152px;
  background-color: #F3F5FF;
  position: absolute;
  top: -24px;
  right: -100vw;
}
.page-leaderboards .page-leaderboard .player-cell .additional .labels,
.page-leaderboards .page-leaderboard .player-cell .additional .values {
  position: relative;
  z-index: 999;
}
.page-leaderboards .page-leaderboard .player-cell .additional .labels {
  display: none;
  text-align: center;
  max-height: 12px;
}
.page-leaderboards .page-leaderboard .player-cell .additional .values {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
  line-height: 20px;
}
.page-leaderboards .page-leaderboard .player-cell .additional p {
  text-transform: uppercase;
  position: relative;
}
.page-leaderboards .page-leaderboard .player-cell .additional p[data-content*=net] span {
  display: none;
}
.page-leaderboards .page-leaderboard .player-cell .additional p[data-content*=net]::before {
  content: "To Par";
  display: block;
}
.page-leaderboards .page-leaderboard .player-cell .additional p[data-content*=net]::after {
  content: "(NET)";
  display: block;
  font-size: 8px;
  width: 100%;
  position: absolute;
  bottom: -10px;
}
.page-leaderboards .page-leaderboard .player-cell .expand-cell {
  opacity: 0;
  display: block;
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 24px;
  height: 24px;
  background: url("../svg/icon-disclosure-dropdown-2075afe9.svg") center center no-repeat;
  background-size: cover;
  position: absolute;
  top: 28px;
  right: 12px;
  transform: rotateX(180deg);
}
@media (max-width: 1140px) {
  .page-leaderboards .page-leaderboard .player-cell {
    position: relative;
  }
  .page-leaderboards .page-leaderboard .player-cell .details {
    margin-bottom: 24px;
  }
  .page-leaderboards .page-leaderboard .player-cell .score {
    margin-left: -20px;
    grid-template-columns: 1fr;
    width: calc(100% - 150px);
  }
  .page-leaderboards .page-leaderboard .player-cell .score .holes-details {
    display: block;
    margin-bottom: 16px;
    padding-right: 24px;
  }
  .page-leaderboards .page-leaderboard .player-cell .score .holes-details .holes {
    margin-bottom: 6px;
  }
  .page-leaderboards .page-leaderboard .player-cell .score .holes-details .holes,
  .page-leaderboards .page-leaderboard .player-cell .score .holes-details .si,
  .page-leaderboards .page-leaderboard .player-cell .score .holes-details .par {
    display: grid;
    grid-column-gap: 0;
    grid-template-columns: 86px 1fr 174px;
    align-items: center;
  }
  .page-leaderboards .page-leaderboard .player-cell .score .holes-details .holes-list,
  .page-leaderboards .page-leaderboard .player-cell .score .holes-details .par-list,
  .page-leaderboards .page-leaderboard .player-cell .score .holes-details .si-list {
    display: grid;
    grid-column-gap: 24px;
    grid-template-columns: repeat(18, minmax(20px, 24px));
    justify-items: center;
    align-items: center;
  }
  .page-leaderboards .page-leaderboard .player-cell .score .scrollable {
    overflow: scroll;
    padding-left: 46px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .page-leaderboards .page-leaderboard .player-cell .score .scrollable::-webkit-scrollbar {
    display: none;
  }
  .page-leaderboards .page-leaderboard .player-cell .score .holes-scores .hole-score:last-child::before {
    content: "";
    display: block;
    width: 45px;
    height: 25px;
    position: absolute;
    left: 0;
  }
  .page-leaderboards .page-leaderboard .player-cell .additional {
    width: 140px;
    position: absolute;
    top: 80px;
    right: 0;
  }
  .page-leaderboards .page-leaderboard .player-cell .additional::before {
    width: calc(100vw + 170px);
    height: 100%;
    top: 0;
  }
  .page-leaderboards .page-leaderboard .player-cell .additional .labels {
    display: grid;
    grid-column-gap: 0;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    align-items: center;
    margin-bottom: 54px;
  }
  .page-leaderboards .page-leaderboard .player-cell .additional .values {
    height: 56px;
    align-items: center;
  }
}
@media (max-width: 580px) {
  .page-leaderboards .page-leaderboard .player-cell {
    min-height: 80px;
    padding-top: 14px;
    width: calc(100% + 20px);
  }
  .page-leaderboards .page-leaderboard .player-cell.closed .score .scrollable {
    display: none;
  }
  .page-leaderboards .page-leaderboard .player-cell.closed .expand-cell {
    transform: rotateX(0deg);
  }
  .page-leaderboards .page-leaderboard .player-cell .details {
    padding-bottom: 14px;
    margin-bottom: 0;
    width: calc(100% + 20px);
    position: relative;
  }
  .page-leaderboards .page-leaderboard .player-cell .details .rank {
    width: 18px;
    height: 18px;
    font-size: 10px;
    margin-right: 8px;
  }
  .page-leaderboards .page-leaderboard .player-cell .details .avatar-container {
    margin-right: 8px;
  }
  .page-leaderboards .page-leaderboard .player-cell .details .avatar-container img {
    width: 32px;
    height: 32px;
  }
  .page-leaderboards .page-leaderboard .player-cell .details .avatar-container,
  .page-leaderboards .page-leaderboard .player-cell .details .rank {
    margin-top: -10px;
  }
  .page-leaderboards .page-leaderboard .player-cell .details .player-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .page-leaderboards .page-leaderboard .player-cell .details .player-info .name {
    margin-right: 0;
    font-size: 14px;
    line-height: 20px;
  }
  .page-leaderboards .page-leaderboard .player-cell .details .player-info .handicap {
    max-width: 60px;
    font-size: 12px;
    line-height: 16px;
  }
  .page-leaderboards .page-leaderboard .player-cell .score {
    width: calc(100% + 20px);
  }
  .page-leaderboards .page-leaderboard .player-cell .score .scrollable {
    padding-top: 20px;
    background-color: #FFF;
    border-top: 1px solid #F3F3F4;
  }
  .page-leaderboards .page-leaderboard .player-cell .additional {
    position: absolute;
    top: 0;
    right: 40px;
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    max-height: 80px;
  }
  .page-leaderboards .page-leaderboard .player-cell .additional::before {
    display: none;
  }
  .page-leaderboards .page-leaderboard .player-cell .additional .labels {
    margin: 0 0 8px 0;
    max-height: none;
  }
  .page-leaderboards .page-leaderboard .player-cell .additional .labels p {
    font-size: 10px;
    line-height: 10px;
  }
  .page-leaderboards .page-leaderboard .player-cell .additional .values {
    height: auto;
  }
  .page-leaderboards .page-leaderboard .player-cell .expand-cell {
    opacity: 1;
  }
}
@media (max-width: 420px) {
  .page-leaderboards .page-leaderboard .player-cell .details .expand-name {
    display: block;
  }
  .page-leaderboards .page-leaderboard .player-cell .details .player-info .name {
    max-width: 80px;
    white-space: nowrap;
    overflow: hidden;
  }
  .page-leaderboards .page-leaderboard .player-cell .details .player-info .handicap {
    max-width: 60px;
    font-size: 12px;
    line-height: 16px;
  }
}
.page-leaderboards .page-leaderboard .leaderboard {
  padding: 16px 0 150px;
  overflow: hidden;
}
.page-leaderboards .page-leaderboard .leaderboard .player-cell + .player-cell {
  margin-top: 24px;
}
.page-leaderboards .page-leaderboard .leaderboard .player-cell:last-child .additional::before {
  height: 302px;
}
.page-leaderboards .page-leaderboard .leaderboard .players {
  position: relative;
}
.page-leaderboards .page-leaderboard .leaderboard .players::before {
  content: "";
  display: block;
  background-color: #F3F5FF;
  width: calc(100vw + 170px);
  height: 100%;
  position: absolute;
  top: -24px;
  right: -100vw;
}
@media (max-width: 1240px) {
  .page-leaderboards .page-leaderboard .leaderboard {
    padding-bottom: 110px;
  }
  .page-leaderboards .page-leaderboard .leaderboard .player-cell:last-child::before {
    width: calc(100vw + 170px);
    height: 278px;
  }
}
@media (max-width: 580px) {
  .page-leaderboards .page-leaderboard .leaderboard {
    padding-top: 0;
  }
  .page-leaderboards .page-leaderboard .leaderboard .players::before {
    display: none;
  }
  .page-leaderboards .page-leaderboard .leaderboard .player-cell:last-child::before {
    display: none;
  }
  .page-leaderboards .page-leaderboard .leaderboard .player-cell + .player-cell {
    margin-top: 0px;
  }
}
.page-leaderboards .page-leaderboard .modal-players-list .modal-title {
  margin-bottom: 32px;
}
.page-leaderboards .page-leaderboard .modal-players-list .players-list {
  width: 100%;
}
.page-leaderboards .page-leaderboard .modal-players-list .modal-content {
  max-height: 500px;
  overflow: scroll;
}
.page-leaderboards .page-leaderboard .modal-players-list .modal-content::-webkit-scrollbar {
  display: none;
}
.page-leaderboards .page-leaderboard .modal-players-list .cell {
  display: grid;
  grid-column-gap: 16px;
  grid-template-columns: 32px 1fr;
  grid-template-areas: "avatar name" "avatar subtitle";
  padding: 12px 0px 14px;
}
.page-leaderboards .page-leaderboard .modal-players-list .cell:not(:last-child) {
  box-shadow: inset 0 0 0 0 #F3F3F4, inset 0 -1px 0 0 #F3F3F4, inset 0 0 0 0 #F3F3F4, inset -0 0 0 0 #F3F3F4;
}
.page-leaderboards .page-leaderboard .modal-players-list .cell .avatar-container {
  position: relative;
  display: flex;
  justify-content: center;
  grid-area: avatar;
  align-self: center;
}
.page-leaderboards .page-leaderboard .modal-players-list .cell .player-name {
  grid-area: name;
  margin-top: -2px;
}
.page-leaderboards .page-leaderboard .modal-players-list .cell .player-subtitle {
  grid-area: subtitle;
}
.page-leaderboards .page-leaderboard .modal-players-list .cell .player-tee {
  position: absolute;
  bottom: -5px;
  font-size: 7px;
  line-height: 8px;
  letter-spacing: 0px;
  font-weight: 700;
  padding: 1px 3px 0;
  border-radius: 10px;
  border: 1px solid white;
  text-align: center;
}
@media (max-width: 420px) {
  .page-leaderboards .page-leaderboard .modal-players-list .players-list {
    width: calc(100% + 24px);
    margin-left: -24px;
  }
}
.page-leaderboards .page-leaderboard .modal-tutorial .modal-title {
  margin-bottom: 32px;
}
.page-leaderboards .page-leaderboard .modal-tutorial ol {
  counter-reset: ol;
}
.page-leaderboards .page-leaderboard .modal-tutorial ol li {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: 32px 1fr;
}
.page-leaderboards .page-leaderboard .modal-tutorial ol li + li {
  margin-top: 12px;
}
.page-leaderboards .page-leaderboard .modal-tutorial ol li::before {
  counter-increment: ol;
  content: counter(ol);
  color: #3651F1;
  width: 18px;
  height: 18px;
  border: 2px solid #3651F1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 18px;
}
.page-leaderboards .page-leaderboard .modal-tutorial .note {
  margin: 32px 0 24px;
}
@media (max-width: 420px) {
  .page-leaderboards .page-leaderboard .modal-tutorial .modal-title {
    max-width: 300px;
  }
  .page-leaderboards .page-leaderboard .modal-tutorial .modal-content {
    padding: 48px 32px 48px 28px;
  }
  .page-leaderboards .page-leaderboard .modal-tutorial .note {
    margin: 32px 0px;
  }
}
.page-leaderboards .page-leaderboard .tutorial-bar {
  width: 100%;
  background-color: rgba(54, 81, 241, 0.08);
  box-shadow: inset 0 1px 0 0 #D4DAFC, inset 0 -1px 0 0 #D4DAFC, inset 0 0 0 0 #D4DAFC, inset -0 0 0 0 #D4DAFC;
  padding: 12px 0;
  cursor: pointer;
  position: relative;
  z-index: 9;
}
.page-leaderboards .page-leaderboard .tutorial-bar p {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-leaderboards .page-leaderboard .tutorial-bar p::before {
  content: "";
  display: block;
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 24px;
  height: 24px;
  background-color: #3651F1;
  -webkit-mask: url("../svg/icon-info-4c251b23.svg") no-repeat;
          mask: url("../svg/icon-info-4c251b23.svg") no-repeat;
  mask-position: center;
  -webkit-mask: url("../svg/icon-info-4c251b23.svg") no-repeat;
  -webkit-mask-position: center;
  margin-right: 8px;
}
.page-leaderboards .page-leaderboard .empty-message {
  padding: 120px 0;
}
.page-leaderboards .page-leaderboards {
  /**
   * Components - Pages - Performance/Leaderboards
   * Header
   */
  /**
   * Components - Pages - Performance/Leaderboards
   * List
   */
  /**
   * Components - Pages - Performance/Leaderboards
   * Bottom Bar
   */
  /**
   * Components - Pages - Performance/Leaderboards
   * New Leaderboard Modal
   */
}
.page-leaderboards .page-leaderboards .header-leaderboards {
  padding: 32px 0;
  background-color: #FFF;
  border-bottom: 1px solid #F3F3F4;
}
.page-leaderboards .page-leaderboards .header-leaderboards .content {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-columns: 7fr 3fr 174px;
  align-items: center;
  grid-template-areas: "title segmented action";
}
.page-leaderboards .page-leaderboards .header-leaderboards .content .header-title {
  grid-area: title;
}
.page-leaderboards .page-leaderboards .header-leaderboards .content .segmented .item:nth-child(2) a::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #1BD463;
  position: absolute;
  top: 0;
  right: 12px;
  grid-area: segmented;
}
.page-leaderboards .page-leaderboards .header-leaderboards .content .action-main {
  justify-self: end;
  grid-area: action;
}
.page-leaderboards .page-leaderboards .header-leaderboards .events-header {
  display: grid;
  grid-column-gap: 30px;
  grid-template-columns: 4fr 2fr 5fr 1fr;
  margin: 32px 0 -8px;
}
@media (max-width: 900px) {
  .page-leaderboards .page-leaderboards .header-leaderboards {
    padding: 48px 0 24px;
  }
  .page-leaderboards .page-leaderboards .header-leaderboards .content {
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "title action" "segmented segmented";
  }
  .page-leaderboards .page-leaderboards .header-leaderboards .content .segmented {
    margin-left: -18px;
  }
  .page-leaderboards .page-leaderboards .header-leaderboards .events-header {
    display: none;
  }
}
@media (max-width: 480px) {
  .page-leaderboards .page-leaderboards .header-leaderboards .content {
    grid-template-areas: "title title" "segmented segmented";
  }
  .page-leaderboards .page-leaderboards .header-leaderboards .content .action-main {
    display: none;
  }
}
.page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell.future::before, .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell.past::before {
  display: block;
  color: #666D7A;
  padding: 56px 0 8px;
}
@media (max-width: 900px) {
  .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell.future::before, .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell.past::before {
    padding: 48px 0 8px;
  }
}
@media (max-width: 480px) {
  .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell.future::before, .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell.past::before {
    padding: 40px 0 8px;
  }
}
.page-leaderboards .page-leaderboards .leaderboards {
  padding-bottom: 200px;
}
.page-leaderboards .page-leaderboards .leaderboards .empty-message {
  width: 100%;
  margin-top: 120px;
}
.page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell.live:first-child {
  margin-top: 32px;
}
.page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link {
  padding: 24px 0;
  border-bottom: 1px solid #F3F3F4;
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 0;
  grid-template-columns: 4fr 2fr 5fr 72px;
  align-items: center;
  grid-template-areas: "info mode owner action";
}
.page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .avatar, .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .avatar-64, .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .avatar-48, .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .avatar-40, .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .avatar-32 {
  margin-right: 12px;
}
.page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-info {
  grid-area: info;
}
.page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-info .event-date {
  display: flex;
  align-items: center;
}
.page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-info .event-date .label, .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-info .event-date .label-blue, .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-info .event-date .label-green, .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-info .event-date .label-outline, .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-info .event-date .label-outline-blue, .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-info .event-date .label-outline-red, .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-info .event-date .label-outline-green {
  margin-left: 8px;
}
.page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-info .event-name {
  margin: 3px 0 4px;
}
.page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-mode {
  grid-area: mode;
}
.page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-owner {
  grid-area: owner;
}
.page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-action {
  grid-area: action;
  justify-self: end;
}
.page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell.live .cell-link {
  border: none;
  background-color: #D1F6DF;
  border-radius: 8px;
  padding: 24px 20px;
  margin-left: -20px;
  width: calc(100% + 40px);
}
.page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell.live + .leaderboard-cell.live {
  margin-top: 8px;
}
.page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell.past .cell-link .event-info {
  color: #666D7A;
}
.page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell.past::before {
  content: "Past Events";
}
.page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell.past ~ .leaderboard-cell.past::before {
  display: none;
}
.page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell.future::before {
  content: "Future Events";
}
.page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell.future ~ .leaderboard-cell.future::before {
  display: none;
}
@media (max-width: 1220px) {
  .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell.live .cell-link {
    margin-left: -10px;
    width: calc(100% + 20px);
  }
}
@media (max-width: 900px) {
  .page-leaderboards .page-leaderboards .leaderboards {
    padding-bottom: 100px;
  }
  .page-leaderboards .page-leaderboards .leaderboards .empty-message {
    margin-top: 48px;
  }
  .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link {
    padding: 18px 0 20px;
    grid-template-areas: "info info info action" "mode mode mode mode" "owner owner owner owner";
  }
  .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-info .event-name {
    line-height: 20px;
    margin: 1px 0 2px;
  }
  .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-mode {
    margin-bottom: 16px;
  }
  .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-owner .avatar, .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-owner .avatar-64, .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-owner .avatar-48, .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-owner .avatar-40, .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-owner .avatar-32 {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
  .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-owner .owner-name {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0px;
    font-weight: 600;
  }
  .page-leaderboards .page-leaderboards .leaderboards .leaderboard-cell .cell-link .event-owner .owner-name::before {
    content: "Created by ";
  }
}
.page-leaderboards .page-leaderboards .bottom-bar {
  display: none;
}
@media (max-width: 480px) {
  .page-leaderboards .page-leaderboards .bottom-bar {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    background-color: #FFF;
    padding: 16px;
    box-shadow: inset 0 1px 0 0 #F3F3F4, inset 0 -0 0 0 #F3F3F4, inset 0 0 0 0 #F3F3F4, inset -0 0 0 0 #F3F3F4;
  }
  .page-leaderboards .page-leaderboards .bottom-bar .action {
    width: 100%;
  }
}
.page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-card {
  max-width: 786px;
}
.page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-content {
  padding: 56px 100px 64px;
  text-align: left;
}
.page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-content .leaderboard-title {
  line-height: 40px;
  width: 100%;
  padding: 0;
  box-shadow: inset 0 0 0 0 #F3F3F4, inset 0 -0px 0 0 #F3F3F4, inset 0 0 0 0 #F3F3F4, inset -0 0 0 0 #F3F3F4;
  margin-bottom: 40px;
}
.page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-content .leaderboard-title::-webkit-input-placeholder {
  color: #D0D2D6;
}
.page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-content .leaderboard-title::-moz-placeholder {
  color: #D0D2D6;
}
.page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-content .leaderboard-title:-ms-input-placeholder {
  color: #D0D2D6;
}
.page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-content .leaderboard-title:-moz-placeholder {
  color: #D0D2D6;
}
.page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-content .input-group {
  margin-bottom: 32px;
}
.page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-content .input-group .grid-3 {
  grid-gap: 6px 0;
}
.page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-content .input-group .input-subgroup {
  margin-bottom: 16px;
}
.page-leaderboards .page-leaderboards .modal-new-leaderboard .action-bar {
  margin: 64px 0 0 -4px;
}
.page-leaderboards .page-leaderboards .modal-new-leaderboard .course-suggestions {
  margin: -24px 0 24px;
  padding-left: 14px;
}
.page-leaderboards .page-leaderboards .modal-new-leaderboard .course-suggestions .suggestion {
  padding: 6px 0;
}
@media (hover: hover) {
  .page-leaderboards .page-leaderboards .modal-new-leaderboard .course-suggestions .suggestion:hover {
    opacity: 0.6;
  }
}
.page-leaderboards .page-leaderboards .modal-new-leaderboard .loader {
  margin-top: 12px;
}
@media (max-width: 900px) {
  .page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-content {
    padding: 48px 56px 56px;
  }
}
@media (max-width: 580px) {
  .page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-content .leaderboard-title {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 40px;
  }
}
@media (max-width: 450px) {
  .page-leaderboards .page-leaderboards .modal-new-leaderboard {
    padding: 0;
  }
  .page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-card {
    height: 100%;
  }
  .page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-content {
    padding: 64px 20px 120px;
    height: 100%;
    overflow-y: scroll;
  }
  .page-leaderboards .page-leaderboards .modal-new-leaderboard .action-bar {
    position: absolute;
    bottom: 0;
    z-index: 999;
    padding: 16px 0;
    background-color: #FFF;
    margin: 0;
    width: calc(100% - 40px);
  }
  .page-leaderboards .page-leaderboards .modal-new-leaderboard .action-bar .main-action {
    width: 100%;
  }
  .page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-bg {
    background-color: rgba(10, 15, 26, 0.9);
  }
}
@media (max-width: 340px) {
  .page-leaderboards .page-leaderboards .modal-new-leaderboard .modal-content .leaderboard-title {
    font-size: 28px;
    line-height: 28px;
  }
}
@media screen and (max-height: 640px) {
  .page-leaderboards .page-leaderboards .modal-new-leaderboard .action-bar {
    box-shadow: inset 0 1px 0 0 #F3F3F4, inset 0 -0 0 0 #F3F3F4, inset 0 0 0 0 #F3F3F4, inset -0 0 0 0 #F3F3F4;
  }
}
.page-leaderboards .page-leaderboards .disclaimer {
  padding: 15px 20px;
  margin: 0 0 25px 0;
}
.page-leaderboards .page-leaderboards .disclaimer .alert-heading {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  font-size: 20px;
}
.page-leaderboards .page-leaderboards .disclaimer .alert-icon {
  margin-right: 10px;
  font-size: 20px;
  min-width: 30px;
}
.page-leaderboards .page-leaderboards .disclaimer p {
  margin-bottom: 5px;
}
.page-leaderboards .page-leaderboards .disclaimer a {
  color: #3651F1;
  font-weight: bold;
  text-decoration: none;
}
/**
 * Components - Pages - Performance/Leaderboards
 * Index
 */
.page-round_groups {
  /**
   * Components - Pages - Performance/Leaderboards/Leaderboard
   * Index
   */
}
.page-round_groups::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -99;
  background-color: #FBFCFF;
}
.page-round_groups .page-leaderboard {
  /**
   * Components - Pages - Performance/Leaderboards/Leaderboard
   * Header
   */
  /**
   * Components - Pages - Performance/Leaderboards/Leaderboard
   * Player Cell
   */
  /**
   * Components - Pages - Performance/Leaderboards/Leaderboard
   * Leaderboard
   */
}
.page-round_groups .page-leaderboard .header-leaderboard {
  padding: 30px 0;
  position: relative;
}
.page-round_groups .page-leaderboard .header-leaderboard.webview {
  padding-top: 32px;
}
.page-round_groups .page-leaderboard .header-leaderboard.in-round {
  padding: 14px 0;
}
.page-round_groups .page-leaderboard .header-leaderboard.in-round .left-info .event-date,
.page-round_groups .page-leaderboard .header-leaderboard.in-round .left-info .event-name,
.page-round_groups .page-leaderboard .header-leaderboard.in-round .left-info .leaderboard-info {
  display: none;
}
.page-round_groups .page-leaderboard .header-leaderboard.in-round .right-actions {
  grid-template-areas: "selector";
  margin: 0;
}
.page-round_groups .page-leaderboard .header-leaderboard.in-round .right-actions .players,
.page-round_groups .page-leaderboard .header-leaderboard.in-round .right-actions .main-actions {
  display: none;
}
.page-round_groups .page-leaderboard .header-leaderboard.in-round .right-actions .scoring-mode-selector select {
  padding: 0;
  border: none;
}
.page-round_groups .page-leaderboard .header-leaderboard::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #FFF;
  border-bottom: 1px solid #F3F3F4;
}
.page-round_groups .page-leaderboard .header-leaderboard .content {
  display: grid;
  grid-column-gap: 30px;
  grid-template-columns: 8fr 4fr;
}
.page-round_groups .page-leaderboard .header-leaderboard .action-back {
  margin-bottom: 30px;
}
.page-round_groups .page-leaderboard .header-leaderboard .left-info .event-date {
  margin-bottom: 14px;
  display: flex;
  align-items: center;
}
.page-round_groups .page-leaderboard .header-leaderboard .left-info .event-date .label, .page-round_groups .page-leaderboard .header-leaderboard .left-info .event-date .label-blue, .page-round_groups .page-leaderboard .header-leaderboard .left-info .event-date .label-green, .page-round_groups .page-leaderboard .header-leaderboard .left-info .event-date .label-outline, .page-round_groups .page-leaderboard .header-leaderboard .left-info .event-date .label-outline-blue, .page-round_groups .page-leaderboard .header-leaderboard .left-info .event-date .label-outline-red, .page-round_groups .page-leaderboard .header-leaderboard .left-info .event-date .label-outline-green {
  margin-left: 8px;
}
.page-round_groups .page-leaderboard .header-leaderboard .left-info .event-name {
  margin-bottom: 12px;
}
.page-round_groups .page-leaderboard .header-leaderboard .left-info .course-name {
  margin-right: 32px;
  flex-shrink: 0;
}
.page-round_groups .page-leaderboard .header-leaderboard .left-info .game-specific {
  width: calc(100% - 44px);
  display: flex;
  align-items: flex-start;
}
.page-round_groups .page-leaderboard .header-leaderboard .left-info .game-specific .scoring-mode,
.page-round_groups .page-leaderboard .header-leaderboard .left-info .game-specific .holes-count {
  flex-shrink: 0;
}
.page-round_groups .page-leaderboard .header-leaderboard .left-info .game-specific .scoring-mode {
  margin: 2px 8px;
}
.page-round_groups .page-leaderboard .header-leaderboard .left-info .game-specific .tees {
  text-transform: capitalize;
}
.page-round_groups .page-leaderboard .header-leaderboard .right-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 44px;
}
.page-round_groups .page-leaderboard .header-leaderboard .right-actions .players {
  min-height: 32px;
  display: flex;
  grid-area: players;
  cursor: pointer;
}
.page-round_groups .page-leaderboard .header-leaderboard .right-actions .players div {
  display: flex;
}
.page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-64, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-48, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-40, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-32 {
  border: 2px solid #FFF;
}
.page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar + .avatar, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-64 + .avatar, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-48 + .avatar, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-40 + .avatar, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-32 + .avatar, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar + .avatar-64, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-64 + .avatar-64, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-48 + .avatar-64, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-40 + .avatar-64, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-32 + .avatar-64, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar + .avatar-48, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-64 + .avatar-48, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-48 + .avatar-48, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-40 + .avatar-48, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-32 + .avatar-48, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar + .avatar-40, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-64 + .avatar-40, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-48 + .avatar-40, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-40 + .avatar-40, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-32 + .avatar-40, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar + .avatar-32, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-64 + .avatar-32, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-48 + .avatar-32, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-40 + .avatar-32, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-32 + .avatar-32 {
  margin-left: -8px;
}
.page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-more {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  background-color: #F3F3F4;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-round_groups .page-leaderboard .header-leaderboard .right-actions .main-actions {
  margin: 12px 0;
  grid-area: actions;
}
.page-round_groups .page-leaderboard .header-leaderboard .right-actions .main-actions .primary-actions {
  margin-right: 32px;
}
.page-round_groups .page-leaderboard .header-leaderboard .right-actions .main-actions .button-small.green-outline {
  opacity: 0.5;
}
.page-round_groups .page-leaderboard .header-leaderboard .right-actions .main-actions .secondary-actions {
  margin-top: -2px;
}
.page-round_groups .page-leaderboard .header-leaderboard .right-actions .main-actions .secondary-actions a + a {
  margin-left: 24px;
}
.page-round_groups .page-leaderboard .header-leaderboard .right-actions .scoring-mode-selector {
  width: 100%;
  max-width: 174px;
  grid-area: selector;
  display: flex;
  align-items: center;
  gap: 15px;
}
.page-round_groups .page-leaderboard .header-leaderboard .right-actions .scoring-mode-selector select.dropdown-2-compact {
  padding-right: 25px;
}
.page-round_groups .page-leaderboard .header-leaderboard .right-actions .scoring-mode-selector .net-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.page-round_groups .page-leaderboard .header-leaderboard .right-actions .scoring-mode-selector .net-checkbox input[type=checkbox] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  border: 1px solid #666;
}
.page-round_groups .page-leaderboard .header-leaderboard .right-actions .scoring-mode-selector .net-checkbox input[type=checkbox]:checked {
  background-color: #4a90e2;
  border-color: #4a90e2;
}
.page-round_groups .page-leaderboard .header-leaderboard .right-actions .scoring-mode-selector .net-checkbox span {
  text-transform: capitalize;
}
.page-round_groups .page-leaderboard .header-leaderboard .holes-details {
  margin-top: 20px;
}
.page-round_groups .page-leaderboard .header-leaderboard .holes-details .holes,
.page-round_groups .page-leaderboard .header-leaderboard .holes-details .si,
.page-round_groups .page-leaderboard .header-leaderboard .holes-details .par {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: 86px 1fr 174px;
  align-items: center;
}
.page-round_groups .page-leaderboard .header-leaderboard .holes-details .holes {
  margin-bottom: 4px;
}
.page-round_groups .page-leaderboard .header-leaderboard .holes-details .par-list {
  margin-bottom: 2px;
}
.page-round_groups .page-leaderboard .header-leaderboard .holes-details .holes-list,
.page-round_groups .page-leaderboard .header-leaderboard .holes-details .si-list,
.page-round_groups .page-leaderboard .header-leaderboard .holes-details .par-list {
  display: grid;
  grid-column-gap: 24px;
  grid-template-columns: repeat(18, minmax(20px, 24px));
  justify-items: center;
  align-items: center;
  padding-right: 24px;
}
.page-round_groups .page-leaderboard .header-leaderboard .holes-details .additional {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
  align-items: center;
}
.page-round_groups .page-leaderboard .header-leaderboard .holes-details .additional p {
  text-align: center;
  position: relative;
}
.page-round_groups .page-leaderboard .header-leaderboard .holes-details .additional p[data-content*=net] span {
  display: none;
}
.page-round_groups .page-leaderboard .header-leaderboard .holes-details .additional p[data-content*=net]::before {
  content: "To Par";
  display: block;
}
.page-round_groups .page-leaderboard .header-leaderboard .holes-details .additional p[data-content*=net]::after {
  content: "(NET)";
  display: block;
  font-size: 8px;
  width: 100%;
  position: absolute;
  bottom: -9px;
}
.page-round_groups .page-leaderboard .header-leaderboard .holes-details p {
  text-transform: uppercase;
}
@media (max-width: 1140px) {
  .page-round_groups .page-leaderboard .header-leaderboard .holes-details {
    display: none;
  }
}
@media (max-width: 900px) {
  .page-round_groups .page-leaderboard .header-leaderboard {
    padding: 0 0 20px;
  }
  .page-round_groups .page-leaderboard .header-leaderboard .content {
    grid-template-columns: 1fr;
  }
  .page-round_groups .page-leaderboard .header-leaderboard .left-info .event-date {
    margin-bottom: 8px;
  }
  .page-round_groups .page-leaderboard .header-leaderboard .left-info .event-name {
    margin-bottom: 6px;
  }
  .page-round_groups .page-leaderboard .header-leaderboard .left-info .leaderboard-info {
    flex-direction: column;
    align-items: flex-start;
  }
  .page-round_groups .page-leaderboard .header-leaderboard .left-info .course-name {
    margin: 0 0 8px 0;
    font-size: 16px;
    line-height: 24px;
  }
  .page-round_groups .page-leaderboard .header-leaderboard .left-info .scoring-mode {
    margin: 2px 8px;
  }
  .page-round_groups .page-leaderboard .header-leaderboard .right-actions {
    width: 100%;
    display: grid;
    grid-template-areas: ". players" "actions selector";
    row-gap: 20px;
    margin-top: -24px;
  }
  .page-round_groups .page-leaderboard .header-leaderboard .right-actions .main-actions {
    margin: 0;
    align-self: center;
  }
  .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players {
    min-height: 24px;
  }
  .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-64, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-48, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-40, .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players .avatar-32 {
    width: 24px;
    height: 24px;
  }
  .page-round_groups .page-leaderboard .header-leaderboard .right-actions .players,
  .page-round_groups .page-leaderboard .header-leaderboard .right-actions .scoring-mode-selector {
    justify-self: end;
  }
}
@media (max-width: 520px) {
  .page-round_groups .page-leaderboard .header-leaderboard .right-actions {
    grid-template-areas: ". players" "actions actions" "selector selector";
  }
  .page-round_groups .page-leaderboard .header-leaderboard .right-actions .main-actions {
    display: flex;
    justify-content: space-between;
  }
}
.page-round_groups .page-leaderboard .player-cell {
  min-height: 80px;
  padding-top: 14px;
  width: calc(100% + 20px);
  box-shadow: 0px 1px 0px #F3F3F4;
  position: relative;
}
.page-round_groups .page-leaderboard .player-cell .details {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 14px;
  width: calc(100% + 20px);
  position: relative;
}
.page-round_groups .page-leaderboard .player-cell .details .rank {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  border-radius: 24px;
  color: #FFF;
  background-color: #3651F1;
  font-size: 10px;
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.page-round_groups .page-leaderboard .player-cell .details .avatar-container {
  position: relative;
  display: flex;
  justify-content: center;
  margin-right: 8px;
  margin-top: -10px;
}
.page-round_groups .page-leaderboard .player-cell .details .avatar-container img {
  width: 32px;
  height: 32px;
}
.page-round_groups .page-leaderboard .player-cell .details .avatar-container,
.page-round_groups .page-leaderboard .player-cell .details .rank {
  margin-top: -10px;
}
.page-round_groups .page-leaderboard .player-cell .details .player-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.page-round_groups .page-leaderboard .player-cell .details .player-info .name {
  margin-right: 0;
  font-size: 14px;
  line-height: 20px;
}
.page-round_groups .page-leaderboard .player-cell .details .player-info .handicap {
  max-width: 60px;
  font-size: 12px;
  line-height: 16px;
}
.page-round_groups .page-leaderboard .player-cell .details .player-tee {
  position: absolute;
  bottom: -5px;
  font-size: 7px;
  line-height: 8px;
  letter-spacing: 0px;
  font-weight: 700;
  padding: 1px 3px 0;
  border-radius: 10px;
  border: 1px solid white;
  text-align: center;
}
.page-round_groups .page-leaderboard .player-cell .details .expand-name {
  display: none;
  position: relative;
  width: 100%;
}
.page-round_groups .page-leaderboard .player-cell .details .expand-name .tooltip {
  position: absolute;
  top: -22px;
  left: -2px;
  z-index: 99;
  background-color: #0A0F1A;
  color: #FFF;
  border-radius: 5px;
  padding: 2px 22px 2px 5px;
  white-space: nowrap;
  opacity: 0;
}
.page-round_groups .page-leaderboard .player-cell .details .expand-name .tooltip::after {
  content: "";
  display: block;
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 12px;
  height: 12px;
  background-color: white;
  -webkit-mask: url("../svg/icon-modal-close-a4284f11.svg") no-repeat;
          mask: url("../svg/icon-modal-close-a4284f11.svg") no-repeat;
  mask-size: 16px;
  mask-position: center;
  -webkit-mask: url("../svg/icon-modal-close-a4284f11.svg") no-repeat;
  -webkit-mask-size: 16px;
  -webkit-mask-position: center;
  position: absolute;
  top: 4px;
  right: 6px;
}
.page-round_groups .page-leaderboard .player-cell .details .expand-name.visible .tooltip {
  opacity: 1;
}
.page-round_groups .page-leaderboard .player-cell .details .expand-name.visible .action {
  display: none;
}
.page-round_groups .page-leaderboard .player-cell .details .expand-name .action {
  display: block;
  width: 15px;
  height: 10px;
  border: 1px solid #F3F3F4;
  border-radius: 2px;
  position: absolute;
  top: -14px;
  right: -20px;
  z-index: 9;
}
.page-round_groups .page-leaderboard .player-cell .details .expand-name .action::after {
  content: "...";
  display: block;
  position: absolute;
  top: -7px;
  left: 1px;
  font-size: 12px;
  font-weight: 700;
  color: #666D7A;
}
.page-round_groups .page-leaderboard .player-cell .details .expand-name::before {
  content: "";
  display: block;
  width: 28px;
  height: 15px;
  background-image: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: -16px;
  right: 0px;
}
.page-round_groups .page-leaderboard .player-cell .score {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: 1fr 210px;
  align-items: center;
  margin-left: -20px;
  grid-template-columns: 1fr;
  width: calc(100% + 20px);
}
.page-round_groups .page-leaderboard .player-cell .score .holes-details {
  display: block;
  margin-bottom: 16px;
  padding-right: 24px;
}
.page-round_groups .page-leaderboard .player-cell .score .holes-details .holes {
  margin-bottom: 6px;
}
.page-round_groups .page-leaderboard .player-cell .score .holes-details .holes,
.page-round_groups .page-leaderboard .player-cell .score .holes-details .si,
.page-round_groups .page-leaderboard .player-cell .score .holes-details .par {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: 86px 1fr 174px;
  align-items: center;
}
.page-round_groups .page-leaderboard .player-cell .score .holes-details .holes-list,
.page-round_groups .page-leaderboard .player-cell .score .holes-details .par-list,
.page-round_groups .page-leaderboard .player-cell .score .holes-details .si-list {
  display: grid;
  grid-column-gap: 24px;
  grid-template-columns: repeat(18, minmax(20px, 24px));
  justify-items: center;
  align-items: center;
}
.page-round_groups .page-leaderboard .player-cell .score .scrollable {
  overflow: scroll;
  padding-left: 46px;
  padding-top: 20px;
  background-color: #FFF;
  border-top: 1px solid #F3F3F4;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.page-round_groups .page-leaderboard .player-cell .score .scrollable::-webkit-scrollbar {
  display: none;
}
.page-round_groups .page-leaderboard .player-cell .score .holes-scores .hole-score:last-child::before {
  content: "";
  display: block;
  width: 45px;
  height: 25px;
  position: absolute;
  left: 0;
}
.page-round_groups .page-leaderboard .player-cell .holes-scores {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: 86px 1fr;
  align-items: center;
}
.page-round_groups .page-leaderboard .player-cell .holes-scores .scores {
  display: grid;
  grid-column-gap: 24px;
  grid-template-columns: repeat(18, minmax(20px, 24px));
  justify-items: center;
  align-items: center;
  padding-right: 24px;
}
.page-round_groups .page-leaderboard .player-cell .holes-scores .hole-score {
  width: 100%;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.page-round_groups .page-leaderboard .player-cell .holes-scores .hole-score::after {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: 4px;
  position: absolute;
  bottom: 0;
  left: -2px;
}
.page-round_groups .page-leaderboard .player-cell .holes-scores .hole-score.score-eagle::after {
  background: #B4E14E;
}
.page-round_groups .page-leaderboard .player-cell .holes-scores .hole-score.score-birdie::after {
  background: #F8542C;
}
.page-round_groups .page-leaderboard .player-cell .holes-scores .hole-score.score-par::after {
  background: #C8CED8;
}
.page-round_groups .page-leaderboard .player-cell .holes-scores .hole-score.score-bogey::after {
  background: #113FE5;
}
.page-round_groups .page-leaderboard .player-cell .holes-scores .hole-score.score-bogey2::after {
  background: #505965;
}
.page-round_groups .page-leaderboard .player-cell .holes-scores .hole-points {
  position: absolute;
  top: 6px;
  right: -2px;
  font-weight: 400;
}
.page-round_groups .page-leaderboard .player-cell .additional {
  width: 140px;
  top: 80px;
  right: 0;
  position: absolute;
  top: 0;
  right: 40px;
  z-index: 9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  max-height: 80px;
}
.page-round_groups .page-leaderboard .player-cell .additional::before {
  content: "";
  display: block;
  width: calc(100vw + 210px);
  height: 152px;
  background-color: #F3F5FF;
  position: absolute;
  top: -24px;
  right: -100vw;
}
.page-round_groups .page-leaderboard .player-cell .additional .labels,
.page-round_groups .page-leaderboard .player-cell .additional .values {
  position: relative;
  z-index: 999;
}
.page-round_groups .page-leaderboard .player-cell .additional .labels {
  display: none;
  text-align: center;
  max-height: 12px;
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
  margin-bottom: 54px;
}
.page-round_groups .page-leaderboard .player-cell .additional .labels p {
  text-transform: uppercase;
  position: relative;
  font-size: 10px;
  line-height: 10px;
}
.page-round_groups .page-leaderboard .player-cell .additional .values {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
  line-height: 20px;
  height: 56px;
  align-items: center;
}
.page-round_groups .page-leaderboard .player-cell .additional p[data-content*=net] span {
  display: none;
}
.page-round_groups .page-leaderboard .player-cell .additional p[data-content*=net]::before {
  content: "To Par";
  display: block;
}
.page-round_groups .page-leaderboard .player-cell .additional p[data-content*=net]::after {
  content: "(NET)";
  display: block;
  font-size: 8px;
  width: 100%;
  position: absolute;
  bottom: -10px;
}
.page-round_groups .page-leaderboard .player-cell .additional::before {
  width: calc(100vw + 170px);
  height: 100%;
  top: 0;
}
.page-round_groups .page-leaderboard .player-cell .additional .labels {
  margin: 0 0 8px 0;
  max-height: none;
}
.page-round_groups .page-leaderboard .player-cell .additional .values {
  height: auto;
}
.page-round_groups .page-leaderboard .player-cell .additional::before {
  display: none;
}
.page-round_groups .page-leaderboard .player-cell .expand-cell {
  opacity: 1;
  display: block;
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 24px;
  height: 24px;
  background: url("../svg/icon-disclosure-dropdown-2075afe9.svg") center center no-repeat;
  background-size: cover;
  position: absolute;
  top: 28px;
  right: 12px;
  transform: rotateX(180deg);
}
.page-round_groups .page-leaderboard .player-cell.closed .score .scrollable {
  display: none;
}
.page-round_groups .page-leaderboard .player-cell.closed .expand-cell {
  transform: rotateX(0deg);
}
@media (max-width: 420px) {
  .page-round_groups .page-leaderboard .player-cell .details .expand-name {
    display: block;
  }
  .page-round_groups .page-leaderboard .player-cell .details .player-info .name {
    max-width: 80px;
    white-space: nowrap;
    overflow: hidden;
  }
}
.page-round_groups .page-leaderboard .leaderboard {
  overflow: hidden;
}
.page-round_groups .page-leaderboard .leaderboard .player-cell::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 180px;
  height: 100%;
  background-color: #F3F5FF;
  z-index: -1;
}
@media (max-width: 1240px) {
  .page-round_groups .page-leaderboard .leaderboard {
    padding-bottom: 110px;
  }
  .page-round_groups .page-leaderboard .leaderboard .player-cell:last-child::before {
    width: calc(100vw + 170px);
    height: 278px;
  }
}
@media (max-width: 580px) {
  .page-round_groups .page-leaderboard .leaderboard {
    padding-top: 0;
  }
  .page-round_groups .page-leaderboard .leaderboard .players::before {
    display: none;
  }
  .page-round_groups .page-leaderboard .leaderboard .player-cell:last-child::before {
    display: none;
  }
}
.page-round_groups .page-leaderboard .empty-message {
  padding: 120px 0;
}
/**
 * Components - Pages - Performance/Rounds
 * Index
 */
.page-rounds {
  /**
   * Components - Pages - Performance/Leaderboards/Leaderboard
   * Index
   */
}
.page-rounds .show {
  /**
   * Components - Pages - Performance/Rounds/Round
   * Header
   */
  /**
   * Components - Pages - Performance/Rounds/Round
   * Round Details
   */
  /**
   * Components - Pages - Performance/Rounds/Round
   * Round Values
   */
  /**
   * Components - Pages - Performance/Rounds/Round
   * Scorecard
   */
  /**
   * Components - Pages - Performance/Rounds/Round
   * MatchPlay Scorecard
   */
  /**
   * Components - Pages - Performance/Rounds/Round
   * Map
   */
  /**
   * Components - Pages - Performance/Rounds/Round
   * Stats
   */
}
.page-rounds .show .round-user .content {
  box-shadow: inset 0 0 0 0 #F3F3F4, inset 0 -1px 0 0 #F3F3F4, inset 0 0 0 0 #F3F3F4, inset -0 0 0 0 #F3F3F4;
  padding: 16px 0 40px;
}
.page-rounds .show .round-user .player.left,
.page-rounds .show .round-user .values.right {
  display: flex;
  align-items: center;
}
.page-rounds .show .round-user .player.left .player-details {
  margin-left: 16px;
}
.page-rounds .show .round-user .values.right {
  justify-self: end;
}
.page-rounds .show .round-user .values.right .cell {
  width: 72px;
  text-align: center;
}
.page-rounds .show .round-user .values.right .cell + .cell {
  margin-left: 30px;
}
.page-rounds .show .round-user .values.right .cell-value {
  margin-bottom: 4px;
}
@media (max-width: 520px) {
  .page-rounds .show .round-user .content {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    padding: 8px 0 32px;
  }
  .page-rounds .show .round-user .player.left .avatar, .page-rounds .show .round-user .player.left .avatar-64, .page-rounds .show .round-user .player.left .avatar-48, .page-rounds .show .round-user .player.left .avatar-40, .page-rounds .show .round-user .player.left .avatar-32 {
    width: 48px;
    height: 48px;
  }
  .page-rounds .show .round-user .player.left .player-details {
    margin-left: 12px;
  }
  .page-rounds .show .round-user .values.right {
    justify-self: start;
  }
  .page-rounds .show .round-user .values.right .cell {
    text-align: left;
  }
}
.page-rounds .show .banner {
  margin-bottom: 10px;
}
.page-rounds .show .banner.import-multiplayer-round {
  background-color: #D4DAFC;
  width: 100%;
  padding: 22px 120px;
}
@media (max-width: 1040px) {
  .page-rounds .show .banner.import-multiplayer-round {
    padding: 20px 10px;
  }
}
.page-rounds .show .banner.import-multiplayer-round .container, .page-rounds .show .banner.import-multiplayer-round .container-smaller, .page-rounds .show .banner.import-multiplayer-round .container-10, .page-rounds .show .banner.import-multiplayer-round .container-8, .page-rounds .show .banner.import-multiplayer-round .container-6, .page-rounds .show .banner.import-multiplayer-round .container-4, .page-rounds .show .banner.import-multiplayer-round .container-small, .page-rounds .show .banner.import-multiplayer-round .container-flex, .page-rounds .show .banner.import-multiplayer-round .container-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1040px) {
  .page-rounds .show .banner.import-multiplayer-round .container, .page-rounds .show .banner.import-multiplayer-round .container-smaller, .page-rounds .show .banner.import-multiplayer-round .container-10, .page-rounds .show .banner.import-multiplayer-round .container-8, .page-rounds .show .banner.import-multiplayer-round .container-6, .page-rounds .show .banner.import-multiplayer-round .container-4, .page-rounds .show .banner.import-multiplayer-round .container-small, .page-rounds .show .banner.import-multiplayer-round .container-flex, .page-rounds .show .banner.import-multiplayer-round .container-center {
    display: block;
  }
  .page-rounds .show .banner.import-multiplayer-round .container .button-container, .page-rounds .show .banner.import-multiplayer-round .container-smaller .button-container, .page-rounds .show .banner.import-multiplayer-round .container-10 .button-container, .page-rounds .show .banner.import-multiplayer-round .container-8 .button-container, .page-rounds .show .banner.import-multiplayer-round .container-6 .button-container, .page-rounds .show .banner.import-multiplayer-round .container-4 .button-container, .page-rounds .show .banner.import-multiplayer-round .container-small .button-container, .page-rounds .show .banner.import-multiplayer-round .container-flex .button-container, .page-rounds .show .banner.import-multiplayer-round .container-center .button-container {
    margin-top: 10px;
  }
}
.page-rounds .show .banner.import-multiplayer-round .container .text-container .description, .page-rounds .show .banner.import-multiplayer-round .container-smaller .text-container .description, .page-rounds .show .banner.import-multiplayer-round .container-10 .text-container .description, .page-rounds .show .banner.import-multiplayer-round .container-8 .text-container .description, .page-rounds .show .banner.import-multiplayer-round .container-6 .text-container .description, .page-rounds .show .banner.import-multiplayer-round .container-4 .text-container .description, .page-rounds .show .banner.import-multiplayer-round .container-small .text-container .description, .page-rounds .show .banner.import-multiplayer-round .container-flex .text-container .description, .page-rounds .show .banner.import-multiplayer-round .container-center .text-container .description {
  margin-top: 10px;
  color: #434B5B;
}
.page-rounds .show .download-app-cta-container {
  background-color: #D4DAFC;
  border-radius: 20px;
  margin-bottom: 15px;
  padding: 20px 40px;
}
@media (max-width: 1040px) {
  .page-rounds .show .download-app-cta-container {
    max-width: 95%;
    padding: 15px;
  }
}
.page-rounds .show .download-app-cta-container .text {
  max-width: 80%;
}
@media (max-width: 1040px) {
  .page-rounds .show .download-app-cta-container .text {
    max-width: 45%;
  }
}
.page-rounds .show .download-app-cta-container p.title {
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 1040px) {
  .page-rounds .show .download-app-cta-container p.title {
    font-size: 13px;
  }
}
.page-rounds .show .download-app-cta-container p.subtitle {
  font-size: 16px;
  font-weight: 400;
  color: #666D7A;
  margin-top: 10px;
}
@media (max-width: 1040px) {
  .page-rounds .show .download-app-cta-container p.subtitle {
    display: none;
  }
}
.page-rounds .show .download-app-cta-container .download-app-cta-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1040px) {
  .page-rounds .show .download-app-cta-container .button-store, .page-rounds .show .download-app-cta-container .button-store-small {
    max-height: 40px;
    max-width: 125px;
  }
}
.page-rounds .show .round-details .content {
  padding: 40px 0;
}
.page-rounds .show .round-details .round-date {
  margin-bottom: 6px;
}
.page-rounds .show .round-details .course-name {
  margin-bottom: 12px;
}
.page-rounds .show .round-details .course-specific .cell + .cell {
  margin-left: 8px;
}
.page-rounds .show .round-details .round-labels {
  margin-left: 8px;
}
.page-rounds .show .round-details .round-labels .label + .label, .page-rounds .show .round-details .round-labels .label-blue + .label, .page-rounds .show .round-details .round-labels .label-green + .label, .page-rounds .show .round-details .round-labels .label-outline + .label, .page-rounds .show .round-details .round-labels .label-outline-blue + .label, .page-rounds .show .round-details .round-labels .label-outline-red + .label, .page-rounds .show .round-details .round-labels .label-outline-green + .label, .page-rounds .show .round-details .round-labels .label + .label-blue, .page-rounds .show .round-details .round-labels .label-blue + .label-blue, .page-rounds .show .round-details .round-labels .label-green + .label-blue, .page-rounds .show .round-details .round-labels .label-outline + .label-blue, .page-rounds .show .round-details .round-labels .label-outline-blue + .label-blue, .page-rounds .show .round-details .round-labels .label-outline-red + .label-blue, .page-rounds .show .round-details .round-labels .label-outline-green + .label-blue, .page-rounds .show .round-details .round-labels .label + .label-green, .page-rounds .show .round-details .round-labels .label-blue + .label-green, .page-rounds .show .round-details .round-labels .label-green + .label-green, .page-rounds .show .round-details .round-labels .label-outline + .label-green, .page-rounds .show .round-details .round-labels .label-outline-blue + .label-green, .page-rounds .show .round-details .round-labels .label-outline-red + .label-green, .page-rounds .show .round-details .round-labels .label-outline-green + .label-green, .page-rounds .show .round-details .round-labels .label + .label-outline, .page-rounds .show .round-details .round-labels .label-blue + .label-outline, .page-rounds .show .round-details .round-labels .label-green + .label-outline, .page-rounds .show .round-details .round-labels .label-outline + .label-outline, .page-rounds .show .round-details .round-labels .label-outline-blue + .label-outline, .page-rounds .show .round-details .round-labels .label-outline-red + .label-outline, .page-rounds .show .round-details .round-labels .label-outline-green + .label-outline, .page-rounds .show .round-details .round-labels .label + .label-outline-blue, .page-rounds .show .round-details .round-labels .label-blue + .label-outline-blue, .page-rounds .show .round-details .round-labels .label-green + .label-outline-blue, .page-rounds .show .round-details .round-labels .label-outline + .label-outline-blue, .page-rounds .show .round-details .round-labels .label-outline-blue + .label-outline-blue, .page-rounds .show .round-details .round-labels .label-outline-red + .label-outline-blue, .page-rounds .show .round-details .round-labels .label-outline-green + .label-outline-blue, .page-rounds .show .round-details .round-labels .label + .label-outline-red, .page-rounds .show .round-details .round-labels .label-blue + .label-outline-red, .page-rounds .show .round-details .round-labels .label-green + .label-outline-red, .page-rounds .show .round-details .round-labels .label-outline + .label-outline-red, .page-rounds .show .round-details .round-labels .label-outline-blue + .label-outline-red, .page-rounds .show .round-details .round-labels .label-outline-red + .label-outline-red, .page-rounds .show .round-details .round-labels .label-outline-green + .label-outline-red, .page-rounds .show .round-details .round-labels .label + .label-outline-green, .page-rounds .show .round-details .round-labels .label-blue + .label-outline-green, .page-rounds .show .round-details .round-labels .label-green + .label-outline-green, .page-rounds .show .round-details .round-labels .label-outline + .label-outline-green, .page-rounds .show .round-details .round-labels .label-outline-blue + .label-outline-green, .page-rounds .show .round-details .round-labels .label-outline-red + .label-outline-green, .page-rounds .show .round-details .round-labels .label-outline-green + .label-outline-green {
  margin-left: 4px;
}
.page-rounds .show .round-details .round-labels .hcp-score {
  margin-left: 8px;
  font-size: 8px;
  color: #fff;
  background-color: rgb(122, 139, 245);
  font-weight: bold;
  border-radius: 2px;
  padding: 3px 5px;
}
.page-rounds .show .round-details .round-labels .scoring-mode {
  margin-left: 5px;
  font-size: 8px;
  color: #7A8BF5;
  padding: 3px 5px;
  background-color: rgba(20, 31, 51, 0.0588235294) !important;
  vertical-align: middle;
  border-radius: 2px;
  font-weight: bold;
}
.page-rounds .show .round-details .round-labels .multiplayer_tag {
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 24px;
  height: 16px;
  background: url("../svg/multiplayer_tag-2d638de9.svg") center center no-repeat;
  background-size: cover;
  background-size: 15px;
}
.page-rounds .show .round-details .main.grid-2 {
  grid-template-columns: 5fr 1fr;
}
.page-rounds .show .round-details .right.score {
  justify-self: end;
  align-self: center;
}
.page-rounds .show .round-details .teams {
  display: flex;
  margin-top: 32px;
}
.page-rounds .show .round-details .teams .team {
  margin-right: 48px;
}
.page-rounds .show .round-details .teams .team-name {
  margin-bottom: 8px;
  position: relative;
  display: flex;
  align-items: center;
}
.page-rounds .show .round-details .teams .team-name .winner-badge {
  margin: -16px 0 0 3px;
}
.page-rounds .show .round-details .teams .team-name .winner-badge::before {
  content: "";
  display: block;
  position: absolute;
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 16px;
  height: 16px;
  background-color: #FFF;
  -webkit-mask: url("../svg/icon-premium-star-5b7d5fd8.svg") no-repeat;
          mask: url("../svg/icon-premium-star-5b7d5fd8.svg") no-repeat;
  mask-size: 10px;
  mask-position: center;
  -webkit-mask: url("../svg/icon-premium-star-5b7d5fd8.svg") no-repeat;
  -webkit-mask-size: 10px;
  -webkit-mask-position: center;
  border-radius: 24px;
}
.page-rounds .show .round-details .teams .team-name .winner-badge::after {
  content: "";
  display: block;
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  background-color: #FFF;
  -webkit-mask: url("../svg/icon-premium-star-5b7d5fd8.svg") no-repeat;
          mask: url("../svg/icon-premium-star-5b7d5fd8.svg") no-repeat;
  mask-size: 10px;
  mask-position: center;
  -webkit-mask: url("../svg/icon-premium-star-5b7d5fd8.svg") no-repeat;
  -webkit-mask-size: 10px;
  -webkit-mask-position: center;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background-color: #3651F1;
}
.page-rounds .show .round-details .teams .team-players {
  display: flex;
}
.page-rounds .show .round-details .teams .team-players .avatar, .page-rounds .show .round-details .teams .team-players .avatar-64, .page-rounds .show .round-details .teams .team-players .avatar-48, .page-rounds .show .round-details .teams .team-players .avatar-40, .page-rounds .show .round-details .teams .team-players .avatar-32 {
  width: 36px;
  height: 36px;
}
.page-rounds .show .round-details .teams .team-players .avatar + .avatar, .page-rounds .show .round-details .teams .team-players .avatar-64 + .avatar, .page-rounds .show .round-details .teams .team-players .avatar-48 + .avatar, .page-rounds .show .round-details .teams .team-players .avatar-40 + .avatar, .page-rounds .show .round-details .teams .team-players .avatar-32 + .avatar, .page-rounds .show .round-details .teams .team-players .avatar + .avatar-64, .page-rounds .show .round-details .teams .team-players .avatar-64 + .avatar-64, .page-rounds .show .round-details .teams .team-players .avatar-48 + .avatar-64, .page-rounds .show .round-details .teams .team-players .avatar-40 + .avatar-64, .page-rounds .show .round-details .teams .team-players .avatar-32 + .avatar-64, .page-rounds .show .round-details .teams .team-players .avatar + .avatar-48, .page-rounds .show .round-details .teams .team-players .avatar-64 + .avatar-48, .page-rounds .show .round-details .teams .team-players .avatar-48 + .avatar-48, .page-rounds .show .round-details .teams .team-players .avatar-40 + .avatar-48, .page-rounds .show .round-details .teams .team-players .avatar-32 + .avatar-48, .page-rounds .show .round-details .teams .team-players .avatar + .avatar-40, .page-rounds .show .round-details .teams .team-players .avatar-64 + .avatar-40, .page-rounds .show .round-details .teams .team-players .avatar-48 + .avatar-40, .page-rounds .show .round-details .teams .team-players .avatar-40 + .avatar-40, .page-rounds .show .round-details .teams .team-players .avatar-32 + .avatar-40, .page-rounds .show .round-details .teams .team-players .avatar + .avatar-32, .page-rounds .show .round-details .teams .team-players .avatar-64 + .avatar-32, .page-rounds .show .round-details .teams .team-players .avatar-48 + .avatar-32, .page-rounds .show .round-details .teams .team-players .avatar-40 + .avatar-32, .page-rounds .show .round-details .teams .team-players .avatar-32 + .avatar-32 {
  margin-left: 4px;
}
@media (max-width: 900px) {
  .page-rounds .show .round-details .course-name {
    margin-bottom: 8px;
  }
}
@media (max-width: 520px) {
  .page-rounds .show .round-details .content {
    padding: 24px 0;
  }
}
@media (max-width: 360px) {
  .page-rounds .show .round-details .round-labels {
    margin: 8px 0 0 0;
  }
  .page-rounds .show .round-details .round-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .page-rounds .show .round-details .right.score {
    margin-top: -24px;
  }
}
.page-rounds .show .round-values .content {
  padding: 48px 0;
  grid-template-columns: 1fr 276px;
}
.page-rounds .show .round-values .section-title {
  margin-bottom: 16px;
}
.page-rounds .show .round-values .left.highlights .cells,
.page-rounds .show .round-values .right.scores .cells {
  border-radius: 12px;
  border: 1px solid #F3F3F4;
}
.page-rounds .show .round-values .left.highlights .cell,
.page-rounds .show .round-values .right.scores .cell {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-rounds .show .round-values .left.highlights .cell-title,
.page-rounds .show .round-values .right.scores .cell-title {
  margin-bottom: 5px;
}
.page-rounds .show .round-values .left.highlights .cells {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  padding: 16px 23px 13px;
}
.page-rounds .show .round-values .left.highlights .cell.best-hole .label, .page-rounds .show .round-values .left.highlights .cell.best-hole .label-blue, .page-rounds .show .round-values .left.highlights .cell.best-hole .label-green, .page-rounds .show .round-values .left.highlights .cell.best-hole .label-outline, .page-rounds .show .round-values .left.highlights .cell.best-hole .label-outline-blue, .page-rounds .show .round-values .left.highlights .cell.best-hole .label-outline-red, .page-rounds .show .round-values .left.highlights .cell.best-hole .label-outline-green {
  margin-left: 4px;
}
.page-rounds .show .round-values .right.scores {
  position: relative;
}
.page-rounds .show .round-values .right.scores .game-mode-dropdown {
  position: absolute;
  top: -10px;
  right: 0;
  max-width: 140px;
}
.page-rounds .show .round-values .right.scores .cells {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: 1fr 1fr;
  background-color: #F4F6FE;
  border-color: #F4F6FE;
  position: relative;
  padding: 16px 0;
}
.page-rounds .show .round-values .right.scores .cells .cell:first-child::after {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  right: 50%;
  width: 1px;
  height: 32px;
  background-color: rgba(54, 81, 241, 0.08);
}
@media (max-width: 1120px) {
  .page-rounds .show .round-values .content {
    padding: 48px 0 88px;
    grid-template-columns: 1fr 174px;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .page-rounds .show .round-values .left.highlights .cells {
    padding: 20px 15px 17px;
    display: grid;
    grid-column-gap: 0;
    grid-row-gap: 20px;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
  }
  .page-rounds .show .round-values .right.scores .game-mode-dropdown {
    position: absolute;
    top: auto;
    bottom: -52px;
    max-width: none;
  }
  .page-rounds .show .round-values .right.scores .cells {
    padding: 18px 0;
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }
  .page-rounds .show .round-values .right.scores .cells .cell:first-child::after {
    opacity: 0;
  }
}
@media (max-width: 630px) {
  .page-rounds .show .round-values .content {
    grid-template-columns: 1fr;
    row-gap: 32px;
    padding-bottom: 32px;
  }
  .page-rounds .show .round-values .left.highlights .cells {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 24px;
    grid-template-columns: repeat(2, 1fr);
    padding: 20px;
  }
  .page-rounds .show .round-values .left.highlights .cell {
    align-items: flex-start;
  }
  .page-rounds .show .round-values .right.scores .game-mode-dropdown {
    position: absolute;
    top: -8px;
    right: 0;
    bottom: auto;
    max-width: 140px;
  }
  .page-rounds .show .round-values .right.scores .cells {
    display: grid;
    grid-column-gap: 0;
    grid-template-columns: 1fr 1fr;
  }
  .page-rounds .show .round-values .right.scores .cells .cell:first-child::after {
    opacity: 1;
  }
}
@media (max-width: 520px) {
  .page-rounds .show .round-values .content {
    padding: 24px 0;
  }
}
.page-rounds .show .round-scorecard {
  padding: 24px 0 120px;
  position: relative;
}
.page-rounds .show .round-scorecard .scorecard-header {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: 126px 1fr 240px;
  align-items: center;
}
.page-rounds .show .round-scorecard .scorecard-header .holes {
  display: grid;
}
.page-rounds .show .round-scorecard .scorecard-header .points {
  background-color: #F5F5F5;
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: repeat(3, 1fr);
}
.page-rounds .show .round-scorecard .scorecard-header .holes .cell,
.page-rounds .show .round-scorecard .scorecard-header .points .cell {
  color: #adb1b8;
  text-align: center;
  border: 0.5px solid rgba(20, 31, 51, 0.09);
}
.page-rounds .show .round-scorecard .round-line {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: 126px 1fr 240px;
  align-items: center;
  height: 50px;
}
.page-rounds .show .round-scorecard .round-line.top-lines {
  height: 25px;
}
.page-rounds .show .round-scorecard .round-line .line-left {
  box-shadow: inset 0 0 0 0 #F3F3F4, inset 0 -1px 0 0 #F3F3F4, inset 0 0 0 0 #F3F3F4, inset -0 0 0 0 #F3F3F4;
  height: 100%;
  display: flex;
  align-items: center;
  background-color: #fff;
  border-bottom: 0.5px solid rgba(20, 31, 51, 0.09);
}
.page-rounds .show .round-scorecard .round-line .line-left p {
  font-size: 12px;
  font-weight: 700;
}
.page-rounds .show .round-scorecard .round-line .values {
  display: grid;
  justify-items: center;
  align-items: center;
  height: 100%;
}
.page-rounds .show .round-scorecard .round-line .points {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
  align-items: center;
  background-color: #F5F5F5;
  height: 100%;
  border: 0.5px solid rgba(20, 31, 51, 0.09);
}
.page-rounds .show .round-scorecard .round-line .values .cell,
.page-rounds .show .round-scorecard .round-line .points .cell {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.5px solid rgba(20, 31, 51, 0.09);
}
.page-rounds .show .round-scorecard .round-line.line-scores {
  height: 50px;
}
.page-rounds .show .round-scorecard .round-line.line-scores .line-left {
  flex-direction: column;
  align-items: flex-start;
}
.page-rounds .show .round-scorecard .round-line.line-scores .line-left p {
  margin-top: -5px;
  font-size: 16px;
  line-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
}
.page-rounds .show .round-scorecard .round-line.line-scores .line-left .subtext {
  font-size: 10px;
  display: block;
  color: #505965;
  font-weight: 400 !important;
  margin-top: -5px;
}
.page-rounds .show .round-scorecard .round-line.line-scores .points .cell {
  font-size: 16px;
  display: block;
  line-height: 32px;
  padding-left: 8px;
}
.page-rounds .show .round-scorecard .round-line.line-scores .points .cell sup {
  margin: -3px;
}
.page-rounds .show .round-scorecard .round-line.line-scores .score {
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
  color: #FFF;
  border: 0.5px solid rgba(20, 31, 51, 0.09);
}
.page-rounds .show .round-scorecard .round-line.line-scores .score-eagle {
  background-color: #B4E14E;
}
.page-rounds .show .round-scorecard .round-line.line-scores .score-birdie {
  background-color: #F8542C;
}
.page-rounds .show .round-scorecard .round-line.line-scores .score-par {
  background-color: #C8CED8;
}
.page-rounds .show .round-scorecard .round-line.line-scores .score-bogey {
  background-color: #113FE5;
}
.page-rounds .show .round-scorecard .round-line.line-scores .score-double-bogey {
  background-color: #707581;
}
.page-rounds .show .round-scorecard .round-line.line-scores .score-double-bogey .scratched, .page-rounds .show .round-scorecard .round-line.line-scores .score-bogey .scratched, .page-rounds .show .round-scorecard .round-line.line-scores .score-birdie .scratched {
  background: url("../svg/icon-scratched-white-29c56fab.svg") center 8px no-repeat;
}
.page-rounds .show .round-scorecard .round-line.line-scores .score .score-value {
  line-height: 32px;
}
.page-rounds .show .round-scorecard .round-line.line-scores .score .extra {
  position: absolute;
  bottom: 4px;
  font-size: 14px;
  transform: translateX(-50%);
}
.page-rounds .show .round-scorecard .round-line.line-scores .score .scard_none {
  padding-top: 10px;
  height: 100%;
  font-weight: 400;
  background-color: #F5F5F5;
}
.page-rounds .show .round-scorecard .round-line.line-scores sup {
  opacity: 0.7;
}
.page-rounds .show .round-scorecard .round-line.fairways .scorecard-icon {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  border: 2px solid #5e72f3;
}
.page-rounds .show .round-scorecard .round-line.fairways .scorecard-icon.fairway-hit.target {
  background: url("../svg/icon-fwh-center-e497b909.svg") center center no-repeat;
  background-size: 20px;
}
.page-rounds .show .round-scorecard .round-line.fairways .scorecard-icon.fairway-hit.left {
  background: url("../svg/icon-new-fwh-left-90a86fb0.svg") center center no-repeat;
  background-size: 12px;
}
.page-rounds .show .round-scorecard .round-line.fairways .scorecard-icon.fairway-hit.right {
  background: url("../svg/icon-new-fwh-right-02040d56.svg") center center no-repeat;
  background-size: 12px;
}
.page-rounds .show .round-scorecard .round-line.fairways .scorecard-icon.fairway-hit.other {
  background: url("../svg/icon-new-fwh-short-5bad2e31.svg") center center no-repeat;
  background-size: 12px;
}
.page-rounds .show .round-scorecard .round-line.gir .scorecard-icon.true {
  display: inline-block;
  text-indent: -999999em;
  overflow: hidden;
  text-align: left;
  width: 16px;
  height: 16px;
  background: url("../svg/icon-gir-check-557cd3f6.svg") center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  background-size: 16px 16px;
}
.page-rounds .show .round-scorecard .round-line .scratched {
  background: url("../svg/icon-scratched-b8e135ed.svg") center center no-repeat;
}
.page-rounds .show .round-scorecard .scorecard-labels {
  margin-top: 16px;
  display: flex;
  position: absolute;
  right: 20px;
}
.page-rounds .show .round-scorecard .scorecard-labels .cell {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 20px;
  color: #FFF;
}
.page-rounds .show .round-scorecard .scorecard-labels .eagle {
  background-color: #B4E14E;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.page-rounds .show .round-scorecard .scorecard-labels .birdie {
  background-color: #F8542C;
}
.page-rounds .show .round-scorecard .scorecard-labels .par {
  background-color: #C8CED8;
}
.page-rounds .show .round-scorecard .scorecard-labels .bogey {
  background-color: #113FE5;
}
.page-rounds .show .round-scorecard .scorecard-labels .double-bogey {
  background-color: #707581;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.page-rounds .show .round-scorecard .comparison-table.holes-9 .scorecard-header,
.page-rounds .show .round-scorecard .comparison-table.holes-9 .round-line {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: 126px 1fr 180px;
  align-items: center;
}
.page-rounds .show .round-scorecard .comparison-table.holes-9 .round-line .points,
.page-rounds .show .round-scorecard .comparison-table.holes-9 .scorecard-header .points {
  grid-template-columns: 1fr;
}
@media (max-width: 1120px) {
  .page-rounds .show .round-scorecard .container, .page-rounds .show .round-scorecard .container-smaller, .page-rounds .show .round-scorecard .container-10, .page-rounds .show .round-scorecard .container-8, .page-rounds .show .round-scorecard .container-6, .page-rounds .show .round-scorecard .container-4, .page-rounds .show .round-scorecard .container-small, .page-rounds .show .round-scorecard .container-flex, .page-rounds .show .round-scorecard .container-center, .page-rounds .show .round-scorecard .container.-center, .page-rounds .show .round-scorecard .-center.container-smaller, .page-rounds .show .round-scorecard .-center.container-10, .page-rounds .show .round-scorecard .-center.container-8, .page-rounds .show .round-scorecard .-center.container-6, .page-rounds .show .round-scorecard .-center.container-4, .page-rounds .show .round-scorecard .-center.container-small, .page-rounds .show .round-scorecard .-center.container-flex {
    padding-left: 0;
    padding-right: 0;
  }
  .page-rounds .show .round-scorecard .scorecard-header {
    display: grid;
    grid-column-gap: 0;
    grid-template-columns: 1fr 240px;
    align-items: center;
  }
  .page-rounds .show .round-scorecard .scorecard-header .header-left {
    width: 126px;
    height: 40px;
    background-color: #FFF;
    box-shadow: inset 0 0 0 0 #F3F3F4, inset 0 -0 0 0 #F3F3F4, inset 0 0 0 0 #F3F3F4, inset -1px 0 0 0 #F3F3F4;
    position: absolute;
    z-index: 99;
  }
  .page-rounds .show .round-scorecard .scorecard-header .holes {
    padding-left: 126px;
  }
  .page-rounds .show .round-scorecard .comparison-table {
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .page-rounds .show .round-scorecard .comparison-table::-webkit-scrollbar {
    display: none;
  }
  .page-rounds .show .round-scorecard .round-line {
    display: grid;
    grid-column-gap: 0;
    grid-template-columns: 1fr 240px;
    align-items: center;
  }
  .page-rounds .show .round-scorecard .round-line.top-lines {
    height: 25px;
  }
  .page-rounds .show .round-scorecard .round-line.top-lines .line-left {
    height: 25px;
  }
  .page-rounds .show .round-scorecard .round-line .line-left {
    padding-left: 20px;
    width: 126px;
    height: 50px;
    position: absolute;
    z-index: 99;
    box-shadow: inset 0 0 0 0 #F3F3F4, inset 0 -0 0 0 #F3F3F4, inset 0 0 0 0 #F3F3F4, inset -1px 0 0 0 #F3F3F4;
    box-shadow: inset 0 0 0 0 #F3F3F4, inset 0 -0px 0 0 #F3F3F4, inset 0 0 0 0 #F3F3F4, inset -0 0 0 0 #F3F3F4;
  }
  .page-rounds .show .round-scorecard .round-line .line-left p {
    line-height: 40px;
    font-size: 12px;
    font-weight: 700;
  }
  .page-rounds .show .round-scorecard .round-line .values {
    padding-left: 126px;
    box-shadow: inset 0 0 0 0 #F3F3F4, inset 0 -1px 0 0 #F3F3F4, inset 0 0 0 0 #F3F3F4, inset -0 0 0 0 #F3F3F4;
  }
  .page-rounds .show .round-scorecard .comparison-table.holes-9 .scorecard-header,
  .page-rounds .show .round-scorecard .comparison-table.holes-9 .round-line {
    display: grid;
    grid-column-gap: 0;
    grid-template-columns: 1fr 140px;
    align-items: center;
  }
}
.page-rounds .show .matchplay-scorecard {
  padding: 24px 0 56px;
  position: relative;
}
.page-rounds .show .matchplay-scorecard .section-title {
  margin-bottom: 24px;
}
.page-rounds .show .matchplay-scorecard .line-left {
  padding-left: 20px;
}
.page-rounds .show .matchplay-scorecard .line-left p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-rounds .show .matchplay-scorecard .scorecard-header {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: 126px 1fr 240px;
  align-items: center;
}
.page-rounds .show .matchplay-scorecard .scorecard-header .holes {
  display: grid;
}
.page-rounds .show .matchplay-scorecard .scorecard-header .holes .cell,
.page-rounds .show .matchplay-scorecard .scorecard-header .points .cell {
  border: 0.5px solid rgba(20, 31, 51, 0.09);
  text-align: center;
  color: rgb(173, 177, 184);
}
.page-rounds .show .matchplay-scorecard .scorecard-header .points {
  background-color: #F5F5F5;
  display: grid;
}
.page-rounds .show .matchplay-scorecard .round-line {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: 126px 1fr 240px;
  align-items: center;
  height: 50px;
}
.page-rounds .show .matchplay-scorecard .round-line .values {
  display: grid;
  height: 100%;
}
.page-rounds .show .matchplay-scorecard .round-line .values .score {
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 0.5px solid rgba(20, 31, 51, 0.09);
}
.page-rounds .show .matchplay-scorecard .round-line .values .score .extra {
  line-height: 10px;
  transform: translateY(-2px);
}
.page-rounds .show .matchplay-scorecard .round-line .values .scratched {
  text-decoration: line-through;
}
.page-rounds .show .matchplay-scorecard .round-line .values .scratched:before,
.page-rounds .show .matchplay-scorecard .round-line .values .scratched:after {
  content: " ";
}
.page-rounds .show .matchplay-scorecard .round-line .subtext {
  font-size: 10px;
  display: block;
  color: #505965;
  font-weight: 400 !important;
}
.page-rounds .show .matchplay-scorecard .round-line .points {
  display: grid;
  background-color: #F5F5F5;
  height: 100%;
}
.page-rounds .show .matchplay-scorecard .round-line .points .cell {
  border: 0.5px solid rgba(20, 31, 51, 0.09);
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-rounds .show .matchplay-scorecard .top_row {
  font-size: 12px !important;
  height: 25px !important;
}
.page-rounds .show .matchplay-scorecard .top_row .values .score {
  font-size: 12px !important;
}
.page-rounds .show .matchplay-scorecard .round-line.standings {
  background-color: #FFF;
  height: 30px;
}
.page-rounds .show .matchplay-scorecard .comparison-table.holes-9 .round-line,
.page-rounds .show .matchplay-scorecard .comparison-table.holes-9 .scorecard-header {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: 126px 1fr 180px;
  align-items: center;
}
@media (max-width: 1120px) {
  .page-rounds .show .matchplay-scorecard .section-title {
    margin-left: 20px;
  }
  .page-rounds .show .matchplay-scorecard .container, .page-rounds .show .matchplay-scorecard .container-smaller, .page-rounds .show .matchplay-scorecard .container-10, .page-rounds .show .matchplay-scorecard .container-8, .page-rounds .show .matchplay-scorecard .container-6, .page-rounds .show .matchplay-scorecard .container-4, .page-rounds .show .matchplay-scorecard .container-small, .page-rounds .show .matchplay-scorecard .container-flex, .page-rounds .show .matchplay-scorecard .container-center, .page-rounds .show .matchplay-scorecard .container.-center, .page-rounds .show .matchplay-scorecard .-center.container-smaller, .page-rounds .show .matchplay-scorecard .-center.container-10, .page-rounds .show .matchplay-scorecard .-center.container-8, .page-rounds .show .matchplay-scorecard .-center.container-6, .page-rounds .show .matchplay-scorecard .-center.container-4, .page-rounds .show .matchplay-scorecard .-center.container-small, .page-rounds .show .matchplay-scorecard .-center.container-flex {
    padding-left: 0;
    padding-right: 0;
  }
  .page-rounds .show .matchplay-scorecard .scorecard-header {
    display: grid;
    grid-column-gap: 0;
    grid-template-columns: 1fr 240px;
    align-items: center;
  }
  .page-rounds .show .matchplay-scorecard .scorecard-header .header-left {
    width: 126px;
    height: 40px;
    background-color: #FFF;
    box-shadow: inset 0 0 0 0 #F3F3F4, inset 0 -0 0 0 #F3F3F4, inset 0 0 0 0 #F3F3F4, inset -1px 0 0 0 #F3F3F4;
    position: absolute;
    z-index: 99;
  }
  .page-rounds .show .matchplay-scorecard .scorecard-header .holes {
    padding-left: 126px;
  }
  .page-rounds .show .matchplay-scorecard .comparison-table {
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .page-rounds .show .matchplay-scorecard .comparison-table::-webkit-scrollbar {
    display: none;
  }
  .page-rounds .show .matchplay-scorecard .round-line {
    display: grid;
    grid-column-gap: 0;
    grid-template-columns: 1fr 240px;
    align-items: center;
    box-shadow: inset 0 0 0 0 #F3F3F4, inset 0 -0px 0 0 #F3F3F4, inset 0 0 0 0 #F3F3F4, inset -0 0 0 0 #F3F3F4;
  }
  .page-rounds .show .matchplay-scorecard .round-line .line-left {
    padding-left: 20px;
    width: 126px;
    height: 50px;
    position: absolute;
    z-index: 99;
    background-color: #FFF;
    box-shadow: inset 0 0 0 0 #F3F3F4, inset 0 -0 0 0 #F3F3F4, inset 0 0 0 0 #F3F3F4, inset -1px 0 0 0 #F3F3F4;
  }
  .page-rounds .show .matchplay-scorecard .round-line .values {
    padding-left: 126px;
  }
  .page-rounds .show .matchplay-scorecard .top_row .line-left {
    width: 126px;
    height: 25px;
  }
  .page-rounds .show .matchplay-scorecard .comparison-table.holes-9 .round-line,
  .page-rounds .show .matchplay-scorecard .comparison-table.holes-9 .scorecard-header {
    display: grid;
    grid-column-gap: 0;
    grid-template-columns: 1fr 140px;
    align-items: center;
  }
}
.page-rounds .show .shots-show {
  padding-bottom: 80px;
  position: relative;
}
.page-rounds .show .shots-show .section-title {
  margin-bottom: 24px;
}
.page-rounds .show .shots-show .map {
  width: 100%;
  height: 500px;
}
.page-rounds .show .shots-show .controls {
  position: relative;
  display: flex;
  justify-content: center;
}
.page-rounds .show .shots-show .controls-content {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 378px;
}
.page-rounds .show .shots-show .controls .action {
  width: 40px;
  height: 40px;
  background: url("../svg/button-arrow-2882ac9c.svg") center center no-repeat;
}
.page-rounds .show .shots-show .controls .action.next {
  transform: rotate(180deg);
}
.page-rounds .show .shots-show .controls .action.disabled {
  opacity: 0.7;
}
.page-rounds .show .shots-show .controls .hole-box {
  display: flex;
  align-items: center;
}
.page-rounds .show .shots-show .controls .hole-box .hole {
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.page-rounds .show .shots-show .controls .hole-box .hole::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("../svg/icon-green-d5803c1a.svg") center center no-repeat;
  margin-right: 6px;
}
.page-rounds .show .shots-show .map-menu {
  position: absolute;
  top: 71px;
  right: 32px;
  display: flex;
  flex-direction: column;
}
.page-rounds .show .shots-show .map-menu button {
  width: 40px;
  height: 40px;
}
.page-rounds .show .shots-show .map-menu button.overview {
  background: url("../svg/button-overview-bdb86c93.svg") white center center no-repeat;
  border-radius: 10%;
}
.page-rounds .show .shots-show .map-menu button.plus {
  background: url("../svg/button-plus-4df328a9.svg") white center center no-repeat;
  border-radius: 10% 10% 0 0;
  margin-top: 10px;
}
.page-rounds .show .shots-show .map-menu button.minus {
  background: url("../svg/button-minus-e167d471.svg") white center center no-repeat;
  margin-top: -4px;
  border-radius: 0 0 10% 10%;
}
@media (max-width: 660px) {
  .page-rounds .show .shots-show {
    padding-bottom: 40px;
  }
}
.page-rounds .show .round-stats {
  padding: 40px 0 120px;
}
.page-rounds .show .round-stats .charts-list {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: repeat(3, 1fr);
}
.page-rounds .show .round-stats .chart {
  padding-top: 28px;
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: 1fr;
  grid-template-rows: 52px 180px 48px;
}
.page-rounds .show .round-stats .chart-header {
  text-align: center;
}
.page-rounds .show .round-stats .chart-header .chart-title + .chart-label {
  margin-top: 8px;
}
.page-rounds .show .round-stats .chart-svg {
  width: 100%;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-rounds .show .round-stats .drv-accuracy .chart-footer {
  width: 100%;
  max-width: 300px;
  display: flex;
  justify-content: space-between;
  justify-self: center;
}
.page-rounds .show .round-stats .drv-accuracy .chart-footer .left,
.page-rounds .show .round-stats .drv-accuracy .chart-footer .right {
  display: flex;
}
.page-rounds .show .round-stats .drv-accuracy .chart-footer .left::before, .page-rounds .show .round-stats .drv-accuracy .chart-footer .left::after,
.page-rounds .show .round-stats .drv-accuracy .chart-footer .right::before,
.page-rounds .show .round-stats .drv-accuracy .chart-footer .right::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  transform: translateY(-2px);
}
.page-rounds .show .round-stats .drv-accuracy .chart-footer .left::before {
  content: "";
  display: block;
  background: url("../svg/icon-fwh-left-2abb913d.svg") #ACB0B7 center center no-repeat;
  margin-right: 6px;
}
.page-rounds .show .round-stats .drv-accuracy .chart-footer .right::after {
  content: "";
  display: block;
  background: url("../svg/icon-fwh-right-760287a9.svg") #ACB0B7 center center no-repeat;
  margin-left: 6px;
}
.page-rounds .show .round-stats .chart.green-reg .chart-footer {
  text-align: center;
}
.page-rounds .show .round-stats .chart.putting .chart-footer {
  display: grid;
  grid-column-gap: 12px;
  grid-template-columns: 90px 90px;
  justify-self: center;
}
.page-rounds .show .round-stats .chart.putting .chart-footer .value {
  text-align: center;
}
.page-rounds .show .round-stats .chart.scores .chart-footer {
  display: grid;
  grid-column-gap: 10px;
  grid-template-columns: repeat(3, 64px);
  justify-self: center;
}
.page-rounds .show .round-stats .chart.scores .chart-footer .value {
  text-align: center;
}
.page-rounds .show .round-stats .chart.recovery .chart-footer {
  display: grid;
  grid-column-gap: 10px;
  grid-template-columns: repeat(3, 68px);
  justify-self: center;
}
.page-rounds .show .round-stats .chart.recovery .chart-footer .value {
  text-align: center;
}
.page-rounds .show .round-stats .chart.scoring .chart-footer {
  display: grid;
  grid-column-gap: 10px;
  grid-template-columns: repeat(5, 40px);
  justify-self: center;
}
.page-rounds .show .round-stats .chart.scoring .chart-footer .value {
  text-align: center;
}
@media (max-width: 1020px) {
  .page-rounds .show .round-stats .charts-list {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 660px) {
  .page-rounds .show .round-stats {
    padding: 48px 0 100px;
  }
  .page-rounds .show .round-stats .charts-list {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(6, 1fr);
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-padding: 0 0%;
    scroll-snap-type: x mandatory;
  }
  .page-rounds .show .round-stats .charts-list::-webkit-scrollbar {
    display: none;
  }
  .page-rounds .show .round-stats .chart {
    scroll-snap-align: center;
  }
}
@media (max-width: 440px) {
  .page-rounds .show .round-stats .container, .page-rounds .show .round-stats .container-smaller, .page-rounds .show .round-stats .container-10, .page-rounds .show .round-stats .container-8, .page-rounds .show .round-stats .container-6, .page-rounds .show .round-stats .container-4, .page-rounds .show .round-stats .container-small, .page-rounds .show .round-stats .container-flex, .page-rounds .show .round-stats .container-center, .page-rounds .show .round-stats .container.-center, .page-rounds .show .round-stats .-center.container-smaller, .page-rounds .show .round-stats .-center.container-10, .page-rounds .show .round-stats .-center.container-8, .page-rounds .show .round-stats .-center.container-6, .page-rounds .show .round-stats .-center.container-4, .page-rounds .show .round-stats .-center.container-small, .page-rounds .show .round-stats .-center.container-flex {
    padding: 0;
  }
  .page-rounds .show .round-stats .chart {
    min-width: 100vw;
  }
}
/**
 * Components - Pages - Users
 * Index
 */
/**
 * Components - Pages - Users - General
 * Index
 */
/**
 * Components - Pages - Users - General
 * Header
 */
.user-page-header {
  padding: 100px 0 60px;
  text-align: center;
}
.user-page-header .section-description {
  color: #434B5B;
}
.user-page-header .section-description.large {
  max-width: 582px;
}
.user-page-header .section-description a {
  color: #5E73F3;
}
.user-page-header .section-title + .section-description.large {
  margin-top: 20px;
}
.user-page-header .secondary-link {
  color: #666D7A;
}
.user-page-header .section-description.large + .secondary-link {
  margin-top: 12px;
}
/**
 * Components - Pages - Users
 * Sign In - Index
 */
.signin {
  /**
   * Components - Pages - Users - Sign In
   * Notification
   */
  /**
   * Components - Pages - Users - Sign In
   * Header
   */
  /**
   * Components - Pages - Users - Sign In
   * Actions
   */
  /**
   * Components - Pages - Users - Sign In
   * Disclaimer
   */
}
.signin .notifications {
  padding-top: 16px;
  margin-bottom: -40px;
}
.signin .notifications .notification + .notification {
  margin-top: 16px;
}
@media (max-width: 375px) {
  .signin .notifications {
    padding-top: 0;
    margin-bottom: -32px;
  }
}
.signin .notification {
  width: 100%;
  padding: 16px;
  border-radius: 12px;
  text-align: center;
  z-index: 9;
}
.signin .notification.alert {
  color: #E36954;
  background-color: #F9E1DC;
  max-width: 378px;
}
.signin .notification.notice {
  color: #434B5B;
  background-color: #F3F3F4;
  max-width: 378px;
}
.signin .notification.premium {
  position: relative;
  color: #5E73F3;
  background-color: rgba(54, 81, 241, 0.08);
  max-width: 582px;
}
.signin .notification.premium p + p {
  margin-top: 4px;
}
.signin .notification.premium [class*=caption] {
  color: #7C8DF5;
}
.signin .notification.premium [class*=caption] a {
  color: #5E73F3;
}
@media (max-width: 375px) {
  .signin .notification.premium .body-bold, .signin .notification.premium .body strong, .body .signin .notification.premium strong, .signin .notification.premium p strong, p .signin .notification.premium strong, .signin .notification.premium input[type=text],
  .signin .notification.premium input[type=date],
  .signin .notification.premium input[type=tel],
  .signin .notification.premium input[type=email],
  .signin .notification.premium input[type=password],
  .signin .notification.premium input[type=search],
  .signin .notification.premium .input-default, .signin .notification.premium .input-select .Select .Select-option .course-name, .input-select .Select .Select-option .signin .notification.premium .course-name, .signin .notification.premium .input-select select, .input-select .signin .notification.premium select,
  .signin .notification.premium .input-select .Select-control,
  .input-select .signin .notification.premium .Select-control, .signin .notification.premium .input-radio label strong, .input-radio label .signin .notification.premium strong, .signin .notification.premium .input-checkbox label, .input-checkbox .signin .notification.premium label {
    line-height: 20px;
  }
}
.signin .page-header {
  padding: 80px 0 16px;
}
.signin .page-header .page-title {
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .signin .page-header {
    padding: 56px 0 16px;
  }
}
.signin .actions {
  padding: 16px 0 60px;
}
.signin .actions .social-actions a {
  width: 100%;
  margin-top: 8px;
}
.signin .actions .divider {
  padding: 24px 0;
}
.signin .actions .divider p {
  color: #666D7A;
}
.signin .actions form input[type=email],
.signin .actions form input[type=password] {
  width: 100%;
}
.signin .actions form .input-group {
  margin-bottom: 24px;
}
.signin .actions form .form-actions {
  align-items: center;
}
.signin .actions form .form-actions a {
  color: #666D7A;
}
.signin .actions form + .notification.alert {
  margin-top: 24px;
}
.signin .actions iframe {
  height: 50px;
}
.signin .actions .haAclf {
  padding-top: 0;
}
.signin .actions div[role=button] {
  height: 50px;
  padding-inline: 18px;
  border: 0;
  box-shadow: inset 0 0 0 1.5px #F3F3F4;
  border-radius: 14px;
}
.signin .actions div[role=button] div > span {
  font-family: "Inter", Helvetica, Arial, "sans-serif";
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.1px;
  font-weight: 600;
  color: #141F33;
  padding-right: 24px;
}
.signin .actions div[role=button] svg {
  position: absolute;
  top: 16px;
  left: -4px;
  width: 18px;
}
@media (max-width: 768px) {
  .signin .actions {
    padding: 16px 0 40px;
  }
}
@media (max-width: 375px) {
  .signin .actions form .form-actions {
    flex-direction: column;
  }
  .signin .actions form .form-actions input {
    width: 100%;
    order: -1;
    margin-bottom: 20px;
  }
}
.signin .disclaimer {
  padding: 60px 0 160px;
}
.signin .disclaimer p {
  text-align: center;
  margin: 14px 0 20px;
  color: #434B5B;
}
.signin .disclaimer .button-store-small + .button-store-small {
  margin-left: 12px;
}
@media (max-width: 768px) {
  .signin .disclaimer {
    padding: 40px 0 120px;
  }
}
/**
 * Components - Pages - Preferences
 * Index
 */
/**
 * Components - Pages - Preferences
 * Sections Wrapper
 */
.preferences-sections-wrapper {
  padding-bottom: 140px;
}
/**
 * Components - Pages - Preferences
 * Section
 */
.page-notification_preferences .preferences-section .section-header {
  padding: 100px 0 60px;
  text-align: center;
}
.page-notification_preferences .preferences-section .section-header .section-title {
  margin-bottom: 16px;
}
.page-notification_preferences .preferences-section .section-header .section-description {
  max-width: 470px;
  color: #434B5B;
}
@media (max-width: 620px) {
  .page-notification_preferences .preferences-section .list-row.to-break .row-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .page-notification_preferences .preferences-section .list-row.to-break .row-content .left {
    padding-right: 40px;
  }
  .page-notification_preferences .preferences-section .list-row.to-break .row-content .right,
  .page-notification_preferences .preferences-section .list-row.to-break .row-content .right select {
    width: 100%;
  }
  .page-notification_preferences .preferences-section .list-row.to-break * {
    text-align: left;
  }
  .page-notification_preferences .preferences-section .section-header {
    padding: 80px 0 56px;
  }
}
.as-webview .page-notification_preferences .preferences-section .section-header {
  text-align: left;
  align-items: flex-start;
  padding: 80px 15px 30px;
}
/**
 * Components - Pages - Preferences
 * Consent Bar
 */
.page-notification_preferences .preferences-consent-bar {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
}
.page-notification_preferences .preferences-consent-bar .preferences-consent-form {
  width: 100%;
  padding: 16px 0;
  background-color: #FFF;
  position: relative;
  z-index: 1;
}
.page-notification_preferences .preferences-consent-bar [class*=container] {
  gap: 20px;
}
.page-notification_preferences .preferences-consent-bar .left {
  display: flex;
  align-items: center;
}
.page-notification_preferences .preferences-consent-bar .overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  position: fixed;
  bottom: 0;
  left: 0;
}
@media (max-width: 480px) {
  .page-notification_preferences .preferences-consent-bar .preferences-consent-form {
    padding: 20px 0;
  }
  .page-notification_preferences .preferences-consent-bar [class*=container] {
    flex-direction: column;
    gap: 16px;
  }
  .page-notification_preferences .preferences-consent-bar [class*=button] {
    width: 100%;
  }
  .page-notification_preferences .preferences-consent-bar .left .input-checkbox label::before {
    margin-right: 16px;
  }
}
/**
 * Components - Pages - Preferences
 * Save Changes Bar
 */
.page-notification_preferences .save-changes-bar {
  width: 100%;
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 9;
  padding: 16px 0;
  margin-top: 24px;
}
.page-notification_preferences .save-changes-bar [class*=container] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 30px;
}
.page-notification_preferences .save-changes-bar::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 61.43%);
}
@media (max-width: 620px) {
  .page-notification_preferences .save-changes-bar .cta-main {
    width: 100%;
  }
  .page-notification_preferences .save-changes-bar [class*=container] {
    gap: 20px;
  }
}
/**
 * Components - Pages - Unsubscribe
 * Index
 */
/**
 * Components - Pages - Unsubscribe
 * Content
 */
.page-email_subscriptions .unsubscribe-section .loader-container {
  padding: 200px 0;
}
.page-email_subscriptions .unsubscribe-section .container, .page-email_subscriptions .unsubscribe-section .container-smaller, .page-email_subscriptions .unsubscribe-section .container-10, .page-email_subscriptions .unsubscribe-section .container-8, .page-email_subscriptions .unsubscribe-section .container-6, .page-email_subscriptions .unsubscribe-section .container-4, .page-email_subscriptions .unsubscribe-section .container-small, .page-email_subscriptions .unsubscribe-section .container-flex, .page-email_subscriptions .unsubscribe-section .container-center {
  padding-bottom: 200px;
}
/**
 * Components - Site
 * Index
 */
/**
 * Components - Site
 * Header
 */
.header-main {
  padding: 16px 0;
  position: relative;
  z-index: 10;
}
.header-main .container, .header-main .container-smaller, .header-main .container-10, .header-main .container-8, .header-main .container-6, .header-main .container-4, .header-main .container-small, .header-main .container-flex, .header-main .container-center {
  align-items: center;
}
.header-main .button-menu-mobile-wrapper {
  display: none;
  margin-right: -10px;
}
.header-main .top-bar-store-buttons {
  display: none;
  max-width: 50%;
}
.header-main .top-bar-store-buttons .button-store, .header-main .top-bar-store-buttons .button-store-small {
  max-height: 30px;
}
.header-main.header-absolute {
  position: absolute;
  background: transparent;
}
.header-main.header-user-centered .menu-main > a {
  display: none;
}
.header-main-white .menu-main-item:not(:last-child) {
  color: #FFF;
}
@media (max-width: 900px) {
  .header-main .button-menu-mobile-wrapper {
    display: block;
  }
}
@media screen and (max-width: 850px) {
  .header-main .top-bar-store-buttons {
    display: block;
  }
}
/* Modules Styles */
/* Logo */
.logo {
  display: block;
  width: 96px;
  height: 48px;
  background: url("../svg/logo-dark-eaefc86c.svg") center center no-repeat;
  background-size: cover;
  font-size: 0;
}
.logo.logo-white {
  background: url("../svg/logo-white-7b5ba0d9.svg") center center no-repeat;
  background-size: cover;
}
@media (min-width: 900px) {
  .logo {
    width: 112px;
    height: 56px;
  }
}
/* Badges */
.badge-premium {
  width: 80px;
  height: 16px;
  background: url("../svg/badge-premium-pro-82742e5b.svg") center center no-repeat;
  background-size: 100%;
}
.badge-premium-filled {
  width: 94px;
  height: 20px;
  background: url("../svg/badge-premium-filled-cf66699a.svg") center center no-repeat;
  background-size: 100%;
}
/*
 *= require_self
 */
.placeholder\:text-grey-solid-4::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(138 143 153 / var(--tw-text-opacity, 1));
}
.placeholder\:text-grey-solid-4::placeholder{
  --tw-text-opacity: 1;
  color: rgb(138 143 153 / var(--tw-text-opacity, 1));
}
.first\:pl-5:first-child{
  padding-left: 25px;
}
.first\:pt-0:first-child{
  padding-top: 0px;
}
.last\:border-r-0:last-child{
  border-right-width: 0px;
}
.last\:pr-5:last-child{
  padding-right: 25px;
}
.hover\:bg-grey-alpha-6:hover{
  background-color: rgba(20, 31, 51, 0.04);
}
.hover\:bg-grey-alpha-7:hover{
  background-color: rgba(20, 31, 51, 0.02);
}
.hover\:bg-grey-solid-5\/20:hover{
  background-color: rgb(173 177 184 / 0.2);
}
.hover\:bg-grey-solid-7:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary-solid-6:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(212 218 252 / var(--tw-bg-opacity, 1));
}
.hover\:text-grey-solid-0:hover{
  --tw-text-opacity: 1;
  color: rgb(15 19 26 / var(--tw-text-opacity, 1));
}
.hover\:text-grey-solid-2:hover{
  --tw-text-opacity: 1;
  color: rgb(67 75 91 / var(--tw-text-opacity, 1));
}
.hover\:text-grey-solid-2\/80:hover{
  color: rgb(67 75 91 / 0.8);
}
.hover\:text-primary-solid-2:hover{
  --tw-text-opacity: 1;
  color: rgb(94 114 243 / var(--tw-text-opacity, 1));
}
.hover\:shadow-input:hover{
  --tw-shadow: -1px 1px 5px 0 rgba(215, 215, 223, 0.35);
  --tw-shadow-colored: -1px 1px 5px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:shadow-inputFocus:focus{
  --tw-shadow: 0 0 0 3px rgba(215, 215, 223, 0.35);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
@media (min-width: 768px){
  .md\:order-first{
    order: -9999;
  }
  .md\:col-span-1{
    grid-column: span 1 / span 1;
  }
  .md\:col-span-11{
    grid-column: span 11 / span 11;
  }
  .md\:col-span-12{
    grid-column: span 12 / span 12;
  }
  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .md\:col-span-3{
    grid-column: span 3 / span 3;
  }
  .md\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .md\:col-span-6{
    grid-column: span 6 / span 6;
  }
  .md\:col-span-8{
    grid-column: span 8 / span 8;
  }
  .md\:mb-11{
    margin-bottom: 55px;
  }
  .md\:mb-2{
    margin-bottom: 10px;
  }
  .md\:mb-3{
    margin-bottom: 15px;
  }
  .md\:mb-4{
    margin-bottom: 20px;
  }
  .md\:mb-8{
    margin-bottom: 40px;
  }
  .md\:mt-0{
    margin-top: 0px;
  }
  .md\:mt-10{
    margin-top: 50px;
  }
  .md\:block{
    display: block;
  }
  .md\:inline{
    display: inline;
  }
  .md\:flex{
    display: flex;
  }
  .md\:hidden{
    display: none;
  }
  .md\:aspect-1\/1{
    aspect-ratio: 1 / 1;
  }
  .md\:aspect-1\/2{
    aspect-ratio: 1 / 2;
  }
  .md\:aspect-11\/5{
    aspect-ratio: 11 / 5;
  }
  .md\:aspect-2\/3{
    aspect-ratio: 2 / 3;
  }
  .md\:aspect-9\/5{
    aspect-ratio: 9 / 5;
  }
  .md\:aspect-auto{
    aspect-ratio: auto;
  }
  .md\:h-24{
    height: 120px;
  }
  .md\:h-\[200px\]{
    height: 200px;
  }
  .md\:h-\[26px\]{
    height: 26px;
  }
  .md\:h-\[34px\]{
    height: 34px;
  }
  .md\:max-h-12{
    max-height: 60px;
  }
  .md\:max-h-\[420px\]{
    max-height: 420px;
  }
  .md\:max-h-\[460px\]{
    max-height: 460px;
  }
  .md\:max-h-\[540px\]{
    max-height: 540px;
  }
  .md\:w-1\/2{
    width: 50%;
  }
  .md\:w-1\/4{
    width: 25%;
  }
  .md\:w-14{
    width: 70px;
  }
  .md\:w-24{
    width: 120px;
  }
  .md\:w-3\/5{
    width: 60%;
  }
  .md\:w-8{
    width: 40px;
  }
  .md\:w-\[26px\]{
    width: 26px;
  }
  .md\:w-\[34px\]{
    width: 34px;
  }
  .md\:w-\[800px\]{
    width: 800px;
  }
  .md\:max-w-2xl{
    max-width: 42rem;
  }
  .md\:max-w-\[1200px\]{
    max-width: 1200px;
  }
  .md\:max-w-\[400px\]{
    max-width: 400px;
  }
  .md\:max-w-\[50\%\]{
    max-width: 50%;
  }
  .md\:flex-1{
    flex: 1 1;
  }
  .md\:flex-grow{
    flex-grow: 1;
  }
  .md\:columns-3{
    -moz-columns: 3;
         columns: 3;
  }
  .md\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:flex-row{
    flex-direction: row;
  }
  .md\:flex-col{
    flex-direction: column;
  }
  .md\:items-start{
    align-items: flex-start;
  }
  .md\:items-center{
    align-items: center;
  }
  .md\:items-stretch{
    align-items: stretch;
  }
  .md\:justify-start{
    justify-content: flex-start;
  }
  .md\:justify-center{
    justify-content: center;
  }
  .md\:justify-between{
    justify-content: space-between;
  }
  .md\:gap-x-0{
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
  .md\:gap-x-4{
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .md\:gap-x-6{
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
  .md\:gap-x-8{
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .md\:gap-y-4{
    row-gap: 20px;
  }
  .md\:space-x-10 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(50px * var(--tw-space-x-reverse));
    margin-left: calc(50px * calc(1 - var(--tw-space-x-reverse)));
  }
  .md\:space-x-12 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(60px * var(--tw-space-x-reverse));
    margin-left: calc(60px * calc(1 - var(--tw-space-x-reverse)));
  }
  .md\:space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(10px * var(--tw-space-x-reverse));
    margin-left: calc(10px * calc(1 - var(--tw-space-x-reverse)));
  }
  .md\:space-x-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(15px * var(--tw-space-x-reverse));
    margin-left: calc(15px * calc(1 - var(--tw-space-x-reverse)));
  }
  .md\:space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(20px * var(--tw-space-x-reverse));
    margin-left: calc(20px * calc(1 - var(--tw-space-x-reverse)));
  }
  .md\:space-x-7 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(35px * var(--tw-space-x-reverse));
    margin-left: calc(35px * calc(1 - var(--tw-space-x-reverse)));
  }
  .md\:space-x-8 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(40px * var(--tw-space-x-reverse));
    margin-left: calc(40px * calc(1 - var(--tw-space-x-reverse)));
  }
  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }
  .md\:space-y-16 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(80px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(80px * var(--tw-space-y-reverse));
  }
  .md\:space-y-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(10px * var(--tw-space-y-reverse));
  }
  .md\:space-y-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(20px * var(--tw-space-y-reverse));
  }
  .md\:space-y-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(30px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(30px * var(--tw-space-y-reverse));
  }
  .md\:space-y-8 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(40px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(40px * var(--tw-space-y-reverse));
  }
  .md\:border-b-0{
    border-bottom-width: 0px;
  }
  .md\:border-l-2{
    border-left-width: 2px;
  }
  .md\:p-8{
    padding: 40px;
  }
  .md\:px-10{
    padding-left: 50px;
    padding-right: 50px;
  }
  .md\:px-11{
    padding-left: 55px;
    padding-right: 55px;
  }
  .md\:px-12{
    padding-left: 60px;
    padding-right: 60px;
  }
  .md\:px-16{
    padding-left: 80px;
    padding-right: 80px;
  }
  .md\:px-3{
    padding-left: 15px;
    padding-right: 15px;
  }
  .md\:px-5{
    padding-left: 25px;
    padding-right: 25px;
  }
  .md\:px-7{
    padding-left: 35px;
    padding-right: 35px;
  }
  .md\:px-8{
    padding-left: 40px;
    padding-right: 40px;
  }
  .md\:px-\[19px\]{
    padding-left: 19px;
    padding-right: 19px;
  }
  .md\:px-\[23px\]{
    padding-left: 23px;
    padding-right: 23px;
  }
  .md\:py-10{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .md\:py-12{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .md\:py-16{
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .md\:py-17{
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .md\:py-32{
    padding-top: 160px;
    padding-bottom: 160px;
  }
  .md\:py-4{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .md\:py-5{
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .md\:py-8{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .md\:py-\[12px\]{
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .md\:py-\[15px\]{
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .md\:pb-0{
    padding-bottom: 0px;
  }
  .md\:pb-8{
    padding-bottom: 40px;
  }
  .md\:pl-0{
    padding-left: 0px;
  }
  .md\:pr-12{
    padding-right: 60px;
  }
  .md\:pr-4{
    padding-right: 20px;
  }
  .md\:pt-10{
    padding-top: 50px;
  }
  .md\:pt-16{
    padding-top: 80px;
  }
  .md\:pt-24{
    padding-top: 120px;
  }
  .md\:text-left{
    text-align: left;
  }
  .md\:text-\[136px\]{
    font-size: 136px;
  }
  .md\:text-dlg{
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -2%;
  }
  .md\:text-dmd{
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -0.72px;
  }
  .md\:text-dsm{
    font-size: 30px;
    line-height: 38px;
  }
  .md\:text-dxl{
    font-size: 60px;
    line-height: 72px;
    letter-spacing: -2%;
  }
  .md\:text-dxs{
    font-size: 24px;
    line-height: 32px;
  }
  .md\:text-lg{
    font-size: 18px;
    line-height: 28px;
  }
  .md\:text-md{
    font-size: 16px;
    line-height: 24px;
  }
  .md\:text-sm{
    font-size: 14px;
    line-height: 20px;
  }
  .md\:text-xl{
    font-size: 20px;
    line-height: 30px;
  }
  .md\:text-xs{
    font-size: 12px;
    line-height: 18px;
  }
  .md\:leading-\[22px\]{
    line-height: 22px;
  }
}
@media (min-width: 1024px){
  .lg\:order-first{
    order: -9999;
  }
  .lg\:order-last{
    order: 9999;
  }
  .lg\:order-none{
    order: 0;
  }
  .lg\:col-span-12{
    grid-column: span 12 / span 12;
  }
  .lg\:col-span-3{
    grid-column: span 3 / span 3;
  }
  .lg\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .lg\:col-span-6{
    grid-column: span 6 / span 6;
  }
  .lg\:mb-0{
    margin-bottom: 0px;
  }
  .lg\:mb-24{
    margin-bottom: 120px;
  }
  .lg\:mb-3{
    margin-bottom: 15px;
  }
  .lg\:ml-0{
    margin-left: 0px;
  }
  .lg\:mt-0{
    margin-top: 0px;
  }
  .lg\:mt-11{
    margin-top: 55px;
  }
  .lg\:mt-12{
    margin-top: 60px;
  }
  .lg\:block{
    display: block;
  }
  .lg\:grid{
    display: grid;
  }
  .lg\:hidden{
    display: none;
  }
  .lg\:aspect-4\/3{
    aspect-ratio: 4 / 3;
  }
  .lg\:aspect-8\/3{
    aspect-ratio: 8 / 3;
  }
  .lg\:aspect-9\/5{
    aspect-ratio: 9 / 5;
  }
  .lg\:h-20{
    height: 100px;
  }
  .lg\:h-\[280px\]{
    height: 280px;
  }
  .lg\:h-\[340px\]{
    height: 340px;
  }
  .lg\:max-h-\[600px\]{
    max-height: 600px;
  }
  .lg\:w-2\/3{
    width: 66.666667%;
  }
  .lg\:w-3\/4{
    width: 75%;
  }
  .lg\:w-full{
    width: 100%;
  }
  .lg\:max-w-3xl{
    max-width: 48rem;
  }
  .lg\:max-w-5xl{
    max-width: 64rem;
  }
  .lg\:max-w-\[300px\]{
    max-width: 300px;
  }
  .lg\:max-w-\[340px\]{
    max-width: 340px;
  }
  .lg\:max-w-\[530px\]{
    max-width: 530px;
  }
  .lg\:max-w-\[560px\]{
    max-width: 560px;
  }
  .lg\:grow{
    flex-grow: 1;
  }
  .lg\:columns-3{
    -moz-columns: 3;
         columns: 3;
  }
  .lg\:auto-rows-fr{
    grid-auto-rows: minmax(0, 1fr);
  }
  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:flex-row{
    flex-direction: row;
  }
  .lg\:items-start{
    align-items: flex-start;
  }
  .lg\:justify-end{
    justify-content: flex-end;
  }
  .lg\:justify-between{
    justify-content: space-between;
  }
  .lg\:gap-x-10{
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
  .lg\:gap-x-4{
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .lg\:space-x-12 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(60px * var(--tw-space-x-reverse));
    margin-left: calc(60px * calc(1 - var(--tw-space-x-reverse)));
  }
  .lg\:space-x-16 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(80px * var(--tw-space-x-reverse));
    margin-left: calc(80px * calc(1 - var(--tw-space-x-reverse)));
  }
  .lg\:space-x-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(15px * var(--tw-space-x-reverse));
    margin-left: calc(15px * calc(1 - var(--tw-space-x-reverse)));
  }
  .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(20px * var(--tw-space-x-reverse));
    margin-left: calc(20px * calc(1 - var(--tw-space-x-reverse)));
  }
  .lg\:space-x-8 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(40px * var(--tw-space-x-reverse));
    margin-left: calc(40px * calc(1 - var(--tw-space-x-reverse)));
  }
  .lg\:space-y-1 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(5px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(5px * var(--tw-space-y-reverse));
  }
  .lg\:space-y-10 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(50px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(50px * var(--tw-space-y-reverse));
  }
  .lg\:space-y-12 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(60px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(60px * var(--tw-space-y-reverse));
  }
  .lg\:space-y-16 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(80px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(80px * var(--tw-space-y-reverse));
  }
  .lg\:space-y-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(15px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(15px * var(--tw-space-y-reverse));
  }
  .lg\:space-y-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(30px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(30px * var(--tw-space-y-reverse));
  }
  .lg\:p-0{
    padding: 0px;
  }
  .lg\:p-12{
    padding: 60px;
  }
  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .lg\:px-12{
    padding-left: 60px;
    padding-right: 60px;
  }
  .lg\:px-24{
    padding-left: 120px;
    padding-right: 120px;
  }
  .lg\:px-8{
    padding-left: 40px;
    padding-right: 40px;
  }
  .lg\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .lg\:py-10{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .lg\:py-16{
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .lg\:py-2{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .lg\:py-20{
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .lg\:py-22{
    padding-top: 110px;
    padding-bottom: 110px;
  }
  .lg\:py-6{
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .lg\:py-8{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .lg\:py-\[7px\]{
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .lg\:pb-0{
    padding-bottom: 0px;
  }
  .lg\:pb-16{
    padding-bottom: 80px;
  }
  .lg\:pl-12{
    padding-left: 60px;
  }
  .lg\:pl-8{
    padding-left: 40px;
  }
  .lg\:pr-12{
    padding-right: 60px;
  }
  .lg\:pr-15{
    padding-right: 75px;
  }
  .lg\:pr-5{
    padding-right: 25px;
  }
  .lg\:pr-8{
    padding-right: 40px;
  }
  .lg\:pt-16{
    padding-top: 80px;
  }
  .lg\:pt-20{
    padding-top: 100px;
  }
  .lg\:pt-22{
    padding-top: 110px;
  }
  .lg\:pt-24{
    padding-top: 120px;
  }
  .lg\:text-left{
    text-align: left;
  }
  .lg\:text-dlg{
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -2%;
  }
  .lg\:text-dmd{
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -0.72px;
  }
  .lg\:text-dsm{
    font-size: 30px;
    line-height: 38px;
  }
  .lg\:text-dxl{
    font-size: 60px;
    line-height: 72px;
    letter-spacing: -2%;
  }
  .lg\:text-dxs{
    font-size: 24px;
    line-height: 32px;
  }
  .lg\:text-lg{
    font-size: 18px;
    line-height: 28px;
  }
  .lg\:text-md{
    font-size: 16px;
    line-height: 24px;
  }
  .lg\:text-sm{
    font-size: 14px;
    line-height: 20px;
  }
  .lg\:text-xl{
    font-size: 20px;
    line-height: 30px;
  }
}
