@import '_content/PSC.Blazor.Components.AutoComplete/PSC.Blazor.Components.AutoComplete.bundle.scp.css';

/* _content/Tevling/Components/ActivityCard.razor.rz.scp.css */
.activity-card[b-pj17g2xoo5] {
  display: flex;
  flex-direction: row;
  border-radius: 1.5rem;
  width: 34rem;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  transition: box-shadow 0.2s, max-height 1s ease-in-out;
  column-gap: 1em;
  margin-bottom: 1rem;
}

@media (min-width: 501px) {
  .activity-card-body[b-pj17g2xoo5] {
    margin-left: 3rem;
  }
}

@media (max-width: 500px) {
  .activity-card[b-pj17g2xoo5] {
    width: 21rem;
  }

  .activity-time[b-pj17g2xoo5],
  .strava-link[b-pj17g2xoo5],
  .athlete-name[b-pj17g2xoo5] {
    text-wrap: none;
  }

  .athlete-name-container[b-pj17g2xoo5] {
    margin-bottom: 1rem;
  }
}

.activity-card-content[b-pj17g2xoo5] {
  width: 100%;
}

.activity-time[b-pj17g2xoo5],
.strava-link[b-pj17g2xoo5] {
  font-size: smaller;
  font-weight: 300;
}

.activity-time[b-pj17g2xoo5] {
  color: #737373;
}

.activity-name[b-pj17g2xoo5] {
  font-weight: 600;
}

.activity-description[b-pj17g2xoo5] {
  font-size: 0.9rem;
}

.page[data-bs-theme="dark"] .activity-card[b-pj17g2xoo5] {
  background-color: #121417;
}

.page[data-bs-theme="light"] .activity-card[b-pj17g2xoo5] {
  background-color: white;
}
/* _content/Tevling/Components/AthleteCard.razor.rz.scp.css */
.athlete-card[b-uwjrlt9h0z] {
  display: flex;
  flex-direction: row;
  border-radius: 1rem;
  width: 44rem;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  transition: box-shadow 0.2s, max-height 1s ease-in-out;
  column-gap: 1em;
}

@media (max-width: 500px) {
  .athlete-card[b-uwjrlt9h0z] {
    max-width: 22rem;
  }

  .athlete-name[b-uwjrlt9h0z] {
    max-width: fit-content;
  }

  .strava-link[b-uwjrlt9h0z] {
    max-width: 4rem;
  }

  .unfollow-button[b-uwjrlt9h0z],
  .follow-button[b-uwjrlt9h0z] {
    max-width: fit-content;
  }

  .unfollow-button-text[b-uwjrlt9h0z],
  .unfollow-button:hover[b-uwjrlt9h0z]::after,
  .follow-button-text[b-uwjrlt9h0z] {
    display: none;
  }
}

.athlete-name[b-uwjrlt9h0z] {
  width: 15rem;
}

.strava-link[b-uwjrlt9h0z] {
  font-size: smaller;
  font-weight: 300;
  width: 7rem;
}

.unfollow-button[b-uwjrlt9h0z],
.follow-button[b-uwjrlt9h0z] {
  width: 8rem;
}

.page[data-bs-theme="dark"] .athlete-card[b-uwjrlt9h0z] {
  background-color: #121417;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.page[data-bs-theme="light"] .athlete-card[b-uwjrlt9h0z] {
  background-color: white;
}

.bi-heart-fill[b-uwjrlt9h0z],
.bi-heartbreak-fill[b-uwjrlt9h0z] {
  color: red;
}

.unfollow-button:hover[b-uwjrlt9h0z],
.follow-button:hover[b-uwjrlt9h0z] {
  cursor: pointer;
}

.unfollow-button:hover .bi-heart-fill[b-uwjrlt9h0z]::before {
  content: "\F770";
}

.unfollow-button:hover .unfollow-button-text[b-uwjrlt9h0z] {
  display: none;
}

.unfollow-button:hover[b-uwjrlt9h0z]::after {
  content: "Unfollow";
}

.follow-button:hover .bi-heart[b-uwjrlt9h0z]::before {
  content: "\F415";
}

.follow-button:hover .bi-heart[b-uwjrlt9h0z] {
  color: red;
}
/* _content/Tevling/Components/Avatar.razor.rz.scp.css */
.avatar[b-pycniofq0b] {
  display: inline-flex;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  height: fit-content;
}
/* _content/Tevling/Components/ChallengeCard.razor.rz.scp.css */
.challenge-card[b-o53ro657u2] {
  width: 18rem;
  cursor: pointer;
  box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.25);
  transition: box-shadow 0.2s, max-height 1s ease-in-out;
  padding: 1rem;
  border-radius: 1.5rem;
  min-height: 20rem;
  max-height: 20rem;
  overflow: hidden;
}

.challenge-card:hover[b-o53ro657u2] {
  max-height: 50rem;
}

.page[data-bs-theme="dark"] .challenge-card[b-o53ro657u2] {
  background-color: #121417;
  box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.page[data-bs-theme="dark"] .challenge-card:hover[b-o53ro657u2] {
  box-shadow: 0px 4px 20px 10px rgba(0, 0, 0, 0.25);
}

.page[data-bs-theme="light"] .challenge-card[b-o53ro657u2] {
  background-color: white;
}

.page[data-bs-theme="light"] .challenge-card:hover[b-o53ro657u2] {
  box-shadow: 0px 4px 20px 10px rgba(0, 0, 0, 0.1);
}

.challenge-description[b-o53ro657u2] {
  font-weight: 300;
  font-size: smaller;
  max-height: 4rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.challenge-card:hover .challenge-description[b-o53ro657u2] {
  overflow: visible;
  max-height: max-content;
  display: block;
}

.dropdown-toggle[b-o53ro657u2] {
  height: 1.2rem;
  width: 2rem;
  border: none;
}

button:not(.modal-button)[b-o53ro657u2] {
  padding: 0;
}

.modal-button[b-o53ro657u2] {
  width: 10rem;
}

button[b-o53ro657u2],
a[b-o53ro657u2] {
  border-radius: 0.8rem;
}

button.btn-secondary[b-o53ro657u2] {
  background-color: white;
  color: black;
  border: 1px solid black;
}

button i[b-o53ro657u2] {
  font-size: x-large;
}

button span[b-o53ro657u2] {
  vertical-align: text-bottom;
}

span[b-o53ro657u2] {
  font-weight: 300;
}

.challenge-title[b-o53ro657u2],
.score[b-o53ro657u2] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.list-group-item[b-o53ro657u2] {
  background-color: transparent;
  font-size: smaller;
}
/* _content/Tevling/Components/ChallengeForm.razor.rz.scp.css */
label[b-639hznp69z] {
  font-weight: 300;
}

a.selected-activity-type[b-639hznp69z] {
  font-size: smaller;
  padding-top: 0;
  padding-bottom: 0;
  align-items: center;
  display: flex;
  width: fit-content;
}

button.selected-group[b-639hznp69z] {
  font-size: smaller;
  padding-top: 0;
  padding-bottom: 0;
  align-items: center;
  display: flex;
  width: fit-content;
}

a.selected-activity-type i[b-639hznp69z] {
  font-size: large;
}

.activity-types-selection[b-639hznp69z] {
  max-width: 30rem;
}

.selected-athlete[b-639hznp69z] {
  font-weight: 300;
}

.selected-athlete i[b-639hznp69z] {
  font-size: large;
}
/* _content/Tevling/Components/DarkMode.razor.rz.scp.css */
.dark-mode-switch[b-hscgq05iyz] {
  background-color: black;
  padding: 0.3rem;
  border-radius: 0.8rem;
  display: flex;
  width: fit-content;
  transition: background-color 0.3s ease;
}

.dark-mode-switch.light[b-hscgq05iyz] {
  background-color: #dee2e6;
}

.active[b-hscgq05iyz] {
  color: #0c6dfd;
  background-color: white;
}

.active.light[b-hscgq05iyz] {
  background-color: white;
}

.active.dark[b-hscgq05iyz] {
  background-color: #222;
}

.inactive[b-hscgq05iyz] {
  color: #737373;
  background-color: transparent;
}

.dark-mode-switch button[b-hscgq05iyz] {
  border: none;
  border-radius: 0.8rem;
  transition: background-color 0.3s ease, color 0.5s ease;
}
/* _content/Tevling/Pages/About.razor.rz.scp.css */
.title[b-0hg1orqxiy] {
  letter-spacing: 0.2rem;
  font-variant: all-small-caps;
  font-size: xxx-large;
}

p[b-0hg1orqxiy] {
  font-weight: 300;
}
/* _content/Tevling/Pages/Activities.razor.rz.scp.css */
.title[b-hpis4o93z8] {
  letter-spacing: 0.2rem;
  font-variant: all-small-caps;
  font-size: xxx-large;
}

label[b-hpis4o93z8] {
  font-weight: 300;
}
/* _content/Tevling/Pages/Athletes.razor.rz.scp.css */
.title[b-a6uekhhizk] {
  letter-spacing: 0.2rem;
  font-variant: all-small-caps;
  font-size: xxx-large;
}

label[b-a6uekhhizk] {
  font-weight: 300;
}
/* _content/Tevling/Pages/Challenges.razor.rz.scp.css */
.title[b-1kosdpd04p] {
  letter-spacing: 0.2rem;
  font-variant: all-small-caps;
  font-size: xxx-large;
}

.challenge-search[b-1kosdpd04p]  input {
  width: 20rem;
}

.challenges[b-1kosdpd04p] {
  max-width: 58rem;
  margin-right: 5rem;
}

@media (max-width: 1500px) {
  .challenges[b-1kosdpd04p] {
    max-width: 38rem;
  }
}

@media (max-width: 500px) {
  .challenges[b-1kosdpd04p] {
    margin-right: 0;
  }

  .challenge-list[b-1kosdpd04p] {
    justify-content: center;
  }
}

label[b-1kosdpd04p] {
  font-weight: 300;
}

a[b-1kosdpd04p] {
  border-radius: 0.8rem;
  font-size: smaller;
}
/* _content/Tevling/Pages/CreateChallenge.razor.rz.scp.css */
.title[b-gtts2v4nf7] {
  letter-spacing: 0.2rem;
  font-variant: all-small-caps;
  font-size: xxx-large;
}
/* _content/Tevling/Pages/Dashboard.razor.rz.scp.css */
.athlete-name[b-u4a2m0rmcx] {
  font-weight: bold;
}

h1[b-u4a2m0rmcx] {
  font-weight: 400;
}

.joined-challenge-card[b-u4a2m0rmcx] {
  box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 1rem;
  border-radius: 1rem;
  width: 26rem;
}

.active-challenges > span[b-u4a2m0rmcx],
.suggested-athletes > span[b-u4a2m0rmcx] {
  font-weight: 300;
}

@media (max-width: 500px) {
  .joined-challenge-card[b-u4a2m0rmcx] {
    max-width: 21rem;
  }

  .joined-challenge-card .challenge-title[b-u4a2m0rmcx] {
    word-wrap: break-word;
    text-wrap: pretty;
    max-width: 10rem;
  }

  .joined-challenge-card .challenge-placement[b-u4a2m0rmcx] {
    max-width: 4rem;
  }

  .joined-challenge-card .challenge-score[b-u4a2m0rmcx] {
    max-width: 5rem;
  }
}

.joined-challenge-card .challenge-title[b-u4a2m0rmcx] {
  word-wrap: break-word;
  text-wrap: pretty;
  width: 16rem;
}

.joined-challenge-card .challenge-placement[b-u4a2m0rmcx] {
  width: 5rem;
}

.joined-challenge-card .challenge-score[b-u4a2m0rmcx] {
  width: 5rem;
}

.page[data-bs-theme="dark"] .joined-challenge-card[b-u4a2m0rmcx] {
  background-color: #121417;
}

.page[data-bs-theme="light"] .joined-challenge-card[b-u4a2m0rmcx] {
  background-color: white;
}
/* _content/Tevling/Pages/Login.razor.rz.scp.css */
.tevling-login[b-ehrjztdxeu] {
  min-width: 300px;
  margin: auto;
  text-align: center;
}

@media (min-width: 641px) {
  .tevling-login[b-ehrjztdxeu] {
    padding-top: 50px;
  }
}

.login-title[b-ehrjztdxeu] {
  font-size: 58px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.7rem;
}

.login-subtitle[b-ehrjztdxeu] {
  font-style: italic;
  font-size: 20px;
}

.tevling-logo[b-ehrjztdxeu] {
  margin: 2rem 0;
}

button.strava-login[b-ehrjztdxeu] {
  border: none;
  background-color: inherit;
  background-image: url('../btn_strava_connectwith_orange@2x.png');
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: 193px;
  height: 48px;
}

button.strava-login:hover[b-ehrjztdxeu] {
  filter: drop-shadow(0px 0px 5px #c1c1c1);
}

button.strava-login:active[b-ehrjztdxeu] {
  filter: none !important;
}

[b-ehrjztdxeu] .copyright {
  font-size: 10px;
  margin-top: 2rem;
}
/* _content/Tevling/Pages/Profile.razor.rz.scp.css */
.title[b-fwo8935yek] {
  letter-spacing: 0.2rem;
  font-variant: all-small-caps;
  font-size: xxx-large;
}

.member-since[b-fwo8935yek] {
  font-size: smaller;
  font-weight: 300;
}

.profile-name[b-fwo8935yek] {
  font-size: larger;
}

.profile-actions span[b-fwo8935yek],
.followers span[b-fwo8935yek],
.following span[b-fwo8935yek] {
  font-weight: 300;
}

.profile-actions a[b-fwo8935yek],
button[b-fwo8935yek] {
  width: fit-content;
}

.profile-info[b-fwo8935yek] {
  margin-right: 13rem;
}

@media (max-width: 1500px) {
  .profile-info[b-fwo8935yek] {
    margin-right: 3rem;
  }
}

.delete-account-modal-button[b-fwo8935yek] {
  width: 10rem;
}

.delete-account-modal-icon[b-fwo8935yek] {
  font-size: 6rem;
}

a.btn-secondary[b-fwo8935yek],
button.btn-secondary[b-fwo8935yek] {
  background-color: white;
  color: black;
  border: 1px solid black;
}
/* _content/Tevling/Pages/Statistics.razor.rz.scp.css */
/* _content/Tevling/Shared/DropdownSearch.razor.rz.scp.css */
label[b-d2wk66cibo] {
  font-weight: 300;
}

.dropdown-menu[b-d2wk66cibo] {
  max-height: 10rem;
  overflow-y: scroll;
}
/* _content/Tevling/Shared/MainLayout.razor.rz.scp.css */
.page[b-x2cv7g2exo] {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}

.page[data-bs-theme="light"][b-x2cv7g2exo] {
  background-color: #eff6fe;
}

main[b-x2cv7g2exo] {
  flex: 1;
}

.sidebar[b-x2cv7g2exo] {
  background-color: #222;
}

@media (min-width: 641px) {
  .page[b-x2cv7g2exo] {
    flex-direction: row;
  }

  .sidebar[b-x2cv7g2exo] {
    width: 250px;
    height: 100vh;
    position: sticky;
    top: 0;
  }

  .content[b-x2cv7g2exo] {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media (max-width: 640px) {
  .sidebar[b-x2cv7g2exo] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 1000;
  }

  .content[b-x2cv7g2exo] {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
/* _content/Tevling/Shared/Modal.razor.rz.scp.css */
.modal-content[b-j8pap0ermp] {
  border: none;
}

.modal-header[b-j8pap0ermp] {
  border: none;
}

.modal-body[b-j8pap0ermp] {
  border: none;
  font-weight: 300;
}

.modal-footer[b-j8pap0ermp] {
  border: none;
  padding: 1rem;
}

.page[data-bs-theme="dark"] .modal-content[b-j8pap0ermp] {
  background-color: #222;
}

.page[data-bs-theme="light"] .modal-content[b-j8pap0ermp] {
  background-color: white;
}
/* _content/Tevling/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-llzkukcawe] {
  border: none;
  font-size: 3rem;
  color: #dee2e6;
  transition: transform 0.3s ease;
}

.navbar-toggler:focus[b-llzkukcawe] {
  box-shadow: none;
}

.navbar-toggler:hover[b-llzkukcawe] {
  transform: scale(1.1);
}

.logo[b-llzkukcawe] {
  height: 4rem;
  width: 11rem;
}

.user-info[b-llzkukcawe] {
  color: #d7d7d7;
  font-weight: 300;
  font-size: smaller;
  letter-spacing: 0.2rem;
}

.divider[b-llzkukcawe] {
  color: #737373;
}

.nav-item[b-llzkukcawe] {
  padding-bottom: 0.5rem;
  letter-spacing: 0.2rem;
  font-variant: all-small-caps;
  font-weight: 300;
  font-size: large;
}

.nav-item[b-llzkukcawe]  a {
  color: #d7d7d7;
  border-radius: 4px;
  height: 3rem;
  display: flex;
  align-items: center;
  line-height: 3rem;
}

.nav-item[b-llzkukcawe]  a.active {
  background-color: black;
  border-radius: 0.8rem;
  color: white;
}

.nav-item[b-llzkukcawe]  a:hover {
  background-color: black;
  border-radius: 0.8rem;
  color: white;
}

@media (min-width: 641px) {
  .navbar-toggler[b-llzkukcawe] {
    display: none;
  }

  .collapse[b-llzkukcawe] {
    /* Never collapse the sidebar for wide screens */
    display: block;
  }

  .top-row[b-llzkukcawe] {
    padding: 1.5rem;
  }
}

@media (max-width: 641px) {
  .top-row[b-llzkukcawe] {
    padding-left: 1rem;
  }
}

.strava-icon[b-llzkukcawe] {
  background-image: url("../api_logo_pwrdBy_strava_horiz_gray.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 169px;
  height: 32px;
  align-self: center;
}