@font-face {
  font-family: Soehne Mono Buch;
  src: url('../fonts/soehne-mono-buch.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Soehne Buch;
  src: url('../fonts/soehne-buch.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Soehne Halbfett;
  src: url('../fonts/soehne-halbfett.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Soehne Mono Halbfett;
  src: url('../fonts/soehne-mono-halbfett.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Soehne Kraftig;
  src: url('../fonts/soehne-kraftig.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Just Sans Variable;
  src: url('../fonts/JUST-Sans-Variable.ttf') format("truetype");
  font-weight: 135 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Geistvf;
  src: url('../fonts/GeistVF.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Givonic Variable;
  src: url('../fonts/Givonic-Variable.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --light-text: #8f8f8f;
  --brand-yellow: #e0e42f;
  --main-background: #161719;
  --white-text: white;
  --font-size--medium: 14px;
  --radius: .28125rem;
  --v2--div-background: #202123;
  --font-size--large: 15px;
  --small-radius: 2px;
  --glass-white: #171716;
  --primary-1: #060709;
  --borders: #2b2e30;
  --large-radius: .5rem;
  --untitled-ui--white: white;
  --v2--input-backgrounds: #202224;
  --panel-background: #1a1b1b;
  --current-light-hover: #ffffff0d;
  --nav: #ffffff0d;
  --dark-text: #181818;
  --small-print: var(--links--text-colour);
  --circle: 1000px;
  --untitled-ui--primary800: #53389e;
  --untitled-ui--primary700: #6941c6;
  --untitled-ui--gray500: #667085;
  --links--text-colour: #ccccccb3;
  --black: black;
  --font-size--14: 14px;
  --glass-green: #1c3120;
  --flowstica-webflow-library--medium-sea-green: #08b54f;
  --button--background: #222;
  --studioform-library--sf-color--green: #41f182;
  --hover: #e4e6ec;
  --buttons: #f5f7fa;
  --global--border-radius: 8px;
  --hover-dark: #303235cc;
  --button-background: white;
  --dark-borders: #272b36;
  --primary-background-1: #f4f6f9;
  --primary-background-2: #101013;
  --border--light: #ffffff1a;
  --button--hover: #005ad6;
  --current--text: #014fff;
  --flowstica-webflow-library--black: #333;
  --input-fields--background: #1a222d;
  --input-fields--hover: #0058fe;
  --panel-background--dark: #222732;
  --studioform-library--base-color-neutral--neutral-lightest: #eee;
  --studioform-library--sf-color--subtle-black-11: #222;
  --studioform-library--sf-color--light-red: #fbe5e8;
  --studioform-library--sf-color--light-blue: #b1c9f6;
  --studioform-library--sf-color--grey: #e9e9e9;
  --studioform-library--sf-color--subtle-black-10: #2222221a;
  --studioform-library--sf-color--blue: #175ada;
  --studioform-library--sf-color--light-green: #cffce0;
  --studioform-library--sf-color--red: #dd2d4a;
  --studioform-library--sf-color--subtle-white: #fbfbfb;
  --studioform-library--sf-color--subtle-black-50: #22222280;
  --studioform-library--sf-color--subtle-black-20: #2223;
  --studioform-library--sf-color--tag-blue: #0073e6;
  --studioform-library--sf-corner--small: .15625rem;
  --studioform-library--sf-corner--large: .625rem;
  --studioform-library--sf-corner--medium: .3125rem;
  --untitled-ui--gray600: #475467;
  --untitled-ui--primary600: #13f287;
  --untitled-ui--primary50-2: #f9f5ff;
  --untitled-ui--primary300: #d6bbfb;
  --untitled-ui--gray300: #d0d5dd;
  --untitled-ui--primary100: #f4ebff;
  --untitled-ui--primary500: #9e77ed;
  --untitled-ui--gray900: #101828;
  --untitled-ui--gray100: #f2f4f7;
  --untitled-ui--gray700: #344054;
  --untitled-ui--gray800: #1d2939;
  --untitled-ui--gray50-2: #f9fafb;
  --untitled-ui--primary200: #e9d7fe;
  --untitled-ui--gray200: #eaecf0;
  --white--text: var(--black);
  --v2--nav-link: #868c97;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 21px;
}

p {
  color: var(--light-text);
  margin-bottom: 10px;
  font-weight: 400;
}

a {
  color: var(--brand-yellow);
  text-decoration: underline;
}

strong {
  color: #fff;
  font-weight: 500;
}

.body {
  background-color: var(--main-background);
  color: var(--white-text);
  font-family: Geistvf, sans-serif;
  font-size: var(--font-size--medium);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  font-weight: 200;
  display: flex;
}

.body.portals {
  background-color: var(--main-background);
  color: var(--white-text);
  padding-top: 65px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  overflow: hidden auto;
}

.body.portals.homepage {
  background-image: linear-gradient(#000000f7, #000000f7), url('../images/nice_wave_background_or_texture_2024_08_10_18_18_41_utc1.png'), url('../images/frame17.svg');
  background-position: 0 0, 50%, 50% 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, cover, auto;
  background-attachment: scroll, scroll, fixed;
  padding-bottom: 140px;
}

.body.home {
  color: var(--white-text);
  background-color: #000;
  padding-top: 63px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body.portal2 {
  background-color: var(--main-background);
  color: var(--white-text);
  padding-top: 50px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  overflow: hidden auto;
}

.body.portal2.landing-page {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #000;
  background-image: linear-gradient(315deg, #000 2%, #fff0), radial-gradient(circle at 50% 0, #000c, #fff0), linear-gradient(#1a303a, #fff0 5%);
}

.body.maps {
  background-color: var(--main-background);
  color: var(--white-text);
  letter-spacing: .1px;
  height: 100svh;
  padding-top: 62px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  overflow: hidden auto;
}

.body.legal {
  color: var(--white-text);
  background-color: #000;
  padding-top: 65px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  overflow: hidden auto;
}

.body.legal.homepage {
  background-image: linear-gradient(#000000f7, #000000f7), url('../images/nice_wave_background_or_texture_2024_08_10_18_18_41_utc1.png'), url('../images/frame17.svg');
  background-position: 0 0, 50%, 50% 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, cover, auto;
  background-attachment: scroll, scroll, fixed;
  padding-bottom: 140px;
}

.body.newanalysis {
  color: var(--white-text);
  background-color: #0d0d0d;
  padding-top: 65px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  overflow: hidden auto;
}

.body.newanalysis.homepage {
  background-image: linear-gradient(#000000f7, #000000f7), url('../images/nice_wave_background_or_texture_2024_08_10_18_18_41_utc1.png'), url('../images/frame17.svg');
  background-position: 0 0, 50%, 50% 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, cover, auto;
  background-attachment: scroll, scroll, fixed;
  padding-bottom: 140px;
}

.analysis-block {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-radius: var(--radius);
  background-color: var(--v2--div-background);
  flex-flow: column;
  margin-bottom: 10px;
  padding: 20px;
  display: flex;
}

.feedback {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--light-text);
  border-radius: .25rem;
  flex-flow: column;
  display: flex;
}

.video-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
}

.analysis-main-wrapper {
  flex-flow: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
}

.analsys-title {
  color: var(--brand-yellow);
  font-size: var(--font-size--large);
  font-weight: 700;
}

.text-block-12 {
  color: #8c8c8c;
  font-size: 12px;
  font-weight: 400;
}

.analysis {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: var(--small-radius);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-bottom: 1px #e7e7e7;
  flex-flow: column;
  display: flex;
}

.analysis-copy {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem;
  display: flex;
}

.div-block-9 {
  background-color: #fff;
  border-radius: .25rem;
  width: 10px;
  height: 10px;
  position: relative;
  top: 0;
  left: 4px;
}

.div-block-10 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-11 {
  background-color: var(--glass-white);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  padding: .8rem 1rem;
  overflow: hidden;
}

.grid-2 {
  grid-column-gap: 9px;
  color: #fff;
  grid-template: "Area Area-2 Area-3"
  / max-content 1fr 50px;
}

.video-wrapper {
  z-index: 0;
  aspect-ratio: 16 / 9;
  object-position: 50% 100%;
  background-color: #000;
  background-image: url('../images/golfing-couple-at-a-tee-box-enjoying-a-game-of-go-2023-11-27-05-03-04-utc-1.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  max-height: 400px;
}

.timeline {
  background-color: #141615;
  background-image: linear-gradient(#ffffff0d, #ffffff0d);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 4px;
  display: flex;
  position: relative;
}

.text-block-5 {
  text-align: right;
  justify-content: center;
  align-items: center;
  line-height: 14px;
  display: flex;
}

.svg-icon {
  width: .9rem;
  height: .9rem;
  line-height: 1;
}

.svg-icon:hover {
  cursor: pointer;
}

.content-wrapper {
  flex-flow: column;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  position: relative;
}

.content-wrapper.analysis-wrapper {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  overflow: visible;
}

.track {
  background-color: #fff;
  justify-content: flex-end;
  align-items: center;
  width: 40%;
  height: 4px;
  display: flex;
}

.utility-pages {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #000c;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-12 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 10px;
  display: flex;
}

.paragraph-3 {
  color: var(--light-text);
  margin-bottom: 20px;
}

.image-6 {
  width: 200px;
  margin-right: auto;
}

.navbar {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--primary-1);
  grid-template: "Area Area-2"
  / max-content 1fr;
  grid-auto-columns: 1fr;
  margin: 0;
  padding: 1rem 1.6rem;
  display: grid;
  position: sticky;
  top: 0;
}

.nav-menu {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.grid-3 {
  grid-column-gap: 1.1rem;
  grid-row-gap: 1.1rem;
  grid-template: "."
  / 1fr 1fr 1fr 1fr;
  margin-left: auto;
  margin-right: auto;
}

.library-item {
  border: 1px none var(--borders);
  border-radius: var(--small-radius);
  box-shadow: none;
  background-color: #fff;
  text-decoration: none;
  transition: all .2s;
  overflow: hidden;
}

.library-item:hover {
  transform: scale(.98);
}

.library-photo {
  aspect-ratio: 16 / 9;
  border-radius: var(--radius);
  position: relative;
  overflow: hidden;
}

.library-data {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  flex-flow: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  width: 100%;
  padding: 24px;
  display: flex;
}

.text-block-18 {
  color: var(--white-text);
  text-transform: capitalize;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 50%;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  overflow: hidden;
}

.text-block-18-copy {
  color: var(--white-text);
  text-transform: capitalize;
  background-color: #262626;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 6px;
  font-size: 12px;
  font-weight: 200;
  line-height: 100%;
  display: flex;
}

.animated-button {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  aspect-ratio: auto;
  border-radius: var(--radius);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--white-text);
  text-align: center;
  background-color: #1a1b1b;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.animated-button:hover {
  background-color: var(--brand-yellow);
}

.tabs-menu {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  box-shadow: none;
  font-weight: 600;
  display: flex;
}

.link-block-3 {
  border-radius: var(--small-radius);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  background-color: #ffffff40;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: 8px 8px auto auto;
}

.link-block-3:hover {
  color: #ff9600;
  background-color: #fff;
}

.save-analysis {
  justify-content: space-between;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.save-analysis:hover {
  cursor: pointer;
}

.text-block-21 {
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  background-color: #00000040;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  position: absolute;
  inset: auto 0 0;
}

.tabs-content {
  border-radius: var(--large-radius);
  padding-top: 20px;
  overflow: visible;
}

.nav-link {
  color: var(--untitled-ui--white);
  justify-content: center;
  align-items: center;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.nav-link.w--current {
  background-color: var(--glass-white);
  color: var(--brand-yellow);
  font-weight: 600;
}

.nav-link.transparent {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #7d7d7d;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  line-height: 1;
}

.nav-link.transparent:hover {
  color: var(--white-text);
}

.nav-link.large {
  border-radius: var(--radius);
  background-color: var(--v2--input-backgrounds);
  padding: 10px 20px;
}

.dropdown-toggle {
  border-radius: var(--large-radius);
  background-color: var(--current-light-hover);
  color: var(--white-text);
  font-size: var(--font-size--medium);
  justify-content: flex-start;
  align-items: center;
  width: 160px;
  height: 100%;
  padding: .5rem 22px;
  font-weight: 600;
  display: flex;
}

.div-block-23 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-2 {
  margin-right: 10px;
}

.tabs {
  border-radius: var(--radius);
  flex-flow: column;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.image-2 {
  display: block;
}

.div-block-25 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 50%;
  margin-top: auto;
  display: flex;
}

.sport-select-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: var(--radius);
  color: var(--light-text);
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  font-weight: 400;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.sport-select-item:hover {
  background-color: #00000029;
}

.sport-select-item.w--current {
  color: var(--brand-yellow);
  border: 1px solid #323432;
}

.coming-soon {
  border: 1px solid var(--borders);
  border-radius: var(--radius);
  letter-spacing: .5px;
  text-transform: uppercase;
  white-space: nowrap;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 8px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.dropdown-list {
  background-color: #c7c0c0;
}

.dropdown-list.w--open {
  background-color: #0000;
  padding-top: .5rem;
}

.div-block-26 {
  border: 1px solid var(--borders);
  border-radius: var(--radius);
  background-color: #323432;
  padding: 4px;
  box-shadow: 0 2px 10px #0003;
}

.div-block-27 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  display: flex;
}

.gt-form-wrapper {
  background-color: #0000;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.heading-sm {
  color: var(--white-text);
  padding-bottom: .5rem;
  font-size: 1rem;
}

.tab-pane-panel {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: var(--radius);
  background-color: var(--v2--div-background);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  padding: 2rem;
  display: flex;
  box-shadow: 0 4px 6px #0003;
}

.paragraph-7 {
  font-size: 14px;
  line-height: 150%;
}

.gt-form-submit-button {
  border-radius: var(--small-radius);
  background-color: var(--brand-yellow);
  color: var(--dark-text);
  text-align: center;
  background-image: none;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 12px 1rem;
  font-size: 14px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.gt-form-submit-button:hover {
  background-color: #0ebe6a;
}

.div-block-171 {
  flex: 1;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  display: flex;
}

.form-block-5 {
  flex: 1;
  margin-bottom: 0;
}

.div-block-173 {
  display: flex;
}

.dropdown {
  border-radius: var(--large-radius);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  height: 56px;
  margin: 0;
  box-shadow: 0 4px 6px #0003;
}

.wbs-nav-center-menu {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-radius: var(--large-radius);
  box-shadow: none;
  background-color: #1c1c1e;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.wbs-logo {
  filter: none;
}

.nav-center-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.navbar-center {
  z-index: 999;
  box-shadow: none;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #000c;
  border-bottom: 1px solid #171717;
  flex-flow: column;
  justify-content: space-between;
  padding: 10px 20px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.fn-footer-copyright {
  color: var(--light-text);
  flex: 1;
}

.footer-legal-link {
  opacity: .7;
  color: var(--light-text);
  text-decoration: none;
  transition: color .25s;
}

.div-block-174 {
  grid-column-gap: 1.6rem;
  grid-row-gap: 1.6rem;
  display: flex;
}

.library-photo-copy {
  aspect-ratio: auto;
  border-radius: var(--radius) 0rem 0rem var(--radius);
  width: 100px;
  position: relative;
  overflow: hidden;
}

.library-component {
  grid-column-gap: 20px;
  grid-row-gap: 10px;
  flex-flow: column;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 100px;
  display: grid;
}

.page-header {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 0;
  display: flex;
}

.heading-3 {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 38px;
  font-weight: 400;
  line-height: 1.4;
}

.paragraph-8 {
  opacity: .8;
  color: var(--light-text);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.tab-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-radius: var(--large-radius);
  color: var(--light-text);
  background-color: #0000;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  transition: all .2s;
  display: flex;
}

.tab-link:hover {
  border-radius: var(--radius);
  background-color: var(--current-light-hover);
  color: var(--white-text);
  border: 1px solid #e2fe53;
}

.tab-link:active {
  border-color: #e2fe53;
}

.tab-link.w--current {
  border-radius: var(--radius);
  background-color: var(--v2--input-backgrounds);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--white-text);
  justify-content: center;
  align-items: center;
  height: 50px;
  display: flex;
}

.tab-link.w--current:hover, .tab-link.w--current:active {
  border-color: #e2fe53;
}

.container {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4rem;
  padding-bottom: 100px;
  display: flex;
}

.container.align-center {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container.home {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-right: 1px solid var(--borders);
  border-left: 1px solid var(--borders);
  max-width: 1080px;
  padding-top: 0;
  padding-bottom: 0;
}

.container.analysis-page {
  grid-column-gap: 140px;
  grid-row-gap: 140px;
  max-width: 990px;
}

.container.legal {
  padding-top: 4rem;
  display: block;
}

.container.settings {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.footer {
  z-index: 999;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #ddd0;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  height: 57px;
  margin-top: auto;
  padding: 10px 20px;
  display: flex;
}

.score-bar-wrapper {
  aspect-ratio: 1;
  border-radius: var(--circle);
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 50px;
  padding: 4px;
  display: flex;
  position: relative;
}

.score-bar {
  border-radius: var(--circle);
  background-color: var(--main-background);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-180 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 19.1875px;
  display: flex;
}

.actual-score {
  color: #13f287;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  line-height: 100%;
  display: flex;
}

.tabs-content-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.item-more {
  border-radius: var(--small-radius);
  background-color: #ffffff1a;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.dropdown-toggle-2 {
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.library-item-wrapper {
  border-top-left-radius: var(--small-radius);
  border-top-right-radius: var(--small-radius);
  border-bottom-left-radius: var(--small-radius);
  border-bottom-right-radius: var(--small-radius);
  background-color: var(--panel-background);
  outline-color: var(--borders);
  outline-offset: 0px;
  visibility: hidden;
  border: 1px #000;
  outline-width: 2px;
  outline-style: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 10px;
  padding: 16px;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: flex;
  position: relative;
  box-shadow: 0 4px 6px #0003;
}

.wbs-nav-center-menu {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #fff0;
}

.wbs-nav-center-menu.gap-small {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #1c1c1e00;
}

.udesly-paragraph-large {
  color: #404040;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.udesly-display-large {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 52px;
  font-weight: 500;
  line-height: 56px;
}

.udesly-display-large.udesly-text-extrabold {
  font-size: 52px;
}

.udesly-overline-large {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}

.uui-button-icon-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-row-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-space-small-2 {
  width: 100%;
  min-height: 1.5rem;
}

.uui-container-large-2 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-2 {
  padding: 60px 40px;
}

.uui-button-link-2 {
  grid-column-gap: .5rem;
  color: var(--brand-yellow);
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-link-2:hover {
  color: var(--untitled-ui--primary800);
}

.uui-text-size-medium-2 {
  color: var(--untitled-ui--gray500);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-space-xxsmall-2 {
  width: 100%;
  min-height: .5rem;
}

.uui-heading-xxsmall-2 {
  color: var(--white-text);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-space-xxlarge-2 {
  width: 100%;
  min-height: 5rem;
}

.uui-icon-1x1-xsmall-2 {
  color: #13f287;
  width: 1.5rem;
  height: 1.5rem;
}

.icon-featured-square-large {
  color: var(--untitled-ui--white);
  background-color: #13f28726;
  border-radius: .625rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.uui-layout72_item {
  border-radius: var(--radius);
  background-color: #0f0f12;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 1.5rem;
  display: flex;
}

.uui-layout72_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch start;
  display: grid;
}

.image-8 {
  object-fit: cover;
  height: 100%;
  display: block;
}

.udesly-error-message {
  color: #dc2828;
  background-color: #fef1f1;
  border: 1px solid #fec8c8;
  border-radius: 6px;
  margin-top: 16px;
  padding: 12px 20px;
}

.udesly-success-message {
  color: #157f3c;
  background-color: #f2fdf5;
  border: 1px solid #bbf7d0;
  border-radius: 6px;
}

.udesly-link-sign-in {
  color: var(--links--text-colour);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.udesly-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 16px;
  display: flex;
}

.udesly-button-wrapper.udesly-mb-16 {
  margin-bottom: 16px;
}

.input-wrapper-password {
  margin-bottom: 0;
  position: relative;
}

.input-wrapper-password.last {
  margin-bottom: -16px;
}

.sp-text-field {
  border: 1px solid var(--borders);
  border-radius: var(--radius);
  background-color: var(--v2--input-backgrounds);
  box-shadow: none;
  color: var(--white-text);
  text-align: left;
  height: 100%;
  min-height: 40px;
  margin-bottom: 16px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  transition: all .25s ease-out;
}

.sp-text-field:focus {
  border: 1px solid #141414;
  box-shadow: 0 0 4px #05b477;
}

.sp-text-field::placeholder {
  color: var(--light-text);
}

.form-sign-in {
  text-align: center;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.sp-form-block {
  margin-bottom: 0;
}

.sp-form-block.sign-in {
  max-width: 384px;
  margin-left: auto;
  margin-right: auto;
}

.form-image {
  text-align: center;
  justify-content: center;
  align-items: center;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 2rem 0% auto;
}

.udesly-paragraph-large-2 {
  color: #404040;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.udesly-paragraph-xsmall {
  color: var(--links--text-colour);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.udesly-sign-up-terms-of-use-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.sp-button {
  border-radius: var(--radius);
  background-color: var(--brand-yellow);
  color: var(--black);
  font-family: Soehne Halbfett, sans-serif;
  font-size: var(--font-size--14);
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 20px;
  font-weight: 400;
  display: flex;
  box-shadow: 0 4px 6px #0003;
}

.sp-button.white {
  background-color: var(--untitled-ui--white);
}

.sp-button.small {
  flex: 1;
  padding-top: 12px;
  padding-bottom: 12px;
}

.dropdown-list-2 {
  right: 0;
}

.dropdown-list-2.w--open {
  border: 1px solid var(--borders);
  border-radius: var(--small-radius);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #323533;
  top: 16px;
  overflow: hidden;
  box-shadow: 0 4px 6px #0003;
}

.dropdown-link {
  color: var(--white-text);
}

.appbar {
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.app-bar-link {
  color: #838c8c;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 80px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.app-bar-link.w--current {
  border-top: 3px solid var(--brand-yellow);
  color: var(--brand-yellow);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  display: flex;
}

.master {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #131313;
  flex: 1;
}

.appbar-wrapper {
  z-index: 9999;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #20212380;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: none;
  position: fixed;
  inset: auto 0% 0;
}

.div-block-196 {
  margin-top: auto;
  margin-bottom: auto;
  padding: 2rem;
}

.nav-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
}

.nav-icon:hover {
  cursor: pointer;
}

.wbs-alert-bar-4-title {
  color: var(--light-text);
  text-align: center;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.wbs-alert-bar-4-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 20px;
  color: var(--white-text);
  text-transform: none;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
  display: flex;
  position: relative;
}

.wbs-container {
  width: 100%;
  max-width: 1240px;
}

.alert-bar {
  border: 1px solid var(--borders);
  border-radius: var(--radius);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 12px 20px;
}

.wbs-spacing-30 {
  height: 1.875rem;
}

.wbs-pricing-price {
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
}

.wbs-pricing-price.strike {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.wbs-pricing-price-wrap {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.wbs-pricing-1-title {
  color: var(--white-text);
  font-size: var(--font-size--large);
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: 400;
}

.fn-slide-item-wrapper-testimonial {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #939b9b;
  background-color: #0000;
  border: 1px solid #687373;
  border-radius: 12px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.wbs-hero-6-lead-text-2 {
  color: #ccc;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.125rem;
  line-height: 1.6rem;
}

.wbs-button-black-3 {
  border-radius: var(--radius);
  background-color: var(--brand-yellow);
  color: #000;
  text-align: center;
  padding: 12px 20px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.wbs-button-black-3:hover {
  color: #fff;
  background-color: #333;
}

.wbs-button-black-3.eagle-elite {
  color: #fff;
  background-color: #333;
  font-weight: 400;
}

.wbs-button-black-3.albatross-pro {
  color: #0f0;
  background-color: #333;
  font-weight: 400;
}

.wbs-button-black-3.birdie-member {
  color: #fff;
  background-color: #171717;
  align-self: stretch;
  font-weight: 400;
}

.wbs-hero-3-title-2 {
  color: #f7f7f7;
  text-align: center;
  width: 79%;
  margin: 0 auto;
  font-size: 62px;
  font-weight: 500;
  line-height: 1.3em;
}

.pricing-tile {
  border-radius: var(--radius);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  text-align: left;
  background-image: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 0;
  display: flex;
}

.pricing-tile.highlighted {
  background-image: linear-gradient(#080808e6, #080808e6);
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: flex-start;
}

.wbs-hero-6-tagline-2 {
  color: #08b54f;
  background-color: #ffffff1a;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 3px 10px;
  display: inline-block;
}

.wbs-hero-5-content-left-2 {
  text-align: center;
  flex-direction: column;
  align-items: flex-start;
}

.grid-4 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
}

.grid-4.pricing {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.text-block-25 {
  color: var(--light-text);
}

.wbs-feature-list-item {
  grid-column-gap: 10px;
  color: var(--white-text);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.wbs-feature-list-item.negative {
  opacity: .5;
}

.wbs-feature-list-items {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.check-mark {
  color: var(--brand-yellow);
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  min-height: 1rem;
  margin-top: 2px;
}

.check-mark:hover {
  cursor: pointer;
}

.check-mark.no {
  color: #c00;
}

.wbs-footer-link {
  color: var(--light-text);
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
}

.wbs-footer-link:hover, .wbs-footer-link.w--current {
  text-decoration: underline;
}

.wbs-footer-simple-links {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
}

.wbs-footer-simple {
  text-align: center;
}

.wbs-container-4 {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.wbs-section-8 {
  border-top: 1px solid var(--borders);
  padding: 6.25rem 5% 2rem;
}

.fn-rich-text {
  color: var(--light-text);
  margin-left: auto;
  margin-right: auto;
  padding: 4rem 2rem;
}

.fn-rich-text h2 {
  color: #ecf0ef;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 42px;
  line-height: 1.2em;
}

.fn-rich-text h4 {
  color: #ecf0ef;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3em;
}

.fn-rich-text p {
  margin-bottom: 24px;
  line-height: 1.6em;
}

.fn-rich-text blockquote {
  border-left-style: none;
  margin-bottom: 24px;
  padding: 0;
  font-size: 16px;
  line-height: 1.6em;
}

.fn-rich-text figure {
  width: 100%;
  min-width: 100%;
  margin-bottom: 56px;
  margin-left: 0;
  margin-right: 0;
}

.fn-rich-text figcaption {
  text-align: right;
  justify-content: flex-end;
  text-decoration: underline;
  display: flex;
}

.fn-rich-text img {
  border-radius: 12px;
}

.fn-rich-text ul {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  margin-bottom: 24px;
  padding-left: 20px;
  display: flex;
}

.fn-rich-text ol {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  margin-bottom: 24px;
  padding-left: 20px;
  font-size: 16px;
  display: flex;
}

.fn-rich-text h1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.2em;
}

.fn-rich-text h3 {
  color: var(--brand-yellow);
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2em;
}

.fn-rich-text h5 {
  color: #ecf0ef;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 24px;
  line-height: 1.3em;
}

.fn-rich-text h6 {
  color: #ecf0ef;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 1.2em;
}

.fn-rich-text.legal {
  max-width: 650px;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-201 {
  padding-top: 20px;
}

.wbs-section-dark-2-copy {
  justify-content: center;
  align-items: center;
  padding: 100px 10%;
  display: flex;
}

.wbs-button-black-3-copy {
  color: #000;
  text-align: center;
  background-color: #0c6;
  border-radius: 6px;
  padding: 1rem 30px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.wbs-button-black-3-copy:hover {
  color: #fff;
  background-color: #333;
}

.link-space-between {
  color: var(--links--text-colour);
  justify-content: space-between;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.library-item-wrapper-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: var(--radius);
  background-color: var(--v2--div-background);
  box-shadow: none;
  outline-color: var(--borders);
  outline-offset: 0px;
  border: 1px #000;
  outline-width: 2px;
  outline-style: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 20px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.library-item-wrapper-copy:hover {
  background-color: #ffffff14;
}

.grid-5 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns: 1fr 1fr;
}

.main-video-wrapper {
  aspect-ratio: 16 / 9;
  border-radius: var(--radius);
  background-color: #000;
  justify-content: center;
  align-items: stretch;
  max-width: 100svw;
  max-height: 400px;
  display: flex;
  position: relative;
}

.score-widget {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.progress-track {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #363638;
  border-radius: 2px;
  height: 8px;
  overflow: hidden;
}

.progress-bar {
  background-image: none;
  border-radius: 2px;
  width: 60%;
  height: 100%;
  box-shadow: 0 2px 20px #00000005;
}

.progress-bar.pct-25 {
  background-color: #b40508;
  background-image: none;
  width: 25%;
}

.progress-bar.pct-50 {
  background-color: #b4ab05;
  background-image: none;
  width: 50%;
}

.progress-bar.pct-75 {
  background-color: #5ab405;
  background-image: linear-gradient(#fff, #fff);
  width: 75%;
}

.text-block-27 {
  color: var(--light-text);
  text-transform: capitalize;
  justify-content: space-between;
  padding-bottom: 10px;
  padding-left: 1px;
  line-height: 1;
  display: flex;
}

.text-span-4 {
  color: var(--white-text);
  font-weight: 400;
}

.div-block-206 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.sport-tag {
  background-color: var(--glass-green);
  color: var(--flowstica-webflow-library--medium-sea-green);
  text-transform: uppercase;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: 700;
  line-height: 100%;
  display: flex;
}

.div-block-207 {
  justify-content: flex-end;
  align-items: center;
  padding-top: 0;
  padding-bottom: 20px;
  display: flex;
}

.library-button {
  border-radius: var(--small-radius);
  color: var(--light-text);
  background-color: #16161600;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 6px #0003;
}

.library-button:hover {
  color: var(--untitled-ui--white);
  background-color: #262626;
}

.library-button.active-view {
  background-color: #161616;
}

.div-block-208 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-radius: var(--radius);
  display: flex;
}

.button {
  border-radius: var(--small-radius);
  background-color: var(--button--background);
  color: #fff;
  text-align: center;
  align-self: stretch;
  margin-top: 10px;
  padding: .75rem 1rem;
  font-weight: 400;
  transition: all .3s;
}

.button:hover {
  background-color: #2b2b2b;
}

.code-embed {
  aspect-ratio: 2;
  border-radius: var(--small-radius);
  background-color: #000;
  overflow: hidden;
}

.loading_bar_container {
  flex-flow: column;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.loading_bar_container.invisible {
  display: none;
}

.loading-bar-container {
  background-color: #262626;
  border-radius: 8px;
  height: 20px;
  padding: 5px;
  display: block;
  position: relative;
  overflow: hidden;
}

.loading-bar-container.invisible {
  display: none;
}

.loading-bar {
  background-image: linear-gradient(90deg, #e2fe53, var(--flowstica-webflow-library--medium-sea-green));
  border-radius: 2px;
  height: 100%;
  transition: width .4ms;
}

.paragraph-8-copy {
  opacity: .8;
  color: var(--light-text);
  width: 620px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

.text-span-5 {
  color: var(--flowstica-webflow-library--medium-sea-green);
  font-style: italic;
  font-weight: 300;
}

.text-span-6 {
  color: var(--studioform-library--sf-color--green);
}

.heading-4 {
  text-align: center;
  margin-top: 0;
  font-size: 28px;
  font-weight: 600;
}

.small-container {
  text-align: left;
  max-width: 479px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 20px 20px;
}

.div-block-25-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  margin-top: auto;
  padding-top: 20px;
  display: flex;
  overflow: hidden;
}

.div-block-209 {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  border-radius: var(--radius);
  background-color: var(--v2--div-background);
  background-image: radial-gradient(circle at 50% 100%, #05b4770a, #fff0 82%);
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1rem;
  display: flex;
}

.text-block-28 {
  color: var(--brand-yellow);
  padding-bottom: 8px;
  font-weight: 500;
}

.paragraph-9 {
  margin-bottom: 0;
}

.div-block-210 {
  padding-bottom: 20px;
}

.div-block-211 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.paragraph-10 {
  text-align: center;
  margin-bottom: 0;
}

.div-block-213 {
  background-color: #ffb02e33;
  border-radius: 4px;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  min-width: 60px;
  min-height: 60px;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 1;
  display: flex;
}

.div-block-213.swing {
  background-color: #8a8a8833;
}

.div-block-213.film {
  background-color: #63599433;
}

.div-block-213.conditions {
  background-color: #00d26a33;
}

.text-block-29 {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  overflow: hidden;
}

.text-block-29.camera {
  padding-bottom: 6px;
}

.text-block-30 {
  opacity: 1;
  color: var(--light-text);
  text-align: center;
  letter-spacing: .3px;
  font-size: 12px;
  font-weight: 400;
  transition: transform .5s ease-in-out, opacity .3s ease-in-out;
}

.loading-bar-container-copy {
  background-color: #262626;
  border-radius: 2px;
  height: 16px;
  padding: 3px;
  display: block;
  position: relative;
  overflow: hidden;
}

.div-block-214 {
  height: 40px;
}

.animation-wrapper {
  border-radius: var(--radius);
  display: block;
}

.swiper-container {
  flex-flow: column;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.list-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
  cursor: pointer;
  visibility: visible;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
  text-decoration: none;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.23, 1, .32, 1);
  display: block;
  overflow: hidden;
}

.list-item:active {
  transform: scale(.98);
}

.small-text {
  color: var(--light-text);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}

.library-item-title {
  color: var(--white-text);
  text-transform: capitalize;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 400px;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
  overflow: hidden;
}

.text-block-18-copy {
  color: var(--white-text);
  text-transform: capitalize;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 50%;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  overflow: hidden;
}

.date-text {
  color: var(--light-text);
}

.header {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  border-radius: var(--large-radius);
  background-image: none;
  justify-content: space-between;
  align-items: center;
  padding-left: 2rem;
  padding-right: 1rem;
  display: flex;
}

.date-widget {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.item-data {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.weather-widget {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  border-radius: var(--radius);
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 160px;
  padding: 1rem;
  transition: all .2s;
  display: flex;
  position: relative;
}

.weather-widget:hover {
  background-color: #171717;
}

.div-block-223 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
}

.text-block-31 {
  text-align: right;
  text-transform: capitalize;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 300;
}

.text-block-32 {
  color: var(--light-text);
  text-align: right;
  font-size: 12px;
  line-height: 16px;
}

.temp {
  justify-content: center;
  align-items: center;
  font-size: 30px;
  line-height: 1;
  display: flex;
}

.superscript {
  font-size: 12px;
}

.div-block-226 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.link-2 {
  color: var(--white-text);
  text-decoration: none;
}

.loader {
  opacity: 1;
  background-image: linear-gradient(#080808, #080808);
  justify-content: center;
  align-items: center;
  transition: opacity .5s;
  display: none;
  position: absolute;
  inset: 0%;
}

.lottie-animation-2 {
  z-index: 10;
  width: 2rem;
  height: 2rem;
  position: relative;
}

.image-10 {
  width: 3rem;
  margin-bottom: 0;
  margin-right: 6px;
}

.div-block-227 {
  flex-flow: column;
  display: flex;
}

.item-details {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-228 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.input {
  background-color: #fff0;
  border: 1px #000;
  flex: 1;
  margin-bottom: 0;
  padding: 0;
}

.input:active {
  background-color: #fff0;
}

.input:focus {
  border-style: none;
}

.search-widget {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.div-block-230 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--panel-background);
  color: var(--light-text);
  border: 1px solid #171717;
  border-radius: 4px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 8px 8px 12px;
  display: flex;
}

.mytext {
  text-align: left;
  white-space: nowrap;
  width: 110px;
  max-width: 110px;
}

.do-not-delete---scripts {
  display: none;
}

.wind-arrow-container {
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  margin-bottom: 3px;
  margin-right: 5px;
}

.wobble {
  height: .9rem;
}

.wobble:hover {
  cursor: pointer;
}

.page-title {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 36px;
  line-height: 1;
}

.paragraph-12 {
  font-size: 16px;
}

.text-block-35 {
  font-weight: 400;
}

.img {
  width: 24px;
  height: 24px;
}

.text-span-7 {
  text-align: right;
  flex: 1;
}

.nearest-course-widget {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.golf-course-info {
  z-index: 11;
  border-radius: var(--radius);
  pointer-events: auto;
  background-image: linear-gradient(#00000080, #fff0 25%), linear-gradient(0deg, #000000e6, #fff0 50%);
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  padding: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.golf-course-address {
  color: var(--light-text);
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1;
}

.golf-course-address.loading {
  border-radius: var(--radius);
  background-color: var(--panel-background);
  color: var(--panel-background);
}

.golf-course-distance {
  color: var(--white-text);
  margin-bottom: 0;
}

.golf-course-distance.loading {
  background-color: var(--panel-background);
  color: var(--panel-background);
}

.golf-course-name {
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
}

.golf-course-name.loading {
  border-radius: var(--radius);
  background-color: var(--panel-background);
  color: var(--panel-background);
}

.golf-course-card {
  border-radius: var(--radius);
  box-shadow: none;
  justify-content: space-between;
  align-items: flex-end;
  width: 250px;
  min-width: 250px;
  height: 300px;
  min-height: 300px;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: visible;
}

.golf-course-card:hover {
  transform: scale(1.03);
}

.golf-course-card:active {
  transform: scale(.98);
}

.golf-course-card.hide {
  display: none;
}

.golf-course-card.loading {
  box-shadow: none;
  background-color: #1a1b1b;
}

.address-div {
  font-size: 12px;
}

.card-badge {
  border-radius: var(--radius);
  font-size: 10px;
  line-height: 1;
  position: absolute;
  inset: 1rem 1rem auto auto;
}

.card-badge.loading {
  background-color: var(--panel-background);
  color: #171717;
}

.swiper-heading {
  text-shadow: 0 -11px 7px #080808;
  font-size: 18px;
}

.golf-loader {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  width: 100%;
  height: 316px;
  min-height: 316px;
  max-height: 316px;
  padding: 0 2rem 1rem;
  display: flex;
}

.course-details {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
  position: absolute;
  inset: 1rem auto auto 1rem;
}

.badge {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--hover);
  text-transform: capitalize;
  justify-content: flex-start;
  align-items: stretch;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.badge.loading {
  background-color: var(--panel-background);
  color: var(--panel-background);
}

.lottie-animation-3 {
  justify-content: space-between;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.score-text {
  color: var(--light-text);
  text-transform: capitalize;
  justify-content: space-between;
  padding-bottom: 8px;
  font-size: 12px;
  line-height: 1;
  display: flex;
}

.swiper-wrapper {
  flex-flow: row;
  width: 100%;
  display: flex;
  position: relative;
}

.swiper-slide {
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
}

.my-previous-analysis {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.swiper-header {
  justify-content: space-between;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.swiper-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--light-text);
  align-items: center;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.swiper-link:hover {
  color: var(--white-text);
}

.background-container {
  z-index: 10;
  border-radius: var(--radius);
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.foreground-image {
  z-index: 2;
  border-radius: var(--radius);
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.background-image {
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .3s;
  position: absolute;
  inset: 0%;
  transform: scale(1.05);
}

.background-image:hover {
  opacity: .2;
  filter: blur(32px);
}

.data-wrapper {
  z-index: 11;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: var(--radius);
  background-color: var(--v2--div-background);
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  padding: 20px 24px;
  display: flex;
  position: relative;
}

.heading-5 {
  font-size: 36px;
  font-weight: 700;
  line-height: 130%;
}

.paragraph-13 {
  color: var(--light-text);
  font-variation-settings: "wght" 450;
  font-size: 16px;
  line-height: 24px;
}

.div-block-235 {
  z-index: 11;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.badge-white {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-radius: var(--radius);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--buttons);
  text-transform: capitalize;
  justify-content: flex-start;
  align-items: stretch;
  line-height: 1;
  display: flex;
}

.background-container-home {
  z-index: 10;
  border-radius: var(--radius);
  pointer-events: auto;
  height: 500px;
  display: none;
  position: relative;
  inset: 0%;
}

.foreground-image-home {
  z-index: 2;
  border-radius: var(--radius);
  pointer-events: none;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.background-image-home {
  z-index: 1;
  opacity: .3;
  filter: blur(200px);
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .3s;
  position: absolute;
  inset: 0%;
  transform: scale(1.05);
}

.background-image-home:hover {
  opacity: .2;
  filter: blur(32px);
}

.grid-7 {
  grid-row-gap: 4rem;
  grid-template: "Area Area"
                 "Area-2 Area-2"
                 / 1fr .25fr;
}

.feature-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
  background-color: var(--panel-background);
  outline-color: var(--borders);
  outline-offset: 0px;
  cursor: pointer;
  visibility: visible;
  background-image: url('../images/2023-06-26.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  outline-width: 2px;
  outline-style: none;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 200px;
  margin-bottom: 0;
  padding: 20px;
  text-decoration: none;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: relative;
  box-shadow: 0 4px 6px 2px #00000026;
}

.feature-item:active {
  transform: scale(.98);
}

.feature-item.driving-range {
  background-image: url('../images/panoramic-view-of-empty-golf-course-in-sunny-day-2023-11-27-05-35-28-utc.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.feature-item.score-card {
  background-image: url('../images/smile-scores-2023-11-27-05-29-09-utc.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.feature-item.green-hole {
  background-image: url('../images/soheb-zaidi-awin-9RBlpE-unsplash.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.feature-title {
  color: var(--white-text);
  font-size: var(--font-size--large);
  text-transform: capitalize;
  text-overflow: ellipsis;
  line-height: 120%;
  text-decoration: none;
}

.feature-title.small {
  font-size: var(--font-size--14);
  font-weight: 500;
}

.feature-paragraph {
  color: var(--light-text);
  text-align: left;
}

.section-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section-header.flex {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
}

.section-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  border-bottom: 1px solid var(--borders);
  flex-flow: column;
  padding: 6rem 4rem;
  display: flex;
  position: relative;
}

.section-wrapper.gap4rem {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  border-bottom-style: none;
}

.slide {
  object-fit: cover;
  object-position: 50% 50%;
  background-image: url('../images/low-angle-view-of-golf-ball-on-tee-in-front-of-def-2023-11-27-04-57-17-utc-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.slide._2 {
  background-image: url('../images/sydney-rae-_-6iQvIunqA-unsplash.jpg');
}

.slide._3 {
  background-image: url('../images/freepik-export-20240924151642r7WJ-min.png');
}

.slide._4 {
  background-image: url('../images/panoramic-view-of-empty-golf-course-in-sunny-day-2023-11-27-05-35-28-utc.jpg');
}

.right-arrow, .icon-3, .left-arrow {
  display: none;
}

.div-block-240 {
  aspect-ratio: 16 / 9;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.foreground-slider {
  z-index: 11;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.background-slider {
  z-index: 10;
  border-radius: var(--radius);
  opacity: .3;
  filter: blur(100px);
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: scale(1.05);
}

.feature-image {
  border-radius: var(--radius);
  background-image: url('../images/phone_mockup_7.png');
  background-position: 50% 20%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  padding: 20px;
}

.feature-image._2 {
  background-image: url('../images/phone_mockup_1.png');
  background-size: cover;
}

.fn-list-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--light-text);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.fn-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #cdd3d2;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.fn-paragraph {
  color: #cdd3d2;
  font-size: var(--font-size--14);
  margin-bottom: 1.25rem;
  line-height: 1.6em;
}

.fn-label-small {
  color: var(--brand-yellow);
  font-size: 12px;
  line-height: 1em;
}

.div-block-242 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.section-header-text {
  text-shadow: 0 -11px 7px #080808;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.text-block-25-copy {
  color: var(--light-text);
}

.div-block-244 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-246 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.wbs-feature-list-items-copy {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: space-between;
  padding-bottom: 40px;
  display: flex;
}

.text-block-25-copy-copy {
  color: var(--light-text);
  margin-bottom: 40px;
  font-weight: 400;
}

.div-block-247 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: space-between;
  display: flex;
}

.div-block-248 {
  background-color: #000;
  position: relative;
}

.div-block-247-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-249 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav-center-wrap-copy {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.navbar-center-copy {
  z-index: 999;
  box-shadow: none;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #ddd0;
  flex-flow: column;
  justify-content: space-between;
  max-width: 1376px;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 1.2rem;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.grid-9 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template: "Video Video"
                 "Swing-Metrics Swing-Metrics"
                 "Detailed-Analysis Detailed-Analysis"
                 / 2fr 1fr;
}

.div-block-250 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  padding: 2rem;
  display: flex;
}

.div-block-251 {
  grid-column-gap: 2rem;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.bg-video-wrapper {
  z-index: 2;
  box-sizing: border-box;
  aspect-ratio: 2;
  opacity: .2;
  filter: blur(80px);
  object-position: 50% 100%;
  background-color: #000;
  background-image: url('../images/golfing-couple-at-a-tee-box-enjoying-a-game-of-go-2023-11-27-05-03-04-utc-1.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  transform: scale(1.05);
}

.grid-10 {
  grid-column-gap: 2rem;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto;
  grid-template-areas: "Title Title"
                       "Issue Recommendations"
                       "Rating Rating";
}

.div-block-252 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.feedback-text {
  color: var(--light-text);
}

.text-block-36 {
  font-size: 16px;
}

.main-score-widget {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.text-span-8 {
  color: var(--brand-yellow);
  font-size: var(--font-size--medium);
  text-align: right;
}

.wbs-pricing-1-title-copy {
  color: var(--white-text);
  font-size: var(--font-size--large);
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: 400;
  display: flex;
}

.div-block-253 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.grid-6-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.div-block-254 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.scroll-progress-bar {
  background-color: var(--brand-yellow);
  width: 0%;
  height: 1px;
  position: absolute;
  inset: auto 0% -1px;
}

.link-block-8 {
  color: var(--light-text);
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  position: fixed;
  inset: 2rem auto auto 2rem;
}

.back-arrow {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1;
}

.back-arrow:hover {
  cursor: pointer;
}

.grid-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  grid-template-rows: max-content;
  grid-template-columns: minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: start;
  width: auto;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: grid;
  position: relative;
}

.image-14 {
  pointer-events: none;
  object-fit: cover;
  height: 100%;
}

.library-item-image-wrapper {
  box-sizing: border-box;
  aspect-ratio: 3 / 2;
  border-radius: var(--radius);
  object-fit: cover;
  object-position: 50% 50%;
  background-color: #363638;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-height: 170px;
  display: flex;
  overflow: hidden;
}

.grid-11 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: .75fr .75fr 1fr .5fr;
  width: 100%;
  max-width: 650px;
  margin: -80px auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.cell {
  outline-offset: 0px;
  outline: 1px solid #3d3d3d;
  padding: 5px 10px;
}

.text-block-37 {
  color: var(--light-text);
}

.welcome-popup {
  z-index: 99999999;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #00000042;
  justify-content: center;
  align-items: center;
  width: 100svw;
  height: 100svh;
  padding-bottom: 0;
  display: flex;
  position: fixed;
  inset: 0%;
}

.fn-heading-5 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Open Sans, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3em;
}

.fn-features-card {
  color: #ecf0ef;
  background-color: #0f1213;
  border: 1px solid #0f1213;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  padding: 26px;
  text-decoration: none;
  transition: border-color .25s;
  display: flex;
}

.fn-features-card:hover {
  color: #ecf0ef;
  border-color: #df0;
}

.popup-card-div {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  max-width: 420px;
  padding: 24px;
  display: flex;
}

.popup-card-image {
  object-fit: cover;
  width: 100%;
  height: 250px;
}

.fn-features-card-with-image {
  color: #ecf0ef;
  background-color: #0f1213;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.fn-features-card-with-image:hover {
  color: #ecf0ef;
}

.sp-button-copy {
  border-radius: var(--radius);
  color: var(--brand-yellow);
  font-size: var(--font-size--14);
  background-color: #3898ec00;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-weight: 700;
  display: flex;
}

.popup-card {
  border-radius: var(--radius);
  background-color: #1f1f1f;
  max-width: 360px;
  overflow: hidden;
  box-shadow: 0 0 #0000, 0 1px .4px #00000008, 0 2px .8px #0000000a, 0 3.4px 1.6px #0000000b, 0 5.4px 2.9px #0000000c, 0 8.9px 5.3px #0000000c, 0 15.4px 10.4px #0000000d, 0 30.6px 22.8px #0000000e;
}

.text-block-39 {
  border-radius: var(--radius);
  background-color: var(--v2--div-background);
  color: var(--light-text);
  padding: 3px 6px;
}

.div-block-257 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.container-cookie-banner-title {
  margin-bottom: .5rem;
}

.fs-cc-prefs_button {
  text-align: center;
  background-color: #0e0e0e;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  padding: 8px 16px;
  display: flex;
}

.fs-cc-prefs_button.fs-cc-button-alt {
  color: #0e0e0e;
  background-color: #fff;
  border: 2px solid #0e0e0e;
}

.fs-cc-banner_close {
  box-shadow: none;
  opacity: 1;
  cursor: pointer;
  background-color: #0000;
  border-radius: 500px;
  margin-left: 12px;
  padding: 10px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.fs-cc-banner_buttons-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  place-content: center stretch;
  align-items: center;
  width: 100%;
  display: grid;
}

.fs-cc-prefs_option {
  color: #f3f3f3;
  background-color: #f3f3f3;
  border-radius: 8px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-bottom: 1rem;
  padding: 25px;
}

.fs-cc-prefs_title {
  color: #0e0e0e;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2em;
}

.fs-cc-prefs_trigger, .fs-cc-banner_trigger {
  display: none;
}

.fs-cc-prefs_toggle {
  background-color: #fff;
  border-radius: 999px;
  width: 20px;
  height: 20px;
}

.fs-cc-prefs_checkbox-field {
  background-color: #ccc;
  border-radius: 999px;
  width: 44px;
  height: 24px;
  padding: 2px;
  display: flex;
  position: relative;
}

.fs-cc-prefs_content {
  height: 100%;
  padding: 40px 32px;
  overflow: scroll;
}

.fs-cc-prefs_space-small {
  margin-bottom: 1rem;
}

.button-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: .2rem;
  display: flex;
}

.fs-cc-prefs_overlay {
  z-index: -1;
  background-color: #03052499;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-cc-banner_component {
  z-index: 998;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #fff;
  border: 1px #000;
  border-radius: 15px 15px 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 32px;
  position: fixed;
  inset: auto 2% 4% auto;
}

.fs-cc-prefs_close-icon {
  color: #0e0e0e;
  width: 16px;
  height: 16px;
}

.fs-cc-prefs_component {
  z-index: 997;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 32px;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-ds-link {
  text-decoration: underline;
}

.fs-cc-prefs_text {
  color: #000c;
}

.fs-cc-prefs_checkbox-label {
  display: none;
}

.fs-cc-banner_text-link {
  color: #000;
  justify-content: center;
  align-items: center;
  font-size: .8rem;
  font-weight: 400;
  text-decoration: underline;
  display: flex;
}

.wrapper-cookie-prefs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fs-cc-prefs_submit-hide {
  display: none;
}

.button-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #fff;
  text-align: center;
  background-color: #000;
  border: 2px #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  padding: .75rem 1.5rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-decoration: none;
  transition: transform .3s, background-color .4s;
  display: flex;
}

.button-2:hover {
  color: #000;
  background-color: #fff;
  transform: scale(1.025);
}

.button-2.center {
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.fs-cc-prefs_toggle-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.fs-cc-prefs_label {
  color: #0e0e0e;
  margin-top: 0;
  margin-bottom: 1rem;
  margin-right: 32px;
  font-weight: 600;
}

.fs-cc-prefs_space-medium {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-cookie-banner-title {
  color: var(--black);
  font-size: 1.3rem;
  font-weight: 300;
}

.fs-cc-banner_close-icon {
  color: #212121;
  width: 20px;
  height: 20px;
}

.fs-cc-prefs_checkbox {
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-cc-banner_text {
  color: #000c;
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .8rem;
  font-weight: 300;
}

.fs-cc-prefs_close {
  z-index: 1;
  color: #333;
  cursor: pointer;
  background-color: #f3f3f3;
  border-radius: 100%;
  padding: 10px;
  font-size: 20px;
  text-decoration: none;
  position: absolute;
  inset: 0% 0% auto auto;
  box-shadow: -1px 1px 12px #3333331a;
}

.fs-cc-prefs_form {
  background-color: #f9f9f9;
  border-radius: 12px;
  width: 100%;
  max-width: 1280px;
  position: relative;
}

.wrapper-fs-prefs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fs-cc-banner_container {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-block-40 {
  text-align: center;
  padding-bottom: 1rem;
  line-height: 1;
}

.cookies {
  z-index: 220;
  color: var(--dark-text);
  margin-bottom: 0;
  position: fixed;
  inset: auto 1rem 1rem;
}

.div-block-258 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.small-link-block {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: var(--white-text);
  text-align: center;
  background-color: #2e3134;
  border-radius: 4px;
  order: -1;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  display: flex;
  position: static;
}

.small-link-block:hover {
  opacity: 100;
}

.small-link-block.delete {
  color: #f12222;
  margin-left: auto;
}

.div-block-259 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  width: 100%;
  display: flex;
}

.small-icon {
  width: 14px;
  height: 14px;
  line-height: 1;
}

.small-icon:hover {
  cursor: pointer;
}

.header-logo-and-title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template: "Area Area-2 Area-3"
  / .5fr 1fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  padding-top: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: none;
}

.app-container {
  z-index: 1;
  flex-flow: column;
  width: 100%;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.quick-nav {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template: "Area Area-2 Area-3"
                 "Area Area-4 Area-4"
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 400px;
  padding-left: 2rem;
  padding-right: 2rem;
  display: grid;
}

.nav-block-icon-wrapper {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-block-icon-wrapper.right {
  justify-content: flex-start;
  align-items: center;
}

.large-icon {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1;
}

.large-icon:hover {
  cursor: pointer;
}

.text-block-42 {
  margin-top: auto;
  transition: opacity .2s;
}

.large-nav-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: var(--global--border-radius);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--brand-yellow);
  text-transform: capitalize;
  background-color: #1a1a1abf;
  flex-flow: column;
  justify-content: space-between;
  padding: 1rem 1.2rem;
  font-size: 22px;
  font-weight: 300;
  line-height: 27px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 #0000, 0 1.8px 5.8px #0000000b, 0 3.9px 11.7px #0000000d, 0 6.7px 18px #0000000e, 0 11.5px 25.3px #0000000f, 0 22.6px 35.9px #00000010;
}

.large-nav-block:hover {
  background-color: #303235cc;
  transform: translate(0, -8px);
}

.large-nav-block.bg2 {
  color: #fff;
  border-style: none;
  font-size: 18px;
}

.large-nav-block.bg2:hover {
  color: #e2fe53;
}

.large-nav-block.credits {
  color: #fff;
  font-size: 18px;
}

.large-nav-block.credits:hover {
  transform: none;
}

.widget-wrapper {
  z-index: 1;
  border-radius: 8px;
  padding: 2rem;
}

.widget-title-text {
  cursor: default;
  padding-bottom: 10px;
}

.faq-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: space-around;
  place-items: start stretch;
}

.div-block-245 {
  z-index: 100;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  bottom: 0;
}

.svg-icon-3 {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1;
}

.svg-icon-3:hover {
  cursor: pointer;
}

.div-bubble {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-radius: var(--global--border-radius);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  outline-offset: 0px;
  cursor: default;
  background-color: #1a1a1abf;
  outline: 1px #1d1d1d;
  flex-flow: column;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 12px;
  padding: 1rem 1.2rem;
  transition: all .2s;
  display: flex;
  box-shadow: 0 0 #0000, 0 1.8px 5.8px #0000000b, 0 3.9px 11.7px #0000000d, 0 6.7px 18px #0000000e, 0 11.5px 25.3px #0000000f, 0 22.6px 35.9px #00000010;
}

.div-bubble:hover {
  background-color: var(--hover-dark);
}

.div-bubble.first {
  margin-top: 0;
}

.highlighted-faq {
  color: #e2fe53;
}

.text-block-44 {
  color: var(--light-text);
}

.faq-bubble-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1rem;
  display: flex;
}

.text-block-45, .link-3 {
  color: var(--light-text);
}

.spline-scene-2 {
  z-index: -1;
  width: 100%;
  height: 490px;
  position: relative;
}

.robot {
  z-index: -10;
  pointer-events: none;
  width: 100%;
  position: absolute;
}

.div-block-265 {
  z-index: -1;
  background-image: linear-gradient(0deg, #000, #fff0 20%);
  position: absolute;
  inset: 0%;
}

.div-block-266 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  line-height: 1;
  display: flex;
}

.credit-balance-number {
  color: var(--brand-yellow);
  margin-bottom: -2px;
  font-size: 36px;
  transition: opacity .2s;
}

.credit-balance-number.small {
  font-size: var(--font-size--medium);
  justify-content: space-between;
  align-items: center;
  line-height: 1;
  display: flex;
}

.moving-background {
  z-index: -2;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.moving-background.hidden {
  display: none;
}

.div-block-267 {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.small-nav-button {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 2px none var(--borders);
  border-radius: var(--radius);
  color: var(--untitled-ui--white);
  background-color: #ffffff0d;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 21px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.small-nav-button:hover {
  background-color: #ffffff1a;
}

.small-nav-button.w--current {
  background-color: var(--glass-white);
  color: var(--brand-yellow);
  font-weight: 600;
}

.map {
  background-color: #1f1f1f;
  background-image: none;
  background-size: auto;
  width: 100%;
  height: 100%;
}

.div-block-268 {
  height: 100%;
  display: flex;
  position: relative;
}

.list {
  flex-flow: column;
  display: flex;
}

.sidebar {
  z-index: 1;
  border-top: 1px solid var(--borders);
  border-bottom: 1px solid var(--borders);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #00000026;
  width: 500px;
  overflow: auto;
}

.text-block-47 {
  font-weight: 500;
}

.maps-icon-link-block {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: var(--brand-yellow);
  text-align: center;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  display: flex;
  position: static;
}

.maps-icon-link-block:hover {
  opacity: 100;
}

.div-block-269 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  margin-top: auto;
  padding-top: 10px;
  display: flex;
}

.map-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: zoom-in;
  border-top: 1px solid #202123;
  border-bottom: 1px #202123;
  flex-flow: row;
  width: 100%;
  padding: 1rem 1.2rem;
  transition: all .2s;
  display: flex;
}

.map-item:hover {
  background-color: #242527;
}

.map-item.hide-template {
  display: none;
}

.image-16 {
  aspect-ratio: 1;
  border-radius: var(--radius);
  width: 110px;
  min-width: 110px;
}

.div-block-270 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.div-block-271 {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.map-title {
  font-size: var(--font-size--large);
  cursor: default;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  font-weight: 500;
}

.small-footer {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  margin-top: auto;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  display: flex;
}

.map-sidebar {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--main-background);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  flex-flow: column;
  width: 450px;
  padding-bottom: 1rem;
  display: flex;
  overflow: auto;
}

.map-filters {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(#161719, #fff0);
  flex-flow: column;
  padding-top: 1rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  display: flex;
}

.search-input {
  border-radius: var(--radius);
  background-color: var(--v2--input-backgrounds);
  border: 1px #000;
  width: 100%;
  padding: 14px 1rem;
}

.map-filter-form {
  background-color: #0a0a0a;
}

.select-input {
  border-radius: var(--radius);
  background-color: var(--v2--input-backgrounds);
  color: var(--light-text);
  border: 1px #000;
  margin-bottom: 0;
  font-size: 13px;
}

.form {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.field-label {
  color: #6b6b6c;
  margin-bottom: 2px;
  font-weight: 400;
}

.form-block-6 {
  margin-bottom: 0;
}

.grid-12 {
  grid-template: "Area Area-2 Area-3"
  / .5fr 1fr .5fr;
}

.svg-icon-copy {
  width: .9rem;
  height: .9rem;
  line-height: 1;
}

.svg-icon-copy:hover {
  cursor: pointer;
}

.navigation-icon {
  width: 18px;
  line-height: 1;
}

.navigation-icon:hover {
  cursor: pointer;
}

.form-button {
  border-radius: var(--radius);
  background-color: var(--brand-yellow);
  color: var(--black);
  font-family: Soehne Halbfett, sans-serif;
  font-size: var(--font-size--14);
  justify-content: center;
  align-items: center;
  min-height: 46px;
  padding: 10px 20px;
  font-weight: 400;
  display: flex;
  box-shadow: 0 4px 6px #0003;
}

.form-button.white {
  background-color: var(--untitled-ui--white);
}

.form-button.small {
  flex: 1;
  padding-top: 12px;
  padding-bottom: 12px;
}

.text-block-48 {
  line-height: 1;
}

.count-up-code {
  z-index: -10;
  margin-bottom: 0;
}

.page-scripts {
  z-index: -9999;
  pointer-events: none;
  cursor: none;
  width: 0;
  min-width: 0;
  max-width: 0;
  height: 0;
  min-height: 0;
  max-height: 0;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.popup-wrapper {
  z-index: 999;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: linear-gradient(#00000040, #00000040);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 60px;
  display: none;
  position: absolute;
  inset: 0%;
}

.global-popup {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: var(--radius);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #202123e6;
  flex-flow: column;
  width: 400px;
  padding: 1rem 1.2rem;
  display: flex;
  box-shadow: 0 0 #0000, 0 1.8px 5.8px #0000000b, 0 3.9px 11.7px #0000000d, 0 6.7px 18px #0000000e, 0 11.5px 25.3px #0000000f, 0 22.6px 35.9px #00000010;
}

.div-block-272 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pu {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.pu.right {
  justify-content: flex-start;
  align-items: center;
}

.small-credit-number {
  justify-content: space-between;
  align-items: center;
  transition: opacity .2s;
  display: flex;
}

.small-credit-number.small {
  font-size: var(--font-size--medium);
  justify-content: space-between;
  align-items: center;
  line-height: 1;
  display: flex;
}

.div-block-273 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-radius: var(--radius);
  background-color: #ffffff0d;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0;
  margin-left: 0;
  padding: 10px;
  display: flex;
}

.div-block-274 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.coins {
  width: 1.2rem;
  height: 1.2rem;
}

.div-block-275 {
  align-self: stretch;
}

.text-block-49 {
  color: var(--brand-yellow);
}

.text-block-50 {
  font-size: var(--font-size--large);
}

.text-block-51 {
  line-height: 1;
}

.div-block-276 {
  padding-top: 20px;
}

.radio-button {
  border-radius: var(--radius);
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.radio-button-field {
  flex: 1;
  margin-bottom: 0;
  padding: 10px;
  position: relative;
}

.credit-choice {
  z-index: 1;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-radius: var(--radius);
  cursor: pointer;
  background-color: #ffffff0d;
  border: 1px #000;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  padding: 10px;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.credit-choice:hover {
  background-color: #ffffff1a;
}

.credit-choice.w--redirected-checked {
  outline-color: var(--brand-yellow);
  outline-offset: 0px;
  background-color: #e0e0e033;
  outline-width: 1px;
  outline-style: solid;
}

.form-block-7 {
  margin-bottom: 0;
}

.form-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.text-field {
  border-radius: var(--radius);
  background-color: #ffffff0d;
  border: 1px #000;
  margin-bottom: 0;
  padding: 10px;
  font-size: 13px;
  transition: all .2s;
  display: none;
}

.text-field:hover {
  background-color: #ffffff1a;
}

.div-block-274-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: var(--radius);
  background-color: #3f3f3f;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.text-block-52, .text-block-53 {
  color: var(--brand-yellow);
}

.purchase-button {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  border-radius: var(--radius);
  color: var(--buttons);
  background-color: #ffffff0d;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.purchase-button:hover {
  background-color: #ffffff1a;
}

.purchase-button.cancel {
  color: var(--light-text);
  margin-top: 0;
}

.buy-credits-js {
  opacity: 0;
  width: 1px;
  max-width: 1px;
  height: 1px;
  max-height: 1px;
  margin-bottom: 0;
  overflow: hidden;
}

.link-4 {
  text-align: center;
}

.cancel-close-button {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  border-radius: var(--radius);
  outline-offset: 0px;
  color: var(--buttons);
  background-color: #3f3f3f00;
  outline: 1px solid #3f3f3f;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.cancel-close-button:hover {
  background-color: #ffffff1a;
}

.paragraph-14 {
  margin-top: -8px;
  font-size: 12px;
  line-height: 18px;
}

.div-block-277 {
  background-image: linear-gradient(0deg, #000 50%, #fff0 75%);
}

.heading-6 {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 300;
}

.utility-v2 {
  background-color: #020202bf;
  flex-flow: column;
  flex: 1;
  padding: 2rem;
  display: flex;
}

.grid-13 {
  flex: 1;
  grid-template: "Action-Area-1 Logo ." max-content
                 ". Content ."
                 "Footer Footer Footer" max-content
                 / 1fr 1fr 1fr;
}

.logo-v2 {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-top: 7px;
  display: flex;
}

.form-wrapper {
  width: 100%;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
}

.utility-page-grid {
  flex: 1;
  grid-template: "Action-Area-1 Logo ." max-content
                 "Content Content Content"
                 "Footer Footer Footer" max-content
                 / 1fr 1fr 1fr;
}

.div-block-278 {
  display: flex;
}

.text-span-9 {
  color: var(--white-text);
}

@media screen and (max-width: 991px) {
  .body.portals {
    padding-top: 0;
    padding-bottom: 220px;
  }

  .body.portals.homepage {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .body.portal2 {
    padding-top: 0;
    padding-bottom: 220px;
  }

  .body.maps {
    padding-top: 0;
    padding-bottom: 94px;
  }

  .body.legal {
    padding-top: 0;
    padding-bottom: 220px;
  }

  .body.legal.homepage {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .body.newanalysis {
    padding-top: 0;
    padding-bottom: 220px;
  }

  .body.newanalysis.homepage {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .analysis-text {
    color: var(--light-text);
  }

  .analysis-main-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .utility-pages {
    justify-content: center;
    align-items: center;
  }

  .nav-menu {
    background-color: #000;
  }

  .grid-3 {
    grid-template-columns: 1fr 1fr;
  }

  .tabs-menu {
    box-shadow: none;
    border-radius: 0;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .tabs-content {
    padding: 0;
  }

  .nav-link {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 6px;
  }

  .icon {
    color: var(--panel-background);
  }

  .div-block-25 {
    width: 100%;
  }

  .div-block-27 {
    z-index: 3;
  }

  .tab-pane-inner-div-wrap {
    width: 100%;
  }

  .tab-pane-panel {
    border-radius: var(--radius);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-171 {
    align-self: flex-start;
  }

  .form-block-5 {
    width: 100%;
  }

  .div-block-173 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .wbs-nav-center-menu {
    border-radius: 0rem 0rem var(--radius) var(--radius);
    background-color: var(--panel-background);
    box-shadow: none;
    border-top: 1px solid #353537;
    flex-flow: column;
    padding: 1.6rem;
  }

  .wbs-logo {
    width: 200px;
  }

  .nav-center-wrap {
    grid-template-columns: .5fr 1fr .5fr;
  }

  .navbar-center {
    box-shadow: none;
    background-color: #fff0;
  }

  .footer-legal-link {
    transition: none;
  }

  .footer-legal-link:hover {
    color: #939b9b;
  }

  .library-component {
    padding-bottom: 0;
  }

  .page-header {
    border-bottom: 1px solid var(--borders);
    background-color: #161616;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading-3 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 21px;
  }

  .paragraph-8 {
    max-width: 100%;
    margin-left: 0;
    display: none;
  }

  .tab-link {
    border-radius: var(--radius);
  }

  .container {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    max-width: 820px;
    display: flex;
  }

  .container.align-center {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .container.analysis-page {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .footer {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: auto;
    margin-top: auto;
    display: none;
  }

  .tabs-content-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    padding: 1rem;
  }

  .library-item-wrapper {
    box-shadow: none;
  }

  .wbs-nav-center-menu.gap-small {
    border-top-style: none;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding: 0;
  }

  .udesly-display-large.udesly-text-extrabold {
    font-size: 32px;
    line-height: 1.2;
  }

  .uui-space-xxlarge-2 {
    min-height: 4.5rem;
  }

  .uui-layout72_component {
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .appbar {
    justify-content: space-around;
    align-items: flex-start;
    width: 100%;
    margin-top: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .app-bar-link {
    z-index: 2;
    color: var(--light-text);
    height: auto;
    padding: 10px;
    font-size: 12px;
  }

  .app-bar-link.middle {
    border-radius: var(--radius);
    background-color: var(--main-background);
    width: auto;
    height: 44px;
    padding: 10px 20px;
    position: relative;
    overflow: hidden;
  }

  .master {
    flex-flow: column;
    display: flex;
    overflow: auto;
  }

  .appbar-wrapper {
    border-top: 1px none var(--borders);
    background-color: var(--main-background);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    height: 94px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
  }

  .page {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  .wbs-hero-6-lead-text-2 {
    width: 90%;
    margin-left: 0;
  }

  .wbs-hero-3-title-2 {
    text-align: left;
    width: auto;
    font-size: 3.2rem;
    line-height: 1.2em;
  }

  .wbs-hero-5-content-left-2 {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .grid-4 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .grid-4.pricing {
    grid-template-columns: 1fr;
  }

  .wbs-section-8 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .fn-rich-text {
    padding: 4rem 1rem;
  }

  .fn-rich-text h2 {
    font-size: 40px;
  }

  .fn-rich-text h1 {
    font-size: 52px;
  }

  .fn-rich-text h5 {
    font-size: 22px;
  }

  .fn-rich-text h6 {
    font-size: 16px;
  }

  .fn-rich-text.legal {
    padding-top: 4rem;
  }

  .wbs-section-dark-2-copy {
    padding: 100px 60px 60px;
  }

  .library-item-wrapper-copy {
    box-shadow: none;
  }

  .grid-5 {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-207 {
    padding-top: 0;
  }

  .paragraph-8-copy {
    max-width: 100%;
    margin-left: 0;
  }

  .small-container {
    padding-top: 60px;
  }

  .div-block-25-copy {
    width: 100%;
  }

  .appbar-icon {
    z-index: 1;
    height: 1.5rem;
    position: relative;
  }

  .list-item {
    visibility: visible;
  }

  .list-item:hover {
    box-shadow: none;
  }

  .library-item-title {
    max-width: 350px;
  }

  .header {
    height: auto;
  }

  .item-data {
    max-width: 100%;
  }

  .nearest-course-widget {
    overflow: hidden;
  }

  .badge {
    margin-bottom: 10px;
  }

  .gradient-blur {
    z-index: 1;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    height: 120px;
    max-height: 120px;
    display: flex;
    position: absolute;
    inset: 0%;
    overflow: hidden;
  }

  .div-block-233 {
    z-index: 999999;
    flex: 1;
    justify-content: space-around;
    align-items: center;
    display: flex;
    position: relative;
  }

  .shimmer {
    pointer-events: none;
    background-image: linear-gradient(90deg, #0000, #34c65b40 50%, #fff0);
    width: 20px;
    height: 44px;
    position: absolute;
  }

  .swiper-slide:hover {
    transform: none;
  }

  .data-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .div-block-235 {
    width: auto;
  }

  .feature-item {
    visibility: visible;
  }

  .feature-item:hover {
    box-shadow: none;
  }

  .feature-title {
    max-width: 90%;
  }

  .section-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .text-block-25-copy {
    height: auto;
  }

  .wbs-feature-list-items-copy {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .div-block-247 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .div-block-248 {
    padding: 40px;
  }

  .div-block-247-copy {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .div-block-249 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .nav-center-wrap-copy {
    grid-template-columns: 1fr .75fr;
  }

  .navbar-center-copy {
    box-shadow: none;
    background-color: #fff0;
    display: none;
  }

  .grid-6-copy {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .grid-container {
    grid-template-columns: minmax(200px, 1fr);
  }

  .image-14 {
    object-fit: fill;
  }

  .fn-features-card:hover {
    border-color: #0f1213;
  }

  .fs-cc-banner_component {
    bottom: 8%;
  }

  .fs-cc-prefs_component {
    justify-content: flex-start;
    margin-top: 100px;
    padding-left: 5%;
    padding-right: 5%;
    position: absolute;
    inset: 0%;
  }

  .fs-cc-banner_text {
    margin-bottom: 20px;
  }

  .fs-cc-banner_container {
    flex-direction: column;
  }

  .text-block-40 {
    color: #ffffffa6;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    align-self: center;
    padding-bottom: 20px;
    font-size: 9px;
  }

  .credit-number {
    color: #fff;
  }

  .header-logo-and-title {
    padding-top: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
  }

  .svg-icon-3 {
    width: 1.4rem;
    height: 1.4rem;
  }

  .robot {
    padding-top: 20px;
  }

  .small-nav-button {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 6px;
  }

  .map {
    z-index: 9;
    height: 20%;
  }

  .div-block-268 {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-end;
  }

  .map-sidebar {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex: 1;
    width: auto;
    height: 80%;
    padding-top: 0;
    position: static;
  }

  .map-filters {
    padding: 1rem 1.2rem;
    position: sticky;
    top: 0;
  }

  .popup-wrapper {
    z-index: 2147483647;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 0;
    position: fixed;
    inset: 0%;
  }

  .global-popup {
    width: 100%;
    padding: 2rem 2rem 3rem;
  }

  .grid-13, .utility-page-grid {
    grid-template-columns: max-content 1fr max-content;
  }
}

@media screen and (max-width: 767px) {
  .video-wrapper {
    aspect-ratio: 16 / 9;
  }

  .wbs-nav-center-menu {
    flex: 1;
    left: 0;
    right: 0;
  }

  .container.analysis-page {
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-180 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .wbs-nav-center-menu.gap-small {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding-left: 0;
    padding-right: 0;
  }

  .udesly-display-large {
    font-size: 56px;
    line-height: 64px;
  }

  .uui-button-row-2 {
    align-self: stretch;
  }

  .uui-space-small-2 {
    min-height: 1.25rem;
  }

  .uui-page-padding-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-button-link-2 {
    font-size: 1rem;
  }

  .uui-button-link-2:hover {
    color: var(--untitled-ui--primary700);
  }

  .uui-heading-xxsmall-2 {
    font-size: 1.125rem;
  }

  .uui-space-xxlarge-2 {
    min-height: 3rem;
  }

  .uui-layout72_item {
    padding: 1.5rem;
  }

  .uui-layout72_component {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .wbs-alert-bar-4-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: row;
    align-items: center;
  }

  .wbs-hero-6-lead-text-2 {
    width: 100%;
  }

  .wbs-hero-3-title-2 {
    font-size: 2.4rem;
    line-height: 1.1em;
  }

  .wbs-footer-simple-links {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .wbs-section-8 {
    padding: 2rem 2%;
  }

  .fn-rich-text figure {
    margin-bottom: 36px;
  }

  .fn-rich-text h1 {
    font-size: 48px;
  }

  .header {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .weather-widget {
    width: 150px;
  }

  .fn-paragraph {
    margin-bottom: 24px;
  }

  .fn-label-small {
    margin-bottom: 12px;
  }

  .nav-center-wrap-copy {
    grid-template-columns: .75fr .75fr;
  }

  .grid-9 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .div-block-251 {
    grid-template-columns: 1fr;
  }

  .grid-10 {
    grid-template-areas: "Title Title"
                         "Issue Issue"
                         "Recommendations Recommendations"
                         "Rating Rating";
  }

  .image-14 {
    object-fit: cover;
  }

  .library-item-image-wrapper {
    aspect-ratio: 1;
    max-height: 166px;
  }

  .fn-heading-5 {
    font-size: 18px;
  }

  .fn-features-card {
    padding: 12px;
  }

  .popup-card-image {
    height: 170px;
  }

  .fs-cc-banner_buttons-wrapper {
    margin-top: 12px;
  }

  .fs-cc-banner_text-link {
    margin-right: 8px;
  }

  .button-2 {
    letter-spacing: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    line-height: 1rem;
  }

  .fs-cc-banner_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .faq-wrapper {
    grid-template-columns: 1fr;
  }

  .grid-13 {
    grid-template-columns: 1px 1fr 1px;
  }

  .form-wrapper {
    max-width: none;
  }

  .utility-page-grid {
    grid-template-columns: 1px 1fr 1px;
  }
}

@media screen and (max-width: 479px) {
  .body.portals {
    padding-bottom: 180px;
    font-size: 12px;
  }

  .body.home {
    padding-top: 80px;
  }

  .body.portal2 {
    padding-bottom: 132px;
    font-size: 12px;
  }

  .body.maps {
    font-size: 12px;
  }

  .body.legal, .body.newanalysis {
    padding-bottom: 180px;
    font-size: 12px;
  }

  .video-title {
    font-size: 21px;
  }

  .analysis, .analysis-copy {
    padding: 1rem;
  }

  .video-wrapper {
    box-shadow: none;
    border-radius: 0;
  }

  .content-wrapper {
    padding-top: 0;
  }

  .navbar {
    grid-template-columns: 1fr 1fr .5fr;
    padding-left: 2%;
    padding-right: 2%;
  }

  .grid-3 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .tabs-menu {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    padding-bottom: 0;
  }

  .tabs {
    padding-bottom: 1rem;
  }

  .div-block-27 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 0;
  }

  .navbar-center {
    padding: 1rem;
  }

  .fn-footer-copyright {
    color: var(--small-print);
    text-align: center;
    flex: 1;
  }

  .brand {
    padding-left: 0;
  }

  .library-photo-copy {
    aspect-ratio: auto;
    width: 100px;
  }

  .library-component {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .paragraph-8 {
    font-size: 16px;
  }

  .container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .div-block-180 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .library-item-wrapper {
    padding: 10px;
  }

  .udesly-display-large {
    font-size: 44px;
    line-height: 54px;
  }

  .udesly-display-large.udesly-text-extrabold {
    font-size: 28px;
  }

  .udesly-sign-up-terms-of-use-wrapper {
    justify-content: flex-start;
  }

  .fn-slide-item-wrapper-testimonial {
    padding: 16px;
  }

  .pricing-tile, .pricing-tile.highlighted {
    padding: 0;
  }

  .wbs-footer-simple-links {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .fn-rich-text h1 {
    font-size: 42px;
  }

  .div-block-201 {
    padding-top: 20px;
  }

  .wbs-section-dark-2-copy {
    padding: 100px 5% 60px;
  }

  .grid-5 {
    grid-template-columns: 1fr;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-block-27 {
    font-size: 13px;
  }

  .paragraph-8-copy {
    font-size: 16px;
  }

  .small-container {
    padding-top: 60px;
  }

  .swiper-container {
    grid-template-rows: auto;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .list-item {
    overflow: hidden;
  }

  .small-text {
    font-size: 10px;
  }

  .library-item-title {
    max-width: 250px;
    margin-bottom: 0;
    font-size: 14px;
  }

  .date-text {
    font-size: 13px;
  }

  .header {
    justify-content: space-between;
    align-items: center;
    padding-left: 1.5rem;
    padding-right: .5rem;
  }

  .date-widget {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    font-size: 12px;
  }

  .item-data {
    padding-top: 0;
  }

  .weather-widget {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1.5rem;
  }

  .text-block-31 {
    white-space: nowrap;
    font-size: 16px;
  }

  .text-block-32 {
    font-size: 12px;
  }

  .temp {
    font-size: 26px;
  }

  .div-block-226 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .loader {
    display: none;
  }

  .item-details {
    justify-content: space-between;
    align-items: flex-start;
  }

  .search-widget {
    flex-flow: row;
    align-items: stretch;
    padding-top: 4rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .page-title {
    font-size: 28px;
  }

  .div-block {
    flex-flow: column;
    display: flex;
  }

  .paragraph-12 {
    font-size: 15px;
  }

  .nearest-course-widget {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .golf-loader {
    padding-bottom: 1rem;
    padding-left: 20px;
    padding-right: 20px;
    left: -16px;
  }

  .score-text {
    font-size: 10px;
  }

  .swiper-header {
    justify-content: space-between;
    align-items: flex-end;
    padding-left: 20px;
    padding-right: 20px;
  }

  .swiper-link {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    line-height: 1;
  }

  .feature-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    height: 250px;
    padding-top: 100px;
  }

  .feature-title {
    max-width: 99%;
    margin-bottom: 0;
    font-size: 14px;
  }

  .section-header {
    justify-content: space-between;
    align-items: flex-end;
  }

  .section-wrapper {
    padding: 4rem 2rem;
  }

  .feature-image {
    background-position: 48% 20%;
    background-size: cover;
  }

  .div-block-248 {
    padding: 40px;
  }

  .navbar-center-copy {
    padding: 1rem;
  }

  .div-block-250 {
    padding: 2rem;
  }

  .bg-video-wrapper {
    box-shadow: none;
    border-radius: 0;
  }

  .grid-container {
    grid-template-rows: auto;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-14 {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .library-item-image-wrapper {
    aspect-ratio: 2 / 3;
  }

  .div-block-257 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .fs-cc-prefs_button {
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .fs-cc-prefs_button.fs-cc-button-alt {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .fs-cc-banner_close {
    position: absolute;
    bottom: auto;
    left: auto;
  }

  .fs-cc-banner_buttons-wrapper {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    text-align: center;
    flex-direction: column-reverse;
    grid-template-rows: auto auto auto;
    grid-template-columns: auto;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .fs-cc-prefs_title {
    text-align: center;
    font-size: 1rem;
  }

  .fs-cc-prefs_content {
    padding: 24px;
  }

  .fs-cc-prefs_overlay {
    background-color: #0e0e0ed9;
  }

  .fs-cc-banner_component {
    margin-bottom: 5%;
    margin-left: 5%;
    margin-right: 5%;
    bottom: 10%;
    left: 0;
    right: 0%;
  }

  .fs-cc-prefs_component {
    padding: 24px;
  }

  .fs-cc-prefs_toggle-wrapper {
    flex-direction: column;
  }

  .fs-cc-prefs_space-medium {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .fs-cc-banner_text {
    margin-right: 0;
  }

  .fs-cc-prefs_form {
    align-items: flex-start;
  }

  .small-link-block {
    font-size: 10px;
  }

  .quick-nav {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template: "Area Area-2"
                   "Area Area-3"
                   "Area-4 Area-4"
                   / 1fr 1fr;
    padding-top: 320px;
  }

  .faq-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    column-count: 0;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .div-bubble {
    margin-top: 0;
    margin-bottom: 0;
  }

  .div-bubble.first {
    margin-bottom: 0;
  }

  .maps-icon-link-block {
    font-size: 10px;
  }

  .map-item {
    margin-top: 0;
    margin-bottom: 0;
  }
}

#w-node-_9feb174f-9ff7-5e45-420a-0af3ac1bc488-09ff3309, #w-node-_0106cbdc-9bcb-5390-1f5e-077084abce83-09ff3309, #w-node-bdbc3a98-9d98-4f56-7e51-f45829402320-09ff3309, #w-node-_72159038-b8b5-f120-3750-9baae09e0da0-09ff3309 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_78cde464-8181-a20f-2a1a-e88c96c699e1-72bfaa4d {
  place-self: center start;
}

#w-node-_78cde464-8181-a20f-2a1a-e88c96c699ea-72bfaa4d {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch end;
}

#libraryItem.w-node-cb5bf280-1f7f-08ac-5479-bf439db08d6a-183593e4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#newAnalysis.w-node-_33a3a712-2ca0-6e8c-c987-879c0bc1af4b-183593e4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ea1112ce-72ed-8e8a-86b4-85b28ea33723-2f55133d {
  grid-area: Area;
  place-self: center start;
}

#w-node-bd579315-ab90-8039-1a86-e4d17e098cb8-2f55133d {
  place-self: stretch stretch;
}

#w-node-ab5ea0a2-3fb5-ee7a-e5db-43838bcfdba0-2f55133d {
  place-self: stretch end;
}

#w-node-a8820cec-d983-f9a2-4025-92fcb52c0314-f5363448 {
  grid-area: Area;
}

#w-node-a8820cec-d983-f9a2-4025-92fcb52c0319-f5363448 {
  grid-area: Area-2;
  place-self: center stretch;
}

#w-node-a8820cec-d983-f9a2-4025-92fcb52c031c-f5363448 {
  grid-area: Area-3;
}

#w-node-_2d3be578-bdc8-8f57-6a39-7e9c2f594c54-39111858 {
  grid-area: Video;
  place-self: stretch stretch;
}

#w-node-_94dd50af-e0e1-0b0b-2789-34857379989b-39111858 {
  grid-area: Swing-Metrics;
}

#w-node-b249355b-cd6d-3ff4-c8ff-51a79ee06f0e-39111858 {
  grid-area: Detailed-Analysis;
}

#w-node-fa321954-1d58-9a8d-5029-9b965c107d48-39111858 {
  grid-area: Issue;
}

#w-node-_85a877e1-faf5-de6f-0427-e826c98a823f-39111858 {
  grid-area: Recommendations;
}

#w-node-_1e7e014d-14df-13c6-ef15-f997eae5df73-39111858 {
  grid-area: Rating;
}

#w-node-_7050aed9-1bbf-509a-5d72-19abd5a7a250-39111858 {
  grid-area: Title;
}

#w-node-_97588246-d0d8-774b-0fef-b59f64cbb1a6-39111858 {
  grid-area: Issue;
}

#w-node-_97588246-d0d8-774b-0fef-b59f64cbb1ab-39111858 {
  grid-area: Recommendations;
}

#w-node-_97588246-d0d8-774b-0fef-b59f64cbb1b0-39111858 {
  grid-area: Rating;
}

#w-node-_97588246-d0d8-774b-0fef-b59f64cbb1b7-39111858 {
  grid-area: Title;
}

#w-node-_68265faf-9009-57cb-7bb0-f779a54ed4fe-39111858 {
  grid-area: Issue;
}

#w-node-_68265faf-9009-57cb-7bb0-f779a54ed503-39111858 {
  grid-area: Recommendations;
}

#w-node-_68265faf-9009-57cb-7bb0-f779a54ed508-39111858 {
  grid-area: Rating;
}

#w-node-_68265faf-9009-57cb-7bb0-f779a54ed50f-39111858 {
  grid-area: Title;
}

#w-node-eeca714a-a2ca-b499-c7b6-c17fd1358e2b-39111858 {
  grid-area: Issue;
}

#w-node-eeca714a-a2ca-b499-c7b6-c17fd1358e30-39111858 {
  grid-area: Recommendations;
}

#w-node-eeca714a-a2ca-b499-c7b6-c17fd1358e35-39111858 {
  grid-area: Rating;
}

#w-node-eeca714a-a2ca-b499-c7b6-c17fd1358e3c-39111858 {
  grid-area: Title;
}

#w-node-_84a70b83-5418-bb33-6ea4-2ea91333579b-39111858 {
  grid-area: Issue;
}

#w-node-_84a70b83-5418-bb33-6ea4-2ea9133357a0-39111858 {
  grid-area: Recommendations;
}

#w-node-_84a70b83-5418-bb33-6ea4-2ea9133357a5-39111858 {
  grid-area: Rating;
}

#w-node-_84a70b83-5418-bb33-6ea4-2ea9133357ac-39111858 {
  grid-area: Title;
}

#w-node-fc209f7f-213c-1f62-37e0-32d4b180b1ab-39111858 {
  grid-area: Issue;
}

#w-node-fc209f7f-213c-1f62-37e0-32d4b180b1b0-39111858 {
  grid-area: Recommendations;
}

#w-node-fc209f7f-213c-1f62-37e0-32d4b180b1b5-39111858 {
  grid-area: Rating;
}

#w-node-fc209f7f-213c-1f62-37e0-32d4b180b1bc-39111858 {
  grid-area: Title;
}

#w-node-dd1ae9d4-1cce-f1b3-9e94-1d6c6c9055c0-39111858 {
  grid-area: Issue;
}

#w-node-dd1ae9d4-1cce-f1b3-9e94-1d6c6c9055c5-39111858 {
  grid-area: Recommendations;
}

#w-node-dd1ae9d4-1cce-f1b3-9e94-1d6c6c9055ca-39111858 {
  grid-area: Rating;
}

#w-node-dd1ae9d4-1cce-f1b3-9e94-1d6c6c9055d1-39111858 {
  grid-area: Title;
}

#w-node-c06af615-4902-a741-c6da-b967433d42ac-39111858 {
  grid-area: Issue;
}

#w-node-c06af615-4902-a741-c6da-b967433d42b1-39111858 {
  grid-area: Recommendations;
}

#w-node-c06af615-4902-a741-c6da-b967433d42b6-39111858 {
  grid-area: Rating;
}

#w-node-c06af615-4902-a741-c6da-b967433d42bd-39111858 {
  grid-area: Title;
}

#w-node-_2e3b8af4-6451-95a8-2268-079776325727-39111858 {
  grid-area: Issue;
}

#w-node-_2e3b8af4-6451-95a8-2268-07977632572c-39111858 {
  grid-area: Recommendations;
}

#w-node-_2e3b8af4-6451-95a8-2268-079776325731-39111858 {
  grid-area: Rating;
}

#w-node-_2e3b8af4-6451-95a8-2268-079776325738-39111858 {
  grid-area: Title;
}

#w-node-f131a8c3-bb87-59f6-a87c-8dd120fa805e-39111858 {
  grid-area: Issue;
}

#w-node-f131a8c3-bb87-59f6-a87c-8dd120fa8063-39111858 {
  grid-area: Recommendations;
}

#w-node-f131a8c3-bb87-59f6-a87c-8dd120fa8068-39111858 {
  grid-area: Rating;
}

#w-node-f131a8c3-bb87-59f6-a87c-8dd120fa806f-39111858 {
  grid-area: Title;
}

#libraryItem.w-node-_40eddc0f-0981-d49c-8ef0-ad95566c2937-20e8e438 {
  justify-self: stretch;
}

#w-node-c365ce5e-c40f-adc5-6e50-df2d27c6fbb1-ef3c9fcf {
  grid-area: Area;
}

#w-node-c365ce5e-c40f-adc5-6e50-df2d27c6fbba-ef3c9fcf {
  grid-area: Banner;
}

#w-node-c365ce5e-c40f-adc5-6e50-df2d27c6fbbd-ef3c9fcf {
  grid-area: Area-2;
}

#w-node-_5a73fadc-bc7c-26a0-9eb1-4bb76f300d57-ef3c9fcf {
  grid-area: Area;
}

#w-node-_59d5d51a-8c41-3dbd-6945-2c55bd46b8df-ef3c9fcf {
  grid-area: Image;
}

#w-node-_87c81e9a-c9d3-74fb-411d-e73adf7bcc30-ef3c9fcf {
  grid-area: Area;
}

#w-node-_013fa5b7-6581-19b6-8098-7d2be2c3a01a-ef3c9fcf {
  align-self: center;
}

#w-node-acc7388d-e1c4-18e0-2b1d-f859ffdd3fb2-ef3c9fcf, #w-node-_10b1e484-2935-dcb1-0c72-5c4ba6d8aa74-ef3c9fcf, #w-node-feeb88af-5f57-a68c-fedf-1d8badbb80b5-ef3c9fcf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f17569ca-0538-8487-ff0c-73dedbfe3b78-ef3c9fcf {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#area_new_analysis.w-node-_7d98b35d-7403-55f8-660d-cb747978f8f5-c5d1c05c {
  grid-area: Area;
}

#area_library.w-node-_7d98b35d-7403-55f8-660d-cb747978f909-c5d1c05c {
  grid-area: Area-2;
}

#area_courses.w-node-_7d98b35d-7403-55f8-660d-cb747978f900-c5d1c05c {
  grid-area: Area-3;
}

#w-node-_45695766-3984-f2f8-213b-4f7d78a5cf6b-c5d1c05c {
  grid-area: Area-4;
}

#w-node-a2bb9142-1dc5-ab9b-d144-83bbc50eee59-c5d1c05c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2f08ae57-a394-8eba-bd8b-6041920d4bee-920d4bed {
  grid-area: Area-2;
  place-self: center;
}

#w-node-b7df9d65-3259-1ff9-9272-a2a72884b32b-1a6f59e1 {
  grid-area: Logo;
}

#w-node-_6b6ed398-6de1-1831-f6e5-5065e66f959e-1a6f59e1 {
  grid-area: Content;
  place-self: center;
}

#w-node-ef4af1a7-0140-6e15-1a82-6fff77c64564-1a6f59e1 {
  grid-area: Footer;
  place-self: center;
}

#w-node-fc8b5f8c-c402-8a9f-8cdc-d5d9e5208778-dc8db62c {
  grid-area: Logo;
}

#w-node-fc8b5f8c-c402-8a9f-8cdc-d5d9e520877a-dc8db62c {
  grid-area: Content;
  place-self: center;
}

#w-node-_45781031-b831-4c7d-c5ef-a77d5ffb0b6a-dc8db62c {
  grid-area: Footer;
  place-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_78cde464-8181-a20f-2a1a-e88c96c699ea-72bfaa4d {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center end;
  }

  #w-node-f17569ca-0538-8487-ff0c-73dedbfe3b78-ef3c9fcf {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_78cde464-8181-a20f-2a1a-e88c96c699ea-72bfaa4d {
    align-self: center;
  }

  #area_library.w-node-_7d98b35d-7403-55f8-660d-cb747978f909-c5d1c05c {
    grid-area: Area-2;
  }

  #w-node-_6b6ed398-6de1-1831-f6e5-5065e66f959e-1a6f59e1, #w-node-fc8b5f8c-c402-8a9f-8cdc-d5d9e520877a-dc8db62c {
    place-self: end stretch;
  }
}


@font-face {
  font-family: 'Soehne Mono Buch';
  src: url('../fonts/soehne-mono-buch.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Soehne Buch';
  src: url('../fonts/soehne-buch.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Soehne Halbfett';
  src: url('../fonts/soehne-halbfett.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Soehne Mono Halbfett';
  src: url('../fonts/soehne-mono-halbfett.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Soehne Kraftig';
  src: url('../fonts/soehne-kraftig.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Just Sans Variable';
  src: url('../fonts/JUST-Sans-Variable.ttf') format('truetype');
  font-weight: 135 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geistvf';
  src: url('../fonts/GeistVF.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Givonic Variable';
  src: url('../fonts/Givonic-Variable.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}