@charset "UTF-8";
/* ALERTS */
.alert__wrapper {
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
}

.ads--enabled .alert__wrapper {
  top: 52px;
}

.alert {
  display: flex;
  width: 100%;
  font-size: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 10px 8px;
  border-radius: 4px;
  border: 0;
}
.alert__wrapper .alert {
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.04);
  min-height: 64px;
  border-radius: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .alert__wrapper .alert {
    left: 64px;
    width: calc(100% - 64px);
    position: absolute;
  }
}
@media screen and (min-width: 1680px) {
  .alert__wrapper .alert {
    left: 296px;
    width: calc(100% - 296px);
  }
}
.alert__wrapper .alert + .alert {
  box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.08);
}
.alert--success {
  color: #44AD34;
  background-color: rgba(68, 173, 52, 0.24);
}
.alert__wrapper .alert--success {
  color: #FFFFFF;
  background-color: #44AD34;
}
.alert--info {
  color: #439DCF;
  background-color: rgba(67, 157, 207, 0.24);
}
.alert__wrapper .alert--info {
  color: #FFFFFF;
  background-color: #439DCF;
}
.alert--warning {
  color: #E89D28;
  background-color: rgba(246, 205, 53, 0.24);
}
.alert__wrapper .alert--warning {
  color: #FFFFFF;
  background-color: #EBB02D;
}
.alert--danger, .alert--error {
  color: #D63636;
  background-color: rgba(214, 54, 54, 0.24);
}
.alert__wrapper .alert--danger, .alert__wrapper .alert--error {
  color: #FFFFFF;
  background-color: #D63636;
}
.alert__wrapper .alert__text {
  text-align: left;
  margin-right: auto;
}
.alert__icon {
  margin: 0 8px;
}
@media screen and (min-width: 768px) {
  .alert__wrapper .alert__icon {
    margin-left: auto;
  }
}
.alert--success .alert__icon svg path {
  fill: #44AD34;
}
.alert--info .alert__icon svg path {
  fill: #439DCF;
}
.alert--warning .alert__icon svg path {
  fill: #E89D28;
}
.alert--danger .alert__icon svg path, .alert--error .alert__icon svg path {
  fill: #D63636;
}
.alert__wrapper .alert__icon svg path {
  fill: #FFFFFF;
}
.alert__close {
  position: relative;
  color: #FFFFFF;
  background: none;
  border: 0;
  height: 44px;
  width: 44px;
  padding: 11px;
}
.alert__close:before, .alert__close:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  top: calc(50% - 1px);
  left: calc(50% - 10px);
  transform: rotate(45deg);
}
.alert--success .alert__close:before, .alert--success .alert__close:after {
  background: #44AD34;
}
.alert--info .alert__close:before, .alert--info .alert__close:after {
  background: #439DCF;
}
.alert--warning .alert__close:before, .alert--warning .alert__close:after {
  background: #E89D28;
}
.alert--danger .alert__close:before, .alert--error .alert__close:before, .alert--danger .alert__close:after, .alert--error .alert__close:after {
  background: #D63636;
}
.alert__wrapper .alert__close:before, .alert__wrapper .alert__close:after {
  background: #FFFFFF !important;
}
.alert__close:after {
  transform: rotate(-45deg);
}
.alert a {
  text-decoration: underline;
}
.alert__wrapper .alert a {
  color: #FFFFFF;
}
@keyframes alert-opacity {
  0% {
    top: -64px;
  }
  5% {
    top: 0;
  }
  95% {
    top: 0;
    opacity: 1;
  }
  100% {
    top: -64px;
    opacity: 0;
  }
}
footer {
  padding: 16px 0;
  background: #44AD34;
}
@media screen and (min-width: 768px) {
  footer {
    padding: 0;
  }
}
footer .container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
}
@media screen and (min-width: 768px) {
  footer .container {
    flex-direction: row;
    padding: 24px;
  }
}
footer ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  footer ul {
    flex-direction: row;
  }
}
@media screen and (min-width: 1200px) {
  footer ul {
    padding: 0 16px;
  }
}
footer ul li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-weight: 600;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  footer ul li {
    padding: 0 16px;
    margin: 4px 0;
    width: auto;
  }
}
footer ul li:not(:last-child) {
  box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.16);
}
@media screen and (min-width: 768px) {
  footer ul li:not(:last-child) {
    box-shadow: inset -2px 0 0 0 rgba(255, 255, 255, 0.16);
  }
}
footer ul li a {
  display: flex;
  justify-content: center;
  position: relative;
  color: #FFFFFF;
  font-size: 14px;
  padding: 10px 0;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  footer ul li a {
    display: block;
    padding: 4px 0;
  }
}
footer ul li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -8px;
  opacity: 0;
  background: #FFFFFF;
  transition: all 0.2s ease-in-out;
}
footer ul li a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  footer ul li a:hover:before {
    bottom: -2px;
    opacity: 1;
  }
}
footer .footer__logo {
  display: flex;
  flex: 1;
}
footer .footer__logo a {
  display: flex;
  margin-right: auto;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
}
@media screen and (max-width: 767px) {
  footer .footer__logo a {
    margin: 24px auto;
  }
}
footer .footer__logo a:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  footer .footer__logo a span {
    display: none;
  }
}
.loggedin footer .footer__logo a {
  display: none;
}
footer .footer__logo a svg {
  margin-right: 12px;
  width: 40px !important;
  height: 40px !important;
}
footer .footer__backtotop {
  display: flex;
  white-space: nowrap;
  flex: 1;
}
footer .footer__backtotop__button {
  display: flex;
  margin-left: auto;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  color: #FFFFFF;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  footer .footer__backtotop__button {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  footer .footer__backtotop__button span {
    display: none;
  }
}
footer .footer__backtotop__button svg {
  margin-left: 8px;
}

#app {
  flex: 1;
}
#app > .wrap {
  flex: 1;
}

.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 21px;
  font-weight: 600;
  border-radius: 4px;
  border: 0;
  padding: 17px 24px;
  margin: 0 auto;
  width: auto;
}
@media screen and (max-width: 767px) {
  .button {
    font-size: 17px;
    padding: 10px 16px;
    width: 100%;
  }
}
.button--primary {
  color: #FFFFFF !important;
  background: #44AD34;
  box-shadow: 0 4px 12px 0 rgba(68, 173, 52, 0.24);
  transition: all 0.2s ease-in-out;
}
.button--primary:hover {
  box-shadow: 0 8px 12px 0 rgba(68, 173, 52, 0.24);
  text-decoration: none;
}
.button--primary:focus {
  color: #FFFFFF;
  text-decoration: underline;
}
.button--primary-light {
  color: #44AD34 !important;
  background: rgba(68, 173, 52, 0.24);
  transition: all 0.2s ease-in-out;
}
.button--primary-light:hover {
  background: rgba(68, 173, 52, 0.32);
  text-decoration: none;
}
.button--primary-light:focus {
  color: #44AD34;
  text-decoration: underline;
}
.button--danger {
  color: #FFFFFF !important;
  background: #D63636;
  box-shadow: 0 4px 12px 0 rgba(214, 54, 54, 0.24);
  transition: all 0.2s ease-in-out;
}
.button--danger:hover {
  background: rgba(214, 54, 54, 0.8);
  box-shadow: 0 8px 12px 0 rgba(214, 54, 54, 0.24);
  text-decoration: none;
}
.button--danger:focus {
  color: #FFFFFF;
  text-decoration: underline;
}
.button--secondary {
  color: rgba(71, 71, 71, 0.64);
  background: rgba(71, 71, 71, 0.08);
  transition: all 0.2s ease-in-out;
}
.button--secondary:hover {
  color: rgba(71, 71, 71, 0.64);
  background: rgba(71, 71, 71, 0.12);
  text-decoration: none;
}
.button--secondary:focus {
  color: rgba(71, 71, 71, 0.64);
  text-decoration: underline;
}
.button--outline {
  color: #44AD34;
  background: none;
  box-shadow: inset 0 0 0 1px #EAEAEA;
  transition: all 0.2s ease-in-out;
}
.button--outline:hover {
  color: #44AD34;
  background: rgba(71, 71, 71, 0.02);
  text-decoration: none;
}
.button--outline:focus {
  color: #44AD34;
  text-decoration: underline;
}
.button--disabled {
  opacity: 0.48;
}
@media screen and (max-width: 767px) {
  .button--large {
    font-size: 21px;
    padding: 17px 24px;
  }
}
.button--small {
  font-size: 17px;
  padding: 10px 16px;
}
.button--fullwidth {
  width: 100%;
}
.button--sticky {
  position: sticky;
}
.button--sticky--bottom {
  bottom: 80px;
}
@media screen and (min-width: 768px) {
  .button--sticky--bottom {
    bottom: 16px;
  }
}

.nav-pills > .active > a > .badge, .badge {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  min-width: 18px;
  height: 18px;
  border-radius: 10px;
  padding: 0;
  color: #FFFFFF;
  background-color: #777;
}
a.nav-pills > .active > a > .badge, .badge:hover {
  background-color: #e6e6e6;
}

.nav-pills > .active > a > .badge.badge-primary, .badge.badge-primary {
  background-color: #337ab7;
}
a.nav-pills > .active > a > .badge.badge-primary, .badge.badge-primary:hover {
  background-color: #286090;
}

.nav-pills > .active > a > .badge.badge-info, .badge.badge-info {
  background-color: #5bc0de;
}
a.nav-pills > .active > a > .badge.badge-info, .badge.badge-info:hover {
  background-color: #31b0d5;
}

.nav-pills > .active > a > .badge.badge-warning, .badge.badge-warning {
  background-color: #f0ad4e;
}
a.nav-pills > .active > a > .badge.badge-warning, .badge.badge-warning:hover {
  background-color: #ec971f;
}

.nav-pills > .active > a > .badge.badge-success, .badge.badge-success {
  background-color: #5cb85c;
}
a.nav-pills > .active > a > .badge.badge-success, .badge.badge-success:hover {
  background-color: #449d44;
}

.nav-pills > .active > a > .badge.badge-danger, .badge.badge-danger {
  background-color: #D63636;
}
a.nav-pills > .active > a > .badge.badge-danger, .badge.badge-danger:hover {
  background-color: #D63636;
}

.nav-pills > .active > a > .badge.badge-error, .badge.badge-error {
  background-color: #D63636;
}
a.nav-pills > .active > a > .badge.badge-error, .badge.badge-error:hover {
  background-color: #D63636;
}

.nav-pills > .active > a > .badge.badge-pos-nav, .badge.badge-pos-nav {
  position: absolute;
  left: 10px;
  top: 10px;
  box-shadow: 0 0 0 2px #FFFFFF;
}
.nav-pills > .active > a > .badge.badge-pos-burger, .badge.badge-pos-burger {
  position: absolute;
  left: 32px;
  top: 10px;
}
.nav-pills > .active > a > .badge.badge-pos-header, .badge.badge-pos-header {
  position: absolute;
  top: -4px;
  left: -4px;
}
.nav-pills > .active > a > .badge.badge-pos-team-switch, .badge.badge-pos-team-switch {
  position: absolute;
  left: 36px;
  top: 23px;
}
@media screen and (max-width: 768px) {
  .nav-pills > .active > a > .badge.badge-pos-team-switch, .badge.badge-pos-team-switch {
    right: unset;
    left: 24px;
    top: 10px;
  }
}
.nav-pills > .active > a > .badge.badge-dot:empty, .badge.badge-dot:empty {
  display: block;
  height: 12px;
  width: 12px;
  left: 15px;
  top: 16px;
  border-radius: 6px;
  box-shadow: none;
  min-width: 0;
}
.nav-pills > .active > a > .badge.badge-label, .badge.badge-label {
  padding: 4px 6px;
  border-radius: 4px;
  font-size: unset;
  height: unset;
}

.header-icon-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(71, 71, 71, 0.08);
  border-radius: 50%;
  height: 32px;
  width: 32px;
  text-align: center;
  vertical-align: middle;
  padding: 2px;
  transition: all 0.2s ease-in-out;
  border: 0;
}
.header-icon-circle:hover {
  background: rgba(71, 71, 71, 0.12);
}
.header-buttons-right .header-icon-circle {
  background: rgba(255, 255, 255, 0.32);
}
.header-buttons-right .header-icon-circle:hover {
  background: rgba(255, 255, 255, 0.4);
}
.modal-header .header-icon-circle {
  margin-top: -4px;
}
.header-icon-circle svg {
  margin-left: 0;
  width: 18px !important;
  height: 18px !important;
  color: rgba(71, 71, 71, 0.64) !important;
}
.header-buttons-right .header-icon-circle svg  {
  color: #FFFFFF !important;
}

.dropdown-menu {
  padding: 0;
  margin: 8px 0 0 0;
  overflow: hidden;
  border: 0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08), 0 4px 16px 0 rgba(0, 0, 0, 0.16);
}
.dropdown-menu li {
  display: flex;
  white-space: nowrap;
  margin: 0 16px;
  color: #767676;
}
.dropdown-menu li:first-child a, .dropdown-menu li:first-child button {
  padding-top: 14px !important;
}
.dropdown-menu li:last-child a, .dropdown-menu li:last-child button {
  padding-bottom: 14px !important;
}
.dropdown-menu li:not(:last-child) {
  box-shadow: inset 0 -1px 0 0 #EAEAEA;
}
.dropdown-menu li.collapse {
  display: none;
}
.dropdown-menu li .dropdown-icon {
  display: flex;
  margin-right: 8px;
}
.dropdown-menu a, .dropdown-menu button {
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
  font-size: 17px;
  font-weight: 400;
  color: #474747 !important;
  border-radius: 0;
  background: none;
  border: 0;
  padding: 10px 16px !important;
  text-align: left;
  width: calc(100% + 32px);
  margin: 0 -16px;
  transition: all 0.2s ease-in-out;
}
.dropdown-menu a:hover, .dropdown-menu button:hover {
  background: rgba(234, 234, 234, 0.48) !important;
}

.ec-list {
  margin-top: 0;
}

.ec-divider .list-label {
  font-size: 14px;
  font-weight: 600;
  color: #7C7C7C;
}

.ec-list-item {
  position: relative;
}
.ec-list-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% + 32px);
  height: 100%;
  margin: 0 -16px;
  background: rgba(68, 173, 52, 0.08);
}
@media screen and (min-width: 768px) {
  .ec-list-item:before {
    width: calc(100% + 48px);
    margin: 0 -24px;
  }
}
.ec-list-item.read:before {
  display: none;
}

/* TABDECK OVERWRITES */
.nav-tabs {
  position: relative;
  z-index: 2;
  border-bottom: 0; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ /* TWEENER - IE 10 */ /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  justify-content: flex-start;
  margin-top: -39px;
  margin-left: -17px;
  padding-left: 17px;
  margin-right: -15px;
  padding-right: 32px;
}
@media screen and (max-width: 767px) {
  .nav-tabs {
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (min-width: 768px) {
  .nav-tabs {
    justify-content: center;
    margin-left: -32px;
    padding-left: 32px;
    margin-right: -32px;
    padding-right: 32px;
  }
}
@media screen and (min-width: 768px) {
  .nav-tabs.many-items {
    justify-content: flex-start;
    width: calc(100vw - 64px);
    position: absolute;
    margin-left: 0;
    left: 64px;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (min-width: 1680px) {
  .nav-tabs.many-items {
    width: calc(100vw - 296px);
    left: 296px;
  }
}
.premium .nav-tabs {
  margin-top: 23px;
  justify-content: flex-start;
}
.nav-tabs.contentarea {
  margin-top: 16px;
  justify-content: flex-start;
}

.nav-tabs > li {
  display: inline-flex;
  white-space: nowrap;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
}
.nav-tabs > li > a {
  color: #FFFFFF;
  font-size: 17px;
  font-weight: 600;
  padding: 7px 15px;
  cursor: pointer;
  transition: 0.2s;
}
.premium .nav-tabs > li > a {
  position: relative;
  padding: 7px 0;
  color: rgba(68, 173, 52, 0.48);
  border: 0;
  border-radius: 0;
  margin-right: 24px;
}
.premium .nav-tabs > li > a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: rgba(68, 173, 52, 0);
  transition: all 0.2s ease-in-out;
}
.nav-tabs.contentarea > li > a {
  color: rgba(71, 71, 71, 0.48);
}

.nav-tabs > li > a:hover {
  background: rgba(255, 255, 255, 0.16);
  color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0);
  box-shadow: inset 0px -1px 4px 0px rgba(0, 0, 0, 0.08);
  transition: 0.2s;
}
.premium .nav-tabs > li > a:hover {
  background: none;
  color: #44AD34;
  box-shadow: none;
  border: 0;
}
.premium .nav-tabs > li > a:hover:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 100%;
  height: 2px;
  background: rgba(68, 173, 52, 0.48);
}
.nav-tabs.contentarea > li > a:hover {
  color: rgba(71, 71, 71, 0.64);
}

.nav-tabs > li > a:focus {
  background: rgba(255, 255, 255, 0.32);
  color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0);
  box-shadow: inset 0px -1px 4px 0px rgba(0, 0, 0, 0.08);
  transition: 0.2s;
}
.premium .nav-tabs > li > a:focus {
  background: none;
  color: #44AD34;
  box-shadow: none;
  border: 0;
}
.nav-tabs > li.active a {
  color: #44AD34;
}
.premium .nav-tabs > li.active a {
  border: 0;
  box-shadow: none;
}
.premium .nav-tabs > li.active a:before {
  bottom: 3px;
  background: #44AD34;
}
.nav-tabs.contentarea > li.active a {
  color: #474747;
}

.nav-tabs > li.active a:hover {
  color: #44AD34;
  box-shadow: none;
}
.premium .nav-tabs > li.active a:hover {
  border: 0;
  box-shadow: none;
}
.nav-tabs.contentarea > li.active a:hover {
  color: #474747;
}

.floatbox-header {
  background: #FFFFFF;
  padding-bottom: 24px;
}
.floatbox-header .card {
  margin-top: -150px;
  min-height: 300px;
}
@media screen and (max-width: 767px) {
  .floatbox-header .card {
    margin-top: -146px;
  }
}

.no-tabbar ~ .floatbox-header .card {
  margin-top: -128px;
}
@media screen and (max-width: 767px) {
  .no-tabbar ~ .floatbox-header .card {
    margin-top: -114px;
  }
}

.btn-success-light {
  color: #44AD34;
  background: #D2EBCE;
  transition: 0.2s;
}
.btn-success-light:hover {
  color: #44AD34;
  background-color: #B6DEAF;
}
.btn-success-light:visited, .btn-success-light:active, .btn-success-light:link {
  color: #44AD34;
}

.list-item .list-drilldown .list-drilldown-label.green {
  color: #44AD34;
}
.list-item .list-drilldown .list-drilldown-label.red {
  color: #D63636;
}
.list-item .list-drilldown .list-drilldown-label.darkgrey {
  color: #474747;
}
.list-item .list-drilldown .list-drilldown-label.value {
  font-size: 17px;
  line-height: 16px;
}
.list-item .list-drilldown .list-drilldown-label.bold {
  font-weight: 600;
}
.list-item .inactive {
  opacity: 0.38;
}

.premium .form-group.has-success::before {
  content: "";
}
.premium .collapse-overwrite .participation-list-header {
  border: 2px solid #EBEBEB;
  border-radius: 2px;
  padding: 16px 14px;
}
.premium .collapse-overwrite .participants-number > div {
  margin-right: 0;
}
.premium .radio-btn-toolbar__wrapper {
  display: flex;
  justify-content: space-evenly;
}
.premium .radio-btn-toolbar input[type=radio] {
  display: none;
}
.premium .radio-btn-toolbar label {
  display: flex;
  justify-content: center;
  color: #696969;
  border: 2px solid #EAEAEA;
  border-radius: 4px;
  padding: 8px 4px;
  font-size: 14px;
  cursor: pointer;
  width: calc((100% - 20px) / 3);
}
.premium .radio-btn-toolbar input[type=radio]:checked + label {
  color: #44AD34;
  border-color: #44AD34;
  background-color: #E1F2DE;
}
.premium .radio-btn-toolbar--list {
  margin-top: 32px;
}
.premium .radio-btn-toolbar--list .badge.badge-label {
  padding: 3px 5px 4px;
  border-radius: 4px;
  margin-left: 8px;
  height: inherit;
  font-size: 9px;
  background-color: #dbdbdb;
  color: #474747;
}

.premium .radio-btn-toolbar--list input[type=radio]:checked + label .badge.badge-label {
  background-color: #44AD34;
  color: #FFFFFF;
}

.premium .radio-btn-toolbar--list label {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  width: 100%;
  font-size: 17px;
}
.premium .radio-btn-toolbar--list label:not(:last-of-type) {
  margin-bottom: 12px;
}
.premium .radio-btn-toolbar--list label .duration {
  margin-left: auto;
  font-weight: 400;
  font-size: 14px;
}
.premium .prices {
  margin-top: 16px;
  margin-bottom: 8px;
}
.premium .prices .invalid {
  display: inline-block;
  color: #A8A8A8;
  font-size: 20px;
  text-decoration: line-through;
  margin-bottom: -8px;
}
.premium .prices .valid {
  color: #474747;
  font-size: 40px;
  font-weight: 600;
}
.premium .prices .savings {
  color: #44AD34;
}
.premium .prices .savings span {
  background-color: #E1F2DE;
  font-size: 11px;
  font-weight: 700;
  padding: 1px 6px;
  border-radius: 4px;
}
.premium .buttons .btn {
  margin-top: 0;
  margin-bottom: 8px;
}
.premium__public-selection {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 0 16px;
  margin: 28px 0 58px;
}
.premium__public-selection form {
  display: flex;
  flex-direction: column;
  width: calc(100% + 32px);
  margin: 0 -16px;
}
.premium__public-selection form .form-group {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .premium__public-selection form .form-group {
    margin: 8px;
  }
}
.premium__public-selection form .form-group input[type=text] {
  border: 0 !important;
  border-bottom: 0 !important;
  font-weight: 600;
}
.premium__public-selection form .radio-btn-toolbar {
  padding: 16px 16px 0;
  box-shadow: inset 0 -1px 0 0 #EAEAEA, inset 0 1px 0 0 #EAEAEA;
}
@media screen and (min-width: 768px) {
  .premium__public-selection form .radio-btn-toolbar {
    padding: 24px 24px 8px;
  }
}
.premium__public-selection__teams {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 17px;
  font-weight: 600;
  color: #474747;
  padding: 20px 0;
  box-shadow: inset 0 -1px 0 0 #EAEAEA;
}
.premium__public-selection__teams svg:first-of-type {
  margin-right: auto;
}
.premium__public-selection__teams svg:last-of-type {
  margin-left: auto;
}
.premium__public-selection .button {
  margin: 16px 0;
}
@media screen and (min-width: 768px) {
  .premium__public-selection .button {
    margin-bottom: 32px;
  }
}
.premium__public-compare {
  margin-bottom: 32px;
}
.premium__public-compare__item {
  display: flex;
  align-items: center;
  padding: 10px 0;
  box-shadow: inset 0 -1px 0 0 #EAEAEA;
}
.premium__public-compare__item:first-child, .premium__public-compare__item:last-child {
  box-shadow: none;
}
.premium__public-compare__item__label {
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
  color: #474747;
  margin-right: auto;
}
.premium__public-compare__item__free {
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  text-align: center;
  width: 32px;
  font-size: 14px;
  font-weight: 600;
  color: #7C7C7C;
  text-transform: uppercase;
}
.premium__public-compare__item__premium {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-shrink: 0;
  width: 64px;
  margin-left: 24px;
  font-size: 14px;
  font-weight: 600;
  color: #44AD34;
  text-transform: uppercase;
}
.premium__public-compare__more {
  display: flex;
  align-items: center;
  padding: 20px 0;
  font-size: 17px;
  font-weight: 600;
  color: rgba(71, 71, 71, 0.48);
}
.premium__public-compare__more img {
  margin-right: 16px;
}

.sales-arguments {
  margin: 20px 0;
}
@media screen and (min-width: 768px) {
  .sales-arguments {
    margin: 32px 0;
  }
}
.sales-arguments__item {
  display: flex;
  padding: 24px 0;
}
@media screen and (max-width: 767px) {
  .sales-arguments__item {
    padding: 16px 0;
  }
  .sales-arguments__item:not(:last-child) {
    box-shadow: inset 0 -1px 0 0 #EBEBEB;
  }
}
.sales-arguments__item--active p {
  display: flex !important;
}
.sales-arguments__item__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background-color: rgba(68, 173, 52, 0.08);
  height: 48px;
  width: 48px;
  border-radius: 8px;
  margin-right: 16px;
}
@media screen and (min-width: 768px) {
  .sales-arguments__item__icon {
    height: 64px;
    width: 64px;
    border-radius: 10px;
  }
  .sales-arguments__item__icon img {
    width: 56px;
    height: 56px;
  }
}
.sales-arguments__item__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .sales-arguments__item__text {
    justify-content: flex-start;
  }
}
.sales-arguments__item__title {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 48px;
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
  color: #474747;
}
@media screen and (min-width: 768px) {
  .sales-arguments__item__title {
    min-height: inherit;
    font-size: 20px;
    /*margin-top: 19px;*/
    /*margin-bottom: 14px;*/
    margin-bottom: 10px;
  }
  .sportlerplus .sales-arguments__item__title {
    /*margin-top: 11px;*/
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .sportlerplus .sales-arguments__item__title {
    margin-bottom: 8px;
  }
}
.sales-arguments__item__title span {
  display: flex;
  font-size: 11px;
  line-height: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FF6900;
}
@media screen and (min-width: 768px) {
  .sales-arguments__item__title span {
    margin-top: 2px;
  }
}
.sales-arguments__item__title svg {
  display: none;
}
@media screen and (max-width: 767px) {
  .sales-arguments__item__title svg {
    display: block;
    position: absolute;
    top: calc(50% - 8px);
    right: 0;
    transform: rotate(90deg);
  }
  .sales-arguments__item--active .sales-arguments__item__title svg {
    transform: rotate(-90deg);
  }
}
.sales-arguments__item p {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .sales-arguments__item p {
    display: none;
  }
}
.sales-arguments__item .badge-label {
  vertical-align: unset;
  font-size: small;
  margin-bottom: 8px;
  background-color: #44AD34;
}
.sales-arguments__item .btn {
  font-size: 14px;
  margin-top: 10px;
  padding: 9px 15px;
  width: auto;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  font-weight: 600;
}
.sales-arguments__item .btn svg {
  margin-left: 4px;
}
.sales-arguments__item .btn .svg {
  color: #44AD34;
}
.sales-arguments__item.sportlerplus .sales-arguments__item__icon {
  background-color: #FFF6EE;
}
.sales-arguments__item.sportlerplus .badge-label {
  background-color: #FF6900;
}
.sales-arguments__item.sportlerplus .btn-success-light {
  background-color: #FFF6EE;
  color: #FF6900;
}
.sales-arguments__item.sportlerplus .btn-success-light .svg {
  color: #FF6900;
}
.sales-arguments ul {
  padding-left: 0;
  margin: 24px 0 40px;
}
@media screen and (min-width: 768px) {
  .sales-arguments ul {
    margin: 32px 0 48px;
  }
}
.sales-arguments ul li {
  position: relative;
  display: flex;
  align-items: center;
  list-style-type: none;
  padding: 10px 0 10px 36px;
  font-size: 17px;
  font-weight: 600;
  color: #474747;
}
.sales-arguments ul li:not(:last-child) {
  box-shadow: inset 0 -1px 0 0 #EAEAEA;
}
.sales-arguments ul li:before {
  position: absolute;
  content: "";
  top: calc(50% - 12px);
  left: 0;
  width: 24px;
  height: 24px;
  background: url("../images/graphics/ic_24_checked_alt.svg");
}
.sales-arguments ul li.bullet-title {
  font-size: 14px;
  font-weight: 600;
  color: #7C7C7C;
  box-shadow: none;
  padding-left: 0;
}
.sales-arguments ul li.bullet-title:before {
  display: none;
}
.sales-arguments ul li.bullet-more {
  font-weight: 600;
  color: #7C7C7C;
  box-shadow: none;
  padding-left: 0;
}
.sales-arguments ul li.bullet-more:before {
  display: none;
}

.admin .btn {
  padding: 6px 12px;
  width: auto;
}
.admin .btn-xs, .admin .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.admin .btn-sm, .admin .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.admin .error-summary {
  margin-bottom: 16px;
}

.container-border {
  border-radius: 4px;
  border: 1px solid #EAEAEA;
  padding: 16px;
  margin-bottom: 16px;
}
.container-border h5:first-child {
  margin-top: 0;
}

.form-item-list label:not(:first-child) {
  margin-top: unset !important;
}

.tt-suggestion {
  font-size: 20px;
  padding: 5px !important;
}

.card {
  background: #FFFFFF;
  padding: 16px 48px;
  max-width: 576px;
  margin: 0 auto;
  box-shadow: 0 0 8px 0 rgba(71, 71, 71, 0.32);
  position: relative;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .card {
    padding: 16px;
  }
}
.card:after {
  content: "";
  position: absolute;
  z-index: -1;
  height: 32px;
  width: calc(100% - 16px);
  left: 8px;
  bottom: -8px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0 0 8px 0 rgba(71, 71, 71, 0.32);
}
.card-head {
  margin-bottom: 16px;
}
.card-head .team-logo {
  border-radius: 50%;
  margin: 24px auto;
  width: 128px;
  height: 128px;
}
.card-head .team-logo img {
  width: 128px;
  height: 128px;
}
.card h1 {
  display: flex;
  justify-content: center;
  margin-top: 26px;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .card h1 {
    margin-top: 19px;
    margin-bottom: 10px;
    line-height: 32px;
  }
}
.card p a {
  cursor: pointer;
  text-decoration: underline;
}
.card__badge {
  align-self: center;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  color: #FFFFFF;
  background: #44AD34;
  padding: 6px 7px;
  border-radius: 4px;
  text-transform: uppercase;
  margin-left: 3px;
}
.card-footer {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  margin: 16px 0 32px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .card-footer {
    margin-bottom: 0;
  }
}
.card-footer__center {
  flex: 1;
  align-items: center;
}
.card-footer__center .button:not(:last-child) {
  margin-bottom: 16px;
}
.premium-bg .card {
  margin-top: -150px;
}
@media screen and (max-width: 767px) {
  .premium-bg .card {
    margin-top: -114px;
  }
}

.below-card {
  display: flex;
  align-items: center;
  margin-top: 26px;
}
.below-card a {
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 600;
  color: #FFFFFF;
  text-decoration: underline;
}
.below-card a svg {
  margin-right: 8px;
}

.progress-indicator {
  display: inline-flex;
  margin: 0 auto;
}
.progress-indicator__dot {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #E6E7E6;
  margin: 0 2px;
}
.progress-indicator__dot:first-child {
  margin-left: 0;
}
.progress-indicator__dot:last-child {
  margin-right: 0;
}
.progress-indicator__dot--active {
  background: #44AD34;
}

.summary-features {
  display: flex;
  justify-content: space-between;
  margin: 24px 0;
}
@media screen and (min-width: 768px) {
  .summary-features {
    margin: 40px 0;
  }
}
.summary-features__item {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: calc((100% - 16px) / 3);
}
.summary-features__item__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(68, 173, 52, 0.08);
}
.summary-features__item__label {
  font-size: 17px;
  font-weight: 600;
  color: #474747;
  margin: 5px 0 -2px;
}
.summary-features__item__value {
  font-size: 11px;
  font-weight: 400;
  color: #7C7C7C;
}

.fitness-slider {
  margin: 16px -1px;
}
@media screen and (min-width: 768px) {
  .fitness-slider {
    margin: 16px -9px;
  }
}
.fitness-slider .slick-slide {
  outline: none;
}
.fitness-slider .slick-list {
  padding: 0 12px;
}
@media screen and (min-width: 768px) {
  .fitness-slider .slick-list {
    padding: 0 20px;
  }
}
.fitness-slider__item {
  display: flex;
  flex-direction: column;
  margin: 16px 4px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), 0 8px 8px 0 rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  overflow: hidden;
}
.fitness-slider__item--active {
  position: relative;
  box-shadow: inset 0 0 0 2px #44AD34, 0 8px 8px 0 rgba(68, 173, 52, 0.12);
}
.fitness-slider__item--active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  box-shadow: inset 0 0 0 2px #44AD34, 0 8px 8px 0 rgba(68, 173, 52, 0.12);
}
.fitness-slider__item .video-preview-img {
  position: relative;
}
.fitness-slider__item .video-preview-img:before {
  content: url("../images/fitness/ic_video_preview.svg");
  position: absolute;
  top: calc(50% - 16px);
  left: calc(50% - 16px);
  width: 32px;
  height: 32px;
  opacity: 0.48;
}
.fitness-slider__item img {
  width: 100%;
  /* SW-2576 */
  height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .fitness-slider__item img {
    /* SW-2576 */
    height: 155px;
  }
}
.fitness-slider__item__title {
  font-size: 14px;
  color: #474747;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .fitness-slider__item__title {
    font-size: 17px;
    line-height: 24px;
  }
}
.fitness-slider__item__meta {
  font-size: 11px;
  color: #7C7C7C;
  line-height: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 0 12px;
}
@media screen and (min-width: 768px) {
  .fitness-slider__item__meta {
    font-size: 14px;
    line-height: 20px;
  }
}
.fitness-slider__item__button {
  font-size: 14px;
  color: #474747;
  font-weight: 600;
  padding: 8px 0 9px;
  box-shadow: inset 0 1px 0 0 #EAEAEA;
}
.fitness-slider__item--active .fitness-slider__item__button {
  background: #44AD34;
  color: #FFFFFF;
  box-shadow: inset 0 1px 0 0 #44AD34;
}

.fitness-video {
  width: 100%;
  border-radius: 24px;
  padding: 16px;
}

.tk8__feature__link {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 14px;
  border-radius: 4px;
  color: #FFFFFF;
  background: #00D1FF;
  transition: all 0.2s ease-in-out;
  margin-top: 10px;
}
.tk8__feature__link svg {
  margin-left: 5px;
}
.tk8__feature__link:hover {
  cursor: pointer;
  color: #FFFFFF;
  background: #00D1FF;
  text-decoration: none;
}

.sportlerplus__hint {
  background: rgba(71, 71, 71, 0.04);
  border-radius: 4px;
  padding: 16px 16px 20px;
  margin-bottom: 16px;
}
.sportlerplus__hint__badge {
  display: inline-flex;
  font-size: 14px;
  letter-spacing: -0.37px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 4px;
  color: #44AD34;
  background: rgba(68, 173, 52, 0.2);
  margin: 8px 0 18px;
}
.sportlerplus__hint__title {
  display: flex;
  align-items: center;
}
.sportlerplus__blog .sportlerplus__hint__title {
  margin-top: 8px;
}
.sportlerplus__hint__title h4 {
  font-size: 22px;
  line-height: 28px;
  margin: 0;
}
.sportlerplus__hint__title__button {
  display: inline-flex;
  align-self: center;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  background: #FF6900;
  border: 0;
  border-radius: 4px;
  padding: 4px 8px;
  margin-left: auto;
}
.sportlerplus__hint p {
  margin: 12px 0 18px;
}
.sportlerplus__hint p.small {
  margin: 12px 0 19px;
}
.sportlerplus__hint .form-group {
  background: #FFFFFF;
  border-radius: 4px;
}
.sportlerplus__hint a:not(.button) {
  color: #7C7C7C;
  font-weight: 600;
  text-decoration: underline;
}
.sportlerplus__feature {
  margin: 40px 0;
}
.sportlerplus__feature img {
  margin-right: auto;
  margin-bottom: 28px;
  max-width: 100%;
}
.sportlerplus__feature h4 {
  margin-bottom: 22px;
}
.sportlerplus__feature small {
  display: block;
  margin-bottom: -3px;
}
.sportlerplus__feature p {
  margin-bottom: 8px;
}
.sportlerplus__feature__link {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 14px;
  border-radius: 4px;
  color: #FF6900;
  background: rgba(255, 105, 0, 0.08);
  transition: all 0.2s ease-in-out;
  margin-top: 10px;
}
.sportlerplus__feature__link svg {
  margin-left: 5px;
}
.sportlerplus__feature__link:hover {
  cursor: pointer;
  color: #FF6900;
  background: rgba(255, 105, 0, 0.12);
  text-decoration: none;
}
.sportlerplus__feature .list-item {
  box-shadow: inset 0 0 0 1px #EAEAEA;
  border-radius: 4px;
  padding: 0 16px;
  margin-top: 18px;
}
.sportlerplus__blog .list-icon {
  border-radius: 4px;
  overflow: hidden;
}
.sportlerplus__blog__detail__title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #474747;
  margin-top: 6px;
}
.sportlerplus__blog__detail h3, .sportlerplus__blog__detail h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #474747;
  margin: 27px 0 11px;
}
.sportlerplus__blog__detail h5 {
  margin-top: 0;
}
.sportlerplus__blog__detail img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  margin-bottom: 18px;
}
.sportlerplus__blog__detail p {
  margin: 0 0 16px;
}
.sportlerplus__blog__detail p:last-of-type {
  margin: 0;
}
.sportlerplus__blog__detail p.dark {
  margin: 19px 0 20px;
  font-weight: 600;
}
.sportlerplus__blog__detail ul, .sportlerplus__blog__detail ol {
  margin: 12px 0;
  padding-left: 24px;
}
.sportlerplus__blog__detail ul li:not(:last-child), .sportlerplus__blog__detail ol li:not(:last-child) {
  margin-bottom: 8px;
}
.sportlerplus__code {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  background: rgba(71, 71, 71, 0.06);
  box-shadow: inset 0 0 0 1px rgba(71, 71, 71, 0.12);
  border-radius: 4px;
  padding: 9px 0 11px;
  margin-bottom: 16px;
}
.sportlerplus__code__label {
  font-size: 11px;
  font-weight: 600;
  color: rgba(124, 124, 124, 0.64);
}
.sportlerplus__code__value {
  font-size: 20px;
  font-weight: 600;
  color: #474747;
  margin-top: 1px;
}
.sportlerplus__code__copy {
  position: absolute;
  display: flex;
  right: 16px;
  top: calc(50% - 8px);
}

/* Progress Circle */
.progress-circle {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 8px 0;
}
.progress-circle--small {
  margin: 0;
}
.progress-circle__value {
  position: absolute;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  color: #44AD34;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.progress-circle--small .progress-circle__value {
  font-size: 11px;
  line-height: 11px;
}
.progress-circle svg {
  transform: rotate(-90deg);
}
.progress-circle .progress-circle__progress {
  stroke-dasharray: 600;
  stroke-dashoffset: 600;
}
.progress-circle .progress-circle__base {
  opacity: 0.24;
}
.progress-circle--100 .progress-circle__progress {
  animation: progress-animation-100 2s ease-in-out forwards;
}
.progress-circle--95 .progress-circle__progress {
  animation: progress-animation-95 1.95s ease-in-out forwards;
}
.progress-circle--90 .progress-circle__progress {
  animation: progress-animation-90 1.9s ease-in-out forwards;
}
.progress-circle--85 .progress-circle__progress {
  animation: progress-animation-85 1.85s ease-in-out forwards;
}
.progress-circle--80 .progress-circle__progress {
  animation: progress-animation-80 1.8s ease-in-out forwards;
}
.progress-circle--75 .progress-circle__progress {
  animation: progress-animation-75 1.75s ease-in-out forwards;
}
.progress-circle--70 .progress-circle__progress {
  animation: progress-animation-70 1.7s ease-in-out forwards;
}
.progress-circle--65 .progress-circle__progress {
  animation: progress-animation-65 1.65s ease-in-out forwards;
}
.progress-circle--60 .progress-circle__progress {
  animation: progress-animation-60 1.6s ease-in-out forwards;
}
.progress-circle--55 .progress-circle__progress {
  animation: progress-animation-55 1.55s ease-in-out forwards;
}
.progress-circle--50 .progress-circle__progress {
  animation: progress-animation-50 1.5s ease-in-out forwards;
}
.progress-circle--45 .progress-circle__progress {
  animation: progress-animation-45 1.45s ease-in-out forwards;
}
.progress-circle--40 .progress-circle__progress {
  animation: progress-animation-40 1.4s ease-in-out forwards;
}
.progress-circle--35 .progress-circle__progress {
  animation: progress-animation-35 1.35s ease-in-out forwards;
}
.progress-circle--30 .progress-circle__progress {
  animation: progress-animation-30 1.3s ease-in-out forwards;
}
.progress-circle--25 .progress-circle__progress {
  animation: progress-animation-25 1.25s ease-in-out forwards;
}
.progress-circle--20 .progress-circle__progress {
  animation: progress-animation-20 1.2s ease-in-out forwards;
}
.progress-circle--15 .progress-circle__progress {
  animation: progress-animation-15 1.15s ease-in-out forwards;
}
.progress-circle--10 .progress-circle__progress {
  animation: progress-animation-10 1.1s ease-in-out forwards;
}
.progress-circle--5 .progress-circle__progress {
  animation: progress-animation-05 1.05s ease-in-out forwards;
}
@keyframes progress-animation-100 {
  to {
    /* 600 is value for 0, 351 is value for 100 */
    stroke-dashoffset: 351px;
  }
}
@keyframes progress-animation-95 {
  to {
    stroke-dashoffset: 363.45px;
  }
}
@keyframes progress-animation-90 {
  to {
    stroke-dashoffset: 375.9px;
  }
}
@keyframes progress-animation-85 {
  to {
    stroke-dashoffset: 388.35px;
  }
}
@keyframes progress-animation-80 {
  to {
    stroke-dashoffset: 400.8px;
  }
}
@keyframes progress-animation-75 {
  to {
    stroke-dashoffset: 413.25px;
  }
}
@keyframes progress-animation-70 {
  to {
    stroke-dashoffset: 425.7px;
  }
}
@keyframes progress-animation-65 {
  to {
    stroke-dashoffset: 438.15px;
  }
}
@keyframes progress-animation-60 {
  to {
    stroke-dashoffset: 450.6px;
  }
}
@keyframes progress-animation-55 {
  to {
    stroke-dashoffset: 463.05px;
  }
}
@keyframes progress-animation-50 {
  to {
    stroke-dashoffset: 475.5px;
  }
}
@keyframes progress-animation-45 {
  to {
    stroke-dashoffset: 487.95px;
  }
}
@keyframes progress-animation-40 {
  to {
    stroke-dashoffset: 500.4px;
  }
}
@keyframes progress-animation-35 {
  to {
    stroke-dashoffset: 512.85px;
  }
}
@keyframes progress-animation-30 {
  to {
    stroke-dashoffset: 525.3px;
  }
}
@keyframes progress-animation-25 {
  to {
    stroke-dashoffset: 537.75px;
  }
}
@keyframes progress-animation-20 {
  to {
    stroke-dashoffset: 550.2px;
  }
}
@keyframes progress-animation-15 {
  to {
    stroke-dashoffset: 562.65px;
  }
}
@keyframes progress-animation-10 {
  to {
    stroke-dashoffset: 575.1px;
  }
}
@keyframes progress-animation-05 {
  to {
    stroke-dashoffset: 587.55px;
  }
}

.btn-spo {
  background: rgb(255, 105, 0);
  color: #FFFFFF;
  transition: 0.2s;
  border: 0;
  font-weight: 600;
  margin-top: 7px;
}

/* Newsletter Tabs */
#newsletter-language-tabs {
  position: static;
}

.fc-toolbar {
  text-transform: capitalize;
}

/* Event Arrows */
.main-header .arrow-left,
.main-header .arrow-right {
  display: inline-block;
  margin: 40px 24px 0 24px;
}

/* Chat */
.chat-message.deleted {
  margin: -10px auto 10px;
}

.chat-message-item.deleted + .chat-message-item.deleted {
  margin-top: 0;
}

.chat-message-item + .chat-message-item.deleted {
  margin-top: -10px;
}

.form-group.field-planneddeletionteamform-options.has-success:before {
  content: "";
}

.form-group.field-planneddeletionteamform-options.has-error:before {
  content: "";
}

.card-boxed {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), 0 8px 8px 0 rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .card-boxed {
    margin-bottom: 24px;
  }
}
.card-boxed--outline-success {
  box-shadow: inset 0 0 0 1.5px rgba(68, 173, 52, 0.8), 0 8px 8px 0 rgba(0, 0, 0, 0.04);
}
.card-boxed--info {
  background: rgba(67, 157, 207, 0.24);
  box-shadow: inset 0 0 0 1.5px rgba(67, 157, 207, 0.32), 0 8px 8px 0 rgba(0, 0, 0, 0.04);
}
.card-boxed__header {
  display: flex;
  padding: 16px 16px 0;
  font-size: 17px;
  line-height: 25px;
  font-weight: 600;
  color: #474747;
}
@media screen and (min-width: 768px) {
  .card-boxed__header {
    padding: 16px 16px 10px;
  }
}
.card-boxed--info .card-boxed__header {
  color: #439DCF;
}
.card-boxed__header img, .card-boxed__header svg {
  margin-right: 8px;
}
.card-boxed--info .card-boxed__header img path, .card-boxed--info .card-boxed__header svg path {
  fill: #439DCF !important;
}
.card-boxed__header__date {
  margin-left: auto;
  flex-shrink: 0;
  font-size: 14px;
  letter-spacing: -0.2px;
  font-weight: 400;
  color: rgba(71, 71, 71, 0.48);
}
.card-boxed__content {
  padding: 9px 16px;
  font-size: 14px;
  font-weight: 400;
  color: #474747;
}
.card-boxed--info .card-boxed__content {
  padding: 9px 16px 17px;
}
@media screen and (min-width: 768px) {
  .card-boxed--info .card-boxed__content {
    padding: 10px 16px 18px;
  }
}
.card-boxed--info .card-boxed__content a {
  color: #439DCF;
}
.card-boxed__content p {
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
.card-boxed--outline-success .card-boxed__content:before, .card-boxed--info .card-boxed__content:before {
  display: none;
}
.card-boxed__content:after .card-boxed--outline-success, .card-boxed--info .card-boxed__content:after {
  display: none;
}
.card-boxed__content a {
  color: #44AD34;
  font-weight: 600;
  text-decoration: underline;
}
.card-boxed__footer {
  display: flex;
  align-items: center;
  padding: 10px 16px 16px;
  font-size: 14px;
  font-weight: 600;
  color: #474747;
}
.card-boxed__footer .user-icon {
  margin-right: 8px;
}
.card-boxed__footer__user {
  display: flex;
  align-items: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.card-boxed__footer__date {
  margin-left: auto;
  flex-shrink: 0;
  font-size: 14px;
  letter-spacing: -0.2px;
  font-weight: 400;
  color: rgba(71, 71, 71, 0.48);
}
@media screen and (min-width: 768px) {
  .card-boxed__footer__date {
    margin-left: 6px;
  }
  .card-boxed__footer__date:before {
    content: "am";
  }
}
.card-boxed__actions {
  display: flex;
  box-shadow: inset 0 1px 0 0 #EAEAEA;
}
.card-boxed--info .card-boxed__actions {
  box-shadow: inset 0 1px 0 0 rgba(67, 157, 207, 0.24);
}
.card-boxed__actions__item {
  flex: 1;
  padding: 12px 8px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #44AD34;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.card-boxed--info .card-boxed__actions__item {
  color: #439DCF;
}
.card-boxed__actions__item:not(:last-child) {
  box-shadow: inset -1px 0 0 0 #EAEAEA;
}
.card-boxed__actions__item:hover {
  text-decoration: none;
  background: rgba(0, 0, 0, 0.02);
}

/* NEW NAVIGATION */
.navigation {
  position: fixed;
  overflow-y: auto;
  z-index: 1032;
  height: 64px;
  width: 100%;
  bottom: 0;
  display: flex;
  background: #FFFFFF;
  box-sizing: border-box;
  box-shadow: 8px 0 24px 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04);
}
@media screen and (min-width: 768px) {
  .navigation {
    overflow-y: auto;
    height: 100%;
    max-width: 64px;
    flex-direction: column;
    box-shadow: 8px 0 24px 0 rgba(0, 0, 0, 0.04), 1px 0 0 0 rgba(0, 0, 0, 0.04);
  }
}
@media screen and (min-width: 1680px) {
  .navigation {
    max-width: 352px;
  }
}
@media screen and (min-width: 768px) {
  .navigation--loggedout {
    padding-bottom: 160px;
  }
}
.navigation__card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .navigation__card {
    display: none;
  }
}
@media screen and (min-width: 1680px) {
  .navigation__card {
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
    margin: 40px 40px 0;
  }
  .navigation--loggedout .navigation__card {
    box-shadow: none;
  }
}
.navigation__card__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 1680px) {
  .navigation__card__content {
    padding: 32px 8px 24px;
  }
}
@media screen and (max-width: 1679px) {
  .navigation__card__content div:first-child {
    transform: scale(0.5714285714);
    margin-top: -12px;
  }
}
.navigation__card__content img, .navigation__card__content svg {
  /*
  width: 100% !important;
  height: 100% !important;
  border-radius: 50%;
  object-fit: cover;
  */
}
.navigation--loggedout .navigation__card__content img, .navigation--loggedout .navigation__card__content svg {
  width: 40px !important;
  height: 40px !important;
}
@media screen and (min-width: 1680px) {
  .navigation--loggedout .navigation__card__content img, .navigation--loggedout .navigation__card__content svg {
    width: 56px !important;
    height: 56px !important;
  }
}
.navigation__card__title {
  font-size: 22px;
  font-weight: 600;
  color: #000000;
  margin: 16px 0 4px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (max-width: 1679px) {
  .navigation__card__title {
    display: none;
  }
}
.navigation--loggedout .navigation__card__title {
  margin-top: 12px;
}
.navigation__card__badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  font-weight: 700;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.48);
  display: none;
  text-transform: uppercase;
}
.navigation__card__badge--highlighted {
  background: #44AD34;
  color: #FFFFFF;
  box-shadow: 0 4px 12px 0 rgba(68, 173, 52, 0.24);
}
.navigation__card__badge--highlighted svg {
  display: flex;
  margin: -1px 4px 0 0;
}
@media screen and (min-width: 1680px) {
  .navigation__card__badge {
    display: flex;
  }
}
.navigation__card__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.04);
  font-size: 14px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.48);
  padding: 10px 0;
  transition: all 0.2s ease-in-out;
  display: none;
}
@media screen and (min-width: 1680px) {
  .navigation__card__button {
    display: flex;
  }
}
.navigation__card__button:hover {
  color: rgba(0, 0, 0, 0.64);
  background: rgba(0, 0, 0, 0.02);
  text-decoration: none;
}
.navigation__card__button:hover svg {
  opacity: 0.64;
}
.navigation__card__button svg {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  opacity: 0.48;
  transition: all 0.2s ease-in-out;
}
.navigation__card__switch {
  position: absolute;
  width: 100%;
  height: calc(100% + 16px);
  top: -16px;
  left: 0;
}
@media screen and (min-width: 1680px) {
  .navigation__card__switch {
    display: none;
  }
}
.navigation__card__switch__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 8px;
  right: 12px;
  width: 20px;
  height: 20px;
  background: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.navigation__card__switch__icon svg {
  width: 10px;
  height: 10px;
}
.navigation > ul {
  display: flex;
  margin: 0;
  padding: 0 8px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .navigation > ul {
    margin: auto 0;
    flex-direction: column;
    padding: 24px 0;
  }
}
.navigation > ul > li {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0 4px;
  transition: background 0.2s ease-in-out;
}
@media screen and (min-width: 768px) {
  .navigation > ul > li {
    padding: 0;
  }
  .navigation > ul > li:hover {
    background: rgba(0, 0, 0, 0.02);
  }
}
@media screen and (min-width: 1680px) {
  .navigation > ul > li {
    padding: 0 40px;
  }
}
@media screen and (min-width: 768px) {
  .navigation > ul > li.is-active {
    box-shadow: inset 2px 0 0 0 #44AD34;
  }
}
.navigation > ul > li:last-child .navigation__item, .navigation > ul > li:last-child .navigation__submenu {
  box-shadow: none;
}
.navigation__item {
  position: relative;
  display: flex;
  flex: 1;
  font-weight: 600;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .navigation__item {
    flex-direction: row;
    justify-content: flex-start;
    padding: 20px;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.04);
  }
}
@media screen and (min-width: 1680px) {
  .navigation__item {
    padding: 20px 0;
  }
}
.navigation__item:hover {
  text-decoration: none;
  color: #000000;
}
.is-active .navigation__item {
  /* Condition for loggedout navigation, because there are no nested elements and therefore no need to hide the border line */
}
@media screen and (min-width: 1680px) {
  .is-active .navigation__item:not(.navigation--loggedout .is-active .navigation__item) {
    box-shadow: none;
  }
}
.navigation__submenu .navigation__item {
  color: rgba(0, 0, 0, 0.48);
  box-shadow: none;
  padding: 14px 0;
}
.navigation__submenu .navigation__item:hover {
  color: rgba(0, 0, 0, 0.64);
}
.navigation__item svg {
  width: 24px !important;
  height: 24px;
  color: #000000 !important;
  flex-shrink: 0;
}
@media screen and (max-width: 1680px) {
  .is-active .navigation__item svg {
    color: #44AD34 !important;
  }
}
.navigation__item img {
  /*
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex-shrink: 0;
  */
}
@media screen and (max-width: 1680px) {
  .is-active .navigation__item img {
    box-shadow: 0 0 0 2px #44AD34;
  }
}
.navigation__item__label {
  font-size: 12px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: -4px;
  color: #000000;
  display: none;
}
.navigation__item--active .navigation__item__label {
  color: #44AD34 !important;
}
.navigation--loggedout .navigation__item__label {
  display: flex;
}
@media screen and (min-width: 768px) {
  .navigation__item__label {
    display: none;
  }
  .navigation--loggedout .navigation__item__label {
    display: none;
  }
}
@media screen and (min-width: 1680px) {
  .navigation__item__label {
    display: flex;
    font-size: 17px;
    font-weight: 600;
    line-height: inherit;
    margin-left: 16px;
    margin-bottom: 0;
  }
  .navigation--loggedout .navigation__item__label {
    display: flex;
  }
}
.navigation__item__badge {
  position: absolute;
  top: 18px;
  right: calc(50% - 16px);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8px !important;
  height: 8px !important;
  min-width: inherit !important;
  border-radius: 10px;
  background: #D63636;
  box-shadow: 0 0 0 2px #FFFFFF;
  color: #FFFFFF;
  font-size: 0;
  font-weight: 700;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .navigation__item__badge {
    right: 16px;
  }
}
@media screen and (min-width: 1680px) {
  .navigation__item__badge {
    position: relative;
    display: flex;
    width: 20px !important;
    height: 20px !important;
    top: inherit;
    right: inherit;
    font-size: 11px;
    box-shadow: none;
  }
}
.navigation__item--active {
  color: #44AD34 !important;
}
.navigation__item--active svg {
  color: #44AD34 !important;
}
.navigation__item--active img {
  box-shadow: 0 0 0 2px #44AD34;
}
.navigation__submenu {
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.04);
  padding: 0 0 16px 40px !important;
  list-style-type: none;
  display: none;
}
@media screen and (min-width: 1680px) {
  .navigation__submenu {
    display: flex;
    flex-direction: column;
  }
}
.navigation__banner {
  flex-shrink: 0;
  margin: 24px 40px;
  box-shadow: inset 0 0 0 2px #44AD34, 0 4px 12px 0 rgba(68, 173, 52, 0.08);
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  display: none;
}
@media screen and (min-width: 1680px) {
  .navigation__banner {
    display: flex;
  }
}
.navigation__banner:hover {
  cursor: pointer;
  transform: translateY(-4px);
  text-decoration: none;
  box-shadow: inset 0 0 0 2px #44AD34, 0 8px 24px 0 rgba(68, 173, 52, 0.16);
}
.navigation__banner__icon {
  position: relative;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 100%;
}
.navigation__banner__icon:before {
  content: "";
  position: absolute;
  left: 0;
  width: 50%;
  height: 100%;
  background: #44AD34;
  z-index: -1;
}
.navigation__banner__icon img {
  width: 32px;
  height: 32px;
}
.navigation__banner__text {
  display: flex;
  flex-direction: column;
  padding: 14px 0;
}
.navigation__banner__title {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 1px;
}
.navigation__banner__subtitle {
  font-size: 11px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.56);
}
.navigation__footer {
  display: flex;
  align-items: center;
  padding: 20px;
  font-size: 17px;
  font-weight: 600;
  color: #000000;
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.04);
  transition: background 0.4s ease-in-out;
}
.navigation__footer:hover {
  color: #000000;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.02);
}
@media screen and (max-width: 767px) {
  .navigation__footer {
    display: none;
  }
}
@media screen and (min-width: 1680px) {
  .navigation__footer {
    padding: 20px 40px;
  }
}
.navigation__footer img, .navigation__footer svg {
  width: 24px !important;
  height: 24px;
  margin-right: 16px;
  color: #000000 !important;
  flex-shrink: 0;
}
.navigation__footer__label {
  display: none;
}
@media screen and (min-width: 1680px) {
  .navigation__footer__label {
    display: flex;
  }
}

/* Only visible in loggedout state on login/createteam/enterteam page */
.pagetitle {
  position: absolute;
  width: 100%;
  height: 64px;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  color: #FFFFFF;
}
@media screen and (min-width: 768px) {
  .pagetitle {
    display: none;
  }
}

/*https://spielerplus.atlassian.net/browse/SW-2754*/
.ads-cpg {
  display: none;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.ads--enabled .ads-cpg {
  display: flex;
}
.ads-cpg__container {
  position: relative !important;
  width: 100%;
  height: 100%;
  left: 0px !important;
  top: 0px !important;
  overflow: hidden !important;
}
.ads-cpg--sticky {
  position: fixed;
  z-index: 2147483647;
  top: 1px;
  left: calc(50vw - 160px);
  width: 320px;
  height: 52px;
  overflow: hidden;
}
.ads-cpg--sticky .ads-cpg__container {
  z-index: 2147483647;
}
@media screen and (orientation: landscape) {
  .ads-cpg--sticky {
    left: calc(50vw - 160px);
  }
}
@media screen and (min-width: 768px) {
  .ads-cpg--sticky {
    left: calc(50vw - 160px + 32px);
  }
}
@media screen and (min-width: 1680px) {
  .ads-cpg--sticky {
    left: calc(50vw - 160px + 176px);
  }
}
.ads-cpg--special-home {
  width: 320px;
  height: 120px;
  overflow: hidden;
  margin: 32px auto;
  flex-direction: column;
}
.ads-cpg--special-home a, .ads-cpg--special-home div {
  display: flex;
  justify-content: center;
}
.ads-cpg--incontent-1 {
  width: 320px;
  height: auto;
  min-height: 250px;
  margin: 32px auto;
  flex-direction: column;
}
.green-background-bottom .ads-cpg--incontent-1 {
  margin-top: -32px;
}
.ads-cpg--incontent-1 a, .ads-cpg--incontent-1 div {
  display: flex;
  justify-content: center;
}
.ads-cpg--incontent-2 {
  width: 300px;
  height: auto;
  min-height: 600px;
  margin: 32px auto;
  flex-direction: column;
}
.ads-cpg--incontent-2 a, .ads-cpg--incontent-2 div {
  display: flex;
  justify-content: center;
}
.ads-cpg--special-small {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ads-cpg--special-large {
  width: 100%;
  height: 140px;
  overflow: hidden;
  margin: 12px auto 32px;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 4px 12px 0 rgba(0, 0, 0, 0.08);
}
@media screen and (min-width: 768px) {
  .ads-cpg--special-large {
    margin-top: 24px;
  }
}

.ads--enabled {
  margin-top: 52px;
}
.ads--enabled:before {
  content: "";
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 52px;
  background: #FFFFFF;
}
@media (prefers-color-scheme: dark) {
  .ads--enabled:before {
    background: #000000;
  }
}
@media screen and (max-width: 767px) {
  .ads--enabled .modal {
    margin-top: 52px;
    height: calc(100% - 52px);
  }
}
.ads--enabled #header {
  margin-top: 52px;
}

body {
  overflow-x: clip;
}

body.loggedin.ads--enabled {
  padding-bottom: 117px;
}
body.loggedin.ads--enabled:before {
  position: fixed;
  content: "";
  z-index: 1031;
  bottom: 64px;
  left: 0;
  width: 100%;
  height: 53px;
  background: #FFFFFF;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.04);
}
@media (min-width: 768px) {
  body.loggedin.ads--enabled {
    padding-bottom: 53px;
  }
  body.loggedin.ads--enabled:before {
    bottom: 0;
  }
}

/* NEW DASHBOARDS */
@media screen and (min-width: 768px) {
  .dashboard {
    width: 100%;
    max-width: 576px;
    margin: 0px auto;
  }
}
.dashboard__header {
  position: relative;
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .dashboard__header {
    padding-top: 56px;
  }
}
.dashboard--events .dashboard__header, .dashboard--home .dashboard__header {
  padding-bottom: 102px;
  margin-bottom: -102px;
}
.dashboard--team .dashboard__header {
  padding-bottom: 142px;
  margin-bottom: -142px;
}
.dashboard--organization .dashboard__header {
  padding-bottom: 102px;
  margin-bottom: -102px;
}
.dashboard__title {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 40px 0 34px;
}
@media screen and (min-width: 768px) {
  .dashboard__title {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.dashboard__title > img, .dashboard__title > svg {
  width: 40px;
  height: 40px;
  margin-right: 16px;
}
.dashboard__title > img:first-child, .dashboard__title > svg:first-child {
  display: none;
}
@media screen and (min-width: 768px) {
  .dashboard__title > img, .dashboard__title > svg {
    width: 64px;
    height: 64px;
    margin-right: 0;
    margin-bottom: 16px;
    display: none;
  }
  .dashboard__title > img:first-child, .dashboard__title > svg:first-child {
    display: flex;
  }
}
.dashboard__title h1 {
  font-size: 40px;
  line-height: 40px;
  font-weight: 900;
  color: #FFFFFF;
  margin: 0 0 8px 0;
  max-width: calc(100% - 56px);
}
@media screen and (min-width: 768px) {
  .dashboard__title h1 {
    max-width: 100%;
    margin-bottom: 18px;
  }
}
.dashboard__title .button {
  background: #FFFFFF;
  margin-top: 16px;
  transition: all 0.2s ease-in-out;
}
@media screen and (min-width: 768px) {
  .dashboard__title .button {
    width: auto;
  }
}
.dashboard__title .button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.04);
  cursor: pointer;
}
.dashboard__title .button svg {
  margin-right: 6px;
}
.dashboard__avatar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto 64px;
}
.dashboard__avatar .user-icon {
  margin: 24px 0;
}
.dashboard__avatar__label {
  font-size: 22px;
  font-weight: 600;
  color: #000000;
}
.dashboard__avatar a {
  color: rgba(0, 0, 0, 0.56);
  text-decoration: underline;
  font-weight: 600;
}
.dashboard__avatar a:hover {
  color: rgba(0, 0, 0, 0.64);
}
.dashboard__avatar__sublabel {
  color: rgba(0, 0, 0, 0.56);
  font-size: 14px;
}
.dashboard__slider {
  left: -16px;
  width: calc(100% + 32px);
  padding: 40px 0;
  /* Slick Overwrites */
}
@media screen and (min-width: 768px) {
  .dashboard__slider {
    left: calc((100vw - 64px - 100%) / -2);
    width: calc(100vw - 64px);
    padding: 40px 0 48px;
  }
}
@media screen and (min-width: 1680px) {
  .dashboard__slider {
    left: calc((100vw - 352px - 100%) / -2);
    width: calc(100vw - 352px);
  }
}
.dashboard__slider__item {
  display: flex;
  justify-content: center;
  text-align: center;
  /* Overwrite for user-icon, which is placed by component and should not have any effect here */
}
.dashboard__slider__item:hover {
  text-decoration: none;
}
.dashboard__slider__item__avatar {
  width: 72px;
  height: 72px;
  margin: 4px auto 20px auto;
  box-shadow: 0 0 0 4px #FFFFFF;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.dashboard__slider__item .user-icon {
  max-width: inherit !important;
}
.dashboard__slider__item__icon {
  width: auto;
  height: 80px;
  margin: 0 0 16px;
}
.dashboard__slider__item__button {
  display: inline-flex;
  align-items: center;
  font-size: 17px;
  font-weight: 600;
  color: #44AD34;
  padding: 8px 16px;
  margin: 28px 0;
  border-radius: 20px;
  background: #FFFFFF;
  white-space: nowrap;
}
.dashboard__slider__item__button img, .dashboard__slider__item__button svg {
  margin-right: 8px;
}
.dashboard__slider__item__teams {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 0 20px;
}
.dashboard__slider__item__teams__result {
  font-size: 32px;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 16px;
}
.dashboard__slider__item__teams img {
  width: 72px;
  height: 72px;
}
.dashboard__slider__item__title {
  font-size: 22px;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: -1px;
}
@media screen and (min-width: 768px) {
  .dashboard__slider__item__title {
    font-size: 28px;
    margin-bottom: 0;
  }
}
.dashboard__slider__item__subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
}
@media screen and (min-width: 768px) {
  .dashboard__slider__item__subtitle {
    font-size: 17px;
  }
}
.dashboard__slider .slick-dots {
  display: none !important;
}
.dashboard__onboarding {
  margin-bottom: 34px;
}
@media screen and (min-width: 768px) {
  .dashboard__onboarding {
    margin-bottom: 42px;
  }
}
.dashboard__onboarding .list {
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 4px 12px 0 rgba(0, 0, 0, 0.08);
}
.dashboard__background {
  position: absolute;
  z-index: -1;
  top: 0;
  left: -16px;
  width: calc(100% + 32px);
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background: #44AD34;
}
@media screen and (min-width: 768px) {
  .dashboard__background {
    left: calc((100vw - 64px - 100%) / -2);
    width: calc(100vw - 64px);
  }
}
@media screen and (min-width: 1680px) {
  .dashboard__background {
    left: calc((100vw - 352px - 100%) / -2);
    width: calc(100vw - 352px);
  }
}
.dashboard__content {
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .dashboard__content {
    padding-bottom: 48px;
  }
}
.dashboard__content .hidden-print.premium-user:first-child + .dashboard__section {
  margin-top: 0;
}
.dashboard__content .hidden-print.premium-user:first-child + .dashboard__section .dashboard__section__header__title, .dashboard__content .hidden-print.premium-user:first-child + .dashboard__section .dashboard__section__header__link {
  color: #FFFFFF !important;
  opacity: 1 !important;
}
.dashboard__content .hidden-print.premium-user:first-child + .dashboard__section .panel .bg {
  display: none;
}
.dashboard__section {
  position: relative;
  z-index: 2;
  /* Placeholder Overwrites */
}
.dashboard__section:not(:first-child) {
  margin-top: 34px;
}
@media screen and (min-width: 768px) {
  .dashboard__section:not(:first-child) {
    margin-top: 42px;
  }
}
.dashboard__section:not(.dashboard--profile .dashboard__section):first-child .dashboard__section__header__title, .dashboard__section:not(.dashboard--profile .dashboard__section):first-child .dashboard__section__header__link {
  color: #FFFFFF !important;
  opacity: 1 !important;
}
.dashboard__section:first-child .panel .bg {
  display: none;
}
.dashboard__section__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
}
.dashboard__section__header__title {
  font-size: 17px;
  font-weight: 600;
  color: #000000;
}
.dashboard__section__header__link {
  font-size: 17px;
  font-weight: 600;
  color: #000000;
  opacity: 0.56;
  text-decoration: underline;
  transition: all 0.2s ease-in-out;
}
.dashboard__section__header__link:hover {
  opacity: 0.64;
  color: #000000;
}
.dashboard__section__list {
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 4px 12px 0 rgba(0, 0, 0, 0.08);
}
.dashboard__section__list .list-item {
  padding-left: 16px;
  padding-right: 16px;
}
.dashboard__section .front-page-placeholder {
  margin: 0;
  padding: 42px 16px 48px;
  border-radius: 8px;
  background: #FFFFFF;
}
@media screen and (max-width: 767px) {
  .dashboard__section .front-page-placeholder-label {
    font-size: 17px;
  }
}
.dashboard__section .front-page-placeholder .button {
  display: inline-flex !important;
  width: auto !important;
  margin: 18px auto 0;
}
.dashboard__tabs {
  position: sticky;
  top: 0;
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.08);
  width: 100vw;
  margin: 0 -15px;
  background: #FFFFFF;
  z-index: 9;
}
@media screen and (min-width: 768px) {
  .dashboard__tabs {
    width: calc(100vw - 64px);
    margin: 0 calc((-100vw + 576px) / 2) 0 calc((-100vw + 576px + 64px) / 2);
  }
}
@media screen and (min-width: 1680px) {
  .dashboard__tabs {
    width: calc(100vw - 352px);
    margin: 0 calc((-100vw + 576px) / 2) 0 calc((-100vw + 576px + 352px) / 2);
  }
}
.dashboard__tabs__content {
  display: flex;
  justify-content: center;
  margin: 0 16px;
}
@media screen and (min-width: 768px) {
  .dashboard__tabs__content {
    width: 100%;
    max-width: 576px;
    margin: 0px auto;
  }
}
.dashboard__tabs__item {
  font-size: 17px;
  font-weight: 600;
  color: #000000;
  padding: 12px 4px;
  flex: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.dashboard__tabs__item:hover {
  color: #000000;
  background: rgba(0, 0, 0, 0.02);
  text-decoration: none;
}
.dashboard__tabs__item--active {
  color: #44AD34;
  box-shadow: inset 0 -2px 0 0 #44AD34;
}
.dashboard__tabs__item--active:hover {
  color: #44AD34;
}
.dashboard__news {
  left: -16px;
  width: calc(100% + 32px);
  /* Slick Overwrites */
}
@media screen and (min-width: 768px) {
  .dashboard__news {
    left: calc((100vw - 64px - 100%) / -2);
    width: calc(100vw - 64px);
  }
}
@media screen and (min-width: 1680px) {
  .dashboard__news {
    left: calc((100vw - 352px - 100%) / -2);
    width: calc(100vw - 352px);
  }
}
.dashboard__news__item {
  display: flex !important;
  flex-direction: column;
  padding: 16px;
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  margin: 0 4px 16px;
  width: 100%;
  max-width: calc(100vw - 32px);
  height: 100%;
}
@media screen and (min-width: 768px) {
  .dashboard__news__item {
    margin: 0 8px 16px;
    max-width: 576px;
  }
}
.dashboard__news__item--highlight {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 4px 12px 0 rgba(0, 0, 0, 0.08), inset 0 0 0 1.5px #44AD34;
}
.dashboard__news__item--system {
  position: relative;
  background: rgba(30, 83, 255, 0.08);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 4px 12px 0 rgba(0, 0, 0, 0.08), inset 0 0 0 1.5px #1E53FF;
}
.dashboard__news__item--system:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: #FFFFFF;
}
.dashboard__news__item__header {
  display: flex;
  align-items: center;
}
.dashboard__news__item__header svg {
  margin-right: 8px;
}
.dashboard__news__item__header__label {
  font-size: 17px;
  font-weight: 600;
  color: #000000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dashboard__news__item__header__meta {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.56);
  margin-left: auto;
  flex-shrink: 0;
}
.dashboard__news__item--system .dashboard__news__item__header {
  color: #1E53FF;
}
.dashboard__news__item--system .dashboard__news__item__header svg path {
  fill: #1E53FF;
}
.dashboard__news__item__text {
  margin: 15px 0 19px;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .dashboard__news__item__text {
    margin: 14px 0 19px;
  }
}
.dashboard__news__item__text p {
  font-size: 14px;
  line-height: 20px;
  color: #000000;
}
.dashboard__news__item__text a {
  font-weight: 600;
  text-decoration: underline;
}
.dashboard__news__item__footer {
  display: flex;
  align-items: center;
}
.dashboard__news__item__footer img, .dashboard__news__item__footer svg {
  width: 24px;
  height: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2.5px;
  margin-right: 8px;
  flex-shrink: 0;
}
.dashboard__news__item__footer__label {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard__news__item__footer__meta {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.56);
}
.dashboard__news__item__button {
  display: flex;
  justify-content: center;
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.08);
  margin: 16px -16px -16px;
  padding: 12px 16px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  color: #44AD34;
  transition: all 0.2s ease-in-out;
}
.dashboard__news__item__button:hover, .dashboard__news__item__button:focus {
  background: rgba(0, 0, 0, 0.02);
  color: #44AD34;
  text-decoration: none;
}
.dashboard__news__item--system .dashboard__news__item__button {
  color: #1E53FF;
}
@media screen and (min-width: 768px) {
  .dashboard__news__item__button {
    padding: 12px 16px;
  }
}
.dashboard__news .slick-track {
  display: flex !important;
}
.dashboard__news .slick-slide {
  height: inherit !important;
}
.dashboard__news .slick-dots {
  margin-top: -18px;
}
@media screen and (min-width: 768px) {
  .dashboard__news .slick-dots {
    margin-top: -14px;
  }
}
.dashboard__news .slick-dots li {
  width: 12px;
  height: 12px;
}
.dashboard__news .slick-dots li button {
  width: 12px;
  height: 12px;
  padding: 0;
}
.dashboard__news .slick-dots li button:before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #000000;
}
.dashboard__member {
  display: flex;
  justify-content: center;
  overflow: hidden;
  left: -16px;
  width: calc(100% + 32px);
  margin: -8px 0 -16px;
  /* Slick Overwrites */
}
@media screen and (min-width: 768px) {
  .dashboard__member {
    left: calc((100vw - 64px - 100%) / -2);
    width: calc(100vw - 64px);
    margin: -8px 0 -24px;
  }
}
@media screen and (min-width: 1680px) {
  .dashboard__member {
    left: calc((100vw - 352px - 100%) / -2);
    width: calc(100vw - 352px);
  }
}
.dashboard__member__item {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease-in-out;
  background: #FFFFFF;
  margin: 8px 4px 16px;
  /* Width change to a fixed value due to the image crop function delivers fixed width div */
  width: 104px;
  /* width: 100%; */
  max-width: calc((100vw - 48px) / 3);
  height: 100%;
}
@media screen and (min-width: 768px) {
  .dashboard__member__item {
    margin: 8px 6px 24px;
    max-width: 128px;
  }
}
.dashboard__member__item:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 8px 24px 0 rgba(0, 0, 0, 0.12);
  text-decoration: none;
}
.dashboard__member__item:focus {
  text-decoration: none;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.16), 0 8px 24px 0 rgba(0, 0, 0, 0.12);
}
.dashboard__member__item__label {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  margin-bottom: -2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 5px;
  padding: 0 2px;
}
.dashboard__member__item__sublabel {
  font-size: 11px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.56);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 2px;
}
.dashboard__member__item ul {
  display: flex;
  justify-content: center;
  list-style-type: none;
  padding: 5px 0 2px;
}
.dashboard__member__item__dot {
  width: 6px;
  height: 6px;
  margin: 0 1.5px;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.16);
}
.dashboard__member .slick-list {
  overflow: visible;
  max-width: calc(100vw - 32px);
}
@media screen and (min-width: 768px) {
  .dashboard__member .slick-list {
    max-width: 576px;
  }
}
.dashboard__teams {
  display: flex;
  justify-content: center;
  overflow: hidden;
  left: -16px;
  width: calc(100% + 32px);
  margin: -8px 0 -16px;
  /* Slick Overwrites */
}
@media screen and (min-width: 768px) {
  .dashboard__teams {
    left: calc((100vw - 64px - 100%) / -2);
    width: calc(100vw - 64px);
    margin: -8px 0 -24px;
  }
}
@media screen and (min-width: 1680px) {
  .dashboard__teams {
    left: calc((100vw - 352px - 100%) / -2);
    width: calc(100vw - 352px);
  }
}
.dashboard__teams__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease-in-out;
  background: #FFFFFF;
  margin: 8px 4px 16px;
  padding: 0 2px;
  width: 100%;
  max-width: calc((100vw - 40px) / 2);
  height: 100%;
  /*
  img {
  	width: 64px;
  	height: 64px;
  	object-fit: contain;
  	margin: 32px 0 18px;
  }
  */
}
@media screen and (min-width: 768px) {
  .dashboard__teams__item {
    margin: 8px 6px 24px;
    max-width: 184px;
  }
}
.dashboard__teams__item:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 8px 24px 0 rgba(0, 0, 0, 0.12);
  text-decoration: none;
}
.dashboard__teams__item:focus {
  text-decoration: none;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.16), 0 8px 24px 0 rgba(0, 0, 0, 0.12);
}
.dashboard__teams__item--empty {
  display: flex !important;
  background: none;
  border: 1px dashed rgba(0, 0, 0, 0.24);
  box-shadow: none;
}
.dashboard__teams__item--empty:hover {
  transform: none;
  box-shadow: none;
  background: rgba(0, 0, 0, 0.02);
}
.dashboard__teams__item__badge {
  position: absolute;
  top: 8px;
  left: 8px;
  display: none;
  padding: 3px 5px 2px 5px;
  background: #44AD34;
  border-radius: 3px;
  font-weight: 700;
  font-size: 10px;
  color: #FFFFFF;
  text-transform: uppercase;
}
.dashboard__teams__item--active .dashboard__teams__item__badge {
  display: flex;
}
.dashboard__teams__item__logo {
  margin: 32px auto 18px auto;
}
.dashboard__teams__item__label {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dashboard__teams__item--empty .dashboard__teams__item__label {
  color: rgba(0, 0, 0, 0.56);
  margin-top: 6px;
}
.dashboard__teams__item__sublabel {
  font-size: 11px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.56);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 12px;
}
.dashboard__teams .slick-list {
  overflow: visible;
  max-width: calc(100vw - 32px);
}
@media screen and (min-width: 768px) {
  .dashboard__teams .slick-list {
    max-width: 576px;
  }
}
.dashboard__teams .slick-track {
  display: flex !important;
}
.dashboard__teams .slick-slide {
  height: inherit !important;
}
.dashboard__chat {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  padding-top: 16px;
  margin-bottom: 44px;
  transition: all 0.2s ease-in-out;
}
.dashboard__chat:hover {
  text-decoration: none;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 8px 16px 0 rgba(0, 0, 0, 0.12);
}
.dashboard__chat:before, .dashboard__chat:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: calc(100% - 16px);
  height: 40px;
  bottom: -6px;
  left: 8px;
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  opacity: 0.64;
}
.dashboard__chat:after {
  z-index: -2;
  width: calc(100% - 32px);
  left: 16px;
  bottom: -12px;
  opacity: 0.48;
}
.dashboard__chat__text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 16px;
}
.dashboard__chat__text p {
  font-size: 17px;
  font-weight: 600;
  color: #000000;
}
.dashboard__chat__footer {
  display: flex;
  align-items: center;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.08);
  margin-top: 16px;
  padding: 12px 16px;
}
.dashboard__chat__footer img {
  width: 24px;
  height: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2.5px;
  margin-right: 8px;
  flex-shrink: 0;
}
.dashboard__chat__footer__label {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard__chat__footer__meta {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.56);
}
.dashboard__tiles {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .dashboard__tiles {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 48px;
  }
}
.dashboard__tiles__headline {
  font-size: 17px;
  color: rgba(0, 0, 0, 0.56);
  grid-column: span 2;
  margin-bottom: 2px;
}
@media screen and (min-width: 768px) {
  .dashboard__tiles__headline {
    margin-bottom: -6px;
  }
}
.dashboard__tiles__ad {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  /** padding: 16px 16px 11px; **/
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 4px 12px 0 rgba(0, 0, 0, 0.08);
}
@media screen and (min-width: 768px) {
  .dashboard__tiles__ad {
    /* padding: 24px 24px 19px; */
  }
}
.dashboard__tiles__item {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 16px 16px 11px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .dashboard__tiles__item {
    padding: 24px 24px 19px;
  }
}
.dashboard__tiles__item:hover {
  text-decoration: none;
}
.dashboard__tiles__item:hover:not(.dashboard__tiles__item--disabled) {
  transform: translateY(-2px);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 8px 24px 0 rgba(0, 0, 0, 0.12);
}
.dashboard__tiles__item--disabled {
  background: rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.dashboard__tiles__item__badge {
  position: absolute;
  min-width: 20px;
  height: 20px;
  top: 16px;
  right: 16px;
  padding: 0 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #D63636;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 700;
  color: #FFFFFF;
}
@media screen and (min-width: 768px) {
  .dashboard__tiles__item__badge {
    top: 24px;
    right: 24px;
  }
}
.dashboard__tiles__item__icon {
  width: 48px;
  height: 48px;
  background: rgba(68, 173, 52, 0.12);
  border-radius: 50%;
  padding: 8px;
  margin-bottom: 14px;
}
.dashboard__tiles__item--disabled .dashboard__tiles__item__icon {
  background: rgba(0, 0, 0, 0.04);
}
.dashboard__tiles__item__icon img {
  width: 32px;
  height: 32px;
}
.dashboard__tiles__item--disabled .dashboard__tiles__item__icon img {
  filter: saturate(0);
  opacity: 0.64;
}
.dashboard__tiles__item__title {
  font-size: 17px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard__tiles__item--disabled .dashboard__tiles__item__title {
  opacity: 0.32;
}
.dashboard__tiles__item__meta {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.56);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dashboard__tiles__item--disabled .dashboard__tiles__item__meta {
  opacity: 0.32;
}
.dashboard__tiles__item__meta--empty {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
}
.dashboard__tiles__item__meta--wrap {
  white-space: inherit;
  text-overflow: inherit;
  overflow: inherit;
}
.dashboard__social {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 60px 0;
}
.dashboard__social__title {
  font-size: 17px;
  font-weight: 600;
  color: #000000;
}
.dashboard__social__subtitle {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.56);
}
.dashboard__social__content {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.dashboard__social__item {
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  padding: 16px;
  margin: 0 6px;
  transition: all 0.2s ease-in-out;
}
.dashboard__social__item:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 8px 24px 0 rgba(0, 0, 0, 0.12);
}
@media screen and (min-width: 768px) {
  .dashboard__social__item {
    margin: 0 8px;
  }
}
.dashboard__social__item svg {
  width: 32px !important;
  height: 32px;
}
.dashboard__banner {
  display: flex;
  box-shadow: inset 0 0 0 2px #44AD34, 0 4px 12px 0 rgba(68, 173, 52, 0.08);
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  width: 100%;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .dashboard__banner {
    margin-top: 48px;
  }
}
.dashboard__banner:hover {
  cursor: pointer;
  transform: translateY(-4px);
  box-shadow: inset 0 0 0 2px #44AD34, 0 8px 24px 0 rgba(68, 173, 52, 0.16);
  text-decoration: none;
}
.dashboard__banner__icon {
  position: relative;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 64px;
}
@media screen and (min-width: 768px) {
  .dashboard__banner__icon {
    width: 96px;
  }
}
.dashboard__banner__icon:before {
  content: "";
  position: absolute;
  left: 0;
  width: 50%;
  height: 100%;
  background: #44AD34;
  z-index: -1;
}
.dashboard__banner__icon img {
  width: 40px;
  height: 40px;
}
@media screen and (min-width: 768px) {
  .dashboard__banner__icon img {
    width: 56px;
    height: 56px;
  }
}
.dashboard__banner__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 8px 16px 0;
}
@media screen and (min-width: 768px) {
  .dashboard__banner__text {
    padding: 20px 16px 20px 0;
  }
}
.dashboard__banner__badge {
  display: inline-flex;
  padding: 3px 8px;
  background: #44AD34;
  border-radius: 3px;
  font-weight: 600;
  font-size: 11px;
  color: #FFFFFF;
  box-shadow: 0 4px 12px 0 rgba(68, 173, 52, 0.24);
  margin: 4px 0 6px;
}
@media screen and (min-width: 768px) {
  .dashboard__banner__badge {
    margin: 4px 0 10px;
  }
}
.dashboard__banner__title {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 1px;
}
@media screen and (min-width: 768px) {
  .dashboard__banner__title {
    font-size: 17px;
    margin-bottom: 3px;
  }
}
.dashboard__banner__subtitle {
  font-size: 11px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.56);
}
@media screen and (min-width: 768px) {
  .dashboard__banner__subtitle {
    font-size: 14px;
  }
}
.dashboard__legal {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 0;
  margin-top: 24px;
}
.dashboard__legal a {
  width: 100%;
  padding: 12px 0;
  font-size: 14px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.64);
  transition: all 0.2s ease-in-out;
}
.dashboard__legal a:hover {
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none;
}
.dashboard__legal a:not(:nth-last-child(-n+2)) {
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.08);
}
.dashboard .list.event {
  margin: 0;
  max-width: 100%;
}
.dashboard .panel {
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.dashboard .panel .participation-widget, .dashboard .panel .participants-button, .dashboard .panel .panel-content, .dashboard .panel .panel-footer {
  border: 0;
}
.dashboard .panel .event-header-border {
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.08);
}
.dashboard .panel-heading--lightgreen {
  background: #44AD34;
}
.dashboard .panel-heading--darkgreen {
  background: #34692D;
}
.dashboard .panel-heading--red {
  background: #D63636;
}
.dashboard .panel-heading--white {
  background: #FFFFFF;
}
.dashboard .panel-heading--yellow {
  background: #F8C40C;
}

.teamswitch {
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  padding: 13px 16px;
  transition: all 0.2s ease-in-out;
}
@media screen and (min-width: 768px) {
  .teamswitch {
    display: none;
  }
}
.teamswitch:hover {
  background: rgba(0, 0, 0, 0.16);
  text-decoration: none;
}
.teamswitch__logo {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 16px;
}
.teamswitch__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  overflow: hidden;
  padding-right: 4px;
}
.teamswitch__label {
  font-size: 17px;
  line-height: 18px;
  font-weight: 600;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin: -3px 0 -1px;
}
.teamswitch__badge {
  display: inline-flex;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 2px 6px 1px;
  margin-top: 7px;
}
.teamswitch__badge--highlighted {
  background: #FFFFFF;
  color: #44AD34;
}
.teamswitch__badge--highlighted svg {
  margin: 1px 2px 0 -2px;
  width: 10px;
  height: 10px;
}
.teamswitch__cta {
  flex-shrink: 0;
}
.teamswitch__cta svg {
  width: 24px;
  height: 24px;
}

.space__top__24 {
  margin-top: 24px;
}
.space__top__auto {
  margin-top: auto;
}

.hintbox {
  background: rgba(71, 71, 71, 0.04);
  border-radius: 4px;
  padding: 24px 16px 20px;
}
.hintbox:not(:last-child) {
  margin-bottom: 16px;
}
.hintbox img {
  height: 64px;
  margin: 8px 0 24px;
}
.hintbox h4 {
  font-size: 17px;
  line-height: 24px;
  margin: 0;
}
.hintbox__badge {
  display: inline-flex;
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
  padding: 4px 6px;
  border-radius: 2px;
  color: #44AD34;
  background: rgba(68, 173, 52, 0.2);
  transform: translateY(-2px);
  margin-left: 2px;
}
.hintbox p {
  margin: 12px 0 18px;
}
.hintbox p.small {
  margin: 8px 0 11px;
}
@media screen and (min-width: 768px) {
  .hintbox p.small {
    margin: 4px 0 11px;
  }
}
.hintbox .button {
  background: #44AD34;
}
.hintbox small {
  display: block;
  font-weight: 600;
  color: #474747;
  margin-top: 14px;
}
.hintbox small a {
  color: #474747;
  text-decoration: underline;
}

.premiumbanner {
  position: relative;
  z-index: 2;
  display: inline-flex;
  width: 100%;
  background: #44AD34;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0.08);
  padding: 12px 32px 14px 40px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
@media screen and (min-width: 768px) {
  .premiumbanner:hover {
    transform: translateY(-4px);
  }
}
.premiumbanner--inverted {
  background: #FFFFFF;
  margin: 14px auto 0;
}
.dashboard--profile .premiumbanner {
  margin: -20px auto 0;
}
.image-background .premiumbanner {
  display: flex;
  margin: 24px auto 0;
  max-width: 480px;
}
.premiumbanner__content {
  margin: 0 auto;
  color: #FFFFFF;
  font-weight: 600;
  text-align: center;
  padding: 0 0 0 16px;
}
@media screen and (min-width: 768px) {
  .premiumbanner__content {
    padding: 0;
  }
}
.premiumbanner--inverted .premiumbanner__content {
  color: #000000;
}
.premiumbanner__title {
  font-size: 19px;
  line-height: 19px;
  margin-bottom: 8px;
}
.premiumbanner__title span {
  position: relative;
  color: #000000;
  font-weight: 700;
  margin: 0 4px;
}
.premiumbanner--inverted .premiumbanner__title span {
  color: #FFFFFF;
}
.premiumbanner__title span:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -5px;
  top: 2px;
  width: calc(100% + 10px);
  height: calc(100% - 2px);
  background: #FFFFFF;
  border-radius: 2px;
  transform: rotate(-1.33deg);
}
.premiumbanner--inverted .premiumbanner__title span:before {
  background: #44AD34;
}
.premiumbanner__subtitle {
  font-size: 11px;
  line-height: 11px;
}
@media screen and (min-width: 768px) {
  .premiumbanner__subtitle {
    font-size: 14px;
    line-height: 14px;
  }
}
.premiumbanner--inverted .premiumbanner__subtitle {
  opacity: 0.56;
}
.premiumbanner__subtitle span {
  position: relative;
  color: #000000;
  font-weight: 700;
  margin: 0 4px;
}
.premiumbanner--inverted .premiumbanner__subtitle span {
  color: #FFFFFF;
}
.premiumbanner__subtitle span:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -5px;
  top: 2px;
  width: calc(100% + 10px);
  height: calc(100% - 2px);
  background: #FFFFFF;
  border-radius: 2px;
  transform: rotate(-1.33deg);
}
.premiumbanner--inverted .premiumbanner__subtitle span:before {
  background: #44AD34;
}
.premiumbanner__icon {
  position: absolute;
  top: calc(50% + 4px);
  transform: translateY(-50%);
  left: -8px;
}
.premiumbanner__drilldown {
  display: flex;
  position: absolute;
  top: calc(50% - 8px);
  right: 12px;
}

.promobanner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 4px 12px 0 rgba(0, 0, 0, 0.08);
}
.dashboard--profile .promobanner {
  margin: -20px auto 0;
}
.image-background .promobanner {
  display: flex;
  margin: 24px auto 0;
  max-width: 480px;
}
.promobanner__badge {
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  width: calc(100% + 24px);
  background: #FF0F5B;
  margin: -12px -12px 0;
  padding: 8px 12px;
}
.promobanner__badge--green {
  background: #44AD34;
}
.promobanner__content {
  position: relative;
  font-size: 22px;
  line-height: 26px;
  font-weight: 600;
  color: #000000;
  text-align: center;
  padding: 24px 0;
  min-width: calc(100% - 140px);
}
.promobanner__content span {
  position: relative;
  z-index: 2;
  color: #FFFFFF;
  font-weight: 700;
  margin: 0 6px;
}
.promobanner__content span:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -8px;
  top: 0.5px;
  width: calc(100% + 14px);
  height: 100%;
  background: #44AD34;
  border-radius: 3px;
  transform: rotate(-1deg);
}
.promobanner__content:before {
  content: url("../images/new-dashboard/promobanner-graphic.svg");
  position: absolute;
  left: -82px;
  bottom: 0;
  width: 66px;
  height: 80px;
}
.promobanner__content:after {
  content: url("../images/new-dashboard/promobanner-graphic.svg");
  position: absolute;
  right: -82px;
  bottom: 0;
  width: 66px;
  height: 80px;
  transform: scaleX(-1);
}
.promobanner__footer {
  display: flex;
  gap: 8px;
  width: 100%;
}
.promobanner__footer__voucher {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 600;
  color: #000000;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  flex: 1;
  cursor: pointer;
}
.promobanner__footer__voucher img {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.6;
  transition: all 0.2s ease-in-out;
}
.promobanner__footer__voucher:hover img {
  opacity: 1;
}
.promobanner__footer .button {
  flex: 1;
  padding: 14px 4px;
}

.fanqbanner {
  position: relative;
  z-index: 2;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  background: #44AD34;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0.08);
  padding: 12px 20px 14px 10px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

@media screen and (min-width: 768px) {
  .fanqbanner:hover {
    transform: translateY(-4px);
    text-decoration: none;
  }
}
.dashboard--profile .fanqbanner {
  margin: -20px auto 0;
}

.image-background .fanqbanner {
  display: flex;
  margin: 24px auto 0;
  max-width: 480px;
}

.fanqbanner__badge {
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  background: #FF0F5B;
  width: calc(100% + 34px);
  margin: -12px -12px 0;
  padding: 8px 12px;
}

.fanqbanner__content {
  margin: 0 auto;
  color: #FFFFFF;
  font-weight: 400;
  padding: 12px 0 0 25px;
}

.fanqbanner__title {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 8px;
}
.fanqbanner__title span {
  position: relative;
  color: #000000;
  font-weight: 600;
  margin: 0 5px;
}
.fanqbanner__title span:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -3px;
  top: 2px;
  width: calc(100% + 7px);
  height: calc(100% - 2px);
  background: #FFFFFF;
  border-radius: 2px;
  transform: rotate(-1.33deg);
}

.fanqbanner__subtitle {
  font-size: 12px;
  line-height: 11px;
  margin-top: 12px;
}
.fanqbanner__subtitle span {
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .fanqbanner__subtitle {
    font-size: 14px;
    line-height: 14px;
  }
}
.fanqbanner__icon {
  position: absolute;
  top: calc(50% + 23px);
  transform: translateY(-60%);
  left: -10px;
}

.fanqbanner__drilldown {
  display: flex;
  position: absolute;
  top: calc(50% + 8px);
  right: 12px;
}

.fanqbanner--inverted {
  background: #FFFFFF;
  margin: 14px auto 0;
}
.fanqbanner--inverted .fanqbanner__badge {
  color: #FF0F5B;
  background: rgba(52, 105, 45, 0.12);
}
.fanqbanner--inverted .fanqbanner__content {
  color: #000000;
}
.fanqbanner--inverted .fanqbanner__title span {
  color: #FFFFFF;
}
.fanqbanner--inverted .fanqbanner__title span:before {
  background: #44AD34;
}
.fanqbanner--inverted .fanqbanner__subtitle {
  opacity: 0.56;
}

.premium-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .premium-modal {
    padding: 0 24px 24px;
  }
}
.premium-modal__header {
  position: relative;
  font-size: 40px;
  line-height: 42px;
  font-weight: 700;
  color: #000000;
  text-align: center;
  margin: 0 0 24px 0;
}
@media screen and (min-width: 768px) {
  .premium-modal__header {
    margin: 0 0 32px 0;
  }
}
.premium-modal__header span {
  position: relative;
  z-index: 3;
  color: #FFFFFF;
  margin-left: 8px;
}
.premium-modal__header span:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -10px;
  top: 5px;
  width: calc(100% + 20px);
  height: calc(100% - 6px);
  background: #44AD34;
  border-radius: 4px;
  transform: rotate(-1deg);
}
.premium-modal__header img {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}
.premium-modal__tabs {
  display: flex;
  border-radius: 24px;
  padding: 2px;
  margin: 24px 0;
  background: rgba(0, 0, 0, 0.08);
}
.premium-modal__tabs__item {
  display: flex;
  justify-content: center;
  flex: 1;
  padding: 10px 4px;
  border-radius: 22px;
  font-size: 17px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.56);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.premium-modal__tabs__item:hover {
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none;
  cursor: pointer;
}
.premium-modal__tabs__item--active {
  background: #FFFFFF;
  color: #000000;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
}
.premium-modal__tabs__item--active:hover {
  color: #000000;
}
.premium-modal__features {
  display: flex;
  flex-direction: column;
  margin-bottom: auto;
}
.premium-modal__features__item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  font-size: 17px;
  font-weight: 600;
  color: #000000;
  padding: 6px 0;
}
.premium-modal__features__item:before {
  content: url("../images/new-dashboard/ic_premium_feature_check.svg");
  position: relative;
  width: 28px;
  height: 28px;
  margin-right: 12px;
  margin-top: -2px;
}
.premium-modal__features__item--cta {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.56);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.premium-modal__features__item--cta:before {
  content: url("../images/new-dashboard/ic_premium_feature_more.svg");
}
.premium-modal__features__item--cta:hover {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.72);
}
.premium-modal__stepper {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
  margin-bottom: 20px;
}
.premium-modal__stepper__label {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.56);
  margin-bottom: 12px;
  text-align: center;
}
.premium-modal__stepper__input {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 6px;
  box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0.08);
  font-size: 17px;
  font-weight: 600;
  color: #000000;
}
.premium-modal__stepper__button {
  position: relative;
  width: 52px;
  height: 52px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .premium-modal__stepper__button {
    width: 64px;
    height: 64px;
  }
}
.premium-modal__stepper__button:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 2px;
  top: calc(50% - 1px);
  left: calc(50% - 6px);
  background: #44AD34;
  border-radius: 1px;
}
.premium-modal__stepper__button--up:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 12px;
  top: calc(50% - 6px);
  left: calc(50% - 1px);
  background: #44AD34;
  border-radius: 1px;
}
.premium-modal__duration {
  display: flex;
  margin-bottom: 20px;
}
.premium-modal__duration__item {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px;
  border-radius: 6px;
  box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.premium-modal__duration__item:hover {
  box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0.16);
}
.premium-modal__duration__item:not(:last-child) {
  margin-right: 12px;
}
.premium-modal__duration__item--active {
  background: rgba(68, 173, 52, 0.12);
  box-shadow: inset 0 0 0 2px #44AD34;
}
.premium-modal__duration__item--active:hover {
  box-shadow: inset 0 0 0 2px #44AD34;
}
.premium-modal__duration__item__badge {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  background: #44AD34;
  border-radius: 10px;
  white-space: nowrap;
  padding: 0 8px 0 10px;
  font-size: 11px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: -0.25px;
  text-transform: uppercase;
  color: #FFFFFF;
}
.premium-modal__duration__item__label {
  font-size: 17px;
  font-weight: 600;
  color: #000000;
}
.premium-modal__duration__item__price {
  position: relative;
  display: inline-flex;
  font-size: 17px;
  color: #000000;
}
.premium-modal__duration__item__price span {
  position: absolute;
  right: -4px;
  top: 0;
  transform: translateX(100%);
}
.premium-modal__hint {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 6px;
  text-align: center;
  padding: 24px 24px 16px;
}
.premium-modal__hint__label {
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 4px;
}
.premium-modal__hint__sublabel {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 24px;
}
.premium-modal__hint .button {
  width: auto;
}
.premium-modal__legal {
  display: flex;
  flex-direction: column;
  padding: 12px 0;
}
.premium-modal__legal small {
  font-size: 11px;
  line-height: 14px;
  text-align: center;
}/*# sourceMappingURL=design-overwrites.css.map */