@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lobster&display=swap");

body {
  font-family: "Poppins", sans-serif;
}

:root {
  --prime-clr:#4e5262;
  --card-bg: #7b0237;
  --heading-font-fam: "Dancing Script", cursive;
  --para-font-fam: Poppins, sans-serif;
}

.VueCarousel {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  position: relative;
}
.VueCarousel--reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
}
.VueCarousel-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.VueCarousel-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.VueCarousel-inner--center {
  -webkit-box-pack: center;
  justify-content: center;
}
.VueCarousel-slide {
  flex-basis: inherit;
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-backface-visibility: initial;
  backface-visibility: initial;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}
.VueCarousel-slide-adjustableHeight {
  display: table;
  flex-basis: auto;
  width: 100%;
}
.VueCarousel-pagination {
  width: 100%;
  text-align: center;
}
.VueCarousel-pagination--top-overlay {
  position: absolute;
  top: 0;
}
.VueCarousel-pagination--bottom-overlay {
  position: absolute;
  bottom: 0;
}
.VueCarousel-dot-container {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
}
.VueCarousel-dot {
  display: inline-block;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-clip: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0;
  border-radius: 100%;
  outline: none;
}
.VueCarousel-dot:focus {
  outline: none;
}
.VueCarousel-navigation-button {
  position: absolute;
  top: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  outline: none;
}
.VueCarousel-navigation-button:focus {
  outline: none;
}
.VueCarousel-navigation-next {
  right: 0;
  -webkit-transform: translateY(-50%) translateX(100%);
  transform: translateY(-50%) translateX(100%);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.VueCarousel-navigation-prev {
  left: 0;
  -webkit-transform: translateY(-50%) translateX(-100%);
  transform: translateY(-50%) translateX(-100%);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.VueCarousel-navigation--disabled {
  opacity: 0.5;
  cursor: default;
}
fieldset[disabled] .multiselect {
  pointer-events: none;
}
.multiselect__spinner {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 40px;
  height: 38px;
  background: #fff;
  display: block;
}
.multiselect__spinner::before,
.multiselect__spinner::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border-color: #41b883 transparent transparent;
  border-style: solid;
  border-width: 2px;
  -webkit-box-shadow: 0 0 0 1px transparent;
  box-shadow: 0 0 0 1px transparent;
}
.multiselect__spinner::before {
  -webkit-animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
  animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.multiselect__spinner::after {
  -webkit-animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
  animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.multiselect__loading-enter-active,
.multiselect__loading-leave-active {
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  opacity: 1;
}
.multiselect__loading-enter,
.multiselect__loading-leave-active {
  opacity: 0;
}
.multiselect,
.multiselect__input,
.multiselect__single {
  font-family: inherit;
  font-size: 16px;
  touch-action: manipulation;
}
.multiselect {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  position: relative;
  width: 100%;
  min-height: 40px;
  text-align: left;
  color: #35495e;
}
.multiselect * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.multiselect:focus {
  outline: none;
}
.multiselect--disabled {
  background: #ededed;
  pointer-events: none;
  opacity: 0.6;
}
.multiselect--active {
  z-index: 50;
}
.multiselect--active:not(.multiselect--above) .multiselect__current,
.multiselect--active:not(.multiselect--above) .multiselect__input,
.multiselect--active:not(.multiselect--above) .multiselect__tags {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.multiselect--active .multiselect__select {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}
.multiselect--above.multiselect--active .multiselect__current,
.multiselect--above.multiselect--active .multiselect__input,
.multiselect--above.multiselect--active .multiselect__tags {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.multiselect__input,
.multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff;
  padding: 0 0 0 5px;
  width: calc(100%);
  -webkit-transition: border 0.1s ease;
  transition: border 0.1s ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.multiselect__input::-webkit-input-placeholder {
  color: #35495e;
}
.multiselect__input::-moz-placeholder {
  color: #35495e;
}
.multiselect__input::-ms-input-placeholder {
  color: #35495e;
}
.multiselect__input::placeholder {
  color: #35495e;
}
.multiselect__tag ~ .multiselect__input,
.multiselect__tag ~ .multiselect__single {
  width: auto;
}
.multiselect__input:hover,
.multiselect__single:hover {
  border-color: #cfcfcf;
}
.multiselect__input:focus,
.multiselect__single:focus {
  border-color: #a8a8a8;
  outline: none;
}
.multiselect__single {
  padding-left: 5px;
  margin-bottom: 8px;
}
.multiselect__tags-wrap {
  display: inline;
}
.multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  background: #fff;
  font-size: 14px;
}
.multiselect__tag {
  position: relative;
  display: inline-block;
  padding: 4px 26px 4px 10px;
  border-radius: 5px;
  margin-right: 10px;
  color: #fff;
  line-height: 1;
  background: #41b883;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}
.multiselect__tag-icon {
  cursor: pointer;
  margin-left: 7px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-weight: 700;
  font-style: normal;
  font-style: initial;
  width: 22px;
  text-align: center;
  line-height: 22px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 5px;
}
.multiselect__tag-icon::after {
  content: "×";
  color: #266d4d;
  font-size: 14px;
}
.multiselect__tag-icon:focus::after,
.multiselect__tag-icon:hover::after {
  color: white;
}
.multiselect__current {
  line-height: 16px;
  min-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  padding: 8px 12px 0;
  padding-right: 30px;
  white-space: nowrap;
  margin: 0;
  -webkit-text-decoration: none;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  cursor: pointer;
}
.multiselect__select {
  line-height: 16px;
  display: block;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 40px;
  height: 38px;
  right: 1px;
  top: 1px;
  padding: 4px 8px;
  margin: 0;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.multiselect__select::before {
  position: relative;
  right: 0;
  top: 65%;
  color: #999;
  margin-top: 4px;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #999 transparent transparent transparent;
  content: "";
}
.multiselect__placeholder {
  color: #adadad;
  display: inline-block;
  margin-bottom: 10px;
  padding-top: 2px;
}
.multiselect--active .multiselect__placeholder {
  display: none;
}
.multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #fff;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #e8e8e8;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
.multiselect__content {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  min-width: 100%;
  vertical-align: top;
}
.multiselect--above .multiselect__content-wrapper {
  bottom: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
  border-top: 1px solid #e8e8e8;
}
.multiselect__content::-webkit-scrollbar {
  display: none;
}
.multiselect__element {
  display: block;
}
.multiselect__option {
  display: block;
  padding: 12px;
  min-height: 40px;
  line-height: 16px;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
}
.multiselect__option::after {
  top: 0;
  right: 0;
  position: absolute;
  line-height: 40px;
  padding-right: 12px;
  padding-left: 20px;
  font-size: 13px;
}
.multiselect__option--highlight {
  background: #41b883;
  outline: none;
  color: white;
}
.multiselect__option--highlight::after {
  content: attr(data-select);
  background: #41b883;
  color: white;
}
.multiselect__option--selected {
  background: #f3f3f3;
  color: #35495e;
  font-weight: bold;
}
.multiselect__option--selected::after {
  content: attr(data-selected);
  color: silver;
  background: inherit;
}
.multiselect__option--selected.multiselect__option--highlight {
  background: #ff6a6a;
  color: #fff;
}
.multiselect__option--selected.multiselect__option--highlight::after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff;
}
.multiselect--disabled .multiselect__current,
.multiselect--disabled .multiselect__select {
  background: #ededed;
  color: #a6a6a6;
}
.multiselect__option--disabled {
  background: #ededed !important;
  color: #a6a6a6 !important;
  cursor: text;
  pointer-events: none;
}
.multiselect__option--group {
  background: #ededed;
  color: #35495e;
}
.multiselect__option--group.multiselect__option--highlight {
  background: #35495e;
  color: #fff;
}
.multiselect__option--group.multiselect__option--highlight::after {
  background: #35495e;
}
.multiselect__option--disabled.multiselect__option--highlight {
  background: #dedede;
}
.multiselect__option--group-selected.multiselect__option--highlight {
  background: #ff6a6a;
  color: #fff;
}
.multiselect__option--group-selected.multiselect__option--highlight::after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff;
}
.multiselect-enter-active,
.multiselect-leave-active {
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.multiselect-enter,
.multiselect-leave-active {
  opacity: 0;
}
.multiselect__strong {
  margin-bottom: 8px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}
*[dir="rtl"] .multiselect {
  text-align: right;
}
*[dir="rtl"] .multiselect__select {
  right: auto;
  left: 1px;
}
*[dir="rtl"] .multiselect__tags {
  padding: 8px 8px 0 40px;
}
*[dir="rtl"] .multiselect__content {
  text-align: right;
}
*[dir="rtl"] .multiselect__option::after {
  right: auto;
  left: 0;
}
*[dir="rtl"] .multiselect__clear {
  right: auto;
  left: 12px;
}
*[dir="rtl"] .multiselect__spinner {
  right: auto;
  left: 1px;
}
@-webkit-keyframes spinning {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2turn);
    transform: rotate(2turn);
  }
}
@keyframes spinning {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2turn);
    transform: rotate(2turn);
  }
}
/*! shareon v1.6.3 */
.shareon {
  font-size: 0 !important;
}
.shareon > * {
  background-color: #ccc;
  border: none;
  border-radius: 3.33333px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: #fff;
  display: inline-block;
  height: 24px;
  line-height: 1.5;
  margin: 3px;
  min-width: 16px;
  padding: 6px 10px;
  position: relative;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  vertical-align: middle;
}
.shareon > :hover {
  border: none;
  cursor: pointer;
  opacity: 0.7;
}
.shareon > :not(:empty) {
  font-size: 16px;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.shareon > :not(:empty):before {
  background-position: 0 50%;
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 28px;
}
.shareon > :before {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  content: "";
  display: inline-block;
  height: 20px;
  left: 8px;
  position: absolute;
  top: 8px;
  vertical-align: bottom;
  width: 20px;
}
.shareon > .facebook {
  background-color: #1877f2;
}
.shareon > .facebook:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.998 12c0-6.628-5.372-12-11.999-12C5.372 0 0 5.372 0 12c0 5.988 4.388 10.952 10.124 11.852v-8.384H7.078v-3.469h3.046V9.356c0-3.008 1.792-4.669 4.532-4.669 1.313 0 2.686.234 2.686.234v2.953H15.83c-1.49 0-1.955.925-1.955 1.874V12h3.328l-.532 3.469h-2.796v8.384c5.736-.9 10.124-5.864 10.124-11.853z'/%3E%3C/svg%3E");
}
.shareon > .linkedin {
  background-color: #2867b2;
}
.shareon > .linkedin:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.722 23.72h-4.91v-7.692c0-1.834-.038-4.194-2.559-4.194-2.56 0-2.95 1.995-2.95 4.06v7.827H8.394V7.902h4.716v2.157h.063c.659-1.244 2.261-2.556 4.655-2.556 4.974 0 5.894 3.274 5.894 7.535zM.388 7.902h4.923v15.819H.388zM2.85 5.738A2.849 2.849 0 0 1 0 2.886a2.851 2.851 0 1 1 2.85 2.852z'/%3E%3C/svg%3E");
}
.shareon > .linkedin:not(:empty):before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E");
}
.shareon > .mastodon {
  background-color: #3088d4;
}
.shareon > .mastodon:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.193 7.879c0-5.206-3.411-6.732-3.411-6.732C18.062.357 15.108.025 12.041 0h-.076c-3.068.025-6.02.357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.192-.023 2.618.015 4.129.124 5.092.934 10.109 5.641 11.355 2.17.574 4.034.695 5.535.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.129.539c-2.165-.074-4.449-.233-4.799-2.891a5.499 5.499 0 0 1-.048-.745s2.125.52 4.817.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.507.475-6.507zm-4.024 6.709h-2.497V8.469c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.312v3.349h-2.483v-3.35c0-1.536-.602-2.312-1.802-2.312-1.085 0-1.628.655-1.628 1.944v6.119H4.832V8.284c0-1.289.328-2.313.987-3.07.68-.758 1.569-1.146 2.674-1.146 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.304z'/%3E%3C/svg%3E");
}
.shareon > .messenger {
  background-color: #09f;
}
.shareon > .messenger:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 11.64C0 4.95 5.24 0 12 0s12 4.95 12 11.64-5.24 11.64-12 11.64c-1.21 0-2.38-.16-3.47-.46a.96.96 0 0 0-.64.05L5.5 23.92a.96.96 0 0 1-1.35-.85l-.07-2.14a.97.97 0 0 0-.32-.68A11.39 11.39 0 0 1 0 11.64zm8.32-2.19-3.52 5.6c-.35.53.32 1.14.82.75l3.79-2.87c.26-.2.6-.2.87 0l2.8 2.1c.84.63 2.04.4 2.6-.48l3.52-5.6c.35-.53-.32-1.13-.82-.75l-3.79 2.87c-.25.2-.6.2-.86 0l-2.8-2.1a1.8 1.8 0 0 0-2.61.48z'/%3E%3C/svg%3E");
}
.shareon > .odnoklassniki {
  background-color: #ee8208;
}
.shareon > .odnoklassniki:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.505 17.44a11.599 11.599 0 0 0 3.6-1.49 1.816 1.816 0 0 0-1.935-3.073 7.866 7.866 0 0 1-8.34 0 1.814 1.814 0 0 0-2.5.565c0 .002 0 .004-.002.005a1.812 1.812 0 0 0 .567 2.5l.002.002c1.105.695 2.322 1.2 3.596 1.488l-3.465 3.465A1.796 1.796 0 0 0 6 23.439l.03.03c.344.354.81.53 1.274.53.465 0 .93-.176 1.275-.53L12 20.065l3.404 3.406a1.815 1.815 0 0 0 2.566-2.565l-3.465-3.466zM12 12.388a6.202 6.202 0 0 0 6.195-6.193C18.195 2.78 15.415 0 12 0S5.805 2.78 5.805 6.197A6.2 6.2 0 0 0 12 12.389zm0-8.757a2.566 2.566 0 0 1 0 5.13 2.569 2.569 0 0 1-2.565-2.564A2.57 2.57 0 0 1 12 3.63z'/%3E%3C/svg%3E");
}
.shareon > .pinterest {
  background-color: #ee0023;
}
.shareon > .pinterest:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026z'/%3E%3C/svg%3E");
}
.shareon > .pocket {
  background-color: #ef4154;
}
.shareon > .pocket:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.813 10.259-5.646 5.419a1.649 1.649 0 0 1-2.282 0l-5.646-5.419a1.645 1.645 0 0 1 2.276-2.376l4.511 4.322 4.517-4.322a1.643 1.643 0 0 1 2.326.049 1.64 1.64 0 0 1-.045 2.326zm5.083-7.546a2.163 2.163 0 0 0-2.041-1.436H2.179c-.9 0-1.717.564-2.037 1.405-.094.25-.142.511-.142.774v7.245l.084 1.441c.348 3.277 2.047 6.142 4.682 8.139.045.036.094.07.143.105l.03.023a11.899 11.899 0 0 0 4.694 2.072c.786.158 1.591.24 2.389.24.739 0 1.481-.067 2.209-.204.088-.029.176-.045.264-.06.023 0 .049-.015.074-.029a12.002 12.002 0 0 0 4.508-2.025l.029-.031.135-.105c2.627-1.995 4.324-4.862 4.686-8.148L24 10.678V3.445c0-.251-.031-.5-.121-.742z'/%3E%3C/svg%3E");
}
.shareon > .reddit {
  background-color: #ff4500;
}
.shareon > .reddit:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.53 1.148a1.83 1.83 0 0 0-1.667 1.054l-4.372-.928a.522.522 0 0 0-.358.063.515.515 0 0 0-.21.297L11.59 7.925c-2.807.086-5.32.909-7.137 2.237a2.668 2.668 0 0 0-1.815-.737A2.64 2.64 0 0 0 0 12.064a2.634 2.634 0 0 0 1.563 2.407 4.95 4.95 0 0 0-.065.803c0 4.053 4.71 7.326 10.537 7.326s10.537-3.273 10.537-7.326a4.548 4.548 0 0 0-.063-.782 2.732 2.732 0 0 0 1.519-2.428 2.64 2.64 0 0 0-2.639-2.64 2.53 2.53 0 0 0-1.816.74c-1.796-1.288-4.287-2.134-7.031-2.239l1.204-5.637 3.906.823a1.888 1.888 0 0 0 1.878 1.777c1.024 0 1.87-.837 1.88-1.861a1.884 1.884 0 0 0-1.88-1.88zM7.907 18.066c-.13 0-.254.05-.347.141a.498.498 0 0 0 0 .697c1.266 1.267 3.736 1.373 4.454 1.373s3.167-.084 4.454-1.373a.546.546 0 0 0 .044-.697.5.5 0 0 0-.698 0c-.823.802-2.533 1.099-3.779 1.099s-2.977-.295-3.779-1.099a.49.49 0 0 0-.349-.142zm-1.932-4.122c0-1.035.844-1.88 1.88-1.88 1.034 0 1.878.843 1.878 1.879S8.89 15.82 7.856 15.82a1.882 1.882 0 0 1-1.88-1.877zm10.155-1.88c1.035 0 1.88.845 1.88 1.879 0 1.035-.844 1.878-1.879 1.878s-1.879-.843-1.879-1.877c0-1.037.844-1.88 1.878-1.88z' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.shareon > .telegram {
  background-color: #179cde;
}
.shareon > .telegram:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.517 11.31c-.962.382-1.466.756-1.512 1.122-.088.702.924.921 2.196 1.335 1.037.337 2.433.731 3.158.747.658.014 1.393-.257 2.204-.814 5.533-3.735 8.39-5.622 8.57-5.663.126-.029.301-.065.42.04.119.106.107.306.095.36-.101.429-5.3 5.156-5.599 5.467-1.143 1.187-2.443 1.913-.437 3.235 1.735 1.144 2.746 1.873 4.534 3.045 1.142.75 2.039 1.637 3.218 1.529.543-.05 1.104-.56 1.389-2.083.673-3.598 1.996-11.392 2.302-14.604a3.585 3.585 0 0 0-.034-.8c-.027-.158-.084-.383-.29-.55-.243-.197-.619-.24-.787-.236-.764.013-1.936.42-7.579 2.767C11.39 7.03 7.44 8.73 1.517 11.31z'/%3E%3C/svg%3E");
}
.shareon > .twitter {
  background-color: #1da1f2;
}
.shareon > .twitter:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.954 4.569a10 10 0 0 1-2.825.775 4.958 4.958 0 0 0 2.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.691 8.094 4.066 6.13 1.64 3.161a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.061a4.923 4.923 0 0 0 3.946 4.827 4.996 4.996 0 0 1-2.212.085 4.937 4.937 0 0 0 4.604 3.417 9.868 9.868 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63a9.936 9.936 0 0 0 2.46-2.548l-.047-.02z'/%3E%3C/svg%3E");
}
.shareon > .viber {
  background-color: #7360f2;
}
.shareon > .viber:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.398.002C9.473.028 5.331.344 3.014 2.467 1.294 4.177.693 6.698.623 9.82c-.06 3.11-.13 8.95 5.5 10.541v2.42s-.038.97.602 1.17c.79.25 1.24-.499 1.99-1.299l1.4-1.58c3.85.32 6.8-.419 7.14-.529.78-.25 5.181-.811 5.901-6.652.74-6.031-.36-9.831-2.34-11.551l-.01-.002c-.6-.55-3-2.3-8.37-2.32 0 0-.396-.025-1.038-.016zm.067 1.697c.545-.003.88.02.88.02 4.54.01 6.711 1.38 7.221 1.84 1.67 1.429 2.528 4.856 1.9 9.892-.6 4.88-4.17 5.19-4.83 5.4-.28.09-2.88.73-6.152.52 0 0-2.439 2.941-3.199 3.701-.12.13-.26.17-.35.15-.13-.03-.17-.19-.16-.41l.02-4.019c-4.771-1.32-4.491-6.302-4.441-8.902.06-2.6.55-4.732 2-6.172 1.957-1.77 5.475-2.01 7.11-2.02zm.36 2.6a.299.299 0 0 0-.3.299.3.3 0 0 0 .3.3 5.631 5.631 0 0 1 4.03 1.59c1.09 1.06 1.621 2.48 1.641 4.34a.3.3 0 0 0 .3.3v-.009a.3.3 0 0 0 .3-.3 6.451 6.451 0 0 0-1.81-4.76c-1.19-1.16-2.692-1.76-4.462-1.76zm-3.954.69a.955.955 0 0 0-.615.12h-.012c-.41.24-.788.54-1.148.94-.27.32-.421.639-.461.949a1.24 1.24 0 0 0 .05.541l.02.01a13.722 13.722 0 0 0 1.2 2.6 15.383 15.383 0 0 0 2.32 3.171l.03.04.04.03.03.03.03.03a15.603 15.603 0 0 0 3.18 2.33c1.32.72 2.122 1.06 2.602 1.2v.01c.14.04.268.06.398.06a1.84 1.84 0 0 0 1.102-.472c.39-.35.7-.738.93-1.148v-.01c.23-.43.15-.841-.18-1.121a13.632 13.632 0 0 0-2.15-1.54c-.51-.28-1.03-.11-1.24.17l-.45.569c-.23.28-.65.24-.65.24l-.012.01c-3.12-.8-3.95-3.959-3.95-3.959s-.04-.43.25-.65l.56-.45c.27-.22.46-.74.17-1.25a13.522 13.522 0 0 0-1.54-2.15.843.843 0 0 0-.504-.3zm4.473.89a.3.3 0 0 0 .002.6 3.78 3.78 0 0 1 2.65 1.15 3.5 3.5 0 0 1 .9 2.57.3.3 0 0 0 .3.299l.01.012a.3.3 0 0 0 .3-.301c.03-1.19-.34-2.19-1.07-2.99-.73-.8-1.75-1.25-3.05-1.34a.3.3 0 0 0-.042 0zm.49 1.619a.305.305 0 0 0-.018.611c.99.05 1.47.55 1.53 1.58a.3.3 0 0 0 .3.29h.01a.3.3 0 0 0 .29-.32c-.07-1.34-.8-2.091-2.1-2.161a.305.305 0 0 0-.012 0z'/%3E%3C/svg%3E");
}
.shareon > .vkontakte {
  background-color: #4680c2;
}
.shareon > .vkontakte:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.058 19.504h-2.616c-.99 0-1.297-.787-3.076-2.59-1.55-1.501-2.236-1.704-2.617-1.704-.534 0-.687.153-.687.89v2.363c0 .636-.202 1.017-1.88 1.017-2.77 0-5.845-1.677-8.004-4.804C.925 10.103.034 6.672.034 5.961c0-.381.153-.737.89-.737H3.54c.66 0 .915.305 1.17 1.016 1.295 3.736 3.456 7.014 4.345 7.014.33 0 .483-.153.483-.99V8.399c-.102-1.78-1.042-1.931-1.042-2.566 0-.306.255-.61.66-.61h4.117c.56 0 .762.304.762.964v5.211c0 .558.255.762.407.762.33 0 .61-.204 1.22-.813 1.88-2.11 3.227-5.362 3.227-5.362.178-.381.483-.737 1.145-.737h2.616c.788 0 .966.405.788.965-.33 1.526-3.532 6.048-3.532 6.048-.28.457-.381.66 0 1.17.28.381 1.194 1.169 1.805 1.88 1.118 1.27 1.98 2.338 2.21 3.076.255.735-.128 1.116-.864 1.116z'/%3E%3C/svg%3E");
}
.shareon > .whatsapp {
  background-color: #25d366;
}
.shareon > .whatsapp:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 0 0-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z'/%3E%3C/svg%3E");
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6,
    0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6,
    0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth
  .flatpickr-days
  .dayContainer:nth-child(n + 1)
  .flatpickr-day.inRange:nth-child(7n + 7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth
  .flatpickr-days
  .dayContainer:nth-child(n + 2)
  .flatpickr-day.inRange:nth-child(7n + 1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: baseline;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: baseline;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month
  .flatpickr-monthDropdown-months
  .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@font-face {
  font-family: "fbicons-1-5";
  src: url("https://cloudfront.fitnessblender.com/assets/fonts/fbicons-1-5.ttf?gfikck")
      format("truetype"),
    url("https://cloudfront.fitnessblender.com/assets/fonts/fbicons-1-5.woff?gfikck")
      format("woff"),
    url("https://cloudfront.fitnessblender.com/assets/fonts/fbicons-1-5.svg?gfikck#fbicons-1-5")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="iconfont-"],
[class*=" iconfont-"] {
  font-family: "fbicons-1-5" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconfont-custom-workouts:before {
  content: "";
}
.iconfont-blog:before {
  content: "";
}
.iconfont-community:before {
  content: "";
}
.iconfont-loader:before {
  content: "";
}
.iconfont-more:before {
  content: "";
}
.iconfont-comment:before {
  content: "";
}
.iconfont-mail:before {
  content: "";
}
.iconfont-arrow-back:before {
  content: "";
}
.iconfont-arrow-forward:before {
  content: "";
}
.iconfont-note:before {
  content: "";
}
.iconfont-arrow-next:before {
  content: "";
}
.iconfont-account:before {
  content: "";
}
.iconfont-calendar:before {
  content: "";
}
.iconfont-favorite-select:before {
  content: "";
}
.iconfont-favorite:before {
  content: "";
}
.iconfont-like-select:before {
  content: "";
}
.iconfont-like:before {
  content: "";
}
.iconfont-notifications:before {
  content: "";
}
.iconfont-purchased:before {
  content: "";
}
.iconfont-list:before {
  content: "";
}
.iconfont-sign-out:before {
  content: "";
}
.iconfont-carrot:before {
  content: "";
}
.iconfont-close-modal:before {
  content: "";
}
.iconfont-menu-close:before {
  content: "";
}
.iconfont-menu-hamburger:before {
  content: "";
}
.iconfont-profile-icon:before {
  content: "";
}
.iconfont-search:before {
  content: "";
}
.iconfont-shopping-bag:before {
  content: "";
}
.iconfont-stats-dots:before {
  content: "";
}
.iconfont-minus:before {
  content: "";
}
.iconfont-google:before {
  content: "";
}
.iconfont-google-plus:before {
  content: "";
}
.iconfont-dashboard-filled:before {
  content: "";
}
.iconfont-dashboard:before {
  content: "";
}
.iconfont-camera:before {
  content: "";
}
.iconfont-check-small:before {
  content: "";
}
.iconfont-error:before {
  content: "";
}
.iconfont-discussion:before {
  content: "";
}
.iconfont-plus:before {
  content: "";
}
.iconfont-filter:before {
  content: "";
}
.iconfont-search-bold:before {
  content: "";
}
.iconfont-play:before {
  content: "";
}
.iconfont-image:before {
  content: "";
}
.iconfont-meal-cart:before {
  content: "";
}
.iconfont-return:before {
  content: "";
}
.iconfont-less:before {
  content: "";
}
.iconfont-progress:before {
  content: "";
}
.iconfont-check-circle:before {
  content: "";
}
.iconfont-twitter:before {
  content: "";
}
.iconfont-facebook:before {
  content: "";
}
.iconfont-facebook-f:before {
  content: "";
}
.iconfont-pinterest:before {
  content: "";
}
.iconfont-youtube-play:before {
  content: "";
}
.iconfont-instagram:before {
  content: "";
}
.bg-BLUE {
  background: #4296cb;
}
.bg-DARKEST-GREY {
  background: #101113;
}
.bg-DARK-GREY {
  background: #212432;
}
.bg-DARK-MEDIUM-GREY {
  background: #4e5262;
}
.bg-DARK-SLATE-GREY {
  background: #313443;
}
.bg-DARK-WHITE {
  background: #f0f4f6;
}
.bg-DARKER-MEDIUM-GREY {
  background: #3a3d4d;
}
.bg-FACEBOOK {
  background: #3f66b6;
}
.bg-GOOGLE {
  background: #db4a3c;
}
.bg-GREY {
  background: #a7aabb;
}
.bg-MEDIUM-GREY {
  background: #7b7f92;
}
.bg-LIGHT-BLUE {
  background: #7ddaff;
}
.bg-LIGHTER-BLUE {
  background: #e6f0f8;
}
.bg-LIGHT-GREY {
  background: #ced1db;
}
.bg-LIGHTER-GREY {
  background: #e3ebee;
}
.bg-OFF-WHITE {
  background: #fafcfd;
}
.bg-DARK-TEAL {
  background: #3cdbb8;
}
.bg-DESAT-BLUE {
  background: #e6f0f8;
}
.bg-LIGHT-DESAT-BLUE {
  background: #fafcfd;
}
.bg-white {
  background: #fff;
}
.bg-gray-10 {
  background: #f9fafc;
}
.bg-gray-20 {
  background: #f0f1f4;
}
.bg-gray-30 {
  background: #e6e7ee;
}
.bg-gray-40 {
  background: #ced0db;
}
.bg-gray-50 {
  background: #a7aabb;
}
.bg-gray-60 {
  background: #7b7f92;
}
.bg-gray-70 {
  background: #4e5262;
}
.bg-gray-80 {
  background: #313443;
}
.bg-gray-90 {
  background: #212432;
}
.bg-gray-100 {
  background: #161821;
}
.bg-black {
  background: #000;
}
.bg-red {
  background: #e84452;
}
.bg-dark-red {
  background: #c80500;
}
.bg-dark-orange {
  background: #ff6c19;
}
.bg-orange {
  background: #fd9a03;
}
.bg-yellow-orange {
  background: #f7b02c;
}
.bg-lemon-lime {
  background: #d6f41e;
}
.bg-green {
  background: #26bc35;
}
.bg-pale-green {
  background: #03c47b;
}
.bg-teal {
  background: #3cdbb8;
}
.bg-navy-blue {
  background: #0055d3;
}
.bg-royal-blue {
  background: #0d009f;
}
.bg-lavender {
  background: #6714ef;
}
.bg-magenta {
  background: #83008d;
}
.bg-pink {
  background: #f417ff;
}
.bg-lilac {
  background: #ff70bd;
}
.bg-rose {
  background: #b80646;
}
.bg-sky {
  background: #d8ecf6;
}
.bg-brand-blue-100 {
  background: #4296cb;
}
.bg-brand-blue-40 {
  background: #b6eeff;
}
.bg-brand-blue-20 {
  background: #dff8ff;
}
.bg-brand-dark-blue-100 {
  background: #0a2240;
}
.bg-brand-dark-blue-50 {
  background: #45526c;
}
.bg-aqua-royal {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#10bfe1),
    to(#5251ff)
  );
  background: linear-gradient(to bottom right, #10bfe1 0%, #5251ff 100%);
}
.bg-blue-radial {
  background: radial-gradient(#91dcfd 0%, #0056e4 100%);
}
.bg-blue-deep-blue {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#4296cc),
    to(#0067aa)
  );
  background: linear-gradient(to bottom right, #4296cc 0%, #0067aa 100%);
}
.bg-blue-purple {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#26c7ff),
    to(#7900ba)
  );
  background: linear-gradient(to bottom right, #26c7ff 0%, #7900ba 100%);
}
.bg-blue-teal {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#4296cc),
    to(#3cdbb8)
  );
  background: linear-gradient(to bottom right, #4296cc 0%, #3cdbb8 100%);
}
.bg-dark-red-red {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#c80500),
    to(#ff505f)
  );
  background: linear-gradient(to bottom right, #c80500 0%, #ff505f 100%);
}
.bg-green-blue {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#5bff55),
    to(#0063ff)
  );
  background: linear-gradient(to bottom right, #5bff55 0%, #0063ff 100%);
}
.bg-green-lime {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#26bc35),
    to(#d6f41e)
  );
  background: linear-gradient(to bottom right, #26bc35 0%, #d6f41e 100%);
}
.bg-green-teal {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#26bc35),
    to(#3cdbb8)
  );
  background: linear-gradient(to bottom right, #26bc35 0%, #3cdbb8 100%);
}
.bg-grey-white {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ebebeb),
    color-stop(50%, #fff)
  );
  background: linear-gradient(to bottom, #ebebeb 0%, #fff 50%);
}
.bg-lavender-teal {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#6714ef),
    to(#03c47b)
  );
  background: linear-gradient(to bottom right, #6714ef 0%, #03c47b 100%);
}
.bg-lavender-magenta {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#6714ef),
    to(#83008d)
  );
  background: linear-gradient(to bottom right, #6714ef 0%, #83008d 100%);
}
.bg-magenta-pink {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#83008d),
    to(#f417ff)
  );
  background: linear-gradient(to bottom right, #83008d 0%, #f417ff 100%);
}
.bg-navy-blue-blue {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#0055d3),
    to(#4296cb)
  );
  background: linear-gradient(to bottom right, #0055d3 0%, #4296cb 100%);
}
.bg-orange-light-orange {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#ff6c19),
    to(#fd9a03)
  );
  background: linear-gradient(to bottom right, #ff6c19 0%, #fd9a03 100%);
}
.bg-orange-lime {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#fd9a03),
    to(#d6f41e)
  );
  background: linear-gradient(to bottom right, #fd9a03 0%, #d6f41e 100%);
}
.bg-pink-peach {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#ff43b2),
    to(#ff9b3e)
  );
  background: linear-gradient(to bottom right, #ff43b2 0%, #ff9b3e 100%);
}
.bg-purple-magenta {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3b04b7),
    to(#c310a5)
  );
  background: linear-gradient(to bottom right, #3b04b7 0%, #c310a5 100%);
}
.bg-red-orange {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#c80500),
    to(#ff6c19)
  );
  background: linear-gradient(to bottom right, #c80500 0%, #ff6c19 100%);
}
.bg-rose-pink {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#b80646),
    to(#ff70bd)
  );
  background: linear-gradient(to bottom right, #b80646 0%, #ff70bd 100%);
}
.bg-royal-lavender {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#0d009f),
    to(#6714ef)
  );
  background: linear-gradient(to bottom right, #0d009f 0%, #6714ef 100%);
}
.bg-royal-navy {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#0d009f),
    to(#0055d3)
  );
  background: linear-gradient(to bottom right, #0d009f 0%, #0055d3 100%);
}
.bg-steel-grey {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#adb4c3),
    to(#445e7a)
  );
  background: linear-gradient(to bottom right, #adb4c3 0%, #445e7a 100%);
}
.bg-teal-aqua {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3d97ce),
    to(#12debb)
  );
  background: linear-gradient(to bottom right, #3d97ce 0%, #12debb 100%);
}
.bg-yellow-green {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#f5ff00),
    to(#00b628)
  );
  background: linear-gradient(to bottom right, #f5ff00 0%, #00b628 100%);
}
.bg-yellow-orange {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#ff9c01),
    to(#ffe827)
  );
  background: linear-gradient(to bottom right, #ff9c01 0%, #ffe827 100%);
}
.bg-sand {
  background: linear-gradient(220deg, #efefea 0%, #f8f7ef 64.79%);
}
.bg-dusk {
  background: linear-gradient(170deg, #b5b1b1 0%, #f6f6f6 87.66%);
}
.bg-pink {
  background: linear-gradient(130deg, #ece6f8 0%, #f9e7f6 100%);
}
.bg-lime {
  background: linear-gradient(135deg, #26bc35 0%, #d6f41e 100%);
}
.-bg-01 {
  background: #fff;
}
.-bg-02 {
  background: #f0f1f4;
}
.-bg-03 {
  background: #ced0db;
}
.-bg-04 {
  background: #e6f0f8;
}
.-bg-05 {
  background: #313443;
  color: #fff;
}
.-bg-05 p,
.-bg-05 ul {
  color: #ced1db;
}
.-bg-05 .-bg-01,
.-bg-05 .-bg-02,
.-bg-05 .-bg-03,
.-bg-05 .-bg-04,
.-bg-05 .-bg-07 {
  color: #313443;
}
.-bg-05 .-bg-01 p,
.-bg-05 .-bg-01 ul,
.-bg-05 .-bg-02 p,
.-bg-05 .-bg-02 ul,
.-bg-05 .-bg-03 p,
.-bg-05 .-bg-03 ul,
.-bg-05 .-bg-04 p,
.-bg-05 .-bg-04 ul,
.-bg-05 .-bg-07 p,
.-bg-05 .-bg-07 ul {
  color: #313443;
}
.-bg-06 {
  background: #212432;
  color: #fff;
}
.-bg-06 p,
.-bg-06 ul {
  color: #f0f1f4;
}
.-bg-06 .-bg-01,
.-bg-06 .-bg-02,
.-bg-06 .-bg-03,
.-bg-06 .-bg-04,
.-bg-06 .-bg-07 {
  color: #313443;
}
.-bg-06 .-bg-01 p,
.-bg-06 .-bg-01 ul,
.-bg-06 .-bg-02 p,
.-bg-06 .-bg-02 ul,
.-bg-06 .-bg-03 p,
.-bg-06 .-bg-03 ul,
.-bg-06 .-bg-04 p,
.-bg-06 .-bg-04 ul,
.-bg-06 .-bg-07 p,
.-bg-06 .-bg-07 ul {
  color: #313443;
}
.-bg-07 {
  background: #fafcfd;
}
.-bg-08 {
  background: #a7aabb;
  color: #fff;
}
.-bg-08 p,
.-bg-08 ul {
  color: #fff;
}
.-bg-g-01 {
  background: #4296cb;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#4296cb),
    to(#2eb7ce)
  );
  background: linear-gradient(90deg, #4296cb 0%, #2eb7ce 100%);
  color: #fff;
}
.-bg-g-01 p,
.-bg-g-01 ul {
  color: #fff;
}
.-bg-g-01 .-bg-01,
.-bg-g-01 .-bg-02,
.-bg-g-01 .-bg-03,
.-bg-g-01 .-bg-04,
.-bg-g-01 .-bg-07 {
  color: #212432;
}
.-bg-g-01 .-bg-01 p,
.-bg-g-01 .-bg-01 ul,
.-bg-g-01 .-bg-02 p,
.-bg-g-01 .-bg-02 ul,
.-bg-g-01 .-bg-03 p,
.-bg-g-01 .-bg-03 ul,
.-bg-g-01 .-bg-04 p,
.-bg-g-01 .-bg-04 ul,
.-bg-g-01 .-bg-07 p,
.-bg-g-01 .-bg-07 ul {
  color: #4e5262;
}
.-bg-g-02 {
  background: linear-gradient(130deg, #cbe8ff 0%, #e1ddfa 60%, #ffedc9 100%);
}
.-bg-g-03 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3d97ce),
    to(#12debb)
  );
  background: linear-gradient(to bottom right, #3d97ce 0%, #12debb 100%);
  color: #fff;
}
.-bg-fade {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ebebeb),
    color-stop(50%, #fff)
  );
  background: linear-gradient(to bottom, #ebebeb 0%, #fff 50%);
}
.-bg-09 {
  background: #ced0db;
}
.-border-01 {
  border: 1px solid #fff;
}
.-border-02 {
  border: 1px solid #e6e7ee;
}
.-border-03 {
  border: 1px solid #e3ebee;
}
.-border-04 {
  border: 1px solid #e6f0f8;
}
.-border-05 {
  border: 1px solid #313443;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;

  display: inline;
  zoom: 1;
}
audio:not([controls]) {
  display: none;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
[data-whatinput="mouse"] :focus {
  outline: none !important;
}
[data-whatinput="mouse"] select:-moz-focusring {
  color: transparent !important;
  text-shadow: 0 0 0 #000 !important;
}
html[data-whatinput="touch"] body.ios-device {
  cursor: pointer;
}
@font-face {
  font-family: "Maison Neue";
  src: url("/fonts/MaisonNeue-Book.woff2") format("woff2"),
    url("/fonts/MaisonNeue-Book.woff") format("woff");
}
@font-face {
  font-family: "Maison Neue";
  font-weight: 600;
  src: url("/fonts/MaisonNeue-Demi.woff2") format("woff2"),
    url("/fonts/MaisonNeue-Demi.woff") format("woff");
}

.material-symbols-outlined.fill {
  font-variation-settings: "FILL" 1;
}
.material-symbols-outlined::before {
  content: attr(data-icon);
}
.material-symbols-outlined.inline {
  position: relative;
  top: 0.7rem;
  margin: -0.7rem 0;
}
.material-symbols-outlined.live {
  color: #26bc35;
}
.material-symbols-outlined.soon {
  color: #fd9a03;
}
.material-symbols-outlined.notlive {
  color: #e84452;
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: #fff;
  color: #212432;
  font-family: Arial, sans-serif;
  font-size: 100%;
  font-weight: 400;
  margin: 0px;
  padding: 0px;
  word-wrap: break-word;
  scroll-behavior: smooth;
}
#content {
  display: block;
  max-width: 100%;
  padding-bottom: 6.8rem;
}
#content.no-pad {
  padding: 0;
}
#content.no-bottom-margin {
  padding-bottom: 0;
  margin: 0;
}
#content.login-page {
  padding: 9.6rem 0rem 7.2rem;
}
#content.login-page .container {
  text-align: center;
  width: 100%;
}
.container {
  margin: 0 auto;
  max-width: 1340px;
  padding-left: 70px;
  padding-right: 70px;
}
@media (max-width: 1060px) {
  .container {
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media (max-width: 767px) {
  .container {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.container.-flush {
  padding-left: 0px;
  padding-right: 0px;
}
.container.-full {
  width: 100%;
}
.container.-flex {
  display: -webkit-box;
  display: flex;
}
.container.-medium {
  max-width: 940px;
}
.container.-medium_medium {
  max-width: 1010px;
}
.container.-medium_large {
  max-width: 1280px;
}
.container.-narrow {
  max-width: 1140px;
}
.container.-narrow.adjust-top-margin {
  margin-top: -15px;
}
.container.-skinny {
  max-width: 600px;
}
.grey-background {
  background: #f0f4f6;
}
.light-grey-background {
  background: #a7aabb;
}
.flex {
  display: -webkit-box;
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-half {
  width: calc(50% - 2rem);
}
@media (max-width: 768px) {
  .flex-half {
    width: 100%;
    margin: 0;
  }
}
.flex-third {
  width: calc(33% - 2rem);
}
@media (max-width: 768px) {
  .flex-third {
    width: 100%;
    margin: 0;
  }
}
.flex-full {
  width: calc(100% - 2rem);
}
@media (max-width: 768px) {
  .flex-full {
    width: 100%;
    margin: 0;
  }
}
.flex-right {
  margin: 0 0 0 auto;
}
.flex-align-items-center {
  -webkit-box-align: center !important;
  align-items: center !important;
}
.flex-justify-start {
  -webkit-box-pack: start !important;
  justify-content: flex-start !important;
}
.flex-justify-between {
  -webkit-box-pack: justify !important;
  justify-content: space-between !important;
}
.flex-justify-center {
  -webkit-box-pack: center !important;
  justify-content: center !important;
}
.flex-justify-evenly {
  -webkit-box-pack: space-evenly !important;
  justify-content: space-evenly !important;
}
.flex-justify-end {
  -webkit-box-pack: end !important;
  justify-content: flex-end !important;
}
.flex-align-items-center {
  -webkit-box-align: center !important;
  align-items: center !important;
}
.flex-justify-start {
  -webkit-box-pack: start !important;
  justify-content: flex-start !important;
}
.row {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  max-width: calc(9% + 1200px);
  margin: 0 auto;
}
.row > [class*="span"] {
  padding-right: 4.5%;
  padding-left: 4.5%;
}
.row > [class*="span"]:first-child {
  padding-left: 70px;
}
@media (max-width: 1060px) {
  .row > [class*="span"]:first-child {
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media (max-width: 767px) {
  .row > [class*="span"]:first-child {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.row > [class*="span"]:last-child {
  padding-right: 70px;
}
@media (max-width: 1060px) {
  .row > [class*="span"]:last-child {
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media (max-width: 767px) {
  .row > [class*="span"]:last-child {
    padding-right: 24px;
    padding-left: 24px;
  }
}
.row > .span1 {
  width: 8.33332%;
}
.row > .span2 {
  width: 16.66663%;
}
.row > .span3 {
  width: 24.99995%;
}
.row > .span4 {
  width: 33.33327%;
}
.row > .span5 {
  width: 41.66658%;
}
.row > .span6 {
  width: 49.9999%;
}
.row > .span7 {
  width: 58.33322%;
}
.row > .span8 {
  width: 66.66653%;
}
.row > .span9 {
  width: 74.99985%;
}
.row > .span10 {
  width: 83.33317%;
}
.row > .span11 {
  width: 91.66648%;
}
.row > .span12 {
  width: 99.9998%;
}
.row.-narrow {
  padding-left: 6rem;
  padding-right: 6rem;
  max-width: 1240px;
}
@media (max-width: 1060px) {
  .row.-narrow {
    padding-left: 7.4rem;
    padding-right: 7.4rem;
  }
}
@media (max-width: 600px) {
  .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .row > [class*="span"] {
    width: 100%;
  }
}
.centered-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  background: #f0f4f6;
}
.centered-container .container-header {
  max-width: 1300px;
  margin: 25px auto 0 auto;
}
.centered-container .centered-container-wrapper {
  background: #fff;
  max-width: 1300px;
  margin: 0 auto;
}
.centered-container
  .centered-container-wrapper
  .row
  > [class*="span"]:first-child {
  padding-left: 50px;
}
.centered-container
  .centered-container-wrapper
  .row
  > [class*="span"]:last-child {
  padding-right: 50px;
}
.centered-container .centered-container-wrapper .centered-container-content {
  padding-left: 50px;
  padding-right: 50px;
}
@media (max-width: 1060px) {
  .centered-container {
    padding: 5px;
  }
  .centered-container
    .centered-container-wrapper
    .row
    > [class*="span"]:first-child {
    padding-left: 25px;
  }
  .centered-container
    .centered-container-wrapper
    .row
    > [class*="span"]:last-child {
    padding-right: 25px;
  }
  .centered-container .centered-container-wrapper .centered-container-content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 767px) {
  .centered-container
    .centered-container-wrapper
    .row
    > [class*="span"]:first-child {
    padding-left: 19px;
  }
  .centered-container
    .centered-container-wrapper
    .row
    > [class*="span"]:last-child {
    padding-right: 19px;
  }
  .centered-container .centered-container-wrapper .centered-container-content {
    padding-left: 19px;
    padding-right: 19px;
  }
}
.panel-header {
  background-color: #f9fcfd;
  border-bottom: 1px solid #f0f4f6;
  padding-top: 25px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}
.panel-header span,
.panel-header a {
  color: #4296cb;
}
@media (max-width: 940px) {
  .panel-header {
    padding-top: 21px;
    padding-bottom: 16px;
  }
  .panel-header .heading.-small {
    font-size: 13px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1.6rem;
  line-height: 1.2em;
  font-weight: 400;
  margin: 0 0 0.5em 0;
  text-rendering: optimizelegibility;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #4296cb;
}
h1.no-margin,
h2.no-margin,
h3.no-margin,
h4.no-margin,
h5.no-margin,
h6.no-margin {
  margin: 0;
}
.hide-button {
  visibility: hidden;
  pointer-events: none;
}
.heading.-gigantic {
  font-size: 60px;
  letter-spacing: -0.015em;
  line-height: 1.1666em;
  font-weight: bold;
  padding-bottom: 2px;
}
@media (max-width: 768px) {
  .heading.-gigantic {
    font-size: 48px;
    line-height: 1.25em;
  }
}
@media (max-width: 600px) {
  .heading.-gigantic {
    font-size: 36px;
    line-height: 1.25em;
  }
}
.heading.-huge {
  font-size: 4.8rem;
  font-weight: 400;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .heading.-huge {
    font-size: 4rem;
    line-height: 4.8rem;
  }
}
@media (max-width: 600px) {
  .heading.-huge {
    font-size: 2.4rem;
    line-height: 3.4rem;
  }
}
.heading.-large {
  font-size: 4rem;
  line-height: 4.8rem;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .heading.-large {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
}
@media (max-width: 600px) {
  .heading.-large {
    font-size: 2.4rem;
    line-height: 3.4rem;
  }
}
.heading.-medium {
  font-size: 2.8rem;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .heading.-medium {
    font-size: 2.4rem;
    line-height: 3rem;
  }
}
@media (max-width: 600px) {
  .heading.-medium {
    font-size: 1.9rem;
    line-height: 3rem;
  }
}
@media (max-width: 600px) {
  .heading.-medium.-reduce-large {
    font-size: 2.4rem;
    line-height: 3.4rem;
  }
}
.heading.-small {
  font-size: 1.9rem;
  line-height: 28px;
}
@media (max-width: 768px) {
  .heading.-small {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}
.heading.-x-small {
  font-size: 1.6rem;
  line-height: 26px;
}
@media (max-width: 600px) {
  .heading.-x-small {
    font-size: 1.3rem;
    line-height: 1.6rem;
  }
}
.heading.-tiny {
  font-size: 1.5rem;
}
.heading.-nano {
  font-size: 1.2rem;
}
.heading.-flush {
  margin-bottom: 0px;
}
.heading.-light {
  font-weight: 400;
}
.heading .right {
  float: right;
}
p {
  color: #313443;
  margin: 0;
}
p,
p.-maintain-size {
  font-size: 1.6rem;
  line-height: 3.2rem;
  padding: 0 0 3.2rem;
}
p.-tight {
  line-height: 1.625em;
}
p.-tight.padding-top {
  padding-top: 3rem;
}
p strong {
  font-weight: 600;
  color: #000;
}
p.no-pad {
  padding: 0px;
}
p.large-type {
  font-size: 2rem;
}
p.small-type {
  font-size: 1.3rem;
  line-height: 2.3rem;
}
@media (max-width: 600px) {
  p,
  p.compact {
    font-size: 1.3rem;
    line-height: 2.3rem;
    padding-bottom: 24px;
  }
}
small,
.small {
  font-size: 1.3rem;
  line-height: 2.3rem;
}
strong,
b {
  font-weight: 600;
}
em,
i {
  font-style: italic;
}
a {
  color: #4296cb;
  font-weight: 400;
  -webkit-text-decoration: none;
  text-decoration: none;
}
[data-whatinput="keyboard"] a:focus,
a:focus,
a:hover,
a:active,
a.active {
  background-position: 0 1.2em;
  background-repeat: repeat-x;
  background-size: 100% 1px;
  color: #4296cb;
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none;
}
[data-whatinput="keyboard"] a.no-hover:focus,
a.no-hover:focus,
a.no-hover:hover,
a.no-hover:active,
a.no-hover.active,
a.no-hover[aria-expanded="true"] {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  color: #4296cb;
  position: static;
  -webkit-text-decoration: none;
  text-decoration: none;
}
a.link-reversed {
  color: #fff;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  font-weight: bold;
}
a.link-reversed:hover,
a.link-reversed:focus,
a.link-reversed.active {
  background: none;
  color: #fff;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
hr {
  margin: 0rem 0rem 2rem 0rem;
  padding: 0rem;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #e6e6e6;
  border: 0;
  clear: both;
  height: 1px;
  overflow: 0;
}
hr.light {
  border-top: 1px solid #e6e6e6;
}
button {
  font-family: "Maison Neue", "Helvetica Neue", Helvetica, Arial,
    "Lucida Grande", sans-serif;
}
.-blue-type {
  color: #4296cb;
}
.medium {
  font-size: 1.4rem;
}
.regular {
  font-weight: 400;
}
.demi {
  font-weight: 600;
}
.upper {
  text-transform: uppercase;
}
.compact {
  line-height: 2.6rem;
}
.small-caps {
  font-size: 1.1rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.caps {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.caps-half {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.caps-third {
  text-transform: uppercase;
  letter-spacing: 0.035em;
}
.caps-quarter {
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.light {
  color: #7b7f92;
}
.light-input {
  color: #a7aabb;
}
.less-light {
  color: #a7aabb;
}
.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0px;
  position: absolute;
  width: 1px;
}
.sm-only {
  display: none;
}
.byline {
  font-size: 1.3rem;
  color: #7b7f92;
}
.byline span {
  color: #7b7f92;
}
.byline .dash {
  color: #7b7f92;
  font-style: normal;
}
ul,
ol {
  margin: 0 0 2rem;
  color: #212432;
  font-size: 1.6rem;
  padding: 0 0 0 2.2rem;
  list-style: disc;
}
@media (max-width: 600px) {
  ul,
  ol {
    font-size: 13px;
    line-height: 23px;
    padding: 0 0 0 1.6rem;
  }
}
ul li,
ol li {
  line-height: 3.2rem;
  margin: 0 0 1rem;
}
ul li ul,
ul li ol,
ol li ul,
ol li ol {
  margin-bottom: 0;
  padding-top: 1rem;
  font-size: 100%;
}
ul.plain,
ol.plain {
  list-style: none;
}
ul.account-info,
ol.account-info {
  list-style: none;
  padding: 0;
}
ul.account-info li,
ol.account-info li {
  line-height: 2rem;
  padding: 1rem;
  margin: 0;
}
ul.account-info small,
ul.account-info .small,
ol.account-info small,
ol.account-info .small {
  line-height: 1.5rem;
  margin-top: 0.5rem;
  display: inline-block;
}
ul.account-info li:nth-child(odd),
ol.account-info li:nth-child(odd) {
  background: #f1f1f1;
}
ul.account-info li:nth-child(odd) li,
ol.account-info li:nth-child(odd) li {
  background: transparent;
}
ul.account-info li:nth-child(even),
ol.account-info li:nth-child(even) {
  background: #f9f9f9;
}
ul.account-info li:nth-child(even) li,
ol.account-info li:nth-child(even) li {
  background: transparent;
}
ol {
  list-style: decimal;
}
ol.roman {
  list-style: upper-roman;
}
ol.alpha {
  list-style: upper-alpha;
}
table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  margin: 0rem 0rem 1rem;
}
table caption {
  padding: 0rem 0rem 1rem;
  color: #fff;
  font-size: 1.6rem;
  text-align: left;
}
table thead > tr > th {
  border-bottom: 2px solid #e3ebee;
  vertical-align: bottom;
}
@media (max-width: 600px) {
  table thead .hide-mobile {
    display: none;
  }
}
table tbody > tr > td,
table tbody > tr > th {
  border-top: 1px solid #e3ebee;
  vertical-align: top;
}
@media (max-width: 600px) {
  table tbody .hide-mobile {
    display: none;
  }
}
table th,
table td {
  padding: 1rem 0.5rem;
}
table th {
  text-align: left;
  font-size: 1.6rem;
}
table td {
  font-size: 1.6rem;
}
.lazyload.lazyfade,
.lazyloading.lazyfade {
  opacity: 0;
}
.lazyloaded.lazyfade {
  opacity: 1;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
[v-cloak] {
  display: none !important;
}
.responsive-media {
  display: block;
  position: relative;
  height: 0px;
  padding-top: 56.25%;
  background: #ffffff;
}
.-shorts-portrait .responsive-media {
  padding-top: 177.78%;
}
.responsive-media iframe,
.responsive-media img,
.responsive-media .consent-embed-placeholder {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.responsive-media iframe {
  z-index: 10;
}
.responsive-media .consent-embed-placeholder {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.responsive-media .consent-embed-placeholder .embed-placeholder-link {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  height: calc(100% - 4rem);
  width: calc(100% - 4rem);
  cursor: pointer;
}
[data-whatinput="keyboard"]
  .responsive-media
  .consent-embed-placeholder
  .embed-placeholder-link:focus,
.responsive-media .consent-embed-placeholder .embed-placeholder-link:focus,
.responsive-media .consent-embed-placeholder .embed-placeholder-link:hover,
.responsive-media .consent-embed-placeholder .embed-placeholder-link:active,
.responsive-media .consent-embed-placeholder .embed-placeholder-link.active,
.responsive-media
  .consent-embed-placeholder
  .embed-placeholder-link[aria-expanded="true"] {
  background: none;
}
@media (max-width: 768px) {
  .responsive-media .consent-embed-placeholder .embed-placeholder-link {
    height: calc(100% - 2rem);
    width: calc(100% - 2rem);
  }
}
.responsive-media .consent-embed-placeholder .embed-placeholder-title {
  color: #fff;
}
.responsive-media .consent-embed-placeholder .embed-placeholder-title .heading {
  margin: 1rem 0;
}
.responsive-media .consent-embed-placeholder .embed-placeholder-body {
  max-width: 600px;
  text-align: center;
}
.responsive-media .consent-embed-placeholder .embed-placeholder-body * {
  color: #fff;
}
.responsive-media .consent-embed-placeholder .embed-placeholder-body p {
  padding: 1rem 0;
}
.responsive-media
  .consent-embed-placeholder
  .embed-placeholder-body
  .embed-underline {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.responsive-media .consent-embed-placeholder .embed-placeholder-actions {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  justify-content: center;
}
.responsive-media .consent-embed-placeholder .embed-placeholder-actions .btn {
  max-width: 280px;
  margin: 1rem;
}
@media screen and (max-width: 919px) and (min-width: 769px) {
  .main-comment
    .-edge
    .responsive-media
    .consent-embed-placeholder
    .embed-placeholder-title
    .heading {
    font-size: 1.6rem;
    margin: 0;
  }
  .main-comment
    .-edge
    .responsive-media
    .consent-embed-placeholder
    .embed-placeholder-body
    p {
    padding: 0;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
  .main-comment
    .-edge
    .responsive-media
    .consent-embed-placeholder
    .embed-placeholder-actions
    .btn {
    display: none;
  }
}
@media (max-width: 600px) {
  .main-comment
    .-edge
    .responsive-media
    .consent-embed-placeholder
    .embed-placeholder-title
    .heading {
    margin: 0;
  }
  .main-comment
    .-edge
    .responsive-media
    .consent-embed-placeholder
    .embed-placeholder-body
    p {
    padding: 0;
  }
  .main-comment
    .-edge
    .responsive-media
    .consent-embed-placeholder
    .embed-placeholder-actions
    .btn {
    display: none;
  }
}
.hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.-hidden {
  display: none !important;
}
.additional-info-inputs {
  display: none;
}
@supports (scroll-margin-top: 90px) {
  .scroll-dest {
    scroll-margin-top: 90px;
  }
}
.-pre-wrap {
  white-space: pre-wrap;
}
.-code {
  font-family: monospace;
  display: block;
  background: none;
  white-space: pre;
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
  overflow-y: scroll;
  max-width: 100%;
  max-height: 600px;
  min-height: 600px;
  padding: 0;
}
.mpa-ssr-cls {
  min-height: calc(100vh - 110px);
}
.profile-card-cls {
  min-height: 146px;
}
@media (max-width: 768px) {
  .profile-card-cls {
    min-height: 91px;
  }
}
.clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pointer {
  cursor: pointer;
}
label,
input,
textarea,
select,
button {
  font-size: 1.6rem;
  line-height: 3.2rem;
  font-family: "Maison Neue", "Helvetica Neue", Helvetica, Arial,
    "Lucida Grande", sans-serif;
  font-weight: 400;
}
label {
  margin: 0 0 0.2rem 0;
  color: #313443;
  display: block;
  font-size: 16px;
}
.-bg-05 label {
  color: #fff;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="number"] {
  height: 3.4rem;
  padding: 0.4rem 0.8rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-left: 0;
  width: 100%;
}
select::-webkit-credentials-auto-fill-button,
select::-webkit-contacts-auto-fill-button,
textarea::-webkit-credentials-auto-fill-button,
textarea::-webkit-contacts-auto-fill-button,
input[type="text"]::-webkit-credentials-auto-fill-button,
input[type="text"]::-webkit-contacts-auto-fill-button,
input[type="password"]::-webkit-credentials-auto-fill-button,
input[type="password"]::-webkit-contacts-auto-fill-button,
input[type="tel"]::-webkit-credentials-auto-fill-button,
input[type="tel"]::-webkit-contacts-auto-fill-button,
input[type="email"]::-webkit-credentials-auto-fill-button,
input[type="email"]::-webkit-contacts-auto-fill-button,
input[type="url"]::-webkit-credentials-auto-fill-button,
input[type="url"]::-webkit-contacts-auto-fill-button,
input[type="number"]::-webkit-credentials-auto-fill-button,
input[type="number"]::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
}
textarea,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="email"] {
  background-color: transparent;
  border-radius: 0px;
  border: 1px solid #ced1db;
  color: #212432;
}
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder {
  opacity: 1;
  color: #7b7f92;
  font-weight: inherit;
}
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder {
  opacity: 1;
  color: #7b7f92;
  font-weight: inherit;
}
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder {
  opacity: 1;
  color: #7b7f92;
  font-weight: inherit;
}
textarea:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="email"]:-moz-placeholder {
  opacity: 1;
  color: #7b7f92;
  font-weight: inherit;
}
textarea:placeholder,
input[type="text"]:placeholder,
input[type="password"]:placeholder,
input[type="number"]:placeholder,
input[type="tel"]:placeholder,
input[type="email"]:placeholder {
  opacity: 1;
  color: #7b7f92;
  font-weight: inherit;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: none;
  box-shadow: none;
}
textarea::-ms-clear,
input[type="text"]::-ms-clear,
input[type="password"]::-ms-clear,
input[type="number"]::-ms-clear,
input[type="tel"]::-ms-clear,
input[type="email"]::-ms-clear {
  display: none;
}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"] {
  border-left: none;
  border-right: none;
  border-top: none;
  font-weight: 400;
  padding-left: 0px;
  padding-right: 0px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus {
  border-color: #212432;
  border-width: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
@media (max-width: 767px) {
  input[type="text"].large-input {
    font-size: 16px !important;
  }
}
select,
input.select-text {
  line-height: 3rem;
  font-size: 1.3rem;
  background-color: transparent;
  border-radius: 3px;
  border: 1px solid transparent;
  font-weight: 600;
  height: 30px;
  width: 100%;
  cursor: pointer;
}
select:focus,
input.select-text:focus {
  border: 1px solid transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
select[multiple],
select[size],
input.select-text[multiple],
input.select-text[size] {
  height: auto;
}
select::-ms-expand {
  display: none;
}
textarea {
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #e3ebee;
  height: auto;
  overflow: auto;
  resize: none;
  line-height: 2rem;
  padding: 1rem 1.6rem;
  font-weight: normal;
}
textarea.resize-vertical {
  resize: vertical;
}
button,
input[type="submit"] {
  border-radius: 0px;
  cursor: pointer;
  border: 1px solid #e3ebee;
  background: none;
}
@media (max-width: 768px) {
  select,
  label,
  input.select-text {
    font-size: 1.6rem;
  }
  select.-maintain-size,
  label.-maintain-size,
  input.select-text.-maintain-size {
    font-size: 13px;
  }
}
@media (max-width: 600px) {
  label {
    font-size: 13px;
    line-height: 26px;
  }
}
.radio,
.checkbox {
  margin: 0 0 2rem;
}
.radio label,
.checkbox label {
  font-weight: 400;
}
.checkbox label {
  margin: 0;
}
input[type="checkbox"]:not(.tri-state-checkbox) {
  position: absolute;
  opacity: 0;
}
input[type="checkbox"]:not(.tri-state-checkbox) + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  font-size: 13px;
  color: #4e5262;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
  margin: 0px;
  line-height: normal;
}
input[type="checkbox"]:not(.tri-state-checkbox) + label:before {
  content: "";
  display: block;
  margin-right: 10px;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #e3ebee;
  border-radius: 2px;
}
input[type="checkbox"]:not(.tri-state-checkbox):checked + label:before {
  background-color: #4296cb;
  border-color: #4296cb;
  font-family: "fbicons-1-5" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "";
  color: #fff;
  font-size: 8px;
  padding: 3px 0px 0px 2px;
}
input[type="checkbox"]:not(.tri-state-checkbox):checked:disabled
  + label:before {
  background-color: #a7aabb;
  border-color: #a7aabb;
}
input[type="checkbox"]:not(.tri-state-checkbox):disabled + label {
  cursor: auto;
}
input[type="checkbox"]:not(.tri-state-checkbox):disabled + label,
input[type="checkbox"]:not(.tri-state-checkbox):disabled + label * {
  color: #a7aabb !important;
}
input[type="checkbox"]:not(.tri-state-checkbox):disabled:not(:checked)
  + label:before {
  background: #fff;
  border: 1px solid #e3ebee;
}
input[type="checkbox"]:not(.tri-state-checkbox):disabled:not(:checked)
  + label:after {
  content: "";
  height: 1px;
  width: 20px;
  background: #e3ebee;
  position: absolute;
  top: 8px;
  left: -2px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -moz-transform-origin: center center;
}
input[type="checkbox"]:not(.tri-state-checkbox).large + label:before {
  width: 20px;
  height: 20px;
  text-align: left;
}
input[type="checkbox"]:not(.tri-state-checkbox).large:checked + label:before {
  padding: 5px 0px 0px 4px;
}
input[type="checkbox"]:not(.tri-state-checkbox).large + label {
  font-size: 16px;
  line-height: 1.3125em;
}
@media (max-width: 600px) {
  input[type="checkbox"]:not(.tri-state-checkbox).large + label {
    font-size: 13px;
  }
}
input[type="checkbox"]:not(.tri-state-checkbox).-hi-vis + label:before {
  border: 1px solid #7b7f92;
}
input[type="checkbox"]:not(.tri-state-checkbox).-hi-vis:checked + label:before {
  border-color: #4296cb;
}
input[type="checkbox"]:not(.tri-state-checkbox).small-checkbox + label {
  font-size: 13px;
  color: #7b7f92;
}
input[type="checkbox"].tri-state-checkbox {
  position: absolute;
  opacity: 0;
}
input[type="checkbox"].tri-state-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  font-size: 13px;
  color: #313443;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  margin: 0px;
  line-height: normal;
}
input[type="checkbox"].tri-state-checkbox + label:before {
  font-family: "Material Symbols Outlined" !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-variation-settings: "FILL" 1;
  content: "\e835";
  color: #ced0db;
  display: block;
  margin-right: 6px;
  padding: 0;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
}
input[type="checkbox"].tri-state-checkbox[data-state="include"] + label:before {
  content: "\e834";
  color: #4296cb;
}
input[type="checkbox"].tri-state-checkbox[data-state="exclude"] + label:before {
  content: "\f230";
  color: #b80646;
}
input[type="checkbox"].tri-state-checkbox:disabled + label:before {
  color: #ced0db;
}
input[type="checkbox"].tri-state-checkbox:disabled + label {
  cursor: auto;
}
input[type="checkbox"].tri-state-checkbox:disabled + label,
input[type="checkbox"].tri-state-checkbox:disabled + label * {
  color: #ced0db;
}
input[type="checkbox"].tri-state-checkbox:disabled:not([data-state="include"])
  + label:before,
input[type="checkbox"].tri-state-checkbox:disabled:not([data-state="exclude"])
  + label:before {
  content: "\e909";
}
input[type="radio"] {
  position: absolute;
  opacity: 0;
}
input[type="radio"] + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  font-size: 13px;
  color: #4e5262;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
  margin: 0px;
  line-height: normal;
}
input[type="radio"] + label:before {
  content: "";
  display: block;
  margin-right: 10px;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #e3ebee;
  border-radius: 50%;
}
input[type="radio"]:checked + label:before {
  background-color: #4296cb;
  border-color: #4296cb;
  font-family: "fbicons-1-5" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "";
  color: #fff;
  font-size: 8px;
  padding: 3px 0px 0px 2px;
  text-align: left;
}
input[type="radio"]:disabled + label,
input[type="radio"].large:disabled + label {
  cursor: auto;
}
input[type="radio"]:disabled + label,
input[type="radio"]:disabled + label *,
input[type="radio"].large:disabled + label,
input[type="radio"].large:disabled + label * {
  color: #a7aabb !important;
}
input[type="radio"]:disabled + label:before {
  background: #fff;
  border: 1px solid #e3ebee;
}
input[type="radio"]:disabled + label:after {
  content: "";
  height: 1px;
  width: 20px;
  background: #e3ebee;
  position: absolute;
  top: 8px;
  left: -2px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -moz-transform-origin: center center;
}
input[type="radio"].large:disabled + label:after {
  top: 10px;
  left: 0px;
}
input[type="radio"].large + label:before {
  width: 20px;
  height: 20px;
}
input[type="radio"].large:checked + label:before {
  padding: 5px 0px 0px 4px;
}
input[type="radio"].large + label {
  font-size: 16px;
  line-height: 1.3125em;
}
@media (max-width: 600px) {
  input[type="radio"].large + label {
    font-size: 13px;
  }
}
input[type="radio"].small + label {
  font-size: 13px;
}
.visual-input-group {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  background-color: #e3ebee;
  border-radius: 0.4em;
  padding: 5px;
  margin-bottom: 1em;
}
.visual-input-group .form__group {
  margin: 0 !important;
}
.visual-input-group .form__group.-has-checkbox {
  margin: 0 !important;
}
.visual-checkbox-input {
  cursor: pointer;
}
input[type="radio"] {
  cursor: pointer;
}
input[type="radio"] + .visual-checkbox-input {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  margin: 5px;
  width: 44px;
  height: 44px;
  background: #fff;
  border: 1px solid #e3ebee;
  border-radius: 0.4em;
}
input[type="radio"]:focus + .visual-checkbox-input {
  border: 1px solid #4296cb;
}
input[type="radio"]:checked + .visual-checkbox-input {
  border: 1px solid #4296cb;
}
input[type="radio"]:disabled + .visual-checkbox-input {
  background: #e3ebee;
}
.cover-color {
  border: 2px solid #ffffff;
  border-radius: 0.4em;
  height: 40px;
  width: 40px;
}
.cover-color.-blue {
  background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#058ce2),
    to(#42cb9a)
  );
  background-image: linear-gradient(to bottom right, #058ce2, #42cb9a);
}
.cover-color.-teal {
  background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3cdbd9),
    to(#32ff92)
  );
  background-image: linear-gradient(to bottom right, #3cdbd9, #32ff92);
}
.cover-color.-green {
  background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#32ff6d),
    to(#ffd064)
  );
  background-image: linear-gradient(to bottom right, #32ff6d, #ffd064);
}
.cover-color.-orange {
  background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#ffc817),
    to(#ff5c30)
  );
  background-image: linear-gradient(to bottom right, #ffc817, #ff5c30);
}
.cover-color.-red {
  background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#ff1515),
    to(#b060ff)
  );
  background-image: linear-gradient(to bottom right, #ff1515, #b060ff);
}
.cover-color.-magenta {
  background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3100ac),
    to(#bf0ca4)
  );
  background-image: linear-gradient(to bottom right, #3100ac, #bf0ca4);
}
.cover-color.-dark-blue {
  background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3d71f3),
    to(#404f8b)
  );
  background-image: linear-gradient(to bottom right, #3d71f3, #404f8b);
}
.cover-color.-steel-blue {
  background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#141b30),
    to(#5d7497)
  );
  background-image: linear-gradient(to bottom right, #141b30, #5d7497);
}
.cover-color.-charcoal {
  background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#151a27),
    to(#494e62)
  );
  background-image: linear-gradient(to bottom right, #151a27, #494e62);
}
.-dark-mode {
  color: #fff;
}
.-dark-mode label,
.-dark-mode strong,
.-dark-mode .input-note {
  color: #fff;
}
.select-style {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.select-style:after {
  font-family: "Material Symbols Outlined" !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-variation-settings: "FILL" 1;
  content: "\e5c5";
  color: #313443;
  display: block;
  padding: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 2px;
  top: calc(50% - 12px);
  pointer-events: none;
  z-index: 1;
  speak: none;
}
.select-style.rtl:after {
  right: 0px;
}
.select-style .icon.-error {
  right: 10px;
  z-index: 2;
}
.select-style select {
  color: black;
}
.select-style select,
.select-style option,
.select-style input.select-text {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select-style select,
.select-style input.select-text {
  padding: 0.4rem 2.4rem 0.4rem 0.4rem;
  line-height: 1.1em;
}
.select-style select[disabled],
.select-style input.select-text[disabled] {
  color: #7b7f92;
}
.select-style option {
  padding: 0px;
}
.select-style.-bigger select,
.select-style.-bigger input.select-text {
  height: 40px;
}
.select-style.-bordered select,
.select-style.-bordered input.select-text {
  border: 1px solid #e3eaee;
  border-radius: 4px;
  padding-left: 10px;
  padding-right: 20px;
  line-height: 1.2em;
}
.select-style.-bordered:after {
  right: 7px;
}
.select-style.-bordered.-bigger:after {
  right: 15px;
}
@media (max-width: 767px) {
  .select-style select {
    font-size: 16px;
  }
}
.select-style.date-input .datepick-icon {
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  border-right: 1px solid #e3eaee;
  width: 40px;
  color: #4296cb;
  font-size: 16px;
  pointer-events: none;
  text-align: center;
  padding-top: 12px;
}
.select-style.date-input input.select-text {
  padding-left: 50px;
}
.form__group {
  margin: 0 0 2rem;
  position: relative;
}
.form__group.-inline {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
}
.form__group.-inline label {
  margin: 0px;
  line-height: 1em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  margin-top: -1px;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .form__group.-inline label {
    font-weight: 400;
  }
}
.form__group.-has-label .iconfont-error {
  top: 4.7rem;
}
@media (max-width: 600px) {
  .form__group.-has-label .iconfont-error {
    top: 4.1rem;
  }
}
.form__group.-has-label label.error {
  color: #e84452;
}
.form__group.-has-label .discussion-image-upload .iconfont-error {
  margin-top: -0.8rem;
  right: 1.6rem;
  top: 50%;
}
.form__group.-has-checkbox {
  margin-top: 7px;
}
.form__group.-has-checkbox .message {
  text-align: left;
}
.form__group.-has-checkbox .iconfont-error {
  display: none;
}
.form__group .message {
  color: #e84452;
  display: block;
  position: relative;
  top: 100%;
  font-size: 13px;
  text-align: right;
  padding-top: 7px;
}
.form__group .iconfont-error {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -8px;
  top: 12px;
  margin-top: 0px;
}
.form__group .input-note {
  color: #7b7f92;
}
.form__group p.small {
  padding: 13px 0px 0px 0px;
  margin: 0px;
}
.mailcheck-status {
  position: relative;
  display: none;
  cursor: pointer;
  color: #212432;
  font-size: 13px;
  text-align: right;
  padding-top: 7px;
}
.mailcheck-status span {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #4296cb;
}
.mailcheck-status.has-suggestions {
  display: block;
}
.has-error .mailcheck-status {
  display: none !important;
}
.form__group.error label,
.form__group.error label strong {
  color: #e84452 !important;
}
.form__group.error select,
.form__group.error input,
.form__group.error textarea,
.form__group.error .discussion-image-upload,
.form__group.error .multiselect__tags {
  border-color: #e84452 !important;
}
.form__group.error .select-style:after {
  color: #e84452 !important;
}
.form__group.error .select-style + div > .iconfont-error {
  display: none;
}
.form__group.error .datepick-icon {
  border-right-color: #e84452;
  color: #e84452;
}
.form__group.error input[type="number"] + div > .iconfont-error {
  display: none;
}
.form__group.error input[type="checkbox"] + label,
.form__group.error input[type="radio"] + label {
  color: #e84452 !important;
}
.form__group.error input[type="checkbox"].large + label,
.form__group.error input[type="radio"].large + label {
  color: #e84452 !important;
}
.form__group.error .mailcheck-status {
  display: none;
}
.form__collection {
  margin-bottom: 3.2rem;
}
input[type="file"] {
  display: block;
  width: 100%;
}
.file-input .form__group {
  margin: 0;
}
.file-input .form__group .iconfont-error {
  display: none;
}
.file-input .form__group .message {
  text-align: left;
}
.file-input .form__group.error label .image-title {
  color: #e84452;
}
.file-input label {
  cursor: pointer;
  margin: 0px;
}
.file-input input {
  display: none;
}
.file-input .file-drop-label {
  margin-bottom: 0.2rem;
  display: block;
}
.file-input .file-drop {
  margin-bottom: 1.2rem;
  border-radius: 3px;
  max-width: 300px;
  background: #fff;
}
.file-remove {
  display: -webkit-box;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.file-remove img,
.discussion-image-upload .file-remove img {
  display: block;
  margin: 0px;
  width: auto;
  height: 80px;
  max-height: none;
  max-width: 80%;
}
.file-drop {
  padding: 2.8rem;
  border: 1px solid #e3ebee;
  text-align: center;
}
.file-drop .camera-icon {
  top: auto;
  bottom: 0px;
  right: 0px;
}
.file-drop > *,
.file-drop .default-avatar {
  display: inline-block;
}
.camera-icon {
  height: 3rem;
  width: 3rem;
  -webkit-box-align: center;
  align-items: center;
  background: #4296cb;
  border-radius: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  position: absolute;
}
.camera-icon .iconfont-camera {
  display: block;
  width: 16px;
  height: 14px;
  font-size: 14px;
  color: #fff;
}
.discussion-image-upload {
  padding: 1.1rem 1.5rem;
  -webkit-box-align: center;
  align-items: center;
  background: #fafcfd;
  border-radius: 0px 0px 3px 3px;
  border-top: none;
  border: 1px solid #e3ebee;
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-box-pack: start;
  justify-content: flex-start;
  width: 100%;
}
.discussion-image-upload.file-input label {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 0px;
  font-size: 13px;
  line-height: 1em;
  text-indent: 0px;
}
.discussion-image-upload.file-input label .material-symbols-outlined {
  padding-right: 0.5rem;
}
.discussion-image-upload.file-input label strong {
  font-weight: 600;
  color: #4296cb;
}
.discussion-image-upload.file-input label.file-name,
.discussion-image-upload.file-input label.file-name strong {
  color: #212432;
}
.discussion-image-upload img {
  margin-right: 0.8rem;
  width: 1.6rem;
  max-height: 1.6rem;
  display: block;
}
.discussion-image-upload .hamburger {
  margin: 0.2rem 0 0 0.5rem;
  display: block;
}
.discussion-image-upload .hamburger .inner:before,
.discussion-image-upload .hamburger .inner:after {
  background: #ced1db;
}
.discussion-image-upload .iconfont-error {
  right: 40px;
  top: 50%;
}
.discussion-image-upload.error {
  border-color: #e84452;
}
.discussion-image-upload.error label,
.discussion-image-upload.error label strong,
.discussion-image-upload.error .iconfont-image {
  color: #e84452;
}
.login-form input[type="text"],
.login-form input[type="password"],
.login-form input[type="email"],
.login-form input[type="tel"],
.login-form input[type="url"],
.login-form input[type="number"],
.login-form textarea,
.login-form select,
.search-form-small input[type="text"],
.search-form-small input[type="password"],
.search-form-small input[type="email"],
.search-form-small input[type="tel"],
.search-form-small input[type="url"],
.search-form-small input[type="number"],
.search-form-small textarea,
.search-form-small select,
.standard-form input[type="text"],
.standard-form input[type="password"],
.standard-form input[type="email"],
.standard-form input[type="tel"],
.standard-form input[type="url"],
.standard-form input[type="number"],
.standard-form textarea,
.standard-form select {
  height: 4rem;
  padding: 0.4rem 1.6rem;
  border-radius: 3px;
  border: 1px solid #e3ebee;
  color: #7b7f92;
  background: #fff;
  display: block;
  font-size: 13px;
  font-weight: 600;
}
.login-form input[type="text"].error,
.login-form input[type="password"].error,
.login-form input[type="email"].error,
.login-form input[type="tel"].error,
.login-form input[type="url"].error,
.login-form input[type="number"].error,
.login-form textarea.error,
.login-form select.error,
.search-form-small input[type="text"].error,
.search-form-small input[type="password"].error,
.search-form-small input[type="email"].error,
.search-form-small input[type="tel"].error,
.search-form-small input[type="url"].error,
.search-form-small input[type="number"].error,
.search-form-small textarea.error,
.search-form-small select.error,
.standard-form input[type="text"].error,
.standard-form input[type="password"].error,
.standard-form input[type="email"].error,
.standard-form input[type="tel"].error,
.standard-form input[type="url"].error,
.standard-form input[type="number"].error,
.standard-form textarea.error,
.standard-form select.error {
  border-color: #e84452;
}
.login-form input[type="text"]:focus,
.login-form input[type="password"]:focus,
.login-form input[type="email"]:focus,
.login-form input[type="tel"]:focus,
.login-form input[type="url"]:focus,
.login-form input[type="number"]:focus,
.login-form textarea:focus,
.login-form select:focus,
.search-form-small input[type="text"]:focus,
.search-form-small input[type="password"]:focus,
.search-form-small input[type="email"]:focus,
.search-form-small input[type="tel"]:focus,
.search-form-small input[type="url"]:focus,
.search-form-small input[type="number"]:focus,
.search-form-small textarea:focus,
.search-form-small select:focus,
.standard-form input[type="text"]:focus,
.standard-form input[type="password"]:focus,
.standard-form input[type="email"]:focus,
.standard-form input[type="tel"]:focus,
.standard-form input[type="url"]:focus,
.standard-form input[type="number"]:focus,
.standard-form textarea:focus,
.standard-form select:focus {
  border-color: #4296cb;
}
.login-form input[type="text"]::-webkit-input-placeholder,
.login-form input[type="password"]::-webkit-input-placeholder,
.login-form input[type="email"]::-webkit-input-placeholder,
.login-form input[type="tel"]::-webkit-input-placeholder,
.login-form input[type="url"]::-webkit-input-placeholder,
.login-form input[type="number"]::-webkit-input-placeholder,
.login-form textarea::-webkit-input-placeholder,
.login-form select::-webkit-input-placeholder,
.search-form-small input[type="text"]::-webkit-input-placeholder,
.search-form-small input[type="password"]::-webkit-input-placeholder,
.search-form-small input[type="email"]::-webkit-input-placeholder,
.search-form-small input[type="tel"]::-webkit-input-placeholder,
.search-form-small input[type="url"]::-webkit-input-placeholder,
.search-form-small input[type="number"]::-webkit-input-placeholder,
.search-form-small textarea::-webkit-input-placeholder,
.search-form-small select::-webkit-input-placeholder,
.standard-form input[type="text"]::-webkit-input-placeholder,
.standard-form input[type="password"]::-webkit-input-placeholder,
.standard-form input[type="email"]::-webkit-input-placeholder,
.standard-form input[type="tel"]::-webkit-input-placeholder,
.standard-form input[type="url"]::-webkit-input-placeholder,
.standard-form input[type="number"]::-webkit-input-placeholder,
.standard-form textarea::-webkit-input-placeholder,
.standard-form select::-webkit-input-placeholder {
  opacity: 1;
  color: #a7aabb;
  font-weight: 400;
}
.login-form input[type="text"]::-moz-placeholder,
.login-form input[type="password"]::-moz-placeholder,
.login-form input[type="email"]::-moz-placeholder,
.login-form input[type="tel"]::-moz-placeholder,
.login-form input[type="url"]::-moz-placeholder,
.login-form input[type="number"]::-moz-placeholder,
.login-form textarea::-moz-placeholder,
.login-form select::-moz-placeholder,
.search-form-small input[type="text"]::-moz-placeholder,
.search-form-small input[type="password"]::-moz-placeholder,
.search-form-small input[type="email"]::-moz-placeholder,
.search-form-small input[type="tel"]::-moz-placeholder,
.search-form-small input[type="url"]::-moz-placeholder,
.search-form-small input[type="number"]::-moz-placeholder,
.search-form-small textarea::-moz-placeholder,
.search-form-small select::-moz-placeholder,
.standard-form input[type="text"]::-moz-placeholder,
.standard-form input[type="password"]::-moz-placeholder,
.standard-form input[type="email"]::-moz-placeholder,
.standard-form input[type="tel"]::-moz-placeholder,
.standard-form input[type="url"]::-moz-placeholder,
.standard-form input[type="number"]::-moz-placeholder,
.standard-form textarea::-moz-placeholder,
.standard-form select::-moz-placeholder {
  opacity: 1;
  color: #a7aabb;
  font-weight: 400;
}
.login-form input[type="text"]:-ms-input-placeholder,
.login-form input[type="password"]:-ms-input-placeholder,
.login-form input[type="email"]:-ms-input-placeholder,
.login-form input[type="tel"]:-ms-input-placeholder,
.login-form input[type="url"]:-ms-input-placeholder,
.login-form input[type="number"]:-ms-input-placeholder,
.login-form textarea:-ms-input-placeholder,
.login-form select:-ms-input-placeholder,
.search-form-small input[type="text"]:-ms-input-placeholder,
.search-form-small input[type="password"]:-ms-input-placeholder,
.search-form-small input[type="email"]:-ms-input-placeholder,
.search-form-small input[type="tel"]:-ms-input-placeholder,
.search-form-small input[type="url"]:-ms-input-placeholder,
.search-form-small input[type="number"]:-ms-input-placeholder,
.search-form-small textarea:-ms-input-placeholder,
.search-form-small select:-ms-input-placeholder,
.standard-form input[type="text"]:-ms-input-placeholder,
.standard-form input[type="password"]:-ms-input-placeholder,
.standard-form input[type="email"]:-ms-input-placeholder,
.standard-form input[type="tel"]:-ms-input-placeholder,
.standard-form input[type="url"]:-ms-input-placeholder,
.standard-form input[type="number"]:-ms-input-placeholder,
.standard-form textarea:-ms-input-placeholder,
.standard-form select:-ms-input-placeholder {
  opacity: 1;
  color: #a7aabb;
  font-weight: 400;
}
.login-form input[type="text"]:-moz-placeholder,
.login-form input[type="password"]:-moz-placeholder,
.login-form input[type="email"]:-moz-placeholder,
.login-form input[type="tel"]:-moz-placeholder,
.login-form input[type="url"]:-moz-placeholder,
.login-form input[type="number"]:-moz-placeholder,
.login-form textarea:-moz-placeholder,
.login-form select:-moz-placeholder,
.search-form-small input[type="text"]:-moz-placeholder,
.search-form-small input[type="password"]:-moz-placeholder,
.search-form-small input[type="email"]:-moz-placeholder,
.search-form-small input[type="tel"]:-moz-placeholder,
.search-form-small input[type="url"]:-moz-placeholder,
.search-form-small input[type="number"]:-moz-placeholder,
.search-form-small textarea:-moz-placeholder,
.search-form-small select:-moz-placeholder,
.standard-form input[type="text"]:-moz-placeholder,
.standard-form input[type="password"]:-moz-placeholder,
.standard-form input[type="email"]:-moz-placeholder,
.standard-form input[type="tel"]:-moz-placeholder,
.standard-form input[type="url"]:-moz-placeholder,
.standard-form input[type="number"]:-moz-placeholder,
.standard-form textarea:-moz-placeholder,
.standard-form select:-moz-placeholder {
  opacity: 1;
  color: #a7aabb;
  font-weight: 400;
}
.login-form input[type="text"]:placeholder,
.login-form input[type="password"]:placeholder,
.login-form input[type="email"]:placeholder,
.login-form input[type="tel"]:placeholder,
.login-form input[type="url"]:placeholder,
.login-form input[type="number"]:placeholder,
.login-form textarea:placeholder,
.login-form select:placeholder,
.search-form-small input[type="text"]:placeholder,
.search-form-small input[type="password"]:placeholder,
.search-form-small input[type="email"]:placeholder,
.search-form-small input[type="tel"]:placeholder,
.search-form-small input[type="url"]:placeholder,
.search-form-small input[type="number"]:placeholder,
.search-form-small textarea:placeholder,
.search-form-small select:placeholder,
.standard-form input[type="text"]:placeholder,
.standard-form input[type="password"]:placeholder,
.standard-form input[type="email"]:placeholder,
.standard-form input[type="tel"]:placeholder,
.standard-form input[type="url"]:placeholder,
.standard-form input[type="number"]:placeholder,
.standard-form textarea:placeholder,
.standard-form select:placeholder {
  opacity: 1;
  color: #a7aabb;
  font-weight: 400;
}
@media (max-width: 767px) {
  .login-form input[type="text"],
  .login-form input[type="password"],
  .login-form input[type="email"],
  .login-form input[type="tel"],
  .login-form input[type="url"],
  .login-form input[type="number"],
  .login-form textarea,
  .login-form select,
  .search-form-small input[type="text"],
  .search-form-small input[type="password"],
  .search-form-small input[type="email"],
  .search-form-small input[type="tel"],
  .search-form-small input[type="url"],
  .search-form-small input[type="number"],
  .search-form-small textarea,
  .search-form-small select,
  .standard-form input[type="text"],
  .standard-form input[type="password"],
  .standard-form input[type="email"],
  .standard-form input[type="tel"],
  .standard-form input[type="url"],
  .standard-form input[type="number"],
  .standard-form textarea,
  .standard-form select {
    font-size: 16px;
  }
}
.login-form input[type="text"],
.login-form input[type="password"],
.login-form input[type="email"],
.login-form input[type="tel"],
.login-form input[type="url"],
.login-form input[type="number"],
.search-form-small input[type="text"],
.search-form-small input[type="password"],
.search-form-small input[type="email"],
.search-form-small input[type="tel"],
.search-form-small input[type="url"],
.search-form-small input[type="number"],
.standard-form input[type="text"],
.standard-form input[type="password"],
.standard-form input[type="email"],
.standard-form input[type="tel"],
.standard-form input[type="url"],
.standard-form input[type="number"] {
  background: #fff;
}
@media (max-width: 767px) {
  .login-form input[type="text"],
  .login-form input[type="password"],
  .login-form input[type="email"],
  .login-form input[type="tel"],
  .login-form input[type="url"],
  .login-form input[type="number"],
  .search-form-small input[type="text"],
  .search-form-small input[type="password"],
  .search-form-small input[type="email"],
  .search-form-small input[type="tel"],
  .search-form-small input[type="url"],
  .search-form-small input[type="number"],
  .standard-form input[type="text"],
  .standard-form input[type="password"],
  .standard-form input[type="email"],
  .standard-form input[type="tel"],
  .standard-form input[type="url"],
  .standard-form input[type="number"] {
    font-size: 16px;
  }
  .login-form input[type="text"]::-webkit-input-placeholder,
  .login-form input[type="password"]::-webkit-input-placeholder,
  .login-form input[type="email"]::-webkit-input-placeholder,
  .login-form input[type="tel"]::-webkit-input-placeholder,
  .login-form input[type="url"]::-webkit-input-placeholder,
  .login-form input[type="number"]::-webkit-input-placeholder,
  .search-form-small input[type="text"]::-webkit-input-placeholder,
  .search-form-small input[type="password"]::-webkit-input-placeholder,
  .search-form-small input[type="email"]::-webkit-input-placeholder,
  .search-form-small input[type="tel"]::-webkit-input-placeholder,
  .search-form-small input[type="url"]::-webkit-input-placeholder,
  .search-form-small input[type="number"]::-webkit-input-placeholder,
  .standard-form input[type="text"]::-webkit-input-placeholder,
  .standard-form input[type="password"]::-webkit-input-placeholder,
  .standard-form input[type="email"]::-webkit-input-placeholder,
  .standard-form input[type="tel"]::-webkit-input-placeholder,
  .standard-form input[type="url"]::-webkit-input-placeholder,
  .standard-form input[type="number"]::-webkit-input-placeholder {
    font-size: 13px;
  }
  .login-form input[type="text"]::-moz-placeholder,
  .login-form input[type="password"]::-moz-placeholder,
  .login-form input[type="email"]::-moz-placeholder,
  .login-form input[type="tel"]::-moz-placeholder,
  .login-form input[type="url"]::-moz-placeholder,
  .login-form input[type="number"]::-moz-placeholder,
  .search-form-small input[type="text"]::-moz-placeholder,
  .search-form-small input[type="password"]::-moz-placeholder,
  .search-form-small input[type="email"]::-moz-placeholder,
  .search-form-small input[type="tel"]::-moz-placeholder,
  .search-form-small input[type="url"]::-moz-placeholder,
  .search-form-small input[type="number"]::-moz-placeholder,
  .standard-form input[type="text"]::-moz-placeholder,
  .standard-form input[type="password"]::-moz-placeholder,
  .standard-form input[type="email"]::-moz-placeholder,
  .standard-form input[type="tel"]::-moz-placeholder,
  .standard-form input[type="url"]::-moz-placeholder,
  .standard-form input[type="number"]::-moz-placeholder {
    font-size: 13px;
  }
  .login-form input[type="text"]:-ms-input-placeholder,
  .login-form input[type="password"]:-ms-input-placeholder,
  .login-form input[type="email"]:-ms-input-placeholder,
  .login-form input[type="tel"]:-ms-input-placeholder,
  .login-form input[type="url"]:-ms-input-placeholder,
  .login-form input[type="number"]:-ms-input-placeholder,
  .search-form-small input[type="text"]:-ms-input-placeholder,
  .search-form-small input[type="password"]:-ms-input-placeholder,
  .search-form-small input[type="email"]:-ms-input-placeholder,
  .search-form-small input[type="tel"]:-ms-input-placeholder,
  .search-form-small input[type="url"]:-ms-input-placeholder,
  .search-form-small input[type="number"]:-ms-input-placeholder,
  .standard-form input[type="text"]:-ms-input-placeholder,
  .standard-form input[type="password"]:-ms-input-placeholder,
  .standard-form input[type="email"]:-ms-input-placeholder,
  .standard-form input[type="tel"]:-ms-input-placeholder,
  .standard-form input[type="url"]:-ms-input-placeholder,
  .standard-form input[type="number"]:-ms-input-placeholder {
    font-size: 13px;
  }
  .login-form input[type="text"]:-moz-placeholder,
  .login-form input[type="password"]:-moz-placeholder,
  .login-form input[type="email"]:-moz-placeholder,
  .login-form input[type="tel"]:-moz-placeholder,
  .login-form input[type="url"]:-moz-placeholder,
  .login-form input[type="number"]:-moz-placeholder,
  .search-form-small input[type="text"]:-moz-placeholder,
  .search-form-small input[type="password"]:-moz-placeholder,
  .search-form-small input[type="email"]:-moz-placeholder,
  .search-form-small input[type="tel"]:-moz-placeholder,
  .search-form-small input[type="url"]:-moz-placeholder,
  .search-form-small input[type="number"]:-moz-placeholder,
  .standard-form input[type="text"]:-moz-placeholder,
  .standard-form input[type="password"]:-moz-placeholder,
  .standard-form input[type="email"]:-moz-placeholder,
  .standard-form input[type="tel"]:-moz-placeholder,
  .standard-form input[type="url"]:-moz-placeholder,
  .standard-form input[type="number"]:-moz-placeholder {
    font-size: 13px;
  }
}
.login-form textarea,
.search-form-small textarea,
.standard-form textarea {
  height: 16.5rem;
  padding: 1rem 1.6rem;
  font-weight: normal;
  background: #fff;
}
.login-form textarea.short,
.search-form-small textarea.short,
.standard-form textarea.short {
  height: 10rem;
}
.login-form select,
.search-form-small select,
.standard-form select {
  padding: 0.4rem 2.4rem 0.4rem 1.6rem;
}
.login-form .form__group,
.login-form .checkbox,
.search-form-small .form__group,
.search-form-small .checkbox,
.standard-form .form__group,
.standard-form .checkbox {
  margin-bottom: 1.2rem;
}
.login-form .form__group.-has-remember-checkbox,
.login-form .checkbox.-has-remember-checkbox,
.search-form-small .form__group.-has-remember-checkbox,
.search-form-small .checkbox.-has-remember-checkbox,
.standard-form .form__group.-has-remember-checkbox,
.standard-form .checkbox.-has-remember-checkbox {
  margin-top: 5px;
  margin-bottom: 30px;
}
.login-form button,
.search-form-small button,
.standard-form button {
  margin: 0;
}
.login-form .checkbox input[type="checkbox"],
.search-form-small .checkbox input[type="checkbox"],
.standard-form .checkbox input[type="checkbox"] {
  opacity: 1;
  position: static;
}
.standard-form input[type="text"],
.standard-form input[type="password"],
.standard-form input[type="email"],
.standard-form input[type="tel"],
.standard-form input[type="url"],
.standard-form input[type="number"],
.standard-form textarea,
.standard-form select {
  color: #212432;
}
.search-form-small {
  padding: 2.8rem;
  background: #fff;
  border: 3px solid #4296cb;
}
.search-form-small .inner {
  position: relative;
}
.search-form-small input[type="text"] {
  padding-right: 40px;
  width: 240px;
}
.search-form-small button[type="submit"] {
  border: none;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -11px;
}
.search-form {
  padding: 1.2rem 0 2rem;
  margin: 0 auto;
  max-width: 559px;
  position: relative;
  width: 100%;
}
.search-form input[type="text"] {
  height: 5.2rem;
  padding: 2rem 2.8rem 2rem 0;
  border-bottom-color: #4e5262;
  color: #a7aabb;
  font-size: 13px;
  letter-spacing: 0.05em;
  color: #fff;
  border-bottom-width: 1px;
  font-weight: 600;
}
.search-form input[type="text"]::-webkit-input-placeholder {
  opacity: 1;
  color: #a7aabb;
  font-weight: 400;
}
.search-form input[type="text"]::-moz-placeholder {
  opacity: 1;
  color: #a7aabb;
  font-weight: 400;
}
.search-form input[type="text"]:-ms-input-placeholder {
  opacity: 1;
  color: #a7aabb;
  font-weight: 400;
}
.search-form input[type="text"]:-moz-placeholder {
  opacity: 1;
  color: #a7aabb;
  font-weight: 400;
}
.search-form input[type="text"]:placeholder {
  opacity: 1;
  color: #a7aabb;
  font-weight: 400;
}
@media (max-width: 767px) {
  .search-form input[type="text"] {
    font-size: 16px;
  }
  .search-form input[type="text"]::-webkit-input-placeholder {
    font-size: 13px;
  }
  .search-form input[type="text"]::-moz-placeholder {
    font-size: 13px;
  }
  .search-form input[type="text"]:-ms-input-placeholder {
    font-size: 13px;
  }
  .search-form input[type="text"]:-moz-placeholder {
    font-size: 13px;
  }
}
.search-form button[type="submit"] {
  border: none;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -29px;
}
.with-input-link {
  position: relative;
}
.with-input-link input {
  padding-right: 25%;
}
.with-input-link a {
  margin-top: -12px;
  position: absolute;
  right: 16px;
  top: 50%;
}
[data-whatinput="keyboard"] .with-input-link a:focus,
.with-input-link a:focus,
.with-input-link a:hover,
.with-input-link a:active,
.with-input-link a.active,
.with-input-link a[aria-expanded="true"] {
  position: absolute;
}
.single-col-form {
  width: 320px;
  margin: -10px auto 0px auto;
}
@media (max-width: 600px) {
  .single-col-form {
    width: 100%;
    max-width: 320px;
  }
}
.wide-single-col-form {
  max-width: 450px;
}
.wide-single-col-form .form__collection {
  max-width: 280px;
}
.wide-single-col-form .btn {
  min-width: 280px;
}
.wide-single-col-form button[type="submit"] {
  margin-top: 30px;
}
@media screen and (max-width: 498px) {
  .wide-single-col-form .form__collection {
    max-width: none;
  }
  .wide-single-col-form .btn {
    min-width: 0px;
    width: 100%;
  }
  .wide-single-col-form button[type="submit"] {
    margin-top: 15px;
  }
}
.double-col-form {
  width: 100%;
  width: 590px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.double-col-form .form__group {
  -webkit-box-flex: 1;
  flex: 1 50%;
  margin-bottom: 20px;
}
.double-col-form .form__group textarea {
  height: 200px;
}
.double-col-form .form__group.break-col {
  flex-basis: 100%;
}
.double-col-form .form__group.break-col > label,
.double-col-form .form__group.break-col > div,
.double-col-form .form__group.break-col > input {
  width: calc(50% - 11px);
}
.double-col-form .form__group.left {
  padding-right: 11px;
}
.double-col-form .form__group.right {
  padding-left: 11px;
}
.double-col-form .form__group.submit-col {
  margin-top: 15px;
}
@media (max-width: 768px) {
  .double-col-form {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .double-col-form .form__group {
    -webkit-box-flex: 1;
    flex: 1 100%;
  }
  .double-col-form .form__group.break-col > label,
  .double-col-form .form__group.break-col > div,
  .double-col-form .form__group.break-col > input {
    width: 100%;
  }
  .double-col-form .form__group.left {
    padding-right: 0px;
  }
  .double-col-form .form__group.right {
    padding-left: 0px;
  }
  .double-col-form .form__group.submit-col {
    margin-top: 0px;
  }
}
.form__group.recap-div {
  background-color: #d1d1d1;
  border-radius: 3px;
}
.form__group.recap-div iframe {
  border-radius: 3px;
  border: 1px solid transparent;
  margin: 3px 0 0 0;
}
.form__group.recap-div .h-captcha {
  -webkit-transform: scale(0.957);
  transform: scale(0.957);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 290px;
  margin: 0 auto;
}
.form__group.recap-div .message {
  position: static;
  padding-top: 0px;
  display: none;
  text-align: center;
}
.form__group.recap-div.error iframe {
  border: 1px solid #ff505f;
}
.form__group.recap-div.error .message {
  display: block;
  padding: 2px 4px 6px 4px;
  color: #000000 !important;
}
.standard-fieldset {
  border: 0;
  padding: 0;
  padding-bottom: 1rem;
  margin: 0;
  min-width: 0;
}
.standard-fieldset.no-padding {
  padding: 0;
}
.standard-fieldset.error {
  color: #e84452;
}
.standard-fieldset .message {
  display: inline-block;
  font-size: 13px;
}
.standard-fieldset legend {
  display: block;
  padding: 0;
}
.standard-fieldset .visual-options-legend {
  padding: 0;
  margin: 0 0 0.2rem 0;
  color: #7b7f92;
  display: block;
  font-size: 16px;
}
.standard-fieldset.error .visual-options-legend {
  color: #e84452;
}
.btn,
input.btn[type="submit"],
button.btn {
  padding: 12px 28px 10px;
  font-size: 1.3rem;
  line-height: 1.6rem;
  border-radius: 4px;
  border: 1px solid #f0f4f6;
  color: #212432;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-align: center;
}
[data-whatinput="keyboard"] .btn:focus,
.btn:focus,
input.btn:focus[type="submit"],
.btn:hover,
input.btn:hover[type="submit"],
.btn:active,
input.btn:active[type="submit"],
.active.btn,
input.active.btn[type="submit"],
.btn[aria-expanded="true"],
input.btn[aria-expanded="true"][type="submit"] {
  background-image: none;
  border-color: #4296cb;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #212432;
}
.btn.-medium,
input[type="submit"].btn.-medium,
button.btn.-medium {
  padding: 7px 6px 6px;
  letter-spacing: 0px;
}
.btn.-muted,
input[type="submit"].btn.-muted,
button.btn.-muted {
  color: #7b7f92;
}
[data-whatinput="keyboard"] .btn.-muted:focus,
.btn.-muted:focus,
.btn.-muted:hover,
.btn.-muted:active,
.btn.-muted.active,
.btn.-muted[aria-expanded="true"],
[data-whatinput="keyboard"] input[type="submit"].btn.-muted:focus,
input[type="submit"].btn.-muted:focus,
input[type="submit"].btn.-muted:hover,
input[type="submit"].btn.-muted:active,
input[type="submit"].btn.-muted.active,
input[type="submit"].btn.-muted[aria-expanded="true"],
[data-whatinput="keyboard"] button.btn.-muted:focus,
button.btn.-muted:focus,
button.btn.-muted:hover,
button.btn.-muted:active,
button.btn.-muted.active,
button.btn.-muted[aria-expanded="true"] {
  color: #212432;
}
.btn.-std,
input[type="submit"].btn.-std,
button.btn.-std {
  background: #fafcfd;
}
[data-whatinput="keyboard"] .btn.-std:focus,
.btn.-std:focus,
.btn.-std:hover,
.btn.-std:active,
.btn.-std.active,
.btn.-std[aria-expanded="true"],
[data-whatinput="keyboard"] input[type="submit"].btn.-std:focus,
input[type="submit"].btn.-std:focus,
input[type="submit"].btn.-std:hover,
input[type="submit"].btn.-std:active,
input[type="submit"].btn.-std.active,
input[type="submit"].btn.-std[aria-expanded="true"],
[data-whatinput="keyboard"] button.btn.-std:focus,
button.btn.-std:focus,
button.btn.-std:hover,
button.btn.-std:active,
button.btn.-std.active,
button.btn.-std[aria-expanded="true"] {
  background: #fff;
}
.btn.-link,
input[type="submit"].btn.-link,
button.btn.-link {
  border-color: #4296cb;
  color: #4296cb;
  text-transform: uppercase;
}
[data-whatinput="keyboard"] .btn.-link:focus,
.btn.-link:focus,
.btn.-link:hover,
.btn.-link:active,
.btn.-link.active,
.btn.-link[aria-expanded="true"],
[data-whatinput="keyboard"] input[type="submit"].btn.-link:focus,
input[type="submit"].btn.-link:focus,
input[type="submit"].btn.-link:hover,
input[type="submit"].btn.-link:active,
input[type="submit"].btn.-link.active,
input[type="submit"].btn.-link[aria-expanded="true"],
[data-whatinput="keyboard"] button.btn.-link:focus,
button.btn.-link:focus,
button.btn.-link:hover,
button.btn.-link:active,
button.btn.-link.active,
button.btn.-link[aria-expanded="true"] {
  background: #4296cb;
  color: #fff;
}
.btn.-link-reverse,
input[type="submit"].btn.-link-reverse,
button.btn.-link-reverse {
  border-color: #4296cb;
  color: #fff;
  text-transform: uppercase;
}
[data-whatinput="keyboard"] .btn.-link-reverse:focus,
.btn.-link-reverse:focus,
.btn.-link-reverse:hover,
.btn.-link-reverse:active,
.btn.-link-reverse.active,
.btn.-link-reverse[aria-expanded="true"],
[data-whatinput="keyboard"] input[type="submit"].btn.-link-reverse:focus,
input[type="submit"].btn.-link-reverse:focus,
input[type="submit"].btn.-link-reverse:hover,
input[type="submit"].btn.-link-reverse:active,
input[type="submit"].btn.-link-reverse.active,
input[type="submit"].btn.-link-reverse[aria-expanded="true"],
[data-whatinput="keyboard"] button.btn.-link-reverse:focus,
button.btn.-link-reverse:focus,
button.btn.-link-reverse:hover,
button.btn.-link-reverse:active,
button.btn.-link-reverse.active,
button.btn.-link-reverse[aria-expanded="true"] {
  background: linear-gradient(46deg, #2eb7ce 0%, #4296cb 100%);
  border-color: transparent;
}
.btn.-no-border,
input[type="submit"].btn.-no-border,
button.btn.-no-border {
  border: none;
}
[data-whatinput="keyboard"] .btn.-gradient-hover:focus,
.btn.-gradient-hover:focus,
.btn.-gradient-hover:hover,
.btn.-gradient-hover:active,
.btn.-gradient-hover.active,
.btn.-gradient-hover[aria-expanded="true"],
[data-whatinput="keyboard"] input[type="submit"].btn.-gradient-hover:focus,
input[type="submit"].btn.-gradient-hover:focus,
input[type="submit"].btn.-gradient-hover:hover,
input[type="submit"].btn.-gradient-hover:active,
input[type="submit"].btn.-gradient-hover.active,
input[type="submit"].btn.-gradient-hover[aria-expanded="true"],
[data-whatinput="keyboard"] button.btn.-gradient-hover:focus,
button.btn.-gradient-hover:focus,
button.btn.-gradient-hover:hover,
button.btn.-gradient-hover:active,
button.btn.-gradient-hover.active,
button.btn.-gradient-hover[aria-expanded="true"] {
  background: linear-gradient(46deg, #2eb7ce 0%, #4296cb 100%);
  border-color: transparent;
  color: #fff !important;
}
.btn.-main,
input[type="submit"].btn.-main,
button.btn.-main {
  background: #4296cb;
  border-color: transparent;
  color: #fff;
  text-transform: uppercase;
  position: relative;
}
[data-whatinput="keyboard"] .btn.-main:focus,
.btn.-main:focus,
.btn.-main:hover,
.btn.-main:active,
.btn.-main.active,
.btn.-main[aria-expanded="true"],
[data-whatinput="keyboard"] input[type="submit"].btn.-main:focus,
input[type="submit"].btn.-main:focus,
input[type="submit"].btn.-main:hover,
input[type="submit"].btn.-main:active,
input[type="submit"].btn.-main.active,
input[type="submit"].btn.-main[aria-expanded="true"],
[data-whatinput="keyboard"] button.btn.-main:focus,
button.btn.-main:focus,
button.btn.-main:hover,
button.btn.-main:active,
button.btn.-main.active,
button.btn.-main[aria-expanded="true"] {
  background: linear-gradient(46deg, #2eb7ce 0%, #4296cb 100%);
  color: #fff;
  border-color: transparent;
}
.btn.-dark,
input[type="submit"].btn.-dark,
button.btn.-dark {
  background: #212432;
  border-color: transparent;
  color: #fff;
  text-transform: uppercase;
}
[data-whatinput="keyboard"] .btn.-dark:focus,
.btn.-dark:focus,
.btn.-dark:hover,
.btn.-dark:active,
.btn.-dark.active,
.btn.-dark[aria-expanded="true"],
[data-whatinput="keyboard"] input[type="submit"].btn.-dark:focus,
input[type="submit"].btn.-dark:focus,
input[type="submit"].btn.-dark:hover,
input[type="submit"].btn.-dark:active,
input[type="submit"].btn.-dark.active,
input[type="submit"].btn.-dark[aria-expanded="true"],
[data-whatinput="keyboard"] button.btn.-dark:focus,
button.btn.-dark:focus,
button.btn.-dark:hover,
button.btn.-dark:active,
button.btn.-dark.active,
button.btn.-dark[aria-expanded="true"] {
  background: linear-gradient(45deg, #212432 0%, #4d5164 100%);
  color: #fff;
  border-color: transparent;
}
.btn.-white,
input[type="submit"].btn.-white,
button.btn.-white {
  background: #fff;
  border-color: transparent;
  color: #313443;
}
[data-whatinput="keyboard"] .btn.-white:focus,
.btn.-white:focus,
.btn.-white:hover,
.btn.-white:active,
.btn.-white.active,
.btn.-white[aria-expanded="true"],
[data-whatinput="keyboard"] input[type="submit"].btn.-white:focus,
input[type="submit"].btn.-white:focus,
input[type="submit"].btn.-white:hover,
input[type="submit"].btn.-white:active,
input[type="submit"].btn.-white.active,
input[type="submit"].btn.-white[aria-expanded="true"],
[data-whatinput="keyboard"] button.btn.-white:focus,
button.btn.-white:focus,
button.btn.-white:hover,
button.btn.-white:active,
button.btn.-white.active,
button.btn.-white[aria-expanded="true"] {
  background: #f0f1f4;
  color: #313443;
  border-color: transparent;
}
.btn.-light,
input[type="submit"].btn.-light,
button.btn.-light {
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent;
  color: #fff;
  text-transform: uppercase;
}
[data-whatinput="keyboard"] .btn.-light:focus,
.btn.-light:focus,
.btn.-light:hover,
.btn.-light:active,
.btn.-light.active,
.btn.-light[aria-expanded="true"],
[data-whatinput="keyboard"] input[type="submit"].btn.-light:focus,
input[type="submit"].btn.-light:focus,
input[type="submit"].btn.-light:hover,
input[type="submit"].btn.-light:active,
input[type="submit"].btn.-light.active,
input[type="submit"].btn.-light[aria-expanded="true"],
[data-whatinput="keyboard"] button.btn.-light:focus,
button.btn.-light:focus,
button.btn.-light:hover,
button.btn.-light:active,
button.btn.-light.active,
button.btn.-light[aria-expanded="true"] {
  background: rgba(255, 255, 255, 0.5);
}
.btn.-neutral,
input[type="submit"].btn.-neutral,
button.btn.-neutral {
  border-color: #ced1db;
  color: #3a3d4d;
}
.btn.-alt,
input[type="submit"].btn.-alt,
button.btn.-alt {
  border-radius: 20px;
  background: #fff;
  color: #4296cb;
  font-size: 1.8rem;
}
[data-whatinput="keyboard"] .btn.-alt:focus,
.btn.-alt:focus,
.btn.-alt:hover,
.btn.-alt:active,
.btn.-alt.active,
.btn.-alt[aria-expanded="true"],
[data-whatinput="keyboard"] input[type="submit"].btn.-alt:focus,
input[type="submit"].btn.-alt:focus,
input[type="submit"].btn.-alt:hover,
input[type="submit"].btn.-alt:active,
input[type="submit"].btn.-alt.active,
input[type="submit"].btn.-alt[aria-expanded="true"],
[data-whatinput="keyboard"] button.btn.-alt:focus,
button.btn.-alt:focus,
button.btn.-alt:hover,
button.btn.-alt:active,
button.btn.-alt.active,
button.btn.-alt[aria-expanded="true"] {
  background: #e3ebee;
}
.btn.-apple,
.btn.-fbook,
.btn.-google,
input[type="submit"].btn.-apple,
input[type="submit"].btn.-fbook,
input[type="submit"].btn.-google,
button.btn.-apple,
button.btn.-fbook,
button.btn.-google {
  color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  min-width: 250px;
  max-width: 300px;
  border: 0;
}
[data-whatinput="keyboard"] .btn.-apple:focus,
.btn.-apple:focus,
.btn.-apple:hover,
.btn.-apple:active,
.btn.-apple.active,
.btn.-apple[aria-expanded="true"],
[data-whatinput="keyboard"] .btn.-fbook:focus,
.btn.-fbook:focus,
.btn.-fbook:hover,
.btn.-fbook:active,
.btn.-fbook.active,
.btn.-fbook[aria-expanded="true"],
[data-whatinput="keyboard"] .btn.-google:focus,
.btn.-google:focus,
.btn.-google:hover,
.btn.-google:active,
.btn.-google.active,
.btn.-google[aria-expanded="true"],
[data-whatinput="keyboard"] input[type="submit"].btn.-apple:focus,
input[type="submit"].btn.-apple:focus,
input[type="submit"].btn.-apple:hover,
input[type="submit"].btn.-apple:active,
input[type="submit"].btn.-apple.active,
input[type="submit"].btn.-apple[aria-expanded="true"],
[data-whatinput="keyboard"] input[type="submit"].btn.-fbook:focus,
input[type="submit"].btn.-fbook:focus,
input[type="submit"].btn.-fbook:hover,
input[type="submit"].btn.-fbook:active,
input[type="submit"].btn.-fbook.active,
input[type="submit"].btn.-fbook[aria-expanded="true"],
[data-whatinput="keyboard"] input[type="submit"].btn.-google:focus,
input[type="submit"].btn.-google:focus,
input[type="submit"].btn.-google:hover,
input[type="submit"].btn.-google:active,
input[type="submit"].btn.-google.active,
input[type="submit"].btn.-google[aria-expanded="true"],
[data-whatinput="keyboard"] button.btn.-apple:focus,
button.btn.-apple:focus,
button.btn.-apple:hover,
button.btn.-apple:active,
button.btn.-apple.active,
button.btn.-apple[aria-expanded="true"],
[data-whatinput="keyboard"] button.btn.-fbook:focus,
button.btn.-fbook:focus,
button.btn.-fbook:hover,
button.btn.-fbook:active,
button.btn.-fbook.active,
button.btn.-fbook[aria-expanded="true"],
[data-whatinput="keyboard"] button.btn.-google:focus,
button.btn.-google:focus,
button.btn.-google:hover,
button.btn.-google:active,
button.btn.-google.active,
button.btn.-google[aria-expanded="true"] {
  color: #fff;
}
.btn.-apple,
input[type="submit"].btn.-apple,
button.btn.-apple {
  background: #000;
  border-color: #000;
  padding: 0;
}
.btn.-apple[disabled] img,
input[type="submit"].btn.-apple[disabled] img,
button.btn.-apple[disabled] img {
  visibility: hidden;
}
.btn.-fbook,
input[type="submit"].btn.-fbook,
button.btn.-fbook {
  gap: 5px;
  min-height: 44px;
  background: #3f66b6;
  border-color: #3f66b6;
}
.btn.-google,
input[type="submit"].btn.-google,
button.btn.-google {
  gap: 5px;
  min-height: 44px;
  background: #db4a3c;
  border-color: #db4a3c;
}
.btn.-large,
input[type="submit"].btn.-large,
button.btn.-large {
  font-size: 1.6rem;
  margin: 0rem 0rem 1.6rem;
  padding: 2.2rem 3.8rem 2rem;
  letter-spacing: 1px;
}
@media screen and (min-width: 941px) {
  .btn.-large-only,
  input[type="submit"].btn.-large-only,
  button.btn.-large-only {
    font-size: 1.6rem;
    margin: 0rem 0rem 1.6rem;
    padding: 2.2rem 3.8rem 2rem;
    letter-spacing: 1px;
  }
}
@media screen and (min-width: 767px) {
  .btn.-large-medium-only,
  input[type="submit"].btn.-large-medium-only,
  button.btn.-large-medium-only {
    font-size: 1.6rem;
    margin: 0rem 0rem 1.6rem;
    padding: 2.2rem 3.8rem 2rem;
    letter-spacing: 1px;
  }
}
.btn.-block,
input[type="submit"].btn.-block,
button.btn.-block {
  display: block;
}
.btn.-small,
input[type="submit"].btn.-small,
button.btn.-small {
  font-size: 11px;
  padding: 2px 8px 0px;
  text-transform: uppercase;
}
.btn.-has-icon,
input[type="submit"].btn.-has-icon,
button.btn.-has-icon {
  color: #7b7f92;
  display: -webkit-box;
  display: flex;
  font-weight: 400;
  padding: 0px;
  border: none;
  -webkit-box-align: center;
  align-items: center;
}
.btn.-has-icon [class^="iconfont-"],
.btn.-has-icon [class*=" iconfont-"],
input[type="submit"].btn.-has-icon [class^="iconfont-"],
input[type="submit"].btn.-has-icon [class*=" iconfont-"],
button.btn.-has-icon [class^="iconfont-"],
button.btn.-has-icon [class*=" iconfont-"] {
  margin-right: 0.5rem;
}
[data-whatinput="keyboard"] .btn.-has-icon:focus,
.btn.-has-icon:focus,
.btn.-has-icon:hover,
.btn.-has-icon:active,
.btn.-has-icon.active,
.btn.-has-icon[aria-expanded="true"],
[data-whatinput="keyboard"] input[type="submit"].btn.-has-icon:focus,
input[type="submit"].btn.-has-icon:focus,
input[type="submit"].btn.-has-icon:hover,
input[type="submit"].btn.-has-icon:active,
input[type="submit"].btn.-has-icon.active,
input[type="submit"].btn.-has-icon[aria-expanded="true"],
[data-whatinput="keyboard"] button.btn.-has-icon:focus,
button.btn.-has-icon:focus,
button.btn.-has-icon:hover,
button.btn.-has-icon:active,
button.btn.-has-icon.active,
button.btn.-has-icon[aria-expanded="true"] {
  background: none;
  color: #212432;
}
[data-whatinput="keyboard"] .btn.-has-icon:focus [class^="iconfont-"],
[data-whatinput="keyboard"] .btn.-has-icon:focus [class*=" iconfont-"],
.btn.-has-icon:focus [class^="iconfont-"],
.btn.-has-icon:focus [class*=" iconfont-"],
.btn.-has-icon:hover [class^="iconfont-"],
.btn.-has-icon:hover [class*=" iconfont-"],
.btn.-has-icon:active [class^="iconfont-"],
.btn.-has-icon:active [class*=" iconfont-"],
.btn.-has-icon.active [class^="iconfont-"],
.btn.-has-icon.active [class*=" iconfont-"],
.btn.-has-icon[aria-expanded="true"] [class^="iconfont-"],
.btn.-has-icon[aria-expanded="true"] [class*=" iconfont-"],
[data-whatinput="keyboard"]
  input[type="submit"].btn.-has-icon:focus
  [class^="iconfont-"],
[data-whatinput="keyboard"]
  input[type="submit"].btn.-has-icon:focus
  [class*=" iconfont-"],
input[type="submit"].btn.-has-icon:focus [class^="iconfont-"],
input[type="submit"].btn.-has-icon:focus [class*=" iconfont-"],
input[type="submit"].btn.-has-icon:hover [class^="iconfont-"],
input[type="submit"].btn.-has-icon:hover [class*=" iconfont-"],
input[type="submit"].btn.-has-icon:active [class^="iconfont-"],
input[type="submit"].btn.-has-icon:active [class*=" iconfont-"],
input[type="submit"].btn.-has-icon.active [class^="iconfont-"],
input[type="submit"].btn.-has-icon.active [class*=" iconfont-"],
input[type="submit"].btn.-has-icon[aria-expanded="true"] [class^="iconfont-"],
input[type="submit"].btn.-has-icon[aria-expanded="true"] [class*=" iconfont-"],
[data-whatinput="keyboard"] button.btn.-has-icon:focus [class^="iconfont-"],
[data-whatinput="keyboard"] button.btn.-has-icon:focus [class*=" iconfont-"],
button.btn.-has-icon:focus [class^="iconfont-"],
button.btn.-has-icon:focus [class*=" iconfont-"],
button.btn.-has-icon:hover [class^="iconfont-"],
button.btn.-has-icon:hover [class*=" iconfont-"],
button.btn.-has-icon:active [class^="iconfont-"],
button.btn.-has-icon:active [class*=" iconfont-"],
button.btn.-has-icon.active [class^="iconfont-"],
button.btn.-has-icon.active [class*=" iconfont-"],
button.btn.-has-icon[aria-expanded="true"] [class^="iconfont-"],
button.btn.-has-icon[aria-expanded="true"] [class*=" iconfont-"] {
  color: #4296cb;
}
.listing [data-whatinput="keyboard"] .btn.-has-icon:focus,
.listing .btn.-has-icon:focus,
.listing .btn.-has-icon:hover,
.listing .btn.-has-icon:active,
.listing .btn.-has-icon.active,
.listing .btn.-has-icon[aria-expanded="true"],
.listing [data-whatinput="keyboard"] input[type="submit"].btn.-has-icon:focus,
.listing input[type="submit"].btn.-has-icon:focus,
.listing input[type="submit"].btn.-has-icon:hover,
.listing input[type="submit"].btn.-has-icon:active,
.listing input[type="submit"].btn.-has-icon.active,
.listing input[type="submit"].btn.-has-icon[aria-expanded="true"],
.listing [data-whatinput="keyboard"] button.btn.-has-icon:focus,
.listing button.btn.-has-icon:focus,
.listing button.btn.-has-icon:hover,
.listing button.btn.-has-icon:active,
.listing button.btn.-has-icon.active,
.listing button.btn.-has-icon[aria-expanded="true"] {
  color: #7b7f92;
  cursor: default;
}
[data-whatinput="keyboard"] .btn.-has-icon:focus .iconfont-filter,
.btn.-has-icon:focus .iconfont-filter,
.btn.-has-icon:hover .iconfont-filter,
.btn.-has-icon:active .iconfont-filter,
.btn.-has-icon.active .iconfont-filter,
.btn.-has-icon[aria-expanded="true"] .iconfont-filter,
[data-whatinput="keyboard"]
  input[type="submit"].btn.-has-icon:focus
  .iconfont-filter,
input[type="submit"].btn.-has-icon:focus .iconfont-filter,
input[type="submit"].btn.-has-icon:hover .iconfont-filter,
input[type="submit"].btn.-has-icon:active .iconfont-filter,
input[type="submit"].btn.-has-icon.active .iconfont-filter,
input[type="submit"].btn.-has-icon[aria-expanded="true"] .iconfont-filter,
[data-whatinput="keyboard"] button.btn.-has-icon:focus .iconfont-filter,
button.btn.-has-icon:focus .iconfont-filter,
button.btn.-has-icon:hover .iconfont-filter,
button.btn.-has-icon:active .iconfont-filter,
button.btn.-has-icon.active .iconfont-filter,
button.btn.-has-icon[aria-expanded="true"] .iconfont-filter {
  color: #4296cb;
}
.btn.-has-icon.-dual [class^="iconfont-"]:first-child,
.btn.-has-icon.-dual [class*=" iconfont-"]:first-child,
input[type="submit"].btn.-has-icon.-dual [class^="iconfont-"]:first-child,
input[type="submit"].btn.-has-icon.-dual [class*=" iconfont-"]:first-child,
button.btn.-has-icon.-dual [class^="iconfont-"]:first-child,
button.btn.-has-icon.-dual [class*=" iconfont-"]:first-child {
  margin-right: 0.9rem;
}
.btn.-has-icon.-dual [class^="iconfont-"]:last-child,
.btn.-has-icon.-dual [class*=" iconfont-"]:last-child,
input[type="submit"].btn.-has-icon.-dual [class^="iconfont-"]:last-child,
input[type="submit"].btn.-has-icon.-dual [class*=" iconfont-"]:last-child,
button.btn.-has-icon.-dual [class^="iconfont-"]:last-child,
button.btn.-has-icon.-dual [class*=" iconfont-"]:last-child {
  margin-left: 0.5rem;
  margin-right: 0px;
}
.btn.-has-icon.icon-only,
input[type="submit"].btn.-has-icon.icon-only,
button.btn.-has-icon.icon-only {
  display: block;
}
.btn.-has-icon.-calendar,
input[type="submit"].btn.-has-icon.-calendar,
button.btn.-has-icon.-calendar {
  font-size: 1.6rem;
  font-weight: 600;
  color: #4296cb;
  cursor: pointer;
}
.btn.-has-icon.-calendar .iconfont-calendar,
input[type="submit"].btn.-has-icon.-calendar .iconfont-calendar,
button.btn.-has-icon.-calendar .iconfont-calendar {
  margin-right: 0.8rem;
  font-weight: 400;
  color: #a7aabb;
}
.btn.-tag,
input[type="submit"].btn.-tag,
button.btn.-tag {
  display: block;
  letter-spacing: 0px;
  margin: 0px 10px 0px 0px;
  padding: 7px 11px;
  border-color: #fff;
  background-color: #fff;
  position: relative;
}
.btn.-tag:hover,
input[type="submit"].btn.-tag:hover,
button.btn.-tag:hover {
  border-color: #4296cb;
}
.btn.-tag.legacy-clear-tag,
input[type="submit"].btn.-tag.legacy-clear-tag,
button.btn.-tag.legacy-clear-tag {
  color: #4296cb;
}
.btn.-tag.legacy-clear-tag:after,
input[type="submit"].btn.-tag.legacy-clear-tag:after,
button.btn.-tag.legacy-clear-tag:after {
  display: none !important;
}
.btn.-tag.cta-tag,
input[type="submit"].btn.-tag.cta-tag,
button.btn.-tag.cta-tag {
  background: #4296cb;
  color: #fff;
}
.btn.-tag.cta-tag:after,
input[type="submit"].btn.-tag.cta-tag:after,
button.btn.-tag.cta-tag:after {
  display: none !important;
}
.btn.-tag i,
input[type="submit"].btn.-tag i,
button.btn.-tag i {
  position: relative;
  top: 0.7rem;
  margin: -1.2rem -0.5rem -1.2rem 0rem;
  color: #a7aabb;
}
.btn.-remove,
.btn.-image-remove,
input[type="submit"].btn.-remove,
input[type="submit"].btn.-image-remove,
button.btn.-remove,
button.btn.-image-remove {
  font-size: 16px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  color: #4296cb;
  letter-spacing: 0px;
}
.btn.-remove .iconfont-menu-close,
.btn.-image-remove .iconfont-menu-close,
input[type="submit"].btn.-remove .iconfont-menu-close,
input[type="submit"].btn.-image-remove .iconfont-menu-close,
button.btn.-remove .iconfont-menu-close,
button.btn.-image-remove .iconfont-menu-close {
  font-size: 11px;
  color: #222533;
  display: inline-block;
  position: relative;
  top: -1px;
  padding-right: 8px;
}
.wide-single-col-form .btn.-remove,
.wide-single-col-form .btn.-image-remove,
.wide-single-col-form input[type="submit"].btn.-remove,
.wide-single-col-form input[type="submit"].btn.-image-remove,
.wide-single-col-form button.btn.-remove,
.wide-single-col-form button.btn.-image-remove {
  min-width: 0px;
}
@media (max-width: 600px) {
  .btn.-remove,
  .btn.-image-remove,
  input[type="submit"].btn.-remove,
  input[type="submit"].btn.-image-remove,
  button.btn.-remove,
  button.btn.-image-remove {
    font-size: 13px;
  }
  .btn.-remove .iconfont-menu-close,
  .btn.-image-remove .iconfont-menu-close,
  input[type="submit"].btn.-remove .iconfont-menu-close,
  input[type="submit"].btn.-image-remove .iconfont-menu-close,
  button.btn.-remove .iconfont-menu-close,
  button.btn.-image-remove .iconfont-menu-close {
    font-size: 10px;
    top: 0px;
  }
}
.btn.-image-remove,
input[type="submit"].btn.-image-remove,
button.btn.-image-remove {
  font-size: 13px;
}
.btn.-image-remove .iconfont-menu-close,
input[type="submit"].btn.-image-remove .iconfont-menu-close,
button.btn.-image-remove .iconfont-menu-close {
  padding-top: 0px;
}
.btn.-anchor-link,
input[type="submit"].btn.-anchor-link,
button.btn.-anchor-link {
  display: inline-block;
  position: relative;
  background-color: transparent;
  cursor: pointer;
  border: 0;
  padding: 0;
  color: #4296cb;
  font: inherit;
}
.btn.-anchor-link:hover,
.btn.-anchor-link:focus,
input[type="submit"].btn.-anchor-link:hover,
input[type="submit"].btn.-anchor-link:focus,
button.btn.-anchor-link:hover,
button.btn.-anchor-link:focus {
  color: #4296cb;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.btn.-anchor-link.-reversed,
input[type="submit"].btn.-anchor-link.-reversed,
button.btn.-anchor-link.-reversed {
  color: #fff;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.btn.-sidebar-btn,
input[type="submit"].btn.-sidebar-btn,
button.btn.-sidebar-btn {
  width: 300px;
  display: block;
  margin-bottom: 20px;
  margin-top: 8px;
}
.btn.-sidebar-btn:last-child,
input[type="submit"].btn.-sidebar-btn:last-child,
button.btn.-sidebar-btn:last-child {
  margin-bottom: 72px;
}
@media (max-width: 600px) {
  .btn.-sidebar-btn,
  input[type="submit"].btn.-sidebar-btn,
  button.btn.-sidebar-btn {
    width: 100%;
    margin-top: 0px;
  }
}
.btn.-ico-btn,
input[type="submit"].btn.-ico-btn,
button.btn.-ico-btn {
  border: 0px;
  color: #7b7f92;
  font-size: 16px;
  width: 20px;
  height: 20px;
  position: relative;
  z-index: 10;
  padding: 4px;
  margin: 0px;
  font-weight: 400;
}
.btn.-ico-btn[disabled],
.btn.-ico-btn.-disabled,
input[type="submit"].btn.-ico-btn[disabled],
input[type="submit"].btn.-ico-btn.-disabled,
button.btn.-ico-btn[disabled],
button.btn.-ico-btn.-disabled {
  background: none !important;
}
.btn[disabled],
.btn.-disabled,
input[type="submit"].btn[disabled],
input[type="submit"].btn.-disabled,
button.btn[disabled],
button.btn.-disabled {
  background: #ced1db;
  border-color: #ced1db;
}
[data-whatinput="keyboard"] .btn[disabled]:focus,
.btn[disabled]:focus,
.btn[disabled]:hover,
.btn[disabled]:active,
.btn[disabled].active,
.btn[disabled][aria-expanded="true"],
[data-whatinput="keyboard"] .btn.-disabled:focus,
.btn.-disabled:focus,
.btn.-disabled:hover,
.btn.-disabled:active,
.btn.-disabled.active,
.btn.-disabled[aria-expanded="true"],
[data-whatinput="keyboard"] input[type="submit"].btn[disabled]:focus,
input[type="submit"].btn[disabled]:focus,
input[type="submit"].btn[disabled]:hover,
input[type="submit"].btn[disabled]:active,
input[type="submit"].btn[disabled].active,
input[type="submit"].btn[disabled][aria-expanded="true"],
[data-whatinput="keyboard"] input[type="submit"].btn.-disabled:focus,
input[type="submit"].btn.-disabled:focus,
input[type="submit"].btn.-disabled:hover,
input[type="submit"].btn.-disabled:active,
input[type="submit"].btn.-disabled.active,
input[type="submit"].btn.-disabled[aria-expanded="true"],
[data-whatinput="keyboard"] button.btn[disabled]:focus,
button.btn[disabled]:focus,
button.btn[disabled]:hover,
button.btn[disabled]:active,
button.btn[disabled].active,
button.btn[disabled][aria-expanded="true"],
[data-whatinput="keyboard"] button.btn.-disabled:focus,
button.btn.-disabled:focus,
button.btn.-disabled:hover,
button.btn.-disabled:active,
button.btn.-disabled.active,
button.btn.-disabled[aria-expanded="true"] {
  background: #ced1db;
  border-color: #ced1db;
}
.btn.-no-case,
input[type="submit"].btn.-no-case,
button.btn.-no-case {
  text-transform: none;
}
.btn.no-margin,
input[type="submit"].btn.no-margin,
button.btn.no-margin {
  margin: 0px;
}
button.btn.-block {
  width: 100%;
}
[data-whatinput="keyboard"] a.btn:focus:after,
a.btn:focus:after,
a.btn:hover:after,
a.btn:active:after,
a.btn.active:after,
a.btn[aria-expanded="true"]:after {
  display: none;
}
.btn-more {
  border: none;
  display: -webkit-box;
  display: flex;
}
.btn-more i {
  background: #7b7f92;
  border-radius: 4px;
  display: block;
  height: 4px;
  width: 4px;
  margin-right: 4px;
}
.btn-more .l {
  margin-right: 0px;
}
.toggle-plus-minus {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border-radius: 0px;
  background: none;
  margin: 0px;
  display: block;
  border: 0px;
  width: 36px;
  height: 36px;
  position: relative;
  font-family: "fbicons-1-5" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.toggle-plus-minus:before,
.toggle-plus-minus:after {
  font-size: 18px;
  display: block;
  position: absolute;
  left: 9px;
  top: 9px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.toggle-plus-minus:before {
  content: "";
}
.toggle-plus-minus:after {
  content: "";
  opacity: 0;
}
.toggle-plus-minus.active:after,
.drawer-active .toggle-plus-minus:after {
  opacity: 1;
}
.toggle-plus-minus.active:before,
.drawer-active .toggle-plus-minus:before {
  opacity: 0;
}
.read-more {
  font-size: 16px;
  z-index: 10;
  border: 0px;
  color: #4296cb;
  padding: 0px;
  margin: 0px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  line-height: 1.6rem;
}
.read-more .iconfont-minus {
  display: none;
}
.read-more span.readmore-label {
  padding-left: 0.8rem;
  padding-top: 0.1rem;
  display: block;
}
.read-more span.readmore-label.-off {
  display: none;
}
.read-more.float-bottom {
  position: absolute;
  z-index: 10;
  bottom: 0px;
}
@media (max-width: 768px) {
  .read-more {
    left: 0px;
    font-size: 13px;
  }
}
.return-to {
  display: block;
  font-weight: 600;
  font-size: 16px;
  text-align: left;
}
.return-to span {
  color: #7b7f92;
  font-size: 16px;
  display: inline-block;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  margin-right: 10px;
}
[data-whatinput="keyboard"] .return-to:focus,
.return-to:focus,
.return-to:hover,
.return-to:active,
.return-to.active,
.return-to[aria-expanded="true"] {
  background: none;
}
[data-whatinput="keyboard"] .return-to:focus span,
.return-to:focus span,
.return-to:hover span,
.return-to:active span,
.return-to.active span,
.return-to[aria-expanded="true"] span {
  color: #4296cb;
}
.video-play-button {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border-radius: 0px;
  background: none;
  margin: 0px;
  display: block;
  border: 0px;
  width: 80px;
  height: 80px;
  background: #4296cb;
  border-radius: 50%;
}
.video-play-button span {
  color: #fff;
  font-size: 24px;
  display: block;
  margin: 0px auto;
  text-align: center;
  padding-left: 5px;
}
.video-play-button:hover {
  background: linear-gradient(46deg, #2eb7ce 0%, #4296cb 100%);
}
button.discussion-btn {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border-radius: 0px;
  background: none;
  margin: 0px;
  display: block;
  border: 0px;
}
.discussion-btn,
button.discussion-btn {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
  font-size: 13px;
  color: #7b7f92;
}
.discussion-btn [class^="iconfont-"],
.discussion-btn [class*=" iconfont-"],
button.discussion-btn [class^="iconfont-"],
button.discussion-btn [class*=" iconfont-"] {
  margin-right: 6px;
}
.discussion-btn .material-symbols-outlined,
button.discussion-btn .material-symbols-outlined {
  margin-right: 6px;
  font-size: 16px;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}
.discussion-btn.thumbs-up [class^="iconfont-"],
.discussion-btn.thumbs-up [class*=" iconfont-"],
button.discussion-btn.thumbs-up [class^="iconfont-"],
button.discussion-btn.thumbs-up [class*=" iconfont-"] {
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}
@media (max-width: 600px) {
  .discussion-btn,
  button.discussion-btn {
    font-size: 11px;
  }
}
[data-whatinput="keyboard"] button.discussion-btn:focus [class^="iconfont-"],
[data-whatinput="keyboard"] button.discussion-btn:focus [class*=" iconfont-"],
button.discussion-btn:focus [class^="iconfont-"],
button.discussion-btn:focus [class*=" iconfont-"],
button.discussion-btn:hover [class^="iconfont-"],
button.discussion-btn:hover [class*=" iconfont-"],
button.discussion-btn:active [class^="iconfont-"],
button.discussion-btn:active [class*=" iconfont-"],
button.discussion-btn.active [class^="iconfont-"],
button.discussion-btn.active [class*=" iconfont-"],
button.discussion-btn[aria-expanded="true"] [class^="iconfont-"],
button.discussion-btn[aria-expanded="true"] [class*=" iconfont-"] {
  color: #4296cb;
}
.btn-cluster .btn {
  margin-right: 0.8rem;
}
.btn-pair .btn {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
@keyframes spinning {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.icon {
  display: block;
}

.btn.submitting-btn {
  position: relative;
}
.btn.submitting-btn .iconfont-loader {
  display: none;
  width: 32px;
  height: 32px;
  font-size: 30px;
  position: absolute;
  right: 15px;
  top: calc(50% - 16px);
  -webkit-animation: spinning 2s linear infinite;
  animation: spinning 2s linear infinite;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  padding-top: 2px;
}
.btn.submitting-btn.submitting {
  background: #ced1db !important;
  cursor: default;
  pointer-events: none;
}
.btn.submitting-btn.submitting .iconfont-loader {
  display: block;
}
.btn.submitting-btn.submitting.-link,
.btn.submitting-btn.submitting.-anchor-link {
  color: #fff;
}
.btn.submitting-btn.editing {
  min-width: 154px !important;
}
.btn.submitting-btn.editing .iconfont-loader {
  right: 5px;
}
.btn.submitting-btn.-medium .iconfont-loader {
  right: 5px;
  width: 26px;
  height: 26px;
  font-size: 24px;
  top: calc(50% - 13px);
}
.btn.submitting-btn.-medium.submitting .iconfont-loader + span {
  padding-right: 26px;
}
.btn.submitting-btn.submitting .iconfont-loader + span {
  padding-right: 26px;
}
.iconfont-carrot {
  display: inline-block;
  height: 7px;
  width: 8px;
  padding: 0px;
  color: #4296cb;
  font-size: 7px;
}
.iconfont-search,
.iconfont-shopping-bag {
  display: block;
  color: #222533;
  font-size: 18px;
  width: 19px;
  height: 20px;
  padding-top: 1px;
}
.iconfont-search.white,
.iconfont-shopping-bag.white {
  color: #fff;
}
.iconfont-shopping-bag {
  width: 14px;
}
.iconfont-like,
.iconfont-like-select,
.iconfont-return {
  display: block;
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.iconfont-like,
.iconfont-like.static:hover,
.iconfont-like-select,
.iconfont-like-select.static:hover,
.iconfont-return,
.iconfont-return.static:hover {
  color: #a7aabb;
}
.iconfont-like.iconfont-like-select,
.iconfont-like:hover,
.iconfont-like-select.iconfont-like-select,
.iconfont-like-select:hover,
.iconfont-return.iconfont-like-select,
.iconfont-return:hover {
  color: #4296cb;
}
.iconfont-plus,
.iconfont-minus {
  display: block;
  width: 17px;
  height: 17px;
  font-size: 17px;
  color: #a7aabb;
}
.iconfont-error {
  display: block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: #e84452;
}
.merch-cta {
  margin-right: 2rem;
}
@media (max-width: 600px) {
  .merch-cta {
    margin-right: 1rem;
    margin-bottom: 1rem;
  }
}
.callout {
  position: relative;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: flex;
  margin: 10px auto 20px auto;
  width: 100%;
  max-width: 1300px;
  min-height: 50px;
  -webkit-box-align: center;
  align-items: center;
  padding: 10px 0px;
}
.callout > div {
  -webkit-box-flex: 1;
  flex: 1 1 100%;
  padding: 0.5rem 4rem;
}
.callout > div ul {
  margin: 0 0 1.6rem;
  padding: 0;
  list-style: none;
  font-size: 16px;
  margin: 0px;
}
.callout > div p,
.callout > div li {
  color: #fff;
  font-size: 16px;
  margin: 0px;
}
.callout.closable > div {
  padding: 0.5rem 6rem 0.5rem 4rem;
}
.callout .close-callout {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border-radius: 0px;
  background: none;
  margin: 0px;
  display: block;
  border: 0px;
  width: 36px;
  height: 36px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -18px;
  z-index: 10;
  padding-top: 2px;
}
.callout .close-callout span {
  margin: 0px auto;
  font-size: 16px;
  color: #fff;
  opacity: 0.5;
}
.callout.-info,
.callout.info {
  background-color: #7b7f92;
}
.callout.-dark,
.callout.dark {
  background-color: #212432;
  color: #fff;
}
.callout.-success,
.callout.success {
  background-color: #3cdbb8;
}
.callout.-error,
.callout.error {
  background: #e84452;
}
.callout.-warning,
.callout.warning {
  background: #ff6c19;
  color: #fff;
}
.callout.standard {
  margin-top: 30px;
  margin-bottom: 30px;
  max-width: 1200px;
}
.callout.contact-form {
  margin-bottom: 60px;
}
.callout.show-alert {
  margin-top: -30px;
  margin-bottom: 30px;
}
.callout.account-alert {
  margin-top: -60px;
  margin-bottom: 35px;
}
.callout.login-alert {
  margin-top: -66px;
  margin-bottom: 66px;
}
.callout.no-padding {
  padding: 0;
}
.callout.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 1060px) {
  .callout {
    margin-bottom: 5px;
  }
  .callout.standard {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .callout.contact-form {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .callout,
  .callout ul,
  .callout li,
  .callout p {
    font-size: 13px;
    line-height: 19px;
  }
  .callout .close-callout {
    right: 0px;
    padding: 0px 36px 0px 36px;
  }
  .callout.show-alert {
    margin-top: -15px;
    margin-bottom: 20px;
  }
  .callout.login-alert {
    margin-bottom: 30px;
  }
}
.beta-callout {
  display: block;
  padding: 1rem 2rem;
  background: #4296cb;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
[data-whatinput="keyboard"] .beta-callout:focus,
.beta-callout:focus,
.beta-callout:hover,
.beta-callout:active,
.beta-callout.active,
.beta-callout[aria-expanded="true"] {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  background: #b6eeff;
}
.announcement {
  padding: 1.2rem 0rem;
  background: #fafcfd;
  border-bottom: 1px solid #e3ebee;
}
.announcement.announcement-hidden {
  display: none;
}
.announcement .inner {
  position: relative;
}
.announcement p {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4em;
  padding: 0px 52px;
  text-align: center;
}
.announcement p a {
  font-weight: 600;
  display: inline;
}
.announcement .close-announcement,
.announcement .btn {
  font-size: 16px;
  margin: -8px -1px 0 0;
  position: absolute;
  right: 20px;
  top: 50%;
  color: #a7aabb;
  cursor: pointer;
}
.announcement .close-announcement:hover,
.announcement .btn:hover {
  color: #4296cb;
}
.announcement.alert {
  background: #e84452;
  border-bottom: 0px;
}
.announcement.alert,
.announcement.alert p {
  color: #fff;
}
.announcement.alert .close-announcement,
.announcement.alert .close-announcement:hover,
.announcement.alert a {
  color: #fff;
}
.announcement.alert a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
[data-whatinput="keyboard"] .announcement.alert a:focus,
.announcement.alert a:focus,
.announcement.alert a:hover,
.announcement.alert a:active,
.announcement.alert a.active,
.announcement.alert a[aria-expanded="true"] {
  background: none;
}
.announcement.notice {
  background: rgba(66, 150, 203, 0.15);
}
.announcement.notice .close-announcement,
.announcement.notice .btn {
  color: #4296cb;
}
.announcement.gray {
  border-bottom: 0px;
  background: #4e5262;
}
.announcement.gray,
.announcement.gray p {
  color: #fff;
}
.announcement.gray a {
  color: #7ddaff;
}
[data-whatinput="keyboard"] .announcement.gray a:focus,
.announcement.gray a:focus,
.announcement.gray a:hover,
.announcement.gray a:active,
.announcement.gray a.active,
.announcement.gray a[aria-expanded="true"] {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(100%, #7ddaff),
    to(transparent)
  );
  background-image: linear-gradient(to right, #7ddaff 100%, transparent 100%);
}
.announcement.gray .close-announcement,
.announcement.gray .btn {
  color: #fff;
}
.default-avatar {
  width: 12rem;
  height: 12rem;
  display: block;
  position: relative;
}
.default-avatar .crop {
  height: 12rem;
  width: 12rem;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 50%;
  overflow: hidden;
}
.default-avatar .avatar-placeholder {
  border-radius: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
}
.default-avatar .avatar-placeholder span {
  font-size: 4.8rem;
  line-height: 4.8rem;
}
.default-avatar .camera-icon {
  top: auto;
  bottom: 0px;
  right: 0px;
}
.avatar-placeholder {
  background: #e3ebee;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border-radius: 50%;
}
.stats {
  -webkit-box-flex: 1;
  flex: 1 auto;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding-top: 18px;
  display: -webkit-box;
  display: flex;
  position: relative;
}
.stats,
.stats ul,
.stats ul li {
  color: #fff;
  font-size: 13px;
  line-height: 1.7692em;
}
.stats ul.details-list {
  margin: 0 0 1.6rem;
  padding: 0;
  list-style: none;
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
.stats ul.details-list li {
  margin: 0px 0px 1px 0px;
  line-height: 1.5em;
}
.stats ul.details-list li span.detail-header {
  color: #a7aabb;
}
.stats .core-focus {
  padding-left: 30px;
  padding-right: 6px;
  padding-top: 5px;
  text-align: center;
  font-size: 13px;
}
.stats .core-focus i {
  margin: 0px auto 13px auto;
}
.stats .core-focus span {
  display: block;
  line-height: 23px;
}
.stats .core-focus span.focus-label {
  white-space: nowrap;
  color: #a7aabb;
  padding-bottom: 1px;
}
@media only screen and (max-width: 1180px) {
  .stats .core-focus {
    margin-top: -36px;
  }
}
@media (max-width: 1020px) {
  .stats .core-focus {
    padding-top: 0px;
    padding-right: 20px;
    margin-top: -52px;
  }
}
@media (max-width: 600px) {
  .stats {
    padding-top: 13px;
  }
  .stats .core-focus {
    margin-top: -7px;
    padding-right: 2px;
  }
}
.check-list {
  margin: 0rem;
  padding: 0rem;
  list-style: none;
}
.check-list li {
  margin-bottom: 0.8rem;
  padding-left: 2.8rem;
  color: #7b7f92;
  font-size: 13px;
  line-height: 23px;
  position: relative;
}
.check-list li span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 6px;
  color: red;
  color: #212432;
  font-size: 10px;
  color: #4697c9;
}
.smi-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  text-align: center;
  margin-right: 5px;
  position: relative;
}
.smi-icon span {
  color: #fff;
  font-size: 13px;
  position: absolute;
  left: 0;
  right: 0;
  top: 3px;
}
.smi-icon.facebook {
  background-color: #3f66b6;
}
.smi-icon.google {
  background-color: #db4a3c;
}
.smi-icon.apple {
  overflow: hidden;
  background-color: #000;
  min-width: 28px;
}
.smi-icon.apple img {
  border-radius: inherit;
  height: 28px;
  width: 28px;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 1px;
}
.nav-smicons {
  margin: 0rem 0rem 0rem auto;
  padding: 0rem;
  list-style: none;
  display: -webkit-box;
  display: flex;
}
.nav-smicons li {
  margin: 0rem 0rem 0rem 2rem;
}
.nav-smicons a {
  display: block;
}
[data-whatinput="keyboard"] .nav-smicons a:focus,
.nav-smicons a:focus,
.nav-smicons a:hover,
.nav-smicons a:active,
.nav-smicons a.active,
.nav-smicons a[aria-expanded="true"] {
  background-image: none;
}
.nav-smicons.media-icons,
.smi-icon {
  margin-left: 0px;
}
.nav-smicons.media-icons li:first-child,
.smi-icon li:first-child {
  margin-left: 0px;
}
.nav-smicons.media-icons li,
.smi-icon li {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  text-align: center;
  margin-left: 5px;
}
.nav-smicons.media-icons span,
.smi-icon span {
  color: #fff;
  line-height: 24px;
}
.nav-smicons.media-icons .youtube-smi,
.smi-icon .youtube-smi {
  background-color: #ca3737;
}
.nav-smicons.media-icons .facebook-smi,
.smi-icon .facebook-smi {
  background-color: #3f66b6;
}
.nav-smicons.media-icons .facebook-smi span,
.smi-icon .facebook-smi span {
  line-height: 28px;
}
.nav-smicons.media-icons .instagram-smi,
.smi-icon .instagram-smi {
  background-color: #d93174;
}
.nav-smicons.media-icons .instagram-smi span,
.smi-icon .instagram-smi span {
  font-size: 18px;
  line-height: 28px;
}
.nav-smicons.media-icons .twitter-smi,
.smi-icon .twitter-smi {
  background-color: #7ddaff;
}
.nav-smicons.media-icons .twitter-smi span,
.smi-icon .twitter-smi span {
  font-size: 14px;
}
.nav-smicons.media-icons .gplus-smi,
.smi-icon .gplus-smi {
  background-color: #db4a3c;
}
.nav-smicons.media-icons .gplus-smi a,
.smi-icon .gplus-smi a {
  height: 100%;
  position: relative;
}
.nav-smicons.media-icons .gplus-smi a span,
.smi-icon .gplus-smi a span {
  font-size: 13px;
  position: absolute;
  left: 0;
  right: 0;
  top: 3px;
}
.nav-smicons.media-icons .pinterest-smi,
.smi-icon .pinterest-smi {
  background-color: #cb2026;
}
.nav-smicons.media-icons .email-smi,
.smi-icon .email-smi {
  background-color: #7b7f92;
}
.nav-smicons.media-icons .email-smi span,
.smi-icon .email-smi span {
  font-size: 11px;
}
.nav-smicons.media-icons .plus-smi,
.smi-icon .plus-smi {
  background-color: #cbcccb;
  font-size: 13px;
}
.nav-smicons.media-icons .comment-smi,
.smi-icon .comment-smi {
  background-color: #4296cb;
  font-size: 14px;
}
.nav-smicons.media-icons .comment-count,
.smi-icon .comment-count {
  width: auto;
}
.nav-smicons.media-icons .comment-count span,
.smi-icon .comment-count span {
  color: #4296cb;
  width: auto;
  margin-right: 12px;
}
.loader {
  text-align: center;
  width: 100%;
  min-height: 304px;
  padding: 5px 0;
  height: 100%;
  margin-bottom: 4rem;
  top: 0;
  position: absolute;
  z-index: 25;
  background: #fff;
  padding-top: 60px;
}
.loader div {
  display: inline-block;
}
.loader-pad {
  padding: 1rem 0;
}
.pagination-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  height: 8rem;
}
.pagination {
  list-style: none;
  display: -webkit-box;
  display: flex;
  max-width: 400px;
  padding: 0;
  margin: 0;
}
.pagination li {
  all: unset;
  padding: 0;
  margin: 0;
  height: 44px;
  min-width: 44px;
  font-weight: bold;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
}
.pagination li.active {
  background: #f0f4f6;
  border-radius: 4px;
}
.pagination li.disabled {
  display: none;
}
.pagination li a,
.pagination li button {
  all: unset;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  font-weight: bold;
  cursor: pointer;
  width: 80%;
  height: 80%;
}
.pagination li a:focus-visible,
.pagination li button:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.pagination li .pagination-icon .material-symbols-outlined {
  color: #a7aabb;
}
.pricing .discount-price {
  color: #4296cb;
}
.sales-price {
  color: #4296cb;
  font-weight: 700;
}
.strike-price {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.on-sale {
  color: #212432;
  font-weight: normal;
}
.heading-actions {
  padding: 0 0 0 2rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  align-content: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .heading-actions {
    padding: 0;
  }
}
.heading-action {
  margin: 0 0 0 1em;
}
@media (max-width: 768px) {
  .heading-action:first-child {
    margin: 0 0 1em 0;
  }
}
.form-actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
}
.form-actions.-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 1rem;
}
.form-actions.-column .form-action {
  margin: 0;
  padding: 0;
}
.form-action {
  margin: 0 2em 1em 0;
}
.form-action.-block {
  margin: 0 0 1em 0;
  width: 100%;
}
.form-action.-block .btn {
  width: 100%;
}
@media (max-width: 768px) {
  .form-action {
    margin: 0 1em 1em 0;
  }
}
@media (max-width: 600px) {
  .form-action {
    margin: 0 0 1em 0;
    width: 100%;
  }
  .form-action .btn {
    width: 100%;
  }
}
.form-action:last-child {
  margin: 0;
}
.btn.-material {
  display: -webkit-inline-box;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
  align-items: center;
  margin: 0 !important;
  overflow: hidden;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .btn.-material {
    padding: 0.5em;
  }
}
.btn.-ico-only {
  padding: 7px;
}
.btn.-ico-only .btn-txt {
  display: none;
}
.btn.-ico-only .btn-ico {
  margin: 0;
}
.btn.-ico-only.-no-container {
  border: none;
  padding: 0;
  color: #4e5262;
}
.btn.-ico-only.-trans-container {
  border: none;
  background: none;
}
.btn.-ico-only.-error {
  color: #e84452;
}
.btn.-ico-only.-light {
  color: #ced1db;
  background: inherit;
}
@media (max-width: 768px) {
  .btn.-txt-only {
    padding: 7px;
  }
}
.btn.-txt-only .btn-ico {
  display: none;
}
@media (max-width: 768px) {
  .btn.-txt-only .btn-ico {
    display: block;
  }
}
.btn.-txt-only .btn-txt {
  margin: 0;
}
.btn.-ico-txt {
  padding: 7px 17px 7px 7px;
}
.btn.-ico-txt .btn-ico {
  margin: 0;
}
.btn.-ico-txt .btn-txt {
  margin: 0 0 0 7px;
}
@media (max-width: 768px) {
  .btn.-ico-txt {
    padding: 7px;
  }
  .btn.-ico-txt .btn-ico {
    margin: 0;
  }
}
.btn.-p-01 {
  border: 1px solid #4296cb;
  background: #4296cb !important;
  color: #ffffff !important;
}
.btn.-locked,
.btn.-p-02 {
  color: #3cdbb8 !important;
}
.btn.-delete,
.btn.-acnt-01 {
  border: 1px solid #e84452;
  background: #e84452 !important;
  color: #ffffff;
}
.btn.-add,
.btn.-refresh,
.btn.-acnt-02 {
  border: 1px solid #26bc35;
  background: #26bc35 !important;
  color: #ffffff;
}
.btn.-acnt-03 {
  border: 1px solid #fd9a03;
  background: #fd9a03 !important;
  color: #ffffff;
}
.btn.-plain {
  border: none;
  background: none !important;
  color: #a7aabb;
}
.btn.-no-pad {
  padding: 0;
}
.btn.-no-case {
  text-transform: none;
}
.btn.-reverse-ico-txt {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}
.btn.-reverse-ico-txt .btn-txt {
  margin: 0 7px 0 0;
}
.-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.-mirror {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.btn-ico {
  margin: 7px;
}
@media (max-width: 768px) {
  .btn-ico {
    margin: 0;
  }
}
@media (max-width: 768px) {
  .btn-txt.-reduce,
  .btn-txt .-reduce {
    display: none;
  }
}
.btn.action-button[disabled],
.btn.action-button.-disabled,
input[type="submit"].btn.action-button[disabled],
input[type="submit"].btn.action-button.-disabled,
button.btn.action-button[disabled],
button.btn.action-button.-disabled {
  background: transparent;
  border-color: transparent;
}
[data-whatinput="keyboard"] .btn.action-button[disabled]:focus,
.btn.action-button[disabled]:focus,
.btn.action-button[disabled]:hover,
.btn.action-button[disabled]:active,
.btn.action-button[disabled].active,
.btn.action-button[disabled][aria-expanded="true"],
[data-whatinput="keyboard"] .btn.action-button.-disabled:focus,
.btn.action-button.-disabled:focus,
.btn.action-button.-disabled:hover,
.btn.action-button.-disabled:active,
.btn.action-button.-disabled.active,
.btn.action-button.-disabled[aria-expanded="true"],
[data-whatinput="keyboard"]
  input[type="submit"].btn.action-button[disabled]:focus,
input[type="submit"].btn.action-button[disabled]:focus,
input[type="submit"].btn.action-button[disabled]:hover,
input[type="submit"].btn.action-button[disabled]:active,
input[type="submit"].btn.action-button[disabled].active,
input[type="submit"].btn.action-button[disabled][aria-expanded="true"],
[data-whatinput="keyboard"]
  input[type="submit"].btn.action-button.-disabled:focus,
input[type="submit"].btn.action-button.-disabled:focus,
input[type="submit"].btn.action-button.-disabled:hover,
input[type="submit"].btn.action-button.-disabled:active,
input[type="submit"].btn.action-button.-disabled.active,
input[type="submit"].btn.action-button.-disabled[aria-expanded="true"],
[data-whatinput="keyboard"] button.btn.action-button[disabled]:focus,
button.btn.action-button[disabled]:focus,
button.btn.action-button[disabled]:hover,
button.btn.action-button[disabled]:active,
button.btn.action-button[disabled].active,
button.btn.action-button[disabled][aria-expanded="true"],
[data-whatinput="keyboard"] button.btn.action-button.-disabled:focus,
button.btn.action-button.-disabled:focus,
button.btn.action-button.-disabled:hover,
button.btn.action-button.-disabled:active,
button.btn.action-button.-disabled.active,
button.btn.action-button.-disabled[aria-expanded="true"] {
  background: transparent;
  border-color: transparent;
}
.btn.action-button:hover,
.btn.action-button:focus,
.btn.action-button:active,
input[type="submit"].btn.action-button:hover,
input[type="submit"].btn.action-button:focus,
input[type="submit"].btn.action-button:active,
button.btn.action-button:hover,
button.btn.action-button:focus,
button.btn.action-button:active {
  background: transparent;
  border-color: transparent;
}
.detail-toggle {
  height: 113px;
}
.page-toggle-container {
  padding: 3rem 0;
  border-bottom: 1px solid #e7edef;
}
.toggle-text {
  font-size: 1.5rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #a7aabb;
  padding: 1rem;
  background-image: none;
}
[data-whatinput="keyboard"] .toggle-text:focus,
.toggle-text:focus,
.toggle-text:hover,
.toggle-text:active,
.toggle-text.active,
.toggle-text[aria-expanded="true"] {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  color: #4296cb;
  position: static;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.toggle-text.active {
  color: #212432;
  background-image: none;
}
.page-toggle {
  background: #f0f1f4;
  border-radius: 52px;
  border: 2px solid #f0f1f4;
  width: 127px;
  height: 52px;
  overflow: hidden;
}
.toggle-tab {
  display: inline-block;
  height: 48px;
  width: 60px;
  padding: 12px 18px;
  cursor: pointer;
}
.toggle-tab.active {
  background: #4296cb;
  border-radius: 48px;
  color: #fff;
}
.content-group {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: 1px;
}
.content-group.-no-spacer {
  margin-top: 0;
}
.content-group.-white-spacer {
  border-top: 1px solid #fff;
  margin-top: 0;
}
.content-group.-center {
  -webkit-box-pack: center;
  justify-content: center;
}
.content-group.-center.-column {
  -webkit-box-align: center;
  align-items: center;
}
.content-group.-between {
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.content-group.-around {
  justify-content: space-around;
}
.content-group.-even {
  -webkit-box-pack: space-evenly;
  justify-content: space-evenly;
}
.content-group.-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}
.content-group.-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.content-group.-unit {
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
  padding: 0.5rem;
}
@media (max-width: 768px) {
  .content-group.-unit {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .content-group.-unit .unit-block {
    margin: 0;
    padding: 0 0.5rem;
  }
}
.content-group.-detail-view {
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
  padding: 0 0.5rem 0.5rem 0.5rem;
}
@media (max-width: 768px) {
  .content-group.-detail-view {
    padding: 0;
  }
}
.content-group .callout {
  margin: 0;
}
.content-group .callout.-space {
  margin: 0 0 2rem 0;
}
@media (max-width: 940px) {
  .content-group .callout.-space {
    margin: 0 0 2rem 0;
  }
}
.content-group .group.-edge {
  width: 100%;
}
.content-group .group.-full {
  width: calc(100% - 2rem);
  max-width: 1200px;
}
@media (max-width: 940px) {
  .content-group .group.-full {
    width: calc(100% - 1rem);
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .content-group .group.-full {
    width: calc(100% - 1rem);
    margin: 0 auto;
  }
}
.content-group .group.-full-to-edge {
  width: calc(100% - 2rem);
  max-width: 1200px;
}
@media (max-width: 940px) {
  .content-group .group.-full-to-edge {
    width: 100%;
    margin: 0 auto;
  }
}
.content-group .group.-wide {
  width: 80%;
  max-width: 960px;
}
@media (max-width: 940px) {
  .content-group .group.-wide {
    width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .content-group .group.-wide {
    width: calc(100% - 1rem);
    margin: 0 auto;
  }
}
.content-group .group.-xwide {
  width: 100%;
  max-width: 1280px;
}
@media (max-width: 768px) {
  .content-group .group.-xwide {
    width: calc(100% - 1rem);
    margin: 0 auto;
  }
}
.content-group .group.-narrow {
  width: 720px;
}
@media (max-width: 1110px) {
  .content-group .group.-narrow {
    width: 75%;
    margin: 0 auto;
  }
}
@media (max-width: 940px) {
  .content-group .group.-narrow {
    width: 85%;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .content-group .group.-narrow {
    width: calc(100% - 4rem);
    margin: 0 auto;
  }
}
.content-group .group.-shorts-portrait {
  width: 400px;
  max-width: 400px;
}
@media (max-width: 1110px) {
  .content-group .group.-shorts-portrait {
    width: 75%;
    margin: 0 auto;
  }
}
@media (max-width: 940px) {
  .content-group .group.-shorts-portrait {
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .content-group .group.-shorts-portrait {
    width: 100%;
    margin: 0 auto;
  }
}
.content-group .group.-only {
  border-radius: 4px;
}
.content-group .group.-only-rounder {
  border-radius: 20px;
}
.content-group .group.-first {
  border-radius: 4px 4px 0 0;
  margin-bottom: 2px;
}
.content-group .group.-first-rounder {
  border-radius: 20px;
}
.content-group .group.-middle {
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 2px;
}
.content-group .group.-middle-rounder {
  border-radius: 20px;
}
.content-group .group.-last {
  margin-top: 0;
  border-radius: 0 0 4px 4px;
}
.content-group .group.-last-rounder {
  border-radius: 20px;
}
.content-group .group.-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.content-group .group.-column.-center {
  -webkit-box-align: center;
  align-items: center;
}
.content-group .group.-stack-space {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .content-group .group.-stack-space {
    margin-bottom: 1rem;
  }
}
.content-group .group.-stack-space-single {
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .content-group .group.-stack-space-single {
    margin-bottom: 1rem;
  }
}
.content-group .group.-stack-space-double {
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .content-group .group.-stack-space-double {
    margin-bottom: 1rem;
  }
}
.content-group .group .heading {
  margin: 2rem 0 2rem 0;
  padding: 0;
  position: relative;
}
.content-group .group .heading.-intro {
  font-size: 6rem;
}
@media (max-width: 940px) {
  .content-group .group .heading.-intro {
    font-size: 5rem;
  }
}
@media (max-width: 768px) {
  .content-group .group .heading.-intro {
    font-size: 4.5rem;
  }
}
@media (max-width: 600px) {
  .content-group .group .heading.-intro {
    font-size: 3rem;
  }
}
.content-group .group .heading.-primary {
  font-size: 4rem;
}
@media (max-width: 940px) {
  .content-group .group .heading.-primary {
    font-size: 3.8rem;
    margin: 1rem 0 1rem 0;
  }
}
@media (max-width: 768px) {
  .content-group .group .heading.-primary {
    font-size: 3rem;
    margin: 0;
  }
}
@media (max-width: 600px) {
  .content-group .group .heading.-primary {
    font-size: 2.5rem;
    margin: 0;
  }
}
.content-group .group .heading.-secondary {
  font-size: 3rem;
}
@media (max-width: 940px) {
  .content-group .group .heading.-secondary {
    font-size: 2.8rem;
  }
}
@media (max-width: 768px) {
  .content-group .group .heading.-secondary {
    font-size: 2.6rem;
  }
}
@media (max-width: 600px) {
  .content-group .group .heading.-secondary {
    font-size: 2.4rem;
  }
}
.content-group .group .heading.-tertiary {
  font-size: 2rem;
}
@media (max-width: 940px) {
  .content-group .group .heading.-tertiary {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .content-group .group .heading.-tertiary {
    font-size: 2rem;
  }
}
@media (max-width: 600px) {
  .content-group .group .heading.-tertiary {
    font-size: 2rem;
  }
}
.content-group .group .heading.-quaternary {
  font-size: 1.6rem;
  font-weight: 600;
  margin: 1rem 0;
}
@media (max-width: 940px) {
  .content-group .group .heading.-quaternary {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .content-group .group .heading.-quaternary {
    font-size: 1.6rem;
  }
}
@media (max-width: 600px) {
  .content-group .group .heading.-quaternary {
    font-size: 1.6rem;
  }
}
.content-group .group .heading.-quinary {
  font-size: 1.2rem;
  font-weight: 400;
  margin: 1rem 0;
}
@media (max-width: 940px) {
  .content-group .group .heading.-quinary {
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .content-group .group .heading.-quinary {
    font-size: 1.2rem;
  }
}
@media (max-width: 600px) {
  .content-group .group .heading.-quinary {
    font-size: 1.2rem;
  }
}
.content-group .group .heading.-bold {
  font-weight: bold;
}
.content-group .group .heading.-left {
  text-align: left;
}
.content-group .group .heading.-center {
  text-align: center;
}
.content-group .group .heading.-right {
  text-align: right;
}
.content-group .group .heading.-caps {
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}
.content-group .group .heading.-with-sub {
  margin-bottom: 0;
}
.content-group .group .heading.-sub {
  margin-top: 0.5rem;
}
.content-group .group .heading.-inline-sub {
  font-size: 1.6rem;
  display: block;
  margin-bottom: -1.5rem;
  color: #7b7f92;
  font-weight: 600;
}
@media (max-width: 768px) {
  .content-group .group .heading.-inline-sub {
    margin-bottom: -0.5rem;
  }
}
.content-group .group .heading .pre-heading {
  display: block;
  font-size: 60%;
  line-height: 125%;
}
.content-group .group .heading .pre-heading.-caps {
  font-size: 45%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.content-group .group .body {
  margin: 2rem 0;
  padding: 0;
  font-size: 1.6rem;
}
.content-group .group .body.-intro {
  font-size: 2rem;
}
@media (max-width: 940px) {
  .content-group .group .body.-intro {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  .content-group .group .body.-intro {
    font-size: 1.6rem;
  }
}
@media (max-width: 940px) {
  .content-group .group .body {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .content-group .group .body {
    font-size: 1.5rem;
  }
}
@media (max-width: 600px) {
  .content-group .group .body {
    font-size: 1.4rem;
  }
}
.content-group .group .body.-ts-tight {
  margin-top: -1rem;
}
.content-group .group .body.-bs-loose {
  margin-bottom: 4rem;
}
.content-group .group .body p:last-child {
  padding: 0;
}
.content-group .group .body.-list {
  color: #4e5262;
}
.content-group .group .body li {
  margin: 0.5rem 0 0.5rem 2rem;
}
.content-group .group p.-tight {
  line-height: 2.5rem;
  padding-bottom: 2rem;
}
.content-group .group p.-note {
  background: #e3ebee;
  border-radius: 4px;
  padding: 2rem;
}
@media (max-width: 768px) {
  .content-group .group p.-note {
    padding: 1rem;
  }
}
.content-group .group .small {
  line-height: 1.5rem;
  padding: 0.5rem 0;
}
.content-group .group .group-list {
  list-style: none;
  padding: 0;
}
.content-group .group .group-list li {
  line-height: 2rem;
  padding: 1rem 0;
  margin: 0;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
}
.content-group .group .form {
  width: 280px;
  margin: 2rem auto 4rem;
}
.content-group .group .form .recap-div .h-captcha {
  -webkit-transform: scale(0.924);
  transform: scale(0.924);
  width: 280px;
}
.content-group .group .form .form-actions .btn {
  width: 280px;
}
.content-group .group .form.-full {
  width: 100%;
}
.content-group .group .form.-full .form-actions .btn {
  width: inherit;
}
.content-group .group .form p.form-action.-block {
  padding: 0;
}
.content-group .group .actions {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  justify-content: center;
}
.content-group .group .actions.-right {
  -webkit-box-pack: end;
  justify-content: flex-end;
}
.content-group .group .actions .btn {
  width: 280px;
  margin: 1rem;
}
.content-group .group .actions .btn.-only {
  margin: 1rem 0;
}
@media (max-width: 768px) {
  .content-group .group .actions .btn.-only {
    width: 100%;
  }
}
.content-group .group .login-divider {
  margin: 0 0 2rem 0;
}
.content-group .group .login-divider:before,
.content-group .group .login-divider:after {
  background: #ced1db;
}
.subtitle {
  color: #4e5262;
  font-size: 0.9em;
  font-weight: normal;
  display: block;
}
.cards {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 2rem -4px 2rem -4px;
}
.cards .card {
  width: 25%;
}
@media (max-width: 940px) {
  .cards .card {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .cards .card {
    width: 50%;
    margin-bottom: 2rem;
  }
}
@media (max-width: 600px) {
  .cards .card {
    width: 100%;
  }
}
.cards .card h2 {
  padding: 0rem 0 0.3rem 0;
  font-weight: bold;
}
.cards .card h2.category {
  margin-top: 1rem;
}
.cards .card .content-item {
  width: 100%;
}
.cards .card .content-item .contents {
  min-height: 360px;
}
.cards .card .content-item .content-actions span.price {
  padding-bottom: 0;
  font-size: 1.2rem;
}
.cards .card .card-group {
  background: #fff;
  width: calc(100% - 8px);
  margin: 0 0 8px 0;
}
.cards .card .card-group .content-info {
  position: relative;
}
.cards .card .card-group .content-details {
  padding: 8px 12px 0px 12px;
}
.cards .card .card-group .content-actions {
  padding: 8px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  align-items: flex-end;
  position: relative;
  top: auto;
  top: initial;
  right: auto;
  right: initial;
}
.cards .card .card-group .content-actions span.price {
  text-align: left;
  padding: 0;
  font-size: 1.4rem;
}
.cards .card .card-group .content-actions span.price.sale {
  color: #4296cb;
}
.cards .card .card-group .content-actions span.price strike,
.cards .card .card-group .content-actions span.price .strike {
  display: block;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  color: #a7aabb;
  font-size: 1.2rem;
}
.cards.single-card .card {
  width: auto;
  margin: 0 auto;
}
.cards.-fb-plus .exclusive-item {
  display: none;
}
.content-group .group .heading,
.content-group .group .body {
  text-align: left;
}
.content-group .group .heading.-center,
.content-group .group .body.-center {
  text-align: center;
}
.content-group .group .heading.-right,
.content-group .group .body.-right {
  text-align: right;
}
.content-group .group ul li {
  line-height: 1.5em;
}
.content-group .group table .-right {
  text-align: right;
}
@media (max-width: 768px) {
  .content-group .group .table.-data-heavy th,
  .content-group .group .table.-data-heavy td {
    font-size: 1.2rem;
  }
  .content-group .group .table.-data-heavy th .btn.-anchor-link,
  .content-group .group .table.-data-heavy td .btn.-anchor-link {
    text-align: left;
  }
}
.-vs-xlarge {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
@media (max-width: 940px) {
  .-vs-xlarge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
@media (max-width: 768px) {
  .-vs-xlarge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.-vs-large {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
@media (max-width: 940px) {
  .-vs-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (max-width: 768px) {
  .-vs-large {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.-vs-medium {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (max-width: 940px) {
  .-vs-medium {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  .-vs-medium {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.-vs-small {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.-vs-xsmall {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.-vs-collapse-bottom {
  padding-bottom: 0;
}
.-vs-collapse-top {
  padding-top: 0;
}
.-vs-top {
  -webkit-box-align: start;
  align-items: flex-start;
}
.-vs-center {
  -webkit-box-align: center;
  align-items: center;
}
.-vs-stretch {
  -webkit-box-align: stretch;
  align-items: stretch;
}
.-vs-baseline {
  -webkit-box-align: baseline;
  align-items: baseline;
}
.-vs-bottom {
  -webkit-box-align: end;
  align-items: flex-end;
}
.-hs-large {
  padding-right: 6rem;
  padding-left: 6rem;
}
@media (max-width: 940px) {
  .-hs-large {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}
@media (max-width: 768px) {
  .-hs-large {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
.-hs-medium {
  padding-right: 3rem;
  padding-left: 3rem;
}
@media (max-width: 940px) {
  .-hs-medium {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
.-hs-small {
  padding-right: 1rem;
  padding-left: 1rem;
}
.fbplus {
  text-align: center;
  font-weight: bold;
  padding: 3rem 0 2rem 0;
  white-space: nowrap;
  font-size: inherit;
}
.fbplus .fb {
  color: #212432;
  font-size: inherit;
}
.fbplus .plus {
  color: #4296cb;
  font-size: inherit;
}
.fbplus .ga {
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  background: #fd9a03;
  color: #fff;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  vertical-align: top;
  white-space: nowrap;
}
.-flex {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.-flex.-between {
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.-flex.-center {
  -webkit-box-pack: center;
  justify-content: center;
}
.-flex.-even {
  -webkit-box-pack: space-evenly;
  justify-content: space-evenly;
}
.-flex.-around {
  justify-content: space-around;
}
.-flex.-end {
  -webkit-box-pack: end;
  justify-content: flex-end;
}
.-flex.-wrap {
  flex-wrap: wrap;
}
.-flex.-nowrap {
  flex-wrap: nowrap;
}
.-flex.-vcenter {
  -webkit-box-align: center;
  align-items: center;
}
.-flex.-vstretch {
  -webkit-box-align: stretch;
  align-items: stretch;
}
.-flex.-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.-flex.-start {
  -webkit-box-align: start;
  align-items: start;
}
.-flex .-full {
  width: 100%;
}
.-flex .-half {
  width: calc(50% - 2rem);
}
@media (max-width: 940px) {
  .-flex .-half {
    width: calc(50% - 1rem);
  }
}
@media (max-width: 768px) {
  .-flex .-half {
    width: calc(50% - 0.5rem);
  }
}
@media (max-width: 600px) {
  .-flex .-half {
    width: 100%;
    margin: 0 0 1rem 0;
  }
  .-flex .-half.-collapse {
    margin: 0;
  }
}
.-flex .-third {
  width: calc(33% - 2rem);
}
@media (max-width: 768px) {
  .-flex .-third {
    width: 100%;
    margin: 1rem 0;
  }
}
.-flex .-quarter {
  width: calc(25% - 2rem);
}
@media (max-width: 768px) {
  .-flex .-quarter {
    width: calc(50% - 2rem);
    margin: 1rem 0;
  }
}
@media (max-width: 600px) {
  .-flex .-quarter {
    width: 100%;
    margin: 1rem 0;
  }
}
.page-nav {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  flex-wrap: wrap;
}
.page-nav.-left {
  -webkit-box-pack: left;
  justify-content: left;
}
.page-nav.-border {
  border-top: 1px solid #e3ebee;
}
.page-nav li {
  display: block;
  margin: 0;
  padding: 0;
}
.page-nav li a {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  display: inline-block;
  padding: 2rem 2rem;
  background: none;
  word-wrap: none;
}
.page-nav li a:hover,
.page-nav li a:focus,
.page-nav li a:active {
  background: #f0f4f6 none;
}
@media (max-width: 768px) {
  .page-nav li a {
    padding: 1rem;
  }
}
@media (max-width: 600px) {
  .page-nav li a .reduce {
    display: none;
  }
}
.page-nav li a.active {
  color: #212432;
}
.anchor-return {
  text-align: center;
  width: 100%;
  margin-top: 2rem;
  font-size: 1.2rem;
}
.anchor-return .material-symbols-outlined {
  display: block;
  margin-bottom: -0.5rem;
}
.-bg-05 .anchor-return a {
  color: #fff;
}
.sticky-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  background: #4296cb;
  padding: 1rem;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  justify-content: center;
}
.-figure img {
  margin: 0 auto;
}
.-figure .caption {
  line-height: 1.4em;
}
.-figure .figure-title {
  font-weight: bold;
  color: #313443;
  display: block;
  padding: 0 0 0.5em 0;
}
.-block {
  display: block;
}
.btn.-main.-space {
  margin: 1rem;
}
@media (max-width: 768px) {
  .btn.-main.-space {
    width: 100%;
    margin: 1rem 0;
  }
}
@media (max-width: 768px) {
  .content-refinement {
    -webkit-box-pack: center;
    justify-content: center;
  }
}
.content-refinement .refinement-group {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: #7b7f92;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 2rem 1.6rem;
  cursor: pointer;
  border-left: 1px solid #e3ebee;
}
.content-refinement .refinement-group:last-child {
  border-right: 1px solid #e3ebee;
}
.content-refinement .refinement-group:hover,
.content-refinement .refinement-group.-active {
  color: #313443;
}
.content-refinement .refinement-group i {
  margin-right: 1.6rem;
}
.content-refinement .refinement-group i.toggle {
  color: #4296cb;
  font-size: 1.6em;
  margin-right: 0;
  position: relative;
  top: -0.1rem;
}
@media (max-width: 940px) {
  .content-refinement .refinement-group i {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .content-refinement .refinement-group {
    padding: 1rem;
  }
}
.content-refinement .refinement-group .current-cat {
  font-weight: bold;
  color: #313443;
  padding-left: 0.5rem;
}
.content-refinement .refinement-group .reduce {
  display: inline;
}
@media (max-width: 940px) {
  .content-refinement .refinement-group .reduce {
    display: none;
  }
}
.search-form {
  text-align: center;
  margin: 2rem auto;
  padding: 0;
  width: calc(100% - 4rem);
}
@media (max-width: 940px) {
  .search-form {
    margin: 2rem;
  }
}
.search-form input[type="text"].search-input {
  height: auto;
  padding: 0.5rem 2.8rem 0.5rem 0.5rem;
  border: 1px solid #e3ebee;
  border-radius: 0.5rem;
  color: #212432;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  font-weight: 600;
  position: relative;
}
.search-form button[type="submit"].search-input {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  margin: 0;
  color: #4296cb;
  padding: 1rem 1rem 0 0;
}
.tag-search {
  position: relative;
  text-align: center;
  margin: 2rem auto;
  width: calc(100% - 4rem);
  max-width: 50%;
}
@media (max-width: 1110px) {
  .tag-search {
    margin: 2rem 4rem 2rem 2rem;
    max-width: calc(100% - 6rem);
  }
}
.-relative {
  position: relative;
}
.help,
.btn.help,
.btn.help.-ico-only.-no-container {
  color: #a7aabb;
  position: absolute;
  top: 0;
  right: -3rem;
  cursor: pointer;
}
[data-whatinput="keyboard"] .help:focus,
.help:focus,
.help:hover,
.help:active,
.help.active,
.help[aria-expanded="true"],
[data-whatinput="keyboard"] .btn.help:focus,
.btn.help:focus,
.btn.help:hover,
.btn.help:active,
.btn.help.active,
.btn.help[aria-expanded="true"],
[data-whatinput="keyboard"] .btn.help.-ico-only.-no-container:focus,
.btn.help.-ico-only.-no-container:focus,
.btn.help.-ico-only.-no-container:hover,
.btn.help.-ico-only.-no-container:active,
.btn.help.-ico-only.-no-container.active,
.btn.help.-ico-only.-no-container[aria-expanded="true"] {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  background-image: none;
  color: #4296cb;
  position: absolute;
}
.help.-widget,
.btn.help.-widget,
.btn.help.-ico-only.-no-container.-widget {
  top: 1.5rem;
  right: 1.5rem;
}
.help.-tracker,
.btn.help.-tracker,
.btn.help.-ico-only.-no-container.-tracker {
  right: 0rem;
}
.card-action {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  border: none;
  height: 44px;
  width: 44px;
  color: #a7aabb;
}
.card-action:hover,
.card-action:active,
.card-action:focus,
.card-action:visited {
  background-image: none !important;
}
.card-action.selected {
  color: #4296cb;
}
.mobile-nav i {
  color: #fff;
}
.mobile-nav .menu-login-user i {
  color: #313443;
  margin-right: 10px;
}
.fb-menu .menu-login-dropdown .menu-login-user li a i {
  color: #7b7f92;
  margin-right: 10px;
}
.fb-menu .menu-login-dropdown .menu-login-user li a i:hover,
.fb-menu .menu-login-dropdown .menu-login-user li a i:focus {
  color: #4296cb;
}
.info-carousel {
  width: 100%;
}
.info-carousel .VueCarousel-pagination {
  margin: 0 0 5rem 0;
  border-top: 1px solid #e3ebee;
}
.staff-member {
  position: relative;
  width: 16.666666%;
}
@media (max-width: 1110px) {
  .staff-member {
    width: 33.333333%;
  }
}
@media (max-width: 768px) {
  .staff-member {
    width: 50%;
  }
}
.staff-member img {
  display: block;
}
.staff-member .staff-info {
  position: absolute;
  bottom: 0;
  background: #000;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#000),
    to(rgba(0, 0, 0, 0))
  );
  background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  padding: 5rem 1.5rem 1rem 1.5rem;
}
@media (max-width: 768px) {
  .staff-member .staff-info {
    padding: 5rem 1rem 1rem 1rem;
  }
}
.group-logos a:hover,
.group-logos a:active,
.group-logos a:focus,
.group-logos a:visited {
  background-image: none !important;
}
.group-logos img {
  max-width: 250px;
  max-height: 100px;
  margin: 2rem;
}
.status {
  padding: 0 0 0 1rem;
}
.sign-up-url {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  width: calc(100% - 4rem);
  padding: 1rem;
  margin: 0.5rem 2rem;
  background: #fff;
  border-radius: 4px;
}
.sign-up-url a {
  display: block;
}
.access-code {
  font-size: 3.8rem;
  font-weight: 600;
  text-align: center;
  padding: 1rem;
  margin: 0.5rem 2rem;
  font-family: "Courier New", Courier, monospace;
  background: #fff;
  border-radius: 4px;
}
.new-code {
  margin: 0.5rem auto 2rem;
}
.plus-options {
  background: #fafcfd;
  border-bottom: 1px solid #f0f4f6;
}
.plus-options a {
  background: none;
  cursor: pointer;
}
.plus-options a,
.plus-options p {
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  line-height: 2rem;
}
.plus-options .plus-options-heading {
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 600;
}
.plus-options .icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  border-right: 1px solid #ffffff;
  padding: 1rem 0 1rem 4.2rem;
}
@media (max-width: 940px) {
  .plus-options .icon {
    padding: 1rem 0 1rem 2.2rem;
  }
}
.plus-options .message {
  padding: 1rem;
}
.heading-group .heading {
  margin-right: 2rem !important;
}
.view-full-list a {
  font-size: 1.6rem;
  font-weight: 600;
  padding: 1rem 0.2rem;
  background: none;
}
.included {
  width: 44px;
}
.fb-perk {
  padding: 2rem;
}
.fb-perk .fb-perk-ico {
  margin: 0.2rem 2rem 0 0;
}
@media (max-width: 600px) {
  .fb-perk .fb-perk-ico {
    margin: 0.2rem auto 2rem auto;
  }
}
.fb-perk .fb-perk-ico .fbplus {
  text-align: center;
  font-weight: bold;
  padding: 0;
  white-space: nowrap;
  font-size: 2rem;
  line-height: 3rem;
}
.fb-perk .fb-perk-ico .fbplus .plus {
  color: #4296cb;
}
.fb-perk .fb-perk-ico .fbplus .mp {
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.22rem;
  line-height: 1rem;
  color: #a7aabb;
}
.fb-perk .perk-message {
  font-size: 1.8rem;
  line-height: 1.6em;
  padding: 0;
  width: calc(100% - 2rem - 130px);
}
@media (max-width: 600px) {
  .fb-perk .perk-message {
    width: 100%;
  }
}
.spa-heading-action {
  font-size: 1.2rem;
  margin-bottom: 2.7rem;
}
.spa-heading-action a {
  font-weight: 600;
}
.spa-action {
  font-size: 1.2rem;
  margin: 2.7rem 0;
}
.spa-action a {
  font-weight: 600;
}
.spa-action .btn,
.spa-action button.btn {
  min-width: 250px;
}
.spa-action .btn.-main,
.spa-action button.btn.-main {
  background: #212432;
}
.spa-action .btn.-main:hover,
.spa-action .btn.-main:focus,
.spa-action .btn.-main:active,
.spa-action button.btn.-main:hover,
.spa-action button.btn.-main:focus,
.spa-action button.btn.-main:active {
  background: #212432;
}
.spa-action .btn.-inactive,
.spa-action button.btn.-inactive {
  background: #ced1db;
}
.spa-action .btn.-inactive:hover,
.spa-action .btn.-inactive:focus,
.spa-action .btn.-inactive:active,
.spa-action button.btn.-inactive:hover,
.spa-action button.btn.-inactive:focus,
.spa-action button.btn.-inactive:active {
  background: #ced1db;
  cursor: default;
}
.spa-action div + div {
  margin-top: 2rem;
}
.preference-card {
  flex-wrap: nowrap;
  cursor: pointer;
  padding: 2rem;
}
.preference-card .heading.-secondary {
  margin: 0;
}
.preference-card p {
  padding: 0.2em 0;
  line-height: 1.5em;
}
.preference-card .selection-text {
  margin: 0 2rem 0 0;
}
.preference-card .selection-icon i {
  font-size: 4rem;
}
.preference-card .selection-icon i.-rotate-neg-90 {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.preference-card .selection-icon.-unselected {
  opacity: 0.3;
}
.preference-card.-mindful {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3b04b7),
    to(#c310a5)
  );
  background: linear-gradient(to bottom right, #3b04b7 0%, #c310a5 100%);
}
.preference-card.-mindful:hover,
.preference-card.-mindful:active,
.preference-card.-mindful:focus {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3b04b7),
    to(#c310a5)
  );
  background: linear-gradient(to bottom right, #3b04b7 0%, #c310a5 100%);
  color: #fff;
}
.preference-card.-estimates {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#ff43b2),
    to(#ff9b3e)
  );
  background: linear-gradient(to bottom right, #ff43b2 0%, #ff9b3e 100%);
}
.preference-card.-estimates:hover,
.preference-card.-estimates:active,
.preference-card.-estimates:focus {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#ff43b2),
    to(#ff9b3e)
  );
  background: linear-gradient(to bottom right, #ff43b2 0%, #ff9b3e 100%);
  color: #fff;
}
.preference-card.-energy {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#10bfe1),
    to(#5251ff)
  );
  background: linear-gradient(to bottom right, #10bfe1 0%, #5251ff 100%);
}
.preference-card.-energy:hover,
.preference-card.-energy:active,
.preference-card.-energy:focus {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#10bfe1),
    to(#5251ff)
  );
  background: linear-gradient(to bottom right, #10bfe1 0%, #5251ff 100%);
  color: #fff;
}
.preference-card.-range {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3d97ce),
    to(#12debb)
  );
  background: linear-gradient(to bottom right, #3d97ce 0%, #12debb 100%);
}
.preference-card.-range:hover,
.preference-card.-range:active,
.preference-card.-range:focus {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3d97ce),
    to(#12debb)
  );
  background: linear-gradient(to bottom right, #3d97ce 0%, #12debb 100%);
  color: #fff;
}
.preference-card.-goal {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#26bc35),
    to(#d6f41e)
  );
  background: linear-gradient(to bottom right, #26bc35 0%, #d6f41e 100%);
}
.preference-card.-goal:hover,
.preference-card.-goal:active,
.preference-card.-goal:focus {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#26bc35),
    to(#d6f41e)
  );
  background: linear-gradient(to bottom right, #26bc35 0%, #d6f41e 100%);
  color: #fff;
}
.preference-card.-calculator {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#4296cc),
    to(#0067aa)
  );
  background: linear-gradient(to bottom right, #4296cc 0%, #0067aa 100%);
}
.preference-card.-calculator:hover,
.preference-card.-calculator:active,
.preference-card.-calculator:focus {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#4296cc),
    to(#0067aa)
  );
  background: linear-gradient(to bottom right, #4296cc 0%, #0067aa 100%);
  color: #fff;
}
.preference-card.-deselected {
  background: #ced1db;
}
.preference-card.-deselected:hover,
.preference-card.-deselected:active,
.preference-card.-deselected:focus {
  background: #ced1db;
  color: #fff;
}
.preference-card.-no-pointer {
  cursor: default;
}
a.preference-card:hover,
a.preference-card:active,
a.preference-card:focus {
  background-image: none;
  color: #fff;
}
.options-message.group {
  text-align: center;
}
.options-message.group .heading {
  text-align: center;
}
.energy-card {
  position: relative;
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3d97ce),
    to(#12debb)
  );
  background: linear-gradient(to bottom right, #3d97ce 0%, #12debb 100%);
  height: 350px;
}
@media (max-width: 600px) {
  .energy-card {
    height: 275px;
  }
}
.energy-card .range-slider {
  position: absolute;
  top: 20px;
  left: 20px;
  height: calc(100% - 40px);
}
.energy-card .range-slider .increment {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
}
.energy-card .range-slider .decrement {
  cursor: pointer;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.energy-card .range-slider .btn.-no-container {
  color: #fff;
}
.energy-card .range-slider .slider-input {
  position: absolute;
  top: 30px;
}
.energy-card .range-slider .slider-input .slider {
  -webkit-appearance: none;
  position: absolute;
  top: 111px;
  left: -115px;
  width: 250px;
  height: 20px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 10px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  touch-action: none;
}
@media (max-width: 600px) {
  .energy-card .range-slider .slider-input .slider {
    width: 175px;
    top: 74px;
    left: -77px;
  }
}
.energy-card .range-slider .slider-input .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #ffffff;
  cursor: ns-resize;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  border: none;
}
.energy-card .range-slider .slider-input .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #ffffff;
  cursor: ns-resize;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  border: none;
}
.energy-card
  .range-slider
  .slider-input
  .slider::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
.energy-card .range-slider .slider-input .slider::-moz-range-thumb {
  -webkit-appearance: none;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #ffffff;
  cursor: ns-resize;
  box-shadow: none;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  border: none;
}
.energy-card .range-slider .slider-input .slider::-moz-range-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
.energy-card .range-slider .slider-input .slider::-ms-thumb {
  -webkit-appearance: none;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #ffffff;
  cursor: ns-resize;
  box-shadow: none;
  -ms-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  border: none;
}
.energy-card .range-slider .slider-input .slider::-ms-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
.energy-card .energy-meter {
  width: 40vw;
  max-width: 225px;
}
@media (max-width: 600px) {
  .energy-card .energy-meter {
    max-width: 150px;
  }
}
.energy-card .energy-level {
  font-size: 2.2rem;
  font-weight: 600;
  margin: 1rem 0 0 0;
  text-align: center;
}
.energy-meter svg circle {
  fill: transparent;
  stroke: rgba(255, 255, 255, 0.4);
  stroke-width: 2.75%;
}
.energy-meter svg circle.-active {
  stroke: #fff;
}
.content-group .group .heading.-quinary.calorie-range {
  margin-top: -0.1rem;
}
.calculator-card {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#10bfe1),
    to(#5251ff)
  );
  background: linear-gradient(to bottom right, #10bfe1 0%, #5251ff 100%);
}
.calculator,
.calorie-estimate {
  width: calc(50% - 1rem);
}
@media (max-width: 600px) {
  .calculator,
  .calorie-estimate {
    width: 100%;
  }
}
.calculator .form__group.error label,
.calculator .form__group.error label strong,
.calculator .form__group .message,
.calorie-estimate .form__group.error label,
.calorie-estimate .form__group.error label strong,
.calorie-estimate .form__group .message {
  color: #fff !important;
}
.calorie-estimate {
  text-align: center;
}
.calorie-estimate .heading.-tertiary {
  text-align: center;
}
.calorie-estimate .estimate-meter {
  border: 16px solid rgba(255, 255, 255, 0.4);
  border-radius: 100%;
  width: calc(80% - 32px);
  margin: 0 auto;
  position: relative;
}
@media (max-width: 600px) {
  .calorie-estimate .estimate-meter {
    width: 200px;
  }
}
.calorie-estimate .estimate-meter:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.calorie-estimate .estimate-meter .plus-minus,
.calorie-estimate .estimate-meter .count,
.calorie-estimate .estimate-meter .cal {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.calorie-estimate .estimate-meter .plus-minus {
  top: 20px;
  font-size: 2rem;
  opacity: 0.5;
}
.calorie-estimate .estimate-meter .count {
  top: 40%;
  font-size: 2.5rem;
  font-weight: 600;
}
.calorie-estimate .estimate-meter .cal {
  bottom: 20px;
  font-size: 2rem;
  opacity: 0.5;
}
.calorie-calculator .form__group {
  margin: 0 0 1rem 0;
}
.calorie-calculator label {
  color: #fff;
}
.calorie-calculator select,
.calorie-calculator input {
  background: #fff;
  border-radius: 8px;
  padding: 0 10px;
  height: 3.5rem;
  width: 100%;
}
.calorie-calculator .height {
  width: 45%;
}
.calorie-calculator .btn.-main.calculate {
  width: 100%;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  margin: 1rem 0;
}
.calorie-calculator .btn.-main.calculate.submitting {
  background: transparent !important;
}
.pill-btn-list {
  display: -webkit-box;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pill-btn-list .pill-btn {
  margin: 1rem 1px;
  padding: 1rem 2rem;
  background: #e3ebee;
  cursor: pointer;
}
.pill-btn-list .pill-btn:first-child {
  border-radius: 8px 0 0 8px;
}
.pill-btn-list .pill-btn:last-child {
  border-radius: 0 8px 8px 0;
}
.pill-btn-list .pill-btn:only-child {
  border-radius: 8px;
}
.pill-btn-list .pill-btn.-active {
  color: #fff;
  background: #4296cb;
}
.heading + .pill-btn-list {
  margin-top: -2rem;
}
.copy-notification {
  opacity: 0;
  left: 32px;
  border-radius: 4px;
  font-size: 1.2rem;
  padding: 0.5rem 1rem;
  width: 150px;
  background-color: #26bc35;
  color: #fff;
  position: absolute;
  display: inline;
  visibility: hidden;
  -webkit-transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
  transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
}
.copy-notification.-visible {
  opacity: 1;
  visibility: visible;
}
.export-message {
  font-size: 3.5rem;
  max-width: 720px;
  padding: 1rem;
  margin-top: 30%;
}
.unit-group {
  width: 100%;
  max-width: 2560px;
  margin: 0 auto;
  /* padding: 0.5rem; */
}
.unit-block {
  position: relative;
  margin: 0.5rem;
  overflow: hidden;
}
.unit-block.full {
  width: 100%;
}
.unit-block.half {
  width: calc(50% - 1rem);
}
@media (max-width: 940px) {
  .unit-block.half {
    width: 100%;
  }
}
.unit-block.third {
  width: calc(33.333333% - 1rem);
}
@media (max-width: 940px) {
  .unit-block.third {
    width: 100%;
  }
}
.unit-block.bg-community {
  background: #effbff;
}
.unit-block.bg-community-2 {
  background: #a8e0f5; /* Light Sky Blue */
}
.unit-block.bg-community-3 {
  background: #e4d7ff; /* Light Lavender */
}
.unit-block.bg-community-4 {
  background: #ffebd4; /* Light Peach */
}
.unit-block.bg-community-5 {
  background: #d6ffe1; /* Light Mint Green */
}
.unit-block.bg-community-6 {
  background: #ffb3b3; /* Soft Coral */
}
.unit-block.bg-community-7 {
  background: #fff9c4; /* Pale Yellow */
}
.unit-block.bg-community-8 {
  background: #e0b3ff; /* Light Lilac */
}

.unit-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  /* justify-content: space-around; */
  height: 100%;
}
.unit-content .unit-message {
  position: relative;
  z-index: 1;
  padding: 0 1.5rem;
  margin: 5rem 0;
  max-width: 400px;
  text-align: center;
}
.unit-content .unit-message.dark .unit-title,
.unit-content .unit-message.dark p.unit-body,
.unit-content .unit-message.dark p.unit-attribution {
  color: #212432;
}
.unit-content .unit-message.dark strong {
  color: #212432;
}
.unit-content .unit-message.light .unit-title,
.unit-content .unit-message.light p.unit-body,
.unit-content .unit-message.light p.unit-attribution {
  color: #fff;
}
.unit-content .unit-message.light strong {
  color: #fff;
}
.unit-title {
  margin: 0 0 1rem 0;
  font-size: 4rem;
  letter-spacing: -0.02em;
  line-height: normal;
}
@media (max-width: 768px) {
  .unit-title {
    font-size: 3rem;
  }
}
.unit-body {
  margin: 1rem auto;
  padding: 0;
  font-size: 1.6rem;
  line-height: 1.6em;
  position: relative;
  z-index: 3;
}
.unit-body.hero {
  font-size: 2rem;
}
.unit-attribution {
  padding: 0.5rem 0 1rem 0;
  line-height: 1.4em;
  font-size: 1.6rem;
}
.unit-attribution .attribution {
  display: block;
  font-size: 2.2rem;
}
.unit-attribution .att-cred {
  display: block;
  font-size: 1.6rem;
}
.unit-cta {
  position: relative;
  z-index: 4;
  margin: 2rem 0;
}
.unit-cta.-left {
  text-align: left;
}
.unit-cta.-center {
  text-align: center;
}
.unit-cta.-right {
  text-align: right;
}
.unit-cta .btn {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  padding: 1em 2em;
}
@media (max-width: 768px) {
  .unit-cta .btn {
    font-size: 1.4rem;
  }
}
.unit-cta .btn.call-out {
  border-radius: 4rem;
  padding: 1rem 2rem;
  letter-spacing: 0;
}
.unit-link {
  position: relative;
  z-index: 5;
}
.unit-link .link {
  font-size: 1.6rem;
}
.unit-link .link.link-reversed {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.unit-image img {
  display: block;
}
.unit-image.bleed-top {
  display: -webkit-box;
  display: flex;
  align-self: flex-start;
}
.unit-image.bleed-bottom {
  display: -webkit-box;
  display: flex;
  align-self: flex-end;
}
@media (max-width: 940px) {
  .unit-image.bleed-full {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
}
.unit-image.bleed-full img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}
@media (max-width: 940px) {
  .unit-image.bleed-full img {
    width: 100%;
    position: relative;
  }
}
.unit-image.first {
  -webkit-box-ordinal-group: 0;
  order: -1;
}
@media (max-width: 940px) {
  .unit-image.first.bleed-bottom {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
}
.unit-content:has(.unit-image.bleed-full) .unit-message {
  margin: 8rem 0;
}
@media (max-width: 940px) {
  .unit-content:has(.unit-image.bleed-full) .unit-message {
    margin: 5rem 0;
  }
}
.full .unit-content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  justify-content: space-around;
}
@media (max-width: 940px) {
  .full .unit-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
.full .unit-content .unit-message {
  text-align: left;
}
@media (max-width: 940px) {
  .full .unit-content .unit-message {
    text-align: center;
  }
}
.full .unit-content .unit-image {
  max-width: 40%;
}
@media (max-width: 940px) {
  .full .unit-content .unit-image {
    max-width: 100%;
  }
}
.full .unit-content:has(.unit-message + .unit-message) {
  -webkit-box-pack: space-evenly;
  justify-content: space-evenly;
}
.full
  .unit-content:has(.unit-message + .unit-message)
  .unit-message
  + .unit-message {
  text-align: center;
}
@media (max-width: 940px) {
  .full
    .unit-content:has(.unit-message + .unit-message)
    .unit-message
    + .unit-message {
    margin-top: 0;
  }
}
.full .unit-content:has(.unit-message:only-child) .unit-message {
  text-align: center;
}
.half .unit-message,
.third .unit-message {
  margin: 5rem 0 0 0;
}
.half .unit-message:only-child,
.third .unit-message:only-child {
  margin: 5rem 0;
}
.feature-table td {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .feature-table td {
    font-size: 1.4rem;
  }
}
.feature-cell-title {
  text-align: center;
}
.feature-cell {
  border-left: 1px solid #e3ebee;
  padding: 1rem;
  text-align: center;
}
@media (max-width: 768px) {
  .feature-cell {
    padding: 0.5rem;
  }
}
@media (max-width: 768px) {
  .feature-cell .btn {
    font-size: 1rem;
  }
}
.cost {
  font-size: 3rem;
  font-weight: bold;
}
@media (max-width: 768px) {
  .cost {
    font-size: 2rem;
  }
}
.cost-sub {
  font-size: 1.4rem;
}
.access-expiration {
  margin: 1rem 0;
  background: #e84452;
  color: #fff;
  border-radius: 4px;
  padding: 2rem;
}
.access-expiration .expiration-message {
  width: 60%;
}
@media (max-width: 768px) {
  .access-expiration .expiration-message {
    width: 100%;
    margin: 0 0 1rem 0;
  }
}
.access-expiration .expiration-message h1 {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 0 0.5rem 0;
}
.access-expiration .expiration-message p {
  color: #fff;
  padding: 0;
  line-height: 1.4em;
}
.access-expiration .cta {
  margin: 0 2rem;
}
@media (max-width: 768px) {
  .access-expiration .cta {
    margin: 0 auto;
  }
}
.home-avatar {
  width: 200px;
  height: 200px;
  border-radius: 100px;
  border: 4px solid #ffffff;
  margin: 0 auto 2rem;
}
.home-avatar img {
  border-radius: 100px;
}
.home-avatar .avatar-placeholder {
  font-size: 12rem;
  background: none;
  position: relative;
  top: 1.8rem;
}
.content-header {
  border-bottom: 1px solid #e3ebee;
}
.content-header .content-intro {
  max-width: 1440px;
  margin: 0 auto;
}
.content-header .content-intro .content-img {
  width: 70%;
}
@media (max-width: 940px) {
  .content-header .content-intro .content-img {
    width: 100%;
  }
}
.content-header .content-intro .content-details {
  color: #fff;
  background: #212432;
  padding: 2rem 4rem 4rem 4rem;
  width: 30%;
}
@media (max-width: 940px) {
  .content-header .content-intro .content-details {
    width: 100%;
  }
}
.content-header .content-intro .content-details .stats {
  padding-top: 0;
}
.preview-actions .cards {
  margin: 0 1rem;
  width: 320px;
}
@media (max-width: 600px) {
  .preview-actions .cards {
    margin: 0;
  }
}
.preview-actions .cards .card {
  width: 100%;
  margin: 0;
}
.preview-actions .cards .card .card-group {
  width: 100%;
  height: 300px;
  margin: 0;
}
.preview-actions .cards .card .card-group img {
  width: 320px;
}
.preview-actions .plus-membership {
  margin: 0 1rem;
  width: 320px;
}
@media (max-width: 600px) {
  .preview-actions .plus-membership {
    margin: 0;
  }
}
.preview-actions .plus-membership .unit-plus {
  padding: 0;
}
.preview-actions .plus-membership .unit-plus .unit-content {
  height: 300px;
}
.preview-actions .unit-link {
  text-align: center;
  margin: 2rem 1rem;
  width: calc(100% - 2rem);
  display: block;
  position: relative;
  clear: both;
}
.preview-actions .no-thanks {
  text-align: center;
}
.-content-body .article {
  width: calc(100% - 320px - 4rem);
  margin: 4rem 2rem;
}
@media (max-width: 768px) {
  .-content-body .article {
    width: 100%;
  }
}
.-content-body .article .article-header {
  margin: 0 0 2rem 0;
}
.-content-body .article .article-body b,
.-content-body .article .article-body strong {
  color: #000;
}
.-content-body .article .article-body ul:not([class]),
.-content-body .article .article-body ol:not([class]) {
  color: #4e5262;
  max-width: 80%;
}
.-content-body .article .article-body ul:not([class]) li,
.-content-body .article .article-body ol:not([class]) li {
  padding: 0 0 1rem 0;
  margin: 0 0 0 1.5rem;
  line-height: 2.2rem;
}
.-content-body .article .article-body ul:not([class]) li > ul,
.-content-body .article .article-body ul:not([class]) li > ol,
.-content-body .article .article-body ol:not([class]) li > ul,
.-content-body .article .article-body ol:not([class]) li > ol {
  margin: 0;
  padding-bottom: 0;
}
.-content-body .article .article-body ul:not([class]) li > ul li:last-child,
.-content-body .article .article-body ul:not([class]) li > ol li:last-child,
.-content-body .article .article-body ol:not([class]) li > ul li:last-child,
.-content-body .article .article-body ol:not([class]) li > ol li:last-child {
  padding: 0;
}
.-content-body .article .article-body p + ol,
.-content-body .article .article-body p + ul {
  margin-top: -2rem;
}
.-content-body .related-content {
  padding: 4.5rem 1rem 0;
  margin: 0 0 2rem 0;
  width: 320px;
}
@media (max-width: 768px) {
  .-content-body .related-content {
    width: 100%;
    padding: 0 2rem;
  }
}
.-content-body .related-content .group {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}
.-content-body .related-content .-card-view {
  width: 100%;
  margin: 5px 0;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
}
@media (max-width: 768px) {
  .-content-body .related-content .-card-view {
    width: calc(50% - 1rem);
  }
}
@media (max-width: 600px) {
  .-content-body .related-content .-card-view {
    width: 100%;
  }
}
.-content-body .comments {
  width: 100%;
  margin: 0;
}
.fb-mission {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  background: #fff;
  border-radius: 4px;
}
.fb-mission i {
  color: #e84452;
  font-size: 4rem;
  margin: 2rem 0 2rem 2rem;
}
.fb-mission .message {
  margin: 2rem;
  padding: 0;
  line-height: 1.5em;
}
.nav-carrot {
  height: 7px;
  width: 15px;
  margin-bottom: 12px;
  margin-left: -2px;
  display: inline-block;
  color: #4296cb;
  font-size: 20px;
}
.hamburger {
  border: none;
  display: none;
  padding: 0px;
  color: #212432;
}
.hamburger i {
  display: block;
}
.fb-menu {
  height: 110px;
  background: #fff;
  border-bottom: 1px solid rgba(227, 235, 238, 0.5);
}
.fb-menu ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.fb-menu ul li {
  margin: 0px;
  padding: 0px;
  line-height: 1em;
}
.fb-menu ul li a,
.fb-menu ul li .anchor {
  display: block;
  position: static;
  background: none;
}
.fb-menu ul li a,
.fb-menu ul li .anchor,
.fb-menu .menu-login-label {
  text-transform: uppercase;
  color: #212432;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.fb-menu .nav-carrot {
  vertical-align: text-bottom;
}
.fb-menu .container.header-container {
  height: 110px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: space-between;
}
.fb-menu .plus {
  color: #4296cb;
}
.fb-menu .fb-plus-free {
  color: #26bc35;
}
.fb-menu h1.brand {
  height: 100%;
}
.fb-menu .menu-main {
  align-self: stretch;
  display: -webkit-box;
  display: flex;
  width: 100%;
  align-items: center;
}
.fb-menu .menu-main > ul {
  display: -webkit-box;
  display: flex;
  align-self: stretch;
  gap: 3.5rem;
  width: 100%;
  font-family: Poppins;
}
.fb-menu .menu-main > ul > li {
  height: 110px;
}
.fb-menu .menu-main > ul > li > .anchor {
  height: 110px;
  color: #212432;
  padding: 0px 9px 0px 9px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
  align-items: flex-end;
}
.fb-menu .menu-main > ul > li > .anchor > span {
  display: block;
  padding-bottom: 50px;
  position: relative;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 2px;
}
.fb-menu .menu-main > ul > li > .anchor > span:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 3px;
  background: #4296cb;
  display: none;
}

.session-btn {
  color: white;
  background: var(--prime-clr);
  padding: 16px 30px 16px 30px;
  border-style: none;
  width: min-content;
  height: 50px;
  border-radius: 0px 25px 0px 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-wrap: nowrap;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
}

.session-btn:hover{
  background-color: gray;
}
.session-btn:active{
  transform: scale(0.95);
  transition: all 0.5s ease-in-out;
}
.fb-menu .menu-main > ul > li.workouts > .anchor {
  padding-right: 7px;
}
.fb-menu .menu-main > ul > li.healthy-living > .anchor {
  padding-left: 7px;
  padding-right: 7px;
}
.fb-menu .menu-main > ul > li.community > .anchor {
  padding-left: 7px;
}
@media screen and (min-width: 1270px) {
  .fb-menu .menu-main > ul > li > .anchor {
    padding: 0px 16px 0px 16px;
  }
  .fb-menu .menu-main > ul > li.workouts > .anchor {
    padding-right: 11px;
  }
  .fb-menu .menu-main > ul > li.healthy-living > .anchor {
    padding-left: 11px;
    padding-right: 11px;
  }
  .fb-menu .menu-main > ul > li.community > .anchor {
    padding-left: 11px;
  }
}
.no-touchevents .fb-menu .menu-main > ul > li:hover > a > span:after,
[data-whatintent="mouse"].pointerevents
  .fb-menu
  .menu-main
  > ul
  > li:hover
  > a
  > span:after {
  display: block;
}
.no-touchevents .fb-menu .menu-main > ul > li:hover .sub-menu,
[data-whatintent="mouse"].pointerevents
  .fb-menu
  .menu-main
  > ul
  > li:hover
  .sub-menu {
  display: -webkit-box;
  display: flex;
}
.fb-menu .menu-main > ul > li.hover > a > span:after,
.fb-menu .menu-main > ul > li.active > a > span:after {
  display: block;
}
.fb-menu .menu-main > ul > li.hover .sub-menu {
  display: -webkit-box;
  display: flex;
}
.fb-menu .menu-main .sub-menu {
  left: 0px;
  position: absolute;
  width: 100%;
  z-index: 100;
  display: none;
  -webkit-box-pack: center;
  justify-content: center;
  height: 150px;
  background: #313443;
  border-bottom: 1px solid #7b7f92;
}
.fb-menu .menu-main .sub-menu li {
  height: 100%;
  width: 190px;
}
.fb-menu .menu-main .sub-menu li a {
  display: block;
  text-align: center;
  color: #fff;
  height: 100%;
}
.fb-menu .menu-main .sub-menu li a span {
  display: block;
}
.fb-menu .menu-main .sub-menu li a span.menu-icon {
  height: 86px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  justify-content: center;
}
.fb-menu .menu-main .sub-menu li a span.menu-icon .icon.-health,
.fb-menu .menu-main .sub-menu li a span.menu-icon .icon.-workout-programs {
  margin-left: 7px;
}
.fb-menu .menu-main .sub-menu li a span.menu-label {
  white-space: nowrap;
  padding-top: 11px;
}
.fb-menu .menu-main .sub-menu li a:hover {
  background: #222533;
}
.fb-menu .menu-controls {
  margin-left: auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
  height: 100%;
}
.fb-menu .menu-controls .menu-login {
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.fb-menu .menu-controls .menu-login .menu-login-button {
  height: 110px;
  border-left: 1px solid rgba(227, 235, 238, 0.5);
  border-right: 1px solid rgba(227, 235, 238, 0.5);
  padding-left: 30px;
  padding-right: 21px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
  align-items: flex-end;
  padding-bottom: 32px;
  cursor: pointer;
  position: relative;
}
.fb-menu .menu-controls .menu-login .menu-login-button:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 3px;
  background: #4296cb;
  display: none;
}
.fb-menu .menu-controls .menu-login .menu-login-button .menu-id > span {
  display: block;
}
.fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .menu-id
  > span.menu-login-name {
  font-size: 13px;
  color: #4296cb;
  white-space: nowrap;
  margin-bottom: -2px;
}
.fb-menu .menu-controls .menu-login .menu-login-button .menu-login-avatar {
  width: 48px;
}
.fb-menu .menu-controls .menu-login .menu-login-button .avatar-container,
.fb-menu .menu-controls .menu-login .menu-login-button .avatar-guest {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 19px;
  margin: 0px 8px 0px 0px;
  position: relative;
  top: 3px;
  z-index: 1;
}
.fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-container
  .iconfont-carrot,
.fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-container
  .nav-carrot,
.fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-guest
  .iconfont-carrot,
.fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-guest
  .nav-carrot {
  display: none;
}
.fb-menu .menu-controls .menu-login .menu-login-button .avatar-container img,
.fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-container
  .avatar-placeholder,
.fb-menu .menu-controls .menu-login .menu-login-button .avatar-guest img,
.fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-guest
  .avatar-placeholder {
  border-radius: 50%;
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  -webkit-box-flex: 0;
  flex: 0;
}
.fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-container.has-notification:before {
  display: block;
  border-radius: 50%;
  position: absolute;
  background: #cc0605;
  border: 2px solid #fff;
  content: " ";
  width: 16px;
  height: 16px;
  right: -3px;
  top: -3px;
}
.fb-menu .menu-controls .menu-login .menu-login-button .has-achievement {
  z-index: -1;
  display: block;
  border-radius: 50%;
  position: absolute;
  width: 44px;
  height: 44px;
  left: -2px;
  top: -2px;
  -webkit-animation: fade 3s ease 1s infinite none running;
  animation: fade 3s ease 1s infinite none running;
  opacity: 0;
  background: #7ddaff;
}
@media only screen and (max-width: 1200px) {
  .fb-menu .menu-controls .menu-login .menu-login-button .has-achievement {
    left: 0;
    top: 0;
  }
}
@-webkit-keyframes fade {
  0%,
  30% {
    opacity: 0;
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  40% {
    opacity: 1;
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
  50% {
    opacity: 0.5;
    -webkit-filter: blur(2px);
    filter: blur(2px);
  }
  60% {
    opacity: 1;
    -webkit-filter: blur(8px);
    filter: blur(8px);
  }
  70%,
  100% {
    opacity: 0;
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
}
@keyframes fade {
  0%,
  30% {
    opacity: 0;
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  40% {
    opacity: 1;
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
  50% {
    opacity: 0.5;
    -webkit-filter: blur(2px);
    filter: blur(2px);
  }
  60% {
    opacity: 1;
    -webkit-filter: blur(8px);
    filter: blur(8px);
  }
  70%,
  100% {
    opacity: 0;
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
}
.fb-menu .menu-controls .menu-login .menu-login-button.logged-in {
  padding-left: 20px;
}
.fb-menu
  .menu-controls
  .menu-login
  .menu-login-button.logged-out
  .avatar-container,
.fb-menu
  .menu-controls
  .menu-login
  .menu-login-button.logged-out
  .avatar-guest {
  display: none;
}
.no-touchevents
  .fb-menu
  .menu-controls
  .menu-login:hover
  .menu-login-button:after,
[data-whatintent="mouse"].pointerevents
  .fb-menu
  .menu-controls
  .menu-login:hover
  .menu-login-button:after {
  display: block;
}
.no-touchevents .fb-menu .menu-controls .menu-login:hover .menu-login-dropdown,
[data-whatintent="mouse"].pointerevents
  .fb-menu
  .menu-controls
  .menu-login:hover
  .menu-login-dropdown {
  display: block;
}
.fb-menu .menu-controls .menu-login.hover .menu-login-button:after {
  border-color: #4296cb;
}
.fb-menu .menu-controls .menu-login.hover .menu-login-dropdown {
  display: -webkit-box;
  display: flex;
}
.fb-menu .menu-controls .menu-util {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
  height: 100%;
}
.fb-menu .menu-controls .menu-util .menu-search,
.fb-menu .menu-controls .menu-util .menu-cart {
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
  align-items: flex-end;
  cursor: pointer;
}
.fb-menu .menu-controls .menu-util .menu-search > span:first-child,
.fb-menu .menu-controls .menu-util .menu-cart > span:first-child {
  padding-bottom: 28px;
  display: block;
  width: 24px;
  overflow: hidden;
  position: relative;
}
.fb-menu .menu-controls .menu-util .menu-search > span:first-child:after,
.fb-menu .menu-controls .menu-util .menu-cart > span:first-child:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 3px;
  background: #4296cb;
  display: none;
}
.fb-menu .menu-controls .menu-util .menu-search:hover > span:after,
.fb-menu .menu-controls .menu-util .menu-cart:hover > span:after {
  display: block;
}
.fb-menu .menu-controls .menu-util .menu-search {
  padding-left: 20px;
  padding-right: 15px;
}
.fb-menu .menu-controls .menu-util .menu-search.hover .search-dropdown {
  display: block;
}
.fb-menu .menu-controls .menu-util .menu-cart {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  color: #4296cb;
  position: static;
  -webkit-text-decoration: none;
  text-decoration: none;
  background: none;
  display: -webkit-box;
  display: flex;
  color: #212432;
}
.fb-menu .menu-controls .menu-util .menu-cart .cart-number {
  color: #4296cb;
  margin-left: 9px;
  padding-top: 3px;
  font-weight: bold;
  font-size: 13px;
  padding-bottom: 33px;
}
.fb-menu .menu-login-dropdown {
  display: none;
  position: absolute;
  border-right: 1px solid #7b7f92;
  border-left: 1px solid #7b7f92;
  border-bottom: 1px solid #7b7f92;
  background-color: #313443;
  z-index: 100;
}
.fb-menu .menu-login-dropdown .menu-login-join {
  padding: 3rem 3.1rem 4.1rem 3.1rem;
  width: 242px;
}
.fb-menu .menu-login-dropdown .menu-login-join .heading {
  margin-bottom: 1.2rem;
  color: #fff;
}
.fb-menu .menu-login-dropdown .menu-login-join p {
  color: #ced1db;
  padding-bottom: 2.4rem;
}
.fb-menu .menu-login-dropdown .menu-login-join .btn {
  margin-bottom: 2.4rem;
}
.fb-menu .menu-login-dropdown .menu-login-join .btn.-link-reverse {
  margin: 0px;
}
.fb-menu .menu-login-dropdown .menu-login-user {
  font-size: 1.3rem;
  padding: 2.6rem 2.6rem 2.6rem 2.6rem;
  list-style: none;
  margin: 0px;
  width: 255px;
}
.fb-menu .menu-login-dropdown .menu-login-user li {
  margin-bottom: 2rem;
  line-height: 1.2em;
}
.fb-menu .menu-login-dropdown .menu-login-user li:last-child {
  margin: 0px;
}
.fb-menu .menu-login-dropdown .menu-login-user li a {
  color: #fff;
  display: -webkit-box;
  display: flex;
  line-height: 16px;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
}
.fb-menu .menu-login-dropdown .menu-login-user li a span {
  font-size: 16px;
  margin-right: 1.5rem;
  display: inline-block;
  top: -1px;
  position: relative;
  width: 16px;
  color: #7b7f91;
}
[data-whatinput="keyboard"]
  .fb-menu
  .menu-login-dropdown
  .menu-login-user
  li
  a:focus,
.fb-menu .menu-login-dropdown .menu-login-user li a:focus,
.fb-menu .menu-login-dropdown .menu-login-user li a:hover,
.fb-menu .menu-login-dropdown .menu-login-user li a:active,
.fb-menu .menu-login-dropdown .menu-login-user li a.active,
.fb-menu .menu-login-dropdown .menu-login-user li a[aria-expanded="true"] {
  color: #ced0db;
}
[data-whatinput="keyboard"]
  .fb-menu
  .menu-login-dropdown
  .menu-login-user
  li
  a:focus
  span,
.fb-menu .menu-login-dropdown .menu-login-user li a:focus span,
.fb-menu .menu-login-dropdown .menu-login-user li a:hover span,
.fb-menu .menu-login-dropdown .menu-login-user li a:active span,
.fb-menu .menu-login-dropdown .menu-login-user li a.active span,
.fb-menu .menu-login-dropdown .menu-login-user li a[aria-expanded="true"] span {
  color: #4296cb;
}
.fb-menu .menu-login-dropdown .menu-login-user li .notification-count {
  color: #fff !important;
  font-size: 13px;
  font-weight: bold;
  background: #cc0605;
  border-radius: 10px;
  height: 20px;
  line-height: 20px;
  display: block;
  min-width: 30px;
  padding: 0px 5px;
  text-align: center;
  position: absolute;
  right: 0px;
}
.fb-menu .search-dropdown {
  position: absolute;
  left: 0px;
  background: #313443;
  width: 100%;
  display: block;
  height: 150px;
  top: 110px;
  z-index: 100;
  border-bottom: 1px solid #7b7f92;
  display: none;
}
.announcement_body .fb-menu .search-dropdown {
  top: 152px;
}
.fb-menu .search-dropdown .container {
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
}
.fb-menu .search-dropdown .search-form button[type="submit"] {
  margin-top: -16px;
}
.fb-menu .search-dropdown .search-form i {
  color: #fff;
}
@media (max-width: 1200px) {
  .fb-menu .menu-controls .menu-login .menu-login-button {
    border-left: none;
    border-right: none;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 32px;
  }
  .fb-menu .menu-controls .menu-login .menu-login-button:after {
    width: 19px;
  }
  .fb-menu .menu-controls .menu-login .menu-login-button .menu-id {
    display: none;
  }
  .fb-menu .menu-controls .menu-login .menu-login-button .menu-login-avatar {
    width: 41px;
  }
  .fb-menu .menu-controls .menu-login .menu-login-button .avatar-container,
  .fb-menu .menu-controls .menu-login .menu-login-button .avatar-guest {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 19px;
    margin: 0px;
    position: relative;
    top: 4px;
    display: block !important;
  }
  .fb-menu
    .menu-controls
    .menu-login
    .menu-login-button
    .avatar-container
    .iconfont-carrot,
  .fb-menu
    .menu-controls
    .menu-login
    .menu-login-button
    .avatar-container
    .nav-carrot,
  .fb-menu
    .menu-controls
    .menu-login
    .menu-login-button
    .avatar-guest
    .iconfont-carrot,
  .fb-menu
    .menu-controls
    .menu-login
    .menu-login-button
    .avatar-guest
    .nav-carrot {
    position: absolute;
    right: -2px;
    bottom: 6px;
    display: block;
  }
  .fb-menu
    .menu-controls
    .menu-login
    .menu-login-button
    .avatar-container
    .has-achievement,
  .fb-menu
    .menu-controls
    .menu-login
    .menu-login-button
    .avatar-guest
    .has-achievement {
    width: 30px;
    height: 30px;
  }
  .fb-menu .menu-controls .menu-login .menu-login-button .avatar-container img,
  .fb-menu
    .menu-controls
    .menu-login
    .menu-login-button
    .avatar-container
    .avatar-placeholder,
  .fb-menu .menu-controls .menu-login .menu-login-button .avatar-guest img,
  .fb-menu
    .menu-controls
    .menu-login
    .menu-login-button
    .avatar-guest
    .avatar-placeholder {
    width: 30px;
    height: 30px;
  }
  .fb-menu .menu-controls .menu-login .menu-login-button .avatar-guest {
    top: -1px;
    margin-right: 0px;
    font-size: 20px;
    display: block;
  }
  .fb-menu
    .menu-controls
    .menu-login
    .menu-login-button
    .avatar-guest
    .iconfont-carrot,
  .fb-menu
    .menu-controls
    .menu-login
    .menu-login-button
    .avatar-guest
    .nav-carrot {
    position: absolute;
    right: -3px;
    bottom: 11px;
    display: block;
  }
  .fb-menu
    .menu-controls
    .menu-login
    .menu-login-button
    .avatar-container.has-notification:before {
    width: 14px;
    height: 14px;
    right: -4px;
    top: -4px;
  }
  .fb-menu .menu-controls .menu-login .menu-login-button.logged-in {
    padding-left: 0px;
  }
  .fb-menu .menu-controls .menu-login .menu-login-button.logged-in:after {
    width: 30px;
  }
  .fb-menu
    .menu-controls
    .menu-login
    .menu-login-button.logged-in
    .avatar-container {
    margin-right: 11px;
  }
  .fb-menu
    .menu-controls
    .menu-login
    .menu-login-button.logged-in
    .avatar-container
    .iconfont-carrot,
  .fb-menu
    .menu-controls
    .menu-login
    .menu-login-button.logged-in
    .avatar-container
    .nav-carrot {
    right: -12px;
  }
  .fb-menu .menu-controls .menu-util .menu-search {
    padding-left: 18px;
  }
  .fb-menu .menu-controls .menu-login {
    position: static;
  }
  .fb-menu .menu-login-dropdown {
    right: 0px;
  }
}
@media (max-width: 1060px) {
  .fb-menu .container.header-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1020px) {
  .fb-menu .menu-main,
  .fb-menu .menu-controls .menu-util {
    display: none;
  }
  .fb-menu .hamburger {
    display: block;
    padding-left: 16px;
    width: 40px;
    overflow: hidden;
  }
  .fb-menu .menu-controls .menu-login .menu-login-button {
    -webkit-box-align: center;
    align-items: center;
    padding-bottom: 9px;
  }
}
@media (max-width: 767px) {
  .fb-menu {
    height: 70px;
  }
  .fb-menu .container.header-container {
    height: 70px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .fb-menu .menu-controls .menu-login .menu-login-button {
    height: 70px;
  }
  .fb-menu h1.brand {
    align-self: center;
    margin-bottom: 0px;
  }
  .fb-menu h1.brand a {
    background: url(../img/logo.jpg);
    display: block;
    width: 100px;
    height: 90px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .fb-menu h1.brand.brand-fb-plus a {
    background: url("../img/site-logo.png");
  }
  .fb-menu h1.brand.brand-fb-plus-free a {
    background: url("../img/site-logo.png");
  }
}
.fixed-header {
  padding-top: 110px;
}
.fixed-header .fb-menu {
  position: fixed;
  width: 100%;
  top: -70px;
  -webkit-transform: translateY(70px);
  transform: translateY(70px);
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
  -ms-transition: none;
  left: 0px;
  height: 70px;
  z-index: 100;
}
.fixed-header .fb-menu ul li a,
.fixed-header .fb-menu .menu-login-label {
  font-size: 12px;
}
.fixed-header .fb-menu .container.header-container {
  height: 70px;
}
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .has-achievement {
  left: 0;
  top: 0;
}
.fixed-header .fb-menu .menu-main > ul > li {
  height: 70px;
}
.fixed-header .fb-menu .menu-main > ul > li > .anchor {
  height: 70px;
  padding: 0px 10px 0px 10px;
}
.fixed-header .fb-menu .menu-main > ul > li > .anchor > span {
  padding-bottom: 27px;
}
.fixed-header .fb-menu .menu-main > ul > li.workouts > .anchor {
  padding-right: 11px;
}
.fixed-header .fb-menu .menu-main > ul > li.healthy-living > .anchor {
  padding-left: 11px;
  padding-right: 11px;
}
.fixed-header .fb-menu .menu-main > ul > li.community > .anchor {
  padding-left: 11px;
}
.fixed-header .fb-menu h1.brand {
  margin-bottom: 15px;
}
.fixed-header .fb-menu .search-dropdown {
  top: 70px;
}
.fixed-header .fb-menu .menu-controls .menu-login .menu-login-button {
  border-left: none;
  border-right: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 32px;
}
.fixed-header .fb-menu .menu-controls .menu-login .menu-login-button:after {
  width: 19px;
}
.fixed-header .fb-menu .menu-controls .menu-login .menu-login-button .menu-id {
  display: none;
}
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .menu-login-avatar {
  width: 41px;
}
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-container,
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-guest {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 19px;
  margin: 0px;
  position: relative;
  top: 4px;
  display: block !important;
}
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-container
  .iconfont-carrot,
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-container
  .nav-carrot,
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-guest
  .iconfont-carrot,
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-guest
  .nav-carrot {
  position: absolute;
  right: -2px;
  bottom: 6px;
  display: block;
}
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-container
  .has-achievement,
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-guest
  .has-achievement {
  width: 30px;
  height: 30px;
}
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-container
  img,
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-container
  .avatar-placeholder,
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-guest
  img,
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-guest
  .avatar-placeholder {
  width: 30px;
  height: 30px;
}
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-guest {
  top: -1px;
  margin-right: 0px;
  font-size: 20px;
  display: block;
}
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-guest
  .iconfont-carrot,
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-guest
  .nav-carrot {
  position: absolute;
  right: -3px;
  bottom: 11px;
  display: block;
}
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button
  .avatar-container.has-notification:before {
  width: 14px;
  height: 14px;
  right: -4px;
  top: -4px;
}
.fixed-header .fb-menu .menu-controls .menu-login .menu-login-button.logged-in {
  padding-left: 0px;
}
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button.logged-in:after {
  width: 30px;
}
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button.logged-in
  .avatar-container {
  margin-right: 11px;
}
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button.logged-in
  .avatar-container
  .iconfont-carrot,
.fixed-header
  .fb-menu
  .menu-controls
  .menu-login
  .menu-login-button.logged-in
  .avatar-container
  .nav-carrot {
  right: -12px;
}
.fixed-header .fb-menu .menu-controls .menu-util .menu-search {
  padding-left: 18px;
}
.fixed-header .fb-menu .menu-controls .menu-login .menu-login-button {
  height: 70px;
  padding-bottom: 24px;
}
.fixed-header .fb-menu .menu-controls .menu-login .menu-login-button.logged-in {
  padding-bottom: 25px;
}
.fixed-header
  .fb-menu
  .menu-controls
  .menu-util
  .menu-search
  > span:first-child,
.fixed-header .fb-menu .menu-controls .menu-util .menu-cart > span:first-child {
  padding-bottom: 20px;
}
.fixed-header .fb-menu .menu-controls .menu-util .menu-cart .cart-number {
  padding-bottom: 25px;
}
@media (max-width: 1020px) {
  .fixed-header .fb-menu .menu-controls .menu-login .menu-login-button,
  .fixed-header
    .fb-menu
    .menu-controls
    .menu-login
    .menu-login-button.logged-in {
    padding-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .fixed-header {
    padding-top: 70px;
  }
  .fixed-header .fb-menu h1.brand {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 1420px) {
  .fixed-header .fb-menu .menu-controls .menu-login {
    position: static;
  }
  .fixed-header .fb-menu .menu-login-dropdown {
    right: 0px;
  }
}
.alt-nav ul {
  margin: 0rem;
  padding: 0rem;
  list-style: none;
  text-transform: uppercase;
}
.alt-nav li {
  margin-bottom: 2rem;
  line-height: 1.2em;
}
.alt-nav a {
  font-size: 1.3rem;
  color: #7b7f92;
  color: #a7aabb;
  letter-spacing: 0.05em;
}
.alt-nav a.demi {
  color: #e3ebee;
}
[data-whatinput="keyboard"] .alt-nav a:focus,
.alt-nav a:focus,
.alt-nav a:hover,
.alt-nav a:active,
.alt-nav a.active,
.alt-nav a[aria-expanded="true"] {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(100%, #3a3d4d),
    to(transparent)
  );
  background-image: linear-gradient(to right, #3a3d4d 100%, transparent 100%);
}
.mobile-nav {
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
  position: fixed;
  right: 0px;
  top: 0px;
  width: 264px;
  z-index: 100;
  height: 100vh;
}
.mobile-nav.-open {
  visibility: visible;
}
.mobile-nav[aria-hidden] {
  display: none;
}
@media (max-width: 1020px) {
  .mobile-nav[aria-hidden] {
    display: block;
  }
}
.mobile-nav .scroll,
.mobile-nav .header {
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
  -webkit-transform: translate(100%);
  transform: translate(100%);
}
.mobile-nav .scroll {
  background: #212432;
  overflow: auto;
  height: calc(100vh - 110px);
}
.mobile-nav html[data-whatinput="touch"] .scroll {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.mobile-nav .header {
  background: #313443;
  display: -webkit-box;
  display: flex;
  height: 110px;
}
@media (max-width: 767px) {
  .mobile-nav .header {
    height: 70px;
  }
}
.fixed-header .mobile-nav .header {
  height: 70px;
}
.mobile-nav .search-form {
  padding: 2.8rem 0rem;
  border-bottom: 1px solid #313443;
  border-top: 1px solid #313443;
}
.mobile-nav .search-form input[type="text"] {
  padding-left: 1rem;
  padding-right: 4.4rem;
  border: 0px;
  font-size: 13px;
  letter-spacing: 0.05em;
  font-weight: 600;
  position: relative;
}
@media (max-width: 767px) {
  .mobile-nav .search-form input[type="text"] {
    font-size: 16px;
  }
  .mobile-nav .search-form input[type="text"]::-webkit-input-placeholder {
    font-size: 13px;
  }
  .mobile-nav .search-form input[type="text"]::-moz-placeholder {
    font-size: 13px;
  }
  .mobile-nav .search-form input[type="text"]:-ms-input-placeholder {
    font-size: 13px;
  }
  .mobile-nav .search-form input[type="text"]:-moz-placeholder {
    font-size: 13px;
  }
}
.mobile-nav .search-form button[type="submit"] {
  display: block;
  overflow: visible;
  margin-top: -11px;
  right: 14px;
}
.mobile-nav .header__item.cart {
  border-left: 1px solid #4e5262;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 0px;
  width: 81px;
  height: 100%;
}
.mobile-nav ul {
  margin: 0.5rem 3rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #3a3d4d;
}
.mobile-nav ul.first {
  padding-top: 3.6rem;
}
.mobile-nav ul:last-child {
  border-bottom: none;
  padding-bottom: 8rem;
}
.mobile-nav ul li {
  margin-bottom: 0;
}
.mobile-nav ul li a {
  display: inline-block;
  width: 200px;
  padding: 1.15rem 0;
}
.fixed-header .mobile-nav .search-form {
  padding: 0.8rem 0;
}
.fixed-header .mobile-nav .header__item.cart {
  height: 70px;
}
@media (max-width: 767px) {
  .mobile-nav .scroll {
    height: calc(100vh - 70px);
  }
  .mobile-nav .search-form {
    padding: 0.8rem 0;
  }
  .mobile-nav .header__item.cart {
    height: 70px;
  }
}
[data-whatinput="keyboard"] .mobile-nav a:focus,
.mobile-nav a:focus,
.mobile-nav a:hover,
.mobile-nav a:active,
.mobile-nav a.active,
.mobile-nav a[aria-expanded="true"] {
  background-image: none;
}
.mobile-nav .plus {
  color: #7ddaff;
}
.mobile-nav .fb-plus-free {
  color: #26bc35;
}
#content,
footer,
.fb-menu {
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}
body.mobile-open {
  height: 100vh;
  overflow: hidden;
}
body.mobile-open .mobile-nav {
  pointer-events: auto;
}
body.mobile-open .mobile-nav .scroll,
body.mobile-open .mobile-nav .header {
  -webkit-transform: translate(0);
  transform: translate(0);
}
body.mobile-open #content,
body.mobile-open footer {
  -webkit-transform: translateX(-260px);
  transform: translateX(-260px);
}
body.mobile-open .fb-menu {
  -webkit-transform: translateX(-260px) translateY(0px);
  transform: translateX(-260px) translateY(0px);
}
body.mobile-open .fb-menu > .container {
  -webkit-box-pack: end;
  justify-content: flex-end;
}
body.mobile-open .fb-menu .menu-controls .menu-login {
  opacity: 0;
  pointer-events: none;
}
body.mobile-open .announcement {
  display: none;
}
body.mobile-open.fixed-header .fb-menu {
  -webkit-transform: translateX(-260px) translateY(70px);
  transform: translateX(-260px) translateY(70px);
}
body.mobile-open.fixed-header .mobile-nav .scroll {
  height: calc(100vh - 70px);
}
.brand {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
}
/* .brand a {
  background: url(../img/site-logo.png);
  display: block;
  width: 160px;
  height: 45px;
  text-indent: -9999px;
  background-size: 100% 100%;
} */
.brand a {
  background: url(../img/logo.jpg);
  display: block;
  width: 100px;
  height: 90px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.brand.brand-fb-plus a {
  background: url("../img/site-logo.png");
}
.brand.brand-fb-plus-free a {
  background: url("../img/site-logo.png");
}

.group-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
.group-brand img {
  height: 45px;
  width: auto;
  max-width: 100%;
}
.group-brand.brand-fb-plus {
  width: 156px;
}
.group-brand.co-brand {
  border-left: 1px solid #ced1db;
  padding: 0 0 0 2rem;
  margin: 0 0 0 2rem;
}
.footer_cta {
  background-image: linear-gradient(-225deg, #2eb7ce 0%, #4296cb 100%);
  height: 200px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.footer_cta .cta_content {
  -webkit-box-flex: 1;
  flex: 1 100%;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}
.footer_cta .cta_content .btn {
  margin-bottom: 0px;
  width: 300px;
}
@media (max-width: 940px) {
  .footer_cta .cta_content {
    display: block;
    text-align: center;
  }
  .footer_cta .cta_content .heading {
    padding-bottom: 30px;
  }
}
@media (max-width: 600px) {
  .footer_cta {
    height: auto;
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .footer_cta .cta_content .btn {
    width: 100%;
    max-width: 300px;
  }
  .footer_cta .cta_content .heading {
    padding-bottom: 20px;
  }
  .footer_cta .cta_content .heading.-medium {
    line-height: 26px;
  }
}
.site__footer {
  background: #212432;
  padding-top: 8rem;
  padding-bottom: 3.2rem;
}
.site__footer .container {
  display: -webkit-box;
  display: flex;
}
.site__footer .brand {
  flex-basis: 42%;
  margin: 0px;
  -webkit-box-pack: start;
  justify-content: flex-start;
}
.site__footer p {
  font-size: 1.3rem;
  color: #7b7f92;
  padding: 0px;
  text-align: center;
  width: 100%;
}
.site__footer p a {
  margin: 0rem 0.8rem;
  color: #a7aabb;
}
[data-whatinput="keyboard"] .site__footer p a:focus,
.site__footer p a:focus,
.site__footer p a:hover,
.site__footer p a:active,
.site__footer p a.active,
.site__footer p a[aria-expanded="true"] {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(100%, #3a3d4d),
    to(transparent)
  );
  background-image: linear-gradient(to right, #3a3d4d 100%, transparent 100%);
}
.site__footer .end {
  padding-top: 32px;
  border-top: 1px solid #3a3d4d;
  width: 100%;
  display: -webkit-box;
  display: flex;
}
.site__footer .nav-smicons a {
  color: #fff;
}
.footer__nav {
  width: 100%;
  padding-bottom: 10px;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: center;
}
.footer__nav ul {
  max-width: 100%;
  display: flex;
  gap: 2rem;
}
.nav-smicons.footer-smicons li {
  margin: 0px 0px 0px 0px;
}
.nav-smicons.footer-smicons li a {
  font-size: 19px;
}
.nav-smicons.footer-smicons li a:hover {
  color: #7b7f92;
}
.nav-smicons.footer-smicons li.pinterest-smi a,
.nav-smicons.footer-smicons li.facebook-smi a {
  font-size: 18px;
}
@media (max-width: 1110px) {
  .site__footer p a {
    margin: 0 0.4rem;
  }
  .site__footer .brand {
    flex-basis: 33.3%;
  }
  .site__footer .end {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .site__footer .nav-smicons {
    margin: 0px;
  }
  .site__footer .nav-smicons li {
    margin: 0rem 2rem 0rem 0rem;
  }
}
@media (max-width: 768px) {
  .site__footer .end p {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .site__footer .end .nav-smicons {
    padding-bottom: 1.6rem;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .site__footer .brand {
    padding-bottom: 60px;
  }
  .site__footer .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    display: block;
  }
}
@media (max-width: 600px) {
  .site__footer {
    padding-top: 6rem;
  }
  .footer__nav {
    padding-bottom: 4.4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .footer__nav ul {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #3a3d4d;
    max-width: none;
  }
  .footer__nav ul:last-child {
    margin: 0px;
    padding: 0px;
    border: none;
  }
}
header.basic,
header.narrow-header,
header.nav-header {
  padding-top: 67px;
  background: #fff;
}
header.basic .heading,
header.narrow-header .heading,
header.nav-header .heading {
  font-weight: 400;
}
header.basic .heading.-large,
header.basic .heading.-subhead,
header.narrow-header .heading.-large,
header.narrow-header .heading.-subhead,
header.nav-header .heading.-large,
header.nav-header .heading.-subhead {
  margin-left: -4px;
}
@media (max-width: 940px) {
  header.basic .heading -large,
  header.basic .heading -subhead,
  header.narrow-header .heading -large,
  header.narrow-header .heading -subhead,
  header.nav-header .heading -large,
  header.nav-header .heading -subhead {
    margin-left: -2px;
  }
}
@media (max-width: 768px) {
  header.basic,
  header.narrow-header,
  header.nav-header {
    padding-top: 53px;
  }
  header.basic .heading -large,
  header.basic .heading -subhead,
  header.narrow-header .heading -large,
  header.narrow-header .heading -subhead,
  header.nav-header .heading -large,
  header.nav-header .heading -subhead {
    margin-left: -1px;
  }
}
@media (max-width: 600px) {
  header.basic,
  header.narrow-header,
  header.nav-header {
    padding-top: 38px;
  }
}
header.basic {
  padding-bottom: 45px;
}
header.basic.controls-header {
  padding-bottom: 18px;
}
header.basic.search_results {
  padding-bottom: 50px;
}
@media (max-width: 768px) {
  header.basic {
    padding-bottom: 21px;
  }
  header.basic.search_results {
    padding-bottom: 30px;
  }
}
@media (max-width: 600px) {
  header.basic {
    padding-bottom: 6px;
  }
  header.basic.controls-header {
    padding-bottom: 12px;
  }
  header.basic.search_results {
    padding-bottom: 20px;
  }
}
header.basic.narrow-header,
header.narrow-header {
  padding-bottom: 15px;
}
@media (max-width: 600px) {
  header.basic.narrow-header,
  header.narrow-header {
    padding-bottom: 6px;
  }
}
.masthead {
  position: relative;
  border-bottom: 1px solid #e7edef;
}
.masthead.bottom-margin {
  margin-bottom: 70px;
}
.masthead.image-masthead {
  background-color: #222533;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 550px;
  color: #fff;
}
.masthead.image-masthead .mobile-image {
  display: none;
}
.masthead.image-masthead .container {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  height: 100%;
}
.masthead.image-masthead .masthead-text {
  max-width: 55%;
}
.masthead.image-masthead .masthead-text,
.masthead.image-masthead .masthead-text * {
  color: #fff;
}
.masthead.image-masthead .masthead-text .heading.-huge {
  letter-spacing: -0.02em;
  margin-left: -3px;
}
.masthead.image-masthead .eyebrow {
  padding-bottom: 15px;
  padding-left: 0px;
  color: #4296cb;
  font-weight: 600;
  letter-spacing: 0.042em;
}
.masthead.image-masthead p {
  line-height: 1.625em;
  padding: 0px 30px 0px 0px;
  margin: -9px 0px 0px 0px;
}
.masthead.image-masthead .scroll-down-icon {
  position: absolute;
  bottom: 40px;
  left: 50%;
  font-size: 16px;
  color: #b6eeff;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.masthead.no-blurb .heading {
  margin: 0px;
}
@media (max-width: 940px) {
  .masthead.image-masthead {
    height: 480px;
  }
  .masthead.image-masthead .scroll-down-icon {
    bottom: 30px;
  }
}
@media (max-width: 600px) {
  .masthead {
    border-bottom: 0px;
  }
  .masthead.image-masthead {
    height: auto;
    background-image: none !important;
    text-align: center;
  }
  .masthead.image-masthead .container {
    display: block;
    height: auto;
  }
  .masthead.image-masthead .mobile-image {
    display: block;
    width: 100vw;
    height: auto;
  }
  .masthead.image-masthead .scroll-down-icon {
    font-size: 12px;
    bottom: 20px;
  }
  .masthead.image-masthead .masthead-text {
    max-width: none;
    padding-top: 27px;
    padding-bottom: 70px;
  }
  .masthead.image-masthead .masthead-text .heading.-huge {
    margin-left: 0px;
  }
  .masthead.image-masthead .eyebrow {
    padding-bottom: 9px;
    padding-left: 0px;
    letter-spacing: 0.05em;
  }
  .masthead.image-masthead p {
    margin-top: -2px;
    padding: 0px;
    line-height: 23px;
  }
  .masthead.image-masthead.no-blurb .masthead-text {
    padding-bottom: 55px;
  }
  .masthead.bottom-margin {
    margin-bottom: 45px;
  }
}
.masthead.image-masthead.healthy-living,
.masthead.image-masthead.workouts {
  margin-bottom: 16px;
}
@media (max-width: 1200px) {
  .masthead.image-masthead.healthy-living,
  .masthead.image-masthead.workouts {
    margin-bottom: 3px;
  }
}
.masthead.image-masthead.about {
  background-position: top right;
  min-height: 400px;
}
@media screen and (min-width: 941px) {
  .masthead.image-masthead.about {
    max-height: calc(100vh - 110px);
    height: 750px;
  }
}
@media (max-width: 600px) {
  .masthead.image-masthead.about {
    min-height: none;
  }
}
.masthead.image-masthead.about .eyebrow {
  color: #91eeda;
}
.masthead.image-masthead.about .masthead-text {
  max-width: 750px;
}
.masthead.image-masthead.about .scroll-down-icon {
  color: #fff;
}
.controls-header .title {
  margin-bottom: 8px;
}
.controls-header .btn,
.controls-header .form__group {
  margin: 0px;
}
.controls-header .controls {
  min-height: 40px;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
}
@media (max-width: 768px) {
  .controls-header .controls {
    min-height: 0px;
  }
  .controls-header .controls .icon.-filter {
    display: none;
  }
  .controls-header .controls .btn.-has-icon {
    margin-right: 2.4rem;
  }
  .controls-header .controls .discussion-action {
    margin-right: 2.8rem;
  }
  .controls-header .controls .discussion-action .iconfont-discussion {
    display: block !important;
    font-size: 16px;
    color: #000;
  }
  .controls-header .controls .discussion-action .btn.-main {
    display: none;
  }
  .controls-header .controls .select-style {
    width: 1.6rem;
    height: 1.6rem;
  }
  .controls-header .controls .select-style select {
    position: absolute;
    top: 0;
    left: auto;
    right: 0px;
    width: 60px;
    color: transparent;
    font-size: 16px;
  }
}
.controls-header .controls__filter {
  position: relative;
}
.controls-header .controls__filter .dropdown-menu-holder {
  margin-top: 2.8rem;
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: 10;
}
@media (max-width: 768px) {
  .controls-header .controls__filter .dropdown-menu-holder {
    left: auto;
    margin: 0;
    position: fixed;
    right: 0px;
    top: 0;
    z-index: 1010;
    width: 87.5%;
  }
}
.controls-header .controls__filter .iconfont-filter {
  font-size: 17px;
  color: #7b7f92;
  margin-right: 8px;
  display: inline-block;
}
@media (max-width: 768px) {
  .controls-header .controls__filter .iconfont-filter {
    display: none;
  }
  .controls-header .controls__filter .btn.-has-icon {
    font-size: 13px;
  }
}
.controls-header .flex-right {
  display: -webkit-box;
  display: flex;
  position: relative;
}
.controls-header .flex-right > .btn.-main,
.controls-header .flex-right .discussion-action {
  top: -2px;
  margin-right: 40px;
}
.controls-header .flex-right > .btn.-main .iconfont-discussion,
.controls-header .flex-right .discussion-action .iconfont-discussion {
  display: none;
}
.controls-header .flex-right .btn.-has-icon {
  top: -1px;
  margin-right: 34px;
}
@media (max-width: 768px) {
  .controls-header .flex-right > .btn.-main,
  .controls-header .flex-right .discussion-action {
    margin-right: 30px;
  }
  .controls-header .flex-right .btn.-has-icon {
    margin-right: 24px;
  }
}
.controls-header .search-form-small {
  margin-top: 15px;
  background: #fff;
  right: -50px;
  position: absolute;
  top: 100%;
  z-index: 25;
}
@media (max-width: 768px) {
  .controls-header .search-form-small {
    right: -19px;
  }
  .controls-header .title {
    margin-bottom: 18px;
  }
}
@media (max-width: 600px) {
  .controls-header .search-form-small {
    width: calc(100vw - 10px);
  }
  .controls-header .search-form-small input[type="text"] {
    width: 100%;
  }
  .controls-header .title {
    margin-bottom: 8px;
  }
}
@-webkit-keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(0, 2px, 0);
    transform: translate3d(0, 2px, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(0, 4px, 0);
    transform: translate3d(0, 4px, 0);
  }
}
@keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(0, 2px, 0);
    transform: translate3d(0, 2px, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(0, 4px, 0);
    transform: translate3d(0, 4px, 0);
  }
}
.unit-block.-comments {
  overflow: visible;
  overflow: initial;
}
.member-info {
  flex-wrap: wrap;
  padding: 0.5rem;
}
.member-badge {
  margin: 0.5rem;
  border-radius: 4px;
  background: #f0f4f6;
  height: 36px;
  display: -webkit-box;
  display: flex;
}
.member-badge .avatar {
  margin: 4px;
  border: 1px solid #fff;
  border-radius: 14px;
  height: 28px;
  width: 28px;
  min-width: 28px;
  background: #ced1db;
  position: relative;
}
.member-badge .avatar img {
  border-radius: 14px;
  height: 26px;
  width: 26px;
}
.member-badge .avatar .avatar-placeholder {
  position: absolute;
  top: 4px;
  color: #fff;
  background: none;
  width: 26px;
  text-align: center;
  font-size: 1.4rem;
}
.member-badge .screen-name {
  margin: 8px 10px 8px 5px;
  font-size: 1.6rem;
  width: calc(100% - 31px);
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  align-self: center;
}
.badge-group {
  position: relative;
}
.badge-group .badge {
  height: 36px;
  width: 36px;
  border-radius: 4px;
  margin: 0.5rem;
  background: none;
  display: block;
  cursor: pointer;
}
.badge-group .badge.verified {
  padding: 6px;
  color: #fff;
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#26bc35),
    to(#d6f41e)
  );
  background: linear-gradient(to bottom right, #26bc35 0%, #d6f41e 100%);
}
.badge-group .badge.admin {
  padding: 6px;
  color: #fff;
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3d97ce),
    to(#12debb)
  );
  background: linear-gradient(to bottom right, #3d97ce 0%, #12debb 100%);
}
.badge-group .badge-info {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.badge-group .badge-info.-open {
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
  visibility: visible;
  opacity: 1;
  z-index: 100;
}
.badge-group .badge-info .badge-info-close {
  height: 40px;
  width: 36px;
  border-radius: 4px 4px 0 0;
  padding: 6px;
  color: #fff;
  background: #313443;
  margin: 0.5rem 0.5rem 0;
  cursor: pointer;
}
.badge-group .badge-info .badge-info-text {
  text-transform: capitalize;
  border-radius: 4px;
  padding: 10px;
  color: #fff;
  background: #313443;
  font-size: 1.4rem;
  width: 200px;
  position: absolute;
  left: -76px;
  text-align: center;
}
.post-comment:after {
  content: "";
  display: table;
  clear: both;
}
.comment-form-close {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.comment-form-close .btn.-ico-only.-no-container {
  padding: 0.5rem;
}
.comment-form {
  padding: 0 0.5rem;
}
.comment-form .form__group {
  margin: 0 0 1rem 0;
}
.comment-form .comment-image {
  border: 1px solid #e3ebee;
  border-radius: 3px;
  margin: 0.5rem 0;
  padding: 1rem;
}
.comment-form .image-label {
  cursor: pointer;
}
.comment-form .image-label .image-ico {
  height: 24px;
}
.comment-form .image-label .upload-inst {
  margin-left: 1rem;
}
.comment-form .image-label .upload-inst .image-title {
  color: #4296cb;
  font-weight: bold;
  display: block;
  line-height: 2rem;
}
.comment-form .image-label .upload-inst .image-limit {
  display: block;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.comment-form .form__group.error .comment-image {
  border: 1px solid #e84452;
}
.comment-action {
  margin: 1rem;
  text-align: center;
}
.discussion-policy {
  font-size: 1.6rem;
  text-align: center;
  margin: 0 0 2rem;
}
.comment-time {
  margin: 0 1rem 0.5rem;
  font-size: 1.4rem;
  color: #4e5262;
}
.comment-time + .callout {
  margin: 0;
}
.comment-image {
  margin: 1rem;
  position: relative;
  overflow: hidden;
}
.comment-image .letterbox {
  opacity: 0.5;
  position: relative;
}
.comment-image .letterbox img.letterbox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  max-height: 60vh;
  width: 100%;
  -webkit-filter: blur(25px);
  filter: blur(25px);
}
.comment-image .letterbox img.letterbox-hold-height {
  display: block;
  max-height: 60vh;
  margin: 0 auto;
}
.comment-image .original {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.comment-image .original img {
  display: block;
  max-height: 60vh;
  margin: 0 auto;
}
.comment-body {
  margin: 1rem 1rem 0 1rem;
  font-size: 1.6rem;
}
.comment-body p {
  padding: 0 0 1rem 0;
  line-height: 1.5em;
  word-break: break-word;
}
.comment-reactions {
  display: -webkit-box;
  display: flex;
  margin: 0 1rem 2rem 1rem;
  font-size: 1.2rem;
  color: #7b7f92;
  position: relative;
}
.comment-reactions .reaction {
  margin: 0 1.5rem 0 0;
  padding: 0.2rem 1rem;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .comment-reactions .reaction {
    margin: 0 1rem 0 0;
  }
}
.comment-reactions .reaction.reaction-selected {
  background-color: #4296cb;
  color: #fff;
}
@media (max-width: 768px) {
  .comment-reactions {
    font-size: 1.2rem;
  }
}
.comment-reactions .reaction-count {
  margin: 0 0 0 0.5rem;
  position: relative;
  top: -1px;
}
@media (max-width: 768px) {
  .comment-reactions .reaction-count {
    margin: 0;
  }
}
.comment-actions {
  margin: 1rem 0 0 0;
  border-top: 1px solid #f0f4f6;
  height: 41px;
  position: relative;
}
.comment-actions .react,
.comment-actions .reply,
.comment-actions .flag {
  height: 40px;
  width: 40px;
}
.comment-actions .react .btn,
.comment-actions .reply .btn,
.comment-actions .flag .btn {
  padding: 8px;
  letter-spacing: 0;
}
.comment-actions .react .btn-ico,
.comment-actions .reply .btn-ico,
.comment-actions .flag .btn-ico {
  margin: 0;
}
.comment-actions .react.-flagged .btn,
.comment-actions .reply.-flagged .btn,
.comment-actions .flag.-flagged .btn {
  color: #e84452 !important;
}
.comment-actions .react {
  float: left;
}
.comment-actions .reply {
  float: left;
}
.comment-actions .flag {
  float: right;
}
.reaction-options {
  border-top: 1px solid #f0f4f6;
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
}
.reaction-options .form__group.-has-checkbox {
  margin: 0;
}
.reaction-options input[type="radio"] {
  cursor: pointer;
}
.reaction-options input[type="radio"] + .visual-checkbox-input {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  margin: 0;
  width: 44px;
  height: 44px;
  background: transparent;
  border: none;
  border-radius: 0;
}
.reaction-options input[type="radio"]:focus + .visual-checkbox-input {
  border: none;
}
.reaction-options input[type="radio"]:checked + .visual-checkbox-input {
  border: none;
}
.reaction-options input[type="radio"]:disabled + .visual-checkbox-input {
  background: none;
}
.reaction-options .btn {
  font-size: 1.6rem;
  padding: 0;
  margin: 0 auto;
  height: 44px;
  text-align: center;
}
.comment-reply {
  border-top: 1px solid #f0f4f6;
  padding: 0;
}
.reply-group {
  -webkit-box-align: stretch;
  align-items: stretch;
  align-content: stretch;
}
.reply-group .reply-marker {
  margin: 1rem 1rem 2rem 1rem;
  width: 4px;
  border-radius: 2px;
  background: #a7aabb;
}
.reply-group .replies {
  width: 100%;
}
.-load-reply {
  padding-top: 1rem;
}
body.no-scroll {
  height: 100vh;
  overflow: hidden;
}
.complete-flow {
  -webkit-animation: none 0s ease 0s 1 normal none running;
  animation: none 0s ease 0s 1 normal none running;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  background: transparent none repeat 0 0 / auto auto padding-box border-box
    scroll;
  border: medium none currentcolor;
  border-collapse: separate;
  -o-border-image: none;
  border-image: none;
  border-radius: 0;
  border-spacing: 0;
  bottom: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  caption-side: top;
  clear: none;
  clip: auto;
  color: #000;
  -webkit-columns: auto;
  -moz-columns: auto;
  columns: auto;
  -webkit-column-count: auto;
  -moz-column-count: auto;
  column-count: auto;
  -webkit-column-fill: balance;
  -moz-column-fill: balance;
  column-fill: balance;
  -webkit-column-gap: normal;
  -moz-column-gap: normal;
  column-gap: normal;
  -webkit-column-rule: medium none currentcolor;
  -moz-column-rule: medium none currentcolor;
  column-rule: medium none currentcolor;
  -webkit-column-span: 1;
  -moz-column-span: 1;
  column-span: 1;
  -webkit-column-width: auto;
  -moz-column-width: auto;
  column-width: auto;
  content: normal;
  counter-increment: none;
  counter-reset: none;
  cursor: auto;
  display: inline;
  empty-cells: show;
  float: none;
  font-family: serif;
  font-size: medium;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: normal;
  height: auto;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  left: auto;
  letter-spacing: normal;
  list-style: disc outside none;
  margin: 0;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  orphans: 2;
  outline: medium none currentcolor;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  padding: 0;
  page-break-after: auto;
  page-break-before: auto;
  page-break-inside: auto;
  -webkit-perspective: none;
  perspective: none;
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  position: static;
  right: auto;
  -moz-tab-size: 8;
  -o-tab-size: 8;
  tab-size: 8;
  table-layout: auto;
  text-align: left;
  -moz-text-align-last: auto;
  text-align-last: auto;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  top: auto;
  -webkit-transform: none;
  transform: none;
  -webkit-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
  -webkit-transform-style: flat;
  transform-style: flat;
  -webkit-transition: none 0s ease 0s;
  transition: none 0s ease 0s;
  vertical-align: baseline;
  visibility: visible;
  white-space: normal;
  widows: 2;
  width: auto;
  word-spacing: normal;
  z-index: auto;
  all: initial;
  font-family: "Maison Neue", "Helvetica Neue", Helvetica, Arial,
    "Lucida Grande", sans-serif;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0);
  visibility: hidden;
  -webkit-transition: background-color 250ms, visibility 250ms;
  transition: background-color 250ms, visibility 250ms;
}
.complete-flow.-open {
  background: rgba(0, 0, 0, 0.5);
  visibility: visible;
  -webkit-transition: background-color 250ms;
  transition: background-color 250ms;
}
.complete-flow.-open .-complete-group {
  top: 0;
  -webkit-transition: top 400ms ease-out, visibility 250ms;
  transition: top 400ms ease-out, visibility 250ms;
  visibility: visible;
}
.complete-flow .-complete-group {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-flow: column nowrap;
  width: 100%;
  max-width: 490px;
  height: 90vh;
  margin: 10vh auto 0;
  background: #f0f4f6;
  border-radius: 10px 10px 0 0;
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
  top: 90vh;
  visibility: hidden;
  -webkit-transition: top 250ms ease-in, visibility 250ms;
  transition: top 250ms ease-in, visibility 250ms;
}
.complete-flow .-complete-group .complete-hero {
  width: 100%;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #fff;
  height: 300px;
}
.complete-flow .-complete-group .complete-hero.-wc {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3d97ce),
    to(#12debb)
  );
  background: linear-gradient(to bottom right, #3d97ce 0%, #12debb 100%);
}
.complete-flow .-complete-group .complete-hero.-pc {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3b04b7),
    to(#c310a5)
  );
  background: linear-gradient(to bottom right, #3b04b7 0%, #c310a5 100%);
}
.complete-flow .-complete-group .complete-hero .complete-confetti {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  height: inherit;
  width: inherit;
}
.complete-flow .-complete-group .complete-hero .close-flow {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
.complete-flow .-complete-group .complete-hero .close-flow .btn {
  color: #fff;
  padding: 10px;
}
.complete-flow .-complete-group .complete-hero .close-flow .btn .btn-ico {
  margin: 0;
}
.complete-flow .-complete-group .complete-hero .complete-message {
  color: #fff;
  text-align: center;
  height: 300px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  justify-content: center;
}
.complete-flow .-complete-group .complete-hero .complete-message.message-in {
  -webkit-animation: fade-in 0.5s;
  animation: fade-in 0.5s;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.complete-flow .-complete-group .complete-hero .complete-message.message-out {
  -webkit-animation: fade-out 0.5s;
  animation: fade-out 0.5s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.complete-flow .-complete-group .complete-hero .complete-message .complete-img {
  margin: 0;
}
.complete-flow
  .-complete-group
  .complete-hero
  .complete-message
  .complete-img
  .material-symbols-outlined {
  font-size: 8rem;
}
.complete-flow
  .-complete-group
  .complete-hero
  .complete-message
  .complete-img.reward {
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-animation-duration: 2s, 2s;
  animation-duration: 2s, 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.complete-flow
  .-complete-group
  .complete-hero
  .complete-message
  .complete-text {
  font-size: 2.5rem;
  font-weight: bold;
  margin: 0;
}
.complete-flow
  .-complete-group
  .complete-hero
  .complete-message
  .complete-text-info {
  font-size: 1.6rem;
  margin: 0;
  opacity: 0.75;
}
.complete-flow .-complete-group .complete-extras {
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 10rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.complete-flow .-complete-group .complete-extras::-webkit-scrollbar {
  width: 0 !important;
}
.complete-flow .-complete-group .complete-extras .complete-program-progress,
.complete-flow .-complete-group .complete-extras .complete-day-progress {
  background: #fff;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  border-bottom: 1px solid #fff;
  position: relative;
  height: 77px;
  width: 100%;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-program-progress
  .complete-program-progress-img,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-program-progress
  .complete-day-progress-img,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-day-progress
  .complete-program-progress-img,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-day-progress
  .complete-day-progress-img {
  width: 125px;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-program-progress
  .complete-program-progress-img
  img,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-program-progress
  .complete-day-progress-img
  img,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-day-progress
  .complete-program-progress-img
  img,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-day-progress
  .complete-day-progress-img
  img {
  height: 71px;
  display: block;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-program-progress
  .complete-program-progress-content,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-program-progress
  .complete-day-progress-content,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-day-progress
  .complete-program-progress-content,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-day-progress
  .complete-day-progress-content {
  width: calc(100% - 175px);
  overflow: hidden;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-program-progress
  .complete-program-progress-content
  .intro,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-program-progress
  .complete-day-progress-content
  .intro,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-day-progress
  .complete-program-progress-content
  .intro,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-day-progress
  .complete-day-progress-content
  .intro {
  font-size: 1.2rem;
  margin: 0 40px 0 1rem;
  color: #7b7f92;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-program-progress
  .complete-program-progress-content
  .title,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-program-progress
  .complete-day-progress-content
  .title,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-day-progress
  .complete-program-progress-content
  .title,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-day-progress
  .complete-day-progress-content
  .title {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0 1rem 0 1rem;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-program-progress
  .complete-program-progress-content
  .day,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-program-progress
  .complete-day-progress-content
  .day,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-day-progress
  .complete-program-progress-content
  .day,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-day-progress
  .complete-day-progress-content
  .day {
  font-size: 1.4rem;
  line-height: 1.2em;
  margin: -0.2rem 1rem 0 1rem;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-program-progress
  .complete-program-progress-content
  .ready-to-complete,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-program-progress
  .complete-day-progress-content
  .ready-to-complete,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-day-progress
  .complete-program-progress-content
  .ready-to-complete,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-day-progress
  .complete-day-progress-content
  .ready-to-complete {
  font-size: 1.4rem;
  line-height: 1em;
  font-weight: bold;
  margin: 0 1rem 0 1rem;
  color: #4296cb;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-program-progress
  .complete-program-progress-content
  .ready-to-complete.-error,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-program-progress
  .complete-day-progress-content
  .ready-to-complete.-error,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-day-progress
  .complete-program-progress-content
  .ready-to-complete.-error,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-day-progress
  .complete-day-progress-content
  .ready-to-complete.-error {
  color: #e84452;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-program-progress
  .complete-program-progress-action,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-program-progress
  .complete-day-progress-action,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-day-progress
  .complete-program-progress-action,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-day-progress
  .complete-day-progress-action {
  width: 50px;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-program-progress
  .complete-program-progress-action
  .-ready
  > i,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-program-progress
  .complete-day-progress-action
  .-ready
  > i,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-day-progress
  .complete-program-progress-action
  .-ready
  > i,
.complete-flow
  .-complete-group
  .complete-extras
  .complete-day-progress
  .complete-day-progress-action
  .-ready
  > i {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes pulse {
  from {
    color: #ced1db;
  }
  50% {
    color: #4296cb;
  }
  to {
    color: #ced1db;
  }
}
@keyframes pulse {
  from {
    color: #ced1db;
  }
  50% {
    color: #4296cb;
  }
  to {
    color: #ced1db;
  }
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-customization
  .callout {
  margin: 0;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-customization
  .heading {
  margin: 3rem 2rem 1rem 2rem;
  font-size: 1.8rem;
  position: relative;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-customization
  .heading
  .help {
  position: absolute;
  top: -3px;
  right: 0;
}
.complete-flow .-complete-group .complete-extras .complete-customization p {
  margin: 0 2rem 1rem 2rem;
  padding: 0 0 1rem 0;
  line-height: 1.5em;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-customization
  .extras-form {
  margin: 0 2rem 1rem 2rem;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-customization
  .extras-form
  .-half {
  width: calc(50% - 1rem);
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-customization
  .save-extras {
  margin: 1rem auto 0;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-customization
  .extras-stats-list {
  margin: 0 2rem 2rem 2rem;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-customization
  .extras-stats-list
  .stats-list {
  list-style: none;
  padding: 0;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-customization
  .extras-stats-list
  .stats-list
  .stat-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-customization
  .extras-stats-list
  .stats-list
  .stat-item
  .stat-title {
  font-size: 1.6rem;
  color: #212432;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-customization
  .extras-stats-list
  .stats-list
  .stat-item
  .stat-title
  .chelp-container
  p {
  margin: 2rem 5rem 2rem 2rem;
  padding: 0;
  line-height: 1.4em;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-customization
  .extras-stats-list
  .stats-list
  .stat-item
  .stat-result {
  font-size: 1.6rem;
  font-weight: bold;
  color: #101113;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-customization
  .extras-stats-list
  .stats-list
  .stat-item
  .stat-result
  .result-desc {
  font-weight: normal;
  color: #3a3d4d;
}
.complete-flow .-complete-group .complete-extras .complete-actions-list {
  margin: 0;
  padding: 0.2rem 0;
  list-style: none;
  font-size: 1.4rem;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-actions-list
  .content-action {
  padding: 0 1rem;
  margin: 1rem 0;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-actions-list
  .content-action.-secondary-action {
  background: #e3ebee;
  padding: 0.5rem 1rem;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-actions-list
  .content-action
  .btn {
  width: 250px;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-weight: normal;
  letter-spacing: 0;
  font-size: 1.4rem;
}
.complete-flow
  .-complete-group
  .complete-extras
  .complete-actions-list
  .content-action
  .btn
  i {
  height: 24px;
  width: 24px;
  margin-right: 0.8rem;
}
.complete-flow .-complete-group .complete-extras .complete-actions-settings {
  font-size: 1.4rem;
  text-align: center;
  margin: 0 1rem;
  line-height: 1.5em;
}
@media only screen and (orientation: landscape) and (max-height: 500px) {
  .complete-flow .-complete-group .complete-hero {
    height: 48px;
  }
  .complete-flow .-complete-group .complete-hero .complete-message {
    color: #fff;
    text-align: center;
    height: 48px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .complete-flow
    .-complete-group
    .complete-hero
    .complete-message
    .complete-img {
    margin: 8px;
  }
  .complete-flow
    .-complete-group
    .complete-hero
    .complete-message
    .complete-img
    .material-symbols-outlined {
    font-size: 3rem;
  }
  .complete-flow
    .-complete-group
    .complete-hero
    .complete-message
    .complete-text {
    font-size: 2rem;
    font-weight: bold;
    margin: 10px 0;
  }
}
.content-actions {
  position: absolute;
  top: 5rem;
  right: 1rem;
}
.content-actions.-comments {
  top: 1rem;
}
.content-actions.widget-options,
.content-actions.layer-options {
  top: 1rem;
}
.content-actions .content-actions-group {
  position: absolute;
  top: -5px;
  right: -6px;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  border-radius: 4px;
}
.content-actions .content-actions-group.-open {
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
  visibility: visible;
  opacity: 1;
  z-index: 100;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.content-actions .content-actions-group .content-actions-close {
  height: 36px;
  width: 36px;
  border-radius: 4px 4px 0 0;
  padding: 6px;
  color: #fff;
  background: #313443;
  margin: 0;
  position: absolute;
  right: 0;
}
.content-actions .content-actions-group .content-actions-close .btn {
  color: #fff;
}
.content-actions .content-actions-group .content-actions-list {
  margin: 0;
  padding: 0.2rem 0;
  list-style: none;
  color: #fff;
  background: #313443;
  font-size: 1.4rem;
  width: 280px;
  border-radius: 4px;
}
.content-actions .content-actions-group .content-actions-list .content-action {
  padding: 0 1rem;
  margin: 1rem 0;
}
.content-actions
  .content-actions-group
  .content-actions-list
  .content-action.-secondary-action {
  background: #212432;
  padding: 0.5rem 1rem;
}
.content-actions
  .content-actions-group
  .content-actions-list
  .content-action
  .btn {
  width: 250px;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: #fff;
  font-weight: normal;
  letter-spacing: 0;
  font-size: 1.4rem;
}
.content-actions
  .content-actions-group
  .content-actions-list
  .content-action
  .btn
  i {
  height: 24px;
  width: 24px;
  margin-right: 0.8rem;
}
.content-group.-calendar-selected {
  background: #f0f4f6;
  padding: 1rem 0;
}
.content-group.-calendar-selected .group {
  padding: 0 2rem;
  align-content: center;
}
.content-group.-calendar-selected .group .scheduled-date .btn {
  padding: 0;
  margin-right: 1rem;
  border: none;
  display: -webkit-box;
  display: flex;
  align-content: center;
  text-align: left;
}
.content-group.-calendar-selected .group .scheduled-date .btn:hover,
.content-group.-calendar-selected .group .scheduled-date .btn:active {
  border: none;
}
.content-group.-calendar-selected .group .scheduled-date .date-icon {
  margin-right: 1rem;
}
.content-group.-calendar-selected .group .scheduled-date .date-icon i {
  padding: 0.4rem 0;
  color: #4296cb;
}
.content-group.-calendar-selected .group .date-message {
  display: block;
  font-size: 1.3rem;
  font-weight: normal;
  color: #7b7f92;
  padding: 0 0 0.1rem 0;
}
@media (max-width: 768px) {
  .content-group.-calendar-selected .group .date-message {
    padding: 0rem 0 0.1rem 0;
  }
}
.content-group.-calendar-selected .group .date {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4rem;
  margin: 0 0 0.1rem;
}
@media (max-width: 768px) {
  .content-group.-calendar-selected .group .date {
    font-size: 1.4rem;
    line-height: 1.2rem;
  }
}
.content-group.-content-asset .group,
.content-group.-content-summary .group,
.content-group.-content-details .group,
.content-group.-content-stats .group,
.content-group.-content-complete .group {
  width: 100%;
  border-bottom: 1px solid #f0f4f6;
}
.content-group.-content-asset {
  position: relative;
}
.content-group.-content-asset .quick-info {
  position: absolute;
  bottom: -10px;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
.content-group.-content-asset .quick-info .free,
.content-group.-content-asset .quick-info .plus-free-access {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#26bc35),
    to(#d6f41e)
  );
  background: linear-gradient(to bottom right, #26bc35 0%, #d6f41e 100%);
  border: 1px solid #fff;
  width: 4rem;
  height: 20px;
  border-radius: 10px;
  margin: 0 0.25rem;
  padding: 0.1rem;
  text-align: center;
}
.content-group.-content-asset .quick-info .plus-free-access {
  width: 8rem;
}
.content-group.-content-asset .quick-info .plus {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#4296cc),
    to(#0067aa)
  );
  background: linear-gradient(to bottom right, #4296cc 0%, #0067aa 100%);
  border: 1px solid #fff;
  width: 4rem;
  height: 20px;
  border-radius: 10px;
  margin: 0 0.25rem;
  padding: 0.1rem;
  text-align: center;
}
.content-group.-content-asset .quick-info .complete {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3d97ce),
    to(#12debb)
  );
  background: linear-gradient(to bottom right, #3d97ce 0%, #12debb 100%);
  border: 1px solid #fff;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  margin: 0 0.25rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.content-group.-content-asset .quick-info .complete i {
  font-size: 16px;
}
.content-group.-content-asset .quick-info .favorite {
  background: none;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  margin: 0 0.25rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.content-group.-content-asset .quick-info .favorite i {
  color: #e84452;
  -webkit-text-stroke: 1px #fff;
  font-size: 24px;
}
.content-group.-content-asset .quick-info .in-progress {
  background: #fff;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  margin: 0 0.25rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.content-group.-content-asset .quick-info .in-progress i {
  color: #26bc35;
  font-size: 20px;
}
.content-group.-content-asset .quick-info .upcoming {
  background: #fff;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  margin: 0 0.25rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.content-group.-content-asset .quick-info .upcoming i {
  color: #6714ef;
  font-size: 17px;
}
.content-group.-content-summary .group {
  position: relative;
  -webkit-box-align: center;
  align-items: center;
}
.content-group.-content-summary .group .schedule-action {
  position: absolute;
  top: 2rem;
  right: 1rem;
}
.content-group.-content-summary .summary-group {
  position: relative;
  width: 50%;
}
@media (max-width: 768px) {
  .content-group.-content-summary .summary-group {
    width: 100%;
  }
}
.content-group.-content-summary .summary-group .content-title {
  font-size: 2.2rem;
  color: #101113;
  margin: 2rem 2rem 1rem 2rem;
  max-width: 480px;
}
@media (max-width: 768px) {
  .content-group.-content-summary .summary-group .content-title {
    max-width: 310px;
  }
}
.content-group.-content-summary .summary-group .content-title .sub-title {
  display: block;
  font-size: 1.6rem;
  line-height: 1.4em;
  color: #212432;
  margin: 0.2rem 0 0 0;
}
.content-group.-content-summary .summary-group .primary-detail {
  font-size: 1.6rem;
  color: #4296cb;
  margin: 0.5rem 2rem 2rem 2rem;
}
.content-group.-content-summary .complete-group {
  width: 40%;
  text-align: center;
}
@media (max-width: 768px) {
  .content-group.-content-summary .complete-group {
    visibility: hidden;
    height: 0;
  }
}
.content-group.-content-details a {
  color: #000;
  color: initial;
  cursor: pointer;
}
.content-group.-content-details .detail-group {
  width: 50%;
}
@media (max-width: 768px) {
  .content-group.-content-details .detail-group {
    width: 100%;
  }
}
.content-group.-content-details .detail-group .detail-list {
  list-style: none;
  margin: 1rem 2rem;
  padding: 0;
}
.content-group.-content-details .detail-group .detail-list li {
  font-size: 1.5rem;
  line-height: 1.5em;
  display: -webkit-box;
  display: flex;
  padding: 0;
  margin: 0.1rem 0;
}
.content-group.-content-details .detail-group .detail-list li .detail-title {
  min-width: 11rem;
}
.content-group.-content-details .detail-group .detail-list .detail-value {
  font-weight: bold;
  display: -webkit-box;
  display: flex;
}
.content-group.-content-details
  .detail-group
  .detail-list
  .detail-value.-difficulty {
  color: #7b7f92;
}
.content-group.-content-details
  .detail-group
  .detail-list
  .detail-value.-difficulty
  .material-symbols-outlined {
  font-size: 2.2rem;
  width: 18px;
}
.content-group.-content-details
  .detail-group
  .detail-list
  .detail-value.-difficulty
  .-active {
  color: #e84452;
}
.content-group.-content-details
  .detail-group
  .detail-list
  .detail-value.-estimate
  .material-symbols-outlined {
  font-size: 2rem;
}
.content-group.-content-details
  .detail-group
  .detail-list
  .detail-value.-estimate
  .btn {
  margin: 0 0.5rem 0 0 !important;
  padding: 0;
  color: #7b7f92;
}
.content-group.-content-details .detail-group .detail-list .detail-value.-pill {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 4rem;
  height: 20px;
  border-radius: 10px;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
}
.content-group.-content-details
  .detail-group
  .detail-list
  .detail-value.-pill.-free,
.content-group.-content-details
  .detail-group
  .detail-list
  .detail-value.-pill.-plus-free-access {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#26bc35),
    to(#d6f41e)
  );
  background: linear-gradient(to bottom right, #26bc35 0%, #d6f41e 100%);
  border: 1px solid #fff;
  color: #fff;
}
.content-group.-content-details
  .detail-group
  .detail-list
  .detail-value.-pill.-plus-free-access {
  width: 8rem;
}
.content-group.-content-details
  .detail-group
  .detail-list
  .detail-value.-pill.-plus {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#4296cc),
    to(#0067aa)
  );
  background: linear-gradient(to bottom right, #4296cc 0%, #0067aa 100%);
  border: 1px solid #fff;
  color: #fff;
}
.content-group.-content-details
  .detail-group
  .detail-list
  .detail-value
  .value-icons {
  display: -webkit-box;
  display: flex;
}
.content-group.-content-details .stats-group {
  width: 50%;
}
@media (max-width: 768px) {
  .content-group.-content-details .stats-group {
    width: 100%;
    border-top: 1px solid #f0f4f6;
  }
}
.content-group.-content-details .stats-group .content-stats {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.content-group.-content-details .stats-group .content-stats .member-stats {
  margin: 0 0 0 2rem;
  padding: 1rem 0 1rem 2rem;
  font-size: 1.5rem;
  width: calc(50% - 2rem);
  border-left: 1px solid #f0f4f6;
}
@media (max-width: 768px) {
  .content-group.-content-details .stats-group .content-stats .member-stats {
    border-left: none;
    padding: 1rem 0;
  }
}
.content-group.-content-details .stats-group .content-stats .stats-list {
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}
.content-group.-content-details .stats-group .content-stats .stats-list li {
  font-size: 1.5rem;
  display: -webkit-box;
  display: flex;
  padding: 0;
  margin: 0.1rem 0;
}
.content-group.-content-details
  .stats-group
  .content-stats
  .stats-list
  li
  .detail-icon {
  width: 3rem;
}
.content-group.-content-details
  .stats-group
  .content-stats
  .stats-list
  li
  .detail-icon
  .material-symbols-outlined {
  font-size: 2.2rem;
  width: 18px;
}
.content-group.-content-details
  .stats-group
  .content-stats
  .stats-list
  .detail-value {
  font-weight: bold;
  display: -webkit-box;
  display: flex;
}
.content-group.-content-details .stats-group .content-stats .community-stats {
  margin: 0;
  padding: 1rem 2rem;
  font-size: 1.5rem;
  width: calc(50% - 2rem);
  border-left: 1px solid #f0f4f6;
}
@media (max-width: 768px) {
  .content-group.-content-details
    .stats-group
    .content-stats
    .community-stats:first-child {
    border-left: none;
  }
}
.content-group.-content-details
  .stats-group
  .content-stats
  .community-stats
  .stats-list {
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}
.content-group.-content-details
  .stats-group
  .content-stats
  .community-stats
  .stats-list
  li {
  font-size: 1.5rem;
  display: -webkit-box;
  display: flex;
  padding: 0;
  margin: 0.1rem 0;
}
.content-group.-content-details
  .stats-group
  .content-stats
  .community-stats
  .stats-list
  li
  .detail-icon {
  width: 3rem;
}
.content-group.-content-details
  .stats-group
  .content-stats
  .community-stats
  .stats-list
  li
  .detail-icon
  .material-symbols-outlined {
  font-size: 2.2rem;
  width: 18px;
}
.content-group.-content-details .stats-group .-complete {
  color: #4296cb;
}
.content-group.-content-details .stats-group .-content-match {
  color: #e84452;
}
.content-group.-content-details .stats-group .-like {
  color: #7b7f92;
}
.content-group.-content-details .stats-group .-comments {
  color: #26bc35;
}
.content-group.-content-details .stats-group .-in-progress {
  color: #26bc35;
}
.content-group.-content-details .stats-group .-upcoming {
  color: #6714ef;
}
.content-group.-content-complete {
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
@media (max-width: 768px) {
  .content-group.-content-complete {
    height: 79px;
    overflow: visible;
    overflow: initial;
    visibility: visible;
    text-align: center;
  }
}
.content-group.-content-complete .complete-group {
  margin: 2rem;
  width: 100%;
  text-align: center;
}
.content-group.-content-complete .complete-group .complete-date {
  margin-top: -1.6rem;
  font-size: 1.2rem;
  padding: 0.2rem 0;
  color: #7b7f92;
}
.-detail-view .stats-group {
  width: 100%;
}
.-detail-view .stats-group .content-stats {
  height: 100%;
}
.-detail-view .-content-extras {
  width: 100%;
  margin-top: auto;
  display: block;
}
.-detail-view .-content-extras .card-cta {
  padding: 10px;
  font-size: 1.4rem;
  position: relative;
  bottom: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin: 0 1rem;
}
@media (max-width: 768px) {
  .-detail-view .-content-extras .card-cta {
    display: block;
  }
}
.-detail-view .-content-extras .card-cta .content-actions {
  position: relative;
  top: 0;
  right: 0;
}
@media (max-width: 768px) {
  .-detail-view .-content-extras .card-cta .content-actions {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
  }
}
.-detail-view .-content-extras .card-cta .content-actions .content-actions-msg {
  margin-right: 3rem;
}
.-detail-view .-content-extras .card-cta .content-actions .price {
  font-size: 1.6rem;
  font-weight: bold;
}
@media (max-width: 768px) {
  .-detail-view .-content-extras .card-cta .content-actions .price {
    text-align: right;
    display: block;
    padding: 0;
  }
}
.-detail-view .-content-extras .card-cta .content-actions .price.sale {
  color: #e84452;
}
.-detail-view .-content-extras .card-cta .content-actions .price.sale .strike {
  font-size: 1.2rem;
  color: #7b7f92;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
@media (max-width: 768px) {
  .-detail-view .-content-extras .card-cta .btn {
    width: 100%;
  }
}
.-detail-view .-content-extras .card-cta .btn .btn-txt {
  width: calc(100% - 24px);
  text-align: center;
}
.-detail-view .-content-extras .card-cta .btn.-txt-only .btn-txt {
  width: 100%;
  text-align: center;
}
.shelf-card .-card-view {
  width: 100%;
  height: 100%;
  margin: 0;
}
.shelf-card .card-content {
  width: 100%;
}
.title-card-group {
  align-self: stretch;
  width: calc(25% - 10px);
  margin: 0 5px 1rem 5px;
}
@media (max-width: 940px) {
  .title-card-group {
    width: calc(50% - 10px);
  }
}
@media (max-width: 600px) {
  .title-card-group {
    margin: 0 0 1rem 0;
    width: 100%;
  }
}
.title-card-group .category {
  font-weight: bold;
}
.title-card-group .-card-view {
  height: calc(100% - 3.6rem);
  margin: 0;
  width: 100%;
}
.community-detail {
  margin-top: 4rem;
}
@media (max-width: 768px) {
  .community-detail {
    margin-top: 0;
  }
  .community-detail .cards,
  .community-detail .plus-membership {
    max-width: 280px;
  }
}
.main-comment {
  padding: 40px 50px 40px 100px;
  margin-bottom: 5px;
  background: #f9fcfd;
  border: 1px solid #a7aabb;
}
.main-comment .article__header .author-image,
.main-comment .article__header .avatar-placeholder {
  width: 60px;
  height: 60px;
  position: absolute;
  left: -80px !important;
  line-height: 60px;
}
.main-comment .article__header .author-flex {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: start;
  align-items: flex-start;
}
.main-comment .article__header .author-flex .byline {
  padding: 0.3rem 0.5rem 0 0;
}
.main-comment .article__header .author-flex .discussion-badges {
  padding-top: 0.3rem;
}
.main-comment .article__header .author-flex .discussion-categories {
  padding-top: 0.3rem;
  font-size: 1.3rem;
  line-height: 24px;
  color: #7b7f92;
}
@media (max-width: 768px) {
  .main-comment .article__header .author-flex {
    padding: 0 0 0 4.5rem;
    margin: 0;
  }
  .main-comment .article__header .author-flex .avatar-placeholder,
  .main-comment .article__header .author-flex .author-image {
    top: 10px;
  }
  .main-comment .article__header .author-flex .discussion-categories {
    padding-top: 0;
    font-size: 11px;
  }
}
.main-comment .heading.-medium.comment-heading {
  margin-left: -4px;
  margin-bottom: 7px;
}
.main-comment .article__content b,
.main-comment .article__content strong {
  color: #000;
}
.main-comment .article__content ul:not([class]),
.main-comment .article__content ol:not([class]) {
  color: #4e5262;
  max-width: 80%;
}
.main-comment .article__content ul:not([class]) li,
.main-comment .article__content ol:not([class]) li {
  padding: 0 0 1rem 0;
  margin: 0 0 0 1.5rem;
  line-height: 2.2rem;
}
.main-comment .article__content ul:not([class]) li > ul,
.main-comment .article__content ul:not([class]) li > ol,
.main-comment .article__content ol:not([class]) li > ul,
.main-comment .article__content ol:not([class]) li > ol {
  margin: 0;
  padding-bottom: 0;
}
.main-comment .article__content ul:not([class]) li > ul li:last-child,
.main-comment .article__content ul:not([class]) li > ol li:last-child,
.main-comment .article__content ol:not([class]) li > ul li:last-child,
.main-comment .article__content ol:not([class]) li > ol li:last-child {
  padding: 0;
}
.main-comment .article__content p + ol,
.main-comment .article__content p + ul {
  margin-top: -2rem;
}
.main-comment .article__content p:last-child {
  padding-bottom: 12px;
}
.main-comment .article__footer .btn-more {
  margin-right: -12px;
}
@media (max-width: 768px) {
  .main-comment {
    padding: 20px 20px 20px 20px;
  }
  .main-comment .article__header .author-image,
  .main-comment .article__header .avatar-placeholder {
    width: 30px;
    height: 30px;
    left: 0px !important;
    line-height: 30px;
  }
  .main-comment .article__header .byline {
    padding-left: 40px;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 1.4545em;
  }
  .main-comment .article__header .byline > div {
    padding-bottom: 0px;
  }
  .main-comment .heading.-medium.comment-heading {
    margin-left: -4px;
    margin-bottom: 7px;
  }
  .main-comment .article__content p:last-child {
    padding-bottom: 12px;
  }
  .main-comment .article__footer .btn-more {
    margin-right: -12px;
  }
}
.comment-edited {
  display: block;
  color: #7b7f92;
  font-size: 12px;
  margin: -5px 0px 25px;
}
@media (max-width: 768px) {
  .comment-edited {
    font-size: 11px;
  }
}
.comments__header {
  padding-bottom: 1.6rem;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
}
.comments__header p {
  font-weight: 400;
  padding: 0px;
  color: #222533;
}
.comments__header .flex-right {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
}
.comments__header .link {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}
[data-whatinput="keyboard"] .comments__header .link:focus,
.comments__header .link:focus,
.comments__header .link:hover,
.comments__header .link:active,
.comments__header .link.active,
.comments__header .link[aria-expanded="true"] {
  background-position: 0 1.5em;
}
.comments__topper .comments__header {
  flex-basis: 100%;
  flex-shrink: 0;
}
.comments__sort .form__group {
  margin: 0;
}
.comments__sort .form__group label {
  line-height: 1em;
  margin: 0;
}
@media (max-width: 767px) {
  .comments__header .link {
    font-size: 11px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  [data-whatinput="keyboard"] .comments__header .link:focus,
  .comments__header .link:focus,
  .comments__header .link:hover,
  .comments__header .link:active,
  .comments__header .link.active,
  .comments__header .link[aria-expanded="true"] {
    background-position: 0 1.6em;
  }
}
.login-box {
  display: inline-block;
}
@media (max-width: 600px) {
  .login-box {
    display: block;
  }
}
.login-divider {
  padding: 2.4rem 0rem;
  margin-bottom: 0.8rem;
  position: relative;
}
.login-divider:before,
.login-divider:after {
  background: #e3ebee;
  content: "";
  height: 1px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: calc(50% - 20px);
}
.login-divider:before {
  left: 0%;
}
.login-divider:after {
  right: 0%;
}
.login-divider span {
  display: block;
  text-align: center;
}
.login-block {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}
.login-block.-narrow .heading {
  text-align: center;
}
.login-block.-narrow form {
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
  text-align: left;
}
.login-block .login-form {
  margin-bottom: 8.8rem;
}
.login-block h2 {
  margin-bottom: 2.8rem;
}
.login-block .btn {
  margin-bottom: 1.2rem;
}
.login-block .btn:last-child {
  margin: 0px;
}
.login-block .alert {
  margin-bottom: 1.6rem;
  padding: 0.8rem;
  background: #e84452;
  border: 1px solid #c71827;
}
.login-block .alert p,
.login-block .alert li {
  color: #fff;
}
.login-block .alert p {
  padding: 0rem;
  font-size: 13px;
}
.login-block .alert ul {
  margin: 0rem;
  padding: 0rem;
  list-style: none;
}
.login-block .alert li {
  font-size: 13px;
  margin: 0px;
}
.registration {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  max-width: 600px;
}
.registration .form__main,
.registration .form__sidebar {
  text-align: left;
}
.registration .form__main {
  margin-right: 2rem;
  width: calc(50% - 20px);
}
.registration .form__sidebar {
  margin-left: 2rem;
  padding: 2.8rem;
  border-radius: 5px;
  border: 1px solid #e3ebee;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  width: calc(50% - 20px);
}
.registration .form__sidebar h3 {
  padding-bottom: 1.2rem;
}
.registration .form__actions {
  padding-top: 4rem;
  width: 100%;
}
.registration .form__actions .btn {
  min-width: 300px;
}
@media (max-width: 600px) {
  .registration .form__main {
    margin: 0;
    width: 100%;
  }
  .registration .form__sidebar {
    display: none;
  }
}
@media (max-width: 340px) {
  .registration .form__actions .btn {
    display: block;
    min-width: 0;
    width: 100%;
  }
}
.login-form.forgot-form .btn:last-child {
  margin: 40px auto 0px auto;
  width: 280px;
}
.login-form.forgot-form input[type="text"],
.login-form.forgot-form input[type="email"] {
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .login-form.forgot-form .btn:last-child {
    width: 100%;
  }
}
.login-choices {
  display: -webkit-box;
  display: flex;
  margin: 0px -10px;
}
.login-choices .login-choice {
  display: block;
  border: 1px solid #ced1db;
  padding: 25px 20px 30px 20px;
  -webkit-box-flex: 1;
  flex: 1;
  max-width: 320px;
  margin: 10px 10px 5px 10px;
  position: relative !important;
  border-radius: 5px;
  border: 1px solid #e3ebee;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.login-choices .login-choice .heading {
  font-size: 17px;
  padding-bottom: 5px;
}
.login-choices .login-choice p {
  padding: 0px;
}
@media (max-width: 600px) {
  .login-choices {
    display: block;
    margin: 0px;
  }
  .login-choices .login-choice {
    max-width: none;
    margin: 15px 0px 0px 0px;
  }
}
.login-forgot {
  max-width: 660px;
}
.login-forgot.align-right {
  text-align: right;
}
@media (max-width: 600px) {
  .login-forgot {
    text-align: left;
    max-width: none;
    margin-top: 5px;
  }
}
@-webkit-keyframes loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.-skeleton .responsive-media {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 100%;
  padding-top: 56.25%;
}
.-skeleton .content-title {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 8rem;
}
.-skeleton .primary-detail {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 1.7rem;
}
.-skeleton .schedule-action,
.-skeleton .content-actions {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 24px;
  height: 24px;
  border-radius: 12px;
}
.-skeleton .achievement-info .title {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 3rem;
}
.-skeleton .achievement-info .criteria {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 1.6rem;
}
.-skeleton .achievement-info .message {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 2.6rem;
}
.-skeleton .achievement-info .achievement-tags .tag {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  display: inline-block;
  width: 6rem;
  height: 2.5rem;
}
.-skeleton .achievement-details .achievement-badge {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 100%;
}
.-skeleton .achievement-details .achievement-progress .progress-bar {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 100%;
  height: 20px;
}
.-skeleton
  .achievement-details
  .achievement-progress
  .progress-details
  .level-progress {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 6rem;
  height: 1.6rem;
}
.-skeleton .achievement-details .achievement-progress .progress-details .count {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 6rem;
  height: 1.6rem;
}
.-skeleton .summary {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
}
.preference-card.-skeleton {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 143px;
}
.preference-card.-skeleton .pre-heading {
  background: #fff;
  width: 4rem;
  height: 1.6rem;
  margin: 0.5rem 0;
  display: inline-block;
}
.preference-card.-skeleton .title {
  background: #fff;
  width: 7rem;
  height: 3rem;
  margin: 0.5rem 0;
  display: inline-block;
}
.preference-card.-skeleton p {
  background: #fff;
  width: 6rem;
  height: 1.6rem;
  display: inline-block;
}
.preference-card.-skeleton .selection-icon {
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 20px;
}
.widget.-skeleton .heading {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 1.6rem;
}
.widget.-skeleton .filter {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 12rem;
  height: 2.6rem;
  border-radius: 4px;
  margin-top: 0.5rem;
}
.widget.-skeleton .stat-container {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
}
.widget.-skeleton .stat-container h3 {
  background: #fff;
  height: 1.6rem;
}
.widget.-skeleton .stat-container .stat-display {
  background: #fff;
  height: 2.6rem;
}
.widget.-skeleton .stats-list .stat-desc,
.widget.-skeleton .stats-list .stat-num {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 1.6rem;
}
.widget.-skeleton .history-list .hist-date,
.widget.-skeleton .history-list .hist-title {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 1.6rem;
}
.widget.-skeleton .view-all {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 15rem;
  height: 3.6rem;
  border-radius: 4px;
  margin: 1rem auto 2rem;
}
.widget.-skeleton .chart {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: calc(100% - 2rem);
  height: 10rem;
  margin: 1rem;
}
.widget.-skeleton .btn-txt {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 8rem;
  height: 0.6rem;
  border-radius: 4px;
  display: inline-block;
  padding: 0;
}
.payment-details.-skeleton .-has-label label {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 10rem;
  height: 2rem;
}
.payment-details.-skeleton .cancel-order {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 15rem;
  height: 3.6rem;
  border-radius: 4px;
  display: inline-block;
  padding: 0;
}
.payment-details.-skeleton .submitting-btn {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 20rem;
  height: 5.6rem;
  border-radius: 4px;
  display: inline-block;
  padding: 0;
}
.schedule-view.-skeleton .schedule-title {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 1.6rem;
}
.schedule-view.-skeleton .day-number {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 20px;
  height: 20px;
  border-radius: 10px;
}
.schedule-view.-skeleton .day-info.none {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 60px;
  height: 60px;
  border-radius: 4px;
}
.schedule-view.-skeleton .form-action {
  background: #fff;
  width: 15rem;
  height: 3.6rem;
  border-radius: 4px;
  display: inline-block;
  padding: 0;
}
.unit-block.-skeleton {
  background: #f0f4f6;
}
.unit-block.-skeleton .unit-content {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
}
.unit-block.-skeleton .unit-content .unit-title {
  height: 4.8rem;
}
.unit-block.-skeleton .unit-content .unit-body {
  height: 2.5rem;
}
.unit-block.-skeleton .unit-content .unit-link {
  height: 2.1rem;
}
.unit-block.-skeleton .unit-content .unit-image {
  aspect-ratio: 2;
  heigth: 360px;
  width: 100%;
  max-width: 720px;
}
.-skeleton .calendar-widgets .calendar-card {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
}
.-skeleton .calendar-widgets .calendar-card .calendar-header {
  min-height: 5.45rem;
}
.-skeleton .calendar-widgets .calendar-card .calendar-day-actions {
  background: #fff;
}
.-skeleton
  .calendar-widgets
  .calendar-card
  .calendar-day-actions
  .day-complete {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  border-radius: 42rem;
  height: 44px;
}
@media (max-width: 768px) {
  .-skeleton
    .calendar-widgets
    .calendar-card
    .calendar-day-actions
    .day-complete {
    height: 34px;
  }
}
.-skeleton .calendar-widgets .calendar-card .card-actions {
  height: 45px;
  background: #fff;
}
.-skeleton .calendar-widgets .calendar-card .card-actions .action {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.-skeleton .calendar-widgets .calendar-card .card-actions .action .btn {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 100px;
  height: 24px;
}
.-skeleton
  .calendar-widgets
  .calendar-card
  .year-view-calendar-grid
  .month
  .month-title {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 8.6rem;
  height: 2.4rem;
}
.-skeleton
  .calendar-widgets
  .calendar-card
  .year-view-calendar-grid
  .month
  .week
  .day
  .date-header {
  height: 2rem;
}
.-skeleton
  .calendar-widgets
  .calendar-card
  .year-view-calendar-grid
  .month
  .week
  .day
  .activity-icon {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 2rem;
  height: 2rem;
  border-radius: 10px;
}
.-skeleton
  .calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .weekdays
  .weekday {
  height: 2.6rem;
}
.-skeleton
  .calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .date-header
  .day-number {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
}
.-skeleton
  .calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.is-program.partial-content,
.-skeleton
  .calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.is-workout.partial-content {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
}
.-skeleton
  .calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.is-program.partial-content:before,
.-skeleton
  .calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.is-workout.partial-content:before {
  background: transparent none repeat 0 0 / auto auto padding-box border-box
    scroll;
  background: initial;
}
.-skeleton .calendar-widgets .calendar-card .history-listed {
  background: #fff;
  height: 73px;
}
.daily-activity-header.-skeleton {
  height: 24px;
}
.daily-activity-header.-skeleton .section-header {
  height: 24px;
}
.daily-activity-header.-skeleton .section-header .section-title {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 24px;
  width: 150px;
}
.daily-activity-header.-skeleton .section-header .section-actions {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 48px;
  height: 24px;
  border-radius: 10px;
}
.activity-cards.-skeleton .activity-card .activity-header .activity-img {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  aspect-ratio: 1.77778;
}
@supports not (aspect-ratio: 1.77778) {
  .activity-cards.-skeleton
    .activity-card
    .activity-header
    .activity-img::before {
    content: "";
    float: left;
    padding-top: calc((9 / 16) * 100%);
  }
  .activity-cards.-skeleton
    .activity-card
    .activity-header
    .activity-img::after {
    content: "";
    display: block;
    clear: both;
  }
}
.activity-cards.-skeleton .activity-card .activity-header .activity-info {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 50%;
  height: 72.19px;
}
@media (max-width: 768px) {
  .activity-cards.-skeleton .activity-card .activity-header .activity-info {
    width: 100%;
    height: 56.25px;
  }
}
.activity-cards.-skeleton .card-actions.activity .secondary-actions .action {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 24px;
  width: 24px;
  margin: 1rem;
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-basis: 0;
}
.activity-cards.-skeleton .card-actions.activity .primary-actions .action {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 100px;
  height: 24px;
  margin: 1rem;
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-basis: 0;
}
@media (max-width: 768px) {
  .activity-cards.-skeleton .card-actions.activity .primary-actions .action {
    width: 24px;
  }
}
.activity-cards.-skeleton
  .card-actions.activity
  .primary-actions
  .complete-button {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  border-radius: 24px;
  width: 169.5px;
  height: 38px;
}
@media (max-width: 768px) {
  .activity-cards.-skeleton
    .card-actions.activity
    .primary-actions
    .complete-button {
    width: 150.5px;
    height: 28px;
  }
}
.calendar-card.widget.-skeleton .widget-data .widget-title {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 38px;
  width: 125px;
}
.calendar-card.widget.-skeleton .widget-data .widget-options {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 20px !important;
  height: 20px;
  border-radius: 10px;
}
.calendar-card.widget.-skeleton .data-visualization {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 100%;
  height: 365px;
}
.calendar-card.widget.-skeleton .data-title {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 27px;
  width: 125px;
}
.calendar-card.widget.-skeleton .data-value {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 27px;
  width: 75px;
}
.reschedule-card.-skeleton .calendar-header {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  min-height: 5.45rem;
}
.reschedule-card.-skeleton .calendar-items .calendar-item {
  height: 6.6rem;
}
.reschedule-card.-skeleton .calendar-items .calendar-item .item-select {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 20px;
  height: 20px;
  margin: 1rem;
}
.reschedule-card.-skeleton .calendar-items .calendar-item .item-image {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 45px;
  width: 80px;
}
.reschedule-card.-skeleton .calendar-items .calendar-item .item-title {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 21px;
  width: 200px;
}
.reschedule-card.-skeleton .calendar-items .calendar-item .item-delete {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  margin-right: 1.5rem;
}
.reschedule-card.-skeleton .reschedule-date {
  height: 8.2rem;
}
.reschedule-card.-skeleton .reschedule-shift {
  height: 41px;
}
.reschedule-card.-skeleton .card-actions {
  height: 65px;
}
.reschedule-card.-skeleton .card-actions .card-action {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 700px;
  height: 44px;
}
.referral-card .referral-item.-skeleton .avatar-placeholder {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
}
.referral-card .referral-item.-skeleton .referred-member .referral-name {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  margin-bottom: 0.5rem;
  height: 1.6rem;
  width: 100px;
}
.referral-card .referral-item.-skeleton .referred-member .referral-date {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 3.8rem;
  width: 100px;
}
.referral-card .referral-item.-skeleton .referral-reward .reward-amount {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 1.4rem;
  width: 90px;
}
.referral-card .referral-item.-skeleton .referral-reward .reward-complete {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 24px;
  width: 24px;
  border-radius: 24px;
}
.pass-rewards-card.-skeleton .pass-info .pass-img {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 129px;
  height: 73px;
}
.pass-rewards-card.-skeleton .pass-info .pass-title {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 280px;
  height: 50px;
  margin: 0 2rem;
}
.pass-rewards-card.-skeleton .pass-reward .reward-status {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 150px;
  height: 40px;
  margin-right: 10px;
}
.pass-rewards-card.-skeleton .pass-reward .reward-status-meter {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  border-radius: 10rem;
}
.pass-rewards-card.-skeleton .reward-details {
  height: 41px;
}
.refinement-options.-skeleton .results-actions .action {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 44px;
  width: 90px;
  border-radius: 44px;
}
.refinement-options.-skeleton .refinement.search .title {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 38px;
  width: 38px;
}
.refinement-options.-skeleton .refinement.search .search-form {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 38px;
  max-width: 229px;
}
.refinement-options.-skeleton .refinement.options .title {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 38px;
  width: 200px;
}
.refinement-options.-skeleton .refinement.options .expand-collapse {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 38px;
  width: 38px;
  border-radius: 38px;
}
.refinement-options.-skeleton .refinement.options li {
  line-height: 19px;
}
.refinement-options.-skeleton .refinement.options .checkbox {
  display: inline-block;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 20px;
  width: 20px;
  margin: 0 6px 0 0;
}
.refinement-options.-skeleton .refinement.options .label {
  display: inline-block;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 20px;
  width: 125px;
}
.refinement-options.-skeleton .refinement.options .option-count {
  display: inline-block;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 20px;
  width: 40px;
  border-radius: 20px;
}
.-skeleton .notification-flair {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 100%;
  height: 85.78px;
}
.-skeleton .notification-content {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  width: 100%;
  height: 85.78px;
}
.content-collection.-skeleton .result-title {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 30px;
  width: 151px;
}
.content-collection.-skeleton .results-actions .action {
  background-color: #fff;
  height: 44px;
  width: 90px;
  border-radius: 44px;
}
.share-link.-skeleton .qr-code {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 150px;
  width: 150px;
}
.share-link.-skeleton .link {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ebed),
    color-stop(#e8ebed),
    color-stop(#f0f4f6),
    color-stop(#e8ebed),
    to(#e8ebed)
  );
  background: linear-gradient(
    90deg,
    #e8ebed,
    #e8ebed,
    #f0f4f6,
    #e8ebed,
    #e8ebed
  );
  background-size: 400% 400%;
  -webkit-animation: loading 2s infinite;
  animation: loading 2s infinite;
  height: 24px;
  width: 350px;
}
.overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 1001;
  -webkit-transition: background-color 250ms, visibility 250ms;
  transition: background-color 250ms, visibility 250ms;
}
.modal {
  background: #fff;
  left: 50%;
  width: 490px;
  max-height: 100%;
  overflow: auto;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: -245px;
  z-index: 1010;
  border-radius: 10px;
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal::-webkit-scrollbar {
  width: 0 !important;
}
@media (min-width: 601px) {
  .modal.-flag {
    -webkit-transform: none;
    transform: none;
    margin-left: -185px;
    margin-top: -270px;
    max-width: none;
    max-height: none;
    width: 370px;
    height: 540px;
  }
  .modal.-login,
  .modal.-calendar,
  .modal.-purchase {
    max-width: none;
    max-height: none;
    width: 490px;
    -webkit-transform: none;
    transform: none;
    margin-left: -245px;
  }
  .modal.-login {
    height: 460px;
    margin-top: -230px;
  }
  .modal.-calendar {
    height: 570px;
    margin-top: -285px;
  }
  .modal.-purchase {
    height: 570px;
    margin-top: -285px;
  }
  .modal.-confirm-remove {
    width: 370px;
    margin-left: -185px;
  }
}
.modal.-confirm-remove .modal__body {
  padding: 0rem 3.6rem 5rem 3.6rem;
}
.modal .modal-actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
}
.modal .modal-actions .btn {
  width: 50%;
  white-space: nowrap;
  border: 1px solid;
}
.modal .modal-actions .btn:first-child {
  margin-right: 8px;
}
@media (max-width: 600px) {
  .modal .modal-actions {
    flex-wrap: wrap-reverse;
  }
  .modal .modal-actions .btn {
    margin-bottom: 8px;
    width: 100%;
  }
  .modal .modal-actions .btn:first-child {
    margin: 0;
  }
}
.modal .login-box {
  padding: 0rem 7.2rem 6rem;
  text-align: center;
  min-width: 0px;
}
.modal .modal-success {
  padding-bottom: 2.5rem;
}
.modal .modal-success i {
  font-size: 10rem;
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3d97ce),
    to(#12debb)
  );
  background: linear-gradient(to bottom right, #3d97ce 0%, #12debb 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.modal .share-link {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.modal .share-link .qr-code {
  height: 150px;
  width: 150px;
  margin-bottom: 2rem;
}
.modal .share-link .link {
  font-size: 1.6rem;
}
@media (max-width: 600px) {
  .modal {
    -webkit-transform: none;
    transform: none;
    max-height: 100vh;
    min-width: 0;
    margin-left: 0px;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
  }
  .modal.-login,
  .modal.-calendar {
    min-height: 0px;
    height: 100vh;
    width: 100vw;
  }
}
.modals .modal__header,
.modal__header {
  padding: 5.6rem 1.6rem 2.4rem;
  position: relative;
  text-align: center;
}
.modals .modal__header .heading,
.modal__header .heading {
  margin: 0px;
  text-align: center !important;
}
.modals .modal__header p,
.modal__header p {
  color: #7b7f92;
  padding: 0;
}
.modals .modal__header .close-container,
.modal__header .close-container {
  position: absolute;
  top: 10px;
  right: 10px;
}
.modals .modal__header .close-container .btn,
.modal__header .close-container .btn {
  padding: 2px 0;
  position: relative;
  top: auto;
  right: auto;
}
.modals .modal__header .close-container .btn .btn-ico,
.modal__header .close-container .btn .btn-ico {
  margin: 0;
}
.modals .modal__header .btn,
.modal__header .btn {
  top: 3rem;
  right: 3rem;
  position: absolute;
  margin: 0;
}
.modal__form .radio {
  margin: 0px;
}
.modal__form .radio label {
  font-size: 1.3rem;
  padding: 1.4rem 2rem 1.4rem;
  border-top: 1px solid #e3ebee;
  color: #4296cb;
  cursor: pointer;
  font-weight: 600;
  margin: 0px;
  text-align: center;
}
.modal__form .form__group {
  padding: 1.6rem;
  border-top: 1px solid #e3ebee;
  margin: 0px;
}
.modal__form .form__group.-has-label .iconfont-error {
  top: 6.2rem;
  right: 3.2rem;
}
.modal__form .action__group {
  padding: 1.6rem;
  border-top: 1px solid #e3ebee;
}
.modal__form .btn {
  margin: 0px;
}
.modal__body {
  padding: 32px 36px 92px 36px;
  text-align: center;
}
.modal__body.-left {
  text-align: inherit;
}
.modal__body.-tight {
  padding: 0 2rem 6rem;
}
.modal__body > * {
  font-size: 1.3rem;
  line-height: 2.3rem;
}
.modal__body strong {
  color: #212432;
}
.modal__body button {
  border: none;
  font-weight: 600;
  color: #4296cb;
}
.modals ul.modal__link-list,
ul.modal__link-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.modals ul.modal__link-list li,
ul.modal__link-list li {
  margin: 0;
  line-height: 3.2rem;
}
.modals ul.modal__link-list a,
.modals ul.modal__link-list button,
ul.modal__link-list a,
ul.modal__link-list button {
  font-size: 1.6rem;
  font-weight: 600;
  background: none;
}
[data-whatinput="keyboard"] .modals ul.modal__link-list a:focus,
.modals ul.modal__link-list a:focus,
.modals ul.modal__link-list a:hover,
.modals ul.modal__link-list a:active,
.modals ul.modal__link-list a.active,
.modals ul.modal__link-list a[aria-expanded="true"],
[data-whatinput="keyboard"] .modals ul.modal__link-list button:focus,
.modals ul.modal__link-list button:focus,
.modals ul.modal__link-list button:hover,
.modals ul.modal__link-list button:active,
.modals ul.modal__link-list button.active,
.modals ul.modal__link-list button[aria-expanded="true"],
[data-whatinput="keyboard"] ul.modal__link-list a:focus,
ul.modal__link-list a:focus,
ul.modal__link-list a:hover,
ul.modal__link-list a:active,
ul.modal__link-list a.active,
ul.modal__link-list a[aria-expanded="true"],
[data-whatinput="keyboard"] ul.modal__link-list button:focus,
ul.modal__link-list button:focus,
ul.modal__link-list button:hover,
ul.modal__link-list button:active,
ul.modal__link-list button.active,
ul.modal__link-list button[aria-expanded="true"] {
  color: #212432;
}
.modal__footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 60px;
  overflow: hidden;
}
.modal__footer button {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border-radius: 0px;
  background: none;
  margin: 0px;
  display: block;
  border: 0px;
  font-size: 1.3rem;
  padding: 2.4rem 0rem;
  background: #fafcfd;
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top: 1px solid #e3ebee;
  color: #4296cb;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  width: 100%;
}
[data-whatinput="keyboard"] .modal__footer button:focus,
.modal__footer button:focus,
.modal__footer button:hover,
.modal__footer button:active,
.modal__footer button.active,
.modal__footer button[aria-expanded="true"] {
  background: #4296cb;
  color: #fff;
}
.modal__footer.-login {
  padding: 2rem 6.8rem;
  background: #fafcfd;
  border-top: 1px solid #e3ebee;
}
.modal__footer.-login p {
  padding: 0rem 0.8rem;
  line-height: 1;
}
.modal.-purchase {
  min-height: 600px;
}
.modal.-purchase .purchase-image {
  display: block;
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}
.modal.-purchase .purchase-options {
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
  -webkit-box-align: stretch;
  align-items: stretch;
  padding: 1rem;
}
.modal.-purchase .purchase-options.-one .purchase-option {
  width: calc(100% - 0.5rem);
  margin: 1rem;
}
.modal.-purchase .purchase-options.-two .purchase-option {
  width: calc(50% - 0.5rem);
  margin: 1rem;
}
.modal.-purchase .purchase-options .purchase-option {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.modal.-purchase .purchase-options .purchase-option .purchase-info h2 {
  font-size: 3rem;
  font-weight: bold;
  color: #212432;
}
.modal.-purchase .purchase-options .purchase-option .purchase-info p {
  line-height: 1.4em;
  color: #212432;
}
.modal.-purchase .purchase-options .purchase-option .purchase-action {
  margin-top: 1.5rem;
}
.modal.-purchase
  .purchase-options
  .purchase-option
  .purchase-action
  .purchase-price {
  font-weight: 600;
  font-size: 2rem;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.modal.-purchase
  .purchase-options
  .purchase-option
  .purchase-action
  .purchase-price
  .normal-price {
  color: #212432;
  font-size: 1.6rem;
}
.modal.-purchase
  .purchase-options
  .purchase-option
  .purchase-action
  .purchase-price
  .normal-price.-strike {
  font-size: 13px;
  color: #7b7f92;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.modal.-purchase
  .purchase-options
  .purchase-option
  .purchase-action
  .purchase-price
  .sale-price {
  color: #e84452;
  font-size: 1.6rem;
}
.modal.-purchase
  .purchase-options
  .purchase-option
  .purchase-action
  .purchase-btn
  .material-symbols-outlined {
  display: none;
}
.modal.-purchase
  .purchase-options
  .purchase-option
  .purchase-action
  .purchase-btn
  .-modal-btn {
  width: 100%;
  font-size: 1.2rem;
}
.modal.-purchase
  .purchase-options
  .purchase-option
  .purchase-action
  .purchase-btn
  .-modal-btn
  .btn-txt {
  width: 100%;
  text-align: center;
}
.modal.-purchase .purchase-options .purchase-option .fbplus .fb,
.modal.-purchase .purchase-options .purchase-option .fbplus .plus {
  font-size: 3rem;
}
.modal.-purchase .purchase-options .purchase-option .fbplus .aa {
  margin-left: 1rem;
}
.modal.-purchase .purchase-options .purchase-features {
  list-style: none;
  font-size: 1.35rem;
  padding: 0;
  color: #212432;
}
.modal.-purchase .purchase-options .purchase-features li {
  margin: 0 0 1rem 0;
  line-height: 1.2em;
}
.close-calendar-popup,
.close-mini-calendar,
.close-modal {
  display: none;
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border-radius: 0px;
  background: none;
  margin: 0px;
  display: block;
  border: 0px;
  position: absolute;
  top: 22px;
  right: 22px;
  width: 32px;
  height: 32px;
  padding-top: 4px;
  z-index: 5;
}
.close-calendar-popup .iconfont-menu-close,
.close-mini-calendar .iconfont-menu-close,
.close-modal .iconfont-menu-close {
  font-size: 16px;
}
.close-modal-edge {
  display: none;
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border-radius: 0px;
  background: none;
  margin: 0px;
  display: block;
  border: 0px;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 32px;
  height: 32px;
  padding-top: 4px;
  z-index: 5;
}
.close-modal-edge .material-symbols-outlined {
  color: #fff;
}
.close-modal-edge.-dark .material-symbols-outlined {
  color: #212432;
}
.complete-button {
  width: calc(100% - 2rem);
  max-width: 280px;
  margin: auto;
  position: relative;
}
.complete-button .btn {
  z-index: 2;
}
.complete-button .btn.-material.-complete {
  color: #fff;
  background: #4296cb;
  height: 38px;
  border-radius: 24px;
  border: none;
  position: relative;
  text-transform: none;
  margin: 0;
  padding: 0 2rem;
  width: calc(100% - 20px);
  max-width: 260px;
}
.complete-button .btn.-material.-complete i {
  position: absolute;
  top: 7px;
  right: 7px;
  margin: 0;
  padding: 0;
}
.complete-button .btn.-material.-complete.-disabled {
  background: #ced0db;
}
.complete-button .btn.-material.-complete.-completed {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3d97ce),
    to(#12debb)
  );
  background: linear-gradient(to bottom right, #3d97ce 0%, #12debb 100%);
}
.complete-button .btn.-material.-secondary-complete {
  color: #fff;
  background: #7b7f92;
  border-radius: 4px;
  border: none;
  position: relative;
  text-transform: none;
  margin: 0.5rem 1rem !important;
  padding: 1rem;
  width: calc(100% - 20px);
}
.complete-button .btn.-material.-secondary-complete i {
  position: absolute;
  top: 6px;
  right: 6px;
  margin: 0;
  padding: 0;
}
.complete-button .button-flyout {
  left: 0;
  z-index: 1;
  width: 100%;
}
@media (max-width: 600px) {
  .complete-button .button-flyout {
    left: -10px;
  }
}
.complete-button .button-flyout p {
  margin: 0 1rem;
  text-align: left;
  font-size: 1.4rem;
  line-height: 1.4em;
  color: #f0f4f6;
  padding-bottom: 1rem;
}
.calendar-day-actions {
  border-top: 1px solid #e6e7ee;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
.day-complete {
  position: relative;
  margin: 1rem;
  width: 100%;
  max-width: 300px;
}
.day-complete .btn.-material.-day-complete {
  display: -webkit-box;
  display: flex;
  border: none;
  text-transform: none;
  padding: 0.5rem;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  background: #4296cb;
  color: #fff;
  border-radius: 2rem;
  width: 100%;
}
.day-complete .btn.-material.-day-complete.-disabled {
  background: #ced0db;
}
.day-complete .btn.-material.-day-complete.-completed {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3d97ce),
    to(#12debb)
  );
  background: linear-gradient(to bottom right, #3d97ce 0%, #12debb 100%);
}
.day-complete .btn.-material.-day-complete.-open {
  z-index: 3;
}
.day-complete .btn.-material.-day-complete .btn-label {
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 1rem;
  color: #fff;
}
.day-complete .btn.-material.-day-complete .btn-icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  color: #fff;
}
.button-flyout {
  background: #3a3d4d;
  border-radius: 30px 30px 4px 4px;
  position: absolute;
  top: -10px;
  left: -10px;
  padding: 6rem 10px 1rem 10px;
  z-index: 2;
  width: calc(100% + 20px);
}
@media (max-width: 600px) {
  .button-flyout {
    max-width: 410px;
    margin-left: auto;
    margin-right: auto;
    right: -10px;
  }
  .button-flyout .btn,
  .button-flyout input.btn[type="submit"],
  .button-flyout button.btn {
    margin-bottom: 0 !important;
  }
}
.button-flyout .flyout-message {
  color: #fff;
  cursor: pointer;
  background: #4e5262;
  border-radius: 4px;
  padding: 10px;
  margin-top: 1rem;
}
.button-flyout .flyout-message:first-child {
  margin-top: 0;
}
.button-flyout .flyout-message.no-hover:hover,
.button-flyout .flyout-message.no-hover:focus,
.button-flyout .flyout-message.no-hover:visited {
  color: #fff;
}
.button-flyout .flyout-message p {
  color: inherit;
  font-size: 1.2rem;
  padding: 0;
  line-height: 1.6rem;
  width: calc(100% - 34px);
}
.button-flyout .flyout-message i {
  opacity: 0.5;
  color: #7ddaff;
}
.button-flyout .btn,
.button-flyout input.btn[type="submit"],
.button-flyout button.btn {
  padding: 12px 0;
  width: 100%;
}
.mark-unit {
  width: 100%;
  height: 100%;
}
.mark-unit .ext-unit {
  overflow: hidden;
}
.mark-unit.-leader-top {
  margin: 20px auto;
}
.mark-unit.-leader-top .ext-unit {
  width: inherit;
  height: inherit;
}
.mark-unit.-leader-top,
.mark-unit.-leader-top ins,
.mark-unit.-leader-top .unit-image {
  display: block;
  width: 970px;
  height: 90px;
}
@media only screen and (max-width: 1110px) {
  .mark-unit.-leader-top,
  .mark-unit.-leader-top ins,
  .mark-unit.-leader-top .unit-image {
    width: 728px;
    height: 90px;
  }
}
@media only screen and (max-width: 788px) {
  .mark-unit.-leader-top,
  .mark-unit.-leader-top ins,
  .mark-unit.-leader-top .unit-image {
    width: 468px;
    height: 60px;
  }
}
@media only screen and (max-width: 516px) {
  .mark-unit.-leader-top,
  .mark-unit.-leader-top ins,
  .mark-unit.-leader-top .unit-image {
    width: 320px;
    height: 50px;
  }
}
.mark-unit.-leader-in-content {
  margin: 20px auto;
}
.mark-unit.-leader-in-content .ext-unit {
  width: inherit;
  height: inherit;
}
.mark-unit.-leader-in-content,
.mark-unit.-leader-in-content ins,
.mark-unit.-leader-in-content .unit-image {
  display: block;
  width: 728px;
  height: 90px;
}
@media only screen and (max-width: 1110px) {
  .mark-unit.-leader-in-content,
  .mark-unit.-leader-in-content ins,
  .mark-unit.-leader-in-content .unit-image {
    width: 468px;
    height: 60px;
  }
}
@media only screen and (max-width: 825px) {
  .mark-unit.-leader-in-content,
  .mark-unit.-leader-in-content ins,
  .mark-unit.-leader-in-content .unit-image {
    width: 320px;
    height: 50px;
  }
}
@media (max-width: 768px) {
  .mark-unit.-leader-in-content,
  .mark-unit.-leader-in-content ins,
  .mark-unit.-leader-in-content .unit-image {
    width: 468px;
    height: 60px;
  }
}
@media only screen and (max-width: 516px) {
  .mark-unit.-leader-in-content,
  .mark-unit.-leader-in-content ins,
  .mark-unit.-leader-in-content .unit-image {
    width: 300px;
    height: 250px;
  }
}
.mark-unit.-leader-list {
  margin: 0 auto;
}
.mark-unit.-leader-list .ext-unit {
  width: inherit;
  height: inherit;
}
.mark-unit.-leader-list,
.mark-unit.-leader-list ins,
.mark-unit.-leader-list .unit-image {
  display: block;
  width: 728px;
  height: 90px;
}
@media only screen and (max-width: 1250px) {
  .mark-unit.-leader-list,
  .mark-unit.-leader-list ins,
  .mark-unit.-leader-list .unit-image {
    width: 468px;
    height: 60px;
  }
}
@media (max-width: 940px) {
  .mark-unit.-leader-list,
  .mark-unit.-leader-list ins,
  .mark-unit.-leader-list .unit-image {
    width: 728px;
    height: 90px;
  }
}
@media only screen and (max-width: 832px) {
  .mark-unit.-leader-list,
  .mark-unit.-leader-list ins,
  .mark-unit.-leader-list .unit-image {
    width: 468px;
    height: 60px;
  }
}
@media only screen and (max-width: 516px) {
  .mark-unit.-leader-list,
  .mark-unit.-leader-list ins,
  .mark-unit.-leader-list .unit-image {
    width: 320px;
    height: 50px;
  }
}
.mark-unit.-sidebar {
  margin: 5px auto;
}
.mark-unit.-sidebar,
.mark-unit.-sidebar ins,
.mark-unit.-sidebar .unit-image {
  display: block;
  width: 300px;
  height: 250px;
}
.mark-unit.-card-grid {
  background: #fff;
  min-height: 300px;
  height: inherit;
  width: calc(50% - 10px);
  margin: 5px;
  overflow: hidden;
}
@media (max-width: 1330px) {
  .mark-unit.-card-grid {
    width: calc(66.666% - 10px);
  }
}
@media (max-width: 940px) {
  .mark-unit.-card-grid {
    width: calc(100% - 10px);
  }
}
.mark-unit.-card-grid ins {
  width: 300px;
  height: 250px;
}
.mark-unit.-card-grid .unit-image {
  display: block;
  width: 300px;
  height: 250px;
}
.filters-open .results-cards .mark-unit.-card-grid {
  width: calc(66.666% - 10px);
}
@media (max-width: 1110px) {
  .filters-open .results-cards .mark-unit.-card-grid {
    width: calc(66.666% - 10px);
  }
}
@media (max-width: 940px) {
  .filters-open .results-cards .mark-unit.-card-grid {
    width: calc(100% - 10px);
  }
}
.results-cards .mark-unit.-card-grid {
  width: calc(50% - 10px);
}
@media (max-width: 1110px) {
  .results-cards .mark-unit.-card-grid {
    width: calc(66.666% - 10px);
  }
}
@media (max-width: 940px) {
  .results-cards .mark-unit.-card-grid {
    width: calc(100% - 10px);
  }
}
.mark-unit-group {
  width: 100%;
  overflow: hidden;
}
.VueCarousel-navigation {
  position: absolute;
  top: -51px;
  width: 100%;
}
.VueCarousel-navigation--disabled {
  visibility: hidden;
}
[data-whatinput="keyboard"] .VueCarousel-navigation-button:focus,
.VueCarousel-navigation-button:focus,
.VueCarousel-navigation-button:hover,
.VueCarousel-navigation-button:active,
.VueCarousel-navigation-button.active,
.VueCarousel-navigation-button[aria-expanded="true"] {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  color: #4296cb;
  position: static;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.VueCarousel-navigation-button .iconfont-arrow-forward,
.VueCarousel-navigation-button .iconfont-arrow-back {
  font-size: 20px;
  color: #7b7f92;
}
.VueCarousel-navigation-prev,
.VueCarousel-navigation-next {
  -webkit-transform: none !important;
  transform: none !important;
}
.VueCarousel-navigation-prev {
  left: 15% !important;
}
.VueCarousel-navigation-next {
  right: 15% !important;
}
.VueCarousel-pagination {
  margin-top: 14px;
}
.VueCarousel-dot.VueCarousel-dot--active {
  width: 12px !important;
  height: 12px !important;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  position: relative;
}
.VueCarousel-dot.VueCarousel-dot--active:after {
  content: "";
  border-radius: 100%;
  display: block;
  width: 8px;
  height: 8px;
  background: #fff;
  position: absolute;
  top: 9px;
  left: 9px;
}
@media screen and (max-width: 460px),
  screen and (min-width: 641px) and (max-width: 940px) {
  .VueCarousel-pagination {
    margin-top: 0px;
  }
  .VueCarousel-navigation-prev {
    left: 5% !important;
  }
  .VueCarousel-navigation-next {
    right: 5% !important;
  }
}
.VueCarousel-slide.slide-center {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.VueCarousel-slide.dashboard-slide-container {
  width: 100%;
  flex-basis: initial;
}
.force-scroll {
  overflow: auto;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding-right: 15px;
}
.force-scroll::-webkit-scrollbar {
  width: 10px;
}
.force-scroll::-webkit-scrollbar-track {
  background: #f0f4f6;
  border-radius: 100px;
  -webkit-box-shadow: none;
}
.force-scroll::-webkit-scrollbar-thumb {
  border-radius: 100px;
  -webkit-box-shadow: none;
  border: 1px solid #c7d8de;
  background: #fff;
}
@media (max-width: 1020px) {
  .filter-open {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
}
.no-results-found {
  width: 100%;
  max-width: 400px;
  padding: 60px 0;
  background: #fff;
  text-align: center;
  margin: 2rem auto;
  border-radius: 8px;
}
.no-results-found .heading,
.no-results-found .heading.-medium,
.no-results-found p {
  text-align: center;
  margin: 2rem 4rem;
}
.no-results-found p {
  padding: 0 0 2rem 0;
}
.content-container.tag-container,
.tag-container.tag-container {
  padding-top: 10px;
  padding-bottom: 0px;
}
.content-container.category-grid,
.tag-container.category-grid {
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (max-width: 1200px) {
  .content-container.category-grid,
  .tag-container.category-grid {
    padding-top: 3px;
    padding-bottom: 3px;
  }
}
.content-container .content-holder,
.tag-container .content-holder {
  position: relative;
  max-width: 1316px;
  padding-right: 4px;
  padding-left: 4px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0px auto;
  -webkit-box-align: stretch;
  align-items: stretch;
}
@media (max-width: 1200px) {
  .content-container .content-holder,
  .tag-container .content-holder {
    padding-right: 3px;
    padding-left: 3px;
  }
}
.content-container .content-holder.-fb-plus,
.tag-container .content-holder.-fb-plus {
  padding: 0;
}
.content-container .grid-holder,
.tag-container .grid-holder {
  min-height: 206px;
  overflow: hidden;
}
@media only screen and (max-width: 1328px) {
  .content-container.category-grid,
  .tag-container.category-grid {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 1327px) {
  .content-container.category-grid,
  .tag-container.category-grid {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 1326px) {
  .content-container.category-grid,
  .tag-container.category-grid {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 1325px) {
  .content-container.category-grid,
  .tag-container.category-grid {
    padding-top: 13px;
    padding-bottom: 13px;
  }
}
@media only screen and (max-width: 1324px) {
  .content-container.category-grid,
  .tag-container.category-grid {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media only screen and (max-width: 1323px) {
  .content-container.category-grid,
  .tag-container.category-grid {
    padding-top: 11px;
    padding-bottom: 11px;
  }
}
@media only screen and (max-width: 1322px) {
  .content-container.category-grid,
  .tag-container.category-grid {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 1321px) {
  .content-container.category-grid,
  .tag-container.category-grid {
    padding-top: 9px;
    padding-bottom: 9px;
  }
}
@media only screen and (max-width: 1320px) {
  .content-container.category-grid,
  .tag-container.category-grid {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 1319px) {
  .content-container.category-grid,
  .tag-container.category-grid {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
@media only screen and (max-width: 1318px) {
  .content-container.category-grid,
  .tag-container.category-grid {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
@media only screen and (max-width: 1317px) {
  .content-container.category-grid,
  .tag-container.category-grid {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 1316px) {
  .content-container.category-grid,
  .tag-container.category-grid {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
@media only screen and (max-width: 1220px) {
  .content-container.category-grid,
  .tag-container.category-grid {
    padding-top: 3px;
    padding-bottom: 3px;
  }
}
.content-item {
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  padding: 10px;
  display: -webkit-box;
  display: flex;
  position: relative;
  width: calc(25% - 10px);
}
@media (max-width: 1330px) {
  .content-item {
    width: calc(33.333% - 10px);
  }
}
@media (max-width: 940px) {
  .content-item {
    width: calc(50% - 10px);
  }
}
@media (max-width: 600px) {
  .content-item {
    width: calc(100% - 10px);
  }
}
.content-item .contents {
  display: block;
  background: none;
  min-height: 390px;
  background-color: #fff;
  -webkit-box-flex: 1;
  flex: 1 auto;
  position: relative;
  overflow: hidden;
}
.content-item .content-info {
  position: relative;
  padding: 0px;
  -webkit-transition: -webkit-transform 0.35s ease-out;
  transition: -webkit-transform 0.35s ease-out;
  transition: transform 0.35s ease-out;
  transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
}
.content-item .content-info .content-thumbnail-holder {
  height: 0px;
  padding-top: 56.25%;
  position: relative;
}
.content-item .content-info .content-thumbnail-holder img {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.content-item .content-info img {
  display: block;
  width: 100%;
  -webkit-transition: margin 0.25s ease-out;
  transition: margin 0.25s ease-out;
  border-bottom: 1px solid #f0f4f6;
}
.content-item .content-info .content-details {
  padding: 28px 24px;
  position: relative;
}
.content-item .content-info .eyebrow {
  display: block;
  padding-bottom: 5px;
  font-size: 11px;
  font-weight: 500;
}
.content-item .content-info h3 {
  color: #2c2e3a;
}
.content-item .content-info h3.-has-hover:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.content-item .content-actions-msg {
  color: #212432;
  position: absolute;
  bottom: 4.5rem;
  left: 15px;
}
.content-item .content-actions {
  width: 100%;
  display: -webkit-box;
  display: flex;
  position: absolute;
  bottom: 0px;
  left: 0px;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 10px;
  -webkit-box-align: end;
  align-items: flex-end;
}
.content-item .content-actions button:hover:not(.-no-hover) {
  color: #4296cb;
}
.content-item .content-actions span.price {
  display: block;
  font-size: 1.4rem;
  color: #222533;
  font-weight: bold;
  padding-left: 4px;
  text-align: left;
  position: relative;
}
.content-item .content-actions span.price.sale {
  color: #4296cb;
  font-size: 1.4rem;
}
.content-item .content-actions span.price.sale strike,
.content-item .content-actions span.price.sale .strike {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  font-size: 1rem;
  color: #7b7f92;
  position: absolute;
  top: -0.8rem;
  left: 5px;
}
.content-item .content-actions span.price.purchased {
  color: #7b7f92;
  font-weight: 400;
}
.content-item:after {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  pointer-events: none;
  content: "";
  display: block;
  border: 3px solid #4296cb;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
@media (max-width: 1200px) {
  .content-item {
    padding: 3px 3px;
  }
  .content-item .contents {
    min-height: 360px;
  }
  .content-item .content-info h3.-x-small {
    font-size: 13px;
  }
  .content-item .content-info .content-details {
    padding-top: 17px;
  }
  .content-item .content-actions-msg {
    left: 10px;
  }
  .content-item .content-actions {
    padding-bottom: 10px;
  }
  .content-item:after {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
  }
}
@media (max-width: 1060px) {
  .content-item .contents {
    min-height: 340px;
  }
}
@media (max-width: 1020px) {
  .content-item {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 33.3333%;
  }
  .content-item .contents {
    min-height: 340px;
  }
}
@media (max-width: 940px) {
  .content-item.row-of-four {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 767px) {
  .content-item {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 50%;
  }
  .content-item .content-info {
    -webkit-transition: none;
    transition: none;
  }
  .content-item .content-info img {
    -webkit-transition: none;
    transition: none;
  }
  .content-item .content-info .content-details {
    padding-bottom: 64px;
    padding-right: 20px;
    padding-left: 20px;
    position: relative !important;
    top: auto !important;
  }
  .content-item .content-actions span.price {
    padding-left: 0px;
  }
  .content-item.no-actions .content-details {
    padding-bottom: 20px;
  }
}
@media (max-width: 600px) {
  .content-item,
  .content-item.row-of-four {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 100%;
  }
}
html[data-whatintent="mouse"] .content-item:hover:not(.-no-hover):after {
  opacity: 1;
}
.content-head {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 12px;
  padding-top: 55px;
}
.content-head .heading {
  margin: 0px;
}
.content-head .heading.-x-small {
  padding-bottom: 0px;
  font-weight: 600;
}
@media (max-width: 600px) {
  .content-head {
    padding-bottom: 21px;
    padding-top: 50px;
  }
  .content-head .heading.-medium {
    font-size: 24px;
  }
  .content-head .heading.-x-small {
    padding-bottom: 6px;
    white-space: nowrap;
  }
  .content-head .heading.-x-small .category-name {
    display: none;
  }
}
.content-tags {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0rem;
  padding: 0rem;
  list-style: none;
  padding-right: 3px;
  padding-left: 3px;
}
.content-tags li {
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 0px;
}
.tag-container.community-tag-container .content-holder {
  max-width: 1338px;
  padding-right: 16px;
  padding-left: 16px;
}
@media (max-width: 1060px) {
  .tag-container.community-tag-container {
    padding-top: 0px;
  }
  .tag-container.community-tag-container .content-holder {
    padding-right: 3px;
    padding-left: 3px;
  }
  .tag-container.community-tag-container .content-holder .content-tags li {
    margin-top: 5px;
  }
  .tag-container.community-tag-container
    .content-holder
    .content-tags
    li
    .btn.-tag,
  .tag-container.community-tag-container
    .content-holder
    .content-tags
    li
    input[type="submit"].btn.-tag,
  .tag-container.community-tag-container
    .content-holder
    .content-tags
    li
    button.btn.-tag {
    margin-right: 5px;
  }
}
.listing {
  background: #fafcfd;
  max-width: 1300px;
  margin: 0 auto;
}
.listing .no-result {
  padding: 3.2rem 0.8rem;
}
.listing .no-result p {
  padding: 0 1.5915%;
}
.row.listing-header {
  padding: 29px 0 17px;
  background: #fff;
  border-bottom: 1px solid #f0f4f6;
  flex-wrap: nowrap;
}
.row.listing-header.row-tight {
  flex-wrap: nowrap;
}
@media (max-width: 940px) {
  .row.listing-header.row-tight {
    display: none;
  }
}
.row.listing-header .caps {
  color: #7b7f92;
  font-size: 11px;
  margin: 0px;
  letter-spacing: 0.042em;
  font-weight: 500;
}
.row.listing-row {
  padding-top: 33px;
  padding-bottom: 28px;
  border-bottom: 1px solid #f0f4f6;
  min-height: 48px;
  position: relative;
  flex-wrap: nowrap;
}
.row.listing-row .author-image,
.row.listing-row .avatar-placeholder {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  text-align: center;
  margin-top: -4px;
}
.row.listing-row .author-image span,
.row.listing-row .avatar-placeholder span {
  font-size: 28px;
  line-height: 48px;
}
.row.listing-row .content {
  padding-left: 8rem;
}
.row.listing-row .heading a {
  color: #212432;
}
[data-whatinput="keyboard"] .row.listing-row .heading a:focus,
.row.listing-row .heading a:focus,
.row.listing-row .heading a:hover,
.row.listing-row .heading a:active,
.row.listing-row .heading a.active,
.row.listing-row .heading a[aria-expanded="true"] {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(100%, #212432),
    to(transparent)
  );
  background-image: linear-gradient(to right, #212432 100%, transparent 100%);
}
.row.listing-row .categories {
  color: #4296cb;
}
@media (max-width: 940px) {
  .row.listing-row.row-tight {
    padding-left: 8rem;
  }
  .row.listing-row.row-tight .content {
    padding: 0px;
  }
  .row.listing-row.row-tight .span5,
  .row.listing-row.row-tight .span4 {
    width: 100%;
    padding: 0px;
  }
  .row.listing-row.row-tight .btn {
    padding: 0rem 4rem 0rem 0rem;
    margin-bottom: 0.8rem;
    width: auto;
  }
}
@media (max-width: 768px) {
  .row.listing-row {
    padding-top: 28px;
    padding-bottom: 23px;
  }
}
.surprise-section {
  position: relative;
}
.surprise-section.content-container.category-grid {
  padding: 0px;
}
.surprise-section .surprise-me {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  background: #212432;
}
.surprise-section .surprise-me-results {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  padding-top: 4rem;
}
.surprise-section .surprise-me-results .surprise-me-main {
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  width: 344px;
}
.surprise-section .surprise-me-results .surprise-me-main .-card-view,
.filters-open
  .surprise-section
  .surprise-me-results
  .surprise-me-main
  .-card-view {
  width: calc(100% - 8px);
  height: calc(100% - 6px);
  margin: 3px 5px;
}
@media (max-width: 1200px) {
  .surprise-section .surprise-me-results .surprise-me-main .-card-view {
    height: calc(100% - 6px);
    margin: 3px 5px;
  }
}
@media (max-width: 940px) {
  .surprise-section .surprise-me-results {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .surprise-section .surprise-me-results .surprise-me-main {
    width: 344px;
  }
  .surprise-section .surprise-me-results .surprise-me-main .-card-view {
    margin: 3px 4px;
    min-height: 340px;
  }
}
@media (max-width: 768px) {
  .surprise-section .surprise-me-results {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .surprise-section .surprise-me-results .surprise-me-main {
    width: 300px;
  }
  .surprise-section .surprise-me-results .surprise-me-main .-card-view {
    margin: 5px 4px;
  }
}
.surprise-section .surprise-me-results .surprise-me-related {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  align-items: flex-start;
}
.surprise-section
  .surprise-me-results
  .surprise-me-related
  .surprise-me-related-result {
  width: 175px;
}
.surprise-section
  .surprise-me-results
  .surprise-me-related
  .surprise-me-related-result.-pointer {
  cursor: pointer;
}
.surprise-section
  .surprise-me-results
  .surprise-me-related
  .surprise-me-related-result
  .content-item {
  display: block;
  width: 100%;
  height: 100%;
  padding: 3px 3px;
}
.surprise-section
  .surprise-me-results
  .surprise-me-related
  .surprise-me-related-result
  .content-item
  .contents {
  min-height: 110px;
}
.surprise-section
  .surprise-me-results
  .surprise-me-related
  .surprise-me-related-result
  .content-item
  .content-details {
  padding: 8px 12px 0px 12px;
}
.surprise-section
  .surprise-me-results
  .surprise-me-related
  .surprise-me-related-result
  .content-item
  .content-details
  .time-span {
  white-space: nowrap;
}
.surprise-section
  .surprise-me-results
  .surprise-me-related
  .surprise-me-placeholder {
  width: 168px;
  min-height: 123px;
  margin: 3px 3px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  background-color: #7b7f92;
}
.surprise-section
  .surprise-me-results
  .surprise-me-related
  .surprise-me-placeholder
  span {
  text-align: center;
  color: #fff;
  font-weight: 700;
  display: block;
}
@media (max-width: 940px) {
  .surprise-section .surprise-me-results .surprise-me-related {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
  .surprise-section
    .surprise-me-results
    .surprise-me-related
    .surprise-me-related-result {
    width: 114px;
  }
  .surprise-section
    .surprise-me-results
    .surprise-me-related
    .surprise-me-placeholder {
    width: 108px;
    min-height: 110px;
  }
}
@media (max-width: 768px) {
  .surprise-section .surprise-me-results .surprise-me-related {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
  .surprise-section
    .surprise-me-results
    .surprise-me-related
    .surprise-me-related-result {
    width: 98px;
  }
  .surprise-section
    .surprise-me-results
    .surprise-me-related
    .surprise-me-placeholder {
    width: 92px;
  }
}
.surprise-section .surprise-me-submit {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  align-items: center;
  min-width: 250px;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.surprise-section .surprise-me-submit .prev-surprises,
.surprise-section .surprise-me-submit .next-surprises {
  width: 38px;
  text-align: center;
}
@media (max-width: 768px) {
  .surprise-section .surprise-me-submit {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.surprise-section .surprise-me-close {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
}
@media (max-width: 1200px) {
  .surprise-section .surprise-me-close {
    top: 0;
    right: 0.5rem;
  }
}
.surprise-section .surprise-me-close .btn {
  padding: 0.8rem;
}
.surprise-section .surprise-me-close .btn .material-symbols-outlined {
  color: #fafcfd;
  font-size: 26px;
  padding: 0;
}
.filter-option {
  margin: 0 1rem;
}
.shelf-section {
  position: relative;
  background: #212432;
}
.shelf-section.content-container.category-grid {
  padding: 0;
}
.shelf-section .shelf-center {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 370px;
}
.shelf-section .shelf-results {
  display: -webkit-box;
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  background: #212432;
}
.shelf-section .shelf-results::-webkit-scrollbar {
  width: 10px;
}
.shelf-section .shelf-results::-webkit-scrollbar-track {
  background: #212432;
}
.shelf-section .shelf-results::-webkit-scrollbar-thumb {
  background: #f0f1f4;
  border-radius: 8px;
  height: 8px;
  border: 4px solid #212432;
}
.shelf-section .shelf-results::-webkit-scrollbar-thumb:hover {
  background: #fff;
  border-radius: 8px;
  height: 8px;
  border: 4px solid #212432;
}
@supports (scroll-snap-align: center) {
  .shelf-section .shelf-results {
    scroll-padding: 0 2rem;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
  }
  .shelf-section .shelf-card {
    scroll-snap-align: center;
  }
}
.shelf-section .shelf-no-results {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  color: #fff;
  height: 100%;
}
.shelf-section .shelf-no-results .heading {
  margin: 3.2rem 0 2rem 0;
}
.shelf-section .shelf-no-results p {
  color: #fff;
  margin: 0 2rem 0 2rem;
}
.shelf-card {
  min-width: 300px;
  width: 300px;
  min-height: 350px;
  margin: 1rem 0.5rem;
}
.shelf-card .-card-view {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.filters-open .shelf-card .-card-view,
.content-organization .content-results .shelf-card .-card-view {
  width: 100% !important;
}
.shelf-card .card-content {
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 5px 0 rgba(0, 0, 0, 0.25);
}
.shelf-card .summary-group .content-title,
.shelf-card .activity-info .content-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fb-plus-free-countdown-cls {
  min-height: 7.4rem;
}
.unit-cta .fb-plus-free-countdown-cls {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
.fb-plus-free-countdown {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: stretch;
  justify-content: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.fb-plus-free-countdown .fbplus {
  padding: 0;
  margin: 0;
}
.dark .fb-plus-free-countdown .fbplus .plus {
  color: #b6eeff;
}
.fb-plus-free-countdown .fbplus .free-access {
  display: block;
  color: #fff;
  background-color: #26bc35;
  font-size: 1.6rem;
  border-radius: 20px;
  position: relative;
  top: -0.5rem;
}
.fb-plus-free-countdown .countdown {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.dark .fb-plus-free-countdown .countdown {
  color: #313443;
}
.fb-plus-free-countdown .countdown .days,
.fb-plus-free-countdown .countdown .hours {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  background-color: #fff;
  padding: 0.5rem;
  margin: 0 0 0 1rem;
  min-width: 4rem;
  border-radius: 4px;
  height: calc(100% - 0.8rem);
}
.fb-plus-free-countdown .countdown .days .count,
.fb-plus-free-countdown .countdown .hours .count {
  font-size: 2.8rem;
  font-weight: bold;
}
.fb-plus-free-countdown .countdown .days .label,
.fb-plus-free-countdown .countdown .hours .label {
  font-size: 1.2rem;
  text-transform: uppercase;
}
.fb-plus-free-callout-cls {
  min-height: 6.6rem;
}
.fb-plus-free-callout {
  position: relative;
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#6714ef),
    to(#03c47b)
  );
  background: linear-gradient(to bottom right, #6714ef 0%, #03c47b 100%);
}
.fb-plus-free-callout .fbplus .fb {
  color: #fff;
}
.fb-plus-free-callout .fbplus .plus {
  color: #b6eeff;
}
.fb-plus-free-callout .expander {
  width: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.fb-plus-free-callout .expander .btn {
  position: absolute;
  top: 0;
  right: 10px;
  padding: 1rem;
  color: #fff;
}
.fb-plus-free-callout .expander .fb-plus-free-countdown .fbplus {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.fb-plus-free-callout .expander .fb-plus-free-countdown .fbplus .free-access {
  font-size: 1.6rem;
  padding: 0.5rem 1rem;
  margin: 0 0 0 1rem;
  top: 0;
}
.fb-plus-free-callout .callout-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 0.5rem;
}
.fb-plus-free-callout .callout-content .action {
  margin: 1rem 0;
}
.fb-plus-free-callout .callout-content .fbplus .free-access {
  display: block;
  color: #fff;
  background-color: #26bc35;
  font-size: 1.6rem;
  border-radius: 20px;
  position: relative;
  top: -0.5rem;
}
.video-js .vjs-poster,
.video-js.vjs-mouse .vjs-poster {
  background-color: #ffffff;
}
.video-js .vjs-control-bar,
.video-js.vjs-mouse .vjs-control-bar {
  font-size: 1.25rem;
}
@media (max-width: 321px) {
  .video-js .vjs-control-bar .vjs-quality-menu-button,
  .video-js.vjs-mouse .vjs-control-bar .vjs-quality-menu-button {
    display: none;
  }
}
@media (max-width: 600px) {
  .video-js .vjs-control-bar .vjs-picture-in-picture-control,
  .video-js .vjs-control-bar .vjs-subs-caps-button,
  .video-js.vjs-mouse .vjs-control-bar .vjs-picture-in-picture-control,
  .video-js.vjs-mouse .vjs-control-bar .vjs-subs-caps-button {
    display: none;
  }
}
@media (max-width: 340px) {
  .video-js .vjs-control-bar,
  .video-js.vjs-mouse .vjs-control-bar {
    font-size: 1rem;
  }
}
.vjs-dock-description {
  display: none;
}
.vjs-control.bc-skip-back .material-symbols-outlined {
  font-size: 1.8em;
  line-height: 1.67;
}
.vjs-control.bc-skip-forward .material-symbols-outlined {
  font-size: 1.8em;
  line-height: 1.67;
}
.-shorts-portrait
  .bc-video-shorts
  .video-js
  .vjs-menu-button-popup
  .vjs-menu
  .vjs-menu-content,
.-shorts-portrait
  .bc-video-shorts
  .video-js.vjs-mouse
  .vjs-menu-button-popup
  .vjs-menu
  .vjs-menu-content {
  max-height: 15em;
}
.bc-video-shorts .video-js .vjs-progress-control,
.bc-video-shorts .video-js.vjs-mouse .vjs-progress-control {
  display: block;
}
.bc-video-shorts .video-js .vjs-control.bc-skip-back,
.bc-video-shorts .video-js .vjs-control.bc-skip-forward,
.bc-video-shorts .video-js.vjs-mouse .vjs-control.bc-skip-back,
.bc-video-shorts .video-js.vjs-mouse .vjs-control.bc-skip-forward {
  display: none;
}
.bc-video-shorts .video-js .vjs-control.vjs-skip-backward-10,
.bc-video-shorts .video-js .vjs-control.vjs-skip-forward-10,
.bc-video-shorts .video-js.vjs-mouse .vjs-control.vjs-skip-backward-10,
.bc-video-shorts .video-js.vjs-mouse .vjs-control.vjs-skip-forward-10 {
  display: none;
}
.bc-video-shorts .video-js .vjs-control.vjs-picture-in-picture-control,
.bc-video-shorts
  .video-js.vjs-mouse
  .vjs-control.vjs-picture-in-picture-control {
  display: none;
}
.cky-consent-container p {
  padding: 0;
  padding: initial;
  line-height: inherit;
}
.cky-modal input[type="checkbox"] {
  opacity: 1;
  opacity: initial;
}
.cky-banner-element.btn.-anchor-link {
  margin: 0 0.4rem;
  color: #a7aabb;
}
[data-whatinput="keyboard"] .cky-banner-element.btn.-anchor-link:focus,
.cky-banner-element.btn.-anchor-link:focus,
.cky-banner-element.btn.-anchor-link:hover,
.cky-banner-element.btn.-anchor-link:active,
.cky-banner-element.btn.-anchor-link.active,
.cky-banner-element.btn.-anchor-link[aria-expanded="true"] {
  color: #a7aabb;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.cky-preference-body-wrapper p {
  font-size: inherit;
  line-height: inherit;
  padding-bottom: inherit;
}
.cky-preference-body-wrapper .cky-cookie-des-table li {
  line-height: inherit;
  margin: inherit;
}
.cky-audit-table-element .cky-table-wrapper {
  background: #f0f4f6;
}
.cky-audit-table-element .cky-cookie-audit-table p {
  color: #212432;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .cky-audit-table-element .cky-cookie-audit-table p {
    font-size: 1.2rem;
  }
}
.cky-audit-table-element .cky-cookie-audit-table th {
  background-color: transparent;
  background-color: initial;
  color: #212432;
  border: medium none currentcolor;
  border: initial;
  border-bottom: 2px solid #e3ebee;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .cky-audit-table-element .cky-cookie-audit-table th {
    font-size: 1.2rem;
  }
}
.cky-audit-table-element .cky-cookie-audit-table tr:nth-child(2n) td,
.cky-audit-table-element .cky-cookie-audit-table tr:nth-child(2n + 1) td,
.cky-audit-table-element .cky-cookie-audit-table td {
  background-color: transparent;
  background-color: initial;
  color: #212432;
  border: medium none currentcolor;
  border: initial;
  border-top: 1px solid #e3ebee;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .cky-audit-table-element .cky-cookie-audit-table tr:nth-child(2n) td,
  .cky-audit-table-element .cky-cookie-audit-table tr:nth-child(2n + 1) td,
  .cky-audit-table-element .cky-cookie-audit-table td {
    font-size: 1.2rem;
  }
}
.tabs {
  -webkit-box-align: stretch;
  align-items: stretch;
}
.tabs .tab {
  border-right: 1px solid #e3ebee;
  border-bottom: 1px solid #e3ebee;
  background: #f0f4f6;
  -webkit-box-flex: 1;
  flex-grow: 1;
}
.tabs .tab .tab-link {
  display: block;
  font-size: 1.3rem;
  line-height: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  padding: 2rem;
  background-image: none;
}
.tabs .tab .tab-link:hover {
  background-image: none;
}
.tabs .tab.active {
  background: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.tabs .tab.active .tab-link {
  color: #212432;
}
.tabs .tab:last-child {
  border-right: none;
}
.widget {
  position: relative;
  padding: 0 0 1px 0;
}
.widget .heading {
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2rem;
  margin: 0;
}
.widget .modal__header .heading,
.widget .calendar-header .heading {
  font-size: 2.8rem;
  font-weight: inherit;
  text-transform: inherit;
  padding: 0;
  padding: initial;
}
.timeframe {
  padding: 0 2rem;
}
.hidden-label {
  height: 0;
  overflow: hidden;
}
.filter {
  display: -webkit-box;
  display: flex;
  margin: 0 2rem 2rem 2rem;
}
.filter .filter-select,
.filter .filter-input {
  -webkit-box-flex: 2;
  flex-grow: 2;
  margin-right: 1rem;
  width: 100%;
}
.filter .filter-select.-full,
.filter .filter-input.-full {
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  width: 100%;
  margin-right: 0;
}
.filter .filter-submit {
  -webkit-box-flex: 1;
  flex-grow: 1;
  margin-top: 0;
}
.stats-callouts {
  display: -webkit-box;
  display: flex;
  margin: 0 0 1rem 0;
  border-top: 1px solid #f0f4f6;
  border-bottom: 1px solid #f0f4f6;
  text-align: center;
}
.stats-callouts .stat-container {
  background: #e6f0f8;
  -webkit-box-flex: 1;
  flex-grow: 1;
  padding: 2rem 1rem;
  border-right: 1px solid #f0f4f6;
}
.stats-callouts .stat-container:last-child {
  border-right: none;
}
.stats-callouts .stat-container h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2rem;
}
.stats-callouts .stat-container .stat-display {
  font-size: 2.4rem;
  font-weight: 700;
}
.stats-list {
  list-style: none;
  padding: 1rem 2rem 0;
}
.stats-list li {
  display: -webkit-box;
  display: flex;
  line-height: 1.2em;
}
.stats-list li .stat-desc {
  -webkit-box-flex: 1;
  flex-grow: 1;
  margin-right: 2rem;
}
.stats-list li .stat-num {
  -webkit-box-flex: 1;
  flex-grow: 1;
  font-weight: bold;
  text-align: right;
}
.history-list {
  list-style: none;
  padding: 0 2rem 0;
}
.history-list li {
  display: -webkit-box;
  display: flex;
  line-height: 1.2em;
  border-top: 1px solid #f0f4f6;
  padding: 2rem 0;
  margin: 0;
}
.history-list li:last-child {
  border-bottom: 1px solid #f0f4f6;
}
.history-list li .hist-date {
  min-width: 9.5rem;
  margin-right: 2rem;
}
.history-list li .hist-title {
  -webkit-box-flex: 1;
  flex-grow: 1;
  overflow: hidden;
  height: 1.2em;
}
.history-list li .hist-total {
  min-width: 4.5rem;
  margin-right: 2rem;
}
.user-tags-list {
  margin: 0 2rem 2rem 2rem;
  padding: 2rem 0;
  font-size: 1.6rem;
  border-top: 1px solid #f0f4f6;
  border-bottom: 1px solid #f0f4f6;
  text-align: left;
}
.user-tags-list .btn.-tag {
  display: inline-block;
  background: #f0f4f6;
  color: #212432;
  margin: 0 0 0.5rem 1rem;
}
.list-actions {
  border-top: 1px solid #f0f4f6;
  margin: 0 2rem;
  padding: 1rem 0;
  color: #f0f4f6;
  display: -webkit-box;
  display: flex;
}
.list-actions .list-toggle {
  margin-left: auto;
  padding: 1rem 0;
}
.list-actions .list-toggle .btn {
  margin: 0 0.5rem;
}
.list-actions .list-toggle .btn:last-child {
  margin-left: 0 0 0 0.5rem;
}
.view-all {
  padding: 0 2rem 2rem;
  text-align: center;
}
.chelp-text {
  margin: 0;
  border: 0;
  color: #4296cb;
  line-height: inherit;
  font-size: inherit;
}
.chelp-text.-flush {
  padding: 0;
}
.chelp-text.-label {
  color: #3a3d4d;
  cursor: pointer;
}
.chelp-text.-label i {
  font-size: 1rem;
}
.chelp-text.-detail-btn {
  margin: 1rem 0;
  padding: 0.4rem 1.2rem 0.8rem 1rem;
  position: relative;
  font-weight: 600;
  color: #a7aabb;
  font-size: 1.4rem;
  background: #3a3d4d;
  border-radius: 4px;
}
.chelp-text.-detail-btn i {
  position: relative;
  top: 0.5rem;
  font-size: 2rem;
  padding-right: 0.5rem;
}
.chelp-container {
  position: absolute;
  max-width: 300px;
  background-color: #3a3d4d;
  visibility: hidden;
  border-radius: 4px;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  z-index: 10;
}
.chelp-container.left-icon {
  left: calc(-300px + 24px);
}
.chelp-container .chelp-close {
  font-size: 2rem;
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  height: 4rem;
  width: 4rem;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.chelp-container p {
  font-size: 1.4rem;
  margin: 2rem 5rem 2rem 2rem;
  padding: 0;
  line-height: 1.4em;
  color: #ffffff;
}
.chelp-container p strong {
  color: #fff;
}
.chelp-container.chelp-open {
  visibility: visible;
}
.chelp-fade-start {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.chelp-fade-start.chelp-fade-end {
  opacity: 0;
}
.referral-reward .chelp-text {
  text-align: right;
}
.referral-reward .chelp-container {
  right: 40px;
  width: 250px;
}
.schedule-actions .chelp-container {
  position: absolute;
  right: 44px;
  border-radius: 44px;
  width: 150px;
  height: 44px;
  background-color: #313443;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.schedule-actions .chelp-container p {
  font-size: 1.4rem;
  margin: 1rem 5rem 1rem 2rem;
  padding: 0;
  line-height: 1.4em;
  color: #ffffff;
}
.schedule-actions .chelp-container p strong {
  color: #fff;
}
.chelp-container .nutrition-facts {
  background: #f0f4f6;
  font-size: 1.4rem;
  margin: 1rem 4rem 1rem 1rem;
  padding: 1rem;
  line-height: 1.4em;
  color: #313443;
  border: 4px solid #313443;
}
.chelp-container .nutrition-facts h1 {
  font-weight: 600;
  font-size: 2rem;
  padding: 0 0 0.5rem 0;
  border-bottom: 8px solid #313443;
}
.chelp-container .nutrition-facts h2 {
  font-weight: 600;
  font-size: 1.2rem;
  padding: 0 0 0.5rem 0;
  border-bottom: 4px solid #313443;
}
.chelp-container .nutrition-facts .fact {
  line-height: 2.4rem;
  font-size: 1.6rem;
  color: #313443;
}
.chelp-container .nutrition-facts .fact .nf-title {
  font-weight: 600;
}
.chelp-container .nutrition-facts .fact .nf-value {
  padding: 0 0.4rem;
}
@media (max-width: 600px) {
  .chart.-full-xsmall-scroll-x {
    overflow-y: hidden;
    overflow-x: auto;
  }
  .chart.-full-xsmall-scroll-x > div:first-child {
    min-width: 600px;
  }
}
.exclusive-item {
  position: absolute;
  top: 0;
  right: 0;
  background: #3cdbb8;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.2em;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  padding: 0.5rem 1rem;
  border-radius: 0 0 0 6px;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  z-index: 1;
  cursor: pointer;
}
.exclusive-item.-sale {
  background: #e84452;
  cursor: inherit;
}
.plan-content .exclusive-item {
  font-size: 1em;
}
.-new {
  position: relative;
}
.-new .new-feature {
  position: absolute;
  top: -1.5rem;
  left: 2.5rem;
  font-size: 0.8rem;
}
.new-feature {
  text-align: center;
  padding: 0.5rem 1rem;
  font-size: 0.3rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  background: #fd9a03;
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  vertical-align: top;
  white-space: nowrap;
  position: relative;
  top: -0.5rem;
}
.new-feature.-list-item {
  top: 0.5rem;
  font-size: 0.8rem;
}
.plus-feature {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#4296cc),
    to(#0067aa)
  );
  background: linear-gradient(to bottom right, #4296cc 0%, #0067aa 100%);
  border: 1px solid #fff;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 4rem;
  height: 20px;
  border-radius: 10px;
  margin: 0 0.25rem;
  padding: 0.1rem;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
}
.draft-item {
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  color: #313443;
  font-weight: bold;
  font-size: 1.2em;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  padding: 0.5rem 1rem;
  border-radius: 0 0 0 6px;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  z-index: 20;
  cursor: pointer;
}
.plan-content .draft-item {
  font-size: 1em;
}
.stat-desc .new-feature {
  position: relative;
  top: 0;
  font-size: 0.8rem;
}
.heading.-new .new-feature {
  position: relative;
  top: 0;
  right: 0rem;
  font-size: 0.8rem;
}
.note-header {
  position: relative;
  margin: -20px 0;
}
.note-header .note-date {
  display: inline-block;
  padding: 1.5rem 0;
  color: #7b7f92;
}
@media (max-width: 340px) {
  .note-header .note-date {
    max-width: 130px;
  }
}
.note-header .note-action {
  display: inline-block;
  margin: 12px;
}
.note-header .note-action:last-child {
  margin-right: 0;
}
.note-form {
  padding: 1.5rem 0 0.5rem;
}
.note-form textarea {
  font-size: 1.6rem;
  line-height: 3.2rem;
  color: #4e5262;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #f0f4f6;
  outline: none;
}
.note-add {
  padding: 0 2rem;
}
.note-item {
  width: 100%;
}
.note-item .note-body[aria-hidden="false"] {
  display: block;
}
.note-item .note-body[aria-hidden="true"] {
  display: none;
}
.note-item .note-body p {
  white-space: pre-wrap;
  padding: 1.5rem 0 0.5rem;
}
.note-item .note-form {
  padding: 1.5rem 0 0.5rem;
  min-width: 100%;
}
.note-form .form-action {
  margin: 0 1em 1em 0;
}
@media (max-width: 768px) {
  .note-form .form-action {
    margin: 0 1em 1em 0;
  }
}
@media (max-width: 600px) {
  .note-form .form-action {
    margin: 0 0.5em 1em 0;
    width: auto;
  }
  .note-form .form-action .btn {
    width: auto;
  }
}
.note-form .form-action:last-child {
  margin: 0;
}
.note-form .form-action.flex-right {
  margin-left: auto;
}
.recommendations {
  padding: 8rem 0 0 0;
}
@media (max-width: 940px) {
  .recommendations {
    padding: 4rem 0 0 0;
  }
}
.recommendation-desc {
  padding-bottom: 3rem;
}
@media (max-width: 940px) {
  .recommendation-desc {
    padding: 0 0 3rem 0;
  }
}
.attention {
  display: block;
  font-weight: bold;
  color: #4296cb;
  background: #fff;
  padding: 2rem;
  font-size: 1.4rem;
  line-height: 1.5em;
  margin: 2rem 0 0 0;
}
.plus-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}
.unit-info {
  width: calc(25% - 0.5rem);
  margin-bottom: 1rem;
}
@media (max-width: 940px) {
  .unit-info {
    width: calc(50% - 0.5rem);
  }
}
@media (max-width: 600px) {
  .unit-info {
    width: 100%;
  }
}
.unit-info .exclusive {
  background-position: center;
  color: #fff;
  padding: 4rem 0;
  height: 100%;
  min-height: 300px;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  cursor: pointer;
}
.unit-info .exclusive.-opt-01 {
  background: #e84452;
  background-image: url("../img/custom-cards/red.png");
  background-position: center;
}
.unit-info .exclusive.-opt-02 {
  background: #4296cb;
  background-image: url("../img/custom-cards/blue.png");
  background-position: center;
}
.unit-info .exclusive.-opt-03 {
  background: #26bc35;
  background-image: url("../img/custom-cards/green.png");
  background-position: center;
}
.unit-info .exclusive.-opt-04 {
  background: #fd9a03;
  background-image: url("../img/custom-cards/orange.png");
  background-position: center;
}
.unit-info .exclusive.-opt-subtle {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#adb4c3),
    to(#445e7a)
  );
  background: linear-gradient(to bottom right, #adb4c3 0%, #445e7a 100%);
}
.unit-info .exclusive .message {
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
  margin: 0 6rem;
}
.unit-info .exclusive .message.-wide {
  margin: 0 3rem;
}
.unit-info .exclusive .message .fbplus {
  display: block;
  text-align: center;
  margin: 0;
  padding: 0;
}
.unit-info .exclusive .message .fbplus .fb,
.unit-info .exclusive .message .fbplus .plus {
  font-size: 5.9rem;
  color: #fff;
}
.unit-info .exclusive .message .fbplus .fb {
  opacity: 0.6;
}
.unit-info .exclusive .message .large-heading {
  font-size: 4rem;
  font-weight: 600;
  text-transform: none;
}
.unit-info .exclusive .message .sub-heading {
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.9em;
  padding: 0 0 2rem 0;
  border-bottom: 1px solid #fff;
  margin: 0 0 1.4rem 0;
}
.unit-info .exclusive .message .sub-heading.-landing {
  font-size: 2.5rem;
  line-height: 1em;
  letter-spacing: 0.08em;
  min-width: 200px;
}
.unit-info .exclusive .message .sub-heading.-workouts {
  font-size: 3.4rem;
}
.unit-info .exclusive .message .sub-heading.-programs-challenges {
  font-size: 2.5rem;
  line-height: 1em;
  letter-spacing: 0.11em;
}
.unit-info .exclusive .message .sub-heading.-programs-challenges .-challenges {
  letter-spacing: 0.13em;
}
.unit-info .exclusive .message .sub-heading.-articles {
  font-size: 3rem;
  letter-spacing: 0.21em;
  line-height: 1em;
  padding-left: 0.4rem;
}
.unit-info .exclusive .message .sub-heading.-standard {
  text-transform: none;
  font-size: 3rem;
  line-height: 1em;
  display: block;
}
.unit-info .exclusive .message .sub-heading.-plus-options {
  text-transform: none;
  font-size: 2rem;
  letter-spacing: 0.1em;
  line-height: 1em;
}
.-card-view .unit-info {
  width: 100%;
  margin: 0;
}
.mp-customize-card {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3b04b7),
    to(#c310a5)
  );
  background: linear-gradient(to bottom right, #3b04b7 0%, #c310a5 100%);
  color: #fff;
  padding: 2rem 0;
  min-height: inherit;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.mp-customize-card:active,
.mp-customize-card:hover,
.mp-customize-card:focus {
  background-image: none !important;
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3b04b7),
    to(#c310a5)
  ) !important;
  background: linear-gradient(
    to bottom right,
    #3b04b7 0%,
    #c310a5 100%
  ) !important;
  color: #fff !important;
}
.mp-customize-card .message {
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
  margin: 0 2rem;
}
.mp-customize-card .message .personalize-heading {
  display: inline-block;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  width: 100%;
}
.mp-customize-card .message .sub-heading {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.6em;
  line-height: 0.8em;
  padding: 0rem 0;
}
.mp-customize-card .message .energy-meter {
  width: 140px;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .mp-customize-card .message .energy-meter {
    width: 100px;
  }
}
.mp-customize-card .message .card-action {
  height: auto;
  width: 100%;
  margin: 2rem 0;
}
.mp-customize-card .message .card-action .btn {
  color: #c310a5;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
}
.mp-desktop {
  display: block;
  width: 100%;
}
@media (max-width: 940px) {
  .mp-desktop {
    display: none;
  }
}
.mp-mobile,
.mp-mobile.meal-plan-actions {
  display: none;
}
@media (max-width: 940px) {
  .mp-mobile,
  .mp-mobile.meal-plan-actions {
    display: -webkit-box;
    display: flex;
    width: 100%;
  }
}
.mp-mobile .mp-customize-card,
.mp-mobile.meal-plan-actions .mp-customize-card {
  padding: 0;
}
.activity-card .meal-plan-actions .mp-customize-card {
  height: 100%;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border-radius: 4px;
  justify-content: space-around;
}
.activity-card .meal-plan-actions .mp-customize-card .message .energy-meter {
  width: 80px;
  height: 80px;
  margin: 0;
}
.meal-plan-actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
.meal-plan-actions .mp-customize-card {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3b04b7),
    to(#c310a5)
  );
  background: linear-gradient(to bottom right, #3b04b7 0%, #c310a5 100%);
  margin: 2rem;
  width: 100%;
  max-width: 320px;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  border-radius: 8px;
}
@media (max-width: 600px) {
  .meal-plan-actions .mp-customize-card {
    max-width: 100%;
  }
}
.meal-plan-actions .mp-customize-card .message {
  color: #fff;
  text-align: left;
  font-size: 1.5rem;
  margin: 0;
  padding: 1rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.meal-plan-actions .mp-customize-card .message .energy-meter {
  width: 50px;
  height: 50px;
  margin: 0;
}
.meal-plan-actions .mp-customize-card .message .current-selection {
  margin: 0 1rem;
}
.meal-plan-actions .mp-customize-card .message .card-action {
  height: auto;
  width: 40px;
  margin: 0;
}
.meal-plan-actions .mp-customize-card .message .card-action i {
  color: #ffffff;
}
.meal-plan-actions .mp-shopping-card {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#adb4c3),
    to(#445e7a)
  );
  background: linear-gradient(to bottom right, #adb4c3 0%, #445e7a 100%);
  color: #fff;
  display: -webkit-box;
  display: flex;
  margin: 2rem 1rem;
  width: calc(100% - 4rem);
  max-width: 300px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  border-radius: 8px;
}
.meal-plan-actions .mp-shopping-card:hover,
.meal-plan-actions .mp-shopping-card:focus,
.meal-plan-actions .mp-shopping-card:active {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#adb4c3),
    to(#445e7a)
  );
  background: linear-gradient(to bottom right, #adb4c3 0%, #445e7a 100%);
  color: #fff;
  display: -webkit-box;
  display: flex;
  margin: 2rem 1rem;
  width: calc(100% - 4rem);
  max-width: 300px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  border-radius: 8px;
  border: none;
}
.meal-plan-actions .mp-shopping-card .card-title {
  margin: 2rem;
  font-weight: bold;
  font-size: 1.5rem;
}
.meal-plan-actions .mp-shopping-card .card-action {
  height: auto;
  width: 40px;
  margin: 0 1rem;
}
.meal-plan-actions .mp-shopping-card .card-action i {
  color: #ffffff;
}
.multiselect__placeholder {
  padding: 0;
  margin: 1rem 0 0 1rem;
  font-size: 1.6rem;
  color: #7b7f92;
  font-weight: bold;
  letter-spacing: 0;
}
.multiselect__select {
  top: 4px;
}
.multiselect__select:before {
  color: #4296cb;
  border-color: #4296cb transparent transparent;
}
.multiselect__content li.multiselect__element {
  margin: 0 !important;
}
.multiselect__tags {
  padding: 0 3em 0.5rem 0;
  border: 1px solid #e3ebee;
}
.multiselect__tags .btn.-tag {
  display: inline-block;
  background: #f0f4f6;
  color: #212432;
  margin: 0.5rem 0 0 0.5rem;
}
.multiselect__tags input[type="text"] {
  border: 0;
  border-bottom: 1px solid #e3ebee;
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.multiselect__tags .multiselect__single {
  margin: 1rem 0 0 0.5rem;
  white-space: nowrap;
  overflow-x: hidden;
  color: #212432;
  font-size: 13px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .multiselect__tags .multiselect__single {
    font-size: 16px;
  }
}
.complete-customization .multiselect__content-wrapper,
.modal__body .multiselect__content-wrapper {
  position: relative;
  z-index: 1;
}
.shareon {
  display: inline-block;
}
.shareon .comment-share {
  background: #26bc35;
  color: #fff;
}
.shareon .comment-share:before {
  display: none;
}
.shareon .comment-share:active,
.shareon .comment-share:focus,
.shareon .comment-share:hover {
  color: #fff;
  background: #26bc35;
  background-image: none;
  background-position: 0 0;
  background-position: initial;
  background-repeat: no-repeat;
  background-size: auto;
}
.shareon .comment-count {
  position: relative;
  top: -0.6rem;
  padding-left: 0.3rem;
}
.shareon a {
  margin: 0;
}
.shareon a + a {
  margin-left: 6px;
}
.cover {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cover .cover-img {
  height: 100%;
  width: 100%;
}
.cover .cover-img img {
  z-index: 0;
}
.cover .cover-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  color: #fff;
}
.cover .cover-info .cover-icon i {
  font-size: 132px;
}
@media (max-width: 1330px) {
  .cover .cover-info .cover-icon i {
    font-size: 108px;
    font-size: 10vw;
  }
}
@media (max-width: 1110px) {
  .cover .cover-info .cover-icon i {
    font-size: 108px;
    font-size: 10vw;
  }
}
@media (max-width: 940px) {
  .cover .cover-info .cover-icon i {
    font-size: 108px;
    font-size: 15vw;
  }
}
@media (max-width: 768px) {
  .cover .cover-info .cover-icon i {
    font-size: 70px;
    font-size: 15vw;
  }
}
@media (max-width: 600px) {
  .cover .cover-info .cover-icon i {
    font-size: 50px;
    font-size: 15vw;
  }
}
@media (max-width: 340px) {
  .cover .cover-info .cover-icon i {
    font-size: 50px;
    font-size: 15vw;
  }
}
.cover .cover-info .cover-title {
  text-align: center;
  margin: 0.4em 0 0 0;
  padding: 0 1em;
  line-height: 1.1em;
  font-weight: bold;
  font-size: 54px;
}
@media (max-width: 1330px) {
  .cover .cover-info .cover-title {
    font-size: 50px;
    font-size: 4vw;
  }
}
@media (max-width: 1110px) {
  .cover .cover-info .cover-title {
    font-size: 35px;
    font-size: 4vw;
  }
}
@media (max-width: 940px) {
  .cover .cover-info .cover-title {
    font-size: 60px;
    font-size: 6vw;
  }
}
@media (max-width: 768px) {
  .cover .cover-info .cover-title {
    font-size: 40px;
    font-size: 6vw;
  }
}
@media (max-width: 600px) {
  .cover .cover-info .cover-title {
    font-size: 24px;
    font-size: 6vw;
  }
}
@media (max-width: 340px) {
  .cover .cover-info .cover-title {
    font-size: 20px;
    font-size: 6vw;
  }
}
.cover .cover-info .cover-sub-title {
  border-top: 2px solid #fff;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin: 0.5em 0 0 0;
  padding: 0.5em 0 0 0.2em;
  font-size: 27px;
}
@media (max-width: 1330px) {
  .cover .cover-info .cover-sub-title {
    font-size: 27px;
    font-size: 2vw;
  }
}
@media (max-width: 1110px) {
  .cover .cover-info .cover-sub-title {
    font-size: 20px;
    font-size: 2vw;
  }
}
@media (max-width: 940px) {
  .cover .cover-info .cover-sub-title {
    font-size: 30px;
    font-size: 4vw;
  }
}
@media (max-width: 768px) {
  .cover .cover-info .cover-sub-title {
    font-size: 20px;
    font-size: 4vw;
  }
}
@media (max-width: 600px) {
  .cover .cover-info .cover-sub-title {
    font-size: 16px;
    font-size: 4vw;
  }
}
@media (max-width: 340px) {
  .cover .cover-info .cover-sub-title {
    font-size: 14px;
    font-size: 4vw;
  }
}
.schedule-view {
  border-top: 1px solid #e3ebee;
  padding: 1rem 0;
}
.schedule-view .select-style {
  border: 1px solid #e3ebee;
  border-radius: 4px;
  padding: 0.2rem 0.5rem;
}
.schedule-view .select-style:after {
  right: 1rem;
}
.schedule-view .schedule-grid {
  background: #e3ebee;
  padding: 1px;
}
.schedule-view .schedule-grid .week,
.schedule-view .schedule-grid .day-detail,
.schedule-view .schedule-grid .day-detail-workout {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  margin: 1px;
}
.schedule-view .schedule-grid .week .schedule-title,
.schedule-view .schedule-grid .day-detail .schedule-title,
.schedule-view .schedule-grid .day-detail-workout .schedule-title {
  padding: 1rem;
  font-weight: bold;
  font-size: 1.4rem;
}
.schedule-view .schedule-grid .week .schedule-actions,
.schedule-view .schedule-grid .day-detail .schedule-actions,
.schedule-view .schedule-grid .day-detail-workout .schedule-actions {
  display: -webkit-box;
  display: flex;
  position: relative;
}
.schedule-view .schedule-grid .week .schedule-actions .action-button,
.schedule-view .schedule-grid .day-detail .schedule-actions .action-button,
.schedule-view
  .schedule-grid
  .day-detail-workout
  .schedule-actions
  .action-button {
  padding: 10px 10px 7px 10px;
  color: #a7aabb;
  z-index: 11;
}
.schedule-view .schedule-grid .week .schedule-order,
.schedule-view .schedule-grid .day-detail .schedule-order,
.schedule-view .schedule-grid .day-detail-workout .schedule-order {
  width: 44px;
}
.schedule-view .schedule-grid .week .schedule-order .btn,
.schedule-view .schedule-grid .day-detail .schedule-order .btn,
.schedule-view .schedule-grid .day-detail-workout .schedule-order .btn {
  padding: 10px 10px 7px 10px;
  color: #a7aabb;
}
.schedule-view .schedule-grid .day-detail-no-workout {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  font-size: 1.6rem;
  padding: 2rem;
  background: #fff;
}
.schedule-view .schedule-grid .week-group {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.schedule-view .schedule-grid .week-group .day {
  -webkit-box-flex: 1;
  flex-grow: 1;
  position: relative;
  background: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-bottom: 4px solid #fff;
  margin: 1px;
}
.schedule-view .schedule-grid .week-group .day:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.schedule-view .schedule-grid .week-group .day.-active {
  border-bottom: 4px solid #4296cb;
}
.schedule-view .schedule-grid .week-group .day.-selected {
  border-bottom: 4px solid #26bc35;
}
.schedule-view .schedule-grid .week-group .day.-selected:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #26bc35;
  opacity: 0.5;
}
.schedule-view .schedule-grid .week-group .day .day-number {
  position: absolute;
  top: 0.2em;
  right: 0.3em;
  font-size: 1.4rem;
}
@media (max-width: 600px) {
  .schedule-view .schedule-grid .week-group .day .day-number {
    font-size: 1rem;
    font-size: 2.8vw;
  }
}
.schedule-view .schedule-grid .week-group .day .day-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 40%;
  min-height: 24px;
  width: 40%;
  min-width: 24px;
  margin-top: 0.8em;
  border-radius: 100%;
  position: relative;
  background: #4296cb;
}
.schedule-view .schedule-grid .week-group .day .day-info.-none {
  background: none;
}
.schedule-view .schedule-grid .week-group .day .day-info .workout-count {
  color: #fff;
  font-weight: bold;
  font-size: 25px;
}
@media (max-width: 1330px) {
  .schedule-view .schedule-grid .week-group .day .day-info .workout-count {
    font-size: 25px;
    font-size: 2vw;
  }
}
@media (max-width: 1110px) {
  .schedule-view .schedule-grid .week-group .day .day-info .workout-count {
    font-size: 20px;
    font-size: 2vw;
  }
}
@media (max-width: 940px) {
  .schedule-view .schedule-grid .week-group .day .day-info .workout-count {
    font-size: 25px;
    font-size: 3vw;
  }
}
@media (max-width: 768px) {
  .schedule-view .schedule-grid .week-group .day .day-info .workout-count {
    font-size: 20px;
    font-size: 3.5vw;
  }
}
@media (max-width: 600px) {
  .schedule-view .schedule-grid .week-group .day .day-info .workout-count {
    font-size: 20px;
    font-size: 3.5vw;
  }
}
.schedule-view .schedule-grid .day-detail,
.schedule-view .schedule-grid .day-detail-workout {
  background: #fff;
  margin: 1px 1px 2px 1px;
}
.schedule-view .schedule-grid .scheduled-workout {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
}
.schedule-view .schedule-grid .scheduled-workout .workout-thumb {
  flex-shrink: 0;
}
.schedule-view .schedule-grid .scheduled-workout .workout-thumb img {
  margin: 2px 1rem 2px 2px;
  height: 9vw;
  min-height: 40px;
  max-height: 100px;
  max-width: 178px;
  width: auto;
  aspect-ratio: 16/9;
  align-self: center;
}
@media (max-width: 768px) {
  .schedule-view .schedule-grid .scheduled-workout .workout-thumb img {
    height: 10vw;
  }
}
.schedule-view .schedule-grid .scheduled-workout .workout-title {
  font-size: 1.4rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .schedule-view .schedule-grid .scheduled-workout .workout-title {
    font-size: 1.3rem;
    max-height: 5rem;
  }
}
.schedule-view .schedule-grid .scheduled-workout .workout-title .callout {
  margin: 0;
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  .schedule-view .schedule-grid .scheduled-workout .workout-title .callout {
    text-align: left;
    padding: 0.5rem;
  }
  .schedule-view .schedule-grid .scheduled-workout .workout-title .callout div {
    margin: 0;
    padding: 0 50px 0 0;
    line-height: 1.2em;
  }
  .schedule-view
    .schedule-grid
    .scheduled-workout
    .workout-title
    .callout
    .close-callout {
    padding: 5px;
  }
}
.schedule-view.-modal .workout-count {
  font-size: 1.4rem !important;
}
.schedule-view .form-actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 2rem 0;
}
.draft-item {
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  color: #212432;
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.5rem 1rem;
  border-radius: 0 0 0 6px;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  z-index: 20;
}
.responsive-media.-has-cover-info,
.-has-cover-info {
  position: relative;
}
.responsive-media.-has-cover-info .cover-info,
.-has-cover-info .cover-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  color: #fff;
}
.responsive-media.-has-cover-info .cover-info .cover-icon i,
.-has-cover-info .cover-info .cover-icon i {
  font-size: 40px;
}
.responsive-media.-has-cover-info .cover-info .cover-title,
.-has-cover-info .cover-info .cover-title {
  text-align: center;
  margin: 0.4em 0 0 0;
  padding: 0 1em;
  line-height: 1.1em;
  font-weight: bold;
  font-size: 20px;
}
.responsive-media.-has-cover-info .cover-info .cover-sub-title,
.-has-cover-info .cover-info .cover-sub-title {
  border-top: 2px solid #fff;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin: 0.5em 0 0 0;
  padding: 0.5em 0 0 0.2em;
  font-size: 14px;
}
.edit-basics {
  position: absolute;
  top: 20px;
  right: 20px;
}
.edit-basics .btn {
  color: #fff;
  border: 1px solid #fff;
}
.edit-basics .btn:focus,
.edit-basics .btn:hover {
  color: #fff;
  border: 1px solid #fff;
}
.icon-key {
  list-style: none;
  padding: 0 10px 0 0;
  margin: -2rem 0 3.2rem 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  font-size: 1.2rem;
  background: #e3ebee;
  border-radius: 4px;
  max-width: 300px;
}
.icon-key li {
  margin: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.content-group .disclaimer .heading {
  font-size: 1.4rem;
  line-height: 1.4rem;
  margin-bottom: 1rem;
}
.content-group .disclaimer p {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.filter .filter-select.date-input {
  width: calc(40% - 1rem);
  margin: 0;
}
@media (max-width: 1110px) {
  .filter .filter-select.date-input {
    width: 100%;
    margin: 0 0 1rem 0;
  }
}
.filter .picker-submit {
  margin: 0;
}
@media (max-width: 1110px) {
  .filter .picker-submit {
    width: 100%;
  }
}
.select-style.date-input .datepick-icon {
  padding: 8px 0 0 1px;
}
.flatpickr-calendar {
  width: 100%;
  min-width: 270px;
  max-width: 300px;
  border: 1px solid #e3ebee;
  border-radius: 3px;
  padding: 5px 0 5px 0;
  margin-top: 2px;
}
.flatpickr-calendar .flatpickr-innerContainer,
.flatpickr-calendar .flatpickr-rContainer,
.flatpickr-calendar .flatpickr-days,
.flatpickr-calendar .dayContainer {
  width: inherit;
  min-width: inherit;
  max-width: inherit;
}
.flatpickr-calendar .flatpickr-months {
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
  height: 35px;
  line-height: 35px;
  width: 100%;
  margin: 0px auto 10px auto;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month {
  display: block;
  width: auto;
  -webkit-box-flex: 1;
  flex: 1;
  float: none;
  font-weight: 600;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 35px;
}
.flatpickr-calendar
  .flatpickr-months
  .flatpickr-month
  .flatpickr-current-month {
  padding-top: 5px;
}
.flatpickr-calendar
  .flatpickr-months
  .flatpickr-month
  .flatpickr-current-month
  .flatpickr-monthDropdown-months {
  border: 1px solid #e3eaee;
  border-radius: 4px;
  padding-left: 10px;
  padding-right: 20px;
  line-height: 1.2em;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 0.5rem;
}
.flatpickr-calendar
  .flatpickr-months
  .flatpickr-month
  .flatpickr-current-month:before {
  margin-top: -2px;
  pointer-events: none;
  position: absolute;
  left: 41.5%;
  top: 50%;
  z-index: 1;
  font-family: "fbicons-1-5" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "";
  height: 7px;
  width: 8px;
  padding: 0px;
  color: #4296cb;
  font-size: 7px;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  width: 38px;
  -webkit-box-flex: 0;
  flex: 0 0 38px;
  float: none;
  display: block;
  text-indent: 0;
  color: #fff;
  height: 35px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
  display: none;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:after,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:after {
  font-family: "Material Symbols Outlined" !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  border: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
  font-size: 19px;
  color: #7b7f92;
  -webkit-transform: none;
  transform: none;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:after {
  content: "chevron_left";
}
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:after {
  content: "chevron_right";
}
.flatpickr-calendar .flatpickr-weekday {
  color: #000;
  font-weight: 600;
  white-space: nowrap;
  cursor: inherit;
  font-size: 0px;
}
.flatpickr-calendar .flatpickr-weekday:first-letter {
  font-size: 13px;
}
.flatpickr-calendar .flatpickr-day.selected {
  background: #4296cb;
}
.-card-view {
  background: #fff;
  margin: 5px;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.-card-view .card-content {
  overflow: hidden;
  position: relative;
  padding-bottom: 24px;
  width: 100%;
}
.-card-view .card-content.-with-extras {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  padding-bottom: 0px;
}
.-card-view .card-actions {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  margin-top: 56.25%;
}
.-card-view .card-actions .action-options {
  position: absolute;
  top: 1px;
  right: 0;
  height: 75px;
  width: 46px;
  border-radius: 4px 0 0 4px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  background: #fff;
}
.-card-view .card-actions .action-options .schedule-action {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.-card-view .card-actions .action-options .content-actions {
  position: absolute;
  top: 4rem;
  right: 1rem;
}
.-card-view .content-group {
  margin-top: 0;
}
.-card-view img {
  display: block;
  width: 100%;
}
.-card-view .content-group.-content-summary {
  width: 100%;
}
.-card-view .content-group.-content-summary .group {
  border: none;
}
.-card-view .content-group.-content-details {
  width: 100%;
  height: 100%;
  position: absolute;
  top: calc(100% - 24px);
  -webkit-transition: top 250ms ease-in-out;
  transition: top 250ms ease-in-out;
  background: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.-card-view .content-group.-content-details .more-info {
  width: 100%;
}
.-card-view .content-group.-content-details .content-detail-toggle {
  width: 100%;
  height: 24px;
  text-align: center;
}
.-card-view .content-group.-content-details .content-detail-toggle .btn {
  width: 100%;
  text-align: center;
}
.-card-view .content-group.-content-details .content-detail-toggle i {
  color: #ced1db;
  margin: 0 auto;
}
.-card-view .content-group.-content-details .detail-group {
  width: 100%;
  background: #fff;
}
.-card-view
  .content-group.-content-details
  .detail-group
  .secondary-details
  .detail-list {
  margin: 1rem 1rem;
}
.-card-view
  .content-group.-content-details
  .detail-group
  .secondary-details
  .detail-list
  .detail-title {
  font-size: 1.4rem;
}
.-card-view
  .content-group.-content-details
  .detail-group
  .secondary-details
  .detail-list
  li {
  font-size: 1.4rem;
}
.-card-view
  .content-group.-content-details
  .detail-group
  .secondary-details
  .detail-list
  li
  .detail-value {
  max-height: 4.2rem;
  overflow: hidden;
}
.-card-view
  .content-group.-content-details
  .detail-group
  .secondary-details
  .detail-list
  li
  .value-icons
  i {
  font-size: 2rem;
}
.-card-view .content-group.-content-details .stats-group {
  width: 100%;
  border-top: 1px solid #f0f4f6;
  border-bottom: 1px solid #f0f4f6;
  margin-top: 10px;
}
.-card-view .content-group.-content-details .stats-group .content-stats {
  height: 100%;
}
.-card-view
  .content-group.-content-details
  .stats-group
  .content-stats
  .member-stats {
  font-size: 1.4rem;
  border-left: none;
  padding: 1rem 0;
  margin: 0 0 0 1rem;
  height: 100%;
}
.-card-view
  .content-group.-content-details
  .stats-group
  .content-stats
  .member-stats
  .stats-list
  li {
  font-size: 1.4rem;
}
.-card-view
  .content-group.-content-details
  .stats-group
  .content-stats
  .member-stats
  .stats-list
  li
  .detail-icon
  i {
  font-size: 2rem;
}
.-card-view
  .content-group.-content-details
  .stats-group
  .content-stats
  .community-stats {
  font-size: 1.4rem;
  margin: 0;
  padding: 1rem;
  height: 100%;
}
.-card-view
  .content-group.-content-details
  .stats-group
  .content-stats
  .community-stats
  .stats-list
  li {
  margin: 0;
  font-size: 1.4rem;
}
.-card-view
  .content-group.-content-details
  .stats-group
  .content-stats
  .community-stats
  .stats-list
  li
  .detail-icon
  i {
  font-size: 2rem;
}
.-card-view .content-group .summary-group {
  width: calc(100% - 40px);
}
.-card-view .content-group .summary-group .content-title {
  font-size: 1.6rem;
  margin: 1.5rem 1rem 0.5rem 1rem;
}
.-card-view .content-group .summary-group .content-title .sub-title {
  font-size: 1.4rem;
  display: inline;
}
.-card-view .content-group .summary-group .primary-detail {
  font-size: 1.3rem;
  color: #4296cb;
  margin: 0.5rem 1rem 2rem 1rem;
}
.-card-view .content-group.-content-extras {
  width: 100%;
  margin-top: auto;
  display: block;
}
.-card-view .content-group.-content-extras .card-cta {
  border-top: 1px solid #e3ebee;
  padding: 10px;
  font-size: 1.4rem;
  position: relative;
  bottom: 0;
}
.-card-view .content-group.-content-extras .card-cta .content-actions {
  position: relative;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}
.-card-view
  .content-group.-content-extras
  .card-cta
  .content-actions
  .content-actions-msg {
  margin-right: 3rem;
}
.-card-view .content-group.-content-extras .card-cta .content-actions .price {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: right;
  display: block;
  padding: 0;
}
.-card-view
  .content-group.-content-extras
  .card-cta
  .content-actions
  .price.sale {
  color: #e84452;
}
.-card-view
  .content-group.-content-extras
  .card-cta
  .content-actions
  .price.sale
  .strike {
  font-size: 1.2rem;
  color: #7b7f92;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  display: block;
}
.-card-view .content-group.-content-extras .card-cta .btn {
  width: 100%;
}
.-card-view .content-group.-content-extras .card-cta .btn .btn-txt {
  width: calc(100% - 24px);
  text-align: center;
}
.-card-view.-expanded {
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -webkit-transition: -webkit-box-shadow 250ms ease-in-out;
  transition: -webkit-box-shadow 250ms ease-in-out;
  transition: box-shadow 250ms ease-in-out;
  transition: box-shadow 250ms ease-in-out, -webkit-box-shadow 250ms ease-in-out;
}
.-card-view.-expanded .card-content {
  border-radius: 4px;
}
.-card-view.-expanded .card-actions .action-options {
  border-top: 1px solid #e3ebee;
  border-bottom: 1px solid #e3ebee;
  border-left: 1px solid #e3ebee;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.-card-view.-expanded img {
  border-radius: 4px 4px 0 0;
}
.-card-view.-expanded .content-group.-content-summary {
  width: 100%;
}
.-card-view.-expanded .content-group.-content-summary .group {
  border: none;
}
.-card-view.-expanded .content-group.-content-details {
  position: absolute;
  top: 0px;
  border-radius: 4px;
  height: 100%;
  -webkit-box-shadow: 0px 0px 1000px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 1000px rgba(0, 0, 0, 0.25);
  -webkit-transition: top 250ms ease-in-out,
    -webkit-box-shadow 100ms ease-in-out;
  transition: top 250ms ease-in-out, -webkit-box-shadow 100ms ease-in-out;
  transition: top 250ms ease-in-out, box-shadow 100ms ease-in-out;
  transition: top 250ms ease-in-out, box-shadow 100ms ease-in-out,
    -webkit-box-shadow 100ms ease-in-out;
}
.-card-view .card-unit {
  width: 100%;
}
.-card-view {
  width: calc(25% - 10px);
}
@media (max-width: 1330px) {
  .-card-view {
    width: calc(33.333% - 10px);
  }
}
@media (max-width: 940px) {
  .-card-view {
    width: calc(50% - 10px);
  }
}
@media (max-width: 600px) {
  .-card-view {
    width: calc(100% - 10px);
  }
}
.content-organization .content-results .content-collection {
  width: 100%;
}
.content-organization .content-results .content-collection .results-cards {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: calc(100% - 11px);
  position: relative;
  border-right: 1px solid #f0f1f4;
}
@supports (scroll-snap-align: center) {
  .content-organization .content-results .content-collection .results-cards {
    scroll-padding: 0 2rem;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
  }
  .content-organization
    .content-results
    .content-collection
    .results-cards
    .-card-view {
    scroll-snap-align: center;
  }
}
.content-organization
  .content-results
  .content-collection
  .results-cards::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background: #fff;
}
.content-organization
  .content-results
  .content-collection
  .results-cards::-webkit-scrollbar-track {
  background: #f0f1f4;
  border-radius: 100px;
  -webkit-box-shadow: none;
  border: 1px solid #fff;
}
.content-organization
  .content-results
  .content-collection
  .results-cards::-webkit-scrollbar-thumb {
  border-radius: 100px;
  -webkit-box-shadow: none;
  background: #a7aabb;
  border: 1px solid #fff;
}
.content-organization
  .content-results
  .content-collection
  .results-cards
  .-card-view {
  min-width: 280px;
  min-height: 350px;
}
.content-organization .content-results .-card-view {
  border-radius: 4px;
  width: calc(25% - 10px);
}
.filters-open .content-organization .content-results .-card-view {
  width: calc(33.333% - 10px);
}
.content-organization .content-results .-card-view .card-content {
  overflow: hidden;
  border-radius: 4px;
}
@media (max-width: 1110px) {
  .content-organization .content-results .-card-view {
    width: calc(33.333% - 10px);
  }
}
@media (max-width: 940px) {
  .content-organization .content-results .-card-view {
    width: calc(50% - 10px);
  }
  .filters-open .content-organization .content-results .-card-view {
    width: calc(50% - 10px);
  }
}
@media (max-width: 600px) {
  .content-organization .content-results .-card-view {
    width: calc(100% - 10px);
  }
  .filters-open .content-organization .content-results .-card-view {
    width: calc(100% - 10px);
  }
}
.group.-card-list {
  width: calc(100% + 2rem);
  max-width: calc(1200px + 2rem);
}
.group.-card-list .card-slot {
  width: calc(25% - 2rem);
  margin: 1rem;
}
@media (max-width: 1110px) {
  .group.-card-list .card-slot {
    width: calc(33.3333% - 2rem);
    margin: 1rem;
  }
}
@media (max-width: 940px) {
  .group.-card-list .card-slot {
    width: calc(50% - 1rem);
    margin: 0.5rem;
  }
}
@media (max-width: 600px) {
  .group.-card-list .card-slot {
    width: 100%;
    margin: 0.5rem;
  }
}
.group.-card-list .card-slot .content-card {
  height: 100%;
}
.content-card {
  background: #fff;
  border-radius: 4px;
}
.content-card.-pointer {
  cursor: pointer;
}
.content-card.-intro .summary {
  width: calc(100% - 72px);
}
@media (max-width: 768px) {
  .content-card.-intro .summary {
    width: calc(100% - 48px);
  }
}
.content-card.-intro .summary .heading {
  margin: 2rem 2rem 0.5rem 2rem;
}
.content-card.-intro .summary .desc {
  font-size: 1.6rem;
  margin: 1rem 2rem 0rem 2rem;
}
.content-card.-intro .summary .desc a {
  font-weight: 600;
}
.content-card.-intro .type {
  width: 72px;
  border-radius: 4px 0 0 4px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  color: #fff;
}
@media (max-width: 768px) {
  .content-card.-intro .type {
    width: 48px;
  }
}
.content-card.-intro .type i {
  font-size: 36px;
  margin: 2rem 0;
}
@media (max-width: 768px) {
  .content-card.-intro .type i {
    font-size: 24px;
    margin: 1rem 0;
  }
}
.content-card .type {
  width: 48px;
  border-radius: 4px 0 0 4px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  color: #fff;
}
.content-card .type i {
  margin: 1rem 0;
}
.content-card .type.-blue {
  background: #4296cb;
}
.content-card .type.-orange {
  background: #fd9a03;
}
.content-card .type.-dteal {
  background: #3cdbb8;
}
.content-card .type.-mgrey {
  background: #4e5262;
}
.content-card .type.-red {
  background: #e84452;
}
.content-card .type.-green {
  background: #26bc35;
}
.content-card .summary {
  width: calc(100% - 48px);
}
.content-card .summary .heading {
  font-size: 1.8rem;
  margin: 1rem 1.5rem 0.5rem 1.5rem;
  position: relative;
}
.content-card .summary .heading .plus-feature {
  position: relative;
  top: -1.5rem;
}
@media (max-width: 768px) {
  .content-card .summary .heading .plus-feature {
    top: -1em;
  }
}
@media (max-width: 600px) {
  .content-card .summary .heading .plus-feature {
    top: -0.5em;
  }
}
.content-card .summary .heading .aa {
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  background: #3cdbb8;
  color: #fff;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  white-space: nowrap;
  position: relative;
  top: -1.5em;
}
@media (max-width: 768px) {
  .content-card .summary .heading .aa {
    top: -1em;
  }
}
@media (max-width: 600px) {
  .content-card .summary .heading .aa {
    top: -0.5em;
  }
}
.content-card .summary .desc {
  font-size: 1.4rem;
  margin: 0rem 1.5rem 1rem 1.5rem;
}
a.content-card {
  color: #313443;
  cursor: pointer;
  background: none;
  background-color: #fff;
}
a.content-card .summary .heading {
  color: #212432;
}
.scrn-cap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
.scrn-cap img {
  display: block;
  border-radius: 4px;
  max-width: 660px;
  max-height: 80vh;
}
@media (max-width: 600px) {
  .scrn-cap img {
    max-width: 100%;
  }
}
.tutorial-back {
  font-size: 1.6rem;
  margin: 0 0 -1rem 0;
}
@media (max-width: 940px) {
  .tutorial-back {
    margin: -0.5rem 0;
  }
}
@media (max-width: 768px) {
  .tutorial-back {
    margin: -0.5rem 0 0.5rem 0;
  }
}
.fb-list .question {
  display: block;
  font-weight: 600;
}
.tour .tour-overlay {
  position: fixed;
  z-index: 90000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.tour .tour-highlight {
  position: absolute;
  z-index: 90001;
  border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px,
    rgba(0, 0, 0, 0.5) 0 0 0 7500px;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px, rgba(0, 0, 0, 0.5) 0 0 0 7500px;
  -webkit-transition: top 0.25s, left 0.25s, width 0.25s, height 0.25s;
  transition: top 0.25s, left 0.25s, width 0.25s, height 0.25s;
}
.tour .tour-chelp.chelp-container {
  z-index: 90002;
  margin: 1rem 0 1rem 0;
  min-width: 300px;
  position: absolute;
  max-width: 300px;
  background-color: #fff;
  visibility: hidden;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.tour .tour-chelp.chelp-container.-center {
  top: 10%;
  left: calc(50% - 150px);
}
.tour .tour-chelp.chelp-container .chelp-close {
  font-size: 2rem;
  color: #212432;
  position: absolute;
  top: 0;
  right: 0;
  height: 4rem;
  width: 4rem;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.tour .tour-chelp.chelp-container .tour-chelp-body {
  color: #212432;
}
.tour .tour-chelp.chelp-container .tour-chelp-cta {
  text-align: center;
}
.tour .tour-chelp.chelp-container .tour-chelp-cta .btn {
  margin: 0 auto 1rem;
  width: calc(100% - 2rem);
}
.tour .tour-chelp.chelp-container .heading.-small {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 1rem 5rem 1rem 2rem;
}
.tour .tour-chelp.chelp-container p {
  font-size: 1.4rem;
  margin: 1rem 5rem 1rem 2rem;
  padding: 0;
  line-height: 1.4em;
  color: #212432;
}
.tour .tour-chelp.chelp-container p strong {
  color: #212432;
}
.tour .tour-chelp.chelp-container.chelp-open {
  visibility: visible;
}
.tour .tour-chelp-actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  border-top: 1px solid #e3ebee;
}
.tour .tour-chelp-actions .tour-chelp-action {
  color: #4296cb;
  margin: 0.5rem;
  min-width: 24px;
}
.tour .tour-chelp-actions .tour-chelp-action .btn.-ico-only.-no-container {
  color: #4296cb;
}
.tour .tour-chelp-actions .tour-chelp-action .btn.-anchor-link {
  font-size: 1.3rem;
}
.tour .tour-chelp-actions .tour-chelp-action .tour-chelp-steps {
  font-size: 1.4rem;
  color: #212432;
}
.tour .cancel-tour {
  font-size: 1.3rem;
  line-height: 1.4em;
  color: #212432;
  text-align: center;
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
  border-top: 1px solid #e3ebee;
}
.tour .cancel-tour :nth-child(2) {
  border-left: 1px solid #e3ebee;
}
.tour .cancel-tour button {
  padding: 1rem 2rem;
  border-radius: 0;
  width: 50%;
}
.available-bucks {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#26bc35),
    to(#d6f41e)
  );
  background: linear-gradient(to bottom right, #26bc35 0%, #d6f41e 100%);
  color: #fff;
  width: calc(50% - 1rem);
  border-radius: 4px;
  padding: 2rem;
}
@media (max-width: 768px) {
  .available-bucks {
    width: calc(50% - 0.5rem);
  }
}
@media (max-width: 600px) {
  .available-bucks {
    width: 100%;
    margin-bottom: 1rem;
  }
}
[data-whatinput="keyboard"] .available-bucks:focus,
.available-bucks:focus,
.available-bucks:hover,
.available-bucks:active,
.available-bucks.active,
.available-bucks[aria-expanded="true"] {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#26bc35),
    to(#d6f41e)
  );
  background: linear-gradient(to bottom right, #26bc35 0%, #d6f41e 100%);
  color: #fff;
  cursor: pointer;
}
.available-passes {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#10bfe1),
    to(#5251ff)
  );
  background: linear-gradient(to bottom right, #10bfe1 0%, #5251ff 100%);
  color: #fff;
  width: calc(50% - 1rem);
  border-radius: 4px;
  padding: 2rem;
}
@media (max-width: 768px) {
  .available-passes {
    width: calc(50% - 0.5rem);
  }
}
@media (max-width: 600px) {
  .available-passes {
    width: 100%;
  }
}
[data-whatinput="keyboard"] .available-passes:focus,
.available-passes:focus,
.available-passes:hover,
.available-passes:active,
.available-passes.active,
.available-passes[aria-expanded="true"] {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#10bfe1),
    to(#5251ff)
  );
  background: linear-gradient(to bottom right, #10bfe1 0%, #5251ff 100%);
  color: #fff;
  cursor: pointer;
}
.available-bucks .title,
.available-passes .title {
  font-size: 2rem;
  margin: 0;
}
.available-bucks .balance,
.available-passes .balance {
  font-size: 4rem;
  font-weight: bold;
  position: relative;
}
.available-bucks .balance .pass-days,
.available-passes .balance .pass-days {
  min-width: 125px;
  position: absolute;
  top: 0.9rem;
  font-size: 1.6rem;
  line-height: 1.8rem;
  margin: 0 0 0 1rem;
  padding: 0 0 0 1rem;
  border-left: 1px solid #fff;
  font-weight: normal;
}
.available-bucks .view-details,
.available-passes .view-details {
  font-size: 1.6rem;
  text-align: right;
}
@keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(0, 2px, 0);
    transform: translate3d(0, 2px, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(0, 4px, 0);
    transform: translate3d(0, 4px, 0);
  }
}
.progress-container {
  border-top: 1px solid #fff;
  height: 5px;
  background: #e3ebee;
  width: 100%;
  align-self: flex-end;
  position: relative;
}
.progress-container .current-progress {
  position: absolute;
  top: 0;
  left: 0;
  background: #4296cb;
  height: 4px;
}
.progress-container .current-progress.-ready {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-name: progress-bar-pulse;
  animation-name: progress-bar-pulse;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes progress-bar-pulse {
  from {
    background: #ced1db;
  }
  50% {
    background: #4296cb;
  }
  to {
    background: #ced1db;
  }
}
@keyframes progress-bar-pulse {
  from {
    background: #ced1db;
  }
  50% {
    background: #4296cb;
  }
  to {
    background: #ced1db;
  }
}
.radial-progress-bar {
  position: relative;
  width: 100%;
  height: 100%;
}
.radial-progress-bar .progress-bar {
  width: 100%;
  height: 100%;
}
.radial-progress-bar .outer-ring {
  fill: none;
  stroke: #e6e7ee;
  stroke-width: 8;
}
.radial-progress-bar .progress-ring {
  fill: none;
  stroke-width: 8;
  stroke-linecap: round;
}
.radial-progress-bar .progress-icon {
  position: absolute;
  top: calc(50% - 14px);
  left: calc(50% - 14px);
}
.radial-progress-bar .progress-icon .material-symbols-outlined {
  font-size: 28px;
  color: #e6e7ee;
}
.radial-progress-bar.actionable {
  cursor: pointer;
}
.radial-progress-bar.complete .progress-icon {
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-animation-duration: 2s, 2s;
  animation-duration: 2s, 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  top: calc(50% - 18px);
  left: calc(50% - 18px);
}
.radial-progress-bar.complete .progress-icon .material-symbols-outlined {
  font-size: 36px;
  color: #6714ef;
}
.profile-card {
  background: #fff;
  color: #313443;
  width: 100%;
  border-radius: 4px;
}
.profile-card .profile-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
}
.profile-card .profile-info .profile-image {
  width: 106px;
  height: 106px;
  -webkit-box-flex: 0;
  flex: 0 0 106px;
  border-radius: 53px;
  overflow: hidden;
  margin: 2rem;
}
@media (max-width: 768px) {
  .profile-card .profile-info .profile-image {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: 60px;
    border-radius: 30px;
    margin: 1rem;
  }
}
.profile-card .profile-info .profile-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.profile-card .profile-info .profile-image .avatar-placeholder {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 6rem;
}
@media (max-width: 768px) {
  .profile-card .profile-info .profile-image .avatar-placeholder {
    font-size: 4rem;
  }
}
.profile-card .profile-info .profile-details {
  margin: 2rem;
}
.profile-card .profile-info .profile-details .profile-name {
  margin: 0 4rem 0 0;
  font-size: 3.5rem;
}
.profile-card .profile-info .profile-details .profile-date {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .profile-card .profile-info .profile-details {
    margin: 2rem 1rem;
  }
  .profile-card .profile-info .profile-details .profile-name {
    margin: 0 4rem 0 0;
    font-size: 2rem;
  }
  .profile-card .profile-info .profile-details .profile-date {
    font-size: 1.6rem;
  }
}
.profile-card {
  position: relative;
}
.profile-card.staff {
  background: #f0f1f4;
}
.profile-card.staff .profile-image {
  border: 4px solid #fff;
}
.profile-card.staff .profile-details {
  margin-left: 0;
}
.profile-card.about {
  width: calc(50% - 0.5rem);
}
@media (max-width: 768px) {
  .profile-card.about {
    width: 100%;
    margin: 0 0 1rem 0;
  }
}
.profile-actions {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.profile-actions .profile-action,
.profile-actions .profile-action.btn.-no-container {
  padding: 10px;
}
.referral-card {
  background: #fff;
  color: #313443;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.referral-card .referral-title {
  margin: 0;
  font-size: 2.4rem;
  font-weight: bold;
}
.referral-card .referral-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #e6e7ee;
}
.referral-card .referral-info .referral-count {
  padding: 2rem;
  font-size: 1.4rem;
  font-weight: bold;
}
@media (max-width: 768px) {
  .referral-card .referral-info .referral-count {
    padding: 1rem;
  }
}
.referral-card .referral-info .referral-count .form__group {
  display: inline-block;
  margin: 0;
}
.referral-card .referral-info .referral-reward {
  padding: 1rem 2rem;
  font-size: 1.4rem;
  text-align: right;
  line-height: 1.6rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
}
@media (max-width: 768px) {
  .referral-card .referral-info .referral-reward {
    padding: 1rem;
  }
}
.referral-card .referral-info .referral-reward .referral-status {
  margin-right: 1rem;
}
.referral-card .referral-info .referral-reward .reward-value {
  font-weight: bold;
}
.referral-card .referral-info .referral-reward .reward-rules {
  color: #a7aabb;
}
.referral-card .referral-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 2rem;
  border-top: 1px solid #e6e7ee;
}
@media (max-width: 768px) {
  .referral-card .referral-item {
    padding: 1rem;
  }
}
.referral-card .referral-item:nth-child(odd) {
  background: #f9fafc;
}
.referral-card .referral-item .referred-member {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
}
.referral-card .referral-item .referred-member .referral-image {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-basis: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 2rem;
}
@media (max-width: 768px) {
  .referral-card .referral-item .referred-member .referral-image {
    margin-right: 1rem;
  }
}
.referral-card .referral-item .referred-member .referral-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.referral-card
  .referral-item
  .referred-member
  .referral-image
  .avatar-placeholder {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 2rem;
}
.referral-card .referral-item .referred-member .referral-name {
  margin: 0;
  font-size: 1.6rem;
  font-weight: bold;
}
.referral-card .referral-item .referred-member .referral-date {
  font-size: 1.4rem;
}
.referral-card .referral-item .referral-reward {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.referral-card .referral-item .referral-reward .reward-amount {
  text-align: right;
  margin-right: 1rem;
}
.referral-card .referral-item .referral-reward .reward-amount .reward-value {
  font-weight: bold;
  display: block;
}
.referral-card .referral-item .referral-reward .reward-complete {
  color: #26bc35;
}
.referral-card .referral-item .referral-reward .not-rewarded {
  color: #a7aabb;
}
.referral-card
  .referral-item
  .referral-reward
  .not-rewarded
  .material-symbols-outlined {
  color: #a7aabb;
}
.referral-card .referral-item .referral-reward .warning {
  color: #e84452;
}
.referral-card
  .referral-item
  .referral-reward
  .warning
  .material-symbols-outlined {
  color: #e84452;
}
.beta-pill {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#26bc35),
    to(#d6f41e)
  );
  background: linear-gradient(to bottom right, #26bc35 0%, #d6f41e 100%);
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
  border: 1px solid #fff;
  border-radius: 10px;
  width: 4rem;
  height: 20px;
  margin: 0 0.25rem;
  padding: 0.1rem;
  position: absolute;
  top: -9px;
  left: calc(50% - 2rem);
}
.pass-rewards-card {
  background: #fff;
  color: #313443;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .pass-rewards-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: start;
    flex-wrap: nowrap;
  }
}
.pass-rewards-card .pass-info {
  display: -webkit-box;
  display: flex;
  color: #313443;
  padding: 10px;
}
[data-whatinput="keyboard"] .pass-rewards-card .pass-info:focus,
.pass-rewards-card .pass-info:focus,
.pass-rewards-card .pass-info:hover,
.pass-rewards-card .pass-info:active,
.pass-rewards-card .pass-info.active,
.pass-rewards-card .pass-info[aria-expanded="true"] {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  color: inherit;
}
.pass-rewards-card .pass-info .pass-img {
  width: 129px;
  flex-shrink: 0;
}
.pass-rewards-card .pass-info .pass-img img {
  display: block;
  width: 129px;
  height: 73px;
}
.pass-rewards-card .pass-info .pass-details {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
}
.pass-rewards-card .pass-info .pass-details .pass-title {
  padding: 0 2rem;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
@media (max-width: 768px) {
  .pass-rewards-card .pass-info .pass-details .pass-title {
    font-size: 1.4rem;
  }
}
.pass-rewards-card .pass-info .pass-details .pass-status {
  padding: 0 2rem;
  font-size: 2rem;
  line-height: 2.2rem;
  font-weight: bold;
}
@media (max-width: 768px) {
  .pass-rewards-card .pass-info .pass-details .pass-status {
    font-size: 1.8rem;
  }
}
.pass-rewards-card .pass-info .pass-details .pass-status .fbplus .fb {
  font-size: inherit;
}
.pass-rewards-card .pass-info .pass-details .pass-status .fbplus .plus {
  font-size: inherit;
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#6714ef),
    to(#03c47b)
  );
  background: linear-gradient(to bottom right, #6714ef 0%, #03c47b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pass-rewards-card .pass-info .pass-details .btn {
  font-size: inherit;
  text-align: left;
  margin: 0;
  padding: 0;
  border: none;
}
.pass-rewards-card .pass-reward {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 10px;
}
@media (max-width: 940px) {
  .pass-rewards-card .pass-reward {
    border-top: 1px solid #e6e7ee;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
}
.pass-rewards-card .pass-reward .reward-amount {
  font-size: 2rem;
  font-weight: bold;
}
.pass-rewards-card .pass-reward .reward-status {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
}
@media (max-width: 940px) {
  .pass-rewards-card .pass-reward .reward-status {
    text-align: left;
    justify-self: flex-start;
    padding-left: 10px;
  }
}
.pass-rewards-card .pass-reward .reward-status .reward-status-sub {
  font-size: 1.4rem;
  font-weight: normal;
}
.pass-rewards-card .pass-reward .reward-status-meter {
  height: 100px;
  width: 100px;
  flex-shrink: 0;
}
.pass-rewards-card .reward-details {
  width: 100%;
  background: #f0f1f4;
  border-top: 1px solid #e6e7ee;
}
.pass-rewards-card .reward-details .reward-details-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #fff;
  padding: 0.5rem;
  background: #f0f1f4;
}
.pass-rewards-card .reward-details .reward-details-header.expander {
  cursor: pointer;
}
.pass-rewards-card .reward-details .reward-details-header .title {
  font-size: 1.6rem;
  font-weight: bold;
  color: #313443;
  padding: 0.5rem;
  margin: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  gap: 1rem;
  position: relative;
}
.pass-rewards-card .reward-details .reward-details-header .expand-collapse {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.pass-rewards-card .reward-details .reward-details-content {
  padding: 1rem;
}
.pass-rewards-card .reward-details .reward-details-content[aria-hidden="true"] {
  display: none;
}
.card-messages {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 2rem;
  border-top: 1px solid #e6e7ee;
  background: #f0f1f4;
}
.card-messages .message {
  font-size: 1.6rem;
  margin: 1rem;
  width: calc(100% - 2rem);
  max-width: 300px;
  text-align: center;
}
.card-messages .message.-small {
  font-size: 1.4rem;
  font-weight: normal;
}
.card-messages .referral-link {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin: 1rem;
  padding: 2rem 1rem;
  background: #fff;
  border-radius: 4px;
}
.card-messages .referral-link .qr-code {
  max-width: 150px;
  margin-bottom: 2rem;
}
.card-messages .referral-link .link {
  font-size: 1.8rem;
  margin: 0;
  font-weight: bold;
  color: #4296cb;
  cursor: pointer;
}
@media (max-width: 768px) {
  .card-messages .referral-link .link {
    font-size: 1.6rem;
  }
}
@media (max-width: 600px) {
  .card-messages .referral-link .link {
    font-size: 1.2rem;
  }
}
.card-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 0 2rem;
}
@media (max-width: 768px) {
  .card-header {
    padding: 0 1rem;
  }
}
.card-pagination {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 1rem;
  border-top: 1px solid #e6e7ee;
}
.card-pagination .pagination-wrapper {
  height: auto;
  padding: 1rem 0;
}
.member-page-color-01 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#10bfe1),
    to(#5251ff)
  );
  background: linear-gradient(to bottom right, #10bfe1 0%, #5251ff 100%);
}
.member-page-color-02 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#4296cc),
    to(#0067aa)
  );
  background: linear-gradient(to bottom right, #4296cc 0%, #0067aa 100%);
}
.member-page-color-03 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#26c7ff),
    to(#7900ba)
  );
  background: linear-gradient(to bottom right, #26c7ff 0%, #7900ba 100%);
}
.member-page-color-04 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#5bff55),
    to(#0063ff)
  );
  background: linear-gradient(to bottom right, #5bff55 0%, #0063ff 100%);
}
.member-page-color-05 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#26bc35),
    to(#d6f41e)
  );
  background: linear-gradient(to bottom right, #26bc35 0%, #d6f41e 100%);
}
.member-page-color-06 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#6714ef),
    to(#03c47b)
  );
  background: linear-gradient(to bottom right, #6714ef 0%, #03c47b 100%);
}
.member-page-color-07 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#ff43b2),
    to(#ff9b3e)
  );
  background: linear-gradient(to bottom right, #ff43b2 0%, #ff9b3e 100%);
}
.member-page-color-08 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3b04b7),
    to(#c310a5)
  );
  background: linear-gradient(to bottom right, #3b04b7 0%, #c310a5 100%);
}
.member-page-color-09 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#adb4c3),
    to(#445e7a)
  );
  background: linear-gradient(to bottom right, #adb4c3 0%, #445e7a 100%);
}
.member-page-color-10 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3d97ce),
    to(#12debb)
  );
  background: linear-gradient(to bottom right, #3d97ce 0%, #12debb 100%);
}
.member-page-color-11 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#f5ff00),
    to(#00b628)
  );
  background: linear-gradient(to bottom right, #f5ff00 0%, #00b628 100%);
}
.member-page-color-12 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#ff9c01),
    to(#ffe827)
  );
  background: linear-gradient(to bottom right, #ff9c01 0%, #ffe827 100%);
}
.referral-discounts {
  list-style-type: none;
}
.referral-discounts li {
  padding: 0;
  margin: 0;
}
.content-organization {
  width: 100%;
  max-width: 1200px;
  min-height: calc(100vh - 110px);
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  align-items: stretch;
  gap: 0 1px;
}
.content-organization-header {
  width: 100%;
  gap: 1px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}
.content-organization-header .content-header-toggle {
  width: 280px;
  background: #ced0db;
}
.content-organization-header .content-header-toggle .content-header {
  height: 44px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  margin-top: 1px;
  border: 0;
}
.content-organization-header .content-header-toggle .content-header:only-child {
  height: 100%;
}
.content-organization-header .content-header-toggle .content-header .heading {
  font-size: 2rem;
  font-weight: bold;
  color: #313443;
  position: relative;
  margin: 0;
}
.content-organization-header .content-header-toggle .content-header .help {
  position: relative;
  top: auto;
  top: initial;
  right: auto;
  right: initial;
  color: #fff;
}
[data-whatinput="keyboard"]
  .content-organization-header
  .content-header-toggle
  .content-header
  .help:focus,
.content-organization-header .content-header-toggle .content-header .help:focus,
.content-organization-header .content-header-toggle .content-header .help:hover,
.content-organization-header
  .content-header-toggle
  .content-header
  .help:active,
.content-organization-header
  .content-header-toggle
  .content-header
  .help.active,
.content-organization-header
  .content-header-toggle
  .content-header
  .help[aria-expanded="true"] {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  color: #4296cb;
  position: static;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #fff;
}
.content-organization-header .content-header-toggle .content-toggle {
  height: 50px;
  background: #ced0db;
  padding: 0 10px 10px 10px;
}
.content-organization-header .content-header-toggle .content-toggle .toggle {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  background: #fff;
  padding: 2px;
  height: 40px;
  border-radius: 20px;
  width: 100%;
  max-width: 258px;
}
.content-organization-header
  .content-header-toggle
  .content-toggle
  .toggle
  .toggle-tab {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  gap: 0.2rem;
  height: 36px;
  width: 100%;
  padding: 1rem;
  cursor: pointer;
  font-size: 1.6rem;
  background: transparent none repeat 0 0 / auto auto padding-box border-box
    scroll;
  background: initial;
  color: #313443;
  border-radius: 18px;
}
.content-organization-header
  .content-header-toggle
  .content-toggle
  .toggle
  .toggle-tab:hover {
  color: #4296cb;
}
.content-organization-header
  .content-header-toggle
  .content-toggle
  .toggle
  .toggle-tab.active {
  background: #4296cb;
  color: #fff;
}
.content-organization-header
  .content-header-toggle
  .content-toggle
  .toggle
  .toggle-tab
  .toggle-text {
  -webkit-box-flex: 1;
  flex-grow: 1;
  font-size: 1.6rem;
  color: inherit;
}
.content-organization-header .content-tags {
  background: #ced0db;
  width: calc(100% - 280px);
}
.content-organization-header .content-tags .tag-actions {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: right;
  justify-content: right;
  -webkit-box-align: end;
  align-items: flex-end;
  list-style: none;
  width: 100%;
  padding: 1rem 1rem 0.5rem 1rem;
  margin: 0;
  gap: 0.5rem;
}
@media (max-width: 1020px) {
  .content-organization-header .content-tags .tag-actions {
    -webkit-box-pack: left;
    justify-content: left;
  }
}
.content-organization-header .content-tags .tag-actions .action {
  margin: 0;
  padding: 0;
}
.content-organization-header .content-tags .tag-actions .btn {
  height: auto;
  padding: 0.5rem 1rem;
  font-size: 1.3rem;
  line-height: 1.3rem;
  border: 1px solid #fff;
}
.content-organization-header .content-tags .tag-actions .btn.clear {
  border: none;
  background: #e84452;
  color: #fff;
  border-radius: 4px;
}
.content-organization-header .content-tags .tag-actions .btn.clear .btn-ico {
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.content-organization-header .content-tags .tag-actions .btn.clear .btn-txt {
  font-weight: 600;
  color: #fff;
}
.content-organization-header .content-tags .tag-actions .btn.save {
  border: none;
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#4296cc),
    to(#3cdbb8)
  );
  background: linear-gradient(to bottom right, #4296cc 0%, #3cdbb8 100%);
  color: #fff;
  border-radius: 4px;
}
.content-organization-header .content-tags .tag-actions .btn.save .btn-ico {
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.content-organization-header .content-tags .tag-actions .btn.save .btn-txt {
  font-weight: 600;
  color: #fff;
}
.content-organization-header .content-tags .tag-actions .btn.include .btn-ico {
  background-color: #4296cb;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.content-organization-header .content-tags .tag-actions .btn.exclude .btn-ico {
  background-color: #b80646;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.content-organization-header .content-tags .tag-actions:last-child {
  padding: 0.5rem 1rem 1rem 1rem;
}
.content-organization-header .content-tags .tag-actions:only-child {
  padding: 1rem;
}
@media (max-width: 1020px) {
  .content-organization-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .content-organization-header .content-header-toggle {
    width: 100%;
  }
  .content-organization-header .content-tags {
    width: 100%;
  }
}
.content-type-options {
  width: 100%;
  min-height: calc(100vh - 205px);
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0 1px;
}
.content-filter-refinement {
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
  bottom: 0;
  width: 280px;
  max-height: calc(100vh);
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 1020px) {
  .content-filter-refinement {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 101;
    flex-shrink: 0;
    width: 280px;
    overflow-y: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    overscroll-behavior: none;
  }
  .content-filter-refinement::-webkit-scrollbar {
    width: 10px;
  }
  .content-filter-refinement::-webkit-scrollbar-track {
    background: #f0f1f4;
    -webkit-box-shadow: none;
    border: 1px solid #fff;
  }
  .content-filter-refinement::-webkit-scrollbar-thumb {
    border-radius: 100px;
    -webkit-box-shadow: none;
    background: #a7aabb;
    border: 1px solid #fff;
  }
}
.refinement-options {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  position: relative;
  background: #f0f1f4;
  border-left: 1px solid #e6e7ee;
  min-height: 100%;
}
.refinement-options .content-refinement-actions {
  background: #ced0db;
  height: 60px;
  border-top: 1px solid #fff;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: space-around;
  padding: 10px 0;
}
.refinement-options .content-refinement-actions.mobile-filters {
  display: none;
  bottom: auto;
  bottom: initial;
  top: 0;
  z-index: 2;
}
@media (max-width: 1020px) {
  .refinement-options .content-refinement-actions.mobile-filters {
    display: -webkit-box;
    display: flex;
  }
}
.refinement-options .refinement {
  background: #fff;
}
.refinement-options .refinement .refinement-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #fff;
  padding: 0.5rem;
  background: #f0f1f4;
}
.refinement-options .refinement .refinement-header.expander {
  cursor: pointer;
}
.refinement-options .refinement .refinement-header .title {
  font-size: 1.6rem;
  font-weight: bold;
  color: #313443;
  padding: 0.5rem;
  margin: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  gap: 1rem;
  position: relative;
}
.refinement-options .refinement .refinement-header .expand-collapse {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.refinement-options .refinement.search .refinement-header {
  -webkit-box-pack: start;
  justify-content: flex-start;
  gap: 0.7rem;
}
.refinement-options .refinement.search .refinement-header .search-form {
  margin: 0;
  width: 100%;
}
.refinement-options .refinement.search .refinement-header .search-form input {
  background: #fff;
  padding: 0.2rem 3rem 0.2rem 1rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.refinement-options
  .refinement.search
  .refinement-header
  .search-form
  input::-webkit-input-placeholder {
  color: #7b7f92;
  font-weight: bold;
  letter-spacing: 0;
}
.refinement-options
  .refinement.search
  .refinement-header
  .search-form
  input::-moz-placeholder {
  color: #7b7f92;
  font-weight: bold;
  letter-spacing: 0;
}
.refinement-options
  .refinement.search
  .refinement-header
  .search-form
  input::-ms-input-placeholder {
  color: #7b7f92;
  font-weight: bold;
  letter-spacing: 0;
}
.refinement-options
  .refinement.search
  .refinement-header
  .search-form
  input::placeholder {
  color: #7b7f92;
  font-weight: bold;
  letter-spacing: 0;
}
.refinement-options
  .refinement.search
  .refinement-header
  .search-form
  button.search-input {
  padding: 0.7rem 0.5rem;
  height: 40px;
}
.refinement-options .refinement.tags .tag-search {
  margin: 0;
  max-width: none;
  max-width: initial;
}
.refinement-options .refinement.tags .tag-search .callout {
  margin: 0;
}
.refinement-options .refinement.tags .tag-search .callout div {
  padding-left: 2rem;
  padding-right: 4rem;
}
.refinement-options .refinement.toggle-all .refinement-header {
  background: #ced0db;
}
.refinement-options .refinement .refinement-grouping {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}
.refinement-options .refinement .refinement-grouping[aria-hidden="true"] {
  display: none;
}
.refinement-options .refinement .refinement-category {
  margin: 0 1rem 1rem 0;
}
.refinement-options .refinement .refinement-category .title {
  font-size: 1.6rem;
  font-weight: bold;
  color: #313443;
  padding-bottom: 1rem;
}
.refinement-options .refinement .refinement-category .toggle-all {
  background: #f0f1f4;
  border-radius: 4px;
  margin-bottom: 0.7rem;
}
.refinement-options .refinement .refinement-category .toggle-all label {
  font-weight: normal;
}
.refinement-options .refinement .refinement-category label {
  font-size: 1.4rem;
  font-weight: bold;
}
.refinement-options .refinement .refinement-category input,
.refinement-options .refinement .refinement-category textarea,
.refinement-options .refinement .refinement-category select {
  font-size: 1.6rem;
  font-weight: bold;
}
.refinement-options .refinement .refinement-category select {
  border-radius: 4px;
  line-height: 1.1;
  border: 1px solid #e6e7ee;
  position: relative;
}
.refinement-options .refinement .refinement-category select::before {
  font-family: "Material Icons";
  content: "\e5c5";
  position: absolute;
  right: 10px;
  top: 10px;
  color: #4296cb;
}
.refinement-options
  .refinement
  .refinement-category
  select
  label:has(.option-count) {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}
.refinement-options .refinement .refinement-category .range-selection {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  gap: 0.5rem;
}
.refinement-options .refinement .refinement-category .range-selection input {
  border-radius: 4px;
}
.refinement-options .refinement .refinement-category .refinement-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.refinement-options .refinement .refinement-category .refinement-list li {
  padding: 0 0 0.5rem 0;
  margin: 0;
}
.refinement-options .refinement .refinement-category .option-select {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 0.5rem;
  cursor: pointer;
  color: #313443;
  font-size: 1.4rem;
  font-weight: bold;
}
.refinement-options
  .refinement
  .refinement-category
  .option-select
  .select-toggle {
  color: #ced0db;
}
.refinement-options .refinement .refinement-category .option-select.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.refinement-options .refinement .refinement-category .option-count {
  font-weight: normal;
  margin-left: 1rem;
  background: #f0f1f4;
  border-radius: 10px;
  height: 20px;
  padding: 0.1rem 1rem 0 1rem;
}
.refinement-options .refinement .no-filters-content p {
  padding: 0;
}
.refinement-options .refinement:last-child .refinement-grouping {
  padding-bottom: 22.5rem;
}
@media (max-width: 1020px) {
  .refinement-options .refinement:last-child .refinement-grouping {
    padding-bottom: 8rem;
  }
}
.refinement-options .refinement.team {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.refinement-options
  .refinement.team
  .option-select.team-member-select
  > .-has-checkbox {
  margin: 0;
  margin: initial;
  background: #f0f1f4;
  border-radius: 4px;
  padding: 0.5rem;
}
.refinement-options
  .refinement.team
  .option-select.team-member-select
  > .-has-checkbox
  input[type="checkbox"] {
  cursor: pointer;
}
.refinement-options
  .refinement.team
  .option-select.team-member-select
  > .-has-checkbox
  .visual-checkbox-input {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  gap: 1rem;
  -webkit-box-align: center;
  align-items: center;
}
.refinement-options
  .refinement.team
  .option-select.team-member-select
  > .-has-checkbox
  .select-toggle {
  display: inline-block;
  height: 24px;
  width: 24px;
}
.refinement-options
  .refinement.team
  .option-select.team-member-select
  > .-has-checkbox
  .select-toggle
  .selected {
  color: #4296cb;
}
.refinement-options
  .refinement.team
  .option-select.team-member-select
  > .-has-checkbox
  .select-toggle
  .excluded {
  color: #b80646;
}
.refinement-options
  .refinement.team
  .option-select.team-member-select
  > .-has-checkbox
  .avatar {
  width: 28px;
  height: 28px;
  border-radius: 16px;
  border: 1px solid #fff;
  overflow: hidden;
}
.mpa-ssr-cls .content-filter-refinement + .content-results {
  width: calc(100% - 280px);
}
.content-results {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 100%;
  background: #f0f1f4;
  margin-top: 1px;
}
.filters-open .content-results {
  width: calc(100% - 280px);
}
@media (max-width: 1020px) {
  .content-results {
    width: 100%;
  }
  .filters-open .content-results {
    width: 100%;
  }
}
.content-results .callout {
  margin: 0;
}
.content-results .results-details {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff;
}
@media (max-width: 1020px) {
  .content-results .results-details {
    gap: 10px;
  }
}
@media (max-width: 768px) {
  .content-results .results-details {
    flex-wrap: wrap-reverse;
  }
}
.content-results .results-details .sorting,
.content-results .results-details .result-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  gap: 1rem;
  height: 44px;
}
.content-results .results-details .sorting .title,
.content-results .results-details .result-title .title {
  font-size: 1.6rem;
  font-weight: 600;
  margin: 0.5rem 1rem 0.5rem 0;
}
.content-results .results-details .sorting .sort,
.content-results .results-details .result-title .sort {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  margin-right: 1rem;
}
.content-results .results-details .sorting .sort .result-count,
.content-results .results-details .result-title .sort .result-count {
  font-size: 1.6rem;
  font-weight: 600;
  margin: 0.5rem 0;
}
.content-results .results-details .sorting .sort .select-style,
.content-results .results-details .result-title .sort .select-style {
  margin-left: 1rem;
}
.content-results .results-details .sorting .sort .select-style:after,
.content-results .results-details .result-title .sort .select-style:after {
  right: 0;
}
.content-results .results-details .sorting .sort .select-style select,
.content-results .results-details .result-title .sort .select-style select {
  font-size: 1.6rem;
  font-weight: normal;
  color: #313443;
}
@media (max-width: 600px) {
  .content-results .results-details .sorting .sort,
  .content-results .results-details .result-title .sort {
    padding-top: 0.2rem;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .content-results
    .results-details
    .sorting
    .sort
    .result-count:not(:last-child),
  .content-results
    .results-details
    .result-title
    .sort
    .result-count:not(:last-child) {
    margin-left: 1.5rem;
    margin-bottom: 0;
  }
}
.content-results .results-cards {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.5rem;
}
.content-results .pagination-wrapper .active {
  background: #fff;
}
.results-actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: end;
  justify-content: flex-end;
  gap: 0.5rem;
}
@media (max-width: 1020px) {
  .results-actions {
    display: -webkit-box;
    display: flex;
  }
}
.results-actions .action,
.tag-actions .action {
  position: relative;
}
.results-actions .action .btn,
.tag-actions .action .btn {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #313443;
  background: #fff;
  border-radius: 22px;
  height: 44px;
  min-width: 44px;
  border: none;
  cursor: pointer;
  font-weight: 400;
  text-transform: none;
}
[data-whatinput="keyboard"] .results-actions .action .btn:focus,
.results-actions .action .btn:focus,
.results-actions .action .btn:hover,
.results-actions .action .btn:active,
.results-actions .action .btn.active,
.results-actions .action .btn[aria-expanded="true"],
[data-whatinput="keyboard"] .tag-actions .action .btn:focus,
.tag-actions .action .btn:focus,
.tag-actions .action .btn:hover,
.tag-actions .action .btn:active,
.tag-actions .action .btn.active,
.tag-actions .action .btn[aria-expanded="true"] {
  -webkit-transition: -webkit-box-shadow 250ms ease-in-out;
  transition: -webkit-box-shadow 250ms ease-in-out;
  transition: box-shadow 250ms ease-in-out;
  transition: box-shadow 250ms ease-in-out, -webkit-box-shadow 250ms ease-in-out;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.results-actions .action .btn[disabled],
.tag-actions .action .btn[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
[data-whatinput="keyboard"] .results-actions .action .btn[disabled]:focus,
.results-actions .action .btn[disabled]:focus,
.results-actions .action .btn[disabled]:hover,
.results-actions .action .btn[disabled]:active,
.results-actions .action .btn[disabled].active,
.results-actions .action .btn[disabled][aria-expanded="true"],
[data-whatinput="keyboard"] .tag-actions .action .btn[disabled]:focus,
.tag-actions .action .btn[disabled]:focus,
.tag-actions .action .btn[disabled]:hover,
.tag-actions .action .btn[disabled]:active,
.tag-actions .action .btn[disabled].active,
.tag-actions .action .btn[disabled][aria-expanded="true"] {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  background: #fff;
  border: none;
}
[data-whatinput="keyboard"]
  .results-actions
  .action
  .btn.delete-confirm[disabled]:focus,
.results-actions .action .btn.delete-confirm[disabled]:focus,
.results-actions .action .btn.delete-confirm[disabled]:hover,
.results-actions .action .btn.delete-confirm[disabled]:active,
.results-actions .action .btn.delete-confirm[disabled].active,
.results-actions .action .btn.delete-confirm[disabled][aria-expanded="true"],
[data-whatinput="keyboard"]
  .tag-actions
  .action
  .btn.delete-confirm[disabled]:focus,
.tag-actions .action .btn.delete-confirm[disabled]:focus,
.tag-actions .action .btn.delete-confirm[disabled]:hover,
.tag-actions .action .btn.delete-confirm[disabled]:active,
.tag-actions .action .btn.delete-confirm[disabled].active,
.tag-actions .action .btn.delete-confirm[disabled][aria-expanded="true"] {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  background: #e84452;
  border: none;
}
@media (max-width: 1020px) {
  .results-actions .action .btn .btn-txt.reduce,
  .results-actions .action .btn .btn-txt.-reduce,
  .tag-actions .action .btn .btn-txt.reduce,
  .tag-actions .action .btn .btn-txt.-reduce {
    display: none;
  }
}
.results-actions .action .btn .btn-ico,
.tag-actions .action .btn .btn-ico {
  margin: 0;
  top: 0;
  background: #313443;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.results-actions .action .btn.add .btn-ico,
.tag-actions .action .btn.add .btn-ico {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#26bc35),
    to(#3cdbb8)
  );
  background: linear-gradient(to bottom right, #26bc35 0%, #3cdbb8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.results-actions .action .btn.beta .btn-ico,
.results-actions .action .btn.special .btn-ico,
.tag-actions .action .btn.beta .btn-ico,
.tag-actions .action .btn.special .btn-ico {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3d97ce),
    to(#12debb)
  );
  background: linear-gradient(to bottom right, #3d97ce 0%, #12debb 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.results-actions .action .btn.delete .btn-ico,
.tag-actions .action .btn.delete .btn-ico {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#c80500),
    to(#ff6c19)
  );
  background: linear-gradient(to bottom right, #c80500 0%, #ff6c19 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.results-actions .action .btn.delete-confirm,
.tag-actions .action .btn.delete-confirm {
  color: #fff;
  background: #e84452;
}
.results-actions .action .btn.delete-confirm .btn-ico,
.tag-actions .action .btn.delete-confirm .btn-ico {
  background: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.results-actions .action .btn.share .btn-ico,
.tag-actions .action .btn.share .btn-ico {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#26bc35),
    to(#d6f41e)
  );
  background: linear-gradient(to bottom right, #26bc35 0%, #d6f41e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.results-actions .action .btn.surprise .btn-ico,
.tag-actions .action .btn.surprise .btn-ico {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#c80500),
    to(#ff505f)
  );
  background: linear-gradient(to bottom right, #c80500 0%, #ff505f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.results-actions .action .btn.view-all .btn-ico,
.results-actions .action .btn.category .btn-ico,
.tag-actions .action .btn.view-all .btn-ico,
.tag-actions .action .btn.category .btn-ico {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#6714ef),
    to(#83008d)
  );
  background: linear-gradient(to bottom right, #6714ef 0%, #83008d 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.results-actions .action .btn.view-all .btn-txt,
.tag-actions .action .btn.view-all .btn-txt {
  white-space: nowrap;
}
.active-filters {
  background: #e84452;
  border: 1px solid #fff;
  color: #e84452;
  border-radius: 100%;
  height: 1rem;
  width: 1rem;
  overflow: hidden;
  position: absolute;
  top: 1px;
  left: 1px;
}
.results-expander .result-nav {
  background: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
.results-expander .result-nav .result-nav-list {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.results-expander .result-nav .result-nav-list li {
  display: block;
  margin: 0;
  padding: 0;
}
.results-expander .result-nav .result-nav-list li a {
  font-size: 1.3rem;
  font-weight: bold;
  display: inline-block;
  padding: 2rem 2rem;
  background: none;
}
.results-expander .result-nav .result-nav-list li a:hover {
  background-color: #f0f4f6;
}
.results-expander .result-nav .result-nav-list li a.active {
  color: #212432;
}
@media (max-width: 600px) {
  .results-expander .result-nav .result-nav-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
  }
  .results-expander .result-nav .result-nav-list li {
    border-bottom: 1px solid #e3ebee;
  }
  .results-expander .result-nav .result-nav-list li:last-child {
    border-bottom: 0;
    border-bottom: initial;
  }
  .results-expander .result-nav .result-nav-list li a {
    width: 100%;
    padding: 0.6rem 2rem;
  }
}
@media (max-width: 1020px) {
  .filters-open {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .filters-open .content-refinement-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.5);
  }
}
.row.discussion-flex-table .span.cell {
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-flex: 0;
  flex: 0 auto;
}
.row.discussion-flex-table .span.cell:nth-child(1) {
  flex-basis: 46.923%;
  padding-right: 60px;
}
.row.discussion-flex-table .span.cell:nth-child(2) {
  flex-basis: 35.1538%;
  padding-right: 60px;
}
.row.discussion-flex-table .span.cell:nth-child(3) {
  flex-basis: 8%;
}
.row.discussion-flex-table .span.cell:nth-child(4) {
  padding-right: 10px;
  -webkit-box-flex: 1;
  flex: 1 auto;
}
@media (max-width: 1060px) {
  .row.discussion-flex-table .span.cell:nth-child(1),
  .row.discussion-flex-table .span.cell:nth-child(2) {
    padding-right: 30px;
  }
}
@media (max-width: 768px) {
  .row.discussion-flex-table .span.cell:nth-child(1),
  .row.discussion-flex-table .span.cell:nth-child(2) {
    padding-right: 15px;
  }
}
@media (max-width: 600px) {
  .row.discussion-flex-table span.cell {
    padding-right: 0px;
  }
}
.centered-container.community .row > .span1,
.panel.discussion .row > .span1 {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 3px;
}
.centered-container.community .discussion-listing,
.panel.discussion .discussion-listing {
  position: relative;
}
.centered-container.community .discussion-listing .avatar-image,
.panel.discussion .discussion-listing .avatar-image {
  width: 48px;
  height: 48px;
  display: inline-block;
  position: absolute;
}
.centered-container.community
  .discussion-listing
  .avatar-image
  .avatar-placeholder
  span,
.panel.discussion .discussion-listing .avatar-image .avatar-placeholder span {
  font-size: 28px;
  line-height: 48px;
}
.centered-container.community .discussion-listing .avatar-image img,
.panel.discussion .discussion-listing .avatar-image img {
  border-radius: 50%;
}
.centered-container.community .discussion-listing .discussion-info,
.panel.discussion .discussion-listing .discussion-info {
  display: inline-block;
  padding-left: 98px;
  margin-top: -4px;
}
.centered-container.community .discussion-listing .discussion-info .byline,
.panel.discussion .discussion-listing .discussion-info .byline {
  font-size: 13px;
  letter-spacing: 0;
  line-height: 23px;
  padding-right: 0.5rem;
}
.centered-container.community
  .discussion-listing
  .discussion-info
  .heading
  .material-symbols-outlined,
.panel.discussion
  .discussion-listing
  .discussion-info
  .heading
  .material-symbols-outlined {
  vertical-align: text-top;
  color: #45526c;
}
.centered-container.community
  .discussion-listing
  .discussion-info
  .heading
  .material-symbols-outlined.lock,
.panel.discussion
  .discussion-listing
  .discussion-info
  .heading
  .material-symbols-outlined.lock {
  color: #3cdbb8;
}
@media (max-width: 768px) {
  .centered-container.community
    .discussion-listing
    .discussion-info
    .heading
    .material-symbols-outlined,
  .panel.discussion
    .discussion-listing
    .discussion-info
    .heading
    .material-symbols-outlined {
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  .centered-container.community
    .discussion-listing
    .discussion-info
    .heading
    .material-symbols-outlined,
  .panel.discussion
    .discussion-listing
    .discussion-info
    .heading
    .material-symbols-outlined {
    font-size: 16px;
  }
}
.centered-container.community
  .discussion-listing
  .discussion-info
  .heading
  [class^="iconfont-"],
.centered-container.community
  .discussion-listing
  .discussion-info
  .heading
  [class*=" iconfont-"],
.panel.discussion
  .discussion-listing
  .discussion-info
  .heading
  [class^="iconfont-"],
.panel.discussion
  .discussion-listing
  .discussion-info
  .heading
  [class*=" iconfont-"] {
  font-size: 0.75em;
  color: #7b7f92;
  padding-left: 2px;
}
.centered-container.community .listing-header,
.panel.discussion .listing-header {
  white-space: nowrap;
}
@media (max-width: 767px) {
  .centered-container.community .listing-header .caps,
  .panel.discussion .listing-header .caps {
    font-size: 9px;
  }
}
@media (max-width: 768px) {
  .centered-container.community .row > .span1,
  .panel.discussion .row > .span1 {
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
  }
  .centered-container.community .discussion-listing .discussion-info,
  .panel.discussion .discussion-listing .discussion-info {
    padding-left: 67px;
  }
}
@media (max-width: 600px) {
  .centered-container.community .row > .span:nth-child(2),
  .panel.discussion .row > .span:nth-child(2) {
    padding-left: 19px;
  }
  .centered-container.community .listing-header,
  .panel.discussion .listing-header {
    display: none;
  }
  .centered-container.community .listing .listing-row,
  .panel.discussion .listing .listing-row {
    display: inline-block;
    width: 100%;
  }
  .centered-container.community .listing .listing-row .span.cell,
  .panel.discussion .listing .listing-row .span.cell {
    width: auto;
    padding-right: 19px;
    display: block;
  }
  .centered-container.community .listing .listing-row .span.cell.reply-span,
  .panel.discussion .listing .listing-row .span.cell.reply-span {
    padding-left: 59px;
    float: left;
  }
  .centered-container.community .listing .listing-row .span.cell.thumbs-up-span,
  .panel.discussion .listing .listing-row .span.cell.thumbs-up-span {
    padding-left: 22px;
  }
  .centered-container.community .listing .listing-row .span4,
  .centered-container.community .listing .listing-row .span6,
  .panel.discussion .listing .listing-row .span4,
  .panel.discussion .listing .listing-row .span6 {
    font-size: 13px;
  }
  .centered-container.community .listing .listing-row .avatar-image,
  .panel.discussion .listing .listing-row .avatar-image {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
  }
  .centered-container.community
    .listing
    .listing-row
    .avatar-image
    .avatar-placeholder
    span,
  .panel.discussion
    .listing
    .listing-row
    .avatar-image
    .avatar-placeholder
    span {
    font-size: 18px;
    line-height: 30px;
  }
  .centered-container.community .listing .listing-row .discussion-info,
  .panel.discussion .listing .listing-row .discussion-info {
    padding-left: 39px;
  }
  .centered-container.community .listing .listing-row .small.categories,
  .panel.discussion .listing .listing-row .small.categories {
    padding-left: 39px;
    padding-bottom: 8px;
  }
  .centered-container.community .listing .listing-row .heading,
  .panel.discussion .listing .listing-row .heading {
    font-size: 13px;
    line-height: 23px;
    margin-bottom: 8px;
  }
  .centered-container.community .listing .listing-row .byline,
  .centered-container.community .listing .listing-row .small.categories,
  .centered-container.community .listing .listing-row .discussion-info .byline,
  .centered-container.community
    .listing
    .listing-row
    .discussion-info
    .small.categories,
  .panel.discussion .listing .listing-row .byline,
  .panel.discussion .listing .listing-row .small.categories,
  .panel.discussion .listing .listing-row .discussion-info .byline,
  .panel.discussion .listing .listing-row .discussion-info .small.categories {
    font-size: 11px;
    line-height: 18px;
  }
  .centered-container.community .listing .listing-row .btn.-has-icon,
  .panel.discussion .listing .listing-row .btn.-has-icon {
    font-size: 11px;
    height: 19px;
  }
  .centered-container.community .listing .listing-row .avatar-image,
  .panel.discussion .listing .listing-row .avatar-image {
    margin-top: 4px;
  }
}
.dropdown-menu {
  background: #fff;
  border: 3px solid #4296cb;
  display: -webkit-box;
  display: flex;
}
.dropdown-menu .header {
  padding: 0 2rem;
  display: none;
  height: 77px;
  position: relative;
  width: 100%;
}
.dropdown-menu .header .heading {
  line-height: 77px;
  margin: 0;
}
.dropdown-menu .header .hamburger {
  display: block;
  margin-top: -8px;
  position: absolute;
  right: 20px;
  top: 50%;
}
.dropdown-menu > ul {
  margin: 0 0 1.6rem;
  padding: 0;
  list-style: none;
  margin: 0px;
  padding: 30px 0px 30px 0px;
  border-right: 1px solid #e3ebee;
}
.dropdown-menu > ul li {
  margin: 0px;
}
.dropdown-menu > ul a {
  position: relative;
}
.dropdown-menu > ul a span.iconfont-carrot {
  margin-top: -5px;
  position: absolute;
  right: 28px;
  top: 50%;
  z-index: 20;
  color: red;
  display: block;
  -webkit-transform: rotate(-90deg) translateX(-1px) translateY(1px);
  transform: rotate(-90deg) translateX(-1px) translateY(1px);
  font-size: 9px;
  color: #dae3e7;
}
[data-whatinput="keyboard"] .dropdown-menu > ul a:focus span.iconfont-carrot,
.dropdown-menu > ul a:focus span.iconfont-carrot,
.dropdown-menu > ul a:hover span.iconfont-carrot,
.dropdown-menu > ul a:active span.iconfont-carrot,
.dropdown-menu > ul a.active span.iconfont-carrot,
.dropdown-menu > ul a[aria-expanded="true"] span.iconfont-carrot {
  color: #4296cb;
}
@media (max-width: 768px) {
  .dropdown-menu > ul {
    padding: 0px;
    border-bottom: 1px solid #e3ebee;
  }
  .dropdown-menu > ul li {
    border-top: 1px solid #e3ebee;
  }
  .dropdown-menu > ul li.open .mobile-submenu {
    display: block;
  }
  .dropdown-menu > ul li.open a {
    color: #212432;
  }
  .dropdown-menu > ul li.open a span.iconfont-carrot {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .dropdown-menu > ul a {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
  }
  .dropdown-menu > ul a span.iconfont-carrot {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.dropdown-menu a {
  padding: 0.6rem 6.4rem 0.6rem 2.8rem;
  color: #212432;
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4em;
  white-space: nowrap;
}
[data-whatinput="keyboard"] .dropdown-menu a:focus,
.dropdown-menu a:focus,
.dropdown-menu a:hover,
.dropdown-menu a:active,
.dropdown-menu a.active,
.dropdown-menu a[aria-expanded="true"] {
  background: none;
  color: #4296cb;
}
@media (max-width: 768px) {
  [data-whatinput="keyboard"] .dropdown-menu a:focus,
  .dropdown-menu a:focus,
  .dropdown-menu a:hover,
  .dropdown-menu a:active,
  .dropdown-menu a.active,
  .dropdown-menu a[aria-expanded="true"] {
    color: #212432;
  }
}
.dropdown-menu .submenu {
  padding: 30px 0px 30px 0px;
}
.dropdown-menu .submenu ul {
  margin: 0rem;
  padding: 0rem;
  list-style: none;
}
.dropdown-menu .submenu li {
  margin: 0px;
}
.dropdown-menu .submenu a {
  padding: 8 30 8 30;
}
.dropdown-menu .mobile-submenu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  padding-bottom: 18px;
}
.dropdown-menu .mobile-submenu li {
  border: none;
}
.dropdown-menu .mobile-submenu li a {
  font-size: 1.1rem;
  font-weight: 400;
  padding-top: 8px;
  padding-bottom: 8px;
}
.dropdown-menu .mobile-submenu li a:after {
  display: none;
}
@media (max-width: 768px) {
  .dropdown-menu {
    border: none;
    width: 100%;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    overflow: auto;
  }
  .dropdown-menu .header {
    display: block;
  }
  .dropdown-menu .submenu {
    display: none;
  }
}
.dropdown-overlay {
  background: rgba(66, 150, 203, 0.87);
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
  display: none;
}
@media (max-width: 768px) {
  .dropdown-overlay {
    display: block;
  }
}
.discussion-action {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.discussion-action button[type="submit"] {
  -webkit-box-ordinal-group: 2;
  order: 1;
}
.discussion-action .flex-right {
  -webkit-box-ordinal-group: 3;
  order: 2;
  padding-top: 15px;
}
.discussion-edit-actions {
  margin-top: 30px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: flex;
}
.discussion-edit-actions .discussion-edit-buttons {
  display: -webkit-box;
  display: flex;
}
.discussion-edit-actions .discussion-edit-buttons .btn,
.discussion-edit-actions .discussion-edit-buttons button[type="submit"] {
  white-space: nowrap;
}
.wide-single-col-form .discussion-edit-actions .discussion-edit-buttons .btn {
  min-width: 0px;
}
.wide-single-col-form
  .discussion-edit-actions
  .discussion-edit-buttons
  button[type="submit"] {
  margin: 0px 10px 0px 0px;
}
@media (max-width: 768px) {
  .discussion-action {
    display: block;
  }
  .discussion-action .flex-right {
    padding-top: 10px;
  }
  .discussion-edit-actions {
    flex-wrap: wrap;
  }
  .discussion-edit-actions .discussion-edit-buttons {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .discussion-edit-actions .flex-right {
    display: block;
    width: 100%;
    padding-bottom: 15px;
  }
}
.posting-as {
  margin-top: 40px;
}
.posting-as .heading {
  color: #7b7f92;
}
.posting-as .posting-identity {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 30px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.posting-as .posting-identity .posting-avatar {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
  position: relative;
  display: block;
}
.posting-as .posting-identity .posting-avatar .avatar-placeholder span {
  font-size: 18px;
  line-height: 30px;
}
.posting-as .posting-identity .posting-avatar img {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
}
.posting-as .posting-identity .posting-name {
  padding-left: 10px;
  font-weight: bold;
  font-size: 13px;
}
.posting-as .change-button {
  margin-left: 20px;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  border: 1px solid #4296cb;
  border-radius: 2px;
  padding: 1px 5px;
  border-radius: 4px;
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  color: #4296cb;
  position: static;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.posting-as .change-button:hover {
  background: #4296cb;
  color: #fff;
}
.discussion-badges .badge {
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
  border-radius: 10px;
  height: 20px;
  margin: 0 0.25rem;
  padding: 0.1rem;
  text-align: center;
}
.discussion-badges .badge:first-child {
  margin-left: 0;
}
.discussion-badges .badge.plus {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#4296cc),
    to(#0067aa)
  );
  background: linear-gradient(to bottom right, #4296cc 0%, #0067aa 100%);
  color: #fff;
  border: 1px solid #fff;
  width: 4rem;
}
.discussion-badges .badge.admin {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#adb4c3),
    to(#445e7a)
  );
  background: linear-gradient(to bottom right, #adb4c3 0%, #445e7a 100%);
  color: #fff;
  border: 1px solid #fff;
  width: 5rem;
}
.site-notification {
  border-radius: 8px;
  flex-wrap: nowrap;
  margin-bottom: 2rem !important;
}
@media (max-width: 768px) {
  .site-notification {
    margin-bottom: 1rem !important;
  }
}
.site-notification .notification-flair {
  width: 84px;
  padding: 2rem;
}
.site-notification .notification-content {
  -webkit-box-flex: 1;
  flex: 1;
  padding: 2rem 0 1.8rem;
}
.site-notification .notification-content .timestamp {
  text-transform: uppercase;
  font-size: 11px;
  color: #4a4a4a;
  font-weight: 600;
  letter-spacing: 0.1em;
  position: relative;
  margin-bottom: 0.2em;
  display: inline-block;
}
.site-notification .notification-content .timestamp:after {
  content: "";
  display: inline-block;
  background: #e84452;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  right: -14px;
  top: 0px;
}
.site-notification .notification-content .title {
  font-size: 1.8rem;
  color: #4e5262;
  cursor: pointer;
}
.site-notification .notification-content .message {
  margin: 1rem 0 0 0;
  display: none;
}
.site-notification .notification-content .message p {
  font-size: 1.6rem;
  line-height: 1.6em;
  padding: 0 0 1rem 0;
}
.site-notification .notification-content .image {
  display: none;
  margin-bottom: 1rem;
}
.site-notification .notification-content .image img {
  display: block;
}
.site-notification .notification-content .cta {
  display: none;
  margin-bottom: 1rem;
}
.site-notification .notification-content .actions {
  display: none;
}
.site-notification .notification-view {
  width: 64px;
  padding: 2rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
.site-notification .notification-view button.expand-collapse {
  border: none;
  height: 44px;
  width: 44px;
}
.site-notification .notification-view button.expand-collapse.btn.-ico-only {
  padding: 0;
}
.site-notification {
  background: #fff;
  border: 1px solid #e3ebee;
}
.site-notification .notification-flair .notification-type {
  height: 44px;
  width: 44px;
  border-radius: 50%;
  background-clip: padding-box;
  border: 2px solid #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.site-notification .notification-flair .notification-type i {
  color: #fff;
}
.site-notification .notification-flair .notification-type img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.site-notification .notification-flair .notification-type.-achievement.-lvl001 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#f5ff00),
    to(#00b628)
  );
  background: linear-gradient(to bottom right, #f5ff00 0%, #00b628 100%);
}
.site-notification .notification-flair .notification-type.-achievement.-lvl002 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#5bff55),
    to(#0063ff)
  );
  background: linear-gradient(to bottom right, #5bff55 0%, #0063ff 100%);
}
.site-notification .notification-flair .notification-type.-achievement.-lvl003 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#26c7ff),
    to(#7900ba)
  );
  background: linear-gradient(to bottom right, #26c7ff 0%, #7900ba 100%);
}
.site-notification .notification-flair .notification-type.-achievement.-lvl004 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3b04b7),
    to(#c310a5)
  );
  background: linear-gradient(to bottom right, #3b04b7 0%, #c310a5 100%);
}
.site-notification
  .notification-flair
  .notification-type.-achievement.-special {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#4296cc),
    to(#0067aa)
  );
  background: linear-gradient(to bottom right, #4296cc 0%, #0067aa 100%);
}
.site-notification .notification-flair .notification-type.-achievement.-beta {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3b04b7),
    to(#c310a5)
  );
  background: linear-gradient(to bottom right, #3b04b7 0%, #c310a5 100%);
}
.site-notification .notification-flair .notification-type.-gift {
  background: radial-gradient(#91dcfd 0%, #0056e4 100%);
}
.site-notification .notification-flair .notification-type.-member-message {
  background: #e3ebee;
  color: #a7aabb;
}
.site-notification
  .notification-flair
  .notification-type.-member-message
  .author-initial {
  font-size: 2rem;
  font-weight: bold;
}
.site-notification .notification-flair .notification-type.-fb-message {
  background: #e3ebee;
  color: #a7aabb;
}
.site-notification .notification-flair .notification-type.-fb-admin {
  background: #fff;
  color: #a7aabb;
}
.site-notification.-read {
  background: #fff;
  opacity: 0.7;
  border: 1px solid #e3ebee;
}
.site-notification.-read .notification-content .timestamp:after {
  display: none;
}
.site-notification.-expanded {
  -webkit-transition: height 0.8s ease;
  transition: height 0.8s ease;
}
.site-notification.-expanded .notification-content .message {
  display: block;
  word-break: break-word;
}
.site-notification.-expanded .notification-content .image {
  display: block;
}
.site-notification.-expanded .notification-content .cta {
  display: -webkit-box;
  display: flex;
}
.site-notification.-expanded .notification-content .actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
}
.site-notification.-expanded .notification-content .actions .action {
  display: inline-block;
}
.site-notification.-expanded .notification-content .actions .action .btn {
  width: auto;
  color: #7b7f92;
  padding: 0.8rem 0;
}
.site-notification.-expanded .notification-content .actions .action + .action {
  margin-left: 2rem;
}
.notification-count {
  color: #fff;
  background: #a7aabb;
  padding: 0.2rem 0.7rem;
  border-radius: 16px;
  margin: 0 0 0 1rem;
  min-width: 20px;
  letter-spacing: 0;
}
.notification-count.-new {
  background: #e84452;
}
.container .page_content h1 {
  font-size: 4rem;
  letter-spacing: -0.5px;
}
@media (max-width: 600px) {
  .container .page_content h1 {
    font-size: 2.1rem;
    line-height: 3rem;
  }
}
.container .page_content h2 {
  font-size: 2.8rem;
  letter-spacing: -0.5px;
}
@media (max-width: 600px) {
  .container .page_content h2 {
    font-size: 1.9rem;
    line-height: 3.4rem;
  }
}
.container .page_content h3 {
  font-size: 2.4rem;
  letter-spacing: -0.5px;
}
@media (max-width: 600px) {
  .container .page_content h3 {
    font-size: 1.9rem;
    line-height: 3.4rem;
  }
}
.container .page_content h4 {
  font-size: 1.9rem;
}
@media (max-width: 768px) {
  .container .page_content h4 {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}
@media (max-width: 768px) {
  .container .page_content {
    padding-left: 0px;
  }
}
.container .empty,
.container .skinny-page {
  padding-top: 90px;
  min-height: calc(100vh - 200px);
  text-align: center;
}
.container .empty p,
.container .skinny-page p {
  margin: auto;
}
.container .empty .search-form,
.container .skinny-page .search-form {
  margin: 0 auto;
  padding: 0;
  max-width: 400px;
  height: 60px;
  border: 1px solid #e6e8ed;
  border-radius: 4px;
  color: #222533;
}
.container .empty .search-form input[type="text"],
.container .skinny-page .search-form input[type="text"] {
  height: 100%;
  border: none;
  padding: 20px 17px;
  color: #000;
  font-size: 19px;
  letter-spacing: 0px;
}
.container .empty .search-form input[type="text"]::-webkit-input-placeholder,
.container
  .skinny-page
  .search-form
  input[type="text"]::-webkit-input-placeholder {
  opacity: 1;
  color: #ced0db;
  font-weight: inherit;
}
.container .empty .search-form input[type="text"]::-moz-placeholder,
.container .skinny-page .search-form input[type="text"]::-moz-placeholder {
  opacity: 1;
  color: #ced0db;
  font-weight: inherit;
}
.container .empty .search-form input[type="text"]:-ms-input-placeholder,
.container .skinny-page .search-form input[type="text"]:-ms-input-placeholder {
  opacity: 1;
  color: #ced0db;
  font-weight: inherit;
}
.container .empty .search-form input[type="text"]:-moz-placeholder,
.container .skinny-page .search-form input[type="text"]:-moz-placeholder {
  opacity: 1;
  color: #ced0db;
  font-weight: inherit;
}
.container .empty .search-form input[type="text"]:placeholder,
.container .skinny-page .search-form input[type="text"]:placeholder {
  opacity: 1;
  color: #ced0db;
  font-weight: inherit;
}
.container .empty .search-form button[type="submit"],
.container .skinny-page .search-form button[type="submit"] {
  line-height: 60px;
  font-size: 25px;
  padding-right: 17px;
  height: 52px;
}
.article__header {
  margin-top: 4rem;
  margin-bottom: 30px;
  position: relative;
}
.article__header .author-image,
.article__header .avatar-placeholder {
  border-radius: 50%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 68px;
  margin: 0px;
}
.article__header .avatar-placeholder {
  font-size: 4rem;
  height: 68px;
  line-height: 68px;
}
.article__header .byline {
  padding-top: 9px;
  padding-bottom: 15px;
  line-height: 24px;
}
.article__header .heading {
  margin-bottom: 1.6rem;
}
.article__header .btn {
  margin: 0px;
}
@media (max-width: 768px) {
  .article__header {
    margin-bottom: 20px;
  }
  .article__header .author-flex {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 8px;
  }
  .article__header .byline {
    font-size: 11px;
    margin: 0px;
    padding: 0px;
  }
  .article__header .author-image,
  .article__header .avatar-placeholder {
    width: 30px;
    margin-right: 10px;
  }
  .article__header .avatar-placeholder {
    font-size: 1.6rem;
    height: 30px;
    line-height: 30px;
  }
}
.article__actions {
  display: -webkit-box;
  display: flex;
}
[data-whatinput="keyboard"] .article__actions:focus,
.article__actions:focus,
.article__actions:hover,
.article__actions:active,
.article__actions.active,
.article__actions[aria-expanded="true"],
[data-whatinput="keyboard"] .article__actions *:focus,
.article__actions *:focus,
.article__actions *:hover,
.article__actions *:active,
.article__actions *.active,
.article__actions *[aria-expanded="true"] {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  color: #4296cb;
  position: static;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.comment-button {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.comment-button .iconfont-comment {
  display: block;
  width: 28px;
  height: 28px;
  color: #fff !important;
  margin: 0px 5px 0px 0px !important;
  font-size: 14px;
  border-radius: 50%;
  text-align: center;
  padding-top: 8px;
  background: #4296cb;
}
.comment-button .text {
  display: block;
  font-size: 13px;
  min-width: 22px;
}
@media (max-width: 768px) {
  .comment-button .text {
    font-size: 11px;
  }
}
[data-whatinput="keyboard"] .comment-button:focus,
.comment-button:focus,
.comment-button:hover,
.comment-button:active,
.comment-button.active,
.comment-button[aria-expanded="true"] {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  color: #4296cb;
  position: static;
  -webkit-text-decoration: none;
  text-decoration: none;
}
[data-whatinput="keyboard"] .comment-button:focus .iconfont-comment,
.comment-button:focus .iconfont-comment,
.comment-button:hover .iconfont-comment,
.comment-button:active .iconfont-comment,
.comment-button.active .iconfont-comment,
.comment-button[aria-expanded="true"] .iconfont-comment {
  color: #fff;
}
[data-whatinput="keyboard"] [class^="addthis_"]:focus,
[class^="addthis_"]:focus,
[class^="addthis_"]:hover,
[class^="addthis_"]:active,
[class^="addthis_"].active,
[class^="addthis_"][aria-expanded="true"],
[data-whatinput="keyboard"] [class*=" addthis_"]:focus,
[class*=" addthis_"]:focus,
[class*=" addthis_"]:hover,
[class*=" addthis_"]:active,
[class*=" addthis_"].active,
[class*=" addthis_"][aria-expanded="true"],
[data-whatinput="keyboard"] .atm_i a:focus,
.atm_i a:focus,
.atm_i a:hover,
.atm_i a:active,
.atm_i a.active,
.atm_i a[aria-expanded="true"],
[data-whatinput="keyboard"] .atm *:focus,
.atm *:focus,
.atm *:hover,
.atm *:active,
.atm *.active,
.atm *[aria-expanded="true"] {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
}
.fb_addthis {
  display: -webkit-box;
  display: flex;
  margin-left: 20px;
}
.fb_addthis a {
  width: 28px !important;
  height: 28px !important;
  color: #fff !important;
  margin: 0px 5px 0px 0px !important;
  border-radius: 50%;
  display: -webkit-box !important;
  display: flex !important;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
}
.fb_addthis a.addthis_button_facebook {
  background: #3f66b6;
  font-size: 16px;
}
.fb_addthis a.addthis_button_twitter {
  background: #7ddaff;
  font-size: 14px;
}
.fb_addthis a.addthis_button_pinterest {
  background: #c92228;
  font-size: 18px;
}
.fb_addthis a.addthis_button_email {
  background: #7b7f92;
  font-size: 10px;
}
.fb_addthis a.addthis_button_compact {
  background: #cbcccb;
  font-size: 14px;
}
[data-whatinput="keyboard"] .fb_addthis a:focus,
.fb_addthis a:focus,
.fb_addthis a:hover,
.fb_addthis a:active,
.fb_addthis a.active,
.fb_addthis a[aria-expanded="true"] {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  color: #4296cb;
  position: static;
  -webkit-text-decoration: none;
  text-decoration: none;
}
[data-whatinput="keyboard"] .fb_addthis a:focus,
[data-whatinput="keyboard"] .fb_addthis a:focus span,
.fb_addthis a:focus,
.fb_addthis a:focus span,
.fb_addthis a:hover,
.fb_addthis a:hover span,
.fb_addthis a:active,
.fb_addthis a:active span,
.fb_addthis a.active,
.fb_addthis a.active span,
.fb_addthis a[aria-expanded="true"],
.fb_addthis a[aria-expanded="true"] span {
  color: #fff !important;
}
.article__footer {
  display: -webkit-box;
  display: flex;
  position: relative;
}
.article__footer .btn {
  margin: 0;
}
.article__footer .btn-more {
  margin-right: 2.4rem;
  margin-left: auto;
}
.more-options {
  background: #fff;
  top: -10px;
  margin: 0px;
  position: absolute;
  right: 24px;
  z-index: 10;
}
.more-options button {
  background-color: #fff;
  margin: 0px;
}
.more-options.multiple-options {
  right: -5px;
  top: calc(100% + 5px);
}
.more-options.multiple-options button {
  display: block;
  width: 100%;
  font-size: 12px;
  padding: 8px 14px;
}
.more-options.multiple-options button:first-child {
  border-bottom: 0px;
  border-radius: 4px 4px 0px 0px;
}
.more-options.multiple-options button:last-child {
  border-radius: 0px 0px 4px 4px;
}
@media (max-width: 600px) {
  .more-options.multiple-options button {
    font-size: 13px;
    padding: 11px 16px;
  }
}
.article_body p a {
  font-weight: 600;
}
.article_body strong,
.article_body b {
  color: #222533;
}
.article__content {
  margin-top: -8px;
}
@media (max-width: 768px) {
  .article__content {
    margin-top: -6px;
  }
}
.article__video {
  margin-bottom: 32px;
}
.article__image {
  margin-bottom: 32px;
}
.article__image img {
  display: block;
  margin: 0px auto;
}
.article-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.article-container section.site__main {
  margin-right: 8%;
  margin-bottom: 75px;
  -webkit-box-flex: 1;
  flex: 1;
}
@media (min-width: 1201px) {
  .article-container section.site__main {
    max-width: 792px;
  }
}
@media (max-width: 940px) {
  .article-container {
    display: block;
  }
  .article-container section.site__main {
    width: 100%;
    flex-basis: 100%;
  }
}
@media (max-width: 1060px) {
  .article__header {
    -webkit-box-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
  .article__header .heading {
    flex-basis: 100%;
    flex-shrink: 0;
  }
  .article__header .byline .dash {
    display: none;
  }
}
@media (max-width: 767px) {
  .article__content p {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
  .article__footer {
    padding-bottom: 10px;
  }
}
.truncated-article {
  height: 500px;
  margin-bottom: 74px;
  position: relative;
  overflow: hidden;
}
.truncated-article:after {
  display: block;
  position: absolute;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0)),
    color-stop(75%, #fff)
  );
  background-image: linear-gradient(
    -180deg,
    rgba(255, 255, 255, 0) 0%,
    #fff 75%
  );
  bottom: 0px;
  left: 0px;
  content: "";
  height: 160px;
  width: 100%;
}
@media (max-width: 600px) {
  .truncated-article {
    height: 400px;
    margin-bottom: 50px;
  }
}
.truncated-article.active {
  height: auto;
}
.truncated-article.active .read-more .iconfont-minus {
  display: block;
}
.truncated-article.active .read-more .iconfont-plus {
  display: none;
}
.truncated-article.active .read-more .readmore-label.-on {
  display: none;
}
.truncated-article.active .read-more .readmore-label.-off {
  display: block;
}
.truncated-article.active:after {
  display: none;
}
.show-header {
  margin-bottom: 70px;
  border-bottom: 1px solid #e7edef;
}
.show-header .container {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
  max-width: 1440px;
}
.show-header .vid-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.show-header .media {
  -webkit-box-flex: 1;
  flex: 1 auto;
}
.show-header .media iframe {
  width: 100% !important;
  display: block;
}
.show-header .media img {
  display: block;
  width: 100%;
}
.show-header .info {
  -webkit-box-flex: 0;
  flex: 0 440px;
  background-color: #222533;
  position: relative;
}
.show-header .info.has-actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.show-header .info.has-actions > .video-details-wrapper {
  -webkit-box-flex: 1;
  flex-grow: 1;
}
.show-header .info.has-actions > div:last-child {
  -webkit-box-flex: 0;
  flex-grow: 0;
  margin-top: auto;
}
@media (max-width: 1060px) {
  .show-header .info {
    flex-basis: 412px;
  }
}
@media (max-width: 1020px) {
  .show-header {
    margin-bottom: 50px;
  }
  .show-header .container,
  .show-header .vid-container {
    display: block;
  }
  .show-header .container .close-welcome,
  .show-header .vid-container .close-welcome {
    float: right;
  }
}
@media (max-width: 600px) {
  .show-header {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1180px) {
  .video-details-wrapper.video-detail-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }
}
@media (max-width: 1020px) {
  .video-details-wrapper.video-detail-wrapper {
    display: block;
  }
}
.video-details {
  color: #fff;
  padding: 48px 70px 0px 70px;
}
.video-details .heading {
  margin-bottom: 3px;
}
@media only screen and (max-width: 1180px) {
  .video-details {
    padding-top: 0px;
  }
  .video-details .stats {
    padding-top: 9px;
  }
}
@media (max-width: 1060px) {
  .video-details {
    padding-right: 56px;
    padding-left: 56px;
  }
}
@media (max-width: 1020px) {
  .video-details {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .video-details .stats {
    padding-top: 18px;
  }
}
@media (max-width: 767px) {
  .video-details {
    padding: 37px 24px 26px 24px !important;
  }
}
.video-details-wrapper.program-detail-wrapper {
  height: 100%;
}
@media only screen and (max-width: 1280px) {
  .video-details-wrapper.program-detail-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }
}
@media (max-width: 1020px) {
  .video-details-wrapper.program-detail-wrapper {
    display: block;
  }
}
.video-details.program-detail button.btn.purchased:hover {
  background: none;
  border-color: #4296cb;
  color: #fff;
  cursor: default;
}
.video-details.program-detail .stats {
  padding-bottom: 30px;
}
.video-details.program-detail .stats:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100px;
  height: 1px;
  background-color: #484b5b;
  left: 0px;
}
.video-details.program-detail .program-detail-price {
  padding-top: 22px;
  padding-bottom: 16px;
  font-size: 19px;
  font-weight: 600;
  color: #fafcfd;
}
.video-details.program-detail .program-detail-price .-strike,
.video-details.program-detail .program-detail-price strike {
  font-size: 13px;
  color: #7b7f92;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.video-details.program-detail .program-detail-price .price-msg {
  font-size: 1.2rem;
  font-weight: 400;
}
.video-details.program-detail .add-to-bag {
  width: 100%;
}
.video-details.program-detail .add-to-bag .btn {
  text-align: center;
  width: 100%;
  margin-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.video-details.program-detail .add-to-bag .btn .iconfont-shopping-bag {
  -webkit-box-flex: 0;
  flex: 0 auto;
  font-size: 18px;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}
.video-details.program-detail .add-to-bag .btn .btn-text {
  white-space: nowrap;
  -webkit-box-flex: 0;
  flex: 0 auto;
  padding-left: 10px;
  font-size: 16px;
  line-height: 16px;
}
.video-details.program-detail .btn.purchased {
  margin-top: 34px;
}
@media only screen and (max-width: 1280px) {
  .video-details.program-detail {
    padding-top: 0px;
  }
  .video-details.program-detail .stats {
    padding-bottom: 11px;
  }
  .video-details.program-detail .program-detail-price {
    padding-top: 10px;
    padding-bottom: 13px;
  }
  .video-details.program-detail form {
    height: 40px;
  }
  .video-details.program-detail .add-to-bag {
    height: 100%;
  }
  .video-details.program-detail .add-to-bag .btn {
    width: 100%;
    height: 40px;
    padding: 11px 76px;
    margin: 0;
  }
  .video-details.program-detail .add-to-bag .btn .iconfont-shopping-bag {
    line-height: 16px;
    font-size: 17px;
  }
  .video-details.program-detail .add-to-bag .btn .btn-text {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 16px;
    float: right;
  }
  .video-details.program-detail .btn.purchased {
    margin-top: 20px;
  }
}
@media (max-width: 1060px) {
  .video-details.program-detail .add-to-bag {
    max-width: 270px;
  }
  .video-details.program-detail .btn.purchased {
    margin-top: 25px;
  }
}
@media (max-width: 600px) {
  .video-details.program-detail .program-detail-price {
    font-size: 16px;
  }
  .video-details.program-detail .add-to-bag {
    width: 270px;
  }
  .video-details.program-detail .add-to-bag .btn {
    height: 100%;
  }
  .video-details.program-detail .add-to-bag .btn .btn-text {
    font-size: 13px;
  }
}
.alt-player {
  font-weight: 600;
}
.mealplan-landing-section:first-child {
  margin-bottom: 53px;
  border-bottom: 1px solid #e3ebee;
}
.mealplan-landing-details {
  padding-bottom: 20px;
}
.mealplan-landing-details .mealplan-landing-header {
  display: -webkit-box;
  display: flex;
  margin-bottom: 36px;
  margin-top: 22px;
}
.mealplan-landing-details .mealplan-landing-header .media {
  -webkit-box-flex: 0;
  flex: 0 520px;
}
.mealplan-landing-details .mealplan-landing-header .media img {
  display: block;
  width: 100%;
}
.mealplan-landing-details .mealplan-landing-header .info {
  background: #222533;
  -webkit-box-flex: 1;
  flex: 1 auto;
  padding: 36px 20px 36px 47px;
}
.mealplan-landing-details .mealplan-landing-header .info,
.mealplan-landing-details .mealplan-landing-header .info * {
  color: #fff;
}
.mealplan-landing-details .mealplan-landing-header .info .heading strike {
  font-size: 13px;
  color: #7b7f92;
}
.mealplan-landing-details .mealplan-landing-header .info .stats {
  padding-top: 13px;
  padding-bottom: 13px;
}
.mealplan-landing-details .mealplan-landing-header .info .add-to-bag {
  width: 100%;
  max-width: 175px;
  padding-top: 8px;
}
.mealplan-landing-details .mealplan-landing-header .info .add-to-bag .btn {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.mealplan-landing-details
  .mealplan-landing-header
  .info
  .add-to-bag
  .btn
  .iconfont-shopping-bag {
  -webkit-box-flex: 0;
  flex: 0 auto;
  font-size: 17px;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}
.mealplan-landing-details
  .mealplan-landing-header
  .info
  .add-to-bag
  .btn
  .btn-text {
  white-space: nowrap;
  -webkit-box-flex: 0;
  flex: 0 auto;
  padding-left: 10px;
  font-size: 13px;
  line-height: 13px;
}
.mealplan-landing-details .mealplan-landing-body .heading a {
  color: #212432;
}
@media only screen and (max-width: 1310px) {
  .mealplan-landing-details .mealplan-landing-header .info {
    -webkit-box-flex: 1;
    flex: 1 auto;
    padding-right: 10px;
    padding-left: 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 1260px) {
  .mealplan-landing-details .mealplan-landing-header {
    display: block;
  }
  .mealplan-landing-details .mealplan-landing-header .info {
    display: block;
    padding: 48px 24px;
  }
}
@media (max-width: 767px) {
  .mealplan-landing-details .mealplan-landing-header {
    width: 100vw;
    -webkit-transform: translateX(-24px);
    transform: translateX(-24px);
  }
  .mealplan-landing-details .mealplan-landing-header .info {
    display: block;
    padding: 37px 24px;
  }
}
.info-panel.text {
  text-align: center;
  padding: 145px 0px 125px 0px;
}
.info-panel.text .heading {
  font-weight: 200;
  margin-bottom: 30px;
  line-height: 1.208em;
  letter-spacing: -0.02em;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}
.info-panel.text p {
  margin: 0px;
  color: #4e5262;
}
@media (max-width: 940px) {
  .info-panel.text {
    padding: 90px 0px 70px 0px;
  }
  .info-panel.text .heading {
    max-width: 680px;
  }
}
@media (max-width: 768px) {
  .info-panel.text .heading {
    margin-bottom: 15px;
  }
}
@media (max-width: 600px) {
  .info-panel.text {
    padding: 40px 0px 30px 0px;
  }
}
.info-panel.text.slideshow {
  padding-bottom: 165px;
}
.info-panel.text.slideshow .container.-medium {
  padding-bottom: 45px;
}
.info-panel.text.slideshow .heading {
  max-width: 700px;
}
@media (max-width: 940px) {
  .info-panel.text.slideshow {
    padding-bottom: 90px;
  }
  .info-panel.text.slideshow .container.-medium {
    padding-bottom: 25px;
  }
}
@media (max-width: 600px) {
  .info-panel.text.slideshow {
    padding-bottom: 60px;
  }
  .info-panel.text.slideshow .container.-medium {
    padding-bottom: 20px;
  }
}
.info-panel.image {
  position: relative;
  background: #222533;
}
.info-panel.image img {
  position: relative;
  width: 100%;
  height: auto;
}
.info-panel.image img.mobile {
  display: none;
}
.info-panel.image img.desktop {
  display: block;
}
.info-panel.image .placeholder {
  position: relative;
  cursor: pointer;
}
.info-panel.image .placeholder .video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0px 0px -40px;
  z-index: 10;
}
.info-panel.image .responsive-video-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.85);
  visibility: hidden;
  cursor: pointer;
}
.info-panel.image .responsive-video-wrap .responsive-video-inner {
  width: calc(100% - 112px);
  max-width: 960px;
}
.info-panel.image .responsive-video-wrap .close-responsive-video {
  width: 16px;
  height: 16px;
  position: absolute;
  right: -36px;
  top: 0px;
}
.info-panel.image .responsive-video-wrap .close-responsive-video span {
  font-size: 16px;
  color: #fff;
  text-align: center;
  display: block;
}
.info-panel.image.video-active .responsive-video-wrap {
  visibility: visible;
}
html[data-whatintent="touch"] .info-panel.image .placeholder {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none;
}
html[data-whatintent="touch"] .info-panel.image .responsive-video-wrap {
  display: block !important;
  position: relative !important;
  visibility: visible !important;
}
html[data-whatintent="touch"]
  .info-panel.image
  .responsive-video-wrap
  .responsive-video-inner {
  width: 100% !important;
  max-width: none !important;
}
html[data-whatintent="touch"]
  .info-panel.image
  .responsive-video-wrap
  .responsive-video-inner
  .close-responsive-video {
  display: none !important;
}
.info-panel.feature-list {
  background: #222533;
}
.info-panel.feature-list,
.info-panel.feature-list p,
.info-panel.feature-list ul,
.info-panel.feature-list li {
  color: #fff;
}
.info-panel.feature-list ul {
  margin: 0 0 1.6rem;
  padding: 0;
  list-style: none;
  padding: 0px;
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
  -webkit-box-align: start;
  align-items: flex-start;
  margin: 40px 0px 30px 0px;
}
.info-panel.feature-list ul li {
  margin: 0px;
  padding: 0px;
  -webkit-box-flex: 0;
  flex: 0 28%;
}
.info-panel.feature-list ul li h6 {
  margin-bottom: 1em;
}
.info-panel.feature-list ul li i {
  display: block;
  margin: 0px auto 25px auto;
  height: 48px;
}
.info-panel.feature-list ul li p {
  color: #ced0db;
  margin: 0px auto;
  max-width: 290px;
}
.info-panel.feature-list ul li.powered i {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.info-panel.feature-list ul li.programs i {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
@media (max-width: 940px) {
  .info-panel.feature-list ul {
    margin: 30px 0px 0px 0px;
  }
  .info-panel.feature-list ul li {
    -webkit-box-flex: 0;
    flex: 0 25.5319%;
    max-width: 320px;
  }
  .info-panel.feature-list ul li:first-child {
    margin-top: 0px;
  }
  .info-panel.feature-list ul li p {
    max-width: none;
  }
  .info-panel.feature-list p {
    font-size: 13px;
    line-height: 23px;
  }
}
@media (max-width: 767px) {
  .info-panel.feature-list ul {
    display: block;
  }
  .info-panel.feature-list ul li {
    margin: 40px auto 20px auto;
    max-width: 475px;
  }
}
.info-panel.feature-image-grid {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.info-panel.feature-image-grid div {
  -webkit-box-flex: 0;
  flex: 0 0 33.3333%;
}
.info-panel.feature-image-grid img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .info-panel.feature-image-grid div {
    flex-basis: 50%;
  }
}
.info-panel.bios {
  position: relative;
}
.info-panel.bios .bio-images {
  display: -webkit-box;
  display: flex;
}
.info-panel.bios .bio-images > div {
  -webkit-box-flex: 0;
  flex: 0 0 50%;
}
.info-panel.bios img {
  display: block;
  width: 100%;
  height: auto;
}
.info-panel.bios .bio-text {
  position: absolute;
  bottom: 12.3076%;
  display: -webkit-box;
  display: flex;
  width: 100vw;
  max-width: 100%;
}
.info-panel.bios .bio-text > div {
  flex-basis: 50%;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.info-panel.bios .bio-info {
  max-width: 500px;
  background: #fff;
  width: calc(100% - 40px);
  text-align: center;
  padding: 25px 50px 25px 50px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.info-panel.bios .bio-info p:nth-child(2) {
  -webkit-box-flex: 1;
  flex: 1 auto;
}
.info-panel.bios .bio-info p:nth-child(3) {
  padding-top: 3px;
}
.info-panel.bios .bio-info a {
  font-weight: 500;
}
.info-panel.bios .mobile-bio {
  display: none;
}
@media (max-width: 1110px) {
  .info-panel.bios .bio-text {
    bottom: 20px;
  }
  .info-panel.bios .bio-info {
    padding: 15px 25px;
  }
}
@media (max-width: 940px) {
  .info-panel.bios {
    border-bottom: 1px solid #f0f4f6;
  }
  .info-panel.bios .bio-text {
    position: static;
  }
  .info-panel.bios .bio-info {
    width: 100%;
    max-width: none;
    padding-right: 54px;
    padding-left: 54px;
  }
}
@media (max-width: 768px) {
  .info-panel.bios .mobile-bio {
    display: block;
  }
  .info-panel.bios .bio-images,
  .info-panel.bios .bio-text,
  .info-panel.bios .bio-text > div {
    display: block;
    position: static;
    width: 100%;
  }
  .info-panel.bios .bio-info {
    display: block;
    max-width: 440px;
    margin: 0px auto;
    padding: 40px 24px 40px 24px;
  }
  .info-panel.bios .bio-info.desktop-bio {
    display: none;
  }
}
.info-panel.mentions {
  background: #fff;
  padding: 60px 0px 75px 0px;
}
.info-panel.mentions .container {
  max-width: 1170px;
}
.info-panel.mentions h6 {
  color: #acc0c8;
  font-weight: 500;
  text-align: center;
  font-size: 13px;
  margin-bottom: 40px;
  text-align: center;
}
.info-panel.mentions ul {
  margin: 0 0 1.6rem;
  padding: 0;
  list-style: none;
  margin: 0px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  justify-content: space-around;
  margin: 0px -20px;
}
.info-panel.mentions ul li {
  margin: 0px 20px 20px 20px;
}
@media only screen and (min-width: 1110px) {
  .info-panel.mentions ul li:nth-child(1) {
    width: 121px;
  }
  .info-panel.mentions ul li:nth-child(2) {
    width: 230px;
  }
}
@media (max-width: 1110px) {
  .info-panel.mentions ul {
    -webkit-box-pack: center;
    justify-content: center;
    max-width: 680px;
    margin: 0px auto;
  }
}
@media only screen and (max-width: 680px) {
  .info-panel.mentions {
    padding-bottom: 30px;
  }
  .info-panel.mentions ul {
    display: block;
  }
  .info-panel.mentions ul li {
    margin-bottom: 40px;
  }
  .info-panel.mentions ul li i {
    margin: 0px auto;
  }
}
section.side-panel {
  width: 100vw;
  max-width: 100%;
  overflow: hidden;
  margin-top: 1px;
  background: #fff;
}
section.side-panel .container {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  align-items: center;
}
section.side-panel .image {
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  width: 100px;
  position: relative;
  z-index: 10;
}
section.side-panel .image img {
  display: block;
  max-width: none;
  width: auto;
  height: 43.7313vw;
  -webkit-transform: translateX(100px) translateX(-100%);
  transform: translateX(100px) translateX(-100%);
}
section.side-panel .text {
  margin-left: 4.85vw;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  width: 492px;
  position: relative;
  z-index: 15;
  max-width: 492px;
}
section.side-panel .text .heading.-large {
  font-size: 2.99vw;
  font-size: 40px;
  font-size: 2.99vw;
  margin-left: -3px;
  margin-bottom: 3.731vw;
  line-height: 1.2em;
  letter-spacing: -0.01em;
}
@media (max-width: 802.67559px) {
  section.side-panel .text .heading.-large {
    font-size: 24px;
  }
}
@media (min-width: 1337.79264px) {
  section.side-panel .text .heading.-large {
    font-size: 40px;
  }
}
section.side-panel .text p {
  font-size: 16px;
  font-size: 1.19vw;
  line-height: 2em;
}
@media (max-width: 1092.43697px) {
  section.side-panel .text p {
    font-size: 13px;
  }
}
@media (min-width: 1344.53782px) {
  section.side-panel .text p {
    font-size: 16px;
  }
}
section.side-panel .text p.no-pad {
  padding-bottom: 0px;
}
section.side-panel.right .container {
  -webkit-box-pack: start;
  justify-content: flex-start;
}
section.side-panel.right .text {
  -webkit-box-ordinal-group: 2;
  order: 1;
  margin-left: 0px;
  margin-right: 4.85vw;
}
section.side-panel.right .image {
  -webkit-box-ordinal-group: 3;
  order: 2;
}
section.side-panel.right .image img {
  -webkit-transform: none;
  transform: none;
}
@media only screen and (min-width: 1340px) {
  section.side-panel .image img {
    height: 760px;
  }
  section.side-panel .text {
    margin-left: 65px;
  }
  section.side-panel .text .heading.-large {
    margin-bottom: 50px;
  }
  section.side-panel.right .text {
    margin-right: 65px;
  }
}
@media only screen and (max-width: 840px) {
  section.side-panel .image img {
    height: 450px;
    width: auto;
  }
  section.side-panel .text {
    margin-left: 40px;
    -webkit-box-flex: 0;
    flex: 0 0 292px;
  }
  section.side-panel .text .heading.-large {
    line-height: 34px;
    letter-spacing: -0.3px;
    margin-bottom: 20px;
    margin-left: -1px;
  }
  section.side-panel .text p {
    padding-bottom: 22px;
    line-height: 23px;
  }
  section.side-panel.right .text {
    margin-right: 40px;
    margin-left: 44px;
  }
}
@media (max-width: 600px) {
  section.side-panel .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    padding-bottom: 8.333vw;
  }
  section.side-panel .image {
    align-self: flex-end;
    margin-right: 40px;
    margin-bottom: 0px;
  }
  section.side-panel .image img {
    height: 78.3333vw;
  }
  section.side-panel .text {
    margin-left: 22px;
    margin-right: 22px;
    -webkit-box-flex: 1;
    flex: 1 auto;
    width: auto;
  }
  section.side-panel .text .heading.-large {
    margin-left: 0px;
  }
  section.side-panel.right .container {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  section.side-panel.right .text {
    -webkit-box-ordinal-group: 3;
    order: 2;
    margin-left: 22px;
    margin-right: 22px;
  }
  section.side-panel.right .image {
    align-self: flex-start;
    -webkit-box-ordinal-group: 2;
    order: 1;
    margin-right: 0px;
    margin-left: 40px;
  }
}
@media (max-width: 340px) {
  section.side-panel .image img {
    height: 260px;
  }
  section.side-panel .text,
  section.side-panel.right .text {
    margin-right: 0px;
    margin-left: 0px;
  }
}
.cart-payment-widget {
  min-height: 100px;
  padding: 2em 0 2em 0;
}
.cart-payment-widget .cart-widget-error {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .bag-header.-vs-small {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.bag-item {
  width: 60%;
}
@media (max-width: 768px) {
  .bag-item {
    width: 90%;
  }
}
.bag-item .item-image {
  margin: 0 2rem 0 0;
  max-width: 130px;
}
.bag-item .item-info {
  width: 50%;
}
@media (max-width: 768px) {
  .bag-item .item-info {
    width: 100%;
    margin: 1rem 0 0 0;
  }
}
.bag-item .item-info .item-details {
  font-size: 1.2rem;
  margin: 0 0 0.5rem 0;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  color: #313443;
}
.bag-item .item-info .item-title {
  font-weight: 600;
  font-size: 1.6rem;
  margin: 0;
}
.bag-item .item-info .item-more-info {
  margin: 1rem 0 0 0;
}
.bag-item .item-info .item-more-info .callout {
  margin-top: 0;
}
.bag-item .item-info .item-more-info .option-text {
  width: 100%;
  margin-bottom: 0.5rem;
  font-size: 1.6rem;
}
.bag-item .item-info .item-more-info .option-button {
  width: calc(50% - 0.5rem);
  margin-bottom: 1rem;
}
.bag-item .item-info .item-more-info .option-button .btn.-material {
  width: 100%;
}
.bag-item .item-info .item-more-info .option-button:only-child {
  width: calc(75% - 0.5rem);
}
.bag-action {
  width: 20%;
  text-align: center;
}
@media (max-width: 768px) {
  .bag-action {
    width: 10%;
    text-align: right;
  }
}
.bag-action .-ico-only.-no-container {
  border: none;
  padding: 0;
  color: inherit;
}
.bag-price {
  width: 20%;
  text-align: right;
}
@media (max-width: 768px) {
  .bag-price.-item-price {
    width: 100%;
    margin: 1rem 0 0 0;
    border-top: 1px solid #e3ebee;
    padding: 1rem 0 0 0;
  }
}
.bag-price .normal-price {
  font-size: 1.6rem;
  font-weight: 600;
  display: block;
}
.bag-price .normal-price.-strike {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  font-size: 1.4rem;
  font-weight: 400;
  color: #a7aabb;
}
@media (max-width: 768px) {
  .bag-price .normal-price.-strike {
    display: inline;
    margin: 0 1rem 0 0;
  }
}
.bag-price .sale-price {
  font-size: 1.6rem;
  font-weight: 600;
  color: #e84452;
  display: block;
}
@media (max-width: 768px) {
  .bag-price .sale-price {
    display: inline;
    margin: 0 1rem 0 0;
  }
}
.bag-price .sale-savings {
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  color: #fff;
  background: #26bc35;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  display: inline-block;
}
@media (max-width: 768px) {
  .bag-price .sale-savings {
    display: inline;
    margin: 0 1rem 0 0;
  }
}
.bag-price.-inactive .normal-price,
.bag-price.-inactive .sale-price {
  color: #a7aabb;
}
.bag-item.-header h1,
.bag-item.-header h2,
.bag-item.-header h3,
.bag-item.-header h4,
.bag-item.-header h5,
.bag-item.-header h6,
.bag-action.-header h1,
.bag-action.-header h2,
.bag-action.-header h3,
.bag-action.-header h4,
.bag-action.-header h5,
.bag-action.-header h6,
.bag-price.-header h1,
.bag-price.-header h2,
.bag-price.-header h3,
.bag-price.-header h4,
.bag-price.-header h5,
.bag-price.-header h6 {
  font-size: 1.2rem;
  line-height: 1.2em;
  font-weight: 400;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  color: #313443;
}
@media (max-width: 768px) {
  .bag-price.-header,
  .bag-action.-header {
    display: none;
  }
}
.bag-total {
  width: 70%;
}
.bag-total .total-title {
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0;
}
.bag-total .total-title.-discount {
  font-size: 1.8rem;
  color: #e84452;
}
.bag-total-price {
  width: 30%;
  text-align: right;
}
.bag-total-price .total-price {
  font-size: 2.2rem;
  font-weight: 600;
}
.gift-label {
  font-size: 1.2rem;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  color: #7b7f92;
}
.gift-message {
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #e3ebee;
  height: auto;
  overflow: auto;
  line-height: 2rem;
  padding: 1rem;
  font-weight: normal;
}
.gift-details {
  margin: 1rem 0;
  font-size: 1.6rem;
}
.gift-email-text {
  color: #4296cb;
}
.gift-message-text {
  margin-top: 1rem;
  font-size: 1.4rem;
}
.order-details {
  font-size: 1.6rem;
}
.order-details .btn.-order-action,
.order-details .-order-action {
  padding: 0.5rem 0;
  font-weight: bold;
}
.message-title {
  font-weight: 600;
  font-size: 1.6rem;
  padding: 1.5rem 0 0 0;
}
.message-body {
  padding: 0 0 1.5rem 0;
}
.section-header {
  font-weight: 600;
  font-size: 1.9rem;
  margin: 0;
}
.return-link {
  font-size: 1.4rem;
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0;
  color: #4296cb;
}
.payment-details {
  width: 100%;
}
.payment-details .-half {
  width: calc(50% - 1rem);
  margin: 0 0 0 1rem;
}
@media (max-width: 768px) {
  .payment-details .-half {
    width: 100%;
  }
}
.cancel-order {
  display: block;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .invoice {
    width: 100%;
    margin: 0;
  }
}
.invoice-message {
  width: 50%;
}
@media (max-width: 768px) {
  .invoice-message {
    width: 100%;
    margin: 0;
  }
}
.invoice-details {
  width: 35%;
}
@media (max-width: 768px) {
  .invoice-details {
    width: 100%;
    margin: 0;
  }
}
.billing-address-entry,
.payment-info {
  width: 50%;
}
@media (max-width: 940px) {
  .billing-address-entry,
  .payment-info {
    width: 100%;
  }
}
.billing-address {
  font-size: 1.6rem;
  margin: 0 0 2rem 0;
  padding: 1rem;
  background: #e6f0f8;
  border-radius: 4px;
}
.billing-address address {
  font-style: normal;
  font-weight: bold;
  font-size: 1.8rem;
}
.billing-address .-top {
  height: 2.2rem;
}
.payment .billing-address {
  font-size: 1.6rem;
  margin: 0 0 2rem 0;
  padding: 1rem;
  background: #fff;
  border-radius: 4px;
  width: 100%;
}
.payment .billing-address-entry {
  width: 100%;
}
.update-payment-address .billing-address {
  font-size: 1.6rem;
  margin: 1rem 0 2rem 0;
  padding: 1rem;
  background: #fff;
  border-radius: 4px;
  width: 100%;
}
.update-payment-address .billing-address-entry {
  width: 100%;
}
.content-group .update-payment-address .callout {
  margin: 0 0 2rem 0;
}
[data-braintree-id="methods-container"] {
  display: none;
}
.-blog-list .blog-list-image {
  position: relative;
}
.-blog-list .blog-list-image img {
  width: 100%;
  display: block;
  height: auto;
}
.-blog-list .blog-list-image a:hover {
  background-image: none;
}
.-blog-list .blog-list-body {
  margin-top: 3rem;
  margin-bottom: 7.9rem;
}
.-blog-list .blog-list-body:last-child {
  margin-bottom: 5.6rem;
}
.-blog-list .blog-list-body .heading {
  margin-bottom: 0.8rem;
}
.-blog-list .blog-list-body .heading a {
  color: #212432;
}
.-blog-list .blog-list-body p {
  padding: 0px;
}
.-blog-list .blog-list-body .publish-date {
  font-size: 13px;
  margin-bottom: 0px;
  color: #7b7f92;
}
.-blog-list .blog-list-body .blurb {
  margin-bottom: 1.6rem;
}
@media (max-width: 768px) {
  .-blog-list .blog-list-body .heading {
    margin-bottom: 0.5rem;
  }
  .-blog-list .blog-list-body .publish-date {
    margin-bottom: 0.7rem;
  }
}
.-blog-pagination {
  -webkit-box-shadow: 0 -1px 0 0 #e3eaee;
  box-shadow: 0 -1px 0 0 #e3eaee;
}
header.basic.search_results {
  height: auto;
}
header.basic.search_results .container {
  display: block;
}
header.basic.search_results .container .heading_container {
  display: inline-block;
  width: 100%;
}
header.basic.search_results .container .heading_container .heading {
  padding-bottom: 15px;
  float: left;
  margin-left: -2px;
}
@media (max-width: 600px) {
  header.basic.search_results .container .heading_container .heading {
    padding-bottom: 5px;
    margin-left: -1px;
  }
  header.basic.search_results
    .container
    .heading_container
    .heading
    .results-label {
    display: none;
  }
}
header.basic.search_results .container .heading_container .results_count {
  font-size: 13px;
  line-height: 1em;
  padding-top: 26px;
  color: #7b7f92;
  float: right;
}
@media (max-width: 768px) {
  header.basic.search_results .container .heading_container .results_count {
    padding-top: 16px;
  }
}
@media (max-width: 600px) {
  header.basic.search_results .container .heading_container .results_count {
    padding-top: 13px;
  }
}
header.basic.search_results .container .search-form {
  clear: both;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: 60px;
  border: 1px solid #e6e8ed;
  border-radius: 4px;
  color: #222533;
  display: -webkit-box;
  display: flex;
}
header.basic.search_results .container .search-form input[type="text"] {
  height: 100%;
  border: none;
  padding: 20px 17px;
  color: #222533;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0px;
}
header.basic.search_results
  .container
  .search-form
  input[type="text"]::-webkit-input-placeholder {
  opacity: 1;
  color: #ced0db;
  font-weight: inherit;
}
header.basic.search_results
  .container
  .search-form
  input[type="text"]::-moz-placeholder {
  opacity: 1;
  color: #ced0db;
  font-weight: inherit;
}
header.basic.search_results
  .container
  .search-form
  input[type="text"]:-ms-input-placeholder {
  opacity: 1;
  color: #ced0db;
  font-weight: inherit;
}
header.basic.search_results
  .container
  .search-form
  input[type="text"]:-moz-placeholder {
  opacity: 1;
  color: #ced0db;
  font-weight: inherit;
}
header.basic.search_results
  .container
  .search-form
  input[type="text"]:placeholder {
  opacity: 1;
  color: #ced0db;
  font-weight: inherit;
}
header.basic.search_results .container .search-form button[type="submit"] {
  line-height: 60px;
  font-size: 27px;
  color: #222533;
  padding-right: 19px;
  height: 52px;
}
header.basic.search_results .container .search-form .search-form-filter {
  height: 100%;
  padding: 15px 10px;
  margin-right: 57px;
  -webkit-box-flex: 0;
  flex: 0 0 145px;
}
header.basic.search_results .container .search-form .search-form-filter .label {
  font-size: 16px;
  display: none;
}
header.basic.search_results
  .container
  .search-form
  .search-form-filter
  .select-style {
  height: 100%;
}
header.basic.search_results
  .container
  .search-form
  .search-form-filter
  .select-style
  select {
  height: 100%;
  color: #212432;
}
@media (max-width: 767px) {
  header.basic.search_results .container .search-form .search-form-filter {
    position: absolute;
    right: 0px;
    margin: 0px;
    height: auto;
    padding: 0px;
    bottom: -50px;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    align-items: center;
  }
  header.basic.search_results
    .container
    .search-form
    .search-form-filter
    .label {
    display: block;
  }
  header.basic.search_results
    .container
    .search-form
    .search-form-filter
    .select-style {
    width: 130px;
    margin-left: 10px;
  }
}
@media (max-width: 767px) {
  header.basic.search_results .container .search-form {
    margin-bottom: 50px;
  }
}
.search-form-select.mobile {
  display: none;
  margin-top: 20px;
  -webkit-box-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  align-items: center;
}
.search-form-select.mobile .label {
  font-size: 16px;
}
.search-form-select.mobile .select-style {
  width: 120px;
  margin-left: 10px;
}
.centered-container.search_results {
  padding-bottom: 0px;
}
.centered-container.search_results .centered-container-wrapper {
  background: #f0f4f6;
}
.centered-container.search_results
  .centered-container-wrapper
  .article-container
  .no_results {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f0f4f6;
  padding: 40px 56px 56px 56px;
  width: 100%;
}
.centered-container.search_results
  .centered-container-wrapper
  .article-container
  .no_results
  .heading {
  color: #4e5262;
  margin-left: -5px;
}
.centered-container.search_results
  .centered-container-wrapper
  .article-container
  .no_results
  .heading
  b {
  color: #222533;
}
.centered-container.search_results
  .centered-container-wrapper
  .article-container
  section {
  width: auto;
  margin-right: 20px;
}
.centered-container.search_results
  .centered-container-wrapper
  .article-container
  section.site__main {
  max-width: none;
  margin-bottom: 20px;
}
.centered-container.search_results
  .centered-container-wrapper
  .article-container
  section
  .listing {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.centered-container.search_results
  .centered-container-wrapper
  .article-container
  section
  .listing
  .listing-row {
  border-bottom: 1px solid #f0f4f6;
  padding: 31px 63px 30px 51px;
  display: -webkit-box;
  display: flex;
  width: 100%;
  position: relative;
}
.centered-container.search_results
  .centered-container-wrapper
  .article-container
  section
  .listing
  .listing-row
  .image {
  width: 153px;
  height: 86px;
  border: 1px solid #e3eaee;
  -webkit-box-flex: 0;
  flex: none;
  margin-right: 29px;
}
.centered-container.search_results
  .centered-container-wrapper
  .article-container
  section
  .listing
  .listing-row
  .image
  img {
  width: 100%;
  height: 100%;
}
.centered-container.search_results
  .centered-container-wrapper
  .article-container
  section
  .listing
  .listing-row
  .image
  a:hover {
  background-image: none;
}
.centered-container.search_results
  .centered-container-wrapper
  .article-container
  section
  .listing
  .listing-row
  .details
  .item_type {
  text-transform: uppercase;
  color: #4296cb;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 1px;
}
.centered-container.search_results
  .centered-container-wrapper
  .article-container
  section
  .listing
  .listing-row
  .details
  a {
  color: #000;
  font-weight: 600;
}
.centered-container.search_results
  .centered-container-wrapper
  .article-container
  section
  .listing
  .listing-row
  .details
  .blurb {
  font-size: 13px;
  color: #7b7f92;
  max-width: 738px;
}
.centered-container.search_results
  .centered-container-wrapper
  .article-container
  section
  .listing
  .listing-row
  .details
  .blurb
  em {
  font-weight: 600;
  font-style: normal;
  color: #4e5262;
}
@media (max-width: 1060px) {
  .centered-container.search_results
    .centered-container-wrapper
    .article-container
    section {
    margin-right: 5px;
  }
}
@media (max-width: 1020px) {
  .centered-container.search_results .centered-container-wrapper {
    width: 100%;
  }
}
@media (max-width: 940px) {
  .centered-container.search_results
    .centered-container-wrapper
    .article-container
    section {
    margin-right: 0px;
  }
}
@media (max-width: 767px) {
  .centered-container.search_results
    .centered-container-wrapper
    .article-container
    .no_results {
    padding: 24px;
  }
  .centered-container.search_results
    .centered-container-wrapper
    .article-container
    section
    .listing
    .listing-row {
    display: block;
    padding: 20px;
  }
  .centered-container.search_results
    .centered-container-wrapper
    .article-container
    section
    .listing
    .listing-row
    .details {
    margin-left: 0px;
    padding-top: 17px;
  }
}
.membership h1 {
  text-align: center;
  margin: 0 0 -1rem 0;
}
.membership h1 .fbplus {
  padding: 0;
}
.membership-details ul li,
.membership-CTA ul li {
  line-height: 2rem;
}
.membership-CTA {
  margin: 4rem 0;
}
.ff {
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  background: #eeaa2c;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  vertical-align: top;
  text-align: center;
  margin: 0.5rem 0 2rem 0;
}
.cf {
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  background: #4296cb;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  vertical-align: top;
  text-align: center;
  margin: 0 0 2rem 0;
}
.fbplus {
  text-align: center;
  font-weight: bold;
  padding: 3rem 0 2rem 0;
  white-space: nowrap;
}
.fbplus .fb {
  color: #212432;
  font-size: 4rem;
}
.fbplus .plus {
  color: #4296cb;
  font-size: 4rem;
}
.fbplus .aa {
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  background: #3cdbb8;
  color: #fff;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  vertical-align: top;
  white-space: nowrap;
}
.masthead-text .fbplus {
  text-align: center;
  font-weight: bold;
  padding: 3rem 0 2rem 0;
}
.masthead-text .fbplus .fb {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.2em;
}
.masthead-text .fbplus .plus {
  color: #ffffff;
  font-size: 1.2em;
}
.masthead-text .fbplus .aa {
  font-size: 0.3em;
  font-weight: bold;
  letter-spacing: 0.1rem;
  background: #3cdbb8;
  color: #fff;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  vertical-align: top;
  white-space: nowrap;
}
.pricing {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 2rem 0;
}
.pricing .price {
  width: 100%;
  background: #ffffff;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .pricing .price {
    margin: 1rem 0;
  }
}
.duration {
  font-size: 30%;
  text-transform: uppercase;
}
.price {
  font-size: 4rem;
  text-align: center;
  font-weight: bold;
  padding: 1rem 0 1rem 0;
}
.price .full-price {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  color: #7b7f92;
  font-size: 0.8em;
  margin: 0.5rem 0 0 0;
}
.price .discount-price {
  margin: -1rem 0 0 0;
}
.price.-half {
  width: calc(50% - 1rem);
}
@media (max-width: 600px) {
  .price.-half {
    width: 100%;
  }
}
.ea-disclaimer {
  font-weight: bold;
  color: black;
}
.payment {
  margin: 1rem 0 0 0;
}
.features-list {
  margin: 0 0 4rem 0;
}
.features-list li {
  padding: 0.5rem 0;
}
.features-list .ff,
.features-list .cf {
  font-size: 1rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem 1rem;
}
.group-logo {
  margin: 0;
  padding: 2rem;
  background: #fff;
  text-align: center;
}
.group-logo img {
  height: 55px;
}
.faq-panel.text {
  padding: 80px 20%;
  background: #222533;
  color: #ffffff;
}
.faq-panel.text .heading {
  font-weight: 200;
  margin-bottom: 10px;
  line-height: 1.208em;
  letter-spacing: -0.02em;
}
.faq-panel.text p {
  margin: 0px;
  color: #a7aabb;
}
@media (max-width: 940px) {
  .faq-panel.text {
    padding: 90px 15% 70px;
  }
}
@media (max-width: 768px) {
  .faq-panel.text {
    padding: 40px 10% 30px;
  }
}
@media (max-width: 600px) {
  .faq-panel.text {
    padding: 40px 40px 30px;
  }
}
.min-requirements {
  padding: 80px 20%;
}
@media (max-width: 940px) {
  .min-requirements {
    padding: 90px 15% 70px;
  }
}
@media (max-width: 768px) {
  .min-requirements {
    padding: 40px 10% 30px;
  }
}
@media (max-width: 600px) {
  .min-requirements {
    padding: 40px 40px 30px;
  }
}
.supported {
  color: #ffffff;
  background: #4db74a;
  border-radius: 5rem;
  display: inline-block;
  padding: 0.5rem 0;
  width: 3rem;
  text-align: center;
}
.positive {
  color: #4db74a;
}
.negative {
  color: #ff505f;
}
.landing.features-list {
  font-size: 1.5em;
  list-style: none;
  margin-left: 0;
  padding: 0;
}
@media (max-width: 940px) {
  .landing.features-list {
    font-size: 1.3em;
  }
}
@media (max-width: 768px) {
  .landing.features-list {
    font-size: 1.2em;
  }
}
@media (max-width: 600px) {
  .landing.features-list {
    font-size: 1.1em;
  }
}
.landing.features-list li {
  padding: 0.2rem 0.5rem 0.2rem 0;
  margin: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.landing.features-list li i {
  margin-right: 1rem;
}
.landing.features-list li i.live {
  color: #26bc35;
}
.landing.features-list li i.soon {
  color: #fd9a03;
}
.landing.features-list li i.notlive {
  color: #e84452;
}
.landing.features-list li a:hover {
  background: none;
}
.landing.features-list .ff,
.landing.features-list .cf {
  margin: 0 0 1rem 0;
  padding: 0.1rem 1rem;
}
.landing.features-list .ff {
  margin-top: 1rem;
}
.show-header.fbp-welcome {
  margin-bottom: 0;
}
.close-welcome {
  height: 2.5rem;
  width: 2.5rem;
  border: 1px solid #ffffff;
  border-radius: 3rem;
  color: #ffffff;
  margin: 2rem 2rem 0 0;
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  align-content: center;
}
.close-welcome .close {
  display: block;
  position: relative;
  font-size: 16px;
  padding: 0;
  margin: auto;
}
.welcome-message {
  background: #4296cb;
}
.iconfont-play {
  padding: 0 0 0 0.5rem;
  display: inline-block;
  position: relative;
  top: 1px;
}
.dashboard-day .centered-container {
  background: #ffffff;
}
.dashboard-day .centered-container .heading {
  margin: 3rem 0 1rem 2rem;
  font-size: 2.4rem;
}
.achievement-page {
  background: url(../img/achievements.png) top center/100% no-repeat,
    -webkit-gradient(linear, left top, right bottom, from(#ff9c01), to(#ffe827));
  background: url(../img/achievements.png) top center/100% no-repeat,
    linear-gradient(to bottom right, #ff9c01 0%, #ffe827 100%);
}
.achievement-page .heading {
  color: #fff;
}
@media (max-width: 768px) {
  .achievement-page .page-toggle-switch {
    padding: 1rem 0 0 0;
  }
}
@media (max-width: 600px) {
  .achievement-page .page-toggle-switch {
    padding: 1rem 0 0 0;
  }
}
.achievement-page .page-toggle-switch .toggle-text {
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: capitalize;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #fff;
  padding: 1rem;
  background-image: none;
  opacity: 0.8;
}
.achievement-page .page-toggle-switch .toggle-text:hover,
.achievement-page .page-toggle-switch .toggle-text:active,
.achievement-page .page-toggle-switch .toggle-text:focus {
  background-image: none;
}
.achievement-page .page-toggle-switch .toggle-text.active {
  color: #fff;
  background-image: none;
  opacity: 1;
}
.achievement-page .page-toggle-switch .page-toggle {
  background: #fff;
  border-radius: 52px;
  border: 2px solid #fff;
}
.achievement-page .page-toggle-switch .toggle-tab {
  display: inline-block;
  height: 48px;
  padding: 12px 18px;
  cursor: pointer;
}
.achievement-page .page-toggle-switch .toggle-tab.active {
  background: #4296cb;
  border-radius: 48px;
  color: #fff;
}
.achievement-page .achievement {
  background: #fff;
  border-radius: 8px;
  margin-bottom: 2rem !important;
  -webkit-box-align: stretch;
  align-items: stretch;
}
@media (max-width: 768px) {
  .achievement-page .achievement {
    margin-bottom: 1rem !important;
  }
}
.achievement-page .achievement .achievement-info {
  -webkit-box-flex: 1;
  flex: 1;
  padding: 4rem;
  position: relative;
}
@media (max-width: 768px) {
  .achievement-page .achievement .achievement-info {
    padding: 3rem 2rem 1rem 2rem;
  }
}
.achievement-page .achievement .achievement-info .title {
  font-size: 3rem;
  line-height: 1.1em;
  color: #313443;
  margin: 0 0 0.2rem 0;
}
.achievement-page .achievement .achievement-info .criteria {
  font-size: 1.5rem;
  color: #7b7f92;
  margin-bottom: 0.2em;
}
.achievement-page .achievement .achievement-info .message {
  margin: 1rem 0 3rem 0;
}
@media (max-width: 768px) {
  .achievement-page .achievement .achievement-info .message {
    margin: 1rem 0;
  }
}
.achievement-page .achievement .achievement-info .message p {
  font-size: 1.7rem;
  line-height: 1.5em;
  padding: 0;
}
.achievement-page .achievement .achievement-details {
  width: 280px;
  margin: 10px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
@media (max-width: 768px) {
  .achievement-page .achievement .achievement-details {
    width: 100%;
  }
}
.achievement-page .achievement .achievement-details .achievement-badge {
  border-radius: 4px;
  -webkit-box-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.achievement-page .achievement .achievement-details .achievement-badge .icon {
  color: #fff;
  -webkit-box-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.achievement-page .achievement .achievement-details .achievement-badge .icon i {
  height: 100px;
  width: 100px;
  font-size: 10rem;
  margin: 1rem;
}
.achievement-page
  .achievement
  .achievement-details
  .achievement-badge
  .icon
  img {
  height: 100px;
  width: 100px;
  margin: 1rem;
}
.achievement-page
  .achievement
  .achievement-details
  .achievement-badge
  .level-info {
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}
.achievement-page
  .achievement
  .achievement-details
  .achievement-badge
  .level-info
  .prev-level,
.achievement-page
  .achievement
  .achievement-details
  .achievement-badge
  .level-info
  .next-level {
  height: 44px;
  width: 44px;
}
.achievement-page
  .achievement
  .achievement-details
  .achievement-badge
  .level-info
  .prev-level.-inactive
  > button,
.achievement-page
  .achievement
  .achievement-details
  .achievement-badge
  .level-info
  .next-level.-inactive
  > button {
  display: none;
}
.achievement-page
  .achievement
  .achievement-details
  .achievement-badge
  .level-info
  .prev-level
  button,
.achievement-page
  .achievement
  .achievement-details
  .achievement-badge
  .level-info
  .next-level
  button {
  height: 44px;
  width: 44px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  border: none;
  color: #fff;
  padding: 0;
}
.achievement-page
  .achievement
  .achievement-details
  .achievement-badge
  .level-info
  .current-level {
  padding: 1rem;
  text-align: center;
}
.achievement-page
  .achievement
  .achievement-details
  .achievement-badge
  .level-info
  .current-level
  .level {
  font-size: 1.8rem;
  line-height: 1em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
}
.achievement-page
  .achievement
  .achievement-details
  .achievement-badge
  .level-info
  .current-level
  .date-achieved {
  font-size: 1.2rem;
}
.achievement-page
  .achievement
  .achievement-details
  .achievement-badge
  .level-info
  .date-achieved {
  font-size: 1.2rem;
}
.achievement-page .achievement .achievement-progress.-progress-complete {
  display: none;
}
.achievement-page .achievement .achievement-progress .progress-bar {
  height: 20px;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  margin: 10px 0 0 0;
}
.achievement-page
  .achievement
  .achievement-progress
  .progress-bar
  .progress-total {
  height: 20px;
  width: 100%;
  background: #ced1db;
  position: relative;
  top: 0;
  left: 0;
}
.achievement-page
  .achievement
  .achievement-progress
  .progress-bar
  .progress-actual {
  height: 20px;
  background: #4e5262;
  position: relative;
  top: -20px;
  left: 0;
}
.achievement-page .achievement .achievement-progress .progress-details {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin: 5px 0 0 0;
}
.achievement-page
  .achievement
  .achievement-progress
  .progress-details
  .level-progress,
.achievement-page .achievement .achievement-progress .progress-details .count {
  color: #4e5262;
  font-size: 1.4rem;
  font-weight: bold;
}
.achievement-badge.-lvl000 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#adb4c3),
    to(#445e7a)
  );
  background: linear-gradient(to bottom right, #adb4c3 0%, #445e7a 100%);
}
.achievement-badge.-lvl001 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#f5ff00),
    to(#00b628)
  );
  background: linear-gradient(to bottom right, #f5ff00 0%, #00b628 100%);
}
.achievement-badge.-lvl002 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#5bff55),
    to(#0063ff)
  );
  background: linear-gradient(to bottom right, #5bff55 0%, #0063ff 100%);
}
.achievement-badge.-lvl003 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#26c7ff),
    to(#7900ba)
  );
  background: linear-gradient(to bottom right, #26c7ff 0%, #7900ba 100%);
}
.achievement-badge.-lvl004 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3b04b7),
    to(#c310a5)
  );
  background: linear-gradient(to bottom right, #3b04b7 0%, #c310a5 100%);
}
.achievement-badge.-special {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#4296cc),
    to(#0067aa)
  );
  background: linear-gradient(to bottom right, #4296cc 0%, #0067aa 100%);
}
.achievement-badge.-beta {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3b04b7),
    to(#c310a5)
  );
  background: linear-gradient(to bottom right, #3b04b7 0%, #c310a5 100%);
}
.achievement-tags {
  position: absolute;
  bottom: 2rem;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .achievement-tags {
    position: relative;
    bottom: -1rem;
  }
}
.achievement-tags .tag {
  background: #e3ebee;
  color: #4e5262;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 4px;
  margin: 1rem 1rem 1rem 0;
  padding: 0.5rem 1rem;
}
.team-intro {
  position: -webkit-sticky;
  position: sticky;
  top: 25vh;
  margin: 2rem 0 10rem 0;
  width: calc(50% - 6rem);
}
@media (max-width: 940px) {
  .team-intro {
    position: relative;
    top: auto;
    width: calc(100% - 4rem);
    margin: 0 2rem 2rem 2rem;
  }
}
@media (max-width: 768px) {
  .team-intro {
    position: relative;
    top: auto;
    width: calc(100% - 2rem);
    margin: 0 1rem 2rem 1rem;
  }
}
.team-list {
  width: calc(50% - 6rem);
  margin: 2rem 0;
}
@media (max-width: 940px) {
  .team-list {
    width: calc(100% - 4rem);
    margin: 2rem 2rem;
  }
}
@media (max-width: 768px) {
  .team-list {
    width: calc(100% - 2rem);
    margin: 2rem 1rem;
  }
}
.team-list a {
  color: inherit;
}
[data-whatinput="keyboard"] .team-list a:focus,
.team-list a:focus,
.team-list a:hover,
.team-list a:active,
.team-list a.active,
.team-list a[aria-expanded="true"] {
  color: inherit;
}
.team-list .team-member-card {
  background: #f0f4f6;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 4px 4px 8px;
  box-shadow: rgba(0, 0, 0, 0.15) 4px 4px 8px;
  padding: 1.5rem;
  border-radius: 8px;
  margin-bottom: 2rem;
}
.team-list .team-member-card .avatar {
  height: 48px;
  width: 48px;
  border: 2px solid #fff;
  border-radius: 24px;
}
.team-list .team-member-card .avatar img {
  height: 44px;
  width: 44px;
  border-radius: 22px;
}
.team-list .team-member-card .name-role {
  padding: 0 1.5rem;
  -webkit-box-flex: 1;
  flex-grow: 1;
}
.team-list .team-member-card .name-role .name {
  font-size: 2.2rem;
  line-height: 1em;
  margin: 0.5rem 0 0 0;
}
.team-list .team-member-card .name-role .role {
  font-size: 1.3rem;
  text-transform: uppercase;
}
.team-list .team-member-card .detail-link {
  color: #a7aabb;
}
.team-list .team-title {
  text-align: center;
  margin: 4rem 0;
}
.team-list .team-title h2 {
  font-size: 1.8rem;
  font-weight: bold;
}
.team-member .team-image {
  margin: 2rem;
  text-align: center;
  width: calc(50% - 4rem);
}
@media (max-width: 768px) {
  .team-member .team-image {
    width: calc(100% - 4rem);
  }
}
.team-member .team-image img {
  display: inline-block;
  max-height: 60vh;
}
.team-member .team-member-intro {
  margin: 2rem;
  width: calc(50% - 4rem);
}
@media (max-width: 768px) {
  .team-member .team-member-intro {
    width: calc(100% - 4rem);
  }
}
.team-member .team-member-intro .sub-heading {
  margin: -1.5rem 0 0.5rem;
  font-size: 2.8rem;
}
@media (max-width: 768px) {
  .team-member .team-member-intro .sub-heading {
    font-size: 1.8rem;
  }
}
.team-member .team-member-intro .creds {
  margin: 0 0 3rem 0;
}
.team-member .team-member-intro .creds .cred {
  background: #e3ebee;
  color: #4e5262;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 4px;
  margin: 1rem 1rem 0 0;
  padding: 0.5rem 1rem;
}
.post-list a {
  color: inherit;
}
[data-whatinput="keyboard"] .post-list a:focus,
.post-list a:focus,
.post-list a:hover,
.post-list a:active,
.post-list a.active,
.post-list a[aria-expanded="true"] {
  color: inherit;
}
.post-list .post-card {
  background: #f0f4f6;
  padding: 2rem;
  border-radius: 8px;
  margin: 2rem 0;
  flex-wrap: nowrap;
}
.post-list .post-card .avatar {
  height: 48px;
  width: 48px;
  border: 2px solid #fff;
  border-radius: 24px;
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 0;
}
.post-list .post-card .avatar img {
  height: 44px;
  width: 44px;
  border-radius: 22px;
}
.post-list .post-card .post-info {
  padding: 0 2rem;
  -webkit-box-flex: 1;
  flex-grow: 1;
}
.post-list .post-card .post-info .type-date {
  font-size: 1.3rem;
  color: #4e5262;
}
.post-list .post-card .post-info .title {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1em;
  margin: 0.5rem 0 1rem 0;
}
.post-list .post-card .post-info .message {
  font-size: 1.6rem;
}
.post-list .post-card .post-info .message-img {
  margin: 2rem 0;
}
.post-list .post-card .post-info .message-img img {
  max-height: 600px;
}
.post-list .post-card .detail-link {
  color: #a7aabb;
  margin-left: 2rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.heading-sort .heading.-primary {
  margin-bottom: 0;
}
.heading-sort .sorting {
  margin: 0 1rem 0 0;
  text-align: left;
}
@media (max-width: 600px) {
  .heading-sort .sorting {
    width: 100%;
    margin: 1rem 0;
  }
}
.heading-sort .sorting .sort {
  display: inline-block;
}
.heading-sort .sorting .select-style {
  display: inline-block;
  width: 125px;
}
.heading-sort .sorting .select-style:after {
  top: 2px;
}
.content-credit {
  margin-right: 2rem;
}
.content-credit a,
.content-credit a:hover {
  color: inherit;
}
.content-credit .team-member-card {
  background: #e3ebee;
  padding: 4px 4px 4px 8px;
  border-radius: 4px;
  margin-bottom: 1rem;
  margin-right: 1rem;
}
.content-credit .team-member-card .avatar {
  height: 28px;
  width: 28px;
  border: 1px solid #fff;
  border-radius: 14px;
}
.content-credit .team-member-card .avatar img {
  height: 26px;
  width: 26px;
  border-radius: 13px;
}
.content-credit .team-member-card .name-role {
  padding: 0 1rem;
  -webkit-box-flex: 1;
  flex-grow: 1;
}
.content-credit .team-member-card .name-role .name {
  font-size: 1.6rem;
  line-height: 1em;
  margin: 0;
}
.content-credit .team-member-card .detail-link {
  height: 24px;
  color: #a7aabb;
}
.content-credit .team-member-card + .team-member-card {
  margin-left: 6px;
}
.team-member-result .image {
  border: none !important;
  text-align: center;
}
.team-member-result .image img {
  height: 84px !important;
  width: 84px !important;
  border-radius: 42px;
  border: 1px solid #e3ebee;
  display: inline-block;
}
.desktop-list {
  display: block;
}
@media (max-width: 768px) {
  .desktop-list {
    display: none;
  }
}
.mobile-carousel {
  display: none;
  max-width: 100%;
  margin: 2rem 0 1rem 0;
}
@media (max-width: 768px) {
  .mobile-carousel {
    display: block;
  }
}
.intro-video {
  background: #212432;
  padding: 4rem;
}
@media (max-width: 940px) {
  .intro-video {
    padding: 2.8rem;
  }
}
.intro-video .video-player {
  margin: 0 auto;
  width: 100%;
  max-width: 1024px;
}
.-body-section .media-frame {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
.-body-section .media-frame img {
  display: block;
  border-radius: 4px;
  max-width: 100%;
  max-height: 80vh;
}
@media (max-width: 600px) {
  .-body-section .media-frame img {
    max-width: 100%;
  }
}
.-body-section .unit-selector .form__group {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  margin: 0 0 1rem 0;
}
.-body-section .unit-selector .form__group .select-style {
  background: #e3ebee;
  width: 135px;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  font-weight: normal;
}
.-body-section .unit-selector .form__group .select-style option {
  font-weight: normal;
}
.-body-section .unit-selector .form__group .select-style:after {
  right: 8px;
}
.-body-section .ingredient-list {
  list-style: none;
  border-top: 1px solid #e3ebee;
  border-bottom: 1px solid #e3ebee;
  padding: 0;
}
.-body-section .ingredient-list .ingredient-info {
  display: -webkit-box;
  display: flex;
  margin: 0;
  padding: 1rem;
  flex-wrap: wrap;
}
.-body-section .ingredient-list .ingredient-info:nth-child(odd) {
  background: #f0f4f6;
}
.-body-section .ingredient-list .ingredient-info .amount {
  width: 90px;
}
.-body-section .ingredient-list .ingredient-info .ingredient {
  width: 220px;
}
@media (max-width: 768px) {
  .-body-section .ingredient-list .ingredient-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
.-body-section .int-checklist {
  list-style: none;
  margin: 0;
  padding: 0;
}
.-body-section .int-checklist .checklist-item {
  margin: 0;
  padding: 0 0 0 40px;
  position: relative;
  cursor: pointer;
}
.-body-section .int-checklist .checklist-item .list-item-ico {
  position: absolute;
  top: 0;
  left: 0;
  color: #7b7f92;
}
.-body-section .int-checklist .checklist-item.-complete {
  color: #7b7f92;
}
.-body-section .int-checklist .checklist-item.-complete .list-item-ico {
  color: #26bc35;
}
.-body-section .int-checklist .checklist-item.-skip {
  color: #7b7f92;
}
.-body-section .int-checklist .checklist-item.-skip .list-item-ico {
  color: #fd9a03;
}
.-body-section .int-checklist .checklist-item.-current {
  font-weight: bold;
}
.-body-section .int-checklist .checklist-item + .checklist-item {
  margin-top: 3rem;
}
.-body-section .heading + .group > .recipe-ingredients > .unit-selector {
  position: relative;
  top: -6rem;
  margin-bottom: -4.5rem;
}
@media (max-width: 600px) {
  .-body-section .heading + .group > .recipe-ingredients > .unit-selector {
    top: -2rem;
    margin-bottom: -2.5rem;
  }
  .-body-section
    .heading
    + .group
    > .recipe-ingredients
    > .unit-selector
    .select-style {
    width: 100%;
  }
}
.-action-section {
  border-top: 1px solid #e3ebee;
  padding: 2rem 0;
}
.content-group .group .list-department .heading {
  margin: 2rem 0 0.5rem 0;
}
.calendar-header {
  display: -webkit-box;
  display: flex;
  height: 130px;
  padding-top: 20px;
  width: 100%;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  margin: 0px auto;
}
.calendar-header .calendar-header-nav {
  white-space: nowrap;
  padding-top: 2px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}
.calendar-header .calendar-header-nav span.abbreviated {
  display: none;
}
.calendar-header .calendar-header-nav a {
  display: block;
  color: #7b7f92;
}
.calendar-header .calendar-header-nav a span {
  font-size: 19px;
}
.calendar-header .calendar-header-nav a.disabled {
  visibility: hidden;
  pointer-events: none;
}
.calendar-header .calendar-header-nav a:hover {
  background: none;
  color: #4296cb;
}
.calendar-header .calendar-header-nav h2,
.calendar-header .calendar-header-nav h5 {
  margin: 0px;
  padding: 0px 30px;
}
@media (max-width: 768px) {
  .calendar-header {
    height: 120px;
    padding-top: 10px;
  }
  .calendar-header .calendar-header-nav {
    padding-top: 1px;
  }
}
@media (max-width: 600px) {
  .calendar-header .calendar-header-nav {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.calendar-days-header {
  display: -webkit-box;
  display: flex;
  width: 100%;
}
.calendar-days-header .calendar-day {
  font-weight: 500;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  width: 14.285714285714286%;
  border-right: 1px solid #e3ebee;
  border-top: 1px solid #e3ebee;
  text-transform: uppercase;
  color: #7b7f92;
  font-size: 11px;
  height: 2.99vw;
  min-height: 26px;
  letter-spacing: 0.42px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: end;
  justify-content: flex-end;
}
.calendar-days-header .calendar-day:first-child {
  border-left: 1px solid #e3ebee;
}
.full-calendar .calendar-days-header .calendar-day:first-child {
  border-left: 0px;
}
.full-calendar .calendar-days-header .calendar-day:last-child {
  border-right: 0px;
}
.calendar-days-header .calendar-day .calendar-day-label {
  margin-right: 5%;
  white-space: nowrap;
  display: block;
}
.calendar {
  width: 100%;
}
.calendar-row {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: 1px solid #e3ebee;
}
.calendar-row .calendar-day {
  display: block;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  width: 14.285714285714286%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.calendar-row .calendar-day .calendar-day-wrap {
  border: none;
  border-right: 1px solid #e3ebee;
  display: block;
  height: 0px;
  padding-top: 75.6756756756757%;
  position: relative;
}
.calendar-row .calendar-day .calendar-day-wrap .calendar-day-contents {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: block;
}
.calendar-row .calendar-day:first-child .calendar-day-wrap {
  border-left: 1px solid #e3ebee;
}
.calendar-row:first-child .calendar-day .calendar-day-wrap {
  border-top: 1px solid #e3ebee;
}
@media (max-width: 600px) {
  .calendar-row .calendar-day .calendar-day-wrap {
    padding-top: 139.53%;
  }
}
.calendar-day-contents {
  color: #7b7f92;
}
.calendar-day-contents .calendar-date {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 0px;
  right: 0px;
  position: absolute;
  font-size: 1.19vw;
  font-weight: 500;
  width: 17.2972%;
  max-width: 32px;
  max-height: 25px;
  height: 17.8571%;
  display: block;
  text-align: center;
  line-height: 1em;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
@media (min-width: 1340px) {
  .full-calendar .calendar-day-contents .calendar-date {
    font-size: 16px;
  }
}
@media screen and (max-width: 870px) {
  .full-calendar .calendar-day-contents .calendar-date {
    font-size: 11px;
    width: 17px;
    height: 14px;
  }
}
html[data-whatinput="touch"]
  .calendar-day.has-popup
  .calendar-day-contents
  .calendar-link {
  display: none;
}
.calendar-day.disabled .calendar-day-contents {
  background-size: 8px 8px;
  background-color: #fff !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAAAAACMxyj6AAAAKUlEQVQY00XNMQ4AAAjCQP//4K66eUyEQJn2NWx88nTSzzacMMPPl+MD+454JZHlFsYAAAAASUVORK5CYII=");
  cursor: default !important;
}
.calendar-day.disabled .calendar-date {
  display: none;
}
.calendar-day.today .calendar-date {
  background: #000;
  color: #fff !important;
}
.full-calendar .calendar-day.today {
  position: relative;
}
.full-calendar .calendar-day.today .calendar-date {
  background: #3a3d4d;
}
.full-calendar .calendar-day.today:after {
  content: "";
  position: absolute;
  display: block;
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  border: 1px solid #3a3d4d;
  top: -1px;
  left: -1px;
  pointer-events: none;
  z-index: 10;
}
.mini-calendar {
  width: 100%;
  padding: 30px;
  background: #fff;
}
@media (max-width: 600px) {
  .mini-calendar {
    background-color: rgba(66, 150, 203, 0.88);
    width: 100vw;
    padding: 0px;
  }
  .mini-calendar .calendar-holder {
    margin: 0px;
    padding: 15px 15px 15px 15px;
    background: #fff;
  }
  .mini-calendar .form-actions:last-child {
    padding-bottom: 5rem;
  }
}
.mini-calendar .calendar-header {
  height: 105px;
  padding-top: 0px;
  -webkit-box-align: end;
  align-items: flex-end;
}
.mini-calendar .calendar-header .calendar-header-nav {
  padding-top: 0px;
  padding-bottom: 32px;
  width: 100%;
}
.mini-calendar .calendar-header .calendar-header-nav h5 {
  padding: 0px 20px;
  margin: 0;
}
@media (max-width: 768px) {
  .mini-calendar .calendar-header {
    height: 105px;
  }
  .mini-calendar .calendar-header .calendar-header-nav {
    padding-top: 0px;
  }
}
@media (max-width: 600px) {
  .mini-calendar .calendar-header .calendar-header-nav {
    padding-bottom: 16px;
  }
  .mini-calendar .calendar-header .calendar-header-nav h5 {
    padding: 0px 24px;
  }
}
.mini-calendar .calendar-days-header .calendar-day {
  border-right-color: #e3eaee;
  border-top-color: #e3eaee;
  letter-spacing: 0px;
}
.mini-calendar .calendar-days-header .calendar-day {
  height: 26px;
}
.mini-calendar .calendar-days-header .calendar-day .calendar-day-label {
  margin-right: 10px;
}
@media (max-width: 600px) {
  .mini-calendar .calendar-days-header .calendar-day {
    height: 22px;
  }
  .mini-calendar .calendar-days-header .calendar-day .calendar-day-label {
    font-weight: 400;
    margin-right: 15%;
  }
}
.mini-calendar .calendar .calendar-row .calendar-day .calendar-day-wrap {
  padding-top: 100%;
  border-right-color: #e3eaee;
  border-bottom-color: #e3eaee;
}
@media (max-width: 600px) {
  .mini-calendar .calendar .calendar-row .calendar-day .calendar-day-wrap {
    padding-top: 100%;
  }
}
.mini-calendar .calendar-day-contents {
  cursor: pointer;
  background-color: #4296cb;
}
.mini-calendar .calendar-day-contents .calendar-date {
  font-size: 11px;
  width: 45%;
  max-width: 27px;
  max-height: 23px;
  height: 38.3333%;
  color: #b6eeff;
}
.mini-calendar .calendar-day-contents .calendar-link {
  display: none;
}
.mini-calendar .calendar-day-contents .calendar-label {
  display: block;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 11.6666%;
}
.mini-calendar .calendar-day-contents:hover {
  background-color: #227bb4;
}
@media (max-width: 600px) {
  .mini-calendar .calendar-day-contents .calendar-date {
    padding-top: 1px;
  }
  .mini-calendar .calendar-day-contents .calendar-label {
    font-size: 11px;
    bottom: 11.6666%;
  }
}
.calendar-day.has-activity .calendar-day-contents:after {
  content: "";
  display: block;
  position: absolute;
  left: 12%;
  top: 12%;
  width: 6px;
  height: 6px;
  background: #3cdbb8;
  border-radius: 50%;
}
.calendar-timeframe {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 1rem 0;
}
.calendar-timeframe .range {
  height: 30px;
  border-radius: 30px;
  border: 1px solid #ced0db;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-size: 1.6rem;
  color: #a7aabb;
  margin: 1rem 0.3rem 0;
  width: 95px;
}
.calendar-timeframe .range.selected {
  background: #fff;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid #fff;
  color: #161821;
}
.calendar-timeframe .range.calendar-beta {
  border: 1px solid #4296cb;
  background: #4296cb;
  color: #fff;
}
[data-whatinput="keyboard"] .calendar-timeframe .range:focus,
.calendar-timeframe .range:focus,
.calendar-timeframe .range:hover,
.calendar-timeframe .range:active,
.calendar-timeframe .range.active,
.calendar-timeframe .range[aria-expanded="true"] {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  color: inherit;
}
.calendar-widgets {
  width: 100%;
  max-width: 1220px;
}
.calendar-widgets .calendar-card {
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  margin: 1rem;
}
.calendar-widgets .calendar-card.has-footer {
  padding-bottom: 2rem;
}
.calendar-widgets .calendar-card .calendar-options {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  height: calc(24px + 2rem);
}
.calendar-widgets .calendar-card .calendar-options .calendar-option .btn {
  padding: 1rem;
}
.calendar-widgets .calendar-card .calendar-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 0;
  height: auto;
  width: 100%;
  max-width: 300px;
}
.calendar-widgets .calendar-card .calendar-header .cal-prev,
.calendar-widgets .calendar-card .calendar-header .cal-next {
  padding: 1rem;
  color: #161821;
  width: calc(24px + 2rem);
}
[data-whatinput="keyboard"]
  .calendar-widgets
  .calendar-card
  .calendar-header
  .cal-prev:focus,
.calendar-widgets .calendar-card .calendar-header .cal-prev:focus,
.calendar-widgets .calendar-card .calendar-header .cal-prev:hover,
.calendar-widgets .calendar-card .calendar-header .cal-prev:active,
.calendar-widgets .calendar-card .calendar-header .cal-prev.active,
.calendar-widgets
  .calendar-card
  .calendar-header
  .cal-prev[aria-expanded="true"],
[data-whatinput="keyboard"]
  .calendar-widgets
  .calendar-card
  .calendar-header
  .cal-next:focus,
.calendar-widgets .calendar-card .calendar-header .cal-next:focus,
.calendar-widgets .calendar-card .calendar-header .cal-next:hover,
.calendar-widgets .calendar-card .calendar-header .cal-next:active,
.calendar-widgets .calendar-card .calendar-header .cal-next.active,
.calendar-widgets
  .calendar-card
  .calendar-header
  .cal-next[aria-expanded="true"] {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  color: inherit;
}
.calendar-widgets .calendar-card .calendar-header .cal-date {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin: 1rem;
}
.calendar-widgets .calendar-card .calendar-header .cal-date .cal-title {
  font-size: 1.6rem;
  color: #161821;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0;
}
.calendar-widgets .calendar-card .calendar-header .cal-date .cal-subtitle {
  font-size: 1.3rem;
  color: #7b7f92;
  line-height: 1.2em;
  margin: 0;
}
.calendar-widgets .calendar-card .calendar-day-actions {
  padding: 2rem;
}
@media (max-width: 768px) {
  .calendar-widgets .calendar-card .calendar-day-actions {
    padding: 1rem;
  }
}
.calendar-widgets .calendar-card .calendar-day-actions .-day-complete {
  padding: 1rem;
  border-radius: 3rem;
  letter-spacing: 0;
}
.calendar-widgets
  .calendar-card
  .calendar-day-actions
  .-day-complete
  .btn-label {
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .calendar-widgets .calendar-card .calendar-day-actions .-day-complete {
    padding: 0.5rem;
    border-radius: 2rem;
    letter-spacing: 0;
  }
  .calendar-widgets
    .calendar-card
    .calendar-day-actions
    .-day-complete
    .btn-label {
    font-size: 1.6rem;
  }
}
.calendar-widgets .calendar-card .widget .heading {
  font-size: 1.6rem;
  font-weight: bold;
  text-transform: none;
  padding: 2rem;
}
.calendar-widgets .calendar-card .calendar-grid {
  background: #e6e7ee;
  padding: 1px 0;
}
.calendar-widgets .calendar-card .calendar-grid .year {
  width: 100%;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  justify-content: space-evenly;
}
.calendar-widgets .calendar-card .calendar-grid .year .month {
  display: -webkit-box;
  display: flex;
  background: #fff;
  color: #313443;
  margin: 1px;
  font-size: 1.6rem;
  cursor: pointer;
  aspect-ratio: 5;
}
@supports not (aspect-ratio: 5) {
  .calendar-widgets .calendar-card .calendar-grid .year .month::before {
    content: "";
    float: left;
    padding-top: calc((0.2 / 1) * 100%);
  }
  .calendar-widgets .calendar-card .calendar-grid .year .month::after {
    content: "";
    display: block;
    clear: both;
  }
}
@media (max-width: 768px) {
  .calendar-widgets .calendar-card .calendar-grid .year .month {
    aspect-ratio: 2;
  }
  @supports not (aspect-ratio: 2) {
    .calendar-widgets .calendar-card .calendar-grid .year .month::before {
      content: "";
      float: left;
      padding-top: calc((0.5 / 1) * 100%);
    }
    .calendar-widgets .calendar-card .calendar-grid .year .month::after {
      content: "";
      display: block;
      clear: both;
    }
  }
}
.calendar-widgets .calendar-card .calendar-grid .year .month .current {
  background: #e84452;
  color: #fff;
  font-weight: bolder;
  padding: 0.2rem 0.8rem;
  border-radius: 20px;
}
.calendar-widgets .calendar-card .calendar-grid .month {
  margin: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: stretch;
  justify-content: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.calendar-widgets .calendar-card .calendar-grid .month .weekdays {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  align-items: center;
  background: #e6e7ee;
  gap: 1px 1px;
  margin-bottom: 1px;
}
.calendar-widgets .calendar-card .calendar-grid .month .weekdays .weekday {
  text-align: center;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #7b7f92;
  background: #fff;
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  padding: 0.5rem 0.25rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .calendar-widgets .calendar-card .calendar-grid .month .weekdays .weekday {
    font-size: 0;
  }
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .weekdays
    .weekday:first-letter {
    font-size: 1.2rem;
  }
}
.calendar-widgets .calendar-card .calendar-grid .month .week {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: stretch;
  justify-content: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  gap: 1px;
  margin-bottom: 1px;
}
.calendar-widgets .calendar-card .calendar-grid .month .week .day {
  background: #fff;
  position: relative;
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}
.calendar-widgets .calendar-card .calendar-grid .month .week .day.not-included {
  background: #f9fafc;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day.not-included
  .date-header
  .day-number {
  background: #f9fafc;
  color: #a7aabb;
}
.calendar-widgets .calendar-card .calendar-grid .month .week .day .date-header {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
  padding: 0.25rem 0.25rem 0 0.25rem;
  z-index: 2;
}
@media (max-width: 768px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .date-header {
    padding: 2px;
  }
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .date-header
  .day-number {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  color: #7b7f92;
  border-radius: 12px;
  height: 24px;
  width: 24px;
  font-size: 1.6rem;
  background: #fff;
}
@media (max-width: 1330px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .date-header
    .day-number {
    border-radius: 12px;
    height: 24px;
    width: 24px;
    font-size: 1.6em;
  }
}
@media (max-width: 1110px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .date-header
    .day-number {
    border-radius: 11px;
    height: 22px;
    width: 22px;
    font-size: 1.4em;
  }
}
@media (max-width: 940px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .date-header
    .day-number {
    border-radius: 10px;
    height: 20px;
    width: 20px;
    font-size: 1.2em;
  }
}
@media (max-width: 768px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .date-header
    .day-number {
    border-radius: 9px;
    height: 18px;
    width: 18px;
    font-size: 1.1em;
  }
}
@media (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .date-header
    .day-number {
    border-radius: 8px;
    height: 16px;
    width: 16px;
    font-size: 1em;
  }
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .date-header.current-day
  .day-number {
  background: #e84452;
  font-weight: bold;
  color: #fff;
  border: 1px solid #fff;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .date-header
  .note {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: #a7aabb;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .date-header
  .note
  i {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .date-header
    .note
    i {
    font-size: 1.4rem;
  }
}
@media (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .date-header
    .note
    i {
    font-size: 1.2rem;
  }
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots {
  margin: 0 0 2rem 0;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot {
  overflow: hidden;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content {
  font-size: 0;
  overflow: hidden;
  position: relative;
  height: 14px;
}
@media (max-width: 1330px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content {
    height: 14px;
  }
}
@media (max-width: 1110px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content {
    height: 12px;
  }
}
@media (max-width: 940px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content {
    height: 10px;
  }
}
@media (max-width: 768px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content {
    height: 6px;
  }
}
@media (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content {
    height: 3px;
  }
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-empty,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-program,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-routine,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-meal-plan {
  margin: 4px 0;
}
@media (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content.is-empty,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content.is-program,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content.is-routine,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content.is-meal-plan {
    margin: 2px 0;
  }
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-empty.first-day,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-program.first-day,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-routine.first-day,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-meal-plan.first-day {
  border-radius: 100px 0 0 100px;
  margin-left: 4px;
}
@media (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content.is-empty.first-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content.is-program.first-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content.is-routine.first-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content.is-meal-plan.first-day {
    margin-left: 2px;
  }
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-empty.last-day,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-program.last-day,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-routine.last-day,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-meal-plan.last-day {
  border-radius: 0 100px 100px 0;
  margin-right: 4px;
}
@media (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content.is-empty.last-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content.is-program.last-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content.is-routine.last-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content.is-meal-plan.last-day {
    margin-right: 2px;
  }
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.first-day.last-day,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-workout,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-custom-workout,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-article-recipe,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-wellness-video {
  border-radius: 100px;
  margin: 4px;
}
@media (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content.first-day.last-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content.is-workout,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content.is-custom-workout,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content.is-article-recipe,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.no-content.is-wellness-video {
    margin: 2px;
  }
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-program {
  color: #fff;
  background: #4296cb;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-program:before {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(75%, rgba(66, 150, 203, 0)),
    to(#4296cb)
  );
  background: linear-gradient(to right, rgba(66, 150, 203, 0) 75%, #4296cb);
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-routine {
  color: #fff;
  background: #ff6c19;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-routine:before {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(75%, rgba(255, 108, 25, 0)),
    to(#ff6c19)
  );
  background: linear-gradient(to right, rgba(255, 108, 25, 0) 75%, #ff6c19);
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-meal-plan {
  color: #fff;
  background: #26bc35;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-meal-plan:before {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(75%, rgba(38, 188, 53, 0)),
    to(#26bc35)
  );
  background: linear-gradient(to right, rgba(38, 188, 53, 0) 75%, #26bc35);
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-workout {
  color: #fff;
  background: #a7aabb;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-workout:before {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(75%, rgba(167, 170, 187, 0)),
    to(#a7aabb)
  );
  background: linear-gradient(to right, rgba(167, 170, 187, 0) 75%, #a7aabb);
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-custom-workout {
  color: #fff;
  background: #fd9a03;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-custom-workout:before {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(75%, rgba(253, 154, 3, 0)),
    to(#fd9a03)
  );
  background: linear-gradient(to right, rgba(253, 154, 3, 0) 75%, #fd9a03);
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-article-recipe {
  color: #fff;
  background: #b80646;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-article-recipe:before {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(75%, rgba(184, 6, 70, 0)),
    to(#b80646)
  );
  background: linear-gradient(to right, rgba(184, 6, 70, 0) 75%, #b80646);
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-wellness-video {
  color: #fff;
  background: #6714ef;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.no-content.is-wellness-video:before {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(75%, rgba(103, 20, 239, 0)),
    to(#6714ef)
  );
  background: linear-gradient(to right, rgba(103, 20, 239, 0) 75%, #6714ef);
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content {
  overflow: hidden;
  font-size: 1.5em;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  line-height: 1.35em;
  padding: 0 0.5em;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  height: 20px;
}
@media (max-width: 1330px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content {
    height: 20px;
    font-size: 1.5em;
  }
}
@media (max-width: 1110px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content {
    height: 18px;
    font-size: 1.4em;
  }
}
@media (max-width: 940px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content {
    height: 16px;
    font-size: 1.2em;
  }
}
@media (max-width: 768px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content {
    height: 6px;
    font-size: 0;
  }
}
@media (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content {
    height: 3px;
    font-size: 0;
  }
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-empty,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-program,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-routine,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-meal-plan {
  margin: 4px 0;
}
@media (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content.is-empty,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content.is-program,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content.is-routine,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content.is-meal-plan {
    margin: 2px 0;
  }
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-empty.first-day,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-program.first-day,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-routine.first-day,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-meal-plan.first-day {
  border-radius: 100px 0 0 100px;
  margin-left: 4px;
}
@media (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content.is-empty.first-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content.is-program.first-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content.is-routine.first-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content.is-meal-plan.first-day {
    margin-left: 2px;
  }
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-empty.last-day,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-program.last-day,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-routine.last-day,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-meal-plan.last-day {
  border-radius: 0 100px 100px 0;
  margin-right: 4px;
}
@media (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content.is-empty.last-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content.is-program.last-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content.is-routine.last-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content.is-meal-plan.last-day {
    margin-right: 2px;
  }
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.first-day.last-day,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-workout,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-custom-workout,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-article-recipe,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-wellness-video {
  border-radius: 100px;
  margin: 4px;
}
@media (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content.first-day.last-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content.is-workout,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content.is-custom-workout,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content.is-article-recipe,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.partial-content.is-wellness-video {
    margin: 2px;
  }
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-program {
  color: #fff;
  background: #4296cb;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-program:before {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(75%, rgba(66, 150, 203, 0)),
    to(#4296cb)
  );
  background: linear-gradient(to right, rgba(66, 150, 203, 0) 75%, #4296cb);
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-routine {
  color: #fff;
  background: #ff6c19;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-routine:before {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(75%, rgba(255, 108, 25, 0)),
    to(#ff6c19)
  );
  background: linear-gradient(to right, rgba(255, 108, 25, 0) 75%, #ff6c19);
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-meal-plan {
  color: #fff;
  background: #26bc35;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-meal-plan:before {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(75%, rgba(38, 188, 53, 0)),
    to(#26bc35)
  );
  background: linear-gradient(to right, rgba(38, 188, 53, 0) 75%, #26bc35);
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-workout {
  color: #fff;
  background: #a7aabb;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-workout:before {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(75%, rgba(167, 170, 187, 0)),
    to(#a7aabb)
  );
  background: linear-gradient(to right, rgba(167, 170, 187, 0) 75%, #a7aabb);
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-custom-workout {
  color: #fff;
  background: #fd9a03;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-custom-workout:before {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(75%, rgba(253, 154, 3, 0)),
    to(#fd9a03)
  );
  background: linear-gradient(to right, rgba(253, 154, 3, 0) 75%, #fd9a03);
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-article-recipe {
  color: #fff;
  background: #b80646;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-article-recipe:before {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(75%, rgba(184, 6, 70, 0)),
    to(#b80646)
  );
  background: linear-gradient(to right, rgba(184, 6, 70, 0) 75%, #b80646);
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-wellness-video {
  color: #fff;
  background: #6714ef;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.partial-content.is-wellness-video:before {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(75%, rgba(103, 20, 239, 0)),
    to(#6714ef)
  );
  background: linear-gradient(to right, rgba(103, 20, 239, 0) 75%, #6714ef);
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.full-content {
  font-size: 1.6rem;
  line-height: 1.15em;
  padding: 0.5em;
  color: #313443;
}
@media (max-width: 1330px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content {
    font-size: 1.6rem;
  }
}
@media (max-width: 1110px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content {
    font-size: 1.4rem;
  }
}
@media (max-width: 940px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content {
    font-size: 1.3rem;
  }
}
@media (max-width: 768px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content {
    font-size: 1.2rem;
  }
}
@media (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content {
    height: 3px;
    font-size: 0;
  }
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.full-content.is-program,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.full-content.is-routine,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.full-content.is-meal-plan {
  margin: 4px;
}
@media (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-program,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-routine,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-meal-plan {
    margin: 2px;
  }
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.full-content.first-day.last-day,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.full-content.is-workout,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.full-content.is-custom-workout,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.full-content.is-article-recipe,
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.full-content.is-wellness-video {
  margin: 4px;
}
@media (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.first-day.last-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-workout,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-custom-workout,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-article-recipe,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-wellness-video {
    margin: 2px;
  }
}
@media (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-empty,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-program,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-routine,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-meal-plan {
    margin: 4px 0;
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-empty,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-program,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-routine,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-meal-plan {
    margin: 2px 0;
  }
}
@media (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-empty.first-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-program.first-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-routine.first-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-meal-plan.first-day {
    border-radius: 100px 0 0 100px;
    margin-left: 4px;
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-empty.first-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-program.first-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-routine.first-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-meal-plan.first-day {
    margin-left: 2px;
  }
}
@media (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-empty.last-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-program.last-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-routine.last-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-meal-plan.last-day {
    border-radius: 0 100px 100px 0;
    margin-right: 4px;
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-empty.last-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-program.last-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-routine.last-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-meal-plan.last-day {
    margin-right: 2px;
  }
}
@media (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.first-day.last-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-workout,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-custom-workout,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-article-recipe,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-wellness-video {
    border-radius: 100px;
    margin: 4px;
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.first-day.last-day,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-workout,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-custom-workout,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-article-recipe,
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-wellness-video {
    margin: 2px;
  }
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.full-content.is-program {
  border-left: 4px solid #4296cb;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.full-content.is-routine {
  border-left: 4px solid #ff6c19;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.full-content.is-meal-plan {
  border-left: 4px solid #26bc35;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.full-content.is-workout {
  border-left: 4px solid #a7aabb;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.full-content.is-custom-workout {
  border-left: 4px solid #fd9a03;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.full-content.is-article-recipe {
  border-left: 4px solid #b80646;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot.full-content.is-wellness-video {
  border-left: 4px solid #6714ef;
}
@media (max-width: 600px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content {
    border-left: none;
    border-radius: 4px;
    position: relative;
  }
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-program {
    color: #fff;
    background: #4296cb;
  }
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-program:before {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(80%, rgba(66, 150, 203, 0)),
      to(#4296cb)
    );
    background: linear-gradient(to right, rgba(66, 150, 203, 0) 80%, #4296cb);
  }
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-routine {
    color: #fff;
    background: #ff6c19;
  }
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-routine:before {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(80%, rgba(255, 108, 25, 0)),
      to(#ff6c19)
    );
    background: linear-gradient(to right, rgba(255, 108, 25, 0) 80%, #ff6c19);
  }
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-meal-plan {
    color: #fff;
    background: #26bc35;
  }
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-meal-plan:before {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(80%, rgba(38, 188, 53, 0)),
      to(#26bc35)
    );
    background: linear-gradient(to right, rgba(38, 188, 53, 0) 80%, #26bc35);
  }
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-workout {
    color: #fff;
    background: #a7aabb;
  }
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-workout:before {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(80%, rgba(167, 170, 187, 0)),
      to(#a7aabb)
    );
    background: linear-gradient(to right, rgba(167, 170, 187, 0) 80%, #a7aabb);
  }
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-custom-workout {
    color: #fff;
    background: #fd9a03;
  }
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-custom-workout:before {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(80%, rgba(253, 154, 3, 0)),
      to(#fd9a03)
    );
    background: linear-gradient(to right, rgba(253, 154, 3, 0) 80%, #fd9a03);
  }
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-article-recipe {
    color: #fff;
    background: #b80646;
  }
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-article-recipe:before {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(80%, rgba(184, 6, 70, 0)),
      to(#b80646)
    );
    background: linear-gradient(to right, rgba(184, 6, 70, 0) 80%, #b80646);
  }
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-wellness-video {
    color: #fff;
    background: #6714ef;
  }
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot.full-content.is-wellness-video:before {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(80%, rgba(103, 20, 239, 0)),
      to(#6714ef)
    );
    background: linear-gradient(to right, rgba(103, 20, 239, 0) 80%, #6714ef);
  }
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot
  .activity-type {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot
  .activity-type
  i {
  font-size: 14px;
}
@media (max-width: 768px) {
  .calendar-widgets
    .calendar-card
    .calendar-grid
    .month
    .week
    .day
    .schedule-slots
    .slot
    .activity-type {
    display: none;
  }
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot
  .slot-plan-name {
  display: block;
  font-weight: 600;
}
.calendar-widgets
  .calendar-card
  .calendar-grid
  .month
  .week
  .day
  .schedule-slots
  .slot
  .slot-day-title:before {
  content: " - ";
}
.calendar-widgets .calendar-card .year-view-calendar-grid {
  background: #e6e7ee;
  padding: 1px 0;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: stretch;
  justify-content: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.calendar-widgets .calendar-card .year-view-calendar-grid .month {
  background: #fff;
  margin: 1px;
  padding: 0 0 1rem 0;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: stretch;
  justify-content: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
  width: calc(33.333333% - 2px);
  min-height: 262px;
}
@media (max-width: 768px) {
  .calendar-widgets .calendar-card .year-view-calendar-grid .month {
    width: calc(50% - 2px);
  }
}
@media (max-width: 600px) {
  .calendar-widgets .calendar-card .year-view-calendar-grid .month {
    width: calc(100% - 2px);
  }
}
.calendar-widgets .calendar-card .year-view-calendar-grid .month .month-title {
  color: #313443;
  border-radius: 12px;
  height: 24px;
  font-size: 1.6rem;
  font-weight: bold;
  background: #fff;
  margin: 0.5rem auto;
  padding: 0 1rem;
}
@media (max-width: 1330px) {
  .calendar-widgets
    .calendar-card
    .year-view-calendar-grid
    .month
    .month-title {
    border-radius: 12px;
    height: 24px;
    font-size: 1.6rem;
  }
}
@media (max-width: 1110px) {
  .calendar-widgets
    .calendar-card
    .year-view-calendar-grid
    .month
    .month-title {
    border-radius: 11px;
    height: 22px;
    font-size: 1.4rem;
  }
}
.calendar-widgets
  .calendar-card
  .year-view-calendar-grid
  .month
  .month-title.current-month {
  background: #e84452;
  font-weight: bolder;
  color: #fff;
  border: 1px solid #fff;
}
.calendar-widgets .calendar-card .year-view-calendar-grid .month .week {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: space-evenly;
  justify-content: space-evenly;
}
.calendar-widgets .calendar-card .year-view-calendar-grid .month .week .day {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  width: 30px;
  height: 44px;
}
.calendar-widgets
  .calendar-card
  .year-view-calendar-grid
  .month
  .week
  .day
  .day-number {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  color: #212432;
  font-size: 1.4rem;
}
@media (max-width: 1330px) {
  .calendar-widgets
    .calendar-card
    .year-view-calendar-grid
    .month
    .week
    .day
    .day-number {
    font-size: 1.4rem;
  }
}
@media (max-width: 1110px) {
  .calendar-widgets
    .calendar-card
    .year-view-calendar-grid
    .month
    .week
    .day
    .day-number {
    font-size: 1.3rem;
  }
}
@media (max-width: 940px) {
  .calendar-widgets
    .calendar-card
    .year-view-calendar-grid
    .month
    .week
    .day
    .day-number {
    font-size: 1.2rem;
  }
}
.calendar-grid .activity-icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  z-index: 1;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
}
@media (max-width: 768px) {
  .calendar-grid .activity-icon {
    padding-top: 1rem;
  }
}
@media (hover: hover) {
  .calendar-grid .activity-icon.hover-hide:hover {
    opacity: 0;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms;
  }
}
@media (hover: hover) {
  .calendar-grid .activity-icon.hover-hide i:hover {
    opacity: 0;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms;
  }
}
.calendar-grid .icon-type {
  border-radius: 50%;
  background: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.calendar-grid .icon-type i {
  font-size: 8rem;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
  position: relative;
}
@media (max-width: 1330px) {
  .calendar-grid .icon-type i {
    font-size: 6vw;
  }
}
@media (max-width: 940px) {
  .calendar-grid .icon-type i {
    font-size: 7.5vw;
  }
}
@media (max-width: 768px) {
  .calendar-grid .icon-type i {
    font-size: 8vw;
  }
}
@media (max-width: 768px) {
  .calendar-grid .icon-type i {
    font-size: 8.5vw;
  }
}
.year-view-calendar-grid .activity-icon .icon-type {
  border-radius: 50%;
  background: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.activity-icon .icon-type.workout-complete .material-symbols-outlined {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3d97ce),
    to(#12debb)
  );
  background: linear-gradient(to bottom right, #3d97ce 0%, #12debb 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.activity-icon .icon-type.rest {
  color: #a7aabb;
}
.activity-icon .icon-type.rest .material-symbols-outlined {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#4e5262),
    to(#a7aabb)
  );
  background: linear-gradient(to bottom right, #4e5262 0%, #a7aabb 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.activity-icon .icon-type.active-rest {
  color: #26bc35;
}
.activity-icon .icon-type.active-rest .material-symbols-outlined {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3a8d10),
    to(#bfeb00)
  );
  background: linear-gradient(to bottom right, #3a8d10 0%, #bfeb00 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.activity-icon .icon-type.program-complete {
  color: #6714ef;
}
.activity-icon .icon-type.program-complete .material-symbols-outlined {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#3b04b7),
    to(#c310a5)
  );
  background: linear-gradient(to bottom right, #3b04b7 0%, #c310a5 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.activity-icon .icon-type.workout-scheduled {
  color: #4296cb;
}
.activity-icon .icon-type.workout-scheduled .material-symbols-outlined {
  background: #4296cb;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.activity-icon .icon-type.no-activity {
  color: #ced0db;
}
.activity-icon .icon-type.no-activity .material-symbols-outlined {
  background: #ced0db;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.activity-icon .icon-type.future-date {
  color: #f0f1f4;
}
.activity-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.activity-overlay .activity-data.difficulty {
  height: 100%;
  width: 80%;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  align-items: flex-end;
  padding: 0.6rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .activity-overlay .activity-data.difficulty {
    padding: 0.3rem;
  }
}
.activity-overlay .activity-data.difficulty .difficulty-level {
  overflow: hidden;
  border-radius: 10px;
  -webkit-box-flex: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  align-items: flex-end;
  max-width: 1.8rem;
  opacity: 0.1;
  margin: 2px;
}
@media (max-width: 768px) {
  .activity-overlay .activity-data.difficulty .difficulty-level {
    margin: 1px;
  }
}
.activity-overlay .activity-data.difficulty .difficulty-level.level-reached {
  opacity: 1;
}
.activity-overlay .activity-data.difficulty .difficulty-level.d1 {
  height: 20%;
  background: #4296cb;
}
.activity-overlay .activity-data.difficulty .difficulty-level.d2 {
  height: 35%;
  background: #26bc35;
}
.activity-overlay .activity-data.difficulty .difficulty-level.d3 {
  height: 50%;
  background: #f7b02c;
}
.activity-overlay .activity-data.difficulty .difficulty-level.d4 {
  height: 65%;
  background: #ff6c19;
}
.activity-overlay .activity-data.difficulty .difficulty-level.d5 {
  height: 80%;
  background: #c80500;
}
.activity-overlay
  .activity-data.difficulty
  .difficulty-level
  .activity-data-title {
  font-weight: bold;
  color: #fff;
  padding: 0 0 0.1rem 0;
  font-size: 1.2rem;
}
@media (max-width: 940px) {
  .activity-overlay
    .activity-data.difficulty
    .difficulty-level
    .activity-data-title {
    font-size: 1.2rem;
    padding: 0 0 0.1rem 0;
  }
}
@media (max-width: 768px) {
  .activity-overlay
    .activity-data.difficulty
    .difficulty-level
    .activity-data-title {
    font-size: 1rem;
    padding: 0;
  }
}
@media (max-width: 600px) {
  .activity-overlay
    .activity-data.difficulty
    .difficulty-level
    .activity-data-title {
    font-size: 0;
  }
}
.activity-overlay .activity-data.duration {
  height: 100%;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  align-items: center;
  text-transform: none;
  padding: 0.6rem;
}
@media (max-width: 768px) {
  .activity-overlay .activity-data.duration {
    padding: 0.3rem;
  }
}
.activity-overlay .activity-data.duration .duration-range {
  overflow: hidden;
  width: 100%;
  margin: 2px 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  white-space: nowrap;
  opacity: 0.1;
  border-radius: 10px;
  -webkit-box-flex: 2;
  flex-grow: 2;
}
@media (max-width: 940px) {
  .activity-overlay .activity-data.duration .duration-range {
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .activity-overlay .activity-data.duration .duration-range {
    font-size: 1rem;
    margin: 1px 0;
  }
}
@media (max-width: 600px) {
  .activity-overlay .activity-data.duration .duration-range {
    font-size: 0;
  }
}
.activity-overlay .activity-data.duration .duration-range.level-reached {
  opacity: 1;
}
.activity-overlay .activity-data.duration .duration-range.d1 {
  -webkit-box-ordinal-group: 6;
  order: 5;
  background: #4296cb;
}
.activity-overlay .activity-data.duration .duration-range.d2 {
  -webkit-box-ordinal-group: 5;
  order: 4;
  background: #26bc35;
}
.activity-overlay .activity-data.duration .duration-range.d3 {
  -webkit-box-ordinal-group: 4;
  order: 3;
  background: #f7b02c;
}
.activity-overlay .activity-data.duration .duration-range.d4 {
  -webkit-box-ordinal-group: 3;
  order: 2;
  background: #ff6c19;
}
.activity-overlay .activity-data.duration .duration-range.d5 {
  -webkit-box-ordinal-group: 2;
  order: 1;
  background: #c80500;
}
.activity-overlay .activity-data.body-focus {
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.activity-overlay .activity-data.body-focus .body-area {
  overflow: hidden;
  width: 100%;
  margin: 2px 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  white-space: nowrap;
  border-radius: 10px;
}
@media (max-width: 940px) {
  .activity-overlay .activity-data.body-focus .body-area {
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .activity-overlay .activity-data.body-focus .body-area {
    font-size: 1rem;
    margin: 1px 0;
  }
}
@media (max-width: 600px) {
  .activity-overlay .activity-data.body-focus .body-area {
    font-size: 0;
  }
}
.activity-overlay .activity-data.body-focus .body-area.upper-body,
.activity-overlay .activity-data.body-focus .body-area.core,
.activity-overlay .activity-data.body-focus .body-area.lower-body {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: calc(100% - 4px);
  border-radius: 10px;
  min-height: 20px;
  margin: 2px;
  background: #e6e7ee;
  color: #212432;
}
@media (max-width: 768px) {
  .activity-overlay .activity-data.body-focus .body-area.upper-body,
  .activity-overlay .activity-data.body-focus .body-area.core,
  .activity-overlay .activity-data.body-focus .body-area.lower-body {
    margin: 1px 2px;
    min-height: 8px;
  }
}
.activity-overlay
  .activity-data.body-focus
  .body-area.upper-body.upper-body.focused,
.activity-overlay .activity-data.body-focus .body-area.core.upper-body.focused,
.activity-overlay
  .activity-data.body-focus
  .body-area.lower-body.upper-body.focused {
  background: #6714ef;
  color: #fff;
}
.activity-overlay .activity-data.body-focus .body-area.upper-body.core.focused,
.activity-overlay .activity-data.body-focus .body-area.core.core.focused,
.activity-overlay .activity-data.body-focus .body-area.lower-body.core.focused {
  background: #f417ff;
  color: #fff;
}
.activity-overlay
  .activity-data.body-focus
  .body-area.upper-body.lower-body.focused,
.activity-overlay .activity-data.body-focus .body-area.core.lower-body.focused,
.activity-overlay
  .activity-data.body-focus
  .body-area.lower-body.lower-body.focused {
  background: #83008d;
  color: #fff;
}
.calendar-grid .month .activity-icon.difficulty .difficulty-level.d1,
.calendar-grid .month .activity-icon.difficulty .duration-range.d1,
.calendar-grid .month .activity-icon.duration .difficulty-level.d1,
.calendar-grid .month .activity-icon.duration .duration-range.d1 {
  color: #4296cb;
}
.calendar-grid .month .activity-icon.difficulty .difficulty-level.d2,
.calendar-grid .month .activity-icon.difficulty .duration-range.d2,
.calendar-grid .month .activity-icon.duration .difficulty-level.d2,
.calendar-grid .month .activity-icon.duration .duration-range.d2 {
  color: #26bc35;
}
.calendar-grid .month .activity-icon.difficulty .difficulty-level.d3,
.calendar-grid .month .activity-icon.difficulty .duration-range.d3,
.calendar-grid .month .activity-icon.duration .difficulty-level.d3,
.calendar-grid .month .activity-icon.duration .duration-range.d3 {
  color: #f7b02c;
}
.calendar-grid .month .activity-icon.difficulty .difficulty-level.d4,
.calendar-grid .month .activity-icon.difficulty .duration-range.d4,
.calendar-grid .month .activity-icon.duration .difficulty-level.d4,
.calendar-grid .month .activity-icon.duration .duration-range.d4 {
  color: #ff6c19;
}
.calendar-grid .month .activity-icon.difficulty .difficulty-level.d5,
.calendar-grid .month .activity-icon.difficulty .duration-range.d5,
.calendar-grid .month .activity-icon.duration .difficulty-level.d5,
.calendar-grid .month .activity-icon.duration .duration-range.d5 {
  color: #c80500;
}
.calendar-grid .month .activity-icon.body-focus .icon-type {
  margin: 2px 0;
  aspect-ratio: 1;
  border-radius: 6px;
  color: #fff;
}
@supports not (aspect-ratio: 1) {
  .calendar-grid .month .activity-icon.body-focus .icon-type::before {
    content: "";
    float: left;
    padding-top: calc((1 / 1) * 100%);
  }
  .calendar-grid .month .activity-icon.body-focus .icon-type::after {
    content: "";
    display: block;
    clear: both;
  }
}
.calendar-grid .month .activity-icon.body-focus .icon-type.upper-body {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(39%, #83008d),
    color-stop(39%, #fff),
    color-stop(44%, #fff),
    color-stop(44%, #ced0db),
    to(#ced0db)
  );
  background: linear-gradient(
    #83008d 39%,
    #fff 39%,
    #fff 44%,
    #ced0db 44%,
    #ced0db 100%
  );
}
.calendar-grid .month .activity-icon.body-focus .icon-type.core {
  background: #f417ff;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(36%, #ced0db),
    color-stop(36%, #fff),
    color-stop(40%, #fff),
    color-stop(40%, #6714ef),
    color-stop(64%, #6714ef),
    color-stop(64%, #fff),
    color-stop(68%, #fff),
    color-stop(68%, #ced0db),
    to(#ced0db)
  );
  background: linear-gradient(
    #ced0db 36%,
    #fff 36%,
    #fff 40%,
    #6714ef 40%,
    #6714ef 64%,
    #fff 64%,
    #fff 68%,
    #ced0db 68%,
    #ced0db 100%
  );
}
.calendar-grid .month .activity-icon.body-focus .icon-type.lower-body {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(56%, #ced0db),
    color-stop(56%, #fff),
    color-stop(60%, #fff),
    color-stop(60%, #0055d3),
    to(#0055d3)
  );
  background: linear-gradient(
    #ced0db 56%,
    #fff 56%,
    #fff 60%,
    #0055d3 60%,
    #0055d3 100%
  );
}
.calendar-grid .month .activity-icon.body-focus .icon-type.total-body {
  background: #4296cb;
}
.year-view-calendar-grid .month .activity-icon.body-focus .icon-type {
  margin: 2px 0;
  height: 20px;
  width: 20px;
  border-radius: 4px;
  color: #fff;
}
.year-view-calendar-grid
  .month
  .activity-icon.body-focus
  .icon-type
  .material-symbols-outlined {
  font-size: 17px;
  font-weight: bold;
}
.year-view-calendar-grid .month .activity-icon.body-focus .body-area {
  font-size: 1.4rem;
}
@media (max-width: 940px) {
  .year-view-calendar-grid .month .activity-icon.body-focus .body-area {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .year-view-calendar-grid .month .activity-icon.body-focus .body-area {
    font-size: 1.4rem;
  }
}
@media (max-width: 600px) {
  .year-view-calendar-grid .month .activity-icon.body-focus .body-area {
    font-size: 1.4rem;
  }
}
.year-view-calendar-grid .month .activity-icon.body-focus .body-area.upper-body,
.year-view-calendar-grid .month .activity-icon.body-focus .body-area.core,
.year-view-calendar-grid
  .month
  .activity-icon.body-focus
  .body-area.lower-body {
  padding: 1rem;
}
.year-view-calendar-grid .month .activity-icon.difficulty .difficulty-level.d1,
.year-view-calendar-grid .month .activity-icon.difficulty .duration-range.d1,
.year-view-calendar-grid .month .activity-icon.duration .difficulty-level.d1,
.year-view-calendar-grid .month .activity-icon.duration .duration-range.d1 {
  color: #4296cb;
}
.year-view-calendar-grid .month .activity-icon.difficulty .difficulty-level.d2,
.year-view-calendar-grid .month .activity-icon.difficulty .duration-range.d2,
.year-view-calendar-grid .month .activity-icon.duration .difficulty-level.d2,
.year-view-calendar-grid .month .activity-icon.duration .duration-range.d2 {
  color: #26bc35;
}
.year-view-calendar-grid .month .activity-icon.difficulty .difficulty-level.d3,
.year-view-calendar-grid .month .activity-icon.difficulty .duration-range.d3,
.year-view-calendar-grid .month .activity-icon.duration .difficulty-level.d3,
.year-view-calendar-grid .month .activity-icon.duration .duration-range.d3 {
  color: #f7b02c;
}
.year-view-calendar-grid .month .activity-icon.difficulty .difficulty-level.d4,
.year-view-calendar-grid .month .activity-icon.difficulty .duration-range.d4,
.year-view-calendar-grid .month .activity-icon.duration .difficulty-level.d4,
.year-view-calendar-grid .month .activity-icon.duration .duration-range.d4 {
  color: #ff6c19;
}
.year-view-calendar-grid .month .activity-icon.difficulty .difficulty-level.d5,
.year-view-calendar-grid .month .activity-icon.difficulty .duration-range.d5,
.year-view-calendar-grid .month .activity-icon.duration .difficulty-level.d5,
.year-view-calendar-grid .month .activity-icon.duration .duration-range.d5 {
  color: #c80500;
}
.year-view-calendar-grid .month .activity-icon.body-focus .icon-type {
  margin: 2px 0;
  aspect-ratio: 1;
  border-radius: 4px;
  color: #fff;
}
@supports not (aspect-ratio: 1) {
  .year-view-calendar-grid .month .activity-icon.body-focus .icon-type::before {
    content: "";
    float: left;
    padding-top: calc((1 / 1) * 100%);
  }
  .year-view-calendar-grid .month .activity-icon.body-focus .icon-type::after {
    content: "";
    display: block;
    clear: both;
  }
}
.year-view-calendar-grid
  .month
  .activity-icon.body-focus
  .icon-type.upper-body {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(39%, #83008d),
    color-stop(39%, #fff),
    color-stop(44%, #fff),
    color-stop(44%, #ced0db),
    to(#ced0db)
  );
  background: linear-gradient(
    #83008d 39%,
    #fff 39%,
    #fff 44%,
    #ced0db 44%,
    #ced0db 100%
  );
}
.year-view-calendar-grid .month .activity-icon.body-focus .icon-type.core {
  background: #f417ff;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(36%, #ced0db),
    color-stop(36%, #fff),
    color-stop(40%, #fff),
    color-stop(40%, #6714ef),
    color-stop(64%, #6714ef),
    color-stop(64%, #fff),
    color-stop(68%, #fff),
    color-stop(68%, #ced0db),
    to(#ced0db)
  );
  background: linear-gradient(
    #ced0db 36%,
    #fff 36%,
    #fff 40%,
    #6714ef 40%,
    #6714ef 64%,
    #fff 64%,
    #fff 68%,
    #ced0db 68%,
    #ced0db 100%
  );
}
.year-view-calendar-grid
  .month
  .activity-icon.body-focus
  .icon-type.lower-body {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(56%, #ced0db),
    color-stop(56%, #fff),
    color-stop(60%, #fff),
    color-stop(60%, #0055d3),
    to(#0055d3)
  );
  background: linear-gradient(
    #ced0db 56%,
    #fff 56%,
    #fff 60%,
    #0055d3 60%,
    #0055d3 100%
  );
}
.year-view-calendar-grid
  .month
  .activity-icon.body-focus
  .icon-type.total-body {
  background: #4296cb;
}
.data-widgets {
  width: 100%;
  max-width: 1220px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 0.5rem;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .data-widgets {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
.data-widgets .calendar-card {
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  margin: 0.5rem;
  -webkit-box-flex: 1;
  flex-grow: 1;
}
.data-widgets .calendar-card.has-footer {
  padding-bottom: 2rem;
}
.data-widgets .calendar-card.widget {
  width: calc(50% - 2rem);
}
@media (max-width: 768px) {
  .data-widgets .calendar-card.widget {
    width: calc(100% - 1rem);
  }
}
.data-widgets .calendar-card.widget .widget-data {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  padding: 1rem;
}
.data-widgets .calendar-card.widget .widget-data .widget-title {
  font-size: 1.6rem;
  font-weight: bold;
  color: #313443;
  margin: 0;
}
.data-widgets
  .calendar-card.widget
  .widget-data
  .widget-title
  .widget-subtitle {
  font-size: 1.4rem;
  font-weight: normal;
  color: #7b7f92;
}
.data-widgets .calendar-card.widget .widget-data .widget-options {
  display: -webkit-box;
  display: flex;
  width: 24px;
  color: #212432;
  position: relative;
  top: 0;
  right: 0;
}
.data-widgets .calendar-card.widget .data-visualization {
  border-top: 1px solid #e6e7ee;
  padding: 1rem;
}
.data-widgets .calendar-card.widget .data-visualization .no-results {
  height: 350px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.data-widgets .calendar-card.widget .data-point {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  border-top: 1px solid #e6e7ee;
  padding: 1rem;
}
.data-widgets .calendar-card.widget .data-point .data-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.data-widgets .calendar-card.widget .data-point .data-title .data-icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: #4296cb;
  margin-right: 0.5rem;
}
.data-widgets .calendar-card.widget .data-point .data-title .data-label {
  font-size: 1.6rem;
  color: #212432;
}
.data-widgets .calendar-card.widget .data-point .data-value {
  font-size: 1.6rem;
  font-weight: bold;
  color: #212432;
}
.daily-activity-header {
  width: 100%;
  max-width: 1220px;
  margin: 2rem 0;
  padding: 0 1rem;
}
@media (max-width: 768px) {
  .daily-activity-header {
    margin: 1rem;
  }
}
.daily-activity-header .section-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.daily-activity-header .section-header .section-title {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0 1rem 0 0;
  margin: 0;
  display: block;
}
@media (max-width: 768px) {
  .daily-activity-header .section-header .section-title {
    font-size: 1.6rem;
  }
}
.daily-activity-header .section-header .section-actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: right;
  justify-content: right;
}
.daily-activity-header .section-header .section-actions .section-items {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-weight: normal;
  font-size: 1.5rem;
  background: #4296cb;
  color: #fff;
  height: 24px;
  width: 24px;
  border-radius: 24px;
}
.daily-activity-header .section-header .section-actions .show-hide {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.activity-cards {
  width: 100%;
  max-width: 1220px;
  padding: 0 0.5rem;
}
.activity-cards .activity-card {
  position: relative;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  margin: 1rem 0.5rem;
  width: calc(100% - 1rem);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.activity-cards .activity-card:first-child {
  margin-top: 0;
}
.activity-cards .activity-card a {
  display: block;
}
.activity-cards .activity-card .activity-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  padding: 1rem;
}
.activity-cards .activity-card .activity-header .activity-img {
  width: 250px;
  flex-shrink: 0;
}
@media (max-width: 1110px) {
  .activity-cards .activity-card .activity-header .activity-img {
    width: 200px;
  }
}
@media (max-width: 940px) {
  .activity-cards .activity-card .activity-header .activity-img {
    width: 150px;
  }
}
@media (max-width: 768px) {
  .activity-cards .activity-card .activity-header .activity-img {
    width: 100px;
  }
}
.activity-cards .activity-card .activity-header .activity-img img {
  display: block;
}
.activity-cards .activity-card .activity-header .activity-info {
  margin: 0 0 0 2rem;
}
@media (max-width: 768px) {
  .activity-cards .activity-card .activity-header .activity-info {
    margin: 0 0 0 1rem;
  }
}
.activity-cards .activity-card .activity-header .activity-info .activity-title {
  color: #212432;
  font-size: 1.8rem;
  padding: 0 1rem 1rem 0;
  margin: 0;
  display: block;
}
.activity-cards
  .activity-card
  .activity-header
  .activity-info
  .activity-title
  .subtitle {
  font-size: 1.6rem;
  font-weight: normal;
  color: #7b7f92;
}
@media (max-width: 768px) {
  .activity-cards
    .activity-card
    .activity-header
    .activity-info
    .activity-title
    .subtitle {
    display: none;
  }
}
@media (max-width: 768px) {
  .activity-cards
    .activity-card
    .activity-header
    .activity-info
    .activity-title {
    font-size: 1.6rem;
    padding: 0 1rem 0 0;
  }
  .activity-cards
    .activity-card
    .activity-header
    .activity-info
    .activity-title
    .subtitle {
    font-size: 1.4rem;
  }
}
.activity-cards .activity-card .activity-header .activity-info .primary-detail {
  font-size: 1.4rem;
  font-weight: normal;
  color: #4296cb;
}
.activity-cards .activity-card .activity-type {
  background: #a7aabb;
  color: #fff;
  border-radius: 24px;
  width: 24px;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: left;
  justify-content: left;
  position: absolute;
  top: calc(50% - 13px);
  left: -33px;
  cursor: help;
  -webkit-transition: background 400ms, width 200ms, -webkit-box-shadow 300ms;
  transition: background 400ms, width 200ms, -webkit-box-shadow 300ms;
  transition: background 400ms, width 200ms, box-shadow 300ms;
  transition: background 400ms, width 200ms, box-shadow 300ms,
    -webkit-box-shadow 300ms;
}
.activity-cards .activity-card .activity-type.required {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#10bfe1),
    to(#5251ff)
  );
  background: linear-gradient(to bottom right, #10bfe1 0%, #5251ff 100%);
}
.activity-cards .activity-card .activity-type .activity-type-label {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 1rem 0 0.8rem;
  display: none;
}
.activity-cards .activity-card .activity-type:hover,
.activity-cards .activity-card .activity-type:focus {
  background: #313443;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  width: 130px;
  -webkit-transition: background 400ms, width 200ms, -webkit-box-shadow 300ms;
  transition: background 400ms, width 200ms, -webkit-box-shadow 300ms;
  transition: background 400ms, width 200ms, box-shadow 300ms;
  transition: background 400ms, width 200ms, box-shadow 300ms,
    -webkit-box-shadow 300ms;
}
.activity-cards .activity-card .activity-type:hover .activity-type-label,
.activity-cards .activity-card .activity-type:focus .activity-type-label {
  display: block;
  white-space: nowrap;
}
.activity-cards .activity-card .card-details {
  border-top: 1px solid #e6e7ee;
}
.activity-cards .activity-card .card-details .detail-group {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .activity-cards .activity-card .card-details .detail-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
.activity-cards .activity-card .card-details .detail-group .secondary-details {
  flex-shrink: 1;
  min-width: 300px;
}
.activity-cards
  .activity-card
  .card-details
  .detail-group
  .secondary-details
  .detail-list {
  list-style: none;
  margin: 1rem 2rem 1rem 1rem;
  padding: 0;
}
.activity-cards
  .activity-card
  .card-details
  .detail-group
  .secondary-details
  .detail-list
  li {
  font-size: 1.5rem;
  line-height: 1.5em;
  display: -webkit-box;
  display: flex;
  padding: 0;
  margin: 0.1rem 0;
}
.activity-cards
  .activity-card
  .card-details
  .detail-group
  .secondary-details
  .detail-list
  li
  .detail-title {
  min-width: 11rem;
}
.activity-cards
  .activity-card
  .card-details
  .detail-group
  .secondary-details
  .detail-list
  .detail-value {
  font-weight: bold;
  display: -webkit-box;
  display: flex;
}
.activity-cards
  .activity-card
  .card-details
  .detail-group
  .secondary-details
  .detail-list
  .detail-value.-difficulty {
  color: #7b7f92;
}
.activity-cards
  .activity-card
  .card-details
  .detail-group
  .secondary-details
  .detail-list
  .detail-value.-difficulty
  .material-symbols-outlined {
  font-size: 2.2rem;
  width: 18px;
}
.activity-cards
  .activity-card
  .card-details
  .detail-group
  .secondary-details
  .detail-list
  .detail-value.-difficulty
  .-active {
  color: #e84452;
}
.activity-cards
  .activity-card
  .card-details
  .detail-group
  .secondary-details
  .detail-list
  .detail-value.-estimate
  .material-symbols-outlined {
  font-size: 2rem;
}
.activity-cards
  .activity-card
  .card-details
  .detail-group
  .secondary-details
  .detail-list
  .detail-value.-estimate
  .btn {
  margin: 0 0.5rem 0 0 !important;
  padding: 0;
  color: #7b7f92;
}
.activity-cards
  .activity-card
  .card-details
  .detail-group
  .secondary-details
  .detail-list
  .detail-value.-pill {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 4rem;
  height: 20px;
  border-radius: 10px;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
}
.activity-cards
  .activity-card
  .card-details
  .detail-group
  .secondary-details
  .detail-list
  .detail-value.-pill.-free {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#26bc35),
    to(#d6f41e)
  );
  background: linear-gradient(to bottom right, #26bc35 0%, #d6f41e 100%);
  border: 1px solid #fff;
  color: #fff;
}
.activity-cards
  .activity-card
  .card-details
  .detail-group
  .secondary-details
  .detail-list
  .detail-value.-pill.-plus {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#4296cc),
    to(#0067aa)
  );
  background: linear-gradient(to bottom right, #4296cc 0%, #0067aa 100%);
  border: 1px solid #fff;
  color: #fff;
}
.activity-cards
  .activity-card
  .card-details
  .detail-group
  .secondary-details
  .detail-list
  .detail-value
  .value-icons {
  display: -webkit-box;
  display: flex;
}
.activity-cards .activity-card .card-details .detail-group .detail-description {
  border-left: 1px solid #e6e7ee;
  padding: 1rem;
}
.activity-cards
  .activity-card
  .card-details
  .detail-group
  .detail-description
  p {
  line-height: 1.5em;
  padding: 0;
}
.activity-cards
  .activity-card
  .card-details
  .detail-group
  .detail-description
  p.coming-soon {
  padding: 0 0 3.2rem;
}
@media (max-width: 1330px) {
  .activity-cards
    .activity-card
    .card-details
    .detail-group
    .detail-description
    p {
    font-size: 1.6rem;
  }
}
@media (max-width: 1110px) {
  .activity-cards
    .activity-card
    .card-details
    .detail-group
    .detail-description
    p {
    font-size: 1.5rem;
  }
}
@media (max-width: 940px) {
  .activity-cards
    .activity-card
    .card-details
    .detail-group
    .detail-description
    p {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .activity-cards
    .activity-card
    .card-details
    .detail-group
    .detail-description {
    border-left: none;
    border-top: 1px solid #e6e7ee;
  }
}
.program-section .program-cards {
  width: 100%;
  max-width: 1220px;
  padding: 0 0.5rem;
}
.program-section .program-cards .program-card {
  position: relative;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  margin: 0 0.5rem 1rem 0.5rem;
  width: calc(100% - 1rem);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.program-section .program-cards .program-card .program-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  padding: 1rem;
}
.program-section
  .program-cards
  .program-card
  .program-header
  .program-cover-img {
  width: 104px;
  flex-shrink: 0;
}
.program-section
  .program-cards
  .program-card
  .program-header
  .program-cover-img
  img {
  display: block;
}
.program-section .program-cards .program-card .program-header .program-info {
  margin: 0 0 0 1rem;
}
.program-section
  .program-cards
  .program-card
  .program-header
  .program-info
  .program-title {
  color: #212432;
  font-size: 1.6rem;
  padding: 0 1rem 0 0;
  margin: 0;
  display: block;
}
.program-section
  .program-cards
  .program-card
  .program-header
  .program-info
  .program-title
  .subtitle {
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
  color: #7b7f92;
}
@media (max-width: 768px) {
  .program-section
    .program-cards
    .program-card
    .program-header
    .program-info
    .program-title
    .subtitle {
    display: none;
  }
}
.program-section
  .program-cards
  .program-card
  .program-header
  .program-info
  .program-title
  .primary-detail {
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
  color: #4296cb;
}
.program-section .program-cards .program-card .program-day-guide {
  margin: 2rem 3rem 3rem 3rem;
}
.program-section .program-cards .program-card .program-day-guide b,
.program-section .program-cards .program-card .program-day-guide strong {
  color: #000;
}
.program-section
  .program-cards
  .program-card
  .program-day-guide
  ul:not([class]),
.program-section
  .program-cards
  .program-card
  .program-day-guide
  ol:not([class]) {
  color: #4e5262;
  max-width: 80%;
}
.program-section
  .program-cards
  .program-card
  .program-day-guide
  ul:not([class])
  li,
.program-section
  .program-cards
  .program-card
  .program-day-guide
  ol:not([class])
  li {
  padding: 0 0 1rem 0;
  margin: 0 0 0 1.5rem;
  line-height: 2.2rem;
}
.program-section
  .program-cards
  .program-card
  .program-day-guide
  ul:not([class])
  li
  > ul,
.program-section
  .program-cards
  .program-card
  .program-day-guide
  ul:not([class])
  li
  > ol,
.program-section
  .program-cards
  .program-card
  .program-day-guide
  ol:not([class])
  li
  > ul,
.program-section
  .program-cards
  .program-card
  .program-day-guide
  ol:not([class])
  li
  > ol {
  margin: 0;
  padding-bottom: 0;
}
.program-section
  .program-cards
  .program-card
  .program-day-guide
  ul:not([class])
  li
  > ul
  li:last-child,
.program-section
  .program-cards
  .program-card
  .program-day-guide
  ul:not([class])
  li
  > ol
  li:last-child,
.program-section
  .program-cards
  .program-card
  .program-day-guide
  ol:not([class])
  li
  > ul
  li:last-child,
.program-section
  .program-cards
  .program-card
  .program-day-guide
  ol:not([class])
  li
  > ol
  li:last-child {
  padding: 0;
}
.program-section .program-cards .program-card .program-day-guide p + ol,
.program-section .program-cards .program-card .program-day-guide p + ul {
  margin-top: -2rem;
}
@media (max-width: 1330px) {
  .program-section .program-cards .program-card .program-day-guide {
    margin: 2rem 3rem 3rem 3rem;
  }
  .program-section .program-cards .program-card .program-day-guide p,
  .program-section .program-cards .program-card .program-day-guide ul,
  .program-section .program-cards .program-card .program-day-guide ol {
    font-size: 1.6rem;
  }
}
@media (max-width: 1110px) {
  .program-section .program-cards .program-card .program-day-guide {
    margin: 1rem 2rem 2rem 2rem;
  }
  .program-section .program-cards .program-card .program-day-guide p,
  .program-section .program-cards .program-card .program-day-guide ul,
  .program-section .program-cards .program-card .program-day-guide ol {
    font-size: 1.5rem;
  }
}
@media (max-width: 940px) {
  .program-section .program-cards .program-card .program-day-guide {
    margin: 1rem 2rem 2rem 2rem;
  }
  .program-section .program-cards .program-card .program-day-guide p,
  .program-section .program-cards .program-card .program-day-guide ul,
  .program-section .program-cards .program-card .program-day-guide ol {
    font-size: 1.5rem;
  }
}
.program-section
  .program-cards
  .program-card
  .program-day-guide[aria-hidden="true"] {
  height: 125px;
  position: relative;
  overflow: hidden;
}
.program-section
  .program-cards
  .program-card
  .program-day-guide[aria-hidden="true"]:after {
  display: block;
  position: absolute;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0)),
    to(#fff)
  );
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    #fff 100%
  );
  bottom: 0px;
  left: 0px;
  content: "";
  height: 25px;
  width: 100%;
}
.program-section
  .program-cards
  .program-card
  .program-day-guide[aria-hidden="true"].active {
  height: auto;
}
.program-section .program-cards .program-card .program-day-guide h2 {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 2rem 0;
  padding: 0;
}
.program-section .program-cards .program-card .program-day-guide p {
  line-height: 1.5em;
  padding: 0 0 1.5rem 0;
}
.program-section .program-cards .program-card .program-day-guide ul,
.program-section .program-cards .program-card .program-day-guide ol {
  margin-bottom: 1.5rem;
}
.program-section .program-cards .program-card .program-day-guide p + ol,
.program-section .program-cards .program-card .program-day-guide p + ul {
  margin-top: 0;
}
.program-section .program-cards .cover-info .cover-icon i {
  font-size: 3rem;
}
.program-section .program-cards .cover-info .cover-title {
  font-size: 3rem;
}
.program-section .program-cards .cover-info .cover-sub-title {
  font-size: 2rem;
}
.program-section .program-cards .progress-container {
  width: 100%;
}
.program-section .program-cards .progress-container .progress-meter {
  background-color: #e3ebee;
}
.program-section .program-cards .progress-container .progress-meter .progress {
  background-color: #4296cb;
  height: 4px;
}
.program-section .program-activities {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: 1220px;
}
.program-section .program-activities .program-bar {
  background: #a7aabb;
  border-radius: 3px;
  width: 5px;
  height: calc(100% - 1rem);
  flex-shrink: 0;
  margin: 0 8px 0 18px;
}
.program-section .program-activities .activity-cards {
  width: calc(100% - 31px);
}
.program-section
  .program-activities
  .activity-cards
  .card-actions
  .action
  .btn {
  color: #313443;
}
.program-section
  .program-activities
  .activity-cards
  .card-actions
  .action
  .btn.swap-open {
  border-radius: 0;
  color: #fff;
  background: #313443;
}
.program-section
  .program-activities
  .activity-cards
  .card-actions
  .action
  .btn.swap-open
  i {
  margin: 0;
}
.program-section
  .program-activities
  .activity-cards
  .card-actions
  .action
  .btn.swap-open
  .btn-txt {
  display: none;
}
.program-section
  .program-activities
  .activity-cards
  .card-actions
  .complete-button.swap-open {
  opacity: 0.2;
}
.calendar-card .card-actions,
.program-card .card-actions,
.activity-card .card-actions {
  border-top: 1px solid #e6e7ee;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  font-size: 1.6rem;
  color: #313443;
}
@media (max-width: 768px) {
  .calendar-card .card-actions,
  .program-card .card-actions,
  .activity-card .card-actions {
    -webkit-box-pack: center;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .calendar-card .card-actions.activity,
  .program-card .card-actions.activity,
  .activity-card .card-actions.activity {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}
@media (max-width: 768px) {
  .calendar-card .card-actions.activity .action,
  .calendar-card .card-actions.activity .action:last-child,
  .program-card .card-actions.activity .action,
  .program-card .card-actions.activity .action:last-child,
  .activity-card .card-actions.activity .action,
  .activity-card .card-actions.activity .action:last-child {
    border-left: none;
    border-right: none;
    margin: 0;
    -webkit-box-flex: 0;
    flex-grow: 0;
  }
}
.calendar-card .card-actions.activity.confirm-delete,
.program-card .card-actions.activity.confirm-delete,
.activity-card .card-actions.activity.confirm-delete {
  -webkit-box-pack: center;
  justify-content: center;
}
.calendar-card .card-actions.activity.confirm-delete .btn .btn-ico,
.program-card .card-actions.activity.confirm-delete .btn .btn-ico,
.activity-card .card-actions.activity.confirm-delete .btn .btn-ico {
  margin-right: 5px;
}
@media (max-width: 768px) {
  .calendar-card .card-actions.activity.confirm-delete .btn,
  .program-card .card-actions.activity.confirm-delete .btn,
  .activity-card .card-actions.activity.confirm-delete .btn {
    padding: 5px;
  }
}
.calendar-card .card-actions .action,
.program-card .card-actions .action,
.activity-card .card-actions .action {
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-basis: 0;
  flex-wrap: nowrap;
}
.calendar-card .card-actions .action .btn.-material,
.program-card .card-actions .action .btn.-material,
.activity-card .card-actions .action .btn.-material {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.calendar-card .card-actions .action .btn.-material .btn-txt,
.program-card .card-actions .action .btn.-material .btn-txt,
.activity-card .card-actions .action .btn.-material .btn-txt {
  white-space: nowrap;
}
@media (max-width: 768px) {
  .calendar-card .card-actions .action .btn.-material i,
  .program-card .card-actions .action .btn.-material i,
  .activity-card .card-actions .action .btn.-material i {
    margin: 0;
  }
}
.calendar-card .card-actions .action .btn.-confirm,
.program-card .card-actions .action .btn.-confirm,
.activity-card .card-actions .action .btn.-confirm {
  color: #fff;
  background: #e84452;
  margin: 5px 0 !important;
}
.calendar-card .card-actions .action:first-child,
.program-card .card-actions .action:first-child,
.activity-card .card-actions .action:first-child {
  border-left: none;
}
@media (max-width: 768px) {
  .calendar-card .card-actions .action,
  .program-card .card-actions .action,
  .activity-card .card-actions .action {
    border-left: none;
    border-right: none;
    margin: 0 1rem;
    -webkit-box-flex: 0;
    flex-grow: 0;
  }
  .calendar-card .card-actions .action:last-child,
  .program-card .card-actions .action:last-child,
  .activity-card .card-actions .action:last-child {
    border-right: none;
  }
}
.calendar-card .card-actions .btn,
.calendar-card .card-actions a,
.program-card .card-actions .btn,
.program-card .card-actions a,
.activity-card .card-actions .btn,
.activity-card .card-actions a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  padding: 1rem;
  border: none;
  text-transform: none;
  font-size: inherit;
  font-weight: inherit;
}
.calendar-card .card-actions .btn.disabled,
.calendar-card .card-actions .btn[disabled],
.calendar-card .card-actions .btn[disabled][aria-expanded="true"],
.calendar-card .card-actions a.disabled,
.calendar-card .card-actions a[disabled],
.calendar-card .card-actions a[disabled][aria-expanded="true"],
.program-card .card-actions .btn.disabled,
.program-card .card-actions .btn[disabled],
.program-card .card-actions .btn[disabled][aria-expanded="true"],
.program-card .card-actions a.disabled,
.program-card .card-actions a[disabled],
.program-card .card-actions a[disabled][aria-expanded="true"],
.activity-card .card-actions .btn.disabled,
.activity-card .card-actions .btn[disabled],
.activity-card .card-actions .btn[disabled][aria-expanded="true"],
.activity-card .card-actions a.disabled,
.activity-card .card-actions a[disabled],
.activity-card .card-actions a[disabled][aria-expanded="true"] {
  pointer-events: none;
  background: none;
  opacity: 0.4;
}
.calendar-card .card-actions .btn .btn-ico,
.calendar-card .card-actions a .btn-ico,
.program-card .card-actions .btn .btn-ico,
.program-card .card-actions a .btn-ico,
.activity-card .card-actions .btn .btn-ico,
.activity-card .card-actions a .btn-ico {
  margin: 0 1rem 0 0;
}
.calendar-card .card-actions .primary-actions,
.program-card .card-actions .primary-actions,
.activity-card .card-actions .primary-actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: right;
  justify-content: right;
}
.calendar-card .card-actions .secondary-actions,
.program-card .card-actions .secondary-actions,
.activity-card .card-actions .secondary-actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
[data-whatinput="keyboard"]
  .calendar-card
  .card-actions
  .secondary-actions
  .btn:focus,
.calendar-card .card-actions .secondary-actions .btn:focus,
.calendar-card .card-actions .secondary-actions .btn:hover,
.calendar-card .card-actions .secondary-actions .btn:active,
.calendar-card .card-actions .secondary-actions .btn.active,
.calendar-card .card-actions .secondary-actions .btn[aria-expanded="true"],
[data-whatinput="keyboard"]
  .calendar-card
  .card-actions
  .secondary-actions
  a:focus,
.calendar-card .card-actions .secondary-actions a:focus,
.calendar-card .card-actions .secondary-actions a:hover,
.calendar-card .card-actions .secondary-actions a:active,
.calendar-card .card-actions .secondary-actions a.active,
.calendar-card .card-actions .secondary-actions a[aria-expanded="true"],
[data-whatinput="keyboard"]
  .program-card
  .card-actions
  .secondary-actions
  .btn:focus,
.program-card .card-actions .secondary-actions .btn:focus,
.program-card .card-actions .secondary-actions .btn:hover,
.program-card .card-actions .secondary-actions .btn:active,
.program-card .card-actions .secondary-actions .btn.active,
.program-card .card-actions .secondary-actions .btn[aria-expanded="true"],
[data-whatinput="keyboard"]
  .program-card
  .card-actions
  .secondary-actions
  a:focus,
.program-card .card-actions .secondary-actions a:focus,
.program-card .card-actions .secondary-actions a:hover,
.program-card .card-actions .secondary-actions a:active,
.program-card .card-actions .secondary-actions a.active,
.program-card .card-actions .secondary-actions a[aria-expanded="true"],
[data-whatinput="keyboard"]
  .activity-card
  .card-actions
  .secondary-actions
  .btn:focus,
.activity-card .card-actions .secondary-actions .btn:focus,
.activity-card .card-actions .secondary-actions .btn:hover,
.activity-card .card-actions .secondary-actions .btn:active,
.activity-card .card-actions .secondary-actions .btn.active,
.activity-card .card-actions .secondary-actions .btn[aria-expanded="true"],
[data-whatinput="keyboard"]
  .activity-card
  .card-actions
  .secondary-actions
  a:focus,
.activity-card .card-actions .secondary-actions a:focus,
.activity-card .card-actions .secondary-actions a:hover,
.activity-card .card-actions .secondary-actions a:active,
.activity-card .card-actions .secondary-actions a.active,
.activity-card .card-actions .secondary-actions a[aria-expanded="true"] {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  border: none;
}
.calendar-card .card-actions .modify-activity,
.program-card .card-actions .modify-activity,
.activity-card .card-actions .modify-activity {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: right;
  justify-content: right;
}
.calendar-card .card-actions .complete-button,
.program-card .card-actions .complete-button,
.activity-card .card-actions .complete-button {
  width: auto;
  max-width: none;
  margin: 8px 10px;
  font-weight: bold;
}
.calendar-card .card-actions .complete-button .btn.-material.-complete,
.program-card .card-actions .complete-button .btn.-material.-complete,
.activity-card .card-actions .complete-button .btn.-material.-complete {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  white-space: nowrap;
  height: 38px;
  width: auto;
  padding: 0.2rem 0.6rem 0.2rem 2rem;
  line-height: 0;
  letter-spacing: normal;
}
@media (max-width: 768px) {
  .calendar-card .card-actions .complete-button .btn.-material.-complete,
  .program-card .card-actions .complete-button .btn.-material.-complete,
  .activity-card .card-actions .complete-button .btn.-material.-complete {
    height: 28px;
    padding: 0.2rem 0.2rem 0.2rem 1rem;
  }
}
.calendar-card .card-actions .complete-button .btn.-material.-complete i,
.program-card .card-actions .complete-button .btn.-material.-complete i,
.activity-card .card-actions .complete-button .btn.-material.-complete i {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin-left: 1rem;
}
@media (max-width: 768px) {
  .calendar-card .card-actions .complete-button .btn.-material.-complete i,
  .program-card .card-actions .complete-button .btn.-material.-complete i,
  .activity-card .card-actions .complete-button .btn.-material.-complete i {
    margin-left: 0.5rem;
  }
}
.activity-section {
  margin: 0;
}
.activity-section[aria-hidden="true"] {
  display: none;
}
.activity-center .activity-card .mp-customize-card {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.activity-center
  .activity-card
  .mp-customize-card
  .message
  .personalize-heading {
  font-size: 2.4rem;
}
.activity-center .activity-card .mp-customize-card .message .sub-heading {
  font-size: 1.4rem;
}
.activity-card .browse-activities {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 0.5rem;
  flex-wrap: wrap;
}
.activity-card .browse-activities .-card-view {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  width: calc(25% - 1rem);
}
@media (max-width: 940px) {
  .activity-card .browse-activities .-card-view {
    width: calc(50% - 1rem);
  }
}
@media (max-width: 600px) {
  .activity-card .browse-activities .-card-view {
    width: 100%;
  }
}
.activity-card .browse-activities .-card-view a {
  border-radius: 4px;
}
.activity-card .browse-activities .-card-view a .exclusive {
  border-radius: 4px;
}
.swap-options {
  width: 100%;
  margin-bottom: 2rem;
}
.swap-options .plan-mod {
  margin: 0;
}
.swap-options .mod-menu-results .mod-menus .content-group {
  margin: 0;
  padding: 0;
}
.swap-options .mod-menu-results .mod-menus .group.-full {
  width: 100%;
}
.swap-options .mod-menu-results .mod-menus .content-refinement {
  -webkit-box-pack: left;
  justify-content: left;
}
.swap-options
  .mod-menu-results
  .mod-menus
  .content-refinement
  .refinement-group {
  padding: 1rem;
}
.swap-options
  .mod-menu-results
  .mod-menus
  .content-refinement
  .refinement-group:first-child {
  border: 0;
}
.swap-options .mod-menu-results .mod-menus .mod-menu-close .swap-open {
  height: 100%;
  border-radius: 0;
  border-color: #313443;
  color: #fff;
  background: #313443;
}
.swap-options .mod-menu-results .mod-menus .mod-menu-close .swap-open i {
  margin: 0;
}
.swap-options .mod-menu-results .mod-menus .mod-menu-close .swap-open .btn-txt {
  display: none;
}
.swap-options .mod-menu-results .shelf-results .shelf-card {
  min-width: 260px;
  width: 260px;
  min-height: 260px;
}
.swap-options .mod-menu-results .mod-sub-menu {
  background: #ced0db;
  min-height: auto;
  padding-top: 1rem;
}
.swap-options .mod-menu-results .mod-sub-menu-action .btn.-link,
.swap-options .mod-menu-results .mod-sub-menu-action a.-link {
  color: #313443;
}
.swap-options .mod-menu-results .mod-sub-menu-action .btn.-main,
.swap-options .mod-menu-results .mod-sub-menu-action a.-main {
  background: #313443;
}
[data-whatinput="keyboard"]
  .swap-options
  .mod-menu-results
  .mod-sub-menu-action
  .btn:focus,
.swap-options .mod-menu-results .mod-sub-menu-action .btn:focus,
.swap-options .mod-menu-results .mod-sub-menu-action .btn:hover,
.swap-options .mod-menu-results .mod-sub-menu-action .btn:active,
.swap-options .mod-menu-results .mod-sub-menu-action .btn.active,
.swap-options .mod-menu-results .mod-sub-menu-action .btn[aria-expanded="true"],
[data-whatinput="keyboard"]
  .swap-options
  .mod-menu-results
  .mod-sub-menu-action
  a:focus,
.swap-options .mod-menu-results .mod-sub-menu-action a:focus,
.swap-options .mod-menu-results .mod-sub-menu-action a:hover,
.swap-options .mod-menu-results .mod-sub-menu-action a:active,
.swap-options .mod-menu-results .mod-sub-menu-action a.active,
.swap-options .mod-menu-results .mod-sub-menu-action a[aria-expanded="true"] {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  color: #4296cb;
  position: static;
  -webkit-text-decoration: none;
  text-decoration: none;
  border: none;
  background: #313443;
  color: #fff;
}
.swap-options .mod-menu-results .card-cta .btn.-main {
  background: #313443;
}
.swap-options .mod-menu-results .card-cta .btn[disabled] {
  background: #ced0db;
}
.data-widgets-manage-mode {
  width: calc(100% - 2rem);
  max-width: calc(960px - 2rem);
  margin: 1rem;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
.data-widgets-manage-mode .manage-card {
  width: 100%;
  height: 82px;
  background: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  border-bottom: 1px solid #e6e7ee;
}
.data-widgets-manage-mode .manage-card:first-child {
  border-radius: 4px 4px 0 0;
}
.data-widgets-manage-mode .manage-card:last-child {
  border-radius: 0 0 4px 4px;
  border-bottom: none;
}
.data-widgets-manage-mode .manage-card.moving {
  background: #dff8ff;
}
.data-widgets-manage-mode .manage-card .manage-order {
  width: 44px;
}
.data-widgets-manage-mode .manage-card .manage-order .btn {
  padding: 10px 10px 7px 10px;
  color: #313443;
}
.data-widgets-manage-mode .manage-card .manage-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
}
.data-widgets-manage-mode .manage-card .manage-title {
  font-size: 1.4rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .data-widgets-manage-mode .manage-card .manage-title {
    font-size: 1.3rem;
    max-height: 5rem;
  }
}
.data-widgets-manage-mode .manage-card .manage-title .callout {
  margin: 0;
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  .data-widgets-manage-mode .manage-card .manage-title .callout {
    text-align: left;
    padding: 0.5rem;
  }
  .data-widgets-manage-mode .manage-card .manage-title .callout div {
    margin: 0;
    padding: 0 50px 0 0;
    line-height: 1.2em;
  }
  .data-widgets-manage-mode .manage-card .manage-title .callout .close-callout {
    padding: 5px;
  }
}
.data-widgets-manage-mode .manage-card .manage-actions {
  display: -webkit-box;
  display: flex;
  position: relative;
}
.data-widgets-manage-mode .manage-card .manage-actions .action-button {
  padding: 10px 10px 7px 10px;
  color: #313443;
}
.legacy-meal-plan-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
}
.legacy-meal-plan-header .legacy-meal-plan-title {
  font-size: 1.6rem;
  font-weight: bold;
  padding: 3rem 3rem 0 3rem;
  margin: 0;
  display: block;
}
.legacy-meal-plan-body {
  margin: 1rem 0 0 0;
  border-top: 1px solid #e6e7ee;
  position: relative;
}
.legacy-meal-plan-body .calorie-selector {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  padding: 2rem 0;
}
.legacy-meal-plan-body .calorie-selector .select-style {
  width: 50%;
  background-color: #fff;
}
.legacy-meal-plan-body .grocery-list {
  position: absolute;
  top: 1.6rem;
  left: 0;
  font-size: 1.6rem;
  color: #313443;
  padding: 1rem 0 2rem 0;
}
.legacy-meal-plan-body .grocery-list a {
  font-weight: 400;
}
.legacy-meal-plan-body .grocery-list a:before {
  font-family: "Material Symbols Outlined" !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  content: "shopping_cart";
  color: #313443;
  font-size: 20px;
  margin-right: 6px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}
.legacy-meal-plan-body .mealplan-head {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  padding: 2rem 0;
  border-top: #a7aabb solid 1px;
}
.legacy-meal-plan-body .mealplan-head .mealplan-title .eyebrow {
  display: block;
  font-weight: 500;
  font-size: 12px;
  padding: 0 0 1rem 0;
}
.legacy-meal-plan-body .mealplan-head .mealplan-title .eyebrow.caps {
  text-transform: capitalize;
}
.legacy-meal-plan-body .mealplan-head .mealplan-title h2,
.legacy-meal-plan-body .mealplan-head .mealplan-title h2.heading {
  margin: 0px;
}
.legacy-meal-plan-body .mealplan-head .toggle-plus-minus {
  -webkit-box-flex: 0;
  flex: 0 0 34px;
}
.legacy-meal-plan-body .mealplan-head .toggle-plus-minus:before {
  font-family: "Material Symbols Outlined" !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  content: "expand_more";
}
.legacy-meal-plan-body .mealplan-head .toggle-plus-minus:after {
  font-family: "Material Symbols Outlined" !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  content: "expand_less";
}
.legacy-meal-plan-body .mealplan-details {
  display: none;
  padding: 0 0 2rem 0;
}
.legacy-meal-plan-body .mealplan-details.drawer-active {
  display: block;
}
.legacy-meal-plan-body .mealplan-details table {
  margin: 1rem 0;
  padding: 0px;
  background-color: #fff;
}
.legacy-meal-plan-body
  .mealplan-details
  table.calories-1600
  tbody
  > tr
  > td
  div,
.legacy-meal-plan-body
  .mealplan-details
  table.calories-1600
  thead
  > tr
  > th
  div,
.legacy-meal-plan-body
  .mealplan-details
  table.calories-2000
  tbody
  > tr
  > td
  div,
.legacy-meal-plan-body
  .mealplan-details
  table.calories-2000
  thead
  > tr
  > th
  div,
.legacy-meal-plan-body
  .mealplan-details
  table.calories-2400
  tbody
  > tr
  > td
  div,
.legacy-meal-plan-body
  .mealplan-details
  table.calories-2400
  thead
  > tr
  > th
  div,
.legacy-meal-plan-body
  .mealplan-details
  table.calories-2800
  tbody
  > tr
  > td
  div,
.legacy-meal-plan-body
  .mealplan-details
  table.calories-2800
  thead
  > tr
  > th
  div,
.legacy-meal-plan-body
  .mealplan-details
  table.calories-3200
  tbody
  > tr
  > td
  div,
.legacy-meal-plan-body
  .mealplan-details
  table.calories-3200
  thead
  > tr
  > th
  div {
  opacity: 0.1;
}
.legacy-meal-plan-body
  .mealplan-details
  table.calories-1600
  thead
  > tr
  > th:nth-child(1)
  div,
.legacy-meal-plan-body
  .mealplan-details
  table.calories-2000
  thead
  > tr
  > th:nth-child(1)
  div,
.legacy-meal-plan-body
  .mealplan-details
  table.calories-2400
  thead
  > tr
  > th:nth-child(1)
  div,
.legacy-meal-plan-body
  .mealplan-details
  table.calories-2800
  thead
  > tr
  > th:nth-child(1)
  div,
.legacy-meal-plan-body
  .mealplan-details
  table.calories-3200
  thead
  > tr
  > th:nth-child(1)
  div {
  opacity: 1;
}
.legacy-meal-plan-body
  .mealplan-details
  table.calories-1600
  tbody
  > tr
  > td:nth-child(2)
  div,
.legacy-meal-plan-body
  .mealplan-details
  table.calories-1600
  thead
  > tr
  > th:nth-child(2)
  div {
  opacity: 1;
}
.legacy-meal-plan-body
  .mealplan-details
  table.calories-2000
  tbody
  > tr
  > td:nth-child(3)
  div,
.legacy-meal-plan-body
  .mealplan-details
  table.calories-2000
  thead
  > tr
  > th:nth-child(3)
  div {
  opacity: 1;
}
.legacy-meal-plan-body
  .mealplan-details
  table.calories-2400
  tbody
  > tr
  > td:nth-child(4)
  div,
.legacy-meal-plan-body
  .mealplan-details
  table.calories-2400
  thead
  > tr
  > th:nth-child(4)
  div {
  opacity: 1;
}
.legacy-meal-plan-body
  .mealplan-details
  table.calories-2800
  tbody
  > tr
  > td:nth-child(5)
  div,
.legacy-meal-plan-body
  .mealplan-details
  table.calories-2800
  thead
  > tr
  > th:nth-child(5)
  div {
  opacity: 1;
}
.legacy-meal-plan-body
  .mealplan-details
  table.calories-3200
  tbody
  > tr
  > td:nth-child(6)
  div,
.legacy-meal-plan-body
  .mealplan-details
  table.calories-3200
  thead
  > tr
  > th:nth-child(6)
  div {
  opacity: 1;
}
.legacy-meal-plan-body .mealplan-details table tr {
  display: -webkit-box;
  display: flex;
  width: 100%;
  -webkit-box-align: stretch;
  align-items: stretch;
  -webkit-box-pack: end;
  justify-content: flex-end;
  background-color: #fff;
  border-bottom: 1px solid #e6e7ee;
}
.legacy-meal-plan-body .mealplan-details table th,
.legacy-meal-plan-body .mealplan-details table td {
  display: block;
  border-top: 0px !important;
  -webkit-box-flex: 1;
  flex: 1 0 12%;
  font-weight: normal;
}
.legacy-meal-plan-body .mealplan-details table th:first-child,
.legacy-meal-plan-body .mealplan-details table td:first-child {
  margin-right: auto;
  -webkit-box-flex: 1;
  flex: 1 0 40%;
}
.legacy-meal-plan-body .mealplan-details table thead > tr > th {
  background-color: #e6e7ee;
  font-weight: bold;
}
.legacy-meal-plan-body .mealplan-details p {
  padding: 1rem 0;
}
.legacy-meal-plan-body .mealplan-details p strong.label {
  display: block;
}
@media (max-width: 768px) {
  .legacy-meal-plan-body .calorie-selector {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 2rem 0 1rem 0;
  }
  .legacy-meal-plan-body .calorie-selector .select-style {
    width: 100%;
    background-color: #fff;
  }
  .legacy-meal-plan-body .grocery-list {
    position: relative;
    top: auto;
    top: initial;
    left: auto;
    left: initial;
    padding: 1rem 0 2rem 0;
  }
  .legacy-meal-plan-body .mealplan-details table tbody > tr > td,
  .legacy-meal-plan-body .mealplan-details table thead > tr > th {
    display: none;
  }
  .legacy-meal-plan-body .mealplan-details table thead > tr > th:nth-child(1) {
    display: -webkit-box;
    display: flex;
  }
  .legacy-meal-plan-body
    .mealplan-details
    table.calories-1600
    tbody
    > tr
    > td:nth-child(2),
  .legacy-meal-plan-body
    .mealplan-details
    table.calories-1600
    thead
    > tr
    > th:nth-child(2) {
    display: -webkit-box;
    display: flex;
  }
  .legacy-meal-plan-body
    .mealplan-details
    table.calories-2000
    tbody
    > tr
    > td:nth-child(3),
  .legacy-meal-plan-body
    .mealplan-details
    table.calories-2000
    thead
    > tr
    > th:nth-child(3) {
    display: -webkit-box;
    display: flex;
  }
  .legacy-meal-plan-body
    .mealplan-details
    table.calories-2400
    tbody
    > tr
    > td:nth-child(4),
  .legacy-meal-plan-body
    .mealplan-details
    table.calories-2400
    thead
    > tr
    > th:nth-child(4) {
    display: -webkit-box;
    display: flex;
  }
  .legacy-meal-plan-body
    .mealplan-details
    table.calories-2800
    tbody
    > tr
    > td:nth-child(5),
  .legacy-meal-plan-body
    .mealplan-details
    table.calories-2800
    thead
    > tr
    > th:nth-child(5) {
    display: -webkit-box;
    display: flex;
  }
  .legacy-meal-plan-body
    .mealplan-details
    table.calories-3200
    tbody
    > tr
    > td:nth-child(6),
  .legacy-meal-plan-body
    .mealplan-details
    table.calories-3200
    thead
    > tr
    > th:nth-child(6) {
    display: -webkit-box;
    display: flex;
  }
  .legacy-meal-plan-body .mealplan-details table th,
  .legacy-meal-plan-body .mealplan-details table td {
    font-size: 1.2rem;
  }
  .legacy-meal-plan-body .mealplan-details table th,
  .legacy-meal-plan-body .mealplan-details table td {
    -webkit-box-flex: 1;
    flex: 1 0 25%;
  }
  .legacy-meal-plan-body .mealplan-details table th:first-child,
  .legacy-meal-plan-body .mealplan-details table td:first-child {
    margin-right: auto;
    -webkit-box-flex: 1;
    flex: 1 0 75%;
  }
}
.unused-pass {
  width: calc(100% - 2rem);
  max-width: calc(100% - 2rem);
  margin: 1rem;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
.calendar-options-unit {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 2rem 1rem;
  color: #212432;
  background: #f0f1f4;
  border-radius: 4px;
}
.calendar-options-unit .message {
  font-size: 1.4rem;
  margin-bottom: 1rem;
  color: #7b7f92;
}
.calendar-options-unit .message .fbplus {
  display: block;
  background: #fff;
  border-radius: 40px;
  padding: 0;
  margin: 2rem 0;
  -webkit-box-shadow: 0 0 4px #e6e7ee;
  box-shadow: 0 0 4px #e6e7ee;
}
.calendar-options-unit .message .fbplus .fb,
.calendar-options-unit .message .fbplus .plus {
  font-size: 3rem;
}
.calendar-options-unit .message .heading {
  font-size: 1.6rem;
  color: #212432;
}
.day-preview {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s, visibility 0s linear 0.3s;
  transition: opacity 0.3s, visibility 0s linear 0.3s;
  position: absolute;
  z-index: 1010;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 4px;
  width: 270px;
}
@media (max-width: 600px) {
  .day-preview {
    display: none;
  }
}
.day.show-preview .day-preview {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.day-preview.week-start {
  left: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.day-preview.week-end {
  left: auto;
  right: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.day-preview .day-preview-schedule {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  background: #fff;
  padding: 0.5rem 0.5rem 0.1rem 0.5rem;
}
.day-preview .day-preview-schedule .date-header .day-number {
  font-size: 8rem;
  font-weight: bold;
}
@media (max-width: 1330px) {
  .day-preview .day-preview-schedule .date-header .day-number {
    font-size: 8rem;
  }
}
@media (max-width: 1110px) {
  .day-preview .day-preview-schedule .date-header .day-number {
    font-size: 1.4rem;
  }
}
@media (max-width: 940px) {
  .day-preview .day-preview-schedule .date-header .day-number {
    font-size: 1.3rem;
  }
}
.day-preview .day-preview-schedule .date-header .day-name {
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #7b7f92;
}
.day-preview .day-preview-quick-data {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  background: #f0f1f4;
  padding: 0.2rem;
  border-radius: 4px;
  margin: 0.5rem 0;
}
.day-preview .day-preview-quick-data .day-preview-title {
  color: #212432;
  font-size: 1.6rem;
  font-weight: bold;
  margin-left: 1rem;
}
.day-preview .day-preview-quick-data .day-preview-icons {
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
  -webkit-box-align: center;
  align-items: center;
  padding: 0.2rem;
}
.day-preview .day-preview-quick-data .day-preview-icons .activity-icon {
  display: block;
  position: relative;
  height: 26px;
  width: 26px;
  margin: 0 0.2rem;
}
.day-preview
  .day-preview-quick-data
  .day-preview-icons
  .activity-icon.body-focus {
  position: relative;
  top: -2px;
}
.day-preview
  .day-preview-quick-data
  .day-preview-icons
  .activity-icon.body-focus
  .icon-type {
  border-radius: 4px;
  border: 2px solid #fff;
}
.day-preview
  .day-preview-quick-data
  .day-preview-icons
  .activity-icon.body-focus
  .icon-type
  i {
  font-size: 2.2rem;
}
.day-preview
  .day-preview-quick-data
  .day-preview-icons
  .activity-icon
  .icon-type
  i {
  font-size: 2.6rem;
}
.reschedule-card {
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  width: calc(100% - 2rem);
  max-width: 720px;
  margin: 1rem 0;
}
.reschedule-card .calendar-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 0;
  height: auto;
  width: 100%;
  max-width: 340px;
}
.reschedule-card .calendar-header .cal-prev,
.reschedule-card .calendar-header .cal-next {
  padding: 1rem;
  color: #161821;
  width: calc(24px + 2rem);
}
[data-whatinput="keyboard"] .reschedule-card .calendar-header .cal-prev:focus,
.reschedule-card .calendar-header .cal-prev:focus,
.reschedule-card .calendar-header .cal-prev:hover,
.reschedule-card .calendar-header .cal-prev:active,
.reschedule-card .calendar-header .cal-prev.active,
.reschedule-card .calendar-header .cal-prev[aria-expanded="true"],
[data-whatinput="keyboard"] .reschedule-card .calendar-header .cal-next:focus,
.reschedule-card .calendar-header .cal-next:focus,
.reschedule-card .calendar-header .cal-next:hover,
.reschedule-card .calendar-header .cal-next:active,
.reschedule-card .calendar-header .cal-next.active,
.reschedule-card .calendar-header .cal-next[aria-expanded="true"] {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  color: inherit;
}
.reschedule-card .calendar-header .cal-date {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin: 1rem;
}
.reschedule-card .calendar-header .cal-date .cal-title {
  font-size: 1.6rem;
  color: #161821;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0;
}
.reschedule-card .calendar-header .cal-date .cal-subtitle {
  font-size: 1.3rem;
  color: #7b7f92;
  line-height: 1.2em;
  margin: 0;
}
.reschedule-card .calendar-items .calendar-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  border-top: 1px solid #e6e7ee;
}
.reschedule-card .calendar-items .calendar-item:nth-child(odd) {
  background: #f9fafc;
}
.reschedule-card .calendar-items .calendar-item.unavailable .item-select {
  padding-left: 1rem;
  min-width: 50px;
  color: #ff6c19;
}
.reschedule-card .calendar-items .calendar-item.unavailable .item-image {
  opacity: 0.5;
}
.reschedule-card .calendar-items .calendar-item.unavailable .item-title {
  opacity: 0.5;
}
.reschedule-card .calendar-items .calendar-item.no-results {
  min-height: 8rem;
  -webkit-box-pack: center;
  justify-content: center;
}
.reschedule-card .calendar-items .calendar-item.no-results p {
  padding: 2rem;
}
.reschedule-card .calendar-items .calendar-item .item-message {
  width: 100%;
}
.reschedule-card .calendar-items .calendar-item .item-select .form__group {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin: 1rem;
}
.reschedule-card
  .calendar-items
  .calendar-item
  .item-select
  .form__group
  label {
  margin: 0;
}
.reschedule-card .calendar-items .calendar-item .item-image {
  margin: 1rem 0.5rem;
  min-width: 80px;
}
.reschedule-card .calendar-items .calendar-item .item-image img {
  width: 80px;
  height: 45px;
  display: block;
}
@media (max-width: 400px) {
  .reschedule-card .calendar-items .calendar-item .item-image {
    display: none;
  }
}
.reschedule-card .calendar-items .calendar-item .item-content {
  margin: 1rem 0.5rem;
  -webkit-box-flex: 2;
  flex-grow: 2;
}
.reschedule-card .calendar-items .calendar-item .item-content .item-title {
  font-size: 1.6rem;
}
.reschedule-card .calendar-items .calendar-item .item-content .item-message {
  font-size: 1.4rem;
  font-weight: 600;
}
.reschedule-card
  .calendar-items
  .calendar-item
  .item-content
  .item-message.-warning {
  color: #ff6c19;
}
.reschedule-card
  .calendar-items
  .calendar-item
  .item-content
  .item-message.-error {
  color: #e84452;
}
.reschedule-card .calendar-items .calendar-item .item-delete {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.reschedule-card .calendar-items .calendar-item .item-delete .btn {
  height: 40px;
  width: 40px;
}
.reschedule-card .reschedule-date {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  border-top: 1px solid #e6e7ee;
  flex-wrap: wrap;
}
.reschedule-card .reschedule-date .move-to {
  margin: 1rem 0.5rem 0 1rem;
  font-size: 1.6rem;
  font-weight: bold;
  width: 100%;
}
.reschedule-card .reschedule-date .selection {
  margin: 0.5rem 1rem;
  color: #7b7f92;
}
@media (max-width: 500px) {
  .reschedule-card .reschedule-date .selection {
    width: 100%;
    margin: 0.5rem 1rem;
  }
}
.reschedule-card .reschedule-date .move-days {
  background: #f0f1f4;
  border-radius: 4px;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 1rem;
}
@media (max-width: 500px) {
  .reschedule-card .reschedule-date .move-days {
    width: 100%;
    margin: 0.5rem 1rem;
    text-align: center;
  }
}
.reschedule-card .reschedule-shift {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
}
.reschedule-card .reschedule-shift .item-select {
  -webkit-box-flex: 2;
  flex-grow: 2;
}
.reschedule-card .reschedule-shift .item-select .form__group {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  margin: 1rem;
  color: #212432;
}
.reschedule-card .reschedule-shift .item-select .form__group input {
  color: #212432;
}
.reschedule-card .reschedule-shift .item-select .form__group label {
  margin: 0;
  font-size: 1.6rem;
  color: #212432;
}
.reschedule-card .card-actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-top: 1px solid #e6e7ee;
  padding: 1rem;
}
.reschedule-card .card-actions .card-action {
  width: 100%;
  height: auto;
  height: initial;
}
.workout-status-btn {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border-radius: 0px;
  background: none;
  margin: 0px;
  display: block;
  border: 0px;
  height: 40px;
  line-height: 40px;
  background-color: #4296cb;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-size: 13px;
  letter-spacing: 0.05em;
  white-space: nowrap;
  display: block;
  width: 212px;
  text-transform: uppercase;
  border-radius: 20px;
  position: relative;
  -webkit-transition: background-color 0.75s;
  transition: background-color 0.75s;
  overflow: hidden;
}
.workout-status-btn,
.workout-status-btn:focus {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.workout-status-btn .workout-status {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.workout-status-btn .workout-status span {
  -webkit-transition: -webkit-transform 0.75s;
  transition: -webkit-transform 0.75s;
  transition: transform 0.75s;
  transition: transform 0.75s, -webkit-transform 0.75s;
  display: block;
  position: absolute;
  top: 1px;
  text-align: left;
  width: 100%;
  left: 0px;
}
.workout-status-btn .workout-status span.mark {
  opacity: 1;
  padding-left: 37px;
}
.workout-status-btn .workout-status span.completed-status {
  opacity: 0;
  padding-left: 50px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.workout-status-btn .workout-toggle {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  -webkit-transition: -webkit-transform 0.75s;
  transition: -webkit-transform 0.75s;
  transition: transform 0.75s;
  transition: transform 0.75s, -webkit-transform 0.75s;
}
.workout-status-btn .workout-icon {
  width: 32px;
  height: 32px;
  color: #fff;
  font-size: 32px;
  line-height: 1;
  display: block;
  position: absolute;
  top: 4px;
  left: calc(100% - 36px);
  text-shadow: 0px 1px 1px #2977b6;
}
.workout-status-btn.completed {
  background-color: #3cdbb8;
}
.workout-status-btn.completed .workout-toggle {
  -webkit-transform: translateX(-100%) translateX(40px);
  transform: translateX(-100%) translateX(40px);
}
.workout-status-btn.completed .workout-icon {
  text-shadow: 0px 1px 1px #00aa86;
}
.workout-status-btn.completed .workout-status span.mark {
  opacity: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.workout-status-btn.completed .workout-status span.completed-status {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.workout-status-btn.disabled,
.workout-status-btn[is-enabled="false"] {
  opacity: 0.3;
  cursor: not-allowed;
  background-color: #ced1db;
  color: #7b7f92;
}
.workout-status-btn.disabled .workout-icon,
.workout-status-btn[is-enabled="false"] .workout-icon {
  text-shadow: none !important;
  color: #7b7f92;
  opacity: 0.5;
}
.workout-status-btn.full-day {
  width: 270px;
}
.workout-status-btn.full-day .workout-status span.mark {
  padding-left: 58px;
}
.workout-status-btn.full-day .workout-status span.completed-status {
  padding-left: 94px;
}
@media screen and (min-width: 941px) {
  .workout-status-btn.full-day {
    width: 300px;
    height: 60px;
    line-height: 60px;
    border-radius: 100px;
    font-size: 16px;
  }
  .workout-status-btn.full-day .workout-status span.mark {
    padding-left: 44px;
  }
  .workout-status-btn.full-day .workout-status span.completed-status {
    padding-left: 80px;
  }
  .workout-status-btn.full-day .workout-icon {
    width: 50px;
    height: 50px;
    font-size: 50px;
    top: 4px;
    left: calc(100% - 55px);
    text-shadow: 0px 2px 2px #2977b6;
  }
  .workout-status-btn.full-day.completed .workout-toggle {
    -webkit-transform: translateX(-100%) translateX(60px);
    transform: translateX(-100%) translateX(60px);
  }
  .workout-status-btn.full-day.completed .workout-icon {
    text-shadow: 0px 2px 2px #00aa86;
  }
}
@media (max-width: 768px) {
  .workout-status-btn.full-day {
    width: 100%;
  }
  .workout-status-btn.full-day .workout-status span {
    text-align: center;
  }
  .workout-status-btn.full-day .workout-status span.mark {
    padding-left: 0px;
  }
  .workout-status-btn.full-day .workout-status span.completed-status {
    padding-left: 0px;
  }
}
.btn.linked-to-complete.disabled,
.btn.linked-to-complete[disabled] {
  cursor: not-allowed;
}
.btn.linked-to-complete.disabled,
.btn.linked-to-complete.disabled:hover,
.btn.linked-to-complete[disabled],
.btn.linked-to-complete[disabled]:hover {
  opacity: 0.1;
  color: #000;
  border-color: #000;
  background: none !important;
}
[data-whatinput="keyboard"] .btn.linked-to-complete.disabled:focus,
.btn.linked-to-complete.disabled:focus,
.btn.linked-to-complete.disabled:hover,
.btn.linked-to-complete.disabled:active,
.btn.linked-to-complete.disabled.active,
.btn.linked-to-complete.disabled[aria-expanded="true"],
[data-whatinput="keyboard"] .btn.linked-to-complete[disabled]:focus,
.btn.linked-to-complete[disabled]:focus,
.btn.linked-to-complete[disabled]:hover,
.btn.linked-to-complete[disabled]:active,
.btn.linked-to-complete[disabled].active,
.btn.linked-to-complete[disabled][aria-expanded="true"] {
  opacity: 0.1;
  color: #000;
  border-color: #000;
  background: none !important;
}
.header-return {
  height: 60px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.header-return.border-bottom {
  border-bottom: 1px solid #f0f4f6;
}
.header-return .header {
  margin: 0px;
}
.header-return .header a {
  display: block;
  letter-spacing: 0.025em;
}
.header-return .header a [class^="iconfont-"],
.header-return .header a [class*=" iconfont-"] {
  color: #a7aabb;
  display: block;
  font-size: 16px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: baseline;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}
.header-return .header a [class^="iconfont-"].flip,
.header-return .header a [class*=" iconfont-"].flip {
  -webkit-transform: translateY(1px) rotate(180deg);
  transform: translateY(1px) rotate(180deg);
  margin-right: 0px;
  margin-left: 8px;
}
p.plan-stats {
  font-size: 13px;
  margin: 0px;
  padding: 0px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
p.plan-stats > span {
  white-space: nowrap;
  padding-right: 10px;
}
p.plan-stats > span:last-child {
  padding-right: 0px;
}
p.plan-stats > span.completed {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
}
p.plan-stats > span.completed span {
  display: block;
}
p.plan-stats > span.completed strong {
  width: 21px;
  height: 21px;
  line-height: 21px;
  color: #fff;
  display: block;
  text-align: center;
  margin-left: 5px;
  background-image: linear-gradient(-134deg, #12e4b6 0%, #1adce9 100%);
  border-radius: 50%;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
p.plan-stats > span.completed strong i {
  display: block;
  font-style: normal;
  color: #fff;
}
p.plan-stats strong {
  color: #222533;
  font-weight: 600;
}
.plan-item {
  position: relative;
  border-bottom: 1px solid #f0f4f6;
}
.plan-item img {
  display: block;
  height: auto;
}
.plan-item .btn {
  margin: 0px;
}
.plan-item:last-child {
  border-bottom: 0px;
}
.plan-item:before {
  width: 4px;
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  content: "";
  height: 100%;
}
.plan-item.workout-program:before {
  background-color: #4296cb;
}
.plan-item.meal-plan:before {
  background-color: #b6eeff;
}
.plan-item.individual-workout:before {
  background-color: #ced0db;
}
.plan-item.custom-workout:before {
  background-color: #fd9a03;
}
.plan-item.wellness-video:before {
  background-color: #6714ef;
}
.plan-item.article-recipe:before {
  background-color: #3cdbb8;
}
.plan-item .plan-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
  margin-bottom: 20px;
}
.plan-item .plan-content .btn.plan-view.mobile {
  display: none;
}
.plan-item .plan-content .plan-image,
.plan-item .plan-content .plan-image-action {
  display: block;
  -webkit-box-flex: 0;
  flex: 0 0 132px;
  margin-right: 20px;
}
.plan-item .plan-content .plan-image img,
.plan-item .plan-content .plan-image-action img {
  width: calc(100% - 2px);
  border: 1px solid #e3eaee;
}
.plan-item .plan-content .plan-title .eyebrow {
  margin-top: -3px;
  margin-bottom: 7px;
  font-weight: 500;
}
.plan-item .plan-content .plan-title .eyebrow span {
  margin-bottom: 3px;
  display: block;
  font-size: 11px;
}
.plan-item .plan-content .plan-title .eyebrow span.plan-meta {
  color: #4296cb;
}
.plan-item .plan-content .plan-title h5 {
  margin: 0px;
  padding: 0px;
}
.plan-item .plan-content .plan-title h5,
.plan-item .plan-content .plan-title h5 a {
  font-weight: 600;
  color: #2c2e3a;
}
.plan-item .plan-content .plan-title p {
  margin: 0px;
  padding: 2px 0px 0px 0px;
  font-size: 13px;
  color: #7b7f92;
}
.plan-item .plan-actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.plan-item .plan-actions .btn.plan-view {
  -webkit-box-flex: 0;
  flex: 0 0 130px;
  padding-right: 0px;
  padding-left: 0px;
  margin: 0px;
}
.plan-item.big-plan {
  padding: 0px;
}
.plan-item.big-plan .plan-content {
  margin: 0px;
}
.plan-item.big-plan .plan-content .plan-image-action {
  -webkit-box-flex: 0;
  flex: 0 0 180px;
}
.plan-item.big-plan .plan-content .plan-image-action .plan-href {
  display: block;
  margin-bottom: 20px;
}
.plan-item.big-plan .plan-content .plan-title .eyebrow {
  margin-bottom: 7px;
}
.plan-item.big-plan .plan-content .plan-title .eyebrow span {
  margin-bottom: 3px;
  display: block;
  font-size: 11px;
}
.plan-item.big-plan .plan-content .plan-title .eyebrow span.plan-meta {
  color: #4296cb;
}
.plan-item.big-plan .plan-content .plan-title h5 {
  margin: 0px;
  padding: 0px;
}
.plan-item.big-plan .plan-content .plan-title h5,
.plan-item.big-plan .plan-content .plan-title h5 a {
  font-weight: 600;
  color: #2c2e3a;
}
.plan-item.big-plan .plan-content .plan-title p {
  margin: 0px;
  padding: 2px 0px 0px 0px;
  font-size: 13px;
  color: #7b7f92;
}
.plan-item.big-plan .plan-content p.plan-stats.stats-mobile {
  display: none;
  margin: 5px 0px 0px 0px;
}
.plan-item.big-plan .plan-content p.plan-stats.stats-mobile > span {
  padding-right: 5px;
}
.plan-item.wide-plan {
  padding-top: 40px;
  padding-bottom: 40px;
  flex-wrap: nowrap;
}
.plan-item.wide-plan .plan-content {
  margin-bottom: 0px;
}
.plan-item.wide-plan .plan-content .plan-image,
.plan-item.wide-plan .plan-content .plan-image-action {
  -webkit-box-flex: 0;
  flex: 0 1 24.6153%;
  margin-right: 2.307%;
}
.plan-item.wide-plan .plan-content .plan-title {
  max-width: 546px;
  margin-right: 15px;
}
.plan-item.wide-plan .plan-content .plan-title p {
  padding: 7px 0px 0px 0px;
  font-size: 16px;
  color: #4e5262;
}
.plan-item.wide-plan .plan-actions {
  display: block;
  margin-left: auto;
  -webkit-box-flex: 0;
  flex: 0 0 212px;
}
.plan-item.wide-plan .plan-actions .btn.plan-view {
  width: 212px;
  margin-bottom: 20px;
}
.plan-item.wide-plan .plan-actions .complete-button {
  width: 100%;
}
.plan-item.wide-plan .plan-actions .complete-button .btn {
  width: 100%;
  margin: 0;
}
@media (max-width: 1200px) {
  .plan-item.wide-plan .plan-content .plan-title {
    max-width: 415px;
  }
}
@media (max-width: 940px) {
  .plan-item.big-plan .plan-title .eyebrow {
    margin-top: 0px;
    margin-bottom: 4px;
  }
  .plan-item.big-plan .plan-image-action {
    margin-right: 30px;
  }
  .plan-item.big-plan p.plan-stats.stats-mobile {
    display: block;
  }
  .plan-item.wide-plan {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .plan-item.wide-plan .plan-content {
    flex-wrap: wrap;
  }
  .plan-item.wide-plan .plan-content .plan-image,
  .plan-item.wide-plan .plan-content .plan-image-action {
    -webkit-box-flex: 0;
    flex: 0 0 180px;
    margin-right: 27px;
  }
  .plan-item.wide-plan .plan-content .plan-image img,
  .plan-item.wide-plan .plan-content .plan-image-action img {
    width: 180px;
  }
  .plan-item.wide-plan .plan-content .plan-title {
    max-width: none;
    margin-right: 0px;
    -webkit-box-flex: 1;
    flex: 1 calc(100% - 207px);
  }
  .plan-item.wide-plan .plan-content .plan-title p {
    padding: 7px 0px 0px 0px;
    font-size: 13px;
    line-height: 23px;
  }
  .plan-item.wide-plan .plan-actions {
    display: -webkit-box;
    display: flex;
    margin-top: 30px;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
  }
  .plan-item.wide-plan .plan-actions .btn.plan-view {
    width: 150px;
    margin-right: 20px;
    flex-basis: 150px;
    margin-bottom: 0px;
  }
  .plan-item.wide-plan .plan-actions .complete-button,
  .plan-item.wide-plan .plan-actions .btn.plan-view:last-child {
    margin-right: 0px;
    margin-left: auto;
  }
}
@media (max-width: 600px) {
  .plan-item.big-plan .plan-content,
  .plan-item.wide-plan .plan-content {
    display: block;
  }
  .plan-item.big-plan .plan-content .btn.plan-view.mobile,
  .plan-item.wide-plan .plan-content .btn.plan-view.mobile {
    display: block;
    margin: 24px auto 0px auto;
    max-width: 272px;
  }
  .plan-item.big-plan .plan-content .btn.plan-view.desktop,
  .plan-item.wide-plan .plan-content .btn.plan-view.desktop {
    display: none;
  }
  .plan-item.big-plan .plan-content .plan-image-action,
  .plan-item.big-plan .plan-content .plan-image,
  .plan-item.wide-plan .plan-content .plan-image-action,
  .plan-item.wide-plan .plan-content .plan-image {
    margin: 0px auto 20px auto;
    -webkit-box-flex: 0;
    flex: 0 0 180px;
    width: 180px;
  }
  .plan-item.big-plan .plan-content .plan-image-action .plan-href,
  .plan-item.big-plan .plan-content .plan-image .plan-href,
  .plan-item.wide-plan .plan-content .plan-image-action .plan-href,
  .plan-item.wide-plan .plan-content .plan-image .plan-href {
    margin: 0px;
  }
  .plan-item.big-plan .plan-content .plan-title,
  .plan-item.big-plan .plan-content p.stats-mobile,
  .plan-item.wide-plan .plan-content .plan-title,
  .plan-item.wide-plan .plan-content p.stats-mobile {
    text-align: center;
    padding-right: 20px;
    padding-left: 20px;
  }
  .plan-item.wide-plan .plan-content .plan-image {
    -webkit-box-flex: 0;
    flex: 0 0 214px;
    width: 214px;
  }
  .plan-item.wide-plan .plan-content .plan-image img {
    width: 214px;
  }
  .plan-item.wide-plan .plan-content .plan-title h5 {
    font-size: 13px;
    line-height: 23px;
  }
  .plan-item.wide-plan .plan-actions {
    display: block;
  }
  .plan-item.wide-plan .plan-actions .btn,
  .plan-item.wide-plan .plan-actions .btn.plan-view {
    width: 272px;
    margin: 0px auto 20px auto;
    display: block;
  }
  .plan-item.wide-plan .plan-actions .complete-button {
    width: 272px;
  }
  .plan-item.wide-plan .plan-actions .complete-button,
  .plan-item.wide-plan .plan-actions .btn.plan-view:last-child {
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
  .plan-item.wide-plan .plan-actions .btn.-complete {
    max-width: 100%;
  }
}
.dashboard .centered-container-wrapper {
  display: -webkit-box;
  display: flex;
  background: none;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.dashboard .centered-container-wrapper .pane {
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  width: calc(50% - 10px);
}
.dashboard .centered-container-wrapper .pane .pane-content {
  background-color: #fff;
  margin-bottom: 20px;
}
.dashboard .centered-container-wrapper .pane.full {
  width: 100%;
}
@media (max-width: 1060px) {
  .dashboard .centered-container-wrapper .pane {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: calc(50% - 2px);
  }
  .dashboard .centered-container-wrapper .pane .pane-content {
    background-color: #fff;
    margin-bottom: 5px;
  }
  .dashboard .centered-container-wrapper .pane:last-child {
    width: calc(50% - 3px);
  }
  .dashboard .centered-container-wrapper .pane.full {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .dashboard .centered-container-wrapper {
    display: block;
  }
  .dashboard .centered-container-wrapper .pane,
  .dashboard .centered-container-wrapper .pane:last-child {
    width: 100%;
  }
}
.panel {
  font-size: 13px;
}
.panel .panel-heading {
  padding: 55px 30px 18px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #f0f4f6;
}
.panel .panel-heading.no-rule {
  border-bottom: 0px solid #f0f4f6;
}
.panel .panel-heading .heading {
  margin: 0px;
  padding: 0px;
  letter-spacing: -0.5px;
  font-weight: 400;
  -webkit-box-flex: 1;
  flex: 1 0;
}
.panel .panel-heading .heading .abbr-heading {
  display: none;
}
.panel .panel-heading a {
  display: block;
  padding-bottom: 4px;
  white-space: nowrap;
  margin-left: 20px;
}
@media (max-width: 940px) {
  .panel .panel-heading .heading {
    font-size: 2.4rem;
    line-height: 3.4rem;
  }
}
@media screen and (max-width: 460px),
  screen and (min-width: 641px) and (max-width: 940px) {
  .panel .panel-heading {
    padding: 40px 18px 16px;
  }
  .panel .panel-heading .heading .full-heading {
    display: none;
  }
  .panel .panel-heading .heading .abbr-heading {
    display: block;
  }
  .panel .panel-heading a {
    padding-bottom: 6px;
  }
}
.panel-empty {
  padding: 24px 30px;
  min-height: 150px;
}
.panel-empty p {
  padding-bottom: 28px;
}
.panel-empty p strong {
  font-weight: 600;
  color: #222533;
}
.panel-empty .panel-empty-actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
}
.panel-empty .panel-empty-actions .btn {
  margin-left: 20px;
}
.panel-empty .panel-empty-actions .btn:first-child {
  margin-left: 0px;
}
@media screen and (max-width: 460px),
  screen and (min-width: 641px) and (max-width: 940px) {
  .panel-empty {
    padding: 22px 18px;
  }
}
.schedule-table {
  table-layout: fixed;
  border-collapse: collapse;
  margin-bottom: 0px;
}
.schedule-table td,
.schedule-table th {
  width: auto;
  padding: 0px;
  margin: 0px;
  border-top: 0px;
  border-left: 1px solid #f0f4f6;
  vertical-align: middle;
  min-width: 25px;
}
.schedule-table td:first-child,
.schedule-table th:first-child {
  border-left: 0px;
  text-align: left;
  padding-left: 30px;
  width: 210px;
}
.schedule-table td.today,
.schedule-table th.today {
  border-left-color: #000;
}
.schedule-table td.today .indicator.workout-program,
.schedule-table td.today .indicator.meal-plan,
.schedule-table th.today .indicator.workout-program,
.schedule-table th.today .indicator.meal-plan {
  margin-left: -1px;
  width: calc(100% + 2px);
  border-right: 1px solid #000;
  border-left: 1px solid #000;
}
@supports (mix-blend-mode: multiply) {
  .schedule-table td.today .indicator.workout-program,
  .schedule-table td.today .indicator.meal-plan,
  .schedule-table th.today .indicator.workout-program,
  .schedule-table th.today .indicator.meal-plan {
    margin-left: 0px;
    width: auto;
    border-right: none;
    border-left: none;
  }
}
.schedule-table td.today:last-child,
.schedule-table th.today:last-child {
  border-right: 1px solid #000;
}
.schedule-table td.tomorrow,
.schedule-table th.tomorrow {
  border-left-color: #000;
}
.schedule-table th {
  text-align: center;
  padding: 0px;
  height: 40px;
  border-bottom: 1px solid #f0f4f6;
  border-top: 1px solid #f0f4f6;
}
.schedule-table th a,
.schedule-table th span {
  font-weight: 400;
  font-size: 11px;
  color: #7b7f92;
  letter-spacing: 0.42px;
  line-height: 1em;
  text-transform: uppercase;
  display: block;
  height: 40px;
  line-height: 41px;
  white-space: nowrap;
  min-width: 25px;
}
.schedule-table th.today {
  background: #000;
  border-bottom-color: #000;
  border-top-color: #000;
}
.schedule-table th.today a {
  color: #fff;
}
[data-whatinput="keyboard"] .schedule-table th a:focus,
.schedule-table th a:focus,
.schedule-table th a:hover,
.schedule-table th a:active,
.schedule-table th a.active,
.schedule-table th a[aria-expanded="true"] {
  background: none;
}
.schedule-table td {
  padding: 4px 0px;
  border-bottom: 0px;
  position: relative;
}
.schedule-table td.yesterday {
  border-right-color: #000;
}
.schedule-table td.today:before,
.schedule-table td.today:after {
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% + 1px);
  background: #000;
  top: -1px;
  left: 0px;
}
.schedule-table td.today:after {
  left: auto;
  right: 0px;
}
.schedule-table td:first-child {
  font-size: 13px;
  color: #222533;
  line-height: 13px;
  font-weight: 600;
  white-space: nowrap;
}
.schedule-table td:last-child .indicator {
  width: 100%;
}
.schedule-table tbody tr:first-child td {
  padding-top: 23px;
}
.schedule-table tr.bar-cell td {
  height: 23px;
}
.schedule-table tr.complete-cell td {
  padding-top: 2px;
  padding-bottom: 23px;
  height: 28px;
  border-bottom: 1px solid #f0f4f6;
}
.schedule-table tr.complete-cell td.today {
  border-bottom-color: #000;
}
.schedule-table tr.complete-cell td .activity-icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.schedule-table tr.complete-cell td .activity-icon.workout-complete {
  color: #4296cb;
}
.schedule-table tr.complete-cell td .activity-icon.rest {
  color: #a7aabb;
}
.schedule-table tr.complete-cell td .activity-icon.active-rest {
  color: #26bc35;
}
.schedule-table .indicator {
  display: block;
  width: calc(100% + 1px);
  height: 24px;
  position: relative;
  z-index: 5;
}
@supports (mix-blend-mode: multiply) {
  .schedule-table .indicator {
    mix-blend-mode: multiply;
  }
}
.schedule-table .indicator.workout-program {
  background-color: #4296cb;
}
.schedule-table .indicator.meal-plan {
  background-color: #b6eeff;
}
.schedule-table .indicator.individual-workout {
  width: calc(100% - 14px) !important;
  background-color: #ced0db;
  margin: 0px auto;
}
.schedule-table .indicator.custom-workout {
  width: calc(100% - 14px) !important;
  background-color: #fd9a03;
  margin: 0px auto;
}
.schedule-table .indicator.wellness-video {
  width: calc(100% - 14px) !important;
  background-color: #6714ef;
  margin: 0px auto;
}
.schedule-table .indicator.article-recipe {
  width: calc(100% - 14px) !important;
  background-color: #3cdbb8;
  margin: 0px auto;
}
.schedule-table .abbr-title {
  display: none;
}
@media screen and (max-width: 460px),
  screen and (min-width: 641px) and (max-width: 940px) {
  .schedule-table th:first-child,
  .schedule-table td:first-child {
    width: 128px;
    padding-left: 18px;
  }
  .schedule-table th a {
    font-size: 0px;
  }
  .schedule-table th a::first-letter {
    font-size: 11px;
  }
  .schedule-table td {
    padding: 2px 0px;
  }
  .schedule-table tbody tr:first-child td {
    padding-top: 12px;
  }
  .schedule-table tr.bar-cell td {
    height: 20px;
  }
  .schedule-table tr.complete-cell td {
    padding-top: 2px;
    padding-bottom: 12px;
  }
  .schedule-table .indicator {
    height: 20px;
  }
  .schedule-table .indicator.individual-workout {
    width: calc(100% - 14px) !important;
  }
  .schedule-table .abbr-title {
    display: block;
  }
  .schedule-table .full-title {
    display: none;
  }
}
.plan-item.dash-item {
  padding: 30px 30px;
}
.plan-item.dash-item .plan-actions .complete-button {
  width: 100%;
  margin: 0 0 0 1rem;
}
@media screen and (max-width: 460px),
  screen and (min-width: 641px) and (max-width: 940px) {
  .plan-item.dash-item {
    padding: 30px 18px;
  }
  .plan-item.dash-item .plan-content {
    display: block;
    margin-bottom: 20px;
  }
  .plan-item.dash-item .plan-content .plan-image {
    display: block;
    margin: 0px auto 20px auto;
    width: 214px;
  }
  .plan-item.dash-item .plan-content .plan-image img {
    margin: 0px auto;
    width: 100%;
  }
  .plan-item.dash-item .plan-content .plan-title {
    text-align: center;
    padding-right: 32px;
    padding-left: 32px;
  }
  .plan-item.dash-item .plan-content .plan-title h5 {
    font-size: 13px;
    line-height: 23px;
  }
}
@media screen and (min-width: 641px) and (max-width: 794px),
  screen and (max-width: 410px) {
  .plan-item.dash-item .plan-actions {
    display: block;
  }
  .plan-item.dash-item .plan-actions .btn.plan-view {
    width: 100%;
  }
  .plan-item.dash-item .plan-actions .complete-button {
    margin-top: 20px;
    margin-left: 0;
    max-width: 100%;
  }
  .plan-item.dash-item .plan-actions .complete-button .btn.-complete {
    max-width: 100%;
    width: 100%;
  }
}
.panel.mark-unit-wrap {
  padding: 50px;
  position: relative;
}
.panel.mark-unit-wrap img {
  width: 100%;
  max-width: 300px;
  display: block;
  margin: 0px auto;
}
@media screen and (max-width: 460px),
  screen and (min-width: 641px) and (max-width: 940px) {
  .panel.mark-unit-wrap {
    padding: 10px;
  }
}
.panel.discussion .select-style {
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}
.panel.discussion .discussion-listing {
  padding: 30px 30px;
  display: -webkit-box;
  display: flex;
  border-top: 1px solid #f0f4f6;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
}
.panel.discussion .discussion-listing .avatar-image {
  -webkit-box-flex: 0;
  flex: 0 auto;
}
.panel.discussion .discussion-listing .discussion-info {
  -webkit-box-flex: 1;
  flex: 1 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding-left: 76px;
}
.panel.discussion .discussion-listing .discussion-info .discussion-title-block {
  -webkit-box-flex: 1;
  flex: 1 auto;
  padding-right: 15px;
}
.panel.discussion
  .discussion-listing
  .discussion-info
  .discussion-title-block
  .heading.-small {
  margin-bottom: 2px;
}
.panel.discussion
  .discussion-listing
  .discussion-info
  .discussion-action
  .discussion-btn {
  margin-top: 7px;
  margin-bottom: 0px;
  font-size: 13px !important;
}
.panel.discussion
  .discussion-listing
  .discussion-info
  .discussion-action.reply-action {
  min-width: 50px;
}
.panel.discussion
  .discussion-listing
  .discussion-info
  .discussion-action.thumb-action {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  width: 17.24137931034483%;
}
.panel.discussion .discussion-listing p.small.categories {
  padding: 0px;
  margin: 0px;
}
.panel.discussion .discussion-listing .heading a {
  color: #222533;
}
.panel.discussion .discussion-listing:first-child {
  border-top: 0px;
}
@media screen and (max-width: 460px),
  screen and (min-width: 641px) and (max-width: 940px) {
  .panel.discussion .select-style {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  .panel.discussion .discussion-listing {
    padding: 26px 18px 28px 18px;
  }
  .panel.discussion .discussion-listing .avatar-image {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
  }
  .panel.discussion .discussion-listing .avatar-image .avatar-placeholder span {
    font-size: 18px;
    line-height: 30px;
  }
  .panel.discussion .discussion-listing .discussion-info {
    padding-left: 40px;
    -webkit-box-pack: start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .panel.discussion
    .discussion-listing
    .discussion-info
    .discussion-title-block {
    flex-basis: 100%;
    margin-bottom: 8px;
    padding-right: 0px;
  }
  .panel.discussion
    .discussion-listing
    .discussion-info
    .discussion-action
    .discussion-btn {
    font-size: 11px !important;
  }
  .panel.discussion
    .discussion-listing
    .discussion-info
    .discussion-action
    .btn {
    margin-top: 0px;
  }
  .panel.discussion
    .discussion-listing
    .discussion-info
    .discussion-action.reply-action {
    margin-right: 25px;
  }
  .panel.discussion .discussion-listing .heading {
    font-size: 13px;
    line-height: 23px;
    margin-bottom: 8px;
  }
  .panel.discussion .discussion-listing .byline,
  .panel.discussion .discussion-listing .small.categories,
  .panel.discussion .discussion-listing .discussion-info .byline,
  .panel.discussion .discussion-listing .discussion-info .small.categories {
    font-size: 11px;
    line-height: 18px;
  }
  .panel.discussion .discussion-listing .btn.-has-icon {
    font-size: 11px;
    height: 19px;
  }
  .panel.discussion .discussion-listing .avatar-image {
    margin-top: 4px;
  }
}
.dash-carousel .panel-body {
  position: relative;
  padding-bottom: 74px;
}
.dash-carousel .panel-heading .heading {
  -webkit-box-flex: initial;
  flex: initial;
}
@media screen and (max-width: 460px),
  screen and (min-width: 641px) and (max-width: 940px) {
  .dash-carousel .panel-body {
    padding-bottom: 60px;
  }
}
.dashboard-slide {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
}
[data-whatinput="keyboard"] .dashboard-slide:focus,
.dashboard-slide:focus,
.dashboard-slide:hover,
.dashboard-slide:active,
.dashboard-slide.active,
.dashboard-slide[aria-expanded="true"] {
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  color: #4296cb;
  position: static;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.dashboard-slide img {
  display: block;
  margin-bottom: 27px;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #f0f4f6;
}
.dashboard-slide .title {
  display: -webkit-box;
  display: flex;
}
.dashboard-slide .title:before,
.dashboard-slide .title:after {
  content: "";
  display: block;
  -webkit-box-flex: 0;
  flex: 0 9%;
}
.dashboard-slide .title > div {
  -webkit-box-flex: 1;
  flex: 1 auto;
}
.dashboard-slide .eyebrow {
  font-size: 11px;
  padding-bottom: 5px;
}
.dashboard-slide h5 {
  color: #222533;
  font-weight: 600;
}
@media screen and (max-width: 460px),
  screen and (min-width: 641px) and (max-width: 940px) {
  .dashboard-slide img {
    margin-bottom: 20px;
  }
  .dashboard-slide .heading {
    font-size: 13px;
    line-height: 23px;
  }
}
.dash-title {
  font-size: 2rem;
  padding: 2rem 0 3rem 0;
}
.centered-container.purchased-programs .exclusive-programs {
  position: relative;
  margin-bottom: 20px;
}
.centered-container.purchased-programs .row.listing-header > h3,
.centered-container.purchased-programs .row.listing-header > div,
.centered-container.purchased-programs .row.listing-row > h3,
.centered-container.purchased-programs .row.listing-row > div {
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  width: 10.8333%;
}
.centered-container.purchased-programs .row.listing-header > h3.program,
.centered-container.purchased-programs .row.listing-header > div.program,
.centered-container.purchased-programs .row.listing-row > h3.program,
.centered-container.purchased-programs .row.listing-row > div.program {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  margin-right: 5.83333%;
}
.centered-container.purchased-programs .row.listing-header > h3.expand,
.centered-container.purchased-programs .row.listing-header > div.expand,
.centered-container.purchased-programs .row.listing-row > h3.expand,
.centered-container.purchased-programs .row.listing-row > div.expand {
  flex-basis: 65px;
}
.centered-container.purchased-programs .row.listing-row {
  padding-top: 35px;
  padding-bottom: 35px;
}
.centered-container.purchased-programs label {
  font-weight: 600;
  font-size: 13px;
  color: #222533;
  letter-spacing: 0;
  line-height: 1em;
  padding-top: 25px;
}
.centered-container.purchased-programs .toggle-plus-minus {
  margin: 15px 0px 0px auto;
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}
@media (max-width: 940px) {
  .centered-container.purchased-programs .row.listing-header {
    display: none;
  }
  .centered-container.purchased-programs .row.listing-header > h3,
  .centered-container.purchased-programs .row.listing-header > div,
  .centered-container.purchased-programs .row.listing-row > h3,
  .centered-container.purchased-programs .row.listing-row > div {
    display: none;
  }
  .centered-container.purchased-programs .row.listing-header > h3.program,
  .centered-container.purchased-programs .row.listing-header > div.program,
  .centered-container.purchased-programs .row.listing-row > h3.program,
  .centered-container.purchased-programs .row.listing-row > div.program {
    display: block;
  }
  .centered-container.purchased-programs .row.listing-header > h3.expand,
  .centered-container.purchased-programs .row.listing-header > div.expand,
  .centered-container.purchased-programs .row.listing-row > h3.expand,
  .centered-container.purchased-programs .row.listing-row > div.expand {
    display: block;
  }
  .centered-container.purchased-programs .row.listing-row {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .centered-container.purchased-programs .toggle-plus-minus {
    margin: 0px 0px 0px auto;
    -webkit-transform: translateX(-8px) translateY(-8px);
    transform: translateX(-8px) translateY(-8px);
  }
}
@media (max-width: 600px) {
  .centered-container.purchased-programs .row.listing-header,
  .centered-container.purchased-programs .row.listing-row {
    position: relative;
  }
  .centered-container.purchased-programs .row.listing-header > div.program,
  .centered-container.purchased-programs .row.listing-row > div.program {
    margin: 0px;
    width: 100%;
  }
  .centered-container.purchased-programs .row.listing-header > div.expand,
  .centered-container.purchased-programs .row.listing-row > div.expand {
    position: absolute;
    top: 21px;
    right: 12px;
    margin: 0px;
  }
  .centered-container.purchased-programs .toggle-plus-minus {
    -webkit-transform: none;
    transform: none;
  }
}
.scheduled-instances {
  margin: 2rem 0;
  width: 100%;
  -webkit-box-align: center;
  align-items: center;
}
.scheduled-instances .plan-stats {
  -webkit-box-pack: left;
  justify-content: left;
}
@media (max-width: 768px) {
  .scheduled-instances .plan-stats {
    margin-bottom: 1rem;
    width: 100%;
  }
}
.purchased-status-row {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #f0f4f6;
  -webkit-box-align: center;
  align-items: center;
  padding: 30px 0px;
}
.purchased-status-row.top-border {
  border-bottom: 0px;
  border-top: 1px solid #f0f4f6;
}
.purchased-status-row > div {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
}
.purchased-status-row p {
  padding: 0;
}
.purchased-status-row .status-row-date {
  font-size: 13px;
}
.purchased-status-row .status-row-date span {
  display: block;
  white-space: nowrap;
}
.purchased-status-row .status-row-date span.time {
  display: -webkit-box;
  display: flex;
  font-weight: 600;
  margin-right: 10px;
  -webkit-box-flex: 0;
  flex: 0 0 138px;
}
.purchased-status-row .status-row-date span.time i {
  margin-right: 10px;
  color: #7b7f92;
  margin-top: -4px;
}
.purchased-status-row .status-row-date span.schedule {
  color: #7b7f92;
}
.purchased-status-row .status-row-actions .btn {
  white-space: nowrap;
  margin: 0px 1rem 0 0;
}
.purchased-status-row .status-row-actions .complete-button {
  width: 250px;
  margin: 0 0 0 1rem;
}
.purchased-status-row .status-row-actions .complete-button .btn {
  width: 100%;
  margin: 0;
}
.purchased-status-row .status-row-actions .modal .btn {
  margin: 0;
}
@media (max-width: 1225px) {
  .purchased-status-row {
    display: block;
  }
  .purchased-status-row .status-row-date {
    padding-bottom: 20px;
  }
}
@media (max-width: 940px) {
  .purchased-status-row > div {
    display: block;
  }
  .purchased-status-row .status-row-date {
    text-align: center;
    margin-bottom: 7px;
  }
  .purchased-status-row .status-row-date span.time {
    display: -webkit-inline-box;
    display: inline-flex;
    margin-bottom: 5px;
  }
  .purchased-status-row .status-row-actions .btn,
  .purchased-status-row .status-row-actions .complete-button {
    display: block;
    width: 100%;
    max-width: 270px;
  }
  .purchased-status-row .status-row-actions .btn,
  .purchased-status-row .status-row-actions .btn:first-child,
  .purchased-status-row .status-row-actions .complete-button,
  .purchased-status-row .status-row-actions .complete-button:first-child {
    margin: 0 auto 20px auto;
  }
  .purchased-status-row .status-row-actions .btn:last-child,
  .purchased-status-row .status-row-actions .complete-button:last-child {
    margin-bottom: 0;
  }
  .purchased-status-row .status-row-actions .btn .btn.-complete,
  .purchased-status-row .status-row-actions .complete-button .btn.-complete {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
}
.purchased-program-detail .purchased-status-header {
  margin-top: 100px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  align-items: flex-end;
  margin-bottom: 34px;
}
.purchased-program-detail .purchased-status-header .heading {
  margin: 0px;
}
.purchased-program-detail .purchased-status-header p.plan-stats {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
@media (max-width: 940px) {
  .purchased-program-detail .purchased-status-header {
    margin-top: 50px;
  }
}
@media (max-width: 768px) {
  .purchased-program-detail .purchased-status-header {
    margin-top: 25px;
    margin-bottom: 25px;
    display: block;
    text-align: center;
  }
  .purchased-program-detail .purchased-status-header .heading {
    margin-bottom: 8px;
  }
  .purchased-program-detail .purchased-status-header p.plan-stats {
    margin: 0px auto;
    max-width: 270px;
    -webkit-transform: none;
    transform: none;
  }
  .purchased-program-detail .purchased-status-header p.plan-stats > span {
    margin-bottom: 3px;
  }
}
.show-medium {
  display: none !important;
}
@media (max-width: 940px) {
  .show-large {
    display: none !important;
  }
  .show-medium {
    display: block !important;
  }
}
.masthead.narrow-program {
  height: 310px;
  background: #212432;
  padding-right: 50px;
  border: 0px;
}
.masthead.narrow-program .row {
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}
.masthead.narrow-program img {
  height: 310px;
  width: auto;
}
.masthead.narrow-program .video-details.program_detail {
  -webkit-box-flex: 0;
  flex: 0 0 300px;
  margin: 0px;
  width: 300px;
  padding: 0px;
}
.masthead.narrow-program .video-details.program_detail .stats:after {
  display: none;
}
.masthead.narrow-program .video-details.program_detail .stats ul.details-list {
  padding: 0px;
  margin: 0px;
}
@media (max-width: 1060px) {
  .masthead.narrow-program {
    padding-right: 25px;
  }
}
@media (max-width: 940px) {
  .masthead.narrow-program {
    height: auto;
    padding-right: 0px;
  }
  .masthead.narrow-program .row {
    display: block;
  }
  .masthead.narrow-program img {
    height: auto;
    width: 100%;
  }
  .masthead.narrow-program .video-details.program_detail {
    padding: 25px;
  }
}
.purchased-program-content {
  padding-top: 70px;
}
@media (max-width: 600px) {
  .purchased-program-content {
    padding-top: 45px;
  }
}
@media screen and (min-width: 941px) {
  p.reschedule-blurb {
    padding-bottom: 0px;
  }
}
.program-guide {
  margin: 2rem 0;
}
.program-guide .program-guide-drawers {
  margin: 2rem 0;
  border-bottom: 1px solid #f0f4f6;
}
.program-guide
  .program-guide-drawers
  .program-guide-drawer
  .program-guide-handle {
  border-top: 1px solid #f0f4f6;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  padding: 18px 0px;
}
.program-guide
  .program-guide-drawers
  .program-guide-drawer
  .program-guide-handle
  .heading {
  margin: 0px;
}
.program-guide
  .program-guide-drawers
  .program-guide-drawer
  .program-guide-handle
  .toggle-plus-minus {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}
.program-guide
  .program-guide-drawers
  .program-guide-drawer
  .program-guide-body {
  display: none;
}
.program-guide
  .program-guide-drawers
  .program-guide-drawer.drawer-active
  .program-guide-body {
  display: block;
}
@media (max-width: 940px) {
  .program-guide {
    padding-top: 0px;
  }
}
@media (max-width: 600px) {
  .program-guide .program-guide-drawers {
    margin-top: 20px;
    -webkit-transform: translateX(-19px);
    transform: translateX(-19px);
    width: calc(100% + 38px);
  }
  .program-guide
    .program-guide-drawers
    .program-guide-drawer
    .program-guide-handle {
    padding: 14px 19px;
  }
  .program-guide
    .program-guide-drawers
    .program-guide-drawer
    .program-guide-body {
    padding-right: 19px;
    padding-left: 19px;
  }
}
.mod-menu-results {
  width: 100%;
}
.mod-menu-results .mod-sub-menu {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: auto;
  min-height: 50px;
}
.mod-menu-results .mod-sub-menu .mod-sub-menu-action {
  margin: 0 0.5rem;
}
.mod-menu-results .mod-sub-menu .mod-tags {
  min-width: 280px;
}
.mod-menu-results .mod-sub-menu .heading {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0;
}
.mod-menu-results .shelf-results {
  background: #ced0db;
  width: 100%;
}
.mod-menu-results .shelf-results::-webkit-scrollbar-track {
  background: #ced0db;
}
.mod-menu-results .shelf-results::-webkit-scrollbar-thumb {
  background: #7b7f92;
  border-color: #ced0db;
}
.mod-menu-results .shelf-results::-webkit-scrollbar-thumb:hover {
  background: #4e5262;
  border-color: #ced0db;
}
.shelf-loading-message {
  position: absolute;
  top: 25%;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  margin: 2rem;
}
.shelf-loading-message .shelf-no-results {
  max-width: 600px;
  padding: 2rem 4rem;
}
.shelf-loading-message .shelf-no-results .heading {
  color: #3a3d4d;
  margin: 0;
}
.shelf-loading-message .shelf-no-results p {
  color: #3a3d4d;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
}
header.nav-header .account-nav {
  padding-top: 27px;
}
@media (max-width: 768px) {
  header.nav-header .account-nav {
    padding-top: 13px;
  }
}
@media (max-width: 600px) {
  header.nav-header .account-nav {
    padding-top: 0px;
  }
}
.account-nav {
  border-bottom: 1px solid #e3ebee;
}
.account-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: flex;
}
.account-nav li,
.account-nav a {
  font-weight: 600;
  line-height: 1.4em;
}
[data-whatinput="keyboard"] .account-nav li:focus,
.account-nav li:focus,
.account-nav li:hover,
.account-nav li:active,
.account-nav li.active,
.account-nav li[aria-expanded="true"],
[data-whatinput="keyboard"] .account-nav a:focus,
.account-nav a:focus,
.account-nav a:hover,
.account-nav a:active,
.account-nav a.active,
.account-nav a[aria-expanded="true"] {
  background: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #212432;
}
.account-nav li {
  margin: 0 2.1rem 0 0;
  padding-bottom: 2rem;
  position: relative;
}
@media (max-width: 768px) {
  .account-nav li {
    padding: 10px 0;
    margin: 0 1.1rem 0 0;
  }
}
.account-nav li.active:after {
  content: "";
  margin-bottom: -1px;
  background: #4296cb;
  bottom: 0;
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}
.account-header {
  padding-bottom: 3.6rem;
}
.account-header .heading {
  margin: 0;
}
.account-header p {
  float: right;
  margin-top: -2.7rem;
}
.account-block {
  border-bottom: 1px solid #e3ebee;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.account-block .username {
  margin-bottom: 10px;
  font-size: 16px;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
  color: #7b7f92;
}
.account-block .username .smi-icon {
  margin-right: 10px;
}
.account-block .username .smi-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  font-size: 1.3rem;
}
.account-block .username .smi-info strong {
  color: #212432;
  font-weight: 600;
}
.account-block .username .smi-info a {
  font-weight: 400;
  padding-bottom: 0;
}
.account-sums {
  max-width: 540px;
}
.account-sums ul {
  margin-bottom: 40px;
  color: #4e5262;
}
.account-sums ul strong {
  font-weight: 600;
}
.account-sum-actions button:first-child {
  margin-right: 20px;
}

/* sidebar */
.sidebar {
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
  position: fixed;
  right: -264px; /* Start off-screen */
  top: 0;
  width: 264px;
  height: 100vh;
  background-color: #ffffff; /* Background color for sidebar */
  transition: right 0.3s ease; /* Animation */
  z-index: 1000; /* Higher than main content */
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1); /* Optional shadow */
}

.sidebar.open {
  visibility: visible;
  pointer-events: auto;
  right: 0; /* Move into view */
}

.sidebar-top {
  padding: 16px;
  border-bottom: 1px solid #e0e0e0; /* Optional bottom border */
}

.close-btn {
  background: none;
  border: none;
  font-size: 24px; /* Adjust size as needed */
  cursor: pointer;
  color: #333; /* Adjust color as needed */
  margin-bottom: 10px; /* Space below the button */
}

.search-form {
  display: flex;
  align-items: center;
}

.search-form input[type="text"] {
  flex: 1;
  padding: 8px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

.search-form button {
  background-color: transparent; /* Button transparent */
  border: none; /* No border */
  cursor: pointer; /* Pointer on hover */
}

.scroll {
  padding: 16px; /* Optional padding */
  overflow-y: auto; /* Enable scrolling */
  height: calc(100vh - 70px); /* Adjust height based on sidebar header */
}

.scroll ul {
  list-style: none; /* Remove default list styles */
  padding: 0; /* Remove padding */
}

.scroll ul li {
  margin-bottom: 10px; /* Space between items */
}

.scroll a {
  text-decoration: none; /* Remove underline */
  padding: 8px; /* Add padding for links */
  display: block; /* Make the link a block element */
  border-radius: 4px; /* Rounded corners */
  transition: background-color 0.3s; /* Smooth transition */
}

.scroll a:hover {
  background-color: #f0f0f0; /* Background on hover */
}

#footer .container h2 p:nth-child(3) {
  font-size: 14px;
  line-height: 2;
}

.about-us-container {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 40px 0;
  gap: 2rem;
  background-image: linear-gradient(
      112.5deg,
      rgb(214, 214, 214) 0%,
      rgb(214, 214, 214) 10%,
      rgb(175, 171, 171) 10%,
      rgb(175, 171, 171) 53%,
      rgb(176, 176, 176) 53%,
      rgb(176, 176, 176) 55%,
      rgb(157, 157, 157) 55%,
      rgb(157, 157, 157) 60%,
      rgb(137, 137, 137) 60%,
      rgb(137, 137, 137) 88%,
      rgb(118, 118, 118) 88%,
      rgb(118, 118, 118) 91%,
      rgb(99, 99, 99) 91%,
      rgb(99, 99, 99) 100%
    ),
    linear-gradient(
      157.5deg,
      rgb(214, 214, 214) 0%,
      rgb(214, 214, 214) 10%,
      rgb(175, 171, 171) 10%,
      rgb(175, 171, 171) 53%,
      rgb(176, 176, 176) 53%,
      rgb(176, 176, 176) 55%,
      rgb(157, 157, 157) 55%,
      rgb(157, 157, 157) 60%,
      rgb(137, 137, 137) 60%,
      rgb(137, 137, 137) 88%,
      rgb(118, 118, 118) 88%,
      rgb(118, 118, 118) 91%,
      rgb(99, 99, 99) 91%,
      rgb(99, 99, 99) 100%
    ),
    linear-gradient(
      135deg,
      rgb(214, 214, 214) 0%,
      rgb(214, 214, 214) 10%,
      rgb(175, 171, 171) 10%,
      rgb(175, 171, 171) 53%,
      rgb(176, 176, 176) 53%,
      rgb(176, 176, 176) 55%,
      rgb(157, 157, 157) 55%,
      rgb(157, 157, 157) 60%,
      rgb(137, 137, 137) 60%,
      rgb(137, 137, 137) 88%,
      rgb(118, 118, 118) 88%,
      rgb(118, 118, 118) 91%,
      rgb(99, 99, 99) 91%,
      rgb(99, 99, 99) 100%
    ),
    linear-gradient(90deg, rgb(175, 171, 171), rgb(202, 190, 190));
  background-blend-mode: overlay, overlay, overlay, normal;
}

.about-us-container .left,
.about-us-container .right {
  padding: 2rem;
}
.about-us-container .right {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.about-us-container .text-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 1rem;
  padding: 50px;
}

.about-us-container:nth-child(even) {
  background-image: repeating-linear-gradient(
      45deg,
      rgb(255, 255, 255) 0px,
      rgb(255, 255, 255) 10px,
      transparent 10px,
      transparent 11px
    ),
    repeating-linear-gradient(
      135deg,
      rgb(255, 255, 255) 0px,
      rgb(255, 255, 255) 10px,
      transparent 10px,
      transparent 11px
    ),
    linear-gradient(90deg, hsl(256, 7%, 84%), hsl(256, 7%, 84%));
}
.about-us-container .right img {
  border-radius: 15px;
  display: block;
  max-width: 100%;
  max-height: 650px;
  object-fit: cover;
}
.about-us-container h1 {
  font-size: 42px;
  font-weight: 800;
  font-family: var(--heading-font-fam);
  text-align: center;
  width: 100%;
}
.about-us-container h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #333;
  font-family: var(--heading-font-fam);
  text-align: center;
  width: 100%;
}
.about-us-container p {
  width: 100%;
  font-size: 16px;
  text-align: center;
  font-family: var(--para-font-fam);
}

@media screen and (max-width: 1020px) {
  .about-us-container {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
  }

  .about-us-container:nth-child(odd) {
    background-color: #6f6f6f;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;

    & h1,
    h2 {
      color: white;
    }
    & p {
      color: #faf9f6;
    }
  }
}

.service-container a,
.service-container a:active,
.service-container a:focus {
  color: #6f6f6f;
  text-decoration: none;
  transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}

.service-container .row {
  margin: 0 auto;
}
.fancy-title-view1 {
  float: left;
  width: 100%;
  margin-bottom: 70px;
  text-align: center;
}
.fancy-title-view1 h2 {
  margin-bottom: 8px;
  font-size: 40px;
  font-weight: 700;
  display: block;
}
.fancy-title-view1 p {
  margin-bottom: 0px;
  display: inline-block;
  width: 65%;
}
.fancy-title-view1 i {
  font-size: 22px;
}
.fancy-title-view1-color h2,
.fancy-title-view1-color p {
  color: #ffffff;
}

.light-transparent {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.65;
  background-color: #000;
}
.categories-view1-full {
  padding: 80px 0px 80px 0px;
  margin-top: 0;
  margin-bottom: 0;
  background-image: url(../img/bg-image/1.jpg);
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  min-height: 100vh;
}
.categories,
.categories-view1-wrap {
  float: left;
  width: 100%;
}
.categories ul li {
  list-style: none;
}
.categories > ul > li {
  float: none;
  display: inline-block;
  margin: 0px 0px 30px 0px;
  vertical-align: top;
}
.categories-view1-wrap {
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);
  padding: 30px 50px 30px 95px;
  border-radius: 10px;
  position: relative;
  background-color: #ffffff;
}
.categories-view1 i {
  position: absolute;
  left: 0px;
  top: 50%;
  font-size: 30px;
  color: #fb236a;
  width: 70px;
  height: 70px;
  border-radius: 0 100% 100% 0;
  text-align: center;
  padding-top: 18px;
  margin-top: -36px;
  background-color: #ffffff;
  border: 1px solid #eee;
  border-left: none;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.categories-view1 li:hover i {
  color: #ffffff;
  background-color: #274160;
}
.categories-view1 a {
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0px;
}
.categories-view1 small {
  font-size: 13px;
  color: #666;
}
.categories-view1 span {
  position: absolute;
  right: 5px;
  top: 8px;
  font-size: 90px;
  font-weight: 500;
  color: #999;
  opacity: 0.07;
  line-height: 1;
}
.main-load-btn {
  float: left;
  width: 100%;
  text-align: center;
  margin: 30px 0px;
}
.main-load-btn a {
  display: inline-block;
  line-height: 1;
  padding: 18px 45px;
  color: #ffffff;
  border-radius: 40px;
  font-size: 16px;
  font-weight: 600;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-color: #fb236a;
}
.main-load-btn a:hover {
  background-color: #274160;
}
.more-spacer {
  float: left;
  width: 100%;
  margin: 10px 0px;
}

/* slider css starts */

.slider {
  max-width: 100vw;
  width: 100%;
  height: 80svh;
  margin: auto;
  position: relative;
  overflow: hidden;
}
.slider .list {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  transition: transform 1s ease;
}

.slider .list .item {
  min-width: 100vw; /* Ensures each slide takes up the full width */
  height: 100%;
  position: relative;
}

.slider .list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider .list .item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Dark overlay */
  filter: blur(5px); /* Apply blur */
  z-index: 1; /* Ensure overlay is above the image but below the text */
}

.slider .list .image-text {
  position: absolute;
  top: 50%; /* Vertically center */
  left: 50%; /* Horizontally center */
  transform: translate(
    -50%,
    -50%
  ); /* Offset the centering to perfectly align */
  z-index: 2; /* Text on top of the overlay */
  visibility: hidden; /* Hide text by default */
  opacity: 0;
  transition: visibility 0s 1s, opacity 1s ease; /* Fade in/out */

  display: flex;
  flex-direction: column;
  justify-content: center; /* Vertically center the content */
  align-items: center; /* Horizontally center the content */
  text-align: center; /* Align text within each element */
}

.slider .list .image-text .head {
  font-size: 6rem;
  color: white;
  font-weight: bold;
}

.slider .list .image-text .para {
  font-size: 2.5rem;
  color: yellow;
  width: 80vw;
  padding-top: 1rem;
}

.slider .list .item.active .image-text {
  visibility: visible;
  opacity: 1;
}

.slider .buttons {
  position: absolute;
  top: 45%;
  left: 5%;
  width: 90%;
  display: flex;
  justify-content: space-between;
}

.slider .buttons button {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff5;
  color: #fff;
  border: none;
  font-family: monospace;
  font-weight: bold;
}

.slider .dots {
  position: absolute;
  bottom: 10px;
  left: 0;
  color: #fff;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}

.slider .dots li {
  list-style: none;
  width: 10px;
  height: 10px;
  background-color: #fff;
  margin: 10px;
  border-radius: 20px;
  transition: 0.5s;
}

.slider .dots li.active {
  width: 30px;
}

/* Mobile responsiveness */
@media screen and (max-width: 768px) {
  .slider {
    height: 400px;
  }
  .slider .list .image-text .head {
    font-size: 3rem;
    color: white;
    font-weight: bold;
    white-space: nowrap;
  }

  .slider .list .image-text .para {
    font-size: 2rem;
    color: yellow;
    width: 90%;
  }
}

/* Action SLider css starts */
.clear {
  clear: both;
}
img {
  max-width: 100%;
  border: 0px;
}
ul,
ol {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
  outline: none;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
a:focus,
a:active,
a:visited,
a:hover {
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #e73700;
}
h2 {
  margin-bottom: 48px;
  padding-bottom: 16px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  position: relative;
  text-transform: capitalize;
}
h3 {
  margin: 0 0 10px;
  font-size: 28px;
  line-height: 36px;
}
button {
  outline: none !important;
}
/******* Common Element CSS End *********/

/* -------- title style ------- */
.line-title {
  position: relative;
  width: 400px;
}
.line-title::before,
.line-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  border-radius: 2px;
}
.line-title::before {
  width: 100%;
  background: #f2f2f2;
}
.line-title::after {
  width: 32px;
  background: #e73700;
}

/******* Middle section CSS Start ******/

.game-section {
  padding: 60px 50px;
}
.game-section .owl-stage {
  margin: 15px 0;
  display: flex;
  display: -webkit-flex;
}
.game-section .item {
  margin: 0 15px 60px;
  width: 320px;
  height: 400px;
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  background: #343434 no-repeat center center / cover;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  cursor: pointer;
}
.game-section .item.active {
  width: 500px;
  box-shadow: 12px 40px 40px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 12px 40px 40px rgba(0, 0, 0, 0.25);
}
.game-section .item:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}
.game-section .item-desc {
  padding: 0 24px 12px;
  color: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transform: translateY(calc(100% - 54px));
  -webkit-transform: translateY(calc(100% - 70px));
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.game-section .item.active .item-desc {
  transform: none;
  -webkit-transform: none;
}
.game-section .item-desc span {
  font-size: 16px;
}
.game-section .item-desc p {
  opacity: 0;
  -webkit-transform: translateY(32px);
  transform: translateY(32px);
  transition: all 0.4s ease-in-out 0.2s;
  -webkit-transition: all 0.4s ease-in-out 0.2s;
}
.game-section .item.active .item-desc p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  color: #fff;
}
.game-section .owl-theme.custom-carousel .owl-dots {
  margin-top: -20px;
  position: relative;
  z-index: 5;
}
/******** Middle section CSS End *******/

@media (min-width: 992px) and (max-width: 1199px) {
  .game-section h2 {
    margin-bottom: 32px;
  }
  .game-section h3 {
    margin: 0 0 8px;
    font-size: 24px;
    line-height: 32px;
  }

  /* -------- Landing page ------- */
  .game-section {
    padding: 50px 30px;
  }
  .game-section .item {
    margin: 0 12px 60px;
    width: 260px;
    height: 360px;
  }
  .game-section .item.active {
    width: 400px;
  }
  .game-section .item-desc {
    transform: translateY(calc(100% - 46px));
    -webkit-transform: translateY(calc(100% - 70px));
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .game-section h2 {
    margin-bottom: 32px;
  }
  .game-section h3 {
    margin: 0 0 8px;
    font-size: 24px;
    line-height: 32px;
  }
  .line-title {
    width: 330px;
  }

  /* -------- Landing page ------- */
  .game-section {
    padding: 50px 30px 40px;
  }
  .game-section .item {
    margin: 0 12px 60px;
    width: 240px;
    height: 330px;
  }
  .game-section .item.active {
    width: 360px;
  }
  .game-section .item-desc {
    transform: translateY(calc(100% - 42px));
    -webkit-transform: translateY(calc(100% - 70px));
  }
}

@media (max-width: 767px) {
  .game-section h2 {
    margin-bottom: 20px;
  }
  .game-section h3 {
    margin: 0 0 8px;
    font-size: 19px;
    line-height: 24px;
  }
  .line-title {
    width: 250px;
  }

  /* -------- Landing page ------- */
  .game-section {
    padding: 30px 15px 20px;
  }
  .game-section .item {
    margin: 0 10px 40px;
    width: 200px;
    height: 280px;
  }
  .game-section .item.active {
    width: 270px;
    box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25);
  }
  .game-section .item-desc {
    padding: 0 14px 5px;
    transform: translateY(calc(100% - 42px));
    -webkit-transform: translateY(calc(100% - 72px));
  }
}

/* about accordion */

.accordion-collapse {
  overflow: hidden;
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
  max-height: 0;
  opacity: 0;
}

/* disclaimer css */

.dismissible {
  color: #222;
  font-size: 16px;
  line-height: 22px;
  position: relative;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  max-width: 1440px;
  margin: 0 auto;
  overflow: hidden;
}

.dismissible span {
  background: #fff;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: block;
  margin: 20px 1rem;
  padding: 10px;
  padding-top: px;
  position: relative;
  text-align: center;
}

.dismissible button {
  background: rgba(0, 0, 0, 0.4);
  border: 0;
  border-radius: 100%;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  height: 24px;
  line-height: 20px;
  margin-top: 0;
  right: 10px;
  position: absolute;
  top: 0;
  width: 24px;
}

.dismissible button:focus {
  outline: none;
}

.dismissible-error span {
  background-color: #ff5252;
  border-color: #ff1744;
  color: #fff;
}

.dismissible-error button {
  background-color: #d50000;
  color: #ffcdd2;
}

.dismissible-info span {
  background-color: #64b5f6;
  border-color: #2196f3;
  color: #fff;
}

.dismissible-info button {
  background-color: #2196f3;
  color: #e3f2fd;
}

.dismissible-success span {
  background-color: #9ccc65;
  border-color: #7cb342;
  color: #fff;
}

.dismissible-success button {
  background-color: #7cb342;
  color: #dcedc8;
}

.dismissible-warning span {
  background-color: #ffa726;
  border-color: #fb8c00;
  color: #fff;
}

.dismissible-warning button {
  background-color: #fb8c00;
  color: #ffe0b2;
}

.whatsapp-float {
  display: absolute;
  position: fixed;
  bottom: 20px;
  right: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  z-index: 1000;
}
.whatsapp-float img {
  width: 40px;
}

#prev,
#next {
  font-size: 16px;
}

.gallery-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 2rem 0;
}
.gallery-container .gallery-item {
  width: 100%;
}
.gallery-container .gallery-item img {
  max-width: 100%;
  display: block;
  border-radius: 15px;
  transition: 0.5s ease-out;
}
.gallery-container .gallery-item img:hover {
  transform: scale(1.05);
}

@media screen and (max-width: 1024px) {
  .gallery-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .gallery-container {
    grid-template-columns: repeat(1, 1fr);
  }
}

.abut-us-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 0;
  background-color: #f4f4f7;
}

.abut-us-cont h1 {
  font-size: 46px;
  font-weight: 900;
  color: #333;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.abut-us-cont h1 i {
  margin-right: 10px;
  color: #28a745; /* Green color for the icon */
}

.abut-us-cont p {
  font-size: 18px;
  color: #666;
  text-align: center;
  max-width: 90%;
  line-height: 1.6;
  margin-top: 0;
  padding: 0 20px;
}

.owner-bg {
  color: #000;
  /* background-color: #7b0237; */
}

.owner-bg h1 i {
  margin-right: 10px;
  color: #28a745; /* Green color for the icon */
}

.about-first-cont {
  width: 100%;
  display: grid;
  grid-template-columns: 0.75fr 1.25fr;
  max-width: 1440px;
  margin: 0 auto;
  padding: 4rem 10rem;
  background-image: repeating-linear-gradient(
      45deg,
      rgb(255, 255, 255) 0px,
      rgb(255, 255, 255) 10px,
      transparent 10px,
      transparent 11px
    ),
    repeating-linear-gradient(
      135deg,
      rgb(255, 255, 255) 0px,
      rgb(255, 255, 255) 10px,
      transparent 10px,
      transparent 11px
    ),
    linear-gradient(90deg, hsl(256, 7%, 84%), hsl(256, 7%, 84%));
}

.child-cont-text-wrapper {
  background-color: var(--card-bg);
  margin: 60px 0px 0px 0px;
  padding: 40px 60px 40px 65px;
}
.child-cont-text-wrapper h1 {
  color: #fff;
  font-size: 4.5rem;
  margin-bottom: 30px;
  font-family: "Lobster", cursive;
  font-optical-sizing: auto;
}
.child-cont-text-wrapper h1 i {
  color: honeydew;
  font-size: 4rem;
  line-height: 1.4;
}
.child-cont-text-wrapper p {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.4;
  font-family: Poppins;
  margin: 1rem 0;
}

.image-cont img {
  max-width: 100%;
  display: block;
  max-height: 500px;
}

@media screen and (max-width: 1024px) {
  .about-first-cont {
    grid-template-columns: 1fr;
    padding: 4rem 2rem;
  }
  .child-cont-text-wrapper {
    margin: 0;
    padding: 20px 20px 20px 20px;
  }
  .child-cont-text-wrapper h1 {
    font-size: 3rem;
  }
  .child-cont-text-wrapper h1 i {
    font-size: 3rem;
  }
  .child-cont-text-wrapper p {
    font-size: 1.2rem;
  }
}