@charset "utf-8";

@media (min-width: 768px) {
  .Activities { display: block; }
}

.Activities__link { padding-bottom: 0px; }

.Activities__wrapper { align-items: center; border-radius: 0.3rem; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 2px 0px, rgba(0, 0, 0, 0.1) 0px 1px 1px 0px, rgba(0, 0, 0, 0.05) 0px -1px 1px 0px; grid-column: 1 / 7; padding: 0.5rem 1rem; }

.Activities__wrapper .sr-only { clip: rect(0px, 0px, 0px, 0px); border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; }

@media (min-width: 768px) {
  .Activities__wrapper { grid-column: 1 / 13; }
}

@media (min-width: 1024px) {
  .Activities__wrapper { padding: 1.125rem 1.5rem; }
}

.Activities__container { background-image: none; display: flex; flex-direction: row; justify-content: space-between; padding-bottom: 0px; }

@media (min-width: 768px) {
  .Activities__container { flex-wrap: nowrap; }
}

.Activities__userInfo { align-items: baseline; display: flex; flex-direction: column; width: 70%; }

@media (min-width: 768px) {
  .Activities__userInfo { max-width: 80%; }
}

@media (min-width: 1024px) {
  .Activities__userInfo { align-items: center; flex-direction: row; max-width: 62%; }
  .Activities__userLevel { margin-left: 1rem; }
}

.Activities__userGreeting { align-items: flex-start; display: flex; flex-direction: column; justify-content: center; width: 100%; }

.Activities__userGreeting > .Text-ds { max-width: 80%; }

@media (min-width: 768px) {
  .Activities__userGreeting > .Text-ds { max-width: 90%; }
}

@media (min-width: 1024px) {
  .Activities__userGreeting > .Text-ds { max-width: 60%; }
  .Activities__userGreeting { align-items: center; flex-direction: row; justify-content: flex-start; }
}

.Activities__guestGreetingText { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.Activities__rewards { align-items: baseline; display: flex; flex-direction: row; justify-content: flex-end; }

@media (min-width: 1024px) {
  .Activities__rewards { align-items: center; }
}

.Activities__divider { align-self: center; border-left: 1px solid var(--pal-colors-default-border-xsubtle); height: 2.375rem; margin-left: 0.5rem; margin-right: 0.5rem; }

@media (min-width: 1024px) {
  .Activities__divider { height: 2rem; margin-left: 1rem; margin-right: 1rem; }
}

.Activities__points, .Activities__value { place-items: center flex-start; display: flex; flex-direction: column; }

@media (min-width: 1024px) {
  .Activities__points, .Activities__value { flex-direction: row; }
  .Activities__pointsLabel, .Activities__valueLabel { align-self: center; margin-left: 0.5rem; }
}