@charset "UTF-8";
:root {
  --at-fg-base-strong: #050505;
  --at-fg-base-medium: #4a4a4a;
  --at-fg-base-weak: #8f8e8d;
  --at-fg-base-on-strong: #ffffff;
  --at-fg-primary-strong: #003329;
  --at-fg-success-strong: #169703;
  --at-fg-warning-strong: #704504;
  --at-fg-danger-strong: #cc1e49;
  --at-fg-danger-weak: #fee1e8;
  --at-fg-info-strong: #0a4ca2;
  --at-fg-special-strong: #8012ca;
  --at-fg-special-weak: #f9f1ff;
  --at-fg-accent-strong: #f0b800;
  --at-fg-accent-weak: #faf3dc;
  --at-fg-rainout-weak: #fff1fc;
  --at-fg-link-primary-resting: #0a4ca2;
  --at-fg-link-primary-hover: #10407e;
  --at-fg-link-secondary-resting: #4a4a4a;
  --at-fg-link-secondary-hover: #050505;
  --at-fg-match-friendly: #0a4da3;
  --at-fg-match-practice: #3c5200;
  --at-bg-base-surface: #ffffff;
  --at-bg-base-surface-1: #f2f1ef;
  --at-bg-base-surface-2: #eae9e8;
  --at-bg-base-surface-3: #d8d7d6;
  --at-bg-base-surface-inv: #161616;
  --at-bg-neutral-weak: #f7f6f4;
  --at-bg-neutral-medium: #d9d8d7;
  --at-bg-primary-strong: #006854;
  --at-bg-primary-weak: #d7f1ec;
  --at-bg-active-surface-1: #edf7f6;
  --at-bg-active-surface-2: #d7f1ec;
  --at-bg-success-strong: #117f00;
  --at-bg-success-medium: #b8f4ae;
  --at-bg-success-weak: #d0fadf;
  --at-bg-warning-strong: #9e5e00;
  --at-bg-warning-weak: #f7e8d2;
  --at-bg-danger-strong: #b2113a;
  --at-bg-danger-weak: #fee1e8;
  --at-bg-info-strong: #0a4ca2;
  --at-bg-info-weak: #e5f0ff;
  --at-bg-special-strong: #8011c9;
  --at-bg-special-medium: #e8c7fe;
  --at-bg-rainout-strong: #a30a87;
  --at-bg-match-friendly: rgba(18, 97, 202, 0.08);
  --at-bg-match-practice: rgba(150, 204, 0, 0.1);
  --at-bg-base-adapt: rgba(39, 44, 48, 0.11);
  --at-bg-base-adapt-weak: rgba(39, 44, 48, 0.07);
  --at-bg-blanket: rgba(39, 43, 48, 0.5);
  --at-stroke-base-weak: #d8d7d6;
  --at-stroke-base-medium: #c7c5c3;
  --at-stroke-base-forms: #8f8e8e;
  --at-stroke-active-strong: #00634e;
  --at-stroke-active-weak: #9ee5d7;
  --at-stroke-danger-strong: #cc1e49;
  --at-stroke-adapt-weak: rgba(48, 43, 39, 0.11);
  --at-stroke-special: #d9a3fd;
  --at-state-hover: rgba(48, 44, 39, 0.1);
  --at-state-pressed: rgba(48, 43, 39, 0.15);
  --at-state-hover-inv: rgba(255, 255, 255, 0.2);
  --at-state-pressed-inv: rgba(255, 255, 255, 0.07);
  --at-state-focus-ring: #c0f0e6;
  --at-result-win: #28b612;
  --at-result-draw: #8f8e8d;
  --at-result-loss: #e0345f;
  --at-radius-xsm: 2px;
  --at-radius-sm: 4px;
  --at-radius-md: 6px;
  --at-radius-lg: 8px;
  --at-shadow-button: 0 1px 0 rgba(255, 255, 255, 0.24) inset, 0 -1px 0 rgba(0, 0, 0, 0.36) inset;
  --at-shadow-card: 0 4px 10px rgba(16, 24, 40, 0.12);
  --at-shadow-menu: 0 42px 45px rgba(18, 20, 20, 0.11), 0 15.331px 16.426px rgba(18, 20, 20, 0.08),
    0 7.443px 7.974px rgba(18, 20, 20, 0.06), 0 3.649px 3.909px rgba(18, 20, 20, 0.05),
    0 1.443px 1.546px rgba(18, 20, 20, 0.03);
  --at-font-family: "Onest", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --at-transition: all 0.3s ease;
}

@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../font/onest/Onest-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../font/onest/Onest-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../font/onest/Onest-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.ateamo-container a:hover {
  color: var(--at-bg-primary-strong);
}

.ateamo-container .at-heading-h300 {
  font-size: 26px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.04em;
}

.ateamo-container .at-heading-h200 {
  font-size: 20px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.03em;
}

.ateamo-container .at-heading-h100 {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.02em;
}

.ateamo-container .at-heading-h50 {
  font-size: 16px;
  font-weight: 600;
  line-height: 128%;
  letter-spacing: -0.02em;
}

.ateamo-container .at-body-medium-w-semi {
  font-size: 16px;
  font-weight: 600;
  line-height: 174%;
  letter-spacing: -0.02em;
}

.ateamo-container .at-body-medium-w-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 174%;
  letter-spacing: -0.02em;
}

.ateamo-container .at-body-base-w-semi {
  font-size: 14px;
  font-weight: 600;
  line-height: 146%;
  letter-spacing: -0.01em;
}

.ateamo-container .at-body-base-w-medium {
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
}

.ateamo-container .at-body-base-w-regular {
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
}

.ateamo-container .at-caption-w-semi {
  font-size: 12px;
  font-weight: 600;
  line-height: 132%;
  letter-spacing: -0.02em;
}

.ateamo-container .at-caption-w-medium {
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}

.ateamo-container .at-caption-w-regular {
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
}

.ateamo-container .at-overline-medium {
  font-size: 12px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.ateamo-container .at-overline-small {
  font-size: 10px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.ateamo-container .at-ui-button-base-w-semi {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
}

.ateamo-container .at-ui-button-base-w-medium {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
}

.ateamo-container .ateamo-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container .ateamo-btn > span,
.ateamo-container .ateamo-btn > .ateamo-icon,
.ateamo-container .ateamo-btn > .ateamo-icon * {
  color: inherit;
}
.ateamo-container .ateamo-btn:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-container .ateamo-btn:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-container .ateamo-btn:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-btn:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-container .ateamo-btn--primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container .ateamo-btn--primary > span,
.ateamo-container .ateamo-btn--primary > .ateamo-icon,
.ateamo-container .ateamo-btn--primary > .ateamo-icon * {
  color: inherit;
}
.ateamo-container .ateamo-btn--primary:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-container .ateamo-btn--primary:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-container .ateamo-btn--primary:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-btn--primary:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-container .ateamo-btn--primary {
  border-color: transparent;
  background-color: var(--at-bg-primary-strong);
  color: var(--at-fg-base-on-strong);
}
.ateamo-container .ateamo-btn--primary:hover, .ateamo-container .ateamo-btn--primary:active {
  color: var(--at-fg-accent-weak);
}
.ateamo-container .ateamo-btn--primary:hover {
  background-image: linear-gradient(var(--at-state-hover-inv), var(--at-state-hover-inv));
}
.ateamo-container .ateamo-btn--primary:active {
  background-image: linear-gradient(var(--at-state-pressed-inv), var(--at-state-pressed-inv));
}
.ateamo-container .ateamo-btn--plain {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: auto;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: var(--at-fg-link-secondary-resting);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container .ateamo-btn--plain:hover {
  color: var(--at-fg-link-secondary-hover);
}
.ateamo-container .ateamo-select {
  width: auto;
  min-width: 160px;
  height: 32px;
  margin: 0;
  padding: 0 32px 0 10px;
  border: 1px solid var(--at-stroke-base-forms);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  background-image: url("../images/icons/expand.svg");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  box-shadow: none;
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  text-overflow: ellipsis;
}
.ateamo-container .ateamo-select:focus, .ateamo-container .ateamo-select:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-select:disabled {
  border-color: transparent;
  background-color: var(--at-bg-base-surface-2);
  cursor: default;
}
@media (max-width: 959.98px) {
  .ateamo-container .ateamo-select {
    font-size: 16px;
  }
}
.ateamo-container .ateamo-status-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 16px;
  padding: 2px 4px;
  border-radius: var(--at-radius-xsm);
  background-color: var(--at-bg-neutral-weak);
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
  text-transform: none;
  white-space: nowrap;
}
.ateamo-container .ateamo-chip-ui {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 18px;
  padding: 2px 6px;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-adapt);
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
  text-transform: none;
  white-space: nowrap;
}

.ateamo-icon {
  display: inline-flex;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.ateamo-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ateamo-icon svg path[stroke], .ateamo-icon svg circle[stroke], .ateamo-icon svg rect[stroke], .ateamo-icon svg line[stroke] {
  stroke: currentColor;
}
.ateamo-icon svg path[fill]:not([fill=none]), .ateamo-icon svg circle[fill]:not([fill=none]) {
  fill: currentColor;
}
.ateamo-icon svg *[stroke] {
  vector-effect: non-scaling-stroke;
}

.ateamo-container .ateamo-icon,
.ateamo-container .ateamo-icon * {
  color: inherit;
}

.ateamo-container .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  margin: 24px 0 8px;
}
.ateamo-container .pagination .page-btn {
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0 8px;
  border: 0;
  border-radius: var(--at-radius-sm);
  background-color: transparent;
  color: var(--at-fg-base-medium);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container .pagination .page-btn:hover {
  background-color: var(--at-state-hover);
  color: var(--at-fg-base-strong);
}
.ateamo-container .pagination .page-btn:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .pagination .page-active {
  background-color: var(--at-bg-active-surface-2);
  color: var(--at-fg-base-strong);
}
.ateamo-container .pagination .pagination-ellipsis {
  padding: 0 4px;
  background: transparent;
  color: var(--at-fg-base-weak);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.ateamo-container .pagination-info {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 0 8px;
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}

.ateamo-container .ateamo-dropdown {
  position: relative;
  display: inline-flex;
  min-width: 0;
  vertical-align: middle;
}
.ateamo-container .ateamo-dropdown .ateamo-dropdown__native {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.ateamo-container .ateamo-dropdown__trigger {
  width: auto;
  min-width: 160px;
  height: 32px;
  margin: 0;
  padding: 0 32px 0 10px;
  border: 1px solid var(--at-stroke-base-forms);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  background-image: url("../images/icons/expand.svg");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  box-shadow: none;
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  text-overflow: ellipsis;
}
.ateamo-container .ateamo-dropdown__trigger:focus, .ateamo-container .ateamo-dropdown__trigger:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-dropdown__trigger:disabled {
  border-color: transparent;
  background-color: var(--at-bg-base-surface-2);
  cursor: default;
}
@media (max-width: 959.98px) {
  .ateamo-container .ateamo-dropdown__trigger {
    font-size: 16px;
  }
}
.ateamo-container .ateamo-dropdown__trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  padding: 0 8px 0 10px;
  background-image: none;
  text-align: left;
}
.ateamo-container .ateamo-dropdown__trigger:hover {
  border-color: var(--at-fg-base-strong);
}
.ateamo-container .ateamo-dropdown.is-open .ateamo-dropdown__trigger {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-dropdown__value {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ateamo-container .ateamo-dropdown__icon {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--at-fg-base-medium);
}
.ateamo-container .ateamo-dropdown__icon svg {
  display: block;
}
.ateamo-container .ateamo-dropdown__menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 60;
  min-width: max(100%, 128px);
  max-width: min(360px, 100vw - 32px);
  max-height: 304px;
  margin: 0;
  padding: 6px 0;
  overflow-y: auto;
  list-style: none;
  border: 1px solid var(--at-stroke-base-weak);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-menu);
  outline: none;
}
.ateamo-container .ateamo-dropdown__menu[hidden] {
  display: none;
}
.ateamo-container .ateamo-dropdown.is-up .ateamo-dropdown__menu {
  top: auto;
  bottom: calc(100% + 4px);
}
.ateamo-container .ateamo-dropdown__item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  margin: 0 4px;
  padding: 6px 8px;
  border-radius: var(--at-radius-sm);
  color: var(--at-fg-base-strong);
  cursor: pointer;
  list-style: none;
  transition: background-color 0.15s ease;
}
.ateamo-container .ateamo-dropdown__item::before, .ateamo-container .ateamo-dropdown__item::marker {
  content: none;
}
.ateamo-container .ateamo-dropdown__item.is-active {
  background-color: var(--at-state-hover);
}
.ateamo-container .ateamo-dropdown__item:active {
  background-color: var(--at-state-pressed);
}
.ateamo-container .ateamo-dropdown__item.is-selected {
  background-color: var(--at-bg-active-surface-1);
}
.ateamo-container .ateamo-dropdown__item.is-selected.is-active {
  background-color: var(--at-bg-active-surface-2);
}
.ateamo-container .ateamo-dropdown__item.is-disabled {
  opacity: 0.4;
  cursor: default;
}
.ateamo-container .ateamo-dropdown__item-text {
  flex: 1;
  min-width: 0;
  color: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
}
.ateamo-container .ateamo-dropdown__check {
  display: inline-flex;
  flex-shrink: 0;
  visibility: hidden;
  color: var(--at-fg-base-strong);
}
.ateamo-container .ateamo-dropdown__check svg {
  display: block;
}
.ateamo-container .ateamo-dropdown .ateamo-dropdown__item.is-selected .ateamo-dropdown__check {
  visibility: visible;
}

.ateamo-container .ateamo-invite-container.ateamo-user-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: none;
  margin: 0 0 16px;
  padding: 8px 8px 8px 12px !important;
  border: 1px solid var(--at-stroke-base-weak);
  border-radius: var(--at-radius-md);
  background-color: var(--at-bg-base-surface);
  box-sizing: border-box;
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-menu-button {
  margin-right: 0;
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-user-bar__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
  color: var(--at-fg-base-weak);
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-user-bar__avatar img {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0;
  object-fit: cover;
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-user-bar__avatar .ateamo-icon {
  width: 18px;
  height: 18px;
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-user-bar__avatar .ateamo-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar a.ateamo-user-bar__info {
  text-decoration: none;
  cursor: pointer;
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar a.ateamo-user-bar__info:hover .ateamo-invite-container-logout-name, .ateamo-container .ateamo-invite-container.ateamo-user-bar a.ateamo-user-bar__info:focus-visible .ateamo-invite-container-logout-name {
  text-decoration: underline;
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar a.ateamo-user-bar__avatar {
  text-decoration: none;
  cursor: pointer;
  transition: box-shadow 0.15s ease;
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar a.ateamo-user-bar__avatar:hover, .ateamo-container .ateamo-invite-container.ateamo-user-bar a.ateamo-user-bar__avatar:focus-visible {
  box-shadow: 0 0 0 2px var(--at-stroke-base-medium);
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-user-bar__info {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-invite-container-logout-name,
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-invite-container-logout-username {
  overflow: hidden;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-invite-container-logout-name {
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 600;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-invite-container-logout-username {
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-user-bar__logout {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-user-bar__logout > span,
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-user-bar__logout > .ateamo-icon,
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-user-bar__logout > .ateamo-icon * {
  color: inherit;
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-user-bar__logout:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-user-bar__logout:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-user-bar__logout:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-user-bar__logout:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-user-bar__logout {
  flex-shrink: 0;
  width: auto;
  height: 28px;
  margin: 0 0 0 auto !important;
  padding: 0 10px !important;
  color: var(--at-fg-base-medium);
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-user-bar__logout > * {
  pointer-events: none;
}
.ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-user-bar__logout .ateamo-icon {
  width: 16px;
  height: 16px;
}
@media (max-width: 599.98px) {
  .ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-user-bar__logout {
    width: 28px;
    padding: 0 !important;
  }
  .ateamo-container .ateamo-invite-container.ateamo-user-bar .ateamo-user-bar__logout span:not(.ateamo-icon) {
    display: none;
  }
}

.ateamo-container .ateamo-guest-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0 0 16px;
  padding: 8px 8px 8px 12px;
  border: 1px solid var(--at-stroke-base-weak);
  border-radius: var(--at-radius-md);
  background-color: var(--at-bg-base-surface);
  box-sizing: border-box;
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
  color: var(--at-fg-base-weak);
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__icon .ateamo-icon {
  width: 18px;
  height: 18px;
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__icon .ateamo-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__info {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__title {
  margin: 0;
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 600;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__text {
  margin: 0;
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__actions {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signup {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signup > span,
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signup > .ateamo-icon,
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signup > .ateamo-icon * {
  color: inherit;
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signup:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signup:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signup:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signup:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signup {
  height: 28px;
  margin: 0;
  padding: 0 10px !important;
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signin > span,
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signin > .ateamo-icon,
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signin > .ateamo-icon * {
  color: inherit;
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signin:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signin:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signin:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signin:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signin {
  border-color: transparent;
  background-color: var(--at-bg-primary-strong);
  color: var(--at-fg-base-on-strong);
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signin:hover, .ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signin:active {
  color: var(--at-fg-accent-weak);
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signin:hover {
  background-image: linear-gradient(var(--at-state-hover-inv), var(--at-state-hover-inv));
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signin:active {
  background-image: linear-gradient(var(--at-state-pressed-inv), var(--at-state-pressed-inv));
}
.ateamo-container .ateamo-guest-bar .ateamo-guest-bar__signin {
  height: 28px;
  margin: 0;
  padding: 0 12px !important;
}
@media (max-width: 599.98px) {
  .ateamo-container .ateamo-guest-bar {
    flex-wrap: wrap;
  }
  .ateamo-container .ateamo-guest-bar .ateamo-guest-bar__actions {
    width: 100%;
  }
  .ateamo-container .ateamo-guest-bar .ateamo-guest-bar__actions button {
    flex: 1;
    height: 32px;
  }
}

@keyframes ateamo-btn-spin {
  to {
    transform: rotate(360deg);
  }
}
.ateamo-toast-stack {
  position: fixed;
  top: 10px;
  right: 10px;
  bottom: auto;
  left: auto;
  z-index: 100000;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: calc(100% - 20px);
  max-width: 361px;
  max-height: 60vh;
  overflow: auto;
  pointer-events: none;
}
.ateamo-toast-stack .ateamo-toast {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0;
  padding: 10px 8px 14px 12px;
  border: 1px solid var(--ateamo-toast-color);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-menu);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  pointer-events: auto;
  animation: ateamo-toast-in 0.2s ease-out;
}
.ateamo-toast-stack .ateamo-toast--error {
  --ateamo-toast-color: var(--at-fg-danger-strong);
}
.ateamo-toast-stack .ateamo-toast--success {
  --ateamo-toast-color: var(--at-fg-success-strong);
}
.ateamo-toast-stack .ateamo-toast.is-leaving {
  opacity: 0;
  transform: translateX(16px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.ateamo-toast-stack .ateamo-toast__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.ateamo-toast-stack .ateamo-toast__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--ateamo-toast-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-toast-stack .ateamo-toast__title svg {
  flex-shrink: 0;
}
.ateamo-toast-stack .ateamo-toast__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--at-radius-sm);
  background: transparent;
  color: var(--ateamo-toast-color);
  cursor: pointer;
}
.ateamo-toast-stack .ateamo-toast__close:hover {
  background-color: var(--at-state-hover);
}
.ateamo-toast-stack .ateamo-toast__close:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-toast-stack .ateamo-toast__text {
  margin: 2px 32px 0 28px;
  color: var(--at-fg-base-weak);
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
}
.ateamo-toast-stack .ateamo-toast__timer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background-color: var(--ateamo-toast-color);
  transform-origin: left center;
  animation-name: ateamo-toast-timer;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

@keyframes ateamo-toast-in {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
}
@keyframes ateamo-toast-timer {
  from {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
body .datepicker-container {
  box-sizing: border-box;
  width: 296px;
  padding: 12px;
  border: 1px solid var(--at-stroke-base-weak);
  border-radius: var(--at-radius-lg);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-menu);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
}
body .datepicker-container {
  line-height: 1;
}
body .datepicker-container::before, body .datepicker-container::after {
  display: none;
}
body .datepicker-container .datepicker-panel > ul {
  display: grid;
  width: 100%;
  margin: 0;
  padding: 0;
}
body .datepicker-container .datepicker-panel > ul::before, body .datepicker-container .datepicker-panel > ul::after {
  content: none;
}
body .datepicker-container .datepicker-panel > ul > li {
  display: flex;
  align-items: center;
  justify-content: center;
  float: none;
  width: auto;
  height: 36px;
  margin: 0;
  padding: 0;
  border-radius: var(--at-radius-sm);
  background-color: transparent;
  color: var(--at-fg-base-strong);
  line-height: 1;
  transition: var(--at-transition);
}
body .datepicker-container .datepicker-panel > ul > li:hover {
  background-color: var(--at-state-hover);
}
body .datepicker-container .datepicker-panel > ul > li.muted, body .datepicker-container .datepicker-panel > ul > li.muted:hover {
  color: var(--at-fg-base-weak);
}
body .datepicker-container .datepicker-panel > ul > li.highlighted {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px var(--at-stroke-base-medium);
}
body .datepicker-container .datepicker-panel > ul > li.picked, body .datepicker-container .datepicker-panel > ul > li.picked:hover {
  background-color: var(--at-bg-primary-strong);
  box-shadow: none;
  color: var(--at-fg-base-on-strong);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}
body .datepicker-container .datepicker-panel > ul > li.disabled, body .datepicker-container .datepicker-panel > ul > li.disabled:hover, body .datepicker-container .datepicker-panel > ul > li.disabled.highlighted {
  background-color: transparent;
  color: var(--at-fg-base-weak);
  opacity: 0.45;
  cursor: default;
}
body .datepicker-container .datepicker-panel > ul:first-child {
  grid-template-columns: 36px 1fr 36px;
  margin-bottom: 8px;
}
body .datepicker-container .datepicker-panel > ul:first-child > li {
  height: 32px;
  font-size: 20px;
  color: var(--at-fg-base-medium);
}
body .datepicker-container .datepicker-panel > ul:first-child > li[data-view$=current] {
  width: auto;
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 600;
  line-height: 146%;
  letter-spacing: -0.01em;
}
body .datepicker-container .datepicker-panel > ul:first-child > li.disabled {
  opacity: 0.3;
}
body .datepicker-container .datepicker-panel > ul:first-child > li[data-view$=current].disabled {
  opacity: 1;
  color: var(--at-fg-base-strong);
}
body .datepicker-container .datepicker-panel > ul[data-view=week], body .datepicker-container .datepicker-panel > ul[data-view=days] {
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}
body .datepicker-container .datepicker-panel > ul[data-view=week] > li, body .datepicker-container .datepicker-panel > ul[data-view=week] > li:hover {
  height: 28px;
  background-color: transparent;
  color: var(--at-fg-base-weak);
  cursor: default;
  font-size: 10px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
body .datepicker-container .datepicker-panel > ul[data-view=months], body .datepicker-container .datepicker-panel > ul[data-view=years] {
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
}
body .datepicker-container .datepicker-panel > ul[data-view=months] > li, body .datepicker-container .datepicker-panel > ul[data-view=years] > li {
  width: auto;
  height: 48px;
  line-height: 1;
}

.ateamo-container {
  margin: 0 auto 45px auto !important;
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ateamo-container * {
  font-weight: normal;
  color: var(--at-fg-base-strong);
  margin: 0;
  line-height: 120%;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--at-font-family);
}
.ateamo-container * a {
  box-shadow: none !important;
}
.ateamo-container * button, .ateamo-container * input {
  outline: none;
  padding: 0;
  margin: 0;
  text-transform: none;
  letter-spacing: 0px;
}
.ateamo-container :where(label) {
  text-transform: none;
  letter-spacing: normal;
}
.ateamo-container input:where([type=checkbox], [type=radio]) {
  opacity: 1;
}
.ateamo-hidden-header {
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
.ateamo- table tr {
  border: none;
}
.ateamo-p {
  font-weight: normal;
  font-size: 14px;
  line-height: 15px;
  color: #006854;
}
.ateamo-header-h2 {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.1;
  font-weight: normal;
  font-size: 28px;
  color: #515151;
}
.ateamo-form {
  width: 100%;
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px;
}
.ateamo-form .ateamo-form-item {
  width: 100%;
  margin: 0 auto 10px auto;
  position: relative;
}
.ateamo-form .ateamo-form-item--half {
  width: calc(50% - 8px);
  margin: 0;
  margin-bottom: 10px;
}
.ateamo-form .ateamo-form-item input:focus ~ label,
.ateamo-form .ateamo-form-item input:not(:placeholder-shown) ~ label {
  top: 2px;
  font-size: 10px;
  background-color: #fff;
}
.ateamo-form .ateamo-form-item label {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
  color: #555555;
  padding: 2px 5px;
  width: auto;
}
.ateamo-form .ateamo-form-item.ateamo-form-password {
  position: relative;
}
.ateamo-form .ateamo-form-item .ateamo-password--eye, .ateamo-form .ateamo-form-item .ateamo-password--eye-sign-up {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 20px;
  border-radius: 0;
  border: none;
  background-color: transparent;
  background-image: url("../images/ateamo-icon-eye.svg");
  background-repeat: no-repeat;
  background-position: center center;
}
.ateamo-form .ateamo-form-item .ateamo-password--eye.active, .ateamo-form .ateamo-form-item .ateamo-password--eye-sign-up.active {
  background-image: url("../images/ateamo-icon-close-eye.svg");
}
.ateamo-form .ateamo-form-item .ateamo-form-error {
  display: none;
  font-size: 14px;
  color: red;
  padding: 5px;
}
.ateamo-form .ateamo-form-item__remember-me {
  text-align: left;
}
.ateamo-form .ateamo-form-item__remember-me .ateamo-remember-me {
  position: relative;
  left: 0;
  top: auto;
  transform: translate(0);
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  color: #555;
}
.ateamo-form .ateamo-form-item__remember-me .ateamo-remember-me input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  accent-color: #2ecc71;
}
.ateamo-form .ateamo-form-item:last-child {
  margin-bottom: 0;
}
.ateamo-form .ateamo-form-item .ateamo-header-h2 {
  margin-bottom: 20px;
}
.ateamo-form .ateamo-form-item .ateamo-button-text {
  background: none !important;
  border: none !important;
  font-weight: 500;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 5px;
  color: #006854 !important;
  font-size: 14px;
}
.ateamo-form .ateamo-form-item button {
  margin: 0 auto;
}
.ateamo-loader, .ateamo-loader--error {
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  min-height: 50px;
}
.ateamo-loader:after, .ateamo-loader--error:after {
  position: absolute;
  z-index: 3;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 6px;
}
.ateamo-loader:before, .ateamo-loader--error:before {
  z-index: 4;
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
  background-image: url("../images/loader.svg") !important;
}
.ateamo-loader--error:before {
  background-image: url("../images/loader-error.svg");
}
.ateamo-overflow-hidden {
  overflow: hidden;
}
.ateamo-email-success {
  position: absolute;
  top: 14px;
  right: 26px;
  width: 28px;
}
.ateamo-email-success svg {
  fill: #006854 !important;
}

.ateamo-thank-you table tbody tr {
  border: none !important;
}
.ateamo-thank-you table tbody tr td {
  text-align: left;
}

.ateamo-error-registration--message-simple {
  margin-top: 10px;
  border-top: 1px solid #E5E5E3;
}
.ateamo-error-registration--message-simple .ateamo-error-registration {
  padding: 8px;
  font-size: 18px;
  font-weight: 600;
  background-color: transparent;
  color: #000000;
}

.ateamo-error-registration--message {
  margin: 0 auto;
  background-color: #fffaeb;
  color: #b54708;
  width: 100%;
  padding: 8px;
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.0588235294), 0 1px 3px rgba(16, 24, 40, 0.1019607843);
  border: 1px solid #b54708;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ateamo-error-registration--message .ateamo-error-registration {
  padding: 8px;
  font-size: 18px;
  font-weight: 500;
  background-color: transparent;
  color: #b54708;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ateamo-success-registration--message {
  margin: 0 auto;
  width: 100%;
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #249C11;
  background: rgba(36, 156, 17, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ateamo-success-registration--message .ateamo-success-registration {
  padding: 8px;
  font-size: 18px;
  font-weight: 500;
  background-color: transparent;
  color: #249C11;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ateamo-error-registration {
  text-align: center;
  color: red;
  width: 100%;
  border-top: none;
  padding: 20px 0;
  background: #fff;
}

.ateamo-registration-team__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#ateamo-profile-result .ateamo-register-team--button {
  color: #00008b;
  text-align: center;
  padding: 10px 25px;
  border: 0;
  margin: 20px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s all;
}

.ateamo-registration-team__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ateamo-register-text {
  color: #373737;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin: 20px auto 0;
  line-height: normal;
  max-width: 368px;
}

.ateamo-error-message {
  font-size: 18px;
  text-align: center;
  width: 100%;
  line-height: 150%;
  font-weight: 700;
  color: blue;
}

body.hide-scroll {
  overflow: hidden;
}

.ateamo-window-error-message, .ateamo-window-success-message {
  display: none !important;
  position: fixed;
  bottom: 0;
  max-width: 600px;
  width: 100%;
  background-color: #fff;
  padding: 30px;
  border-radius: 6px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
  border: 1px solid #E6E5E3;
  opacity: 0;
  visibility: hidden;
  font-size: 16px;
  transition: 0.5s all;
}
.ateamo-window-error-message.active, .ateamo-window-success-message.active {
  z-index: 40;
  bottom: 10px;
  opacity: 1;
  visibility: visible;
}

.ateamo-signup-form-item--resend-code,
.ateamo-form-item--resend-code {
  margin-left: 10px;
  padding: 2px 7px;
  border-radius: 6px;
  line-height: normal;
  cursor: pointer;
}

.ateamo-form-item--password,
.ateamo-form-item--code {
  position: relative;
}

.ateamo-window-error-message {
  color: blue;
}

.ateamo-window-success-message {
  color: #006854;
}

button.ateamo-tabs-header-item {
  display: none;
}

.underline-text {
  text-decoration: underline;
}

.ateamo-container strong {
  font-weight: bold !important;
}

.ateamo-registration-item-liability-waiver-text ol li {
  margin-bottom: 20px;
}

.league-logo {
  width: 50px;
  margin-right: 20px;
}

.waiver-header {
  margin-top: 10px;
  display: flex;
  align-items: center;
}

.ateamo-registration-header--sub {
  margin-top: 5px;
}

.ateamo-registration-logout .ateamo-invite-container.ateamo-invite-container-logout {
  max-width: 800px;
}

.ateamo-thanks-registration {
  text-align: center;
  width: 100%;
}

#ateamo-thanks-payment-result__loader .ateamo-error-registration {
  background-color: #fffaeb;
  color: #b54708;
  width: 100%;
  padding: 20px 5px;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.0588235294), 0 1px 3px rgba(16, 24, 40, 0.1019607843);
  border: 1px solid #b54708;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
}
#ateamo-thanks-payment-result__loader .ateamo-thanks-registration .ateamo-error-registration.ateamo-error-registration__small {
  color: #808080;
  border: 1px solid rgb(128, 128, 128);
  background: rgba(128, 128, 128, 0.1);
}
#ateamo-thanks-payment-result__loader .ateamo-thanks-registration .ateamo-error-registration.ateamo-error-registration__small.pending {
  color: #b54708;
  background-color: #fffaeb;
  border: 1px solid #b54708;
}
#ateamo-thanks-payment-result__loader .ateamo-thanks-registration .ateamo-error-registration.ateamo-error-registration__small.paid, #ateamo-thanks-payment-result__loader .ateamo-thanks-registration .ateamo-error-registration.ateamo-error-registration__small.completed, #ateamo-thanks-payment-result__loader .ateamo-thanks-registration .ateamo-error-registration.ateamo-error-registration__small.approved {
  color: #249C11;
  border: 1px solid #249C11;
  background: rgba(36, 156, 17, 0.1);
}

.team-block {
  margin: 40px 0;
}

.team-block p {
  font-weight: bold;
  font-size: 30px;
  text-transform: capitalize;
}

.ateamo-thanks-registration .ateamo-button {
  margin: 0 auto;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
}

.ateamo-registrant-list {
  max-width: 600px !important;
  margin: 0 auto !important;
  border: none !important;
}

.ateamo-registrant-list-item {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.ateamo-registrant-list-item:last-child {
  margin-bottom: 0;
}

.ateamo-registrant-list-item img {
  width: 50px;
}

.ateamo-registrant-list-item-name {
  margin: 0 20px 0 20px;
  width: 100%;
  max-width: 220px;
}

.ateamo-registrant-list-item-name p:first-child {
  font-weight: 500;
}

.ateamo-registrant-list-item-status, .ateamo-registrant-list-item-payment {
  width: 100%;
  max-width: 140px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ateamo-registrant-list-item-status p, .ateamo-registrant-list-item-payment p {
  background-color: #f1e5d5;
  border-radius: 100px;
  max-width: 100px;
  width: 100%;
  padding: 5px 0;
  text-transform: capitalize;
}

.ateamo-registrant-list-item-status p.active, .ateamo-registrant-list-item-payment p.active {
  background-color: green;
  color: #fff;
}

.ateamo-error-registration.ateamo-error-registration__small {
  font-size: 35px;
}

.ateamo-container {
  max-width: 1400px !important;
}

.ateamo-container--sidebar {
  max-width: 1000px !important;
  width: 100% !important;
}
.ateamo-container--sidebar .ateamo-container-wrapper {
  display: flex;
}
.ateamo-container--sidebar .ateamo-container-wrapper-item:first-child {
  width: 308px;
  padding-right: 30px;
}
.ateamo-container--sidebar .ateamo-container-wrapper-item:last-child {
  width: 100%;
}

.ateamo-invite-container--small {
  max-width: 350px;
  padding: 8px;
}

.ateamo-container--sidebar .ateamo-registration-wrapper {
  margin-top: 0;
}

.ateamo-sidebar {
  background-color: #fff;
  padding: 5px;
  border-radius: 6px;
  position: sticky;
  top: 30px;
  box-shadow: 0px -4px 20px 0px rgba(0, 0, 0, 0.0784313725);
}
.ateamo-sidebar-wrapper-item {
  margin-bottom: 3px;
}
.ateamo-sidebar-wrapper-item:last-child {
  margin-bottom: 0;
}
.ateamo-sidebar-wrapper-item a {
  display: flex;
  text-decoration: none !important;
  align-items: center;
  justify-content: flex-start;
}
.ateamo-sidebar-wrapper-item a:hover span {
  color: #9B3BDB;
}
.ateamo-sidebar-wrapper-item a img {
  width: 18px;
  height: 18px;
}
.ateamo-sidebar-wrapper-item a span {
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #2E2E2D;
  transition: 0.3s all;
}
.ateamo-sidebar-wrapper-item a span:first-child {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ateamo-sidebar-wrapper-item a span.active {
  background-color: #ABEADE;
  border-radius: 100px;
}
.ateamo-sidebar-wrapper-item a span:last-child {
  margin-left: 5px;
}

.ateamo-menu-button.ateamo-button--transparent {
  display: none;
  height: 30px;
  width: 30px;
  min-width: 30px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px !important;
  padding: 5px !important;
  margin-right: 10px;
}
.ateamo-menu-button.ateamo-button--transparent span {
  pointer-events: none;
  width: 100%;
  height: 2px;
  display: flex;
  border-radius: 2px;
  background-color: #000000;
  transition: all 0.3s ease-in-out;
}

.ateamo-menu--close, .ateamo-sidebar-header {
  display: none !important;
}

@media (min-width: 768px) {
  #ateamo-profile-result .ateamo-register-team--button:hover {
    opacity: 0.85;
  }
}
@media (max-width: 768px) {
  .ateamo-container--sidebar .ateamo-container-wrapper-item:first-child {
    position: fixed;
    z-index: 11;
    width: 100%;
  }
  .ateamo-container--sidebar .ateamo-container-wrapper-item:last-child {
    padding: 0;
    margin: 0;
    border: none;
  }
  #ateamo-team-accounting .ateamo-menu-button.ateamo-button--transparent,
  #ateamo-player-accounting .ateamo-menu-button.ateamo-button--transparent,
  #ateamo-roster-manage-result .ateamo-menu-button.ateamo-button--transparent,
  #ateamo-team-accounting .ateamo-menu-button.ateamo-button--transparent,
  #ateamo-player-pool-result .ateamo-menu-button.ateamo-button--transparent,
  #ateamo-manage-team-result .ateamo-menu-button.ateamo-button--transparent,
  .ateamo-sidebar-header {
    display: flex !important;
  }
  .ateamo-sidebar-header {
    margin-bottom: 10px;
  }
  .ateamo-sidebar-header p {
    font-size: 22px;
    text-align: center;
    font-weight: bold;
  }
  .ateamo-container-wrapper-item--sidebar {
    transition: all 0.3s cubic-bezier(0, -0.45, 1, -0.19);
    left: -9999px;
    top: 0;
    z-index: 10;
    width: 100%;
    overflow-y: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    padding: 0;
  }
  .ateamo-container-wrapper-item--sidebar.active .ateamo-sidebar--menu {
    box-shadow: 0px -4px 20px 15px rgba(0, 0, 0, 0.0784313725);
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
  }
  .ateamo-container-wrapper-item--sidebar.active .ateamo-sidebar--backdrop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .ateamo-container-wrapper-item--sidebar .ateamo-sidebar--backdrop {
    position: fixed;
    right: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out;
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
  }
  .ateamo-menu--close {
    display: flex !important;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
  }
  .ateamo-menu--close img {
    pointer-events: none;
  }
  .ateamo-sidebar--menu {
    transition: all 0.3s ease-in-out;
    box-shadow: none;
    top: 0;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .ateamo-sidebar {
    padding: 40px 20px;
    width: 100%;
    box-shadow: none;
  }
  .ateamo-sidebar-wrapper-item a span:last-child {
    margin-left: 0;
  }
  .ateamo-sidebar-wrapper-item {
    margin-bottom: 0;
  }
  .ateamo-sidebar-wrapper-item a {
    padding: 5px 1px !important;
  }
  .ateamo-sidebar-wrapper-item a span {
    font-size: 14px;
    text-align: center;
  }
}
.ateamo-form-item input {
  border: 1px solid #F0EFED;
  font-size: 14px;
  border-radius: 6px;
  color: #000000;
}

#tidio-chat-iframe {
  bottom: 50px !important;
}

a.ateamo-disabled-link {
  opacity: 0.5;
  cursor: no-drop !important;
}

.ateamo-roster-list-players-header th,
.ateamo-roster-list-players-list-item td {
  border: none !important;
}

.ateamo-roster-list-players-header th {
  white-space: nowrap;
}

.ateamo-captain--icon {
  font-size: 12px;
  padding: 0 5px;
  color: #fff;
  font-weight: bolder;
  border-radius: 3px;
  background-color: #6043dc;
}

input.clr-color {
  margin: 15px 20px 20px auto !important;
}

@media screen and (max-width: 450px) {
  .clr-pill .clr-gradient {
    width: 110px !important;
  }
  .clr-picker.clr-pill {
    width: 280px !important;
    padding-left: 110px !important;
    left: 20px !important;
  }
}
/* Authentication-based visibility */
.ateamo-container-wrapper-item--sidebar {
  display: none;
}

.ateamo-container.is-captain .ateamo-container-wrapper-item--sidebar {
  display: block;
}

.ateamo-player-account-button {
  margin: 0 auto 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: -0.01em;
  width: fit-content;
  height: 30px;
  display: flex;
  padding: 0 15px;
  align-items: center;
  justify-content: center;
  background: #F7F7F5 !important;
  color: #050505 !important;
  border: 1px solid #C7C5C3;
  border-radius: 4px;
  text-decoration: none !important;
}
.ateamo-button {
  position: relative;
  transition: 0.3s all;
  cursor: pointer;
  display: block;
  text-align: center;
  border: none;
  background: none !important;
  box-shadow: none;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: capitalize;
  /* &--send-invites {
    font-size: 13px;
    line-height: 14px;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08), 0 1px 4px 0 rgba(0, 0, 0, 0.16);
    position: fixed;
    z-index: 4;
    bottom: 25px;
    right: 50px;
    margin-left: auto !important;
    border-radius: 52px;
    background: #291B33 !important;
  } */
}
.ateamo-button.share-registration-link, .ateamo-button.copy-registration-link {
  flex: 1;
  justify-content: center;
  color: #050505 !important;
}
.ateamo-button.share-registration-link svg, .ateamo-button.copy-registration-link svg {
  width: 26px;
  fill: #050505;
  margin-right: 5px;
}
.ateamo-button.share-registration-link img, .ateamo-button.copy-registration-link img {
  margin-right: 4px;
}
.ateamo-button.copy-registration-link svg {
  width: 20px;
}
.ateamo-button--light-green {
  background: #006854 !important;
  border-radius: 52px;
  width: 100%;
  height: 50px;
  color: #ffffff;
  margin-top: 20px !important;
}
.ateamo-button--invite-modal {
  width: 100%;
  height: 40px;
  border-radius: 52px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #F5F4F2 !important;
  font-size: 13px;
  color: #2E2E2D;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ateamo-button--invite-modal img {
  margin-right: 6px;
}
.ateamo-button--invite-modal:nth-child(2) {
  margin: 0 8px;
}
.ateamo-button--green {
  background: #006854 !important;
  width: 225px;
  height: 56px;
  border-radius: 6px;
  line-height: 56px;
}
.ateamo-button--grey {
  height: 32px;
  border-radius: 4px;
  border: 1px solid #C7C5C3;
  background: #F7F7F5 !important;
  padding: 0 15px !important;
  font-size: 13px;
  display: inline-flex;
  color: #050505 !important;
  width: auto;
  align-items: center;
  text-transform: initial;
  letter-spacing: normal;
  text-decoration: none !important;
}
.ateamo-button--grey:hover {
  background: #C7C5C3 !important;
}
.ateamo-button--black {
  background: #291B33 !important;
  color: #fff !important;
}
.ateamo-button--options {
  width: 100%;
  height: 50px;
  color: #2E2E2D;
  text-align: left;
}
.ateamo-button--back {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ateamo-button--back:before {
  height: 24px;
  content: url("../images/arrow-back-icon.svg");
}
.ateamo-button--add-roster {
  color: #ffffff;
  line-height: 16px;
  width: 150px;
  margin: 0 auto !important;
  position: initial;
  background: #006854 !important;
  height: 50px;
  border-radius: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ateamo-button--add-roster--green {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 56px;
  background: #006854 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08), 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  position: fixed;
  z-index: 4;
  bottom: 25px;
  right: 50px;
  margin-left: auto !important;
}
@media screen and (max-width: 991px) {
  .ateamo-button--add-roster--green {
    right: 20px;
  }
}
.ateamo-button--request {
  height: 32px !important;
  border-radius: 56px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #F5F4F2 !important;
}
.ateamo-button--request img {
  width: 18px;
  filter: brightness(0%);
}
.ateamo-button--request--black {
  background: #291B33 !important;
  margin-left: 8px !important;
}
.ateamo-button--request--black img {
  filter: brightness(0) invert(1);
}
.ateamo-button--recruitment {
  border-radius: 56px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #F5F4F2 !important;
  font-size: 13px;
  color: #2E2E2D;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ateamo-button--recruitment-big {
  width: 95px;
}
.ateamo-button--recruitment-big img {
  margin-right: 4px;
  position: relative;
  top: -2px;
}
@media screen and (max-width: 991px) {
  .ateamo-button--send-invites {
    right: 20px;
  }
}
.ateamo-button * {
  pointer-events: none;
}
.ateamo-button.ateamo-loader {
  pointer-events: none;
  height: 100%;
  width: 100%;
}
.ateamo-button:disabled {
  cursor: no-drop;
  opacity: 0.4;
}
.ateamo-button-invite-player, .ateamo-button-launch-recruitment {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ateamo-button-invite-player:hover, .ateamo-button-launch-recruitment:hover {
  color: #2E2E2D;
}
.ateamo-button-invite-player:after {
  content: url("../images/invite-player-icon.svg");
}
.ateamo-button-launch-recruitment:after {
  content: url("../images/launch-recruitment-icon.svg");
}

.ateamo-button--transparent {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background-color: transparent;
  border: 0;
  padding: 7px !important;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  line-height: 128%;
  transition: all 0.3s ease-in-out;
}
.ateamo-button--transparent img {
  width: 20px;
  height: auto;
  filter: brightness(0);
}
.ateamo-button--transparent:hover {
  background-color: rgba(0, 0, 0, 0.12) !important;
}

.ateamo-switcher {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  z-index: 2;
}

.ateamo-switcher-captain-checkbox:disabled ~ .ateamo-switcher--slider {
  opacity: 0.5;
  cursor: not-allowed;
}

.ateamo-switcher input {
  opacity: 0;
  width: 0;
  height: 0;
}

.ateamo-switcher--slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.ateamo-switcher--slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 4px;
  background-color: #f7f7f7;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .ateamo-switcher--slider {
  background-color: #0C3D34;
}
input:checked + .ateamo-switcher--slider:before {
  background-image: url(../images/manageRosterOk.svg);
  background-repeat: no-repeat;
  background-position: center;
}

input:focus + .ateamo-switcher--slider {
  box-shadow: 0 0 1px #0C3D34;
}

input:checked + .ateamo-switcher--slider:before {
  transform: translateX(17px);
}

.ateamo-switcher--slider.ateamo-round {
  border-radius: 35px;
}

.ateamo-switcher--slider.ateamo-round:before {
  border-radius: 50%;
}

@media (min-width: 768px) {
  .ateamo-button--green:hover {
    opacity: 0.85;
  }
}
@media (min-width: 768px) {
  .ateamo-switcher {
    width: 35px;
  }
  .ateamo-switcher--slider:before {
    left: 3px;
  }
  input:checked + .ateamo-switcher--slider:before {
    transform: translateX(14px);
  }
}
.ateamo-input {
  font-size: 13px !important;
  padding: 0 20px !important;
  color: #555555;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  width: 100% !important;
  height: 56px;
  border-radius: 3px;
}
.ateamo-input:read-only {
  border: none;
}
.ateamo-input:focus {
  border-color: #2f7033;
}
.ateamo-input.ateamo-error-input {
  border: 1px solid red !important;
}

.ateamo-modal {
  margin: 0 !important;
  transition: 0.5s all;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  inset: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  overflow: visible;
}
.ateamo-modal-form {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 15px;
}
.ateamo-modal.ateamo-modal-active {
  visibility: visible;
  z-index: 99999;
  opacity: 1;
}
.ateamo-modal.ateamo-modal-active .ateamo-modal--content {
  transform: translate(-50%, -50%) scale(0.9);
}
.ateamo-modal .ateamo-modal__bgc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 3;
}
.ateamo-modal .ateamo-modal--content {
  box-sizing: border-box;
  transition: 0.5s all;
  background-color: #fff;
  position: absolute;
  z-index: 4;
  width: 100%;
  max-width: 800px;
  overflow: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  padding: 30px 20px;
  border-radius: 4px;
}
.ateamo-modal .ateamo-modal--content::-webkit-scrollbar {
  width: 7px;
}
.ateamo-modal .ateamo-modal--content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.ateamo-modal .ateamo-modal--content::-webkit-scrollbar-thumb {
  background-color: #3076b0;
  outline: 1px solid #3076b0;
  border-radius: 4px;
}
.ateamo-modal .ateamo-modal--content .ateamo-close-modal {
  padding: 0;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  border: none;
  background: none;
  box-shadow: none;
  width: 20px;
  height: 20px;
  z-index: 111;
  content: url("../images/remove-icon.svg");
  display: flex;
}
.ateamo-modal .ateamo-modal--content .ateamo-modal__text {
  margin: 0;
  font-size: 18px;
}
.ateamo-roster-generate-pdf, .ateamo-roster-generate-pdf-registration-list {
  margin: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ateamo-roster-generate-pdf .ateamo-modal-form, .ateamo-roster-generate-pdf-registration-list .ateamo-modal-form {
  height: 100%;
}
.ateamo-roster-generate-pdf .ateamo-modal--content, .ateamo-roster-generate-pdf-registration-list .ateamo-modal--content {
  height: 44vw; /* 60% of 55vw */
  aspect-ratio: 8.5/11;
  background: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
@media (max-width: 1024px) {
  .ateamo-roster-generate-pdf .ateamo-modal--content, .ateamo-roster-generate-pdf-registration-list .ateamo-modal--content {
    width: 80vw;
  }
}
@media (max-width: 800px) {
  .ateamo-roster-generate-pdf .ateamo-modal--content, .ateamo-roster-generate-pdf-registration-list .ateamo-modal--content {
    width: 100vw;
  }
}
.ateamo-roster-pdf--body {
  width: 100%;
  height: 100%;
  padding: 0 !important;
  display: block !important;
}

.ateamo-photo-modal .ateamo-modal-form {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 0;
  flex-direction: column;
}

.ateamo-form {
  padding: 5px;
}
.ateamo-form--width-half {
  width: 49%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ateamo-form--width-half:first-child {
  padding-right: 15px;
}
.ateamo-form--logo {
  width: 70px;
  height: 70px;
  min-width: 70px;
  border-radius: 4px;
  background-color: #D9DDE1;
  margin-right: 8px;
}
.ateamo-form--logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ateamo-form--text {
  font-weight: 500;
  font-size: 25px;
  line-height: 30px;
}
.ateamo-form--league-header {
  display: flex;
  gap: 5px;
}
.ateamo-form--league-main {
  font-weight: 400;
  line-height: 100%;
  max-width: 300px;
}
.ateamo-form--league-main p:first-child {
  font-size: 20px;
  margin-bottom: 20px;
}
.ateamo-form--league-main p:last-child {
  font-size: 16px;
}
.ateamo-form--league-footer {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.ateamo-form--league-footer a {
  font-weight: 500;
  color: #818181;
  font-size: 12px;
  line-height: 100%;
  width: auto;
  text-decoration: none;
}

.ateamo-form--league-mobile {
  display: none;
}

.ateamo-form--logo span {
  width: 70px;
  height: 70px;
  min-height: 70px;
}

@media screen and (max-width: 991px) {
  .ateamo-modal .ateamo-modal__bgc {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
@media screen and (max-width: 767px) {
  .ateamo-modal-form {
    flex-direction: column;
  }
  .ateamo-form--width-half {
    width: 100%;
    gap: 10px;
  }
  .ateamo-form--league-main {
    max-width: 100%;
  }
  .ateamo-form .ateamo-form-item {
    max-width: 100%;
  }
  .ateamo-form--logo {
    width: 50px;
    height: 50px;
    min-width: 50px;
  }
  .ateamo-form--logo span {
    width: 50px;
    height: 50px;
    min-height: 50px;
  }
  .ateamo-form--text {
    font-size: 21px;
  }
  .ateamo-form--league-main p:first-child {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .ateamo-form--league-main p:last-child {
    font-size: 13px;
  }
  .ateamo-form--league-footer {
    display: none;
  }
  .ateamo-form--league-mobile {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    align-items: center;
  }
  .ateamo-form--league-mobile a {
    font-weight: 500;
    color: #818181;
    font-size: 12px;
    line-height: 100%;
    width: auto;
    text-decoration: none;
  }
  .ateamo-form--width-half:last-child {
    padding-top: 20px;
  }
}
.ateamo-modal.ateamo-forgot-password.ateamo-modal-active .ateamo-form .ateamo-form-item.donthaveaccount {
  display: none;
}

@starting-style {
  .ateamo-modal.ateamo-modal-active {
    opacity: 0;
  }
  .ateamo-modal.ateamo-modal-active .ateamo-modal--content {
    transform: translate(-50%, -50%) scale(0.8);
  }
}
.ateamo-slider .ateamo-invite-container {
  border: none;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 768px) {
  .ateamo-slider .ateamo-invite-container {
    flex-direction: column !important;
  }
}
.ateamo-slider .ateamo-slider-item {
  display: none;
}
.ateamo-slider .ateamo-slider-item-active {
  display: block;
}
.ateamo-slider .ateamo-slider-controls {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.ateamo-slider .ateamo-slider-controls button {
  margin: 0 20px;
  width: 150px;
  height: 45px;
  line-height: 45px;
  font-size: 15px;
  font-weight: 600;
}

.ateamo-registration-inputs-wrapper {
  margin: 40px 0;
}
.ateamo-registration-inputs-wrapper .ateamo-registration-inputs-item {
  display: flex;
  margin: 20px -10px 0 -10px;
}
.ateamo-registration-inputs-wrapper .ateamo-registration-inputs-item.ateamo-registration-inputs-item__three .ateamo-registration-input-block {
  width: 33.3333333333%;
}
.ateamo-registration-inputs-wrapper .ateamo-registration-inputs-item .ateamo-registration-input-block {
  width: 100%;
  padding: 0 10px;
  position: relative;
}
.ateamo-registration-inputs-wrapper .ateamo-registration-inputs-item .ateamo-registration-input-block label {
  margin-bottom: 5px;
  position: absolute;
  top: 8px;
  left: 22px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #858483;
}
.ateamo-registration-inputs-wrapper .ateamo-registration-inputs-item .ateamo-registration-input-block input {
  background-color: #fff;
  padding: 25px 12px 12px 12px !important;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.84px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #2E2E2D;
  border: 1px solid #E6E5E3;
}
.ateamo-registration-item-liability-waiver-confirm {
  display: flex;
  align-items: center;
}
.ateamo-registration-item-liability-waiver-confirm.ateamo-registration-item-liability-waiver-confirm-margin {
  margin-top: 20px;
}
.ateamo-registration-item-liability-waiver-confirm input {
  opacity: 1 !important;
  cursor: pointer;
  width: 20px;
  height: 20px;
  accent-color: #2f7033;
  -ms-flex-preferred-size: 20px;
  flex-basis: 20px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.ateamo-registration-item-liability-waiver-confirm label {
  cursor: pointer;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 600;
}
.ateamo-photo-pick {
  margin: 40px 0;
}
.ateamo-photo-pick .ateamo-select-photo-wrapper {
  margin-top: 10px;
}
.ateamo-photo-pick .ateamo-select-photo-wrapper .ateamo-select-photo-error {
  margin-top: 10px;
  font-size: 15px;
  color: red;
  font-weight: 600;
}
.ateamo-photo-pick .ateamo-select-photo-wrapper label span {
  color: #fff;
  font-size: 14px;
}
.ateamo-photo-pick .ateamo-select-photo-wrapper input {
  height: 0;
  width: 0;
  opacity: 0;
  visibility: 0;
}
.ateamo-photo-pick .ateamo-select-photo-img {
  display: block;
  height: 225px !important;
  width: 225px !important;
  border-radius: 100%;
}
.ateamo-photo-pick .ateamo-select-photo-img[src=""] {
  display: none;
}
.ateamo-registration-item-liability-waiver-text {
  margin: 20px 0;
}
.ateamo-registration-item-liability-waiver-text * {
  font-size: 15px;
  line-height: 140%;
}
.ateamo-registration-item-liability-waiver-text ol, .ateamo-registration-item-liability-waiver-text ul {
  padding-left: 30px;
}
.ateamo-registration-item-liability-waiver-text p, .ateamo-registration-item-liability-waiver-text ol, .ateamo-registration-item-liability-waiver-text ul {
  margin-bottom: 10px;
}
.ateamo-registration-item-header span {
  font-size: 15px;
}
.ateamo-modal-form .ateamo-cropp-photo {
  width: 100%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ateamo-select-photo-error-required {
  font-size: 24px;
  color: red;
  font-weight: bold;
  display: none;
}
.ateamo-select-photo-error-required.ateamo-show {
  display: block;
}
.ateamo-modal--pay-later {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ateamo-modal--pay-later .ateamo-modal--pay-later--buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.ateamo-photo-modal .ateamo-close-modal {
  background: #fff !important;
  border-radius: 100px;
  padding: 5px !important;
  width: 30px !important;
  height: 30px !important;
}

.ateamo-photo-modal .ateamo-modal--content {
  max-width: 70vw;
  max-height: 80vh;
  overflow: hidden;
  padding: 0;
}

.ateamo-player-image-container {
  max-height: 70vh;
  max-width: 100%;
  overflow: hidden;
}

.ateamo-photo-modal img {
  max-width: 100% !important;
  max-height: 100% !important;
}

.ateamo-select-photo-label {
  width: 225px !important;
  height: 56px !important;
}

.text-required {
  color: red;
  font-size: 22px !important;
}

#ateamo-player-birthaday {
  cursor: pointer;
}

.dob-datepicker__month__button, .dob-datepicker__day__button, .dob-datepicker__year__button {
  padding: 10px !important;
}

.ateamo-team-checker {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

.ateamo-registration--flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.ateamo-registration-block-team-card {
  max-width: 600px;
  margin: auto;
}
.ateamo-registration-block-team-card-wrapper-team-info {
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
}
.ateamo-registration-block-team-card-wrapper-team-info img {
  height: 40px;
}
.ateamo-registration-block-team-card-wrapper-team-info-name p:first-child {
  font-size: 24px;
  font-weight: 500;
  line-height: 29.76px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #292928;
  margin-bottom: 2px;
}
.ateamo-registration-block-team-card-wrapper-team-info-name p:last-child {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #575756;
}
.ateamo-registration-block-team-card-wrapper-team-registration-info-league {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.ateamo-registration-block-team-card-wrapper-team-registration-info-league img {
  width: 22px;
}
.ateamo-registration-block-team-card-wrapper-team-registration-info-league p:nth-child(2) {
  margin: 0 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.04em;
  text-align: left;
  color: #2E2E2D;
  width: 100%;
}
.ateamo-registration-block-team-card-wrapper-team-registration-info-league p:last-child {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #67179C;
  padding: 4px 10px;
  background-color: #F0E2FA;
  border-radius: 100px;
}
.ateamo-registration-block-team-card-wrapper-team-registration-info-date {
  display: flex;
  align-items: center;
  margin: 20px auto;
  border: 1px solid #E5E5E3;
  border-radius: 6px;
}
.ateamo-registration-block-team-card-wrapper-team-registration-info-date table {
  width: 100%;
  overflow: hidden;
  border-collapse: collapse;
  border-radius: 6px;
}
.ateamo-registration-block-team-card-wrapper-team-registration-info-date table thead td {
  border-bottom: 1px solid #E5E5E3;
  font-size: 14px;
  font-weight: 700;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #2E2E2D;
}
.ateamo-registration-block-team-card-wrapper-team-registration-info-date table thead tr {
  border: none;
}
.ateamo-registration-block-team-card-wrapper-team-registration-info-date table tbody tr {
  border: none;
}
.ateamo-registration-block-team-card-wrapper-team-registration-info-date table tbody tr:last-child td {
  border-bottom: 0;
}
.ateamo-registration-block-team-card-wrapper-team-registration-info-date table td {
  background-color: #FFFFFF;
  padding: 3px 6px;
  border-right: 1px solid #E5E5E3;
  border-bottom: 1px solid #E5E5E3;
  font-size: 14px;
  font-weight: 500;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  color: #2E2E2D;
  text-align: center;
}
.ateamo-registration-block-team-card-wrapper-team-registration-info-date table td:last-child {
  border-right: 0;
}
.ateamo-registration-block-team-card-wrapper-team-registration-info-date img {
  margin-right: 8px;
}
.ateamo-registration-block-team-card-wrapper-team-registration-info-date p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #2E2E2D;
}
.ateamo-registration-block-team-card-wrapper-team-registration-info-price {
  display: flex;
  align-items: flex-start;
}
.ateamo-registration-block-team-card-wrapper-team-registration-info-price img {
  margin-right: 8px;
}
.ateamo-registration-block-team-card-wrapper-team-registration-info-price-wrapper p:first-child {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #2E2E2D;
  margin-right: 2px;
}
.ateamo-registration-block-team-card-wrapper-team-registration-info-price-wrapper p:last-child {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #858483;
}
.ateamo-registration-block-team-card-wrapper-team-registration-info-button {
  margin-top: 10px;
  display: flex;
  justify-content: right;
}
.ateamo-registration-block-team-card-wrapper-team-registration-info-button span {
  width: 135px;
  height: 50px;
  border-radius: 100px;
  line-height: 50px;
}

.ateamo-slider-controls-next--select-team {
  cursor: pointer;
  font-weight: 700;
}

.ateamo-registration-item-header.ateamo-registration-item-header--registration {
  font-size: 24px;
  font-weight: 500;
  line-height: 29.76px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #292928;
}

.ateamo-registration-item-header-sub--width {
  max-width: 300px;
  margin: 0 auto;
}

.ateamo-registration-item-header-sub--registration-bottom {
  text-align: center;
}
.ateamo-registration-item-header-sub--registration-bottom span {
  display: block;
}
.ateamo-registration-item-header-sub--registration-bottom span:first-child {
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #704701;
  margin-bottom: 10px;
}
.ateamo-registration-item-header-sub--registration-bottom span:last-child {
  font-size: 16px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #858483;
}

.ateamo-registration-item-header-sub.ateamo-registration-item-header-sub--registration {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #575756;
}

.ateamo-registration-inputs-item--birthday {
  padding-top: 1px;
  margin-top: 19px !important;
  position: relative;
}
.ateamo-registration-inputs-item--birthday:after {
  content: "";
  height: 1px;
  width: calc(100% - 20px);
  background-color: #fff;
  left: 10px;
  position: absolute;
  top: 0;
}
.ateamo-registration-inputs-item--birthday .ateamo-registration-input-block {
  width: 100% !important;
}
.ateamo-registration-inputs-item--birthday .ateamo-registration-input-block input {
  background-image: url("../images/calendar-icon.svg");
  background-repeat: no-repeat;
  background-position: right 23px center;
  background-size: 20px;
}

.ateamo-registration-inputs-item__full .ateamo-registration-input-block {
  width: 100% !important;
}

.ateamo-registration-inputs-item--phone {
  padding-bottom: 25px;
  margin-bottom: 25px !important;
  position: relative;
}
.ateamo-registration-inputs-item--phone:after {
  content: "";
  height: 1px;
  width: calc(100% - 20px);
  background-color: #fff;
  left: 10px;
  position: absolute;
  bottom: 0;
}

.ateamo-select-photo-label.ateamo-select-photo-label--empty.ateamo-loader:after {
  border-radius: 100px !important;
}

.ateamo-select-photo-label.ateamo-select-photo-label--empty {
  cursor: pointer;
  width: 200px !important;
  height: 200px !important;
  background-color: #fff;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
}
.ateamo-select-photo-label.ateamo-select-photo-label--empty img {
  height: auto !important;
  width: auto !important;
  border-radius: 0;
  pointer-events: none;
}

.ateamo-select-photo-label.ateamo-select-photo-label--empty.active-photo:before {
  content: "";
  width: 30px;
  height: 30px;
  background-color: #2f7033;
  border-radius: 100px;
  position: absolute;
  bottom: 15px;
  right: 15px;
  background-image: url("../images/edit-player-image.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.ateamo-select-photo-label.ateamo-select-photo-label--empty.active-photo img {
  border-radius: 10px !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.ateamo-registration-item-liability-waiver-text {
  background-color: #fff;
  padding: 25px;
  border-radius: 6px;
}

.ateamo-registration-item-liability-waiver-confirm {
  padding-top: 25px;
  margin-top: 25px;
  border-top: 1px solid #fff;
}
.ateamo-registration-item-liability-waiver-confirm label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #2E2E2D;
}

.ateamo-registration-wrapper .ateamo-registration-payment .ateamo-registration-payment-button {
  margin: 0;
  width: 100%;
}

.ateamo-registration-payment-button button.ateamo-pay-group__paypal, .ateamo-registration-payment-button button.ateamo-pay-group__stripe {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  border-radius: 6px;
  border: none;
  cursor: pointer;
}
.ateamo-registration-payment-button button.ateamo-pay-group__paypal:hover, .ateamo-registration-payment-button button.ateamo-pay-group__stripe:hover {
  opacity: 0.7;
}
.ateamo-registration-payment-button button.ateamo-pay-group__paypal span, .ateamo-registration-payment-button button.ateamo-pay-group__stripe span {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  overflow: hidden;
  position: relative;
}
.ateamo-registration-payment-button button.ateamo-pay-group__paypal span img, .ateamo-registration-payment-button button.ateamo-pay-group__stripe span img {
  width: 60px;
  height: auto;
}
.ateamo-registration-payment-button button.ateamo-pay-group__paypal,
.ateamo-registration-payment-button button.ateamo-pay-group__paypal {
  background-color: #FFC439;
}
.ateamo-registration-payment-button button.ateamo-pay-group__stripe {
  background-color: #635bff;
  color: #fff !important;
}
.ateamo-registration-payment-button button.ateamo-pay-group__stripe img {
  width: 60px;
}

.ateamo-registration-wrapper .ateamo-registration-payment .ateamo-registration-payment-button button {
  font-size: 20px;
  width: 300px !important;
  height: 80px;
  line-height: 20.16px;
  margin: 0 auto 0 0;
}
.ateamo-registration-wrapper .ateamo-registration-payment .ateamo-registration-payment-button button:first-child {
  margin: 0 0 0 auto;
}

.ateamo-invite .ateamo-registration-grid-item.choose-group-button.ateamo-button {
  width: calc(50% - 3px) !important;
}

.ateamo-registration-payment--info {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 50px;
}
.ateamo-registration-payment--info .ateamo-registration-payment--item {
  width: 50%;
  margin-bottom: 15px;
}
.ateamo-registration-payment--info .ateamo-registration-payment--item:last-child {
  margin-bottom: 0;
}
.ateamo-registration-payment--info .ateamo-registration-payment--item .registration-payment--info {
  margin-bottom: 10px;
}
.ateamo-registration-payment--info .ateamo-registration-payment--item .registration-payment--info img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.ateamo-registration-payment--info .ateamo-registration-payment--item p {
  color: #1C1B1F;
}
.ateamo-registration-payment--info .ateamo-registration-payment--item p:first-child {
  font-weight: 700;
}
.ateamo-registration-payment--info .ateamo-registration-payment--item p:last-child {
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 5px;
}

.registration-payment--player-info {
  border: 1px solid #D8D8D8;
  border-radius: 6px;
  padding: 10px 12px;
  position: relative;
  min-height: 130px;
}
.registration-payment--player-info .player-info--photo {
  position: absolute;
  right: 12px;
  top: 10px;
  overflow: hidden;
  height: 65px;
  width: 65px;
  border-radius: 4px;
}
.registration-payment--player-info .player-info--name {
  width: calc(100% - 65px);
  flex-wrap: wrap;
}
.registration-payment--player-info .player-info--email {
  display: inherit !important;
  overflow-wrap: break-word;
}
.registration-payment--player-info .registration-payment--player-text p {
  color: #555555;
}
.registration-payment--player-info .registration-payment--player-text:last-child {
  margin-top: 15px;
}

@media (max-width: 767px) {
  .ateamo-registration-payment--info {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 40px;
  }
  .ateamo-registration-payment--info .ateamo-registration-payment--item {
    width: 100%;
  }
  .ateamo-photo-modal .ateamo-modal--content {
    max-width: 100vw;
    max-height: 100vh;
  }
  .ateamo-invite .ateamo-registration-grid-item.choose-group-button.ateamo-button {
    width: 100% !important;
  }
  .ateamo-player-image-container {
    max-height: 100vh;
    max-width: 100%;
  }
  .ateamo-registration-inputs-wrapper .ateamo-registration-inputs-item .ateamo-registration-input-block {
    width: 100% !important;
    margin-bottom: 15px;
  }
  .ateamo-registration-inputs-wrapper .ateamo-registration-inputs-item {
    flex-direction: column;
    margin: 0 -10px;
  }
  .ateamo-registration-block-team-card-wrapper-team-registration-info-button span {
    width: 100%;
    margin-top: 10px;
  }
  .ateamo-registration-block-team-card {
    padding: 10px;
    max-width: 600px;
    margin: 0 auto;
  }
  .ateamo-registration-inputs-item--birthday {
    padding-top: 15px;
    margin-top: 0 !important;
  }
  .ateamo-registration-inputs-item--phone {
    padding-bottom: 0;
    margin-bottom: 15px !important;
  }
  .ateamo-registration-item-liability-waiver-confirm.ateamo-registration-item-liability-waiver-confirm-margin {
    margin-top: 0;
    padding-top: 10px;
  }
  .ateamo-registration-item-liability-waiver-text {
    padding: 10px;
  }
}
@media screen and (max-width: 768px) {
  .ateamo-registration--flex {
    flex-direction: column;
  }
  .ateamo-registration--flex .ateamo-form--width-half {
    width: 100%;
  }
}
.ateamo-registration-header {
  font-size: 35px;
  font-weight: bold;
}
.ateamo-registration .ateamo-registration-grid-groups {
  width: 100%;
}
.ateamo-registration .ateamo-registration-grid__search {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}
.ateamo-registration .ateamo-registration-grid__search label {
  position: relative;
  width: 100%;
}
.ateamo-registration .ateamo-registration-grid__search label #ateamo-search-registration-teams {
  border: 1px solid #D0D5DD;
  padding: 0 14px 0 35px;
  width: 100%;
  height: 44px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  border-radius: 8px;
}
.ateamo-registration .ateamo-registration-grid__search label button {
  border: none;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ateamo-registration .ateamo-registration-grid__search label button svg {
  pointer-events: none;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.ateamo-registration-wrapper {
  max-width: 800px;
}
.ateamo-registration-wrapper--center {
  margin: 0 auto;
}
.ateamo-registration-wrapper .ateamo-slider-item-active {
  display: block;
  border-radius: 6px;
  padding: 15px 8px;
}
.ateamo-registration-wrapper .ateamo-slider-item-active:first-child {
  padding: 0;
  border: 0;
}
.ateamo-registration-wrapper .ateamo-registration-groups .ateamo-registration-team {
  padding: 16px 0;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #E6E5E3;
}
.ateamo-registration-wrapper .ateamo-registration-item-header__sub {
  font-size: 15px;
}
.ateamo-registration-wrapper .ateamo-registration-item-header {
  font-size: 22px;
  text-align: center;
  font-weight: bold;
}
.ateamo-registration-wrapper .ateamo-registration-item-description {
  font-size: 15px;
  text-align: center;
  font-weight: 500;
  margin-bottom: 10px;
}
.ateamo-registration-wrapper .ateamo-registration-team-settings .ateamo-registration-team-settings-jersey {
  display: flex;
  margin: 20px 0;
}
.ateamo-registration-wrapper .ateamo-registration-team-settings .ateamo-registration-team-settings-jersey .ateamo-registration-team-settings-jersey-item {
  width: 50%;
  margin: 0 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ateamo-registration-wrapper .ateamo-registration-team-settings .ateamo-registration-team-settings-jersey .ateamo-registration-team-settings-jersey-item .ateamo-jersey-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.ateamo-registration-wrapper .ateamo-registration-team-settings .ateamo-registration-team-settings-jersey .ateamo-registration-team-settings-jersey-item .ateamo-jersey-color {
  position: relative;
  cursor: pointer;
}
.ateamo-registration-wrapper .ateamo-registration-team-settings .ateamo-registration-team-settings-jersey .ateamo-registration-team-settings-jersey-item .ateamo-jersey-color svg {
  width: 100px;
  height: 100px;
}
.ateamo-registration-wrapper .ateamo-registration-team-settings .ateamo-registration-team-settings-jersey .ateamo-registration-team-settings-jersey-item .ateamo-jersey-color input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: transparent;
  font-size: 0 !important;
  border-radius: 8px;
}
.ateamo-registration-wrapper .ateamo-registration-item-text {
  margin: 5px 0;
  font-size: 14px;
}
.ateamo-registration-wrapper .ateamo-registration-item-text strong {
  font-weight: bold;
  font-size: 15px;
}
.ateamo-registration-wrapper #ateamo-registration-comment {
  width: 100%;
  height: 144px;
  resize: none;
  border-radius: 6px;
  padding: 8px 12px 12px 12px;
  background-color: #ffffff;
  border: 1px solid #d3d3d3;
}
.ateamo-registration-wrapper .ateamo-registration-errors {
  margin-bottom: 30px;
}
.ateamo-registration-wrapper .ateamo-registration-errors .ateamo-registration-payment-exist {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 25px;
  color: red;
}
.ateamo-registration-wrapper .ateamo-registration-payment {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
}
.ateamo-registration-wrapper .ateamo-registration-payment .ateamo-registration-payment-price {
  text-align: center;
  margin-bottom: 20px;
}
.ateamo-registration-wrapper .ateamo-registration-payment .ateamo-registration-payment-price p:first-child {
  font-size: 18px;
  font-weight: 700;
}
.ateamo-registration-wrapper .ateamo-registration-payment .ateamo-registration-payment-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.ateamo-registration-wrapper .ateamo-registration-payment .ateamo-registration-payment-button button {
  font-size: 16px;
  height: 36px;
  color: #000;
  font-weight: 700;
  width: 180px !important;
}
.ateamo-registration-wrapper .ateamo-registration-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 60px 0 0 0;
  gap: 6px;
}
.ateamo-registration-wrapper .ateamo-registration-grid .ateamo-registration-grid-items.ateamo-registration-active .ateamo-registration-grid-item {
  width: calc(50% - 5px);
}
.ateamo-registration-wrapper .ateamo-registration-grid.ateamo-registration-grid__full-width .ateamo-registration-grid-item {
  width: 100%;
  margin: 0 auto;
  border-radius: 6px;
}
.ateamo-registration-wrapper .ateamo-registration-grid.ateamo-registration-grid__full-width .ateamo-registration-grid-item .ateamo-registration-grid-item-inside {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ateamo-registration-wrapper .ateamo-registration-grid.ateamo-registration-grid__full-width .ateamo-registration-grid-item .ateamo-registration-grid-item-inside img {
  height: 90px !important;
}
.ateamo-registration-wrapper .ateamo-registration-grid.ateamo-registration-grid__full-width .ateamo-registration-grid-item .ateamo-registration-grid-item-inside span {
  font-size: 22px;
}
.ateamo-registration-wrapper .ateamo-registration-grid .ateamo-registration-grid-item {
  width: 33.3333333333%;
  margin-bottom: 10px;
}
.ateamo-registration-wrapper .ateamo-registration-grid .ateamo-registration-grid-item .ateamo-registration-grid-item-inside {
  padding: 8px;
  cursor: pointer;
  border: 1px solid #cccccc;
  border-radius: 4px;
  transition: 0.3s all;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ateamo-registration-wrapper .ateamo-registration-grid .ateamo-registration-grid-item .ateamo-registration-grid-item-inside img {
  display: block;
  height: 50px !important;
  margin: 0 auto;
}
.ateamo-registration-wrapper .ateamo-registration-grid .ateamo-registration-grid-item .ateamo-registration-grid-item-inside span {
  display: block;
  font-size: 18px;
  text-align: center;
}
.ateamo-registration-wrapper .ateamo-registration-grid .ateamo-registration-grid-item input {
  display: none !important;
}
.ateamo-registration-wrapper .ateamo-registration-grid .ateamo-registration-grid-item input:checked ~ .ateamo-registration-grid-item-inside {
  border-color: #2f7033;
  box-shadow: 2px 2px 15px #2f7033;
}
.ateamo-registration-wrapper .ateamo-registration-grid__divisions {
  justify-content: center;
}
.ateamo-registration-wrapper .ateamo-create-team {
  text-align: right;
  margin-top: 20px;
}
.ateamo-registration-wrapper .ateamo-create-team button {
  width: 200px;
  height: 50px;
  font-size: 16px;
  border-radius: 4px;
  border: 1px solid #2f7033;
  box-shadow: 2px 2px 4px #2f7033;
  background: transparent;
  font-weight: 600;
  transition: 0.3s all;
}
.ateamo-registration-wrapper .ateamo-create-team button:hover {
  box-shadow: 2px 2px 10px #2f7033;
}
.ateamo-registration--hidden {
  display: none !important;
}
.ateamo-registration--padding {
  padding: 0 16px;
}
.ateamo-registration-team--inside {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.ateamo-registration-team--inside .ateamo-registration--inside {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ateamo-registration-team--inside .ateamo-registration--step {
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0.04em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #575756;
  text-transform: uppercase;
  margin: 0;
  position: relative;
}
.ateamo-registration-team--inside .ateamo-registration--step button {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.ateamo-registration-team--inside .ateamo-registration--step button svg {
  width: 16px;
  height: 16px;
  pointer-events: none;
}
.ateamo-registration-team--inside .ateamo-registration--step button:hover {
  background-color: #C7C7C5;
}
.ateamo-registration-team--inside .ateamo-registration--header {
  font-weight: 400;
  font-size: 17px;
  color: #2E2E2D;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 !important;
}
.ateamo-registration-team--inside .ateamo-registration--team-name {
  display: flex;
  gap: 12px;
}
.ateamo-registration-team--inside .ateamo-registration--team-name input:disabled {
  cursor: no-drop;
  border: 1px solid #d3d3d3;
}
.ateamo-registration-team--inside .ateamo-registration--team-name .ateamo-registration--team-image {
  border-radius: 50%;
  background-color: #E8E8E6;
  min-height: 64px;
  min-width: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ateamo-registration-team--inside .ateamo-registration--team-name .ateamo-registration--team-image img {
  height: auto;
  width: 38px;
}
.ateamo-registration-team--inside .ateamo-registration--team-name .ateamo-registration--team-image label[for=registration-team-badge--input] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  border: none;
  border-radius: 0;
}
.ateamo-registration-team--inside .ateamo-registration--team-name .ateamo-registration--team-image p {
  position: absolute;
  border: 0;
  left: 50%;
  margin-right: 0;
  bottom: -12px;
  white-space: nowrap;
  transform: translateX(-50%);
  color: #ff0000;
}
.ateamo-registration-team--inside .ateamo-registration--input {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
.ateamo-registration-team--inside .ateamo-registration--input > span {
  font-size: 12px;
  font-weight: 400;
  color: #858483;
  text-align: left;
}
.ateamo-registration-team--inside .ateamo-registration--input input {
  font-size: 16px;
  font-weight: 400;
  line-height: 19.84px;
  letter-spacing: -0.02em;
  text-align: left;
  width: 100%;
  height: 44px;
  border-radius: 6px;
}
.ateamo-registration-team--inside .ateamo-registration-divisions--title {
  margin: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 20.4px;
  letter-spacing: -0.03em;
  color: #2E2E2D;
}
.ateamo-registration-team--inside .ateamo-registration--jerseys {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ateamo-registration-team--inside .ateamo-registration--jerseys .ateamo--waiver {
  display: flex;
  align-items: center;
}
.ateamo-registration-team--inside .ateamo-registration--jerseys .ateamo--waiver input {
  position: fixed;
  left: -999999px;
  width: 1px;
  height: 1px;
}
.ateamo-registration-team--inside .ateamo-registration--jerseys .ateamo--waiver input:checked ~ label:before {
  content: url("../images/checkmark.svg");
  border: 1px solid #252e09;
  background-color: #303d0b;
  mask-image: none;
}
.ateamo-registration-team--inside .ateamo-registration--jerseys .ateamo--waiver label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #2E2E2D;
  padding-left: 36px;
  position: relative;
  cursor: pointer;
}
.ateamo-registration-team--inside .ateamo-registration--jerseys .ateamo--waiver label:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  border-radius: 6px;
  border: 1px solid #A3A3A2;
  background: rgba(0, 0, 0, 0.0392156863);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.ateamo-registration-team--inside .ateamo-registration-jersey {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ateamo-registration-team--inside .ateamo-registration-jersey > div {
  border-radius: 6px;
  padding: 12px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
}
.ateamo-registration-team--inside .ateamo-registration-jersey > div .ateamo-jersey-color input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: transparent;
  font-size: 0 !important;
  border-radius: 6px;
}
.ateamo-registration-team--inside .ateamo-registration-jersey .jersey--header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.ateamo-registration-team--inside .ateamo-registration-jersey .jersey--header .jersey--title {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: -0.01em;
  color: #858483;
  margin: 0;
}
.ateamo-registration-team--inside .ateamo-registration-jersey .jersey--header button {
  position: relative;
  width: 24px;
  height: 24px;
  border: none;
  padding: 0;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  background-color: transparent;
  border-radius: 6px;
}
.ateamo-registration-team--inside .ateamo-registration-jersey .jersey--header button:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: url("../images/edit-pen.svg");
  width: 16px;
  height: 16px;
}
.ateamo-registration-team--inside .ateamo-registration-jersey .jersey--header button:hover {
  background-color: #C7C7C5;
}
.ateamo-registration-team--inside .ateamo-registration-textarea-container {
  position: relative;
}
.ateamo-registration-team--inside .ateamo-registration-textarea-container .char-counter {
  position: absolute;
  bottom: 6px;
  right: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: -0.01em;
  color: #C7C7C5;
}
.ateamo-registration-team--inside .ateamo-registration-divisions .ateamo-registration-divisions--select > span {
  font-size: 12px;
  font-weight: 400;
  color: #858483;
}
.ateamo-registration-team--inside .ateamo-registration-divisions .ateamo-registration-divisions--select .divisions--select {
  position: relative;
  border-radius: 6px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: 100%;
  cursor: pointer;
  height: 44px;
  border: 1px solid #d3d3d3;
}
.ateamo-registration-team--inside .ateamo-registration-divisions .ateamo-registration-divisions--select .divisions--select * {
  pointer-events: none !important;
}
.ateamo-registration-team--inside .ateamo-registration-divisions .ateamo-registration-divisions--select .divisions--select span {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: -0.01em;
  color: #858483;
}
.ateamo-registration-team--inside .ateamo-registration-divisions .ateamo-registration-divisions--select .divisions--select p {
  font-size: 16px;
  font-weight: 400;
  line-height: 19.84px;
  letter-spacing: -0.02em;
  margin: 0;
  color: #2E2E2D;
}
.ateamo-registration-team--inside .ateamo-registration-divisions .ateamo-registration-divisions--select .divisions--select span.divisions--select-arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  content: url("../images/arrowDown.svg");
}
.ateamo-registration-team--inside .ateamo-registration-comment h3 {
  font-size: 17px;
  font-weight: 400;
  line-height: 20.4px;
  letter-spacing: -0.03em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin-bottom: 8px;
}
.ateamo-registration-team--inside .ateamo-registration-comment p {
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: -0.01em;
}
.ateamo-registration-team--inside .ateamo-registration-comment p:not(:first-child) {
  margin-top: 10px;
}
.ateamo-registration-team--inside .ateamo-registration-comment p.comment-colored {
  color: #704701;
}
.ateamo-registration-team--inside .ateamo-registration--team-details {
  padding: 16px;
  border-radius: 6px;
  background-color: #F5F4F2;
}
.ateamo-registration-team--inside .ateamo-registration--details > p {
  font-size: 17px;
  font-weight: 400;
  line-height: 20.4px;
  letter-spacing: -0.03em;
  color: #2E2E2D;
  margin-bottom: 16px;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--header, .ateamo-registration-team--inside .ateamo-registration--details .season-details--header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--header p, .ateamo-registration-team--inside .ateamo-registration--details .season-details--header p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin: 0;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--header button, .ateamo-registration-team--inside .ateamo-registration--details .season-details--header button {
  border-radius: 52px;
  border: 1px solid rgba(0, 0, 0, 0.1215686275);
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: -0.01em;
  color: #2E2E2D;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 16px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  background-color: #ffffff;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--header button:hover, .ateamo-registration-team--inside .ateamo-registration--details .season-details--header button:hover {
  opacity: 0.7;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--header button *, .ateamo-registration-team--inside .ateamo-registration--details .season-details--header button * {
  pointer-events: none;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--info {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  margin-bottom: 16px;
  flex-wrap: wrap;
  gap: 10px;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--info .team-details--image-name {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--info .team-details--image {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E8E8E6;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--info .team-details--image img {
  width: 32px;
  max-height: 48px;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--info .team-details--name {
  font-size: 16px;
  font-weight: 400;
  line-height: 19.84px;
  letter-spacing: -0.02em;
  color: #2E2E2D;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--info .team-details--uniform-division {
  display: flex;
  align-items: center;
  gap: 30px;
  min-width: 216px;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--info .team-details--uniform-division .team-details--uniform > p,
.ateamo-registration-team--inside .ateamo-registration--details .team-details--info .team-details--uniform-division .team-details--division > p {
  margin: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #A3A3A2;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--info .team-details--uniform-division .team-details-list--uniform {
  display: flex;
  gap: 4px;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--info .team-details--uniform-division .team-details--uniform {
  flex-direction: row;
  flex-wrap: wrap;
  width: min-content;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--info .team-details--uniform-division .team-details--uniform p {
  width: 100%;
  margin: 0;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--info .team-details--uniform-division .team-details--uniform .team-details--uniform-primary,
.ateamo-registration-team--inside .ateamo-registration--details .team-details--info .team-details--uniform-division .team-details--uniform .team-details--uniform-alternative {
  width: 19px;
  height: 19px;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--info .team-details--uniform-division .team-details--uniform .team-details--uniform-primary svg,
.ateamo-registration-team--inside .ateamo-registration--details .team-details--info .team-details--uniform-division .team-details--uniform .team-details--uniform-alternative svg {
  width: 19px;
  height: auto;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--info .team-details--uniform-division .team-details--uniform-title, .ateamo-registration-team--inside .ateamo-registration--details .team-details--info .team-details--uniform-division .team-details--division-title {
  font-size: 11px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 4px !important;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--info .team-details--uniform-division p.team-details--division-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  color: #575756;
  text-transform: none;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--note {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: -0.01em;
  color: #704701;
}
.ateamo-registration-team--inside .ateamo-registration--details .team-details--note span {
  color: #704701;
  font-weight: 500;
}
.ateamo-registration-team--inside .ateamo-registration--details .season-details--registration {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.ateamo-registration-team--inside .ateamo-registration--details .season-details--registration .season-details--date {
  display: flex;
  flex-direction: column;
  border: 1px solid #E5E5E3;
  border-radius: 6px;
}
.ateamo-registration-team--inside .ateamo-registration--details .season-details--registration .season-details--date table {
  width: 100%;
  overflow: hidden;
  border-collapse: collapse;
  border-radius: 6px;
}
.ateamo-registration-team--inside .ateamo-registration--details .season-details--registration .season-details--date table thead td {
  border-bottom: 1px solid #E5E5E3;
  font-size: 14px;
  font-weight: 700;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  color: #2E2E2D;
  background-color: #F5F4F2;
}
.ateamo-registration-team--inside .ateamo-registration--details .season-details--registration .season-details--date table tbody tr:last-child td {
  border-bottom: 0;
}
.ateamo-registration-team--inside .ateamo-registration--details .season-details--registration .season-details--date table td {
  padding: 3px 6px;
  border-right: 1px solid #E5E5E3;
  border-bottom: 1px solid #E5E5E3;
  font-size: 14px;
  font-weight: 500;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  color: #2E2E2D;
  background-color: #F5F4F2;
}
.ateamo-registration-team--inside .ateamo-registration--details .season-details--registration .season-details--date table td:last-child {
  border-right: 0;
}
.ateamo-registration-team--inside .ateamo-registration--details .season-details--registration .season-details--registration-date, .ateamo-registration-team--inside .ateamo-registration--details .season-details--registration .season-details--registration-fee {
  position: relative;
  padding-left: 26px;
}
.ateamo-registration-team--inside .ateamo-registration--details .season-details--registration .season-details--registration-date img, .ateamo-registration-team--inside .ateamo-registration--details .season-details--registration .season-details--registration-fee img {
  left: 0;
  top: 0;
  position: absolute;
  width: 18px;
  height: 18px;
}
.ateamo-registration-team--inside .ateamo-registration--details .season-details--registration .season-details--registration-date {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 500;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  color: #2E2E2D;
}
.ateamo-registration-team--inside .ateamo-registration--details .season-details--registration .season-details--registration-fee {
  display: flex;
  flex-direction: column;
}
.ateamo-registration-team--inside .ateamo-registration--details .season-details--registration .season-details--registration-fee .registration-fee--title {
  font-size: 12px;
  font-weight: 400;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  color: #858483;
}
.ateamo-registration-team--inside .ateamo-registration--details .season-details--registration .season-details--registration-fee .registration-fee--info p {
  font-size: 14px;
  font-weight: 500;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  color: #2E2E2D;
}
.ateamo-registration-team--inside .ateamo-registration--details .season-details--registration .season-details--registration-fee .registration-fee--info p span {
  color: #858483;
}
.ateamo-registration-team--inside .ateamo-registration--details .season-details--league {
  margin: 16px 0;
}
.ateamo-registration-team--inside .ateamo-registration--details .season-details--league p {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: -0.01em;
}
.ateamo-registration-team--inside .ateamo-registration--details .season-details--league .season-details--title {
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 500;
  line-height: 20.4px;
  letter-spacing: -0.03em;
}

.payment-details {
  margin-top: 40px;
}
.payment-details--margin {
  margin-top: 40px;
}
.payment-details .payment-details--text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.payment-details .payment-details--text p {
  margin: 0;
}
.payment-details .payment-details--text p:first-child {
  font-size: 17px;
  font-weight: 600;
  line-height: 20.4px;
  letter-spacing: -0.03em;
  color: #2E2E2D;
}
.payment-details .payment-details--text p:last-child {
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
  letter-spacing: -0.01em;
  color: #575756;
}
.payment-details .payment-details--info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.payment-details .payment-details--info .payment-details--total {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.payment-details .payment-details--info .payment-details--total p {
  margin: 0;
}
.payment-details .payment-details--info .payment-details--total p:first-child {
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0.04em;
  color: #575756;
}
.payment-details .payment-details--info .payment-details--total p:last-child {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #2E2E2D;
}

.season-details--tooltip {
  margin-top: 25px;
  padding-left: 26px;
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: -0.01em;
  text-decoration-skip-ink: none;
  color: #2E2E2D;
  display: flex;
  align-items: center;
  gap: 6px;
}

.team-details--separator {
  width: 100%;
  margin: 16px 0;
  height: 1px;
  background-color: #E8E8E6;
}

.ateamo-registration-grid__divisions .ateamo-registration-grid-item__disabled {
  background-color: rgba(199, 199, 197, 0.4);
  pointer-events: none;
  cursor: no-drop;
}
.ateamo-registration-grid__divisions .ateamo-registration-grid-item {
  width: 50% !important;
}
.ateamo-registration-grid__divisions .ateamo-registration-grid-item .ateamo-registration-grid-item-inside {
  display: flex;
  flex-direction: column;
}
.ateamo-registration-grid__divisions .ateamo-registration-grid-item .ateamo-registration-grid-item-inside .ateamo-select-player-pool-button {
  font-size: 13px !important;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 32px;
  margin-top: 10px;
}
.ateamo-registration-grid__divisions .ateamo-registration-grid-item .ateamo-division-group {
  position: absolute;
  left: -99999px;
  height: 1px;
  width: 1px;
}

.ateamo-registration--sub-header {
  display: flex;
  gap: 12px;
}
.ateamo-registration--sub-header .ateamo-registration--team-name {
  width: 100%;
}
.ateamo-registration--sub-header .ateamo-registration--team-image {
  flex: 0;
}

.ateamo-upload--badge-margin {
  margin-bottom: 16px;
}

.ateamo-badge--text {
  font-size: 10px !important;
  margin: 0 5px !important;
  opacity: 0.5;
  font-weight: 400 !important;
  line-height: 1.1em !important;
  color: #000000 !important;
  text-align: center;
}

.ateamo-registration-divisions--select {
  position: relative;
}
.ateamo-registration-divisions--select .ateamo-registration-divisions--scroll {
  overflow-y: auto;
  max-height: 300px;
  width: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 100%;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  border-radius: 6px;
  background-color: #F0EFED;
  padding: 12px;
  z-index: 1;
  border: 1px solid rgba(199, 199, 197, 0.4);
}
.ateamo-registration-divisions--select .ateamo-registration-divisions--scroll.divisions-active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  top: 110%;
}
.ateamo-registration-divisions--select .ateamo-registration-grid__divisions {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  gap: 3px;
}
.ateamo-registration-divisions--select .ateamo-registration-grid-item {
  width: 100% !important;
  padding: 12px;
  position: relative;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.ateamo-registration-divisions--select .ateamo-registration-grid-item .ateamo-registration-block-team-card {
  background: #F0EFED;
  border: none;
  border-radius: 6px;
}
.ateamo-registration-divisions--select .ateamo-registration-grid-item hr {
  background-color: #E8E8E6;
}
.ateamo-registration-divisions--select .ateamo-registration-grid-item .ateamo-division--background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
  border-radius: 6px;
}
.ateamo-registration-divisions--select .ateamo-registration-grid-item:hover .ateamo-division--background {
  background-color: rgba(199, 199, 197, 0.4);
}
.ateamo-registration-divisions--select .ateamo-registration-grid-item span {
  font-size: 16px;
  font-weight: 400;
  line-height: 19.84px;
  letter-spacing: -0.02em;
  margin: 0;
  color: #2E2E2D;
}
.ateamo-registration-divisions--select .ateamo-registration-grid-item input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: transparent;
  font-size: 0 !important;
  border-radius: 8px;
}
.ateamo-registration-divisions--select .ateamo-registration-grid-item input:checked ~ .ateamo-division--background {
  background-color: rgba(199, 199, 197, 0.4);
  color: #ffffff;
}

.ateamo-slider-controls-wrapper {
  margin-top: 20px;
}
.ateamo-slider-controls-wrapper--hide {
  opacity: 0;
}

.ateamo-slider-steps {
  display: flex;
}
.ateamo-slider-steps span {
  width: 20%;
  height: 4px;
  background-color: #DEDDDC;
  border-radius: 10px;
  display: block;
  margin: 0 4px;
  transition: 0.5s all;
}
.ateamo-slider-steps span:first-child {
  margin-left: 0;
}
.ateamo-slider-steps span:last-child {
  margin-right: 0;
}
.ateamo-slider-steps--team span {
  width: 25%;
}

.ateamo-slider-steps-active {
  background-color: #2E2E2D !important;
}

.ateamo-slider .ateamo-slider-controls {
  width: 100%;
  justify-content: space-between !important;
}
.ateamo-slider .ateamo-slider-controls button {
  width: 80px;
  height: 50px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.02em;
  margin: 0;
}

.ateamo-registration {
  position: relative;
}

.ateamo-registration-grid__header {
  width: 100%;
  margin-bottom: 20px;
}
.ateamo-registration-grid__header .ateamo-registration-grid__sort {
  font-size: 16px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  white-space: nowrap;
  position: relative;
}
.ateamo-registration-grid__header .ateamo-registration-grid__sort:before {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  content: url("../images/arrowDown.svg");
}
.ateamo-registration-grid__header .ateamo-registration-grid__sort select {
  margin-left: 10px;
  border: 1px solid #D0D5DD;
  padding: 0 35px 0 10px !important;
  width: 100%;
  height: 44px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  border-radius: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}

.ateamo-registration-grid__header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
.ateamo-registration-grid__header h3 {
  font-size: 20px;
  font-weight: bold;
  line-height: 29.76px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #292928;
}

.ateamo-registration-grid-items {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 8px;
  background: #fff;
  margin: 0 auto;
  border-radius: 6px;
  border: 1px solid #D0D5DD;
  gap: 6px;
}
.ateamo-registration-grid-items:empty {
  display: none;
}
.ateamo-registration-grid-items .ateamo-registration-grid-item {
  position: relative;
}
.ateamo-registration-grid-items .ateamo-registration-grid-item > button {
  width: 100%;
  height: 100%;
  position: absolute !important;
  left: 0;
  top: 0;
  border-radius: 6px;
  z-index: 3;
}
.ateamo-registration-grid-items .ateamo-registration-grid-item > button:hover {
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
}
.ateamo-registration-grid-items .ateamo-registration-grid-item .ateamo-registration-block-team-card {
  background: #F0EFED;
  border: none;
  border-radius: 6px;
  position: relative;
  height: 100%;
  padding: 8px;
}
.ateamo-registration-grid-items .ateamo-registration-grid-item .ateamo-registration-block-team-card-wrapper-team-info {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ateamo-registration-grid-items .ateamo-registration-grid-item .ateamo-registration__last-registration {
  white-space: nowrap;
  margin-top: 5px;
  font-size: 12px;
  text-transform: none;
  letter-spacing: 0;
}
.ateamo-registration-grid-items .ateamo-registration-grid-item img {
  width: 50px;
  margin: 0 0 15px 0;
  height: 50px;
  object-fit: contain;
}
.ateamo-registration-grid-items .ateamo-registration-grid-item .ateamo-registration-block-team-card-wrapper-team-registration-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
.ateamo-registration-grid-items .ateamo-registration-grid-item .ateamo-registration-block-team-card-wrapper-team-info-name p:first-child {
  font-size: 14px;
  font-weight: 600;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #2E2E2D;
  text-transform: none;
}
.ateamo-registration-grid-items .ateamo-registration-grid-item .ateamo-registration-block-team-card-wrapper-team-registration-info-button button {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  z-index: 3;
}
.ateamo-registration-grid-items .ateamo-registration-grid-item .ateamo-registration-block-team-card-wrapper-team-registration-info-button button:hover {
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
}
.ateamo-registration-grid-items .ateamo-registration-grid-item .ateamo-registration-block-team-card-wrapper-team-registration-info-button span {
  border-radius: 52px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  text-transform: initial;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: -0.01em;
  width: 130px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ateamo-registration-hide {
  display: none !important;
}

.ateamo-registered-group {
  display: none;
}

.ateamo-registration-grid-items > p {
  padding: 0 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  color: #575756;
}

.ateamo-registration--payments {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.ateamo-registration--payments button span {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  overflow: hidden;
  position: relative;
}
.ateamo-registration--payments button span img {
  width: 60px;
  height: auto;
}

.ateamo-registration--button button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  padding: 0 24px;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #ffffff;
  border-radius: 52px;
  background-color: #006854;
  border: none;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  height: 48px;
}
.ateamo-registration--button button:hover, .ateamo-registration--button button:disabled {
  opacity: 0.4;
}
.ateamo-registration--button button:disabled {
  cursor: no-drop;
}
.ateamo-registration--button .ateamo-pay-group__paypal {
  background-color: #FFC439;
}
.ateamo-registration--button .ateamo-pay-group__stripe {
  background-color: #635bff;
  color: #fff !important;
}

.payment-later-details--info {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}
.payment-later-details--info .payment-later-details--info-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: -0.01em;
  color: #858483;
}
.payment-later-details--info .ateamo-registration--button-later button {
  background-color: #F0EFED;
  padding: 9px 16px;
  border-radius: 52px;
  border: 1px solid rgba(0, 0, 0, 0.1215686275);
  color: #2E2E2D;
  font-size: 13px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: -0.01em;
  min-width: 112px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.payment-later-details--info .ateamo-registration--button-later button:hover {
  opacity: 0.7;
}

.ateamo-group--payments {
  display: flex;
  gap: 5px;
}

@media (max-width: 767px) {
  .ateamo-group--payments,
  .ateamo-registration--payments {
    flex-direction: column;
    margin-top: 10px;
  }
  .ateamo-tabs__profile-page .ateamo-tabs-header {
    flex-direction: column;
  }
  .ateamo-registration-wrapper .ateamo-registration-grid .ateamo-registration-grid-item, .ateamo-registration-grid__divisions .ateamo-registration-grid-item {
    width: 100% !important;
  }
  .ateamo-tabs-header-item {
    margin: 0 0 10px 0 !important;
  }
  .ateamo-registration-header {
    font-size: 25px;
  }
  .ateamo-registration-wrapper .ateamo-registration-grid.ateamo-registration-grid__full-width .ateamo-registration-grid-item {
    width: 100%;
  }
  .ateamo-slider .ateamo-slider-controls button {
    margin: 0 5px;
  }
  .ateamo-registration-wrapper .ateamo-registration-payment {
    flex-direction: column;
  }
  .ateamo-registration-wrapper .ateamo-registration-payment .ateamo-registration-payment-button {
    margin: 0;
  }
  .payment-later-details--info {
    flex-wrap: wrap;
  }
  .ateamo-registration-grid__header {
    flex-wrap: wrap;
  }
  .ateamo-registration-block-team-card-wrapper-team-registration-info-button {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
@media (max-width: 414px) {
  .ateamo-registration-jersey {
    flex-direction: column;
  }
}
.ateamo-tabs .ateamo-registration-wrapper .ateamo-slider-item,
.ateamo-tabs .ateamo-registration-wrapper .ateamo-slider-controls-wrapper {
  max-width: 600px !important;
  margin: auto;
}
.ateamo-tabs .ateamo-registration-wrapper .ateamo-slider-item:first-child,
.ateamo-tabs .ateamo-registration-wrapper .ateamo-slider-controls-wrapper:first-child {
  max-width: initial !important;
}

.ateamo-reg-public {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 40px 16px;
}
.ateamo-reg-public__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 432px;
}
.ateamo-reg-public__header {
  display: flex;
  flex-direction: column;
}
.ateamo-reg-public__title-row {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.ateamo-reg-public__title-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.ateamo-reg-public__title {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -1.04px;
  color: #050505;
}
.ateamo-reg-public__logo {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.ateamo-reg-public__divider {
  width: 100%;
  height: 1px;
  background-color: rgba(48, 44, 39, 0.12);
}
.ateamo-reg-public__accordion {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ateamo-reg-public__item {
  border: 1px solid rgba(48, 44, 39, 0.12);
  border-radius: 6px;
  overflow: hidden;
}
.ateamo-reg-public__item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  cursor: pointer;
  background-color: #f8f7f7;
  transition: background-color 0.2s;
}
.ateamo-reg-public__item-header:hover {
  background-color: #f0efed;
}
.ateamo-reg-public__item-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.46;
  letter-spacing: -0.14px;
  color: #050505;
}
.ateamo-reg-public__item-arrow {
  flex-shrink: 0;
  transition: transform 0.3s;
}
.ateamo-reg-public__item--active .ateamo-reg-public__item-arrow {
  transform: rotate(180deg);
}
.ateamo-reg-public__item-body {
  display: none;
  flex-direction: column;
  gap: 24px;
  padding: 16px;
  border-top: 1px solid rgba(48, 44, 39, 0.12);
}
.ateamo-reg-public__item--active .ateamo-reg-public__item-body {
  display: flex;
}
.ateamo-reg-public__section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ateamo-reg-public__section-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.28;
  letter-spacing: -0.32px;
  color: #050505;
}
.ateamo-reg-public__card {
  display: flex;
  gap: 16px;
  padding: 16px;
  background-color: #f8f7f7;
  border-radius: 6px;
}
.ateamo-reg-public__card-content {
  display: flex;
  flex-direction: column;
  gap: 7px;
  flex: 1;
  min-width: 0;
}
.ateamo-reg-public__card-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.46;
  letter-spacing: -0.14px;
  color: #050505;
}
.ateamo-reg-public__card-deadline {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.32;
  letter-spacing: -0.24px;
  color: #8f8e8e;
}
.ateamo-reg-public__card-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.46;
  letter-spacing: -0.14px;
  color: #4a4a4a;
  margin-top: 4px;
}
.ateamo-reg-public__divisions-list {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.46;
  letter-spacing: -0.14px;
  color: #4a4a4a;
}
.ateamo-reg-public__fees-table {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ateamo-reg-public__fee-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  background-color: #f8f7f7;
  border-radius: 6px;
}
.ateamo-reg-public__fee-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.ateamo-reg-public__fee-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.46;
  letter-spacing: -0.14px;
  color: #050505;
}
.ateamo-reg-public__fee-dates {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: -0.24px;
  color: #8f8e8e;
}
.ateamo-reg-public__fee-amount {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.28;
  letter-spacing: -0.32px;
  color: #050505;
  flex-shrink: 0;
}
.ateamo-reg-public__deposit {
  border: 1px solid rgba(48, 44, 39, 0.12);
  border-radius: 6px;
  overflow: hidden;
}
.ateamo-reg-public__deposit-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background-color: #f8f7f7;
}
.ateamo-reg-public__deposit-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.46;
  letter-spacing: -0.14px;
  color: #050505;
}
.ateamo-reg-public__deposit-amount {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.28;
  letter-spacing: -0.32px;
  color: #050505;
}
.ateamo-reg-public__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 6px 12px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  background-color: #00634f;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.24), inset 0 -1px 0 0 rgba(0, 0, 0, 0.36), 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 2px 12px 0 rgba(0, 0, 0, 0.06);
}
.ateamo-reg-public__button span {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.28px;
  color: #fff;
  text-align: center;
}
.ateamo-reg-public__button:hover {
  background-color: #005443;
}
.ateamo-reg-public__button:active {
  background-color: #004838;
}

.ateamo-profile-page--container {
  max-width: 800px;
}

.ateamo-tabs-header {
  display: flex;
}
.ateamo-tabs-header-item {
  height: 50px;
  padding: 0 20px !important;
  font-size: 15px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: 600;
  text-shadow: none;
  border: none;
  margin: 0 20px 0 0;
  transition: 0.3s all;
  background-color: #cccccc;
  border-radius: 4px;
}
.ateamo-tabs-header-item:last-child {
  margin: 0;
}
.ateamo-tabs-header-item__active {
  background-color: #2f7033;
  color: #fff;
}
.ateamo-tabs-body {
  padding: 50px 0;
}
.ateamo-tabs-body-item {
  display: none;
}
.ateamo-tabs-body-item__active {
  display: block;
}
.ateamo-tabs__profile-page .ateamo-tabs-header {
  justify-content: flex-end;
}
.ateamo-registration--info {
  background-color: rgb(255, 255, 255);
  margin: 0 auto;
  border-radius: 6px;
  padding: 25px;
  max-width: 800px;
}
.ateamo-registration--info-team, .ateamo-registration--info-season {
  display: flex;
  align-items: center;
}
.ateamo-registration--info-team {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #E6E5E3;
}
.ateamo-registration--info-team-name {
  font-size: 24px;
  font-weight: 500;
  line-height: 29.76px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #292928;
  margin-bottom: 2px;
  text-transform: uppercase;
}
.ateamo-registration--info-team-image, .ateamo-registration--info-season-image {
  display: flex;
  align-items: center;
}
.ateamo-registration--info-team-image img {
  max-width: 70px;
  max-height: 70px;
  height: 70px;
  margin-right: 10px;
}
.ateamo-registration--info-season-image img {
  width: 20px;
}
.ateamo-registration--info-season p {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #67179C;
  padding: 4px 10px;
  background-color: #F0E2FA;
  border-radius: 100px;
}
.ateamo-registration--info-season-name {
  margin: 0 16px 0 12px;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.04em;
  text-align: left;
  color: #2E2E2D;
  text-transform: uppercase;
}
.ateamo-registration--info-team-name p {
  font-size: 14px;
  color: #858483;
}
.ateamo-registration--info-fee {
  display: flex;
  align-items: flex-start;
  margin-top: 8px;
}
.ateamo-registration--info-fee-value {
  margin-left: 15px;
}
.ateamo-registration--info-fee-value p:first-child {
  font-size: 14px;
}
.ateamo-registration--info-fee-value p:last-child {
  font-size: 12px;
  color: #858483;
}
.ateamo-registration--info .ateamo-invite.ateamo-invite__login .ateamo-invite-container {
  border: none;
  border-radius: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 768px) {
  .ateamo-registration--info-season {
    flex-wrap: wrap;
  }
  .ateamo-registration--info-season p {
    margin: 3px 0;
  }
  .ateamo-registration--info-team-name {
    font-size: 18px;
  }
  .ateamo-registration--info-team-name p {
    font-size: 12px;
  }
  .ateamo-registration--info {
    padding: 25px 15px;
  }
  .ateamo-registration--info-season-name {
    font-size: 12px;
  }
  .ateamo-registration--info .ateamo-invite.ateamo-invite__login .ateamo-invite-container {
    padding-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  #ateamo-profile-result .ateamo-invite-container #sign-in, #ateamo-profile-result .ateamo-invite-container #sign-up {
    flex-direction: column;
  }
  #ateamo-profile-result .ateamo-invite-container .ateamo-registration--info {
    padding: 20px 0;
  }
}
#ateamo-invite-result .ateamo-form-item__signup-button {
  display: none;
}

.ateamo-invite-direct-group-name {
  font-weight: 600;
  font-size: 24px;
  line-height: 124%;
  text-align: center;
  letter-spacing: -0.02em;
  color: #2E2E2D;
  margin-bottom: 30px;
}
.ateamo-invite-direct-image {
  height: 120px;
  margin: 0 auto 12px auto;
  display: block;
}
.ateamo-invite-request-team-image {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.ateamo-invite-request-team-image img {
  height: 120px;
}
.ateamo-invite-request-team-image img:nth-child(2) {
  position: relative;
  left: -35px;
  border-radius: 100px;
  z-index: 3;
}
.ateamo-invite-button {
  height: 50px;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #ffffff;
  background-color: #0C3D34;
  border-radius: 52px;
  transition: 0.3s all;
  border: none;
  cursor: pointer;
}
.ateamo-invite-button:hover {
  transform: scale(1.05);
}
.ateamo-invite-button:disabled {
  transform: scale(1) !important;
  color: rgba(41, 41, 40, 0.3);
  background-color: #E6E5E3;
  cursor: auto;
}
.ateamo-invite-container-request {
  background: transparent !important;
  text-align: center;
  border: none !important;
}
.ateamo-invite-request-header {
  font-weight: 500;
  font-size: 24px;
  line-height: 124%;
  letter-spacing: -0.02em;
  color: #2E2E2D;
  margin-bottom: 15px;
}
.ateamo-invite-request-header .invite-green-text {
  background-color: #CEF071;
  border: 1px solid #CEF071;
}
.ateamo-invite-request-text {
  margin-top: 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 144%;
  letter-spacing: -0.01em;
  color: #858483;
}
.ateamo-invite-request-link {
  margin-top: 30px;
}
.ateamo-invite-container {
  border: 1px solid #E6E5E3;
  background: #fff;
  margin: 0 auto;
  border-radius: 6px;
  padding: 8px;
}
.ateamo-invite-type {
  text-transform: uppercase;
  margin-bottom: 15px;
  background: #F0E2FA;
  padding: 5px 10px;
  color: #67179C;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0.04em;
  display: inline-block;
  border-radius: 100px;
}
.ateamo-invite-title {
  font-weight: 500;
  font-size: 17px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #2E2E2D;
}
.ateamo-invite-message {
  margin: 8px 0 16px 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #575756;
}
.ateamo-invite-end-date {
  font-weight: 400;
  font-size: 14px;
  line-height: 144%;
  letter-spacing: -0.01em;
  color: #858483;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.ateamo-invite-end-date:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 18px;
  background-image: url("../images/calendar-icon.svg");
  background-size: contain;
  margin: 0 9px 0 1px;
}
.ateamo-invite-created-by {
  font-weight: 400;
  font-size: 14px;
  line-height: 144%;
  letter-spacing: -0.01em;
  color: #858483;
  display: flex;
  align-items: center;
  margin: 8px 0 15px 0;
}
.ateamo-invite-created-by__direct {
  justify-content: center;
}
.ateamo-invite-created-by img {
  border-radius: 100px;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.ateamo-invite-group {
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-top: 1px solid #F0EFED;
  border-bottom: 1px solid #F0EFED;
  margin-bottom: 25px;
}
.ateamo-invite-group-item:first-child {
  margin-right: 12px;
}
.ateamo-invite-group-item img {
  height: 48px;
}
.ateamo-invite-group-item-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 124%;
  letter-spacing: -0.02em;
  color: #2E2E2D;
  margin-bottom: 8px;
}
.ateamo-invite-group-item-followers {
  display: flex;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.01em;
  color: #575756;
}
.ateamo-invite-group-item-followers p:first-child {
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px solid #F0EFED;
}
.ateamo-invite-group-item-followers strong {
  font-size: 14px;
  font-weight: 700;
}
.ateamo-invite-buttons {
  display: flex;
}
.ateamo-invite-buttons .ateamo-invite-login {
  color: #fff;
  background-color: #291B33;
}
.ateamo-invite-buttons button:nth-child(2) {
  margin-left: 8px;
}
.ateamo-invite-tip {
  font-weight: 400;
  font-size: 14px;
  line-height: 144%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #858483;
  margin-top: 12px;
  padding-bottom: 25px;
  border-bottom: 1px solid #F0EFED;
}
.ateamo-invite-signup-text {
  margin-top: 25px;
  font-weight: 400;
  font-size: 14px;
  line-height: 144%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #006854;
}
.ateamo-invite-signup-text button {
  display: inline;
  color: #006854;
  margin: 0;
  font-weight: 500;
  background: none;
  border: none;
  text-decoration: underline;
  text-underline-offset: 5px;
  cursor: pointer;
}

@media (max-width: 600px) {
  .ateamo-invite-container {
    padding: 5px;
  }
}
.ateamo-round-rsvp-tip-header {
  font-size: 18px;
  color: #2E2E2D;
}

.ateamo-invite-button-grey {
  background-color: #291B33;
  color: #fff;
}

.ateamo-invite-title {
  text-align: center;
  font-size: 25px;
}

.ateamo-container--schedule {
  max-width: 1000px !important;
  width: 100%;
}

#ateamo-schedule-result {
  position: relative;
}
#ateamo-schedule-result .ateamo-invite-container {
  max-width: none;
}
#ateamo-schedule-result .ateamo-error-registration--message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 40px;
  border: 0;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
  box-shadow: none;
  text-align: center;
}
#ateamo-schedule-result .ateamo-error-registration--message .ateamo-error-registration {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--at-fg-base-strong);
  font-size: 20px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.03em;
}

select#ateamo-season:empty,
select#ateamo-round:empty,
select#ateamo-division:empty {
  display: none;
}

.ateamo-schedule-wrapper {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.ateamo-schedule-wrapper .ateamo-schedule--item {
  display: none;
}
.ateamo-schedule-wrapper .ateamo-schedule--item.active {
  display: block;
}
.ateamo-schedule-wrapper--tabs {
  margin-bottom: 16px;
}
.ateamo-schedule-wrapper--tabs .ateamo-schedule--tabs {
  display: flex;
  align-items: flex-end;
  gap: 0;
  border-bottom: 1px solid var(--at-stroke-base-weak);
  position: relative;
  justify-content: flex-start;
}
.ateamo-schedule-wrapper--tabs .ateamo-schedule--tab {
  position: relative;
  min-width: 67px;
  height: 32px;
  padding: 0 8px;
  border: 0;
  border-radius: var(--at-radius-xsm) var(--at-radius-xsm) 0 0;
  background: transparent;
  color: var(--at-fg-base-medium);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-schedule-wrapper--tabs .ateamo-schedule--tab::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background-color: var(--at-bg-primary-strong);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.ateamo-schedule-wrapper--tabs .ateamo-schedule--tab:hover {
  color: var(--at-fg-base-strong);
  background-color: var(--at-state-hover);
}
.ateamo-schedule-wrapper--tabs .ateamo-schedule--tab.active {
  color: var(--at-fg-base-strong);
}
.ateamo-schedule-wrapper--tabs .ateamo-schedule--tab.active::after {
  opacity: 1;
}
.ateamo-schedule-wrapper .ateamo-schedule--timezone-text {
  padding-bottom: 16px;
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
}

.ateamo-schedule-wrapper-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.ateamo-schedule-wrapper-controls--items {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}
.ateamo-schedule-wrapper-controls select {
  width: auto;
  min-width: 160px;
  height: 32px;
  margin: 0;
  padding: 0 32px 0 10px;
  border: 1px solid var(--at-stroke-base-forms);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  background-image: url("../images/icons/expand.svg");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  box-shadow: none;
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  text-overflow: ellipsis;
}
.ateamo-schedule-wrapper-controls select:focus, .ateamo-schedule-wrapper-controls select:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-schedule-wrapper-controls select:disabled {
  border-color: transparent;
  background-color: var(--at-bg-base-surface-2);
  cursor: default;
}
@media (max-width: 959.98px) {
  .ateamo-schedule-wrapper-controls select {
    font-size: 16px;
  }
}
.ateamo-schedule-wrapper-controls select {
  max-width: 220px;
}
.ateamo-schedule-wrapper-controls .ateamo-dropdown {
  width: 200px;
  max-width: 220px;
}
@media (max-width: 599.98px) {
  .ateamo-schedule-wrapper-controls--items {
    flex-direction: column;
    align-items: stretch;
  }
  .ateamo-schedule-wrapper-controls select,
  .ateamo-schedule-wrapper-controls .ateamo-dropdown {
    width: 100%;
    max-width: none;
  }
}

.ateamo-schedule-view {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 32px;
  margin-left: auto;
  padding: 0 2px;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface-2);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.16) inset;
}
.ateamo-schedule-view .ateamo-schedule-view--button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: var(--at-radius-xsm);
  background: transparent;
  box-shadow: none;
  color: var(--at-fg-base-medium);
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-schedule-view .ateamo-schedule-view--button > * {
  pointer-events: none;
}
.ateamo-schedule-view .ateamo-schedule-view--button .ateamo-icon--fill {
  display: none;
}
.ateamo-schedule-view .ateamo-schedule-view--button:hover {
  background-color: var(--at-state-hover);
}
.ateamo-schedule-view .ateamo-schedule-view--button.ateamo-view--active {
  background-color: var(--at-bg-base-surface);
  color: var(--at-fg-base-strong);
}
.ateamo-schedule-view .ateamo-schedule-view--button.ateamo-view--active .ateamo-icon--outline {
  display: none;
}
.ateamo-schedule-view .ateamo-schedule-view--button.ateamo-view--active .ateamo-icon--fill {
  display: inline-flex;
}
@media (max-width: 959.98px) {
  .ateamo-schedule-view {
    display: none;
  }
}

.ateamo-view-schedule {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-view-schedule > span,
.ateamo-view-schedule > .ateamo-icon,
.ateamo-view-schedule > .ateamo-icon * {
  color: inherit;
}
.ateamo-view-schedule:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-view-schedule:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-view-schedule:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-view-schedule:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-view-schedule.ateamo-button--hide {
  display: none;
  pointer-events: none;
}

.ateamo-schedule-wrapper-table {
  position: relative;
  margin-top: 16px;
}

.ateamo-schedule-my-table-result,
.ateamo-schedule-table-result {
  position: relative;
  min-height: 55px;
  background: transparent;
}

.ateamo-schedule-wrapper-table .schedule-title {
  padding: 24px 0 12px;
}
.ateamo-schedule-wrapper-table .schedule-title:first-child {
  padding-top: 0;
}
.ateamo-schedule-wrapper-table .schedule-title h2 {
  margin: 0;
  padding: 0;
  background: none;
  color: var(--at-fg-base-strong);
  font-size: 16px;
  font-weight: 600;
  line-height: 128%;
  letter-spacing: -0.02em;
  text-align: left;
  text-transform: none;
}

.ateamo-schedule-wrapper-table .schedule-date-group.is-hidden {
  display: none;
}
.ateamo-schedule-wrapper-table .schedule-date-group .schedule-title {
  padding-top: 24px;
}

.ateamo-schedule-wrapper-table .ateamo-date-strip + .schedule-date-group:not(.is-hidden) .schedule-title,
.ateamo-schedule-wrapper-table .schedule-date-group.is-hidden + .schedule-date-group:not(.is-hidden) .schedule-title {
  padding-top: 8px;
}

.ateamo-container .ateamo-date-strip {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  padding: 8px;
  border: 1px solid var(--at-stroke-base-weak);
  border-radius: var(--at-radius-lg);
  background-color: var(--at-bg-base-surface);
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__arrow > span,
.ateamo-container .ateamo-date-strip .ateamo-date-strip__arrow > .ateamo-icon,
.ateamo-container .ateamo-date-strip .ateamo-date-strip__arrow > .ateamo-icon * {
  color: inherit;
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__arrow:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__arrow:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__arrow:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__arrow:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__arrow {
  flex-shrink: 0;
  width: 32px;
  padding: 0;
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__arrow:disabled {
  opacity: 0.35;
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__arrow > * {
  pointer-events: none;
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__track {
  display: flex;
  flex: 1;
  gap: 4px;
  min-width: 0;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 16px, #000 calc(100% - 16px), transparent);
  mask-image: linear-gradient(to right, transparent, #000 16px, #000 calc(100% - 16px), transparent);
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__track::-webkit-scrollbar {
  display: none;
}
.ateamo-container .ateamo-date-strip .ateamo-date-chip {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-width: 76px;
  padding: 6px 10px;
  border: 1px solid transparent;
  border-radius: var(--at-radius-sm);
  background: transparent;
  cursor: pointer;
  scroll-snap-align: center;
  transition: background-color 0.15s ease;
}
.ateamo-container .ateamo-date-strip .ateamo-date-chip > * {
  pointer-events: none;
}
.ateamo-container .ateamo-date-strip .ateamo-date-chip:hover {
  background-color: var(--at-state-hover);
}
.ateamo-container .ateamo-date-strip .ateamo-date-chip:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-date-strip .ateamo-date-chip.is-past .ateamo-date-chip__date {
  color: var(--at-fg-base-medium);
}
.ateamo-container .ateamo-date-strip .ateamo-date-chip.is-today {
  border-color: var(--at-stroke-base-medium);
}
.ateamo-container .ateamo-date-strip .ateamo-date-chip.is-active {
  background-color: var(--at-bg-primary-strong);
}
.ateamo-container .ateamo-date-strip .ateamo-date-chip.is-active .ateamo-date-chip__day,
.ateamo-container .ateamo-date-strip .ateamo-date-chip.is-active .ateamo-date-chip__date,
.ateamo-container .ateamo-date-strip .ateamo-date-chip.is-active .ateamo-date-chip__count {
  color: var(--at-fg-base-on-strong);
}
.ateamo-container .ateamo-date-strip .ateamo-date-chip__day {
  color: var(--at-fg-base-weak);
  font-size: 10px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.ateamo-container .ateamo-date-strip .ateamo-date-chip__date {
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 600;
  line-height: 146%;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.ateamo-container .ateamo-date-strip .ateamo-date-chip__count {
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__calendar-wrap {
  position: relative;
  flex-shrink: 0;
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__calendar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__calendar > span,
.ateamo-container .ateamo-date-strip .ateamo-date-strip__calendar > .ateamo-icon,
.ateamo-container .ateamo-date-strip .ateamo-date-strip__calendar > .ateamo-icon * {
  color: inherit;
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__calendar:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__calendar:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__calendar:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__calendar:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__calendar {
  gap: 6px;
  padding: 0 10px;
  color: var(--at-fg-base-strong);
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__calendar > * {
  pointer-events: none;
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__calendar[aria-expanded=true] {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__calendar .ateamo-icon {
  width: 16px;
  height: 16px;
  color: var(--at-fg-base-medium);
}
.ateamo-container .ateamo-date-strip .ateamo-date-strip__calendar-label {
  min-width: 12.5ch;
  font-variant-numeric: tabular-nums;
  text-align: center;
}
.ateamo-container .ateamo-date-strip .ateamo-date-cal {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 60;
  width: 280px;
  padding: 12px;
  border: 1px solid var(--at-stroke-base-weak);
  border-radius: var(--at-radius-md);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-menu);
}
.ateamo-container .ateamo-date-strip .ateamo-date-cal[hidden] {
  display: none;
}
.ateamo-container .ateamo-date-strip .ateamo-date-cal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.ateamo-container .ateamo-date-strip .ateamo-date-cal__title {
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 600;
  line-height: 146%;
  letter-spacing: -0.01em;
  text-transform: capitalize;
}
.ateamo-container .ateamo-date-strip .ateamo-date-cal__nav {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: auto;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: var(--at-fg-link-secondary-resting);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container .ateamo-date-strip .ateamo-date-cal__nav:hover {
  color: var(--at-fg-link-secondary-hover);
}
.ateamo-container .ateamo-date-strip .ateamo-date-cal__nav {
  width: 28px;
  height: 28px;
  padding: 0 !important;
  color: var(--at-fg-base-medium);
}
.ateamo-container .ateamo-date-strip .ateamo-date-cal__nav:disabled {
  opacity: 0.3;
  cursor: default;
}
.ateamo-container .ateamo-date-strip .ateamo-date-cal__grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}
.ateamo-container .ateamo-date-strip .ateamo-date-cal__weekday {
  padding: 4px 0;
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
  text-align: center;
  text-transform: uppercase;
}
.ateamo-container .ateamo-date-strip .ateamo-date-cal__day {
  position: relative;
  height: 34px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: var(--at-radius-sm);
  background: transparent;
  color: var(--at-fg-base-weak);
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
  opacity: 0.45;
}
.ateamo-container .ateamo-date-strip .ateamo-date-cal__day.has-games {
  color: var(--at-fg-base-strong);
  font-weight: 600;
  opacity: 1;
  cursor: pointer;
}
.ateamo-container .ateamo-date-strip .ateamo-date-cal__day.has-games::after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--at-bg-primary-strong);
  transform: translateX(-50%);
}
.ateamo-container .ateamo-date-strip .ateamo-date-cal__day.has-games:hover {
  background-color: var(--at-state-hover);
}
.ateamo-container .ateamo-date-strip .ateamo-date-cal__day.has-games:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-date-strip .ateamo-date-cal__day.is-today {
  border-color: var(--at-stroke-base-medium);
}
.ateamo-container .ateamo-date-strip .ateamo-date-cal__day.is-active {
  background-color: var(--at-bg-primary-strong);
  color: var(--at-fg-base-on-strong);
}
.ateamo-container .ateamo-date-strip .ateamo-date-cal__day.is-active::after {
  background-color: var(--at-fg-base-on-strong);
}
.ateamo-container .ateamo-date-strip .ateamo-date-cal__day.is-active:hover {
  background-color: var(--at-bg-primary-strong);
}
.ateamo-container .ateamo-date-strip .ateamo-date-cal__day:disabled {
  cursor: default;
}
@media (max-width: 599.98px) {
  .ateamo-container .ateamo-date-strip {
    padding: 6px;
  }
  .ateamo-container .ateamo-date-strip .ateamo-date-strip__arrow,
  .ateamo-container .ateamo-date-strip .ateamo-date-strip__calendar-label {
    display: none;
  }
  .ateamo-container .ateamo-date-strip .ateamo-date-chip {
    min-width: 64px;
    padding: 6px 8px;
  }
  .ateamo-container .ateamo-date-strip .ateamo-date-strip__calendar {
    width: 36px;
    padding: 0;
  }
}

.ateamo-schedule-table-result .ateamo-schedule--table-head,
.ateamo-schedule-my-table-result .ateamo-schedule--table-head {
  display: none;
}

.ateamo-schedule-table-result.list-view .ateamo-schedule--grid-view,
.ateamo-schedule-my-table-result.list-view .ateamo-schedule--grid-view {
  display: none;
}
.ateamo-schedule-table-result.list-view .ateamo-schedule--table-head,
.ateamo-schedule-my-table-result.list-view .ateamo-schedule--table-head {
  display: table;
}
@media (max-width: 959.98px) {
  .ateamo-schedule-table-result.list-view .ateamo-schedule--grid-view,
  .ateamo-schedule-my-table-result.list-view .ateamo-schedule--grid-view {
    display: flex;
  }
  .ateamo-schedule-table-result.list-view .ateamo-schedule--table-head,
  .ateamo-schedule-my-table-result.list-view .ateamo-schedule--table-head {
    display: none;
  }
}

.ateamo-schedule--grid-view {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ateamo-match-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
  transition: var(--at-transition);
}
.ateamo-match-card:hover {
  box-shadow: inset 0 0 0 1px var(--at-stroke-base-weak);
}
.ateamo-match-card--friendly {
  background-color: var(--at-bg-match-friendly);
}
.ateamo-match-card--practice {
  background-color: var(--at-bg-match-practice);
}
.ateamo-match-card--results-pending {
  background-color: var(--at-fg-special-weak);
}
.ateamo-match-card .schedule-card-event-link {
  position: absolute;
  inset: 0;
  z-index: 1;
  font-size: 0;
}
.ateamo-match-card .ateamo-match-card__team a,
.ateamo-match-card .rsvp-selector,
.ateamo-match-card .ateamo-rsvp--modal,
.ateamo-match-card .rsvp-in-count {
  position: relative;
  z-index: 2;
}
.ateamo-match-card__info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 12px 0;
}
.ateamo-match-card__datetime {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.ateamo-match-card__time {
  color: var(--at-fg-base-strong);
  font-size: 16px;
  font-weight: 600;
  line-height: 174%;
  letter-spacing: -0.02em;
  line-height: 24px;
}
.ateamo-match-card .ateamo-event--result--status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 16px;
  padding: 2px 4px;
  border-radius: var(--at-radius-xsm);
  background-color: var(--at-bg-neutral-weak);
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
  text-transform: none;
  white-space: nowrap;
}
.ateamo-match-card .ateamo-event--result--status.pending {
  background-color: var(--at-bg-neutral-medium);
  color: var(--at-fg-base-strong);
}
.ateamo-match-card .ateamo-event--result--status.finished, .ateamo-match-card .ateamo-event--result--status.technical_defeat {
  background-color: var(--at-bg-base-adapt);
  color: var(--at-fg-base-medium);
}
.ateamo-match-card .ateamo-event--result--status.canceled, .ateamo-match-card .ateamo-event--result--status.forfeit {
  background-color: var(--at-bg-danger-strong);
  color: var(--at-fg-danger-weak);
}
.ateamo-match-card .ateamo-event--result--status.rainout {
  background-color: var(--at-bg-rainout-strong);
  color: var(--at-fg-rainout-weak);
}
.ateamo-match-card .ateamo-event--result--status.postponed, .ateamo-match-card .ateamo-event--result--status.dispute {
  background-color: var(--at-bg-warning-strong);
  color: var(--at-bg-warning-weak);
}
.ateamo-match-card .ateamo-event--result--status.draft_score {
  background-color: var(--at-bg-special-strong);
  color: var(--at-fg-special-weak);
}
.ateamo-match-card .ateamo-event--result--status.live {
  background-color: var(--at-bg-danger-weak);
  color: var(--at-fg-danger-strong);
}
.ateamo-match-card .ateamo-event--result--status {
  flex-shrink: 0;
  margin-top: 4px;
}
.ateamo-match-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
}
.ateamo-match-card__meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: var(--at-fg-base-medium);
}
.ateamo-match-card__meta-item--friendly {
  color: var(--at-fg-match-friendly);
}
.ateamo-match-card__meta-item--training {
  color: var(--at-fg-match-practice);
}
.ateamo-match-card__meta-text {
  overflow: hidden;
  color: inherit !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 132%;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ateamo-match-card__meta-text--regular {
  font-weight: 500 !important;
}
.ateamo-match-card__divider {
  height: 1px;
  margin: 12px 12px 0;
  background-color: var(--at-stroke-base-weak);
}
.ateamo-match-card__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.ateamo-match-card__teams {
  display: flex;
  align-items: stretch;
  gap: 4px;
  padding: 10px 12px 10px 6px;
}
.ateamo-match-card__list {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.ateamo-match-card__row {
  display: flex;
  align-items: center;
  flex: 1;
  padding: 6px 0 6px 6px;
  border-radius: var(--at-radius-xsm);
}
.ateamo-match-card__row--winner {
  background-color: var(--at-bg-base-adapt-weak);
}
.ateamo-match-card__row--loser {
  opacity: 0.5;
}
.ateamo-match-card__team {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 8px;
  min-width: 0;
}
.ateamo-match-card__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  overflow: hidden;
  border-radius: var(--at-radius-sm);
}
.ateamo-match-card__badge img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}
.ateamo-match-card__badge .ateamo-team-emblem {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: var(--at-bg-neutral-weak);
  color: var(--at-fg-base-weak);
}
.ateamo-match-card__badge .ateamo-icon {
  width: 12px;
  height: 12px;
}
.ateamo-match-card__badge .ateamo-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ateamo-match-card__team-name {
  overflow: hidden;
  color: var(--at-fg-base-strong) !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ateamo-match-card a.ateamo-match-card__team-name:hover {
  text-decoration: underline;
}
.ateamo-match-card__row-indicator {
  flex-shrink: 0;
  width: 0;
  height: 0;
  margin: 0 4px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 5px solid var(--at-fg-base-strong);
}
.ateamo-match-card__score {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  min-width: 28px;
  overflow: hidden;
  border-radius: var(--at-radius-xsm);
  text-align: center;
}
.ateamo-match-card__score-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 2px 6px;
}
.ateamo-match-card__score-cell--draw {
  background-color: var(--at-bg-base-adapt);
}
.ateamo-match-card__score-cell--dispute {
  background-color: var(--at-bg-warning-weak);
}
.ateamo-match-card__score-num {
  display: flex;
  align-items: center;
  height: 28px;
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 600;
  line-height: 146%;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}
.ateamo-match-card__score-num--empty {
  color: var(--at-fg-base-weak);
}
.ateamo-match-card__score-divider {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 16px;
  height: 1px;
  transform: translate(-50%, -50%);
  background-color: var(--at-stroke-adapt-weak);
}
.ateamo-match-card__status-message {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background-color: var(--at-bg-base-adapt-weak);
  color: var(--at-fg-base-strong);
}
.ateamo-match-card__status-message span {
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-match-card__status-message--postponed {
  background-color: var(--at-bg-warning-weak);
}
.ateamo-match-card__rsvp {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px 12px;
}
@media (min-width: 960px) {
  .ateamo-match-card {
    flex-direction: row;
  }
  .ateamo-match-card__info {
    order: 2;
    flex-shrink: 0;
    width: 280px;
    padding: 12px 16px;
  }
  .ateamo-match-card__meta {
    flex-direction: column;
    margin-top: auto;
  }
  .ateamo-match-card__divider {
    order: 1;
    width: 1px;
    height: auto;
    margin: 0;
  }
  .ateamo-match-card__body {
    order: 0;
    justify-content: center;
  }
  .ateamo-match-card__status-message {
    padding: 10px 16px;
  }
  .ateamo-match-card__rsvp {
    padding: 0 16px 12px 12px;
  }
}

.ateamo-container .ateamo-rsvp--modal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container .ateamo-rsvp--modal > span,
.ateamo-container .ateamo-rsvp--modal > .ateamo-icon,
.ateamo-container .ateamo-rsvp--modal > .ateamo-icon * {
  color: inherit;
}
.ateamo-container .ateamo-rsvp--modal:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-container .ateamo-rsvp--modal:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-container .ateamo-rsvp--modal:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-rsvp--modal:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-container .ateamo-rsvp--modal {
  flex: 1;
  min-width: 96px;
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-container .ateamo-rsvp--modal.ateamo--rsvp-in {
  border-color: transparent;
  background-color: var(--at-bg-success-medium);
}
.ateamo-container .ateamo-rsvp--modal.ateamo--rsvp-maybe {
  border-color: transparent;
  background-color: var(--at-bg-special-medium);
}
.ateamo-container .ateamo-rsvp--modal.ateamo--rsvp-out {
  border-color: transparent;
  background-color: var(--at-bg-neutral-medium);
}

.rsvp-selector {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.rsvp-selector.rsvp-selector--center {
  justify-content: center;
  margin-top: 6px;
}
.rsvp-selector .rsvp-in-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-height: 16px;
  padding: 0 4px;
  border-radius: var(--at-radius-xsm);
  background-color: var(--at-bg-success-weak);
  color: var(--at-fg-success-strong);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.rsvp-selector .rsvp-in-count:empty, .rsvp-selector .rsvp-in-count--hide {
  display: none;
}

.schedule-live-game {
  position: relative;
  padding-left: 12px;
  color: var(--at-fg-danger-strong) !important;
  font-weight: 600 !important;
  text-transform: uppercase;
}
.schedule-live-game::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  display: inline-block;
  width: 4px;
  height: 4px;
  transform: translate(-50%, -50%);
  border: 2px solid var(--at-bg-danger-weak);
  border-radius: 100px;
  background-color: var(--at-fg-danger-strong);
  animation: circleLive 1s infinite;
}

.ateamo-schedule-wrapper-table .ateamo-schedule--table-head {
  width: 100%;
  margin: 0;
  table-layout: fixed;
  border: 1px solid var(--at-stroke-base-weak);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--at-radius-sm);
  overflow: hidden;
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head th,
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head td {
  padding: 10px 12px;
  border: none !important;
  vertical-align: middle;
  white-space: nowrap;
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head thead th {
  height: 40px;
  padding: 0 12px;
  border-bottom: 1px solid var(--at-stroke-base-weak) !important;
  background-color: var(--at-bg-base-surface-1);
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head tbody tr {
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head tbody tr td {
  height: 56px;
  border-bottom: 1px solid var(--at-stroke-base-weak) !important;
  background-color: transparent;
  color: var(--at-fg-base-medium);
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head tbody tr:last-child td {
  border-bottom: none !important;
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head tbody tr:hover {
  background-color: var(--at-state-hover);
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head tbody tr.is-friendly {
  background-color: var(--at-bg-match-friendly);
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head tbody tr.is-practice {
  background-color: var(--at-bg-match-practice);
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head tbody tr.has-status-message td {
  border-bottom: none !important;
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head tbody tr.ateamo-list-status-row td {
  height: auto;
  padding: 0 12px 10px;
  white-space: normal;
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head tbody tr.has-status-message:hover + .ateamo-list-status-row, .ateamo-schedule-wrapper-table .ateamo-schedule--table-head tbody tr.has-status-message:has(+ .ateamo-list-status-row:hover) {
  background-color: var(--at-state-hover);
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head .ateamo-schedule--center {
  text-align: center;
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head .ateamo-col-time {
  width: 108px;
  text-align: left;
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head .ateamo-col-home {
  width: auto;
  text-align: right;
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head .ateamo-col-result {
  width: 92px;
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head .ateamo-col-visitor {
  width: auto;
  text-align: left;
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head .ateamo-col-venue {
  width: 22%;
  text-align: left;
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head .ateamo-col-rsvp {
  width: 124px;
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head .ateamo-event--result--status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 16px;
  padding: 2px 4px;
  border-radius: var(--at-radius-xsm);
  background-color: var(--at-bg-neutral-weak);
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
  text-transform: none;
  white-space: nowrap;
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head .ateamo-event--result--status.pending {
  background-color: var(--at-bg-neutral-medium);
  color: var(--at-fg-base-strong);
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head .ateamo-event--result--status.finished, .ateamo-schedule-wrapper-table .ateamo-schedule--table-head .ateamo-event--result--status.technical_defeat {
  background-color: var(--at-bg-base-adapt);
  color: var(--at-fg-base-medium);
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head .ateamo-event--result--status.canceled, .ateamo-schedule-wrapper-table .ateamo-schedule--table-head .ateamo-event--result--status.forfeit {
  background-color: var(--at-bg-danger-strong);
  color: var(--at-fg-danger-weak);
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head .ateamo-event--result--status.rainout {
  background-color: var(--at-bg-rainout-strong);
  color: var(--at-fg-rainout-weak);
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head .ateamo-event--result--status.postponed, .ateamo-schedule-wrapper-table .ateamo-schedule--table-head .ateamo-event--result--status.dispute {
  background-color: var(--at-bg-warning-strong);
  color: var(--at-bg-warning-weak);
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head .ateamo-event--result--status.draft_score {
  background-color: var(--at-bg-special-strong);
  color: var(--at-fg-special-weak);
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head .ateamo-event--result--status.live {
  background-color: var(--at-bg-danger-weak);
  color: var(--at-fg-danger-strong);
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head .ateamo-rsvp--modal {
  flex: none;
  width: 100%;
  min-width: 0;
}
.ateamo-schedule-wrapper-table .ateamo-schedule--table-head .rsvp-selector--center {
  flex-direction: column;
  gap: 4px;
  margin: 0;
}

.ateamo-list-status {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--at-radius-xsm);
  background-color: var(--at-bg-base-adapt-weak);
  color: var(--at-fg-base-strong);
}
.ateamo-list-status span:not(.ateamo-icon) {
  color: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-list-status-row--postponed .ateamo-list-status {
  background-color: var(--at-bg-warning-weak);
}

.ateamo-list-time {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.ateamo-list-time__value {
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 600;
  line-height: 146%;
  letter-spacing: -0.01em;
}

.ateamo-list-team {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  color: var(--at-fg-base-strong);
  text-decoration: none;
  vertical-align: middle;
}
.ateamo-list-team__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: var(--at-radius-sm);
}
.ateamo-list-team__badge img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}
.ateamo-list-team__badge .ateamo-team-emblem {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: var(--at-bg-neutral-weak);
  color: var(--at-fg-base-weak);
}
.ateamo-list-team__badge .ateamo-icon {
  width: 14px;
  height: 14px;
}
.ateamo-list-team__badge .ateamo-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ateamo-list-team__name {
  overflow: hidden;
  color: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
  text-overflow: ellipsis;
}
.ateamo-list-team.is-winner .ateamo-list-team__name {
  font-weight: 600;
}
.ateamo-list-team.is-loser {
  opacity: 0.5;
}

a.ateamo-list-team:hover .ateamo-list-team__name {
  text-decoration: underline;
}

.ateamo-col-home .ateamo-list-team {
  flex-direction: row-reverse;
}

.ateamo-list-score {
  position: relative;
  display: inline-flex;
  overflow: hidden;
  border-radius: var(--at-radius-xsm);
}
.ateamo-list-score__cell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 6px;
  background-color: var(--at-bg-base-adapt);
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 600;
  line-height: 146%;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}
.ateamo-list-score__cell.is-lost {
  font-weight: 400;
}
.ateamo-list-score::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 14px;
  transform: translate(-50%, -50%);
  background-color: var(--at-stroke-adapt-weak);
}
.ateamo-list-score--dispute .ateamo-list-score__cell {
  background-color: var(--at-bg-warning-weak);
}
.ateamo-list-score__vs {
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}

.ateamo-list-venue {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.ateamo-list-venue__item {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: var(--at-fg-base-medium);
}
.ateamo-list-venue__item--meta {
  color: var(--at-fg-base-weak);
}
.ateamo-list-venue__item--friendly {
  color: var(--at-fg-match-friendly);
}
.ateamo-list-venue__item--training {
  color: var(--at-fg-match-practice);
}
.ateamo-list-venue__text {
  overflow: hidden;
  color: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 132%;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
}
.ateamo-list-venue__item--meta .ateamo-list-venue__text {
  font-weight: 500;
}

.ateamo-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 18px;
  padding: 2px 6px;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-adapt);
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
  text-transform: none;
  white-space: nowrap;
}

.ateamo-chip--friendly {
  background-color: var(--at-bg-match-friendly);
  color: var(--at-fg-match-friendly) !important;
}

.ateamo-chip--match {
  color: var(--at-fg-base-medium) !important;
}

.ateamo-event-rsvp--pop-up .ateamo-modal__bgc,
.ateamo-schedule-rsvp--pop-up .ateamo-modal__bgc {
  background-color: var(--at-bg-blanket);
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content {
  max-width: 432px;
  padding: 0;
  border-radius: var(--at-radius-sm);
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-close-modal,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-close-modal {
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-rsvp-modal__title,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-rsvp-modal__title {
  margin: 0;
  padding: 16px 48px 0 16px;
  color: var(--at-fg-base-strong);
  font-size: 16px;
  font-weight: 600;
  line-height: 128%;
  letter-spacing: -0.02em;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--inner,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--buttons,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--inner,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--buttons,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--inner,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--buttons,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--inner,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--buttons,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea {
  width: 100%;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info label,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info textarea,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--inner label,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--inner textarea,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--buttons label,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--buttons textarea,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea label,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea textarea,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info label,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info textarea,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--inner label,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--inner textarea,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--buttons label,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--buttons textarea,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea label,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea textarea,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info label,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info textarea,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--inner label,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--inner textarea,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--buttons label,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--buttons textarea,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea label,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea textarea,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info label,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info textarea,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--inner label,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--inner textarea,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--buttons label,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--buttons textarea,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea label,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea textarea {
  width: 100%;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info {
  display: flex;
  align-items: stretch;
  margin: 16px 16px 0;
  padding: 12px;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
  width: auto;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--info-teams,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--place-time,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--info-teams,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--place-time,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--info-teams,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--place-time,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--info-teams,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--place-time,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--info-teams,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--place-time,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--info-teams,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--place-time,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--info-teams,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--place-time,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--info-teams,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--place-time {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--info-teams,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--info-teams,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--info-teams,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--info-teams,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--info-teams,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--info-teams,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--info-teams,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--info-teams {
  width: 60%;
  gap: 8px;
  padding-right: 12px;
  border-right: 1px solid var(--at-stroke-base-weak);
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--info-teams > div,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--info-teams > div,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--info-teams > div,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--info-teams > div,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--info-teams > div,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--info-teams > div,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--info-teams > div,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--info-teams > div {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--info-teams > div .ateamo-rsvp-team__badge,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--info-teams > div .ateamo-rsvp-team__badge,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--info-teams > div .ateamo-rsvp-team__badge,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--info-teams > div .ateamo-rsvp-team__badge,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--info-teams > div .ateamo-rsvp-team__badge,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--info-teams > div .ateamo-rsvp-team__badge,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--info-teams > div .ateamo-rsvp-team__badge,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--info-teams > div .ateamo-rsvp-team__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  overflow: hidden;
  border-radius: var(--at-radius-sm);
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--info-teams > div .ateamo-rsvp-team__badge img,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--info-teams > div .ateamo-rsvp-team__badge img,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--info-teams > div .ateamo-rsvp-team__badge img,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--info-teams > div .ateamo-rsvp-team__badge img,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--info-teams > div .ateamo-rsvp-team__badge img,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--info-teams > div .ateamo-rsvp-team__badge img,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--info-teams > div .ateamo-rsvp-team__badge img,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--info-teams > div .ateamo-rsvp-team__badge img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-team-emblem,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-team-emblem,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-team-emblem,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-team-emblem,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-team-emblem,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-team-emblem,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-team-emblem,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-team-emblem {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: var(--at-bg-neutral-weak);
  color: var(--at-fg-base-weak);
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-icon,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-icon,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-icon,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-icon,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-icon,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-icon,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-icon,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-icon {
  width: 12px;
  height: 12px;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-icon svg,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-icon svg,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-icon svg,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-icon svg,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-icon svg,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-icon svg,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-icon svg,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--info-teams > div .ateamo-rsvp-team__badge .ateamo-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--place-time,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--place-time,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--place-time,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--place-time,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--place-time,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--place-time,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--place-time,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--place-time {
  width: 40%;
  gap: 2px;
  padding-left: 12px;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--venue,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--venue,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--venue,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--venue,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--venue,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--venue,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--venue,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--venue {
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--time,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--time,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--time,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--time,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-event-rsvp--time,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info .ateamo-schedule-rsvp--time,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-event-rsvp--time,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info .ateamo-schedule-rsvp--time {
  color: var(--at-fg-base-strong);
  font-size: 16px;
  font-weight: 600;
  line-height: 174%;
  letter-spacing: -0.02em;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info-teams,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info-teams,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--info-teams,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--info-teams {
  display: flex;
  flex-direction: column;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea {
  position: relative;
  padding: 16px 16px 0;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea textarea,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea textarea,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea textarea,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea textarea {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--at-stroke-base-forms);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
  resize: none;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea textarea::placeholder,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea textarea::placeholder,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea textarea::placeholder,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea textarea::placeholder {
  color: var(--at-fg-base-weak);
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea textarea:focus, .ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea textarea:focus-visible,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea textarea:focus,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea textarea:focus-visible,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea textarea:focus,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea textarea:focus-visible,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea textarea:focus,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea textarea:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
}
@media (max-width: 959.98px) {
  .ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea textarea,
  .ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea textarea,
  .ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea textarea,
  .ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea textarea {
    font-size: 16px;
  }
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea textarea,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea textarea,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea textarea,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea textarea {
  height: 96px;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea .ateamo-block-char,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea .ateamo-block-char,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--textarea .ateamo-block-char,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--textarea .ateamo-block-char {
  position: absolute;
  right: 26px;
  bottom: 8px;
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
  padding: 16px;
  border-top: 1px solid var(--at-stroke-base-weak);
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options input,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options input,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options input,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options input {
  position: absolute;
  left: -999999px;
  width: 1px;
  height: 1px;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options label,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options label,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options label,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options label,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options label > span,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options label > .ateamo-icon,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options label > .ateamo-icon *,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button > span,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button > .ateamo-icon,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button > .ateamo-icon *,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options label > span,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options label > .ateamo-icon,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options label > .ateamo-icon *,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button > span,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button > .ateamo-icon,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button > .ateamo-icon *,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options label > span,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options label > .ateamo-icon,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options label > .ateamo-icon *,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button > span,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button > .ateamo-icon,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button > .ateamo-icon *,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options label > span,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options label > .ateamo-icon,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options label > .ateamo-icon *,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button > span,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button > .ateamo-icon,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button > .ateamo-icon * {
  color: inherit;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options label:hover,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button:hover,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options label:hover,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button:hover,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options label:hover,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button:hover,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options label:hover,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options label:active,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button:active,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options label:active,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button:active,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options label:active,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button:active,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options label:active,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options label:focus-visible,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button:focus-visible,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options label:focus-visible,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button:focus-visible,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options label:focus-visible,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button:focus-visible,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options label:focus-visible,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options label:disabled,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button:disabled,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options label:disabled,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button:disabled,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options label:disabled,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button:disabled,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options label:disabled,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options label,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options label,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options label,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options label,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button {
  flex: 1;
  width: auto;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options input:checked + label,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options input:checked + label,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options input:checked + label,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options input:checked + label {
  border-color: var(--at-bg-primary-strong);
  box-shadow: inset 0 0 0 1px var(--at-bg-primary-strong);
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options input:checked + label[for=rsvp-in],
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options input:checked + label[for=rsvp-in],
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options input:checked + label[for=rsvp-in],
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options input:checked + label[for=rsvp-in] {
  border-color: var(--at-fg-success-strong);
  box-shadow: inset 0 0 0 1px var(--at-fg-success-strong);
  background-color: var(--at-bg-success-weak);
  color: var(--at-fg-success-strong);
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options input:checked + label[for=rsvp-maybe],
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options input:checked + label[for=rsvp-maybe],
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options input:checked + label[for=rsvp-maybe],
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options input:checked + label[for=rsvp-maybe] {
  border-color: var(--at-fg-special-strong);
  box-shadow: inset 0 0 0 1px var(--at-fg-special-strong);
  background-color: var(--at-fg-special-weak);
  color: var(--at-fg-special-strong);
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options input:checked + label[for=rsvp-out],
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options input:checked + label[for=rsvp-out],
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options input:checked + label[for=rsvp-out],
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options input:checked + label[for=rsvp-out] {
  border-color: var(--at-fg-base-medium);
  box-shadow: inset 0 0 0 1px var(--at-fg-base-medium);
  background-color: var(--at-bg-neutral-medium);
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options input:focus-visible + label,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options input:focus-visible + label,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options input:focus-visible + label,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options input:focus-visible + label {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit > span,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit > .ateamo-icon,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit > .ateamo-icon *,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit > span,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit > .ateamo-icon,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit > .ateamo-icon *,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit > span,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit > .ateamo-icon,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit > .ateamo-icon *,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit > span,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit > .ateamo-icon,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit > .ateamo-icon * {
  color: inherit;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit:hover,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit:hover,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit:hover,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit:active,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit:active,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit:active,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit:focus-visible,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit:focus-visible,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit:focus-visible,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit:disabled,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit:disabled,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit:disabled,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit {
  border-color: transparent;
  background-color: var(--at-bg-primary-strong);
  color: var(--at-fg-base-on-strong);
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit:hover, .ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit:active,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit:hover,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit:active,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit:hover,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit:active,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit:hover,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit:active {
  color: var(--at-fg-accent-weak);
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit:hover,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit:hover,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit:hover,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit:hover {
  background-image: linear-gradient(var(--at-state-hover-inv), var(--at-state-hover-inv));
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit:active,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit:active,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event--rsvp--options button.ateamo-event--rsvp-submit:active,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule--rsvp--options button.ateamo-event--rsvp-submit:active {
  background-image: linear-gradient(var(--at-state-pressed-inv), var(--at-state-pressed-inv));
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--inner .ateamo-schedule--rsvp--options,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--inner .ateamo-schedule--rsvp--options {
  justify-content: flex-end;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--inner .ateamo-schedule--rsvp--options button,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--inner .ateamo-schedule--rsvp--options button {
  flex: 0 0 auto;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--inner .ateamo-schedule--rsvp--options .ateamo-event--rsvp-ignore,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--inner .ateamo-schedule--rsvp--options .ateamo-event--rsvp-ignore {
  min-width: 88px;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--inner .ateamo-schedule--rsvp--options .ateamo-event--rsvp-submit,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-event-rsvp--inner .ateamo-schedule--rsvp--options .ateamo-event--rsvp-submit {
  min-width: 120px;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--inner .ateamo-schedule--rsvp--options,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--inner .ateamo-schedule--rsvp--options {
  margin-top: 16px;
  padding: 0 16px;
  border-top: 0;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--actions,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
  padding: 16px;
  border-top: 1px solid var(--at-stroke-base-weak);
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--cancel,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--cancel > span,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--cancel > .ateamo-icon,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--cancel > .ateamo-icon *,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--cancel > span,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--cancel > .ateamo-icon,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--cancel > .ateamo-icon * {
  color: inherit;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--cancel:hover,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--cancel:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--cancel:active,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--cancel:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--cancel:focus-visible,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--cancel:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--cancel:disabled,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--cancel:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--cancel,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--cancel {
  min-width: 88px;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save > span,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save > .ateamo-icon,
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save > .ateamo-icon *,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save > span,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save > .ateamo-icon,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save > .ateamo-icon * {
  color: inherit;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save:hover,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save:active,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save:focus-visible,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save:disabled,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save {
  border-color: transparent;
  background-color: var(--at-bg-primary-strong);
  color: var(--at-fg-base-on-strong);
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save:hover, .ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save:active,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save:hover,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save:active {
  color: var(--at-fg-accent-weak);
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save:hover,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save:hover {
  background-image: linear-gradient(var(--at-state-hover-inv), var(--at-state-hover-inv));
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save:active,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save:active {
  background-image: linear-gradient(var(--at-state-pressed-inv), var(--at-state-pressed-inv));
}
.ateamo-event-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save,
.ateamo-schedule-rsvp--pop-up .ateamo-modal--content .ateamo-schedule-rsvp--save {
  min-width: 120px;
}

.ateamo-schedule-table-result.ateamo-loader,
.ateamo-schedule-my-table-result.ateamo-loader {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 140px;
  overflow: hidden;
}
.ateamo-schedule-table-result.ateamo-loader > *,
.ateamo-schedule-my-table-result.ateamo-loader > * {
  display: none !important;
}
.ateamo-schedule-table-result.ateamo-loader::after,
.ateamo-schedule-my-table-result.ateamo-loader::after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 4px;
  transform: translateY(-50%);
  background-color: var(--at-bg-primary-weak);
  border-radius: 0;
}
.ateamo-schedule-table-result.ateamo-loader::before,
.ateamo-schedule-my-table-result.ateamo-loader::before {
  top: 50%;
  height: 4px;
  transform: translateY(-50%);
  background-image: none !important;
  background-color: var(--at-bg-primary-strong);
  border-radius: 999px;
  animation: ateamo-linear-loader 1.1s ease-in-out infinite;
}

@keyframes ateamo-linear-loader {
  0% {
    left: -40%;
    width: 40%;
  }
  50% {
    left: 25%;
    width: 55%;
  }
  100% {
    left: 100%;
    width: 40%;
  }
}
@keyframes circleLive {
  0% {
    border-width: 2px;
  }
  50% {
    border-width: 5px;
  }
  100% {
    border-width: 2px;
  }
}
.ateamo-container #ateamo-profile-result {
  min-height: 300px;
  width: 100%;
}
.ateamo-container #ateamo-profile-result .ateamo-profile-result__loader.ateamo-loader:after {
  content: none;
}
.ateamo-container #ateamo-profile-result .ateamo-profile-result__loader.ateamo-loader:before {
  width: 100px;
  height: 100px;
}

.ateamo-container .ateamo-auth {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 432px;
  margin: 0 auto;
  text-align: left;
}

.ateamo-sign-in .ateamo-modal__bgc,
.ateamo-sign-up .ateamo-modal__bgc,
.ateamo-forgot-password .ateamo-modal__bgc,
.ateamo-email-verification .ateamo-modal__bgc {
  background-color: var(--at-bg-blanket);
}
.ateamo-sign-in .ateamo-modal--content,
.ateamo-sign-up .ateamo-modal--content,
.ateamo-forgot-password .ateamo-modal--content,
.ateamo-email-verification .ateamo-modal--content {
  width: calc(100% - 32px);
  max-width: 480px;
  max-height: calc(100vh - 32px);
  padding: 32px 24px 24px;
  border-radius: var(--at-radius-sm);
}
.ateamo-sign-in .ateamo-modal--content .ateamo-close-modal,
.ateamo-sign-up .ateamo-modal--content .ateamo-close-modal,
.ateamo-forgot-password .ateamo-modal--content .ateamo-close-modal,
.ateamo-email-verification .ateamo-modal--content .ateamo-close-modal {
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
}
.ateamo-sign-in .ateamo-modal-form,
.ateamo-sign-up .ateamo-modal-form,
.ateamo-forgot-password .ateamo-modal-form,
.ateamo-email-verification .ateamo-modal-form {
  display: block;
}
.ateamo-sign-in.ateamo-modal-active .ateamo-modal--content,
.ateamo-sign-up.ateamo-modal-active .ateamo-modal--content,
.ateamo-forgot-password.ateamo-modal-active .ateamo-modal--content,
.ateamo-email-verification.ateamo-modal-active .ateamo-modal--content {
  transform: translate(-50%, -50%) scale(1);
}
@media (max-width: 599.98px) {
  .ateamo-sign-in .ateamo-modal--content,
  .ateamo-sign-up .ateamo-modal--content,
  .ateamo-forgot-password .ateamo-modal--content,
  .ateamo-email-verification .ateamo-modal--content {
    padding: 32px 16px 16px;
  }
}

#sign-in,
#sign-up {
  justify-content: center;
  width: 100%;
}

.ateamo-container .ateamo-auth__brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ateamo-container .ateamo-auth__brand-logo {
  display: flex;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
  box-shadow: inset 0 0 0 1px var(--at-stroke-adapt-weak);
}
.ateamo-container .ateamo-auth__brand-logo img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: contain;
}
.ateamo-container .ateamo-auth__brand-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ateamo-container .ateamo-auth__brand-eyebrow {
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-container .ateamo-auth__brand-name {
  overflow: hidden;
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 600;
  line-height: 146%;
  letter-spacing: -0.01em;
  text-overflow: ellipsis;
}
.ateamo-container .ateamo-auth__intro {
  padding: 12px;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
}
.ateamo-container .ateamo-auth__intro p {
  margin: 0;
  color: var(--at-fg-base-medium);
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-container .ateamo-auth__intro p + p {
  margin-top: 6px;
}
.ateamo-container .ateamo-auth__legal {
  display: flex;
  justify-content: center;
  gap: 8px;
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-container .ateamo-auth__legal a {
  color: var(--at-fg-base-weak);
  text-decoration: none;
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-container .ateamo-auth__legal a:hover {
  color: var(--at-fg-base-strong);
  text-decoration: underline;
}

.ateamo-container .ateamo-auth-form {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}
.ateamo-container .ateamo-auth-form > * + * {
  margin-top: 24px;
}
.ateamo-container .ateamo-auth-form__heading {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ateamo-container .ateamo-auth-form__title {
  margin: 0;
  color: var(--at-fg-base-strong);
  font-size: 26px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.04em;
  text-align: left;
}
.ateamo-container .ateamo-auth-form__description, .ateamo-container .ateamo-auth-form__hint {
  color: var(--at-fg-base-medium);
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-container .ateamo-auth-form__description strong, .ateamo-container .ateamo-auth-form__hint strong {
  color: var(--at-fg-base-strong);
  font-weight: 600;
}
.ateamo-container .ateamo-auth-form__hint--center {
  text-align: center;
}
.ateamo-container .ateamo-auth-form__link {
  display: inline;
  padding: 0;
  border: 0;
  background: none;
  color: var(--at-fg-link-primary-resting);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
  cursor: pointer;
  text-decoration: none;
}
.ateamo-container .ateamo-auth-form__link:hover {
  color: var(--at-fg-link-primary-hover);
  text-decoration: underline;
}
.ateamo-container .ateamo-auth-form__fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ateamo-container .ateamo-auth-form__row {
  display: flex;
  gap: 16px;
}
.ateamo-container .ateamo-auth-form__row > * {
  flex: 1 1 0;
  min-width: 0;
}
@media (max-width: 399.98px) {
  .ateamo-container .ateamo-auth-form__row {
    flex-direction: column;
  }
}
.ateamo-container .ateamo-auth-form__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container .ateamo-auth-form__submit > span,
.ateamo-container .ateamo-auth-form__submit > .ateamo-icon,
.ateamo-container .ateamo-auth-form__submit > .ateamo-icon * {
  color: inherit;
}
.ateamo-container .ateamo-auth-form__submit:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-container .ateamo-auth-form__submit:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-container .ateamo-auth-form__submit:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-auth-form__submit:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-container .ateamo-auth-form__submit {
  border-color: transparent;
  background-color: var(--at-bg-primary-strong);
  color: var(--at-fg-base-on-strong);
}
.ateamo-container .ateamo-auth-form__submit:hover, .ateamo-container .ateamo-auth-form__submit:active {
  color: var(--at-fg-accent-weak);
}
.ateamo-container .ateamo-auth-form__submit:hover {
  background-image: linear-gradient(var(--at-state-hover-inv), var(--at-state-hover-inv));
}
.ateamo-container .ateamo-auth-form__submit:active {
  background-image: linear-gradient(var(--at-state-pressed-inv), var(--at-state-pressed-inv));
}
.ateamo-container .ateamo-auth-form__submit {
  position: relative;
  width: 100%;
}
.ateamo-container .ateamo-auth-form__submit.ateamo-loader {
  position: relative;
  min-height: 0;
  color: transparent !important;
  pointer-events: none;
}
.ateamo-container .ateamo-auth-form__submit.ateamo-loader > * {
  visibility: hidden;
}
.ateamo-container .ateamo-auth-form__submit.ateamo-loader::after {
  content: none;
}
.ateamo-container .ateamo-auth-form__submit.ateamo-loader::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  border: 2px solid var(--at-fg-base-on-strong);
  border-right-color: transparent;
  border-radius: 50%;
  background-image: none !important;
  transform: none;
  opacity: 0.9;
  animation: ateamo-btn-spin 0.7s linear infinite;
}
.ateamo-container .ateamo-auth-form__plain {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: auto;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: var(--at-fg-link-secondary-resting);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container .ateamo-auth-form__plain:hover {
  color: var(--at-fg-link-secondary-hover);
}
.ateamo-container .ateamo-auth-form__plain {
  display: flex;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-container .ateamo-auth-form__plain span {
  color: inherit;
}
.ateamo-container .ateamo-auth-form__plain--start {
  margin-left: 0;
}
.ateamo-container .ateamo-auth-form .ateamo-form-error {
  display: none;
  margin: 6px 0 0;
  padding: 0;
  color: var(--at-fg-danger-strong);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
  text-align: left;
}
.ateamo-container .ateamo-auth-form > .ateamo-form-error {
  margin: 0;
  padding: 8px 12px;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-danger-weak);
}

.ateamo-container .ateamo-auth-field {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.ateamo-container .ateamo-auth-field__label {
  position: static;
  padding: 0;
  transform: none;
  background: none;
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-container .ateamo-auth-field__control {
  position: relative;
  display: flex;
  align-items: center;
}
.ateamo-container .ateamo-auth-field__control .ateamo-input {
  padding-right: 36px !important;
}
.ateamo-container .ateamo-auth-field .ateamo-input {
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 10px !important;
  border: 1px solid var(--at-stroke-base-forms);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: none;
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
  font-size: 14px !important;
}
.ateamo-container .ateamo-auth-field .ateamo-input::placeholder {
  color: var(--at-fg-base-weak);
}
.ateamo-container .ateamo-auth-field .ateamo-input:focus {
  border-color: var(--at-stroke-base-forms);
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-auth-field .ateamo-input.ateamo-error-input {
  border-color: var(--at-stroke-danger-strong) !important;
}
@media (max-width: 959.98px) {
  .ateamo-container .ateamo-auth-field .ateamo-input {
    font-size: 16px !important;
  }
}
.ateamo-container .ateamo-auth-field .ateamo-password--eye {
  position: absolute;
  top: 50%;
  right: 6px;
  width: 24px;
  height: 24px;
  padding: 0;
  transform: translateY(-50%);
  border: 0;
  border-radius: var(--at-radius-xsm);
  background: url("../images/icons/show.svg") center/16px no-repeat;
  cursor: pointer;
  opacity: 0.7;
}
.ateamo-container .ateamo-auth-field .ateamo-password--eye:hover {
  background-color: var(--at-state-hover);
  opacity: 1;
}
.ateamo-container .ateamo-auth-field .ateamo-password--eye.active {
  background-image: url("../images/icons/hide.svg");
}

.ateamo-container .ateamo-auth-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.ateamo-container .ateamo-auth-checkbox span {
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-container .ateamo-auth-checkbox input[type=checkbox] {
  display: inline-grid;
  place-content: center;
  width: 16px;
  height: 16px;
  margin: 0;
  border: 1px solid var(--at-stroke-base-forms);
  border-radius: var(--at-radius-xsm);
  background-color: var(--at-bg-base-surface);
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.ateamo-container .ateamo-auth-checkbox input[type=checkbox]::after {
  content: "";
  width: 8px;
  height: 4px;
  margin-top: -2px;
  border-bottom: 1.5px solid var(--at-fg-accent-weak);
  border-left: 1.5px solid var(--at-fg-accent-weak);
  transform: rotate(-45deg) scale(0);
  transition: transform 0.15s ease;
}
.ateamo-container .ateamo-auth-checkbox input[type=checkbox]:checked {
  border-color: transparent;
  background-color: var(--at-bg-primary-strong);
  box-shadow: var(--at-shadow-button);
}
.ateamo-container .ateamo-auth-checkbox input[type=checkbox]:checked::after {
  transform: rotate(-45deg) scale(1);
}
.ateamo-container .ateamo-auth-checkbox input[type=checkbox]:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}

.ateamo-container .ateamo-auth-code {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  min-height: 64px;
  padding: 8px 16px;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
}
.ateamo-container .ateamo-auth-code__label {
  flex-shrink: 0;
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.ateamo-container .ateamo-auth-code .ateamo-code-inputs {
  display: flex;
  gap: 8px;
}
.ateamo-container .ateamo-auth-code .ateamo-code-inputs label {
  position: static;
  display: block;
  margin: 0;
  padding: 0;
  transform: none;
}
.ateamo-container .ateamo-auth-code .ateamo-code-inputs input {
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0 !important;
  border: 1px solid var(--at-stroke-base-forms);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px !important;
  font-weight: 600;
  text-align: center;
  caret-color: transparent;
}
.ateamo-container .ateamo-auth-code .ateamo-code-inputs input:focus {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-auth-code .ateamo-code-inputs input.ateamo-error-input {
  border-color: var(--at-stroke-danger-strong);
}
@media (max-width: 399.98px) {
  .ateamo-container .ateamo-auth-code {
    padding: 8px 12px;
  }
  .ateamo-container .ateamo-auth-code .ateamo-code-inputs {
    gap: 6px;
  }
}

.ateamo-container .ateamo-auth-field .ateamo-password-meter {
  height: 4px;
  margin-top: 10px;
  overflow: hidden;
  border-radius: 999px;
  background-color: var(--at-bg-base-adapt-weak);
}
.ateamo-container .ateamo-auth-field .ateamo-password-meter-fill {
  width: 0;
  height: 100%;
  border-radius: 999px;
  transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.35s ease;
}
.ateamo-container .ateamo-auth-field .ateamo-password-meter-fill[data-strength="0"] {
  width: 0;
  background-color: transparent;
}
.ateamo-container .ateamo-auth-field .ateamo-password-meter-fill[data-strength="1"] {
  width: 25%;
  background-color: var(--at-fg-danger-strong);
}
.ateamo-container .ateamo-auth-field .ateamo-password-meter-fill[data-strength="2"] {
  width: 50%;
  background-color: var(--at-bg-warning-strong);
}
.ateamo-container .ateamo-auth-field .ateamo-password-meter-fill[data-strength="3"] {
  width: 75%;
  background-color: var(--at-fg-success-strong);
}
.ateamo-container .ateamo-auth-field .ateamo-password-meter-fill[data-strength="4"] {
  width: 100%;
  background-color: var(--at-bg-primary-strong);
}
.ateamo-container .ateamo-auth-field .ateamo-valid-text {
  min-height: 16px;
  margin-top: 4px;
}
.ateamo-container .ateamo-auth-field .ateamo-strength-text {
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 600;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-container .ateamo-auth-field .ateamo-strength-text[data-strength="1"] {
  color: var(--at-fg-danger-strong);
}
.ateamo-container .ateamo-auth-field .ateamo-strength-text[data-strength="2"] {
  color: var(--at-bg-warning-strong);
}
.ateamo-container .ateamo-auth-field .ateamo-strength-text[data-strength="3"] {
  color: var(--at-fg-success-strong);
}
.ateamo-container .ateamo-auth-field .ateamo-strength-text[data-strength="4"] {
  color: var(--at-bg-primary-strong);
}
.ateamo-container .ateamo-auth-field .ateamo-password--requirements {
  margin-top: 4px;
}
.ateamo-container .ateamo-auth-field .ateamo-password--requirements ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 399.98px) {
  .ateamo-container .ateamo-auth-field .ateamo-password--requirements ul {
    grid-template-columns: 1fr;
  }
}
.ateamo-container .ateamo-auth-field .ateamo-password--requirements-title {
  margin: 0 0 8px;
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-container .ateamo-auth-field .ateamo-password--requirement {
  position: relative;
  margin: 0;
  padding-left: 22px;
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
  list-style: none;
  transition: color 0.2s ease;
}
.ateamo-container .ateamo-auth-field .ateamo-password--requirement::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  display: block;
  transform: translateY(-50%);
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: 50%;
  background-color: transparent;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.ateamo-container .ateamo-auth-field .ateamo-password--requirement::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  width: 3px;
  height: 7px;
  display: block;
  transform: translateY(-62%) rotate(45deg) scale(0);
  border: solid #fff;
  background-color: transparent;
  border-width: 0 1.5px 1.5px 0;
  transition: transform 0.2s ease;
}
.ateamo-container .ateamo-auth-field .ateamo-password--requirement.valid {
  color: var(--at-fg-success-strong);
}
.ateamo-container .ateamo-auth-field .ateamo-password--requirement.valid::before {
  border-color: var(--at-bg-primary-strong);
  background-color: var(--at-bg-primary-strong);
}
.ateamo-container .ateamo-auth-field .ateamo-password--requirement.valid::after {
  transform: translateY(-62%) rotate(45deg) scale(1);
}
.ateamo-container .ateamo-auth-field .ateamo-password--required {
  grid-column: 1/-1;
  color: var(--at-fg-base-strong);
  font-weight: 500;
}

#ateamo-standings-result {
  position: relative;
}
#ateamo-standings-result .ateamo-error-registration--message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 40px;
  border: 0;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
  box-shadow: none;
  text-align: center;
}
#ateamo-standings-result .ateamo-error-registration--message .ateamo-error-registration {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--at-fg-base-strong);
  font-size: 20px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.03em;
}
#ateamo-standings-result .ateamo-schedule-wrapper-controls {
  margin-bottom: 16px;
}

.ateamo-standings-wrapper {
  width: 100%;
}

.ateamo-standings-table-wrapper {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.ateamo-standings-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.ateamo-standings-table {
  width: 100%;
  margin: 0 !important;
  border: 0;
  border-collapse: collapse;
}
.ateamo-standings-table th,
.ateamo-standings-table td {
  border: none;
  white-space: nowrap;
  vertical-align: middle;
}
.ateamo-standings-table th {
  padding: 12px;
  background-color: var(--at-bg-neutral-weak);
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
  text-align: right;
}
.ateamo-standings-table td {
  padding: 10px;
  border-bottom: 1px solid var(--at-stroke-base-weak);
  color: var(--at-fg-base-medium);
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
  text-align: right;
}
.ateamo-standings-table td img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: var(--at-radius-sm);
  object-fit: cover;
  vertical-align: middle;
}
.ateamo-standings-table th:first-child,
.ateamo-standings-table td:first-child,
.ateamo-standings-table th:nth-child(2),
.ateamo-standings-table td:nth-child(2) {
  text-align: left;
}
.ateamo-standings-table tbody tr {
  transition: var(--at-transition);
}
.ateamo-standings-table tbody tr:hover {
  background-color: var(--at-state-hover);
}
@media (min-width: 960px) {
  .ateamo-standings-table td {
    padding: 12px;
  }
}

.ateamo-container .ateamo-standings-table thead th[data-column] {
  cursor: pointer;
  user-select: none;
}
.ateamo-container .ateamo-standings-table thead th[data-column].at-stnd-last_5 {
  cursor: default;
}
.ateamo-container .ateamo-standings-table thead th[data-column] svg {
  width: 8px;
  height: 10px;
  margin-left: 2px;
  margin-right: -10px;
  vertical-align: middle;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.ateamo-container .ateamo-standings-table thead th[data-column] svg path {
  fill: currentColor;
}
.ateamo-container .ateamo-standings-table thead th[data-column]:hover svg {
  opacity: 0.4;
}
.ateamo-container .ateamo-standings-table thead th[data-column].asc svg, .ateamo-container .ateamo-standings-table thead th[data-column].desc svg {
  opacity: 1;
}
.ateamo-container .ateamo-standings-table thead th[data-column].asc svg {
  transform: rotate(180deg);
}

.ateamo-standings-table-wrapper .ateamo-standings-table {
  min-width: 600px;
}
.ateamo-standings-table-wrapper .ateamo-standings-table td.at-stnd-nm {
  width: 40px;
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-standings-table-wrapper .ateamo-standings-table tbody tr.at-zone td:first-child {
  box-shadow: inset 4px 0 0 0 var(--at-zone-color);
}
.ateamo-standings-table-wrapper .ateamo-standings-table td.at-stnd-pts {
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 600;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-standings-table-wrapper .ateamo-standings-table .ateamo-standings-team__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  overflow: hidden;
  border-radius: var(--at-radius-sm);
}
.ateamo-standings-table-wrapper .ateamo-standings-table .ateamo-standings-team__badge img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}
.ateamo-standings-table-wrapper .ateamo-standings-table .ateamo-standings-team__badge .ateamo-team-emblem {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: var(--at-bg-neutral-weak);
  color: var(--at-fg-base-weak);
}
.ateamo-standings-table-wrapper .ateamo-standings-table .ateamo-standings-team__badge .ateamo-icon {
  width: 12px;
  height: 12px;
}
.ateamo-standings-table-wrapper .ateamo-standings-table .ateamo-standings-team__badge .ateamo-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ateamo-standings-table-wrapper .ateamo-standings-table .ateamo-standings-team {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 280px;
  color: var(--at-fg-base-strong);
  text-decoration: none;
}
.ateamo-standings-table-wrapper .ateamo-standings-table .ateamo-standings-team img {
  flex-shrink: 0;
  margin: 0;
}
.ateamo-standings-table-wrapper .ateamo-standings-table .ateamo-standings-team__name {
  overflow: hidden;
  color: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
  text-overflow: ellipsis;
}
.ateamo-standings-table-wrapper .ateamo-standings-table a.ateamo-standings-team:hover .ateamo-standings-team__name {
  text-decoration: underline;
}
@media (max-width: 959.98px) {
  .ateamo-standings-table-wrapper .ateamo-standings-table th:nth-child(1),
  .ateamo-standings-table-wrapper .ateamo-standings-table td:nth-child(1),
  .ateamo-standings-table-wrapper .ateamo-standings-table th:nth-child(2),
  .ateamo-standings-table-wrapper .ateamo-standings-table td:nth-child(2) {
    position: sticky;
    z-index: 1;
  }
  .ateamo-standings-table-wrapper .ateamo-standings-table th:nth-child(1),
  .ateamo-standings-table-wrapper .ateamo-standings-table td:nth-child(1) {
    left: 0;
    width: 40px;
    min-width: 40px;
  }
  .ateamo-standings-table-wrapper .ateamo-standings-table th:nth-child(2),
  .ateamo-standings-table-wrapper .ateamo-standings-table td:nth-child(2) {
    left: 40px;
    box-shadow: inset -1px 0 0 var(--at-stroke-base-weak);
  }
  .ateamo-standings-table-wrapper .ateamo-standings-table td:nth-child(1),
  .ateamo-standings-table-wrapper .ateamo-standings-table td:nth-child(2) {
    background-color: var(--at-bg-base-surface);
  }
  .ateamo-standings-table-wrapper .ateamo-standings-table tbody tr.at-zone td:first-child {
    box-shadow: inset 4px 0 0 0 var(--at-zone-color);
  }
  .ateamo-standings-table-wrapper .ateamo-standings-table .ateamo-standings-team {
    max-width: 160px;
  }
}

.standings-last-games {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
}
.standings-last-games span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-radius: 1px;
  background-color: rgba(143, 142, 142, 0.2);
  color: #fff !important;
  font-size: 10px;
  font-weight: 600 !important;
  line-height: 1;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.standings-last-games-win {
  background-color: var(--at-result-win) !important;
}
.standings-last-games-draw {
  background-color: var(--at-result-draw) !important;
}
.standings-last-games-lose {
  background-color: var(--at-result-loss) !important;
}

.ateamo-standings-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
  padding: 12px 0 16px;
}
.ateamo-standings-info-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
}
.ateamo-standings-info-legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 959.98px) {
  .ateamo-standings-info {
    gap: 12px 16px;
  }
  .ateamo-standings-info-legend {
    gap: 8px 16px;
  }
}

.ateamo-standings-legend-abbr {
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.ateamo-standings-legend-label {
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}

.ateamo-standings-legend-zone {
  display: inline-block;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  border-radius: var(--at-radius-xsm);
  background-color: var(--at-zone-color);
}

.ateamo-standings-legend-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-radius: 1px;
  color: #fff !important;
  font-size: 10px;
  font-weight: 600 !important;
  line-height: 1;
  text-transform: uppercase;
}
.ateamo-standings-legend-info--win {
  background-color: var(--at-result-win);
}
.ateamo-standings-legend-info--draw {
  background-color: var(--at-result-draw);
}
.ateamo-standings-legend-info--lose {
  background-color: var(--at-result-loss);
}

.ateamo-golden-boot-result:empty {
  display: none;
}

.ateamo-golden-boot {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
  padding-top: 32px;
  border-top: 1px solid var(--at-stroke-base-weak);
}
.ateamo-golden-boot__header {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ateamo-golden-boot__title {
  margin: 0;
  color: var(--at-fg-base-strong);
  font-size: 16px;
  font-weight: 600;
  line-height: 128%;
  letter-spacing: -0.02em;
}
.ateamo-golden-boot__subtitle {
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-golden-boot__avatar {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin: 0;
  border-radius: var(--at-radius-xsm);
  box-shadow: inset 0 0 0 1px var(--at-stroke-adapt-weak);
  object-fit: cover;
}
.ateamo-golden-boot__avatar--lg {
  width: 56px;
  height: 56px;
  border-radius: var(--at-radius-sm);
}
.ateamo-golden-boot__avatar--placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--at-bg-base-surface);
  color: var(--at-fg-base-weak);
}
.ateamo-golden-boot__avatar--placeholder .ateamo-icon {
  width: 60%;
  height: 60%;
}
.ateamo-golden-boot__avatar--placeholder .ateamo-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ateamo-golden-boot__podium {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.ateamo-golden-boot__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 12px 12px 16px;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
  text-align: center;
}
.ateamo-golden-boot__card--leader {
  background-color: var(--at-fg-accent-weak);
  box-shadow: inset 0 0 0 1px rgba(240, 184, 0, 0.45);
}
.ateamo-golden-boot__card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  min-height: 20px;
}
.ateamo-golden-boot__card-top .ateamo-icon {
  color: var(--at-fg-accent-strong);
}
.ateamo-golden-boot__place {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 4px;
  border-radius: var(--at-radius-xsm);
  background-color: var(--at-bg-base-adapt);
  color: var(--at-fg-base-strong);
  font-size: 12px;
  font-weight: 600;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-golden-boot__place--1 {
  background-color: var(--at-fg-accent-strong);
  color: var(--at-fg-base-strong);
}
.ateamo-golden-boot__card-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
  min-width: 0;
}
.ateamo-golden-boot__card-name {
  overflow: hidden;
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 600;
  line-height: 146%;
  letter-spacing: -0.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ateamo-golden-boot__card-team {
  overflow: hidden;
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ateamo-golden-boot__card-goals {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.ateamo-golden-boot__card-goals-value {
  color: var(--at-fg-base-strong);
  font-size: 26px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.04em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.ateamo-golden-boot__card-goals-label {
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-golden-boot__list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ateamo-golden-boot__row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 8px 12px;
  border-radius: var(--at-radius-xsm);
  background-color: var(--at-bg-neutral-weak);
  list-style: none;
  transition: var(--at-transition);
}
.ateamo-golden-boot__row::marker {
  content: none;
}
.ateamo-golden-boot__row:hover {
  background-color: var(--at-bg-neutral-medium);
}
.ateamo-golden-boot__row-rank {
  flex-shrink: 0;
  width: 20px;
  color: var(--at-fg-base-weak);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.ateamo-golden-boot__row-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.ateamo-golden-boot__row-text {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0 8px;
  min-width: 0;
}
.ateamo-golden-boot__row-name {
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-golden-boot__row-team {
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-golden-boot__bar {
  display: block;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background-color: var(--at-bg-base-adapt-weak);
}
.ateamo-golden-boot__bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background-color: var(--at-bg-primary-strong);
  opacity: 0.7;
}
.ateamo-golden-boot__row-goals {
  flex-shrink: 0;
  min-width: 32px;
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 600;
  line-height: 146%;
  letter-spacing: -0.01em;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
@media (max-width: 599.98px) {
  .ateamo-golden-boot__podium {
    gap: 4px;
  }
  .ateamo-golden-boot__card {
    gap: 8px;
    padding: 8px 8px 12px;
  }
  .ateamo-golden-boot__avatar--lg {
    width: 44px;
    height: 44px;
  }
  .ateamo-golden-boot__card-name {
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 12px;
    font-weight: 600;
    line-height: 132%;
    letter-spacing: -0.02em;
  }
  .ateamo-golden-boot__card-goals-value {
    font-size: 20px;
    font-weight: 500;
    line-height: 132%;
    letter-spacing: -0.03em;
  }
}

.ateamo-hidden {
  display: none;
}
.ateamo-hidden h1 {
  font-weight: bold;
}

.payment--registration {
  padding: 3px 5px;
  border-radius: 6px;
  gap: 5px;
  font-weight: 700;
  font-size: 14px;
  line-height: 124%;
  background-color: #F0E2FA;
  text-transform: uppercase;
  color: #67179C;
  display: inline-flex;
  width: fit-content;
}

.ateamo-thanks-registration {
  margin-bottom: 20px;
}

.ateamo-thanks--payment-blocks {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ateamo-thanks--payment-blocks table tbody tr, .ateamo-thanks--payment-blocks table thead tr {
  border: none !important;
}
.ateamo-thanks--payment-blocks table th, .ateamo-thanks--payment-blocks table td {
  text-align: left !important;
  border: none;
}

.ateamo-thanks--payments {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.ateamo-thanks--payments-total {
  font-weight: 700;
  text-align: right;
}
.ateamo-thanks--payments-total span {
  font-weight: 400;
}
.ateamo-thanks--payments .ateamo-thanks--payment {
  border: 1px solid #DEDEDE;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 124%;
  width: 100%;
}
.ateamo-thanks--payments .ateamo-thanks--payment .ateamo-button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  max-width: 200px;
  height: 40px;
  border-radius: 6px;
  width: 100%;
  margin: 0 auto;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}
.ateamo-thanks--payments .ateamo-thanks--payment img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid #E5E5E3;
}
.ateamo-thanks--payments .ateamo-thanks--payment strong {
  font-weight: 700;
}
.ateamo-thanks--payments .ateamo-thanks--payment .payment--title {
  font-weight: 700;
  font-size: 16px;
  line-height: 124%;
  letter-spacing: -2%;
}
.ateamo-thanks--payments .ateamo-thanks--payment .payment--title.unpaid {
  color: #D11908;
}
.ateamo-thanks--payments .ateamo-thanks--payment .payment--title.pending {
  color: #b54708;
}
.ateamo-thanks--payments .ateamo-thanks--payment .payment--title.paid, .ateamo-thanks--payments .ateamo-thanks--payment .payment--title.completed, .ateamo-thanks--payments .ateamo-thanks--payment .payment--title.approved {
  color: #249C11;
}
.ateamo-thanks--payments .ateamo-thanks--payment .payment--total {
  display: flex;
  justify-content: space-between;
}

#ateamo-roster-manage-result {
  position: relative;
}
#ateamo-roster-manage-result #sign-in, #ateamo-roster-manage-result #sign-up {
  flex-direction: row;
}
#ateamo-roster-manage-result .ateamo-invite-container--small {
  max-width: 350px;
  padding: 8px !important;
}
#ateamo-roster-manage-result .ateamo-invite-container-info {
  position: relative;
  padding: 0;
  background-color: transparent;
  border: 0;
}

.ateamo-hide-element {
  display: none !important;
}

.ateamo-group-list {
  border-radius: 6px;
  margin: 20px 0 !important;
}

.ateamo-group-status {
  margin-left: auto;
}
.ateamo-group-item {
  border-radius: 6px;
  padding: 12px;
  border: 1px solid #E5E5E3;
}
.ateamo-group-item-buttons {
  margin-top: 12px;
}
.ateamo-group-item-buttons button.ateamo-manage-roster-button {
  margin-right: 6px;
  font-weight: 500;
}
.ateamo-group-item-buttons button.ateamo-manage-roster-button:before {
  content: "";
  margin-right: 6px;
  background-image: url("../images/manage-roster-team-icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
}
.ateamo-group-item-buttons button.ateamo-manage-financials-button:before {
  content: url("../images/financials-icon.svg");
  margin-right: 6px;
}
.ateamo-group-item .ateamo-group-status {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  line-height: 12px;
  display: flex;
  align-items: center;
}
.ateamo-group-item .ateamo-group-status:after {
  margin-left: 6px;
}
.ateamo-group-item.active .ateamo-group-status {
  color: #1d942d;
}
.ateamo-group-item.active .ateamo-group-status:after {
  content: url("../images/active-status-icon.svg");
}
.ateamo-group-item.review {
  background: #FAF2FF;
}
.ateamo-group-item.review .ateamo-group-status {
  color: #9B3BDB;
}
.ateamo-group-item.review .ateamo-group-status:after {
  content: url("../images/review-status-icon.svg");
}
.ateamo-group-item.unpaid .ateamo-group-status {
  color: #fe1410;
}
.ateamo-group-item.unpaid .ateamo-group-status:after {
  content: url("../images/unpaid-icon.svg");
}
.ateamo-group-item.rejected {
  background: #F5F4F2;
}
.ateamo-group-item.rejected .ateamo-group-status {
  color: #858483;
}
.ateamo-group-item.rejected .ateamo-group-status:after {
  content: url("../images/reject-status-icon.svg");
}
.ateamo-group-item:last-child {
  border-bottom: 1px solid #E5E5E3;
}
.ateamo-group-item-logo {
  display: flex;
  align-items: center;
}
.ateamo-group-item-name {
  display: flex;
  align-items: center;
}
.ateamo-group-item-name img {
  width: 32px;
  max-height: 32px;
  border-radius: 6px;
  object-fit: contain;
}
.ateamo-group-item-name p {
  padding: 0 12px;
  font-weight: 600;
  font-size: 14px;
}

.ateamo-registration-team {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.ateamo-registration-team p {
  color: #858483;
  font-size: 12px;
  font-weight: 600;
  margin-left: auto;
  line-height: 14px;
  margin-right: 10px;
}

.ateamo-registration-modal-button {
  width: auto !important;
  overflow: hidden;
  height: 32px;
  min-height: 32px;
}
.ateamo-registration-info-block {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
}
.ateamo-registration-info-block:last-child {
  margin-bottom: 0;
}
.ateamo-registration-info-block img {
  width: 18px;
  margin-right: 7px;
}
.ateamo-registration-info-block-details-title {
  color: #2E2E2D;
  font-size: 14px;
  font-weight: 600;
  line-height: 144%;
}
.ateamo-registration-info-block-details-subtitle {
  color: #858483;
  font-size: 12px;
  font-weight: 600;
}

.ateamo-roster-list-send-invites .ateamo-roster-list-players-list-item-options .ateamo-roster-list-checkbox, .ateamo-roster-list-send-invites .ateamo-roster-list-players-list-item-options .ateamo-roster-list-players-list-item-options-button {
  display: none;
}
.ateamo-roster-list-send-invites .ateamo-roster-list-players-list-item {
  border-bottom: 1px solid #F0EFED;
}
.ateamo-roster-list-send-invites .ateamo-roster-list-players-list-item-remove-button {
  display: block !important;
}
.ateamo-roster-list-send-invites .ateamo-roster-list-players-list-item-team-pay {
  display: flex;
}
.ateamo-roster-list-send-invites .ateamo-roster-list-players-list-item-team-pay .ateamo-roster-list-checkbox {
  display: flex;
}
.ateamo-roster-list-send-invites .ateamo-roster-list-buttons-note {
  border: 1px solid #EFB90C;
  background: #FCF8E8;
}
.ateamo-roster-list-send-invites .ateamo-roster-list-buttons-note span {
  color: #9B3BDB;
}
.ateamo-roster-list-send-invites .ateamo-roster-list-buttons-note img {
  position: relative;
  top: 4px;
}
.ateamo-roster-list-send-invites-buttons {
  margin-top: 30px;
}
.ateamo-roster-list-select-block .ateamo-roster-list-players-list-item-options-button {
  display: none;
}
.ateamo-roster-list-select-block .ateamo-roster-list-players-list-item-options p {
  margin: 0;
}
.ateamo-roster-list-players-list--choose .ateamo-roster-list-players-list-item {
  cursor: pointer;
}
.ateamo-roster-list-players-list--choose .ateamo-roster-list-players-list-item .ateamo-paid,
.ateamo-roster-list-players-list--choose .ateamo-roster-list-players-list-item .ateamo-unpaid {
  font-size: 12px;
}
.ateamo-roster-list-players-list--choose .ateamo-roster-list-players-list-item.active .ateamo-roster-list-actions--add-player.is-registered .ateamo-roster-list-checkbox, .ateamo-roster-list-players-list--choose .ateamo-roster-list-players-list-item.ateamo-checked .ateamo-roster-list-actions--add-player.is-registered .ateamo-roster-list-checkbox {
  display: none;
}
.ateamo-roster-list-players-list--choose .ateamo-roster-list-players-list-item.active .ateamo-roster-list-actions--add-player.is-registered .ateamo-pending.ateamo-roster-list-checkbox, .ateamo-roster-list-players-list--choose .ateamo-roster-list-players-list-item.ateamo-checked .ateamo-roster-list-actions--add-player.is-registered .ateamo-pending.ateamo-roster-list-checkbox {
  display: block;
}
.ateamo-roster-list-players-list--choose .ateamo-roster-list-players-list-item.active .ateamo-roster-list-players-list-item-team-pay, .ateamo-roster-list-players-list--choose .ateamo-roster-list-players-list-item.ateamo-checked .ateamo-roster-list-players-list-item-team-pay {
  background: #EDFAC8;
}
.ateamo-roster-list-players-list--choose .ateamo-roster-list-players-list-item.active .ateamo-roster-list-checkbox, .ateamo-roster-list-players-list--choose .ateamo-roster-list-players-list-item.ateamo-checked .ateamo-roster-list-checkbox {
  background: #303D0B;
}
.ateamo-roster-list-players-list--choose .ateamo-roster-list-players-list-item.active .ateamo-roster-list-checkbox:after, .ateamo-roster-list-players-list--choose .ateamo-roster-list-players-list-item.ateamo-checked .ateamo-roster-list-checkbox:after {
  content: url("../images/okay-icon.svg");
}
.ateamo-roster-list-checkbox {
  min-width: 24px;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.24);
  display: none;
}
.ateamo-roster-list-players-list--choose .ateamo-roster-list-checkbox {
  display: block;
}
.ateamo-roster-list-players--add .not-registered .ateamo-roster-list-checkbox {
  display: block;
}
.ateamo-roster-list-header {
  margin-bottom: 25px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ateamo-roster-list-header .ateamo-roster-search-select--buttons {
  height: 40px;
}
.ateamo-roster-list-header .ateamo-roster-search-select {
  opacity: 0;
  position: absolute;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
  right: -50px;
  top: 0;
  width: calc(100% - 50px);
  height: 40px;
}
.ateamo-roster-list-header .ateamo-roster-search-select.ateamo-active {
  right: 0;
  opacity: 1;
  pointer-events: auto;
}
.ateamo-roster-list-header .ateamo-roster-search--close-button,
.ateamo-roster-list-header .ateamo-roster-search--open-button {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}
.ateamo-roster-list-header .ateamo-roster-search--close-button svg,
.ateamo-roster-list-header .ateamo-roster-search--open-button svg {
  width: 20px;
  height: 20px;
}
.ateamo-roster-list-header .ateamo-roster-search--close-button.ateamo-hidden,
.ateamo-roster-list-header .ateamo-roster-search--open-button.ateamo-hidden {
  opacity: 0;
  height: 0;
  visibility: hidden;
}
.ateamo-roster-list-header .ateamo-roster-search--close-button.ateamo-active,
.ateamo-roster-list-header .ateamo-roster-search--open-button.ateamo-active {
  opacity: 1;
  visibility: visible;
  height: 40px;
}
.ateamo-roster-list-header h2 {
  color: #2E2E2D;
  font-size: 17px;
  font-weight: 600;
  line-height: 120%;
  position: relative;
}
.ateamo-roster-list-header h2 span {
  position: absolute;
  bottom: -16px;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 144%;
  color: rgba(0, 0, 0, 0.5);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.ateamo-roster-list-header img {
  height: 40px;
  width: 40px;
  object-fit: contain;
  border-radius: 4px;
  padding: 1px;
}
.ateamo-roster-list-counter-header {
  display: flex;
  margin-bottom: 12px;
}
.ateamo-roster-list-counter-header p {
  font-size: 13px;
  font-weight: 700;
  line-height: 14px;
  text-transform: uppercase;
}
.ateamo-roster-list-counter-header p:nth-child(1) {
  color: #23B236;
  margin-right: 12px;
}
.ateamo-roster-list-counter-header p:nth-child(2) {
  color: #291B33;
}
.ateamo-roster-list-counter-header p:nth-child(3) {
  color: #858483;
  margin-left: auto;
}
.ateamo-roster-list-counter-bar {
  display: flex;
  margin-bottom: 15px;
}
.ateamo-roster-list-counter-bar span {
  height: 8px;
  border-radius: 2px;
  display: block;
  width: 0;
  transition: 2s all;
}
.ateamo-roster-list-counter-bar-pass {
  background: #23B236;
}
.ateamo-roster-list-counter-bar-unpaid {
  background: #291B33;
  margin: 0 2px;
}
.ateamo-roster-list-counter-bar-other {
  background: #E5E5E3;
}
.ateamo-roster-list-counter-info {
  margin-bottom: 15px;
}
.ateamo-roster-list-counter-info p {
  color: #575756;
  font-size: 14px;
  font-weight: 500;
  line-height: 144%;
  display: flex;
  align-items: center;
}
.ateamo-roster-list-counter-info span {
  border-radius: 14px;
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
  font-size: 11px;
  margin-left: 5px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.ateamo-roster-list-counter-info span:after {
  margin-left: 3px;
  position: relative;
  top: 3px;
}
.ateamo-roster-list-counter-info-pass {
  background: #DFF8E2;
  color: #1E942D;
}
.ateamo-roster-list-counter-info-pass:after {
  content: url("../images/pass-icon.svg");
}
.ateamo-roster-list-counter-info-overdue {
  color: #C01913;
  background: #FACFCE;
}
.ateamo-roster-list-counter-info-overdue:after {
  content: url("../images/overdue-icon.svg");
}
.ateamo-roster-list-buttons-note {
  padding: 16px;
  border-radius: 6px;
  border: 1px solid #E5E5E3;
  background: #F5F4F2;
  color: #575756;
  font-size: 14px;
  font-weight: 500;
  line-height: 144%;
}
.ateamo-roster-list-buttons-note b {
  font-weight: 700;
}
.ateamo-roster-list-buttons button {
  display: inline-flex;
  align-items: center;
}
.ateamo-roster-list-buttons button:before {
  margin-right: 6px;
}
.ateamo-roster-list-buttons .ateamo-print-roster-button:before {
  content: url("../images/print-roster-icon.svg");
}
.ateamo-roster-list-buttons .ateamo-send-reminders-button:before {
  content: url("../images/reminders-icon.svg");
}
.ateamo-roster-list-players {
  margin-top: 30px;
  width: 100%;
}
.ateamo-roster-list-players-header {
  margin-bottom: 10px;
}
.ateamo-roster-list-players-header h3 {
  color: #858483;
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
  text-transform: uppercase;
}
.ateamo-roster-list-players-list-itemtr {
  padding: 0 8px;
}
.ateamo-roster-list-players-list-item-number {
  color: #555555;
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  width: 65px;
}
.ateamo-roster-list-players-list-item-number-captain-label {
  color: #FFF;
  text-align: center;
  font-size: 11px;
  line-height: 12px;
  background: #A3A3A2;
  text-transform: uppercase;
  width: 21px;
  position: relative;
  top: 3px;
}
.ateamo-roster-list-players-list-item-photo {
  margin: 0 12px;
}
.ateamo-roster-list-players-list-item-photo img {
  height: 40px;
  width: 40px;
  object-fit: cover;
  border-radius: 4px;
  display: flex;
}
.ateamo-roster-list-players-list-item-name {
  display: flex;
  align-items: center;
}
.ateamo-roster-list-players-list-item-name p:first-child {
  color: #2E2E2D;
  font-size: 16px;
  line-height: 124%;
}
.ateamo-roster-list-players-list-item-name p:first-child span {
  font-weight: 600;
}
.ateamo-roster-list-players-list-item-name p:last-child, .ateamo-roster-list-players-list-item-name .ateamo-roster-username {
  color: #858483;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}
.ateamo-roster-list-players-list-item-team-pay {
  margin-top: 10px;
  border-radius: 6px;
  background: #F5F4F2;
  padding: 8px 12px;
  width: 150px;
  align-items: center;
  display: none;
}
.ateamo-roster-list-players-list-item-team-pay p {
  color: #575756;
  font-size: 12px;
  font-weight: 500;
  line-height: 144%;
}
.ateamo-roster-list-players-list-item-team-pay img {
  margin-left: 4px;
  position: relative;
  top: 2px;
}
.ateamo-roster-list-players-list-item-team-pay-tip {
  position: relative;
}
.ateamo-roster-list-players-list-item-team-pay-tip .ateamo-tip {
  width: 145px;
}
.ateamo-roster-list-players-list-item-team-pay-tip:hover .ateamo-tip {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
}
.ateamo-roster-list-players-list-item-options {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  position: relative;
  z-index: 2;
}
.ateamo-roster-list-players-list-item-options .season-pass-active:hover .ateamo-tip-active-season-pass {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
}
.ateamo-roster-list-players-list-item-options .season-pass-not-active img {
  filter: grayscale(100%);
}
.ateamo-roster-list-players-list-item-options .season-pass-not-active:hover .ateamo-tip-not-active-season-pass {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
}
.ateamo-roster-list-players-list-item-options p, .ateamo-roster-list-players-list-item-options button {
  display: flex;
  width: 32px;
  height: 24px;
  align-items: center;
  justify-content: center;
}
.ateamo-roster-list-players-list-item-options p {
  position: relative;
  border-radius: 56px;
  background: rgba(0, 0, 0, 0.08);
  margin-right: 10px;
}
.ateamo-roster-list-players-list-item-options .ateamo-roster-list-players-list-item-remove-button {
  display: none;
}
.ateamo-roster-list-list-empty {
  text-align: center;
}
.ateamo-roster-list-list-empty h3 {
  color: #2E2E2D;
  font-size: 24px;
  font-weight: 700;
  line-height: 124%;
}
.ateamo-roster-list-list-empty p {
  color: #858483;
  font-size: 14px;
  font-weight: 500;
  line-height: 144%;
  margin: 15px auto;
  max-width: 300px;
}

.ateamo-popup--pay-later,
.ateamo-roster-archive-notify--info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ateamo-popup--pay-later p,
.ateamo-roster-archive-notify--info p {
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.04em;
  color: #858483;
  max-width: 600px;
  margin: 0 auto 30px;
  text-align: center;
}
.ateamo-popup--pay-later .ateamo-popup-pay-later--buttons,
.ateamo-popup--pay-later .ateamo-roster-archive-notify--buttons,
.ateamo-roster-archive-notify--info .ateamo-popup-pay-later--buttons,
.ateamo-roster-archive-notify--info .ateamo-roster-archive-notify--buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.ateamo-popup--pay-later button,
.ateamo-roster-archive-notify--info button {
  background-color: #F5F4F2;
  padding: 7px 20px;
  position: relative;
  border-radius: 25px;
  color: #575756;
  font-weight: 600;
  border: none;
  font-size: 16px;
  cursor: pointer;
}
.ateamo-popup--pay-later button.ateamo-close-modal.ateamo-pay-user-later--cancel,
.ateamo-popup--pay-later button.ateamo-close-modal.ateamo-roster-notify--cancel,
.ateamo-roster-archive-notify--info button.ateamo-close-modal.ateamo-pay-user-later--cancel,
.ateamo-roster-archive-notify--info button.ateamo-close-modal.ateamo-roster-notify--cancel {
  position: relative !important;
  padding: 7px 20px !important;
  border-radius: 25px !important;
  top: auto !important;
  right: auto !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
  background-color: #F5F4F2 !important;
  content: "";
}

.ateamo-invites-textarea-label {
  margin-top: 20px;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  display: flex;
}

.ateamo-invites-textarea {
  display: flex;
  height: 200px;
  resize: none;
  padding: 20px !important;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  margin-top: 10px;
}

.ateamo-roster-search-select-players {
  width: 100%;
  height: 100%;
  position: relative;
}
.ateamo-roster-search-select-players label {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #858483;
  font-size: 14px;
  font-weight: 500;
  line-height: 8px;
  background-color: #ffffff;
  padding: 0;
  transition: all 0.3s ease-in-out;
}
.ateamo-roster-search-select-players input {
  padding: 0 50px 0 20px;
  width: 100%;
  height: 100%;
}
.ateamo-roster-search-select-players input::-ms-clear, .ateamo-roster-search-select-players input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.ateamo-roster-search-select-players input::-webkit-search-decoration, .ateamo-roster-search-select-players input::-webkit-search-cancel-button, .ateamo-roster-search-select-players input::-webkit-search-results-button, .ateamo-roster-search-select-players input::-webkit-search-results-decoration {
  display: none;
}
.ateamo-roster-search-select-players input:focus ~ label,
.ateamo-roster-search-select-players input:not(:placeholder-shown) ~ label {
  top: -1px;
  left: 15px;
  font-size: 9px;
  padding: 1px 5px;
}

.ateamo-roster-list-players--margin-top {
  margin-top: 30px;
}

.ateamo-roster-options .ateamo-modal--content, .ateamo-recruitment-options .ateamo-modal--content {
  width: 200px;
  min-width: 200px;
}

.ateamo-tip {
  padding: 8px;
  width: 90px;
  border-radius: 8px;
  background: #2E2E2D;
  text-align: center;
  color: #FFF;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  position: absolute;
  bottom: 20px;
  left: calc(50% - 100px);
  user-select: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
  z-index: 2;
}
.ateamo-tip:before {
  content: url("../images/tooltip-icon.svg");
  bottom: -10px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.ateamo-roster-list-players table tr {
  border: none;
}

.ateamo-roster-header-name,
.ateamo-roster-list-players-list-item-info {
  min-width: 206px;
  width: 100%;
}

.ateamo-roster-list-players-list-item-actions--inside {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

.ateamo-roster-header-number,
.ateamo-roster-header-actions,
.ateamo-roster-header-age,
.ateamo-roster-list-players-list-item-captain,
.ateamo-roster-header-captain {
  width: 100%;
  max-width: 60px;
}

.ateamo-divider {
  display: block;
  width: 100%;
  height: 1px;
  background: #F0EFED;
  margin-top: 20px;
}

.ateamo-roster-send-payment-link {
  display: none !important;
}

.ateamo-roster-invite-registration-link {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ateamo-roster-invite-registration-link img {
  margin-right: 5px;
}

.ateamo-roster-invite-registration--buttons {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.ateamo-container--no-border {
  border: none !important;
}

.ateamo-container--no-padding {
  padding: 0 !important;
}

.ateamo-container--manage-roster #ateamo-roster-manage-result .ateamo-invite-container {
  padding: 0;
  border-radius: 6px;
  background-color: transparent;
  max-width: 600px;
}
.ateamo-container--manage-roster #ateamo-roster-manage-result .ateamo-invite-container.ateamo-manage-roster--padding {
  padding: 8px;
  border: none;
  max-width: 800px;
}
.ateamo-container--manage-roster #ateamo-roster-manage-result .ateamo-invite-container.ateamo-invite-container-logout {
  background-color: #ffffff;
  margin: auto auto 30px;
}
.ateamo-container--manage-roster #ateamo-roster-manage-result .ateamo-registration.ateamo-manage-roster-league-result {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0;
}
.ateamo-container--manage-roster #ateamo-roster-manage-result .ateamo-registration.ateamo-manage-roster-league-result .ateamo-registration-wrapper {
  background-color: #ffffff;
  padding: 8px;
  border-radius: 6px;
}
.ateamo-container--manage-roster #ateamo-roster-manage-result .ateamo-registration.ateamo-manage-roster-league-result .ateamo-registration-wrapper .ateamo-roster-list-players--pending .ateamo-roster-input-item--number,
.ateamo-container--manage-roster #ateamo-roster-manage-result .ateamo-registration.ateamo-manage-roster-league-result .ateamo-registration-wrapper .ateamo-roster-list-players--denied .ateamo-roster-input-item--number {
  pointer-events: none;
}
.ateamo-container--manage-roster #ateamo-roster-manage-result .ateamo-registration.ateamo-manage-roster-league-result .ateamo-registration-wrapper .ateamo-roster-input-item--number {
  pointer-events: none;
}
.ateamo-container--manage-roster #ateamo-roster-manage-result .ateamo-registration.ateamo-manage-roster-result .ateamo-registration-wrapper .ateamo-roster-input-item--number {
  pointer-events: auto;
}
.ateamo-container--manage-roster #ateamo-roster-manage-result .ateamo-registration.ateamo-manage-roster-result .ateamo-registration-wrapper .ateamo-roster-input-item--number.ateamo-roster-input-item--number-hidden {
  pointer-events: none;
}
.ateamo-container--manage-roster #ateamo-roster-manage-result .ateamo-registration.ateamo-send-invites-result .ateamo-registration-wrapper,
.ateamo-container--manage-roster #ateamo-roster-manage-result .ateamo-registration.ateamo-add-to-roster-result .ateamo-registration-wrapper,
.ateamo-container--manage-roster #ateamo-roster-manage-result .ateamo-registration.ateamo-manage-roster-result .ateamo-registration-wrapper {
  padding: 0;
}
.ateamo-container--manage-roster #ateamo-roster-manage-result .ateamo-registration {
  background-color: #ffffff;
  padding: 8px;
}
.ateamo-container--manage-roster #ateamo-roster-manage-result .ateamo-registration.ateamo-manage-roster-result {
  border: none;
}
.ateamo-container--manage-roster #ateamo-roster-manage-result .ateamo-registration:empty {
  display: none;
}

.ateamo-roster-invite-registration-link p {
  font-size: 13px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
  color: #858483;
  margin-bottom: 8px !important;
}

.ateamo-roster-invite-registration-link div {
  position: relative;
}

.ateamo-roster-list-players-list .ateamo-roster-list-players-list-item:nth-child(odd) {
  background-color: #f7f7f7;
}

.ateamo-roster-list-players--flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.ateamo-roster-list-players-header th {
  font-size: 12px;
  color: #555555;
  font-weight: bold;
  text-align: center;
  padding: 5px 0 15px;
  min-width: 50px;
}

.ateamo-roster-list-players-header th:first-child {
  min-width: 60px;
}

.ateamo-roster-list-players-header th:first-child,
.ateamo-roster-list-players-header th:nth-child(2) {
  text-align: left;
}

.ateamo-roster-header-name {
  text-align: left;
}

.ateamo-roster--select button {
  border: 0;
  background: #EBEBEB;
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  padding: 2px 21px;
  border-radius: 10px;
  width: 80px;
  white-space: nowrap;
}
.ateamo-roster--select button:hover {
  opacity: 0.6;
}

table.ateamo-roster-list-players {
  border-collapse: collapse;
}
table.ateamo-roster-list-players.ateamo-active-roster--options-hidden .ateamo-roster-send-reminder {
  display: none !important;
}

.ateamo-roster-list-players-list-item-info {
  display: flex;
}

.ateamo-roster-list-players-list-item-age {
  font-size: 14px;
  font-weight: 500;
  color: #555555;
}

.ateamo-roster-list-players-list-item-age p {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.ateamo-roster-list-players-list-item-age p:last-child {
  font-weight: 500;
  font-size: 11px;
}

.ateamo-roster-captain {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ateamo-roster-captain svg .ateamo-roster-captain--box {
  fill: #dedede;
}

.ateamo-roster-user-captain svg .ateamo-roster-captain--box {
  fill: #000000;
}

.ateamo-roster-age {
  font-size: 14px;
  font-weight: 500;
}

.ateamo-roster-invite-registration-link input {
  width: 100%;
  padding: 10px;
  border-radius: 6px;
  background: #E8E8E6;
  font-size: 14px;
  font-weight: 500;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #575756;
  border: none;
}
.ateamo-roster-invite-registration-link input:focus {
  background-color: #E8E8E6 !important;
}

.ateamo-roster-list-players-list-item {
  position: relative;
}

.season-pass-active, .season-pass-not-active {
  display: none !important;
}

.ateamo-roster-list-players--status.ateamo-hidden {
  display: table-row;
}
.ateamo-roster-list-players--status.ateamo-hidden .ateamo-roster-list-players-list-item-number {
  z-index: 2;
  opacity: 1;
}

.ateamo-roster-list-players-list-item.ateamo-hidden td {
  opacity: 0.3;
}
.ateamo-roster-list-players-list-item.ateamo-hidden td:last-child {
  opacity: 1;
}

.ateamo-roster-list-players-list-item-active-player {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 10px;
}

.ateamo-roster-list-buttons {
  margin-top: 10px;
}

.ateamo-roster-list-buttons-note span {
  display: block;
  font-size: 13px;
  margin-top: 5px;
}

.ateamo-roster-list-players-list-item.ateamo-loader.ateamo-hidden:after {
  position: absolute;
  z-index: 2;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
}

.ateamo-roster--back,
.ateamo-group--back-button {
  position: relative;
}
.ateamo-roster--back .ateamo-error-message,
.ateamo-group--back-button .ateamo-error-message {
  width: calc(100% - 80px);
  margin: 0 40px;
}
.ateamo-roster--back button,
.ateamo-group--back-button button {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
.ateamo-roster--back button:before,
.ateamo-group--back-button button:before {
  content: url("../images/arrow-back-icon.svg");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}

.ateamo-roster-list-buttons-note a {
  color: #23B236;
  text-decoration: none !important;
}

.ateamo-send-reminders-button {
  margin-right: 10px !important;
}

.ateamo-print-roster-tooltip {
  position: relative;
  flex: 0;
  margin-left: auto;
  white-space: nowrap;
  text-align: right;
}
.ateamo-print-roster-tooltip .ateamo-tip {
  left: calc(50% - 75px);
  width: 150px;
}
.ateamo-print-roster-tooltip:hover .ateamo-tip {
  opacity: 1;
  visibility: visible;
  bottom: 40px;
}

.ateamo-roster-next-match {
  display: flex;
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 10px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.ateamo-roster-next-match h2 {
  font-size: 16px;
  color: #575756;
  font-weight: 500;
}
.ateamo-roster-next-match h3, .ateamo-roster-next-match h4 {
  font-size: 14px;
  color: #575756;
  font-weight: 500;
}

.ateamo-roster-next-match {
  margin-top: 30px;
}

.ateamo-red-card-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ateamo-red-card-wrapper:hover .ateamo-tip-red-card {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
}

.ateamo-red-card-icon {
  width: 19px;
  height: 22px;
  background-color: #f40000;
  border-radius: 6px;
  margin-right: 10px;
  display: block;
}

.ateamo-tip.ateamo-tip-red-card {
  width: 160px;
  left: calc(50% - 85px);
}

.ateamo-roster-player--indicate {
  height: 40px;
  min-width: 40px;
  object-fit: cover;
  border: 1px solid #006854;
  background-color: #006854;
  color: #ffffff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  text-transform: uppercase;
}

.ateamo-roster-pdf--body {
  padding: 50px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ateamo-roster-pdf--body a {
  padding: 5px 20px !important;
  gap: 5px;
  font-size: 14px;
  margin-bottom: 4px;
}

.ateamo-print-roster-pdf-button {
  min-height: 32px;
  height: 32px;
}
.ateamo-print-roster-pdf-button:after {
  border-radius: 6px;
}

.ateamo-roster-list-players-list-item-details {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 10px;
  background-color: transparent;
  border: none;
}

.ateamo-send-invites-result .ateamo-roster-list-player--button,
.ateamo-add-to-roster-result .ateamo-roster-list-player--button {
  pointer-events: none;
}

.ateamo-roster-list-player--button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.ateamo-roster-list-player--button > * {
  pointer-events: none;
}
.ateamo-roster-list-player--button:hover {
  background-color: transparent;
}

.ateamo-roster-list-players-list-item td {
  padding: 8px 0;
}

.ateamo-registration-item--separator {
  margin: 15px 0 10px;
  border: 0.5px solid #DEDDDC;
}

.ateamo-non-registration-groups {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ateamo-registration-item-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.ateamo-registration-item-block.ateamo-registration-item-block--players {
  margin-top: 20px;
}
.ateamo-registration-item-block.ateamo-registration-item-block--players label {
  display: flex;
}
.ateamo-registration-item-block.ateamo-registration-item-block--players label, .ateamo-registration-item-block.ateamo-registration-item-block--players input {
  width: 100%;
  max-width: 100%;
}
.ateamo-registration-item-block button {
  border: none;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ateamo-registration-item-block label {
  position: relative;
}
.ateamo-registration-item-block label svg {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.ateamo-registration-item-block label input, .ateamo-registration-item-block label .input {
  border: 1px solid #D0D5DD;
  padding: 0 14px 0 35px !important;
  max-width: 157px;
  width: 100%;
  height: 44px;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  border-radius: 8px;
  overflow-y: auto;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.ateamo-search-message-player,
.ateamo-search-message {
  color: #ff0000;
  text-align: center;
  margin: 20px 0;
  font-size: 20px;
  font-weight: bold;
}

.ateamo-roster--checkbox-captain.ateamo-active,
.ateamo-roster-list-players-list-item-number label.ateamo-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  display: flex;
  cursor: no-drop;
}

.ateamo-roster-list-players-list-item-number label input:checked ~ span.ateamo-roster--checkbox {
  border: 1px solid #252e09;
  background-color: #303d0b;
}

.ateamo-roster-list-players-list-item-number label input:checked ~ span.ateamo-roster--checkbox:before {
  content: url("../images/checkmark.svg");
}

span.ateamo-roster--checkbox-captain:before {
  width: 23px;
  height: 23px;
  content: url("../images/checkmark-x-icon.svg");
}

.ateamo-roster-list-players-list-item-number label.ateamo-roster-checkbox-item input {
  position: absolute;
  left: -99999px;
  overflow: hidden;
  width: 1px;
  height: 1px;
}

span.ateamo-roster--checkbox {
  border: 1px solid #c2c2c2;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  background-color: #f7f7f7;
}

span.ateamo-roster--checkbox-captain {
  border: 1px solid #9b0704;
  background-color: #cc0100;
}

.ateamo-roster-list-players-list .ateamo-roster-list-players-list-item,
.ateamo-mange-roster-list-items .ateamo-roster-list-players-list-item {
  position: relative;
  padding: 8px 0;
  border-radius: 0;
  transition: all 0.3s;
}
.ateamo-roster-list-players-list .ateamo-roster-list-players-list-item > td,
.ateamo-mange-roster-list-items .ateamo-roster-list-players-list-item > td {
  vertical-align: middle;
  border-radius: 0;
}
.ateamo-roster-list-players-list .ateamo-roster-list-players-list-item-name,
.ateamo-mange-roster-list-items .ateamo-roster-list-players-list-item-name {
  margin-right: auto;
  flex-direction: column;
  align-items: flex-start;
}
.ateamo-roster-list-players-list .ateamo-roster-list-players-list-item-name > p:first-child,
.ateamo-mange-roster-list-items .ateamo-roster-list-players-list-item-name > p:first-child {
  text-align: left;
  font-weight: 600;
}
.ateamo-roster-list-players-list .ateamo-roster-list-players-list-item-number,
.ateamo-mange-roster-list-items .ateamo-roster-list-players-list-item-number {
  width: 43px;
  color: #575756;
  font-size: 13px;
  font-weight: 700;
  line-height: 14px;
  text-align: center;
  text-transform: uppercase;
}

.ateamo-roster-players-modal--slider .ateamo-modal--content {
  background: transparent;
  padding: 0;
  max-width: 300px;
  min-width: 300px;
  overflow: visible;
  width: auto;
}
.ateamo-roster-players-modal--slider .ateamo-modal-form {
  flex-direction: column;
}
.ateamo-roster-players-modal--slider .swiper-slide {
  border-radius: 25px;
}
.ateamo-roster-players-modal--slider .ateamo-roster--slider-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 25px;
  padding: 40px 5px;
}
.ateamo-roster-players-modal--slider .ateamo-roster--slider-slide .ateamo-roster--slide-img {
  width: 200px;
  height: 200px;
  border-radius: 25px;
}
.ateamo-roster-players-modal--slider .ateamo-roster--slider-slide .ateamo-roster--slide-img .ateamo-roster-player--indicate, .ateamo-roster-players-modal--slider .ateamo-roster--slider-slide .ateamo-roster--slide-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 15px;
  font-size: 50px;
}
.ateamo-roster-players-modal--slider .ateamo-roster--slider-slide .ateamo-roster--slider-name {
  color: #2E2E2D;
  font-size: 20px;
  line-height: 124%;
  font-weight: 600;
  margin-top: 15px;
}
.ateamo-roster-players-modal--slider .ateamo-roster--slider-slide .ateamo-roster--slider-number {
  color: #2E2E2D;
  font-size: 20px;
  line-height: 124%;
  font-weight: 500;
  margin-top: 15px;
}
.ateamo-roster-players-modal--slider .ateamo-roster--slider-slide .ateamo-roster--slider-age {
  color: #2E2E2D;
  font-size: 18px;
  line-height: 124%;
  margin-top: 15px;
  display: flex;
}
.ateamo-roster-players-modal--slider .ateamo-roster--slider-slide .ateamo-roster--slider-age p {
  font-weight: 600;
}
.ateamo-roster-players-modal--slider .ateamo-roster--slider-status {
  margin-top: 15px;
}
.ateamo-roster-players-modal--slider .ateamo-roster--slider-status span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  color: #ffffff;
  font-size: 20px;
  line-height: 124%;
  font-weight: 600;
  height: 40px;
  border-radius: 5px;
}
.ateamo-roster-players-modal--slider .ateamo-roster--slider-status span.active {
  background-color: #23B236;
}
.ateamo-roster-players-modal--slider .ateamo-roster--slider-status span.suspended {
  background-color: #f40000;
}
.ateamo-roster-players-modal--slider .ateamo-roster-slider-navigation {
  position: absolute;
  bottom: -50px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}
.ateamo-roster-players-modal--slider .ateamo-roster-slider-navigation > div {
  position: relative;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.ateamo-roster-players-modal--slider .ateamo-roster-slider-navigation > div.swiper-button-disabled {
  opacity: 0;
  cursor: no-drop;
}
.ateamo-roster-players-modal--slider .ateamo-roster-slider-navigation > div:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
}
.ateamo-roster-players-modal--slider .ateamo-roster-slider-navigation .swiper-button-lock {
  display: none;
}
.ateamo-roster-players-modal--slider .ateamo-roster-slider-navigation .prev:before {
  content: url("../images/arrow-prev-icon.svg");
}
.ateamo-roster-players-modal--slider .ateamo-roster-slider-navigation .next:before {
  content: url("../images/arrow-next-icon.svg");
}

.ateamo-roster-checkbox-item {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.ateamo-roster-checkbox-item.ateamo-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.ateamo-roster--checkbox-captain.ateamo-active,
.ateamo-roster-list-players-list-item-number label.ateamo-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.ateamo-roster-list-players-list-item-number label input:checked ~ span.ateamo-roster--checkbox {
  border: 1px solid #252e09;
  background-color: #303d0b;
}

.ateamo-roster-list-players-list-item-number label input:checked ~ span.ateamo-roster--checkbox:before {
  content: url("../images/checkmark.svg");
}

.ateamo-roster-list-players-list-item-number label.ateamo-roster-checkbox-item input {
  position: absolute;
  left: -99999px;
  overflow: hidden;
  width: 1px;
  height: 1px;
}
.ateamo-roster-list-players-list-item-number label.ateamo-roster-input-item--number {
  position: relative;
}
.ateamo-roster-list-players-list-item-number label.ateamo-roster-input-item--number span {
  position: absolute;
  right: 30px;
  padding: 4px 8px;
  color: #ffffff;
  font-weight: 500;
  font-size: 12px;
  top: 50%;
  border-radius: 4px;
  transform: translateY(-50%);
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
}
.ateamo-roster-list-players-list-item-number label.ateamo-roster-input-item--number span::before {
  position: absolute;
  right: -8px;
  width: 0;
  height: 0;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
}
.ateamo-roster-list-players-list-item-number label.ateamo-roster-input-item--number span.saved {
  background-color: #23B236;
}
.ateamo-roster-list-players-list-item-number label.ateamo-roster-input-item--number span.saved::before {
  border-color: transparent transparent transparent #23B236;
  border-style: solid;
  border-width: 4px 4px 4px;
}
.ateamo-roster-list-players-list-item-number label.ateamo-roster-input-item--number span.taken {
  background-color: #C01913;
}
.ateamo-roster-list-players-list-item-number label.ateamo-roster-input-item--number span.taken::before {
  border-color: transparent transparent transparent #C01913;
  border-style: solid;
  border-width: 4px 4px 4px;
}
.ateamo-roster-list-players-list-item-number label.ateamo-roster-input-item--number input {
  width: 25px;
  height: 20px;
  text-align: center;
  font-weight: 500;
  border: none;
  border-bottom: 1px solid #858483;
  border-radius: 0;
  background-color: transparent;
  padding: 0 !important;
}

span.ateamo-roster--checkbox {
  border: 1px solid #c2c2c2;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  position: absolute;
  z-index: 1;
}

span.ateamo-roster--checkbox-captain {
  border: 1px solid #9b0704;
  background-color: #cc0100;
}

.ateamo-send-invites-result .ateamo-roster-list-players-actions--relative,
.ateamo-add-to-roster-result .ateamo-roster-list-players-actions--relative {
  display: none;
}
.ateamo-send-invites-result .ateamo-roster-list-actions--add-player,
.ateamo-add-to-roster-result .ateamo-roster-list-actions--add-player {
  display: block;
}

.ateamo-registration.ateamo-manage-roster-result .ateamo-roster-list-players-actions--relative {
  display: block;
}
.ateamo-registration.ateamo-manage-roster-result .ateamo-roster-list-actions--add-player {
  display: none;
}

.ateamo-add-to-roster-result .ateamo-roster-list-players-list-item-name, .ateamo-roster-list-send-invites .ateamo-roster-list-players-list-item-name {
  margin-right: auto;
  flex-direction: column;
  align-items: flex-start;
}
.ateamo-add-to-roster-result .ateamo-roster-list-players-list-item-name > p:first-child, .ateamo-roster-list-send-invites .ateamo-roster-list-players-list-item-name > p:first-child {
  font-weight: 600;
}
.ateamo-add-to-roster-result .ateamo-roster-list-players-list-item-photo, .ateamo-roster-list-send-invites .ateamo-roster-list-players-list-item-photo {
  width: 100%;
}

.ateamo-roster-player--email {
  font-size: 11px;
}

.ateamo-mange-roster-list-items .ateamo-roster-list-players-list-item {
  position: relative;
  padding: 8px 0;
}
.ateamo-mange-roster-list-items .ateamo-roster-list-players-list-item-name {
  margin-right: auto;
  flex-direction: column;
  align-items: flex-start;
}
.ateamo-mange-roster-list-items .ateamo-roster-list-players-list-item-name > p:first-child {
  font-weight: 600;
}
.ateamo-mange-roster-list-items .ateamo-roster-list-players-list-item-number {
  width: 43px;
  color: #575756;
  font-size: 13px;
  font-weight: 700;
  line-height: 14px;
  text-transform: uppercase;
}

.ateamo-roster-list-players table.ateamo-roster-list-players {
  margin-top: 0;
}

.ateamo-roster--archive-select {
  display: flex;
  align-items: center;
}
.ateamo-roster--archive-select.ateamo-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.ateamo-roster--archive-select p {
  white-space: nowrap;
  color: #858483;
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
}

.ateamo-roster-list-players--invite,
.ateamo-roster-list-players--archive {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #000000;
  z-index: 10;
  background-color: rgba(0, 104, 84, 0.8);
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
.ateamo-roster-list-players--invite.ateamo-hidden,
.ateamo-roster-list-players--archive.ateamo-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.ateamo-roster-list-players--invite p,
.ateamo-roster-list-players--archive p {
  white-space: nowrap;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
}
.ateamo-roster-list-players--invite button,
.ateamo-roster-list-players--archive button {
  background-color: #F5F4F2 !important;
  padding: 7px 20px 7px 44px;
  position: relative;
  border-radius: 25px;
  color: #575756;
  font-weight: 600;
}
.ateamo-roster-list-players--invite button:hover,
.ateamo-roster-list-players--archive button:hover {
  opacity: 0.8;
}
.ateamo-roster-list-players--invite button img,
.ateamo-roster-list-players--invite button svg,
.ateamo-roster-list-players--archive button img,
.ateamo-roster-list-players--archive button svg {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
.ateamo-roster-list-players--invite button img,
.ateamo-roster-list-players--archive button img {
  filter: invert(1);
}
.ateamo-roster-list-players--invite button.ateamo-deselect-invite-button, .ateamo-roster-list-players--invite button.ateamo-deselect-button,
.ateamo-roster-list-players--archive button.ateamo-deselect-invite-button,
.ateamo-roster-list-players--archive button.ateamo-deselect-button {
  padding: 7px 20px;
}

.ateamo-roster-list-player--actions-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ateamo-roster-list-player--actions-menu .ateamo-roster--action-button {
  height: 24px;
}

.ateamo-roster-list-players-actions--relative {
  position: relative;
}
.ateamo-roster-list-players-actions--relative .ateamo-button--dots {
  padding: 5px;
  display: flex;
  border-radius: 6px;
}
.ateamo-roster-list-players-actions--relative .ateamo-button--dots:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.ateamo-roster-list-players-actions--relative .ateamo-roster-list-players-actions {
  position: absolute;
  top: 100%;
  pointer-events: none;
  transition: all 0.3s ease;
  transform: translateX(-50%) translateY(10px);
  opacity: 0;
  visibility: hidden;
}
.ateamo-roster-list-players-actions--relative .ateamo-roster-list-players-actions-items {
  box-shadow: 0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
  background: #fff;
  border-radius: 6px;
  border: 1px solid #e5e5e3;
  padding: 0;
}
.ateamo-roster-list-players-actions--relative .ateamo-roster-list-players-actions-items h2 {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  border-bottom: solid 1px #ccc;
  padding: 10px;
  margin-bottom: 10px;
  white-space: nowrap;
}
.ateamo-roster-list-players-actions--relative .ateamo-roster-list-players-actions .ateamo-roster-options-block .ateamo-button--options {
  height: 23px;
  padding: 0 5px;
  border-radius: 3px;
  white-space: nowrap;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
}
.ateamo-roster-list-players-actions--relative .ateamo-roster-list-players-actions .ateamo-roster-options-block .ateamo-button--options:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.ateamo-roster-list-players-actions--relative .ateamo-roster-list-players-actions.open {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  z-index: 5;
  pointer-events: auto;
}

.ateamo-roster-registration-modal .ateamo-modal--content {
  padding: 10px 40px 50px;
  max-width: 420px;
}

.ateamo-generate-registration-link--body {
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: center;
}
.ateamo-generate-registration-link--header {
  font-weight: 700;
  font-size: 16px;
  line-height: 128%;
  color: #525252;
  text-align: center;
  margin-top: 15px;
}
.ateamo-generate-registration-link--main .ateamo-error-registration--message {
  margin-top: 5px;
}
.ateamo-generate-registration-link--main .ateamo-error-registration--message p {
  margin: 0;
}
.ateamo-generate-registration-link--main p.team {
  font-weight: 500;
  font-size: 16px;
  line-height: 128%;
}
.ateamo-generate-registration-link--main p {
  font-weight: 400;
  font-size: 13px;
  line-height: 128%;
  text-align: center;
  color: #333333;
  margin-top: 15px;
}
.ateamo-generate-registration-link--main > div a {
  font-weight: 400;
  font-size: 14px;
  line-height: 128%;
  color: #2867EF;
  margin: 15px 0 0 0;
  text-align: left;
  overflow-wrap: break-word;
}
.ateamo-generate-registration-link--main > div a svg {
  left: 0;
}
.ateamo-generate-registration-link--footer {
  display: flex;
  justify-content: space-between;
  padding-top: 40px;
  font-weight: 500;
  font-size: 14px;
  line-height: 128%;
  color: #525252;
}
@media (max-width: 991px) {
  .ateamo-roster-list-players {
    overflow: auto;
  }
  .ateamo-roster-list-players-actions--relative .ateamo-roster-list-players-actions {
    left: auto;
    right: 0;
    transform: translateX(0px) translateY(0px);
  }
  .ateamo-roster-list-players-actions--relative .ateamo-roster-list-players-actions.open {
    transform: translateX(-5px) translateY(0px);
  }
  .ateamo-roster-registration-modal .ateamo-modal--content {
    padding: 20px;
  }
}
@media (max-width: 600px) {
  .ateamo-roster-list-players--archive {
    z-index: 11;
  }
  .ateamo-roster-invite-registration--buttons {
    flex-wrap: wrap;
    gap: 5px;
  }
  .ateamo-roster-invite-registration--buttons > button, .ateamo-roster-invite-registration--buttons .ateamo-print-roster-tooltip {
    width: 100%;
    margin: 0 !important;
  }
  .ateamo-roster-list-players-header th:first-child {
    min-width: 55px;
  }
  .ateamo-roster-list-players-list-item-number span {
    width: 20px;
    height: 20px;
  }
  .ateamo-roster-list-players-list-item-number label.ateamo-roster-input-item--number input {
    width: 18px;
    height: 18px;
  }
  .ateamo-roster-list-players-list-item-options p {
    margin-right: 2px;
  }
  .ateamo-container--manage-roster .ateamo-invite-container {
    padding: 15px 5px;
  }
  .ateamo-roster-next-match {
    flex-direction: column;
  }
  .ateamo-roster-next-match div:nth-child(2) {
    text-align: left !important;
    margin-top: 15px;
  }
  .ateamo-invite-container {
    padding: 5px;
  }
  .ateamo-roster-list-players-list-item-name p:first-child {
    font-size: 13px;
  }
  .ateamo-roster-list-players-list-item-photo .ateamo-roster-player--indicate,
  .ateamo-roster-list-players-list-item-photo img {
    height: 30px;
    width: 30px;
    min-width: 30px;
    font-size: 12px;
  }
  .ateamo-roster-list-players-list-item-options span {
    margin-right: 0;
  }
  .ateamo-roster-invite-registration-link .ateamo-button--grey {
    font-size: 13px;
    padding: 0 10px !important;
  }
  .ateamo-roster-invite-registration-link .ateamo-button--grey img {
    display: none;
  }
  .ateamo-roster-list-players-list-item-photo {
    margin: 0 5px;
  }
  .ateamo-roster-list-players-list-item-number {
    width: 25px;
    font-size: 12px;
  }
  .ateamo-red-card-icon {
    margin-right: 2px;
  }
  .ateamo-registration-item-block {
    align-items: flex-start;
    flex-direction: column;
  }
  .ateamo-registration-item-block label,
  .ateamo-registration-item-block label input {
    width: 100%;
    max-width: 100%;
  }
  .ateamo-roster-list-players-list-item-details {
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
  }
  .ateamo-roster-list-players-header th {
    padding-bottom: 10px;
    font-size: 11px;
  }
}
.ateamo-button--print-roster.ateamo-print-roster-pdf-button {
  min-width: 125px;
}

.ateamo-search-manager-roster .ateamo-roster-search-select {
  width: 100%;
}
.ateamo-search-manager-roster .ateamo-roster-search-select label {
  position: absolute;
  width: auto;
  left: 30px;
}
.ateamo-search-manager-roster .ateamo-search-icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: -5px;
}
.ateamo-search-manager-roster #ateamo-search-player-roster.ateamo-input {
  padding-left: 30px !important;
}
.ateamo-search-manager-roster .ateamo-manage-roster-search--close-button {
  position: absolute;
  top: 0;
  padding: 0 !important;
  width: 30px;
  height: 44px;
  right: 0;
  background: transparent !important;
  z-index: 3;
  opacity: 0;
  transition: 0.3s all;
}
.ateamo-search-manager-roster .ateamo-manage-roster-search--close-button svg {
  position: initial;
  transform: none;
}
.ateamo-search-manager-roster .ateamo-manage-roster-search--close-button-active {
  opacity: 1;
}

.ateamo-print-roster-group-button img {
  width: 20px;
  margin-right: 6px;
}
.ateamo-print-roster-group-button:disabled .ateamo-tip {
  width: 160px;
  bottom: 30px;
  left: 1px;
}
.ateamo-print-roster-group-button:disabled:hover {
  opacity: 1;
}
.ateamo-print-roster-group-button:disabled:hover .ateamo-tip {
  opacity: 1;
  visibility: visible;
  bottom: 40px;
}

.ateamo-print-roster-group-button.ateamo-loader {
  height: auto;
  width: auto;
  min-height: 32px;
}

@media screen and (max-width: 768px) {
  #ateamo-roster-manage-result .ateamo-invite-container #sign-in, #ateamo-roster-manage-result .ateamo-invite-container #sign-up {
    flex-direction: column;
  }
  #ateamo-roster-manage-result .ateamo-invite-container .ateamo-registration--info {
    padding: 20px 0;
  }
  .ateamo-roster-player--email {
    display: none;
  }
}
@media (min-width: 600px) {
  .ateamo-button--print-roster.ateamo-print-roster-pdf-button {
    min-width: 170px;
  }
}
.ateamo-open-add-to-roster {
  position: fixed;
  bottom: 24px;
  z-index: 1000;
  left: calc((100vw - min(100vw, 760px)) / 2 + min(100vw, 760px) + 64px);
  transform: translateX(-100%);
  right: auto;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  display: none;
}

@media (max-width: 800px) {
  .ateamo-open-add-to-roster {
    left: auto;
    right: 16px;
  }
}
#ateamo-player-pool-result {
  position: relative;
}
#ateamo-player-pool-result .ateamo-invite-container {
  max-width: 600px;
}
#ateamo-player-pool-result .ateamo-invite-container--small {
  max-width: 350px;
}
#ateamo-player-pool-result .ateamo-invite-container-info {
  position: relative;
}

.ateamo-invite-options .ateamo-modal--content {
  width: 280px;
}

.ateamo-invite-request-header--center {
  text-align: center;
}

.ateamo-invite-request-text.ateamo-invite-request-small-text {
  font-size: 12px;
  margin-top: 50px;
}

.ateamo-player-pool-generate-qr {
  display: block;
  margin: 0 auto;
  width: 300px;
}

.ateamo-invite-link {
  border-radius: 6px;
  background: #F0EFED;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 500;
  overflow: auto;
  line-height: 30px;
}
.ateamo-invite-buttons {
  margin-top: 20px;
}

.ateamo-container--manage-roster .ateamo-registration-wrapper .ateamo-registration-grid.ateamo-registration-grid__full-width {
  margin-top: 0;
}
.ateamo-container--manage-roster .ateamo-registration-wrapper .ateamo-registration-grid.ateamo-registration-grid__full-width .ateamo-registration-grid-item.choose-group-button {
  transition: all 0.3s ease-in-out;
}
.ateamo-container--manage-roster .ateamo-registration-wrapper .ateamo-registration-grid.ateamo-registration-grid__full-width .ateamo-registration-grid-item.choose-group-button:hover {
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
}
.ateamo-container--manage-roster .ateamo-registration-wrapper .ateamo-registration-grid.ateamo-registration-grid__full-width .ateamo-registration-grid-item .ateamo-registration-grid-item-inside {
  background: #F0EFED;
  border: none;
  border-radius: 6px;
}
.ateamo-container--manage-roster .ateamo-registration-wrapper .ateamo-registration-grid.ateamo-registration-grid__full-width .ateamo-registration-grid-item .ateamo-registration-grid-item-inside img {
  width: 50px;
  margin-bottom: 15px !important;
  height: auto !important;
}
.ateamo-container--manage-roster .ateamo-registration-wrapper .ateamo-registration-grid.ateamo-registration-grid__full-width .ateamo-registration-grid-item .ateamo-registration-grid-item-inside span {
  font-size: 14px;
  font-weight: 600;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #2E2E2D;
}
.ateamo-container--manage-roster .ateamo-registration-wrapper .ateamo-registration-grid.ateamo-registration-grid__full-width .ateamo-registration-grid-item .ateamo-registration-grid-item-inside .ateamo-select-player-pool-button {
  margin-top: 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: -0.01em;
  width: 130px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ateamo-container--manage-roster .ateamo-registration-wrapper .ateamo-registration-grid.ateamo-registration-grid__full-width .ateamo-registration-grid-item .ateamo-registration-grid-item-inside .ateamo-select-player-pool-button:before {
  content: url("../images/select-player-pool-icon.svg");
  margin-right: 6px;
}
.ateamo-container--manage-roster .ateamo-roster-list-players .ateamo-button--request, .ateamo-container--manage-roster .ateamo-roster-list-players .ateamo-roster-username {
  display: none;
}
.ateamo-container--manage-roster .ateamo-roster-list-players-recruitments {
  margin-top: 20px;
}
.ateamo-container--manage-roster .ateamo-roster-list-players-recruitments-buttons {
  display: flex;
  align-items: center;
}
.ateamo-container--manage-roster .ateamo-roster-list-players-recruitments-buttons .recruitment-options-button {
  margin-right: 8px;
}
.ateamo-container--manage-roster .ateamo-roster-list-players-recruitments-buttons .recruitments-invite-counter {
  margin-left: auto;
  border-radius: 30px;
  background: #F0EFED;
  color: #858483;
  font-size: 14px;
  text-transform: uppercase;
  padding: 4px 10px;
}
.ateamo-container--manage-roster .ateamo-roster-list-players-recruitments-buttons .recruitments-invite-counter img {
  margin-right: 2px;
  position: relative;
  top: 3px;
}
.ateamo-container--manage-roster .ateamo-roster-list-players-recruitments .ateamo-invite-title {
  font-size: 17px;
  text-align: left;
}
.ateamo-container--manage-roster .ateamo-roster-list-players--requests .ateamo-button--request {
  display: flex;
}
.ateamo-container--manage-roster .ateamo-roster-list-players--requests .ateamo-roster-list-players-list-item-photo {
  margin-left: 0;
}
.ateamo-container--manage-roster .ateamo-roster-list-players--requests .ateamo-roster-username {
  display: block;
}
.ateamo-container--manage-roster .ateamo-roster-list-players--requests .ateamo-button--dots {
  display: none;
}
.ateamo-container--manage-roster .ateamo-roster-list-players--requests .ateamo-roster-list-players-list-item-number .ateamo-roster-checkbox-item {
  display: none !important;
}
.ateamo-container--manage-roster .ateamo-roster-list-players--requests .ateamo-roster-list-players-list-item-number svg {
  display: block !important;
}
.ateamo-container--manage-roster #recruitment-block-date span {
  margin-left: 5px;
}
.ateamo-container--manage-roster .ateamo-invite-request-inputs {
  margin: 25px 0 20px 0;
}
.ateamo-container--manage-roster .ateamo-invite-request-inputs input {
  border-radius: 6px;
  background: #F5F4F2;
}
.ateamo-container--manage-roster .ateamo-invite-request-inputs-dates {
  margin-top: 15px;
  display: flex;
}
.ateamo-container--manage-roster .ateamo-invite-request-inputs-dates-item {
  position: relative;
  width: 100%;
}
.ateamo-container--manage-roster .ateamo-invite-request-inputs-dates-item input {
  padding-top: 10px !important;
}
.ateamo-container--manage-roster .ateamo-invite-request-inputs-dates-item span {
  position: absolute;
  top: 7px;
  left: 20px;
  color: #858483;
  font-size: 12px;
  font-weight: normal;
}
.ateamo-container--manage-roster .ateamo-invite-request-inputs-dates-item:nth-child(2) {
  margin-left: 15px;
  width: 30% !important;
}
.ateamo-container--manage-roster .ateamo-invite-request-textarea {
  position: relative;
}
.ateamo-container--manage-roster .ateamo-invite-request-textarea #ateamo-recruitment-details {
  margin-top: 15px;
  width: 100%;
  resize: none;
  height: 150px;
  padding: 8px 20px !important;
  border-radius: 6px;
  background: #F5F4F2;
}
.ateamo-container--manage-roster .ateamo-invite-request-textarea #ateamo-count-recruitment-textarea {
  color: #C7C7C5;
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  bottom: 6px;
  right: 8px;
}
.ateamo-container--manage-roster .ateamo-invite-request-textarea #ateamo-count-recruitment-textarea span {
  color: #C7C7C5;
}

.ateamo-search-group {
  margin-bottom: 20px;
}

.ateamo-search-group, .ateamo-search-players {
  position: relative;
  display: flex;
}
.ateamo-search-group svg, .ateamo-search-players svg {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.ateamo-search-group input, .ateamo-search-players input {
  border: 1px solid #D0D5DD;
  padding: 0 14px 0 35px;
  width: 100%;
  height: 44px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  border-radius: 8px;
}

.ateamo-roster-list-players-pool {
  border-collapse: collapse;
  margin-top: 30px;
  width: 100%;
}

.ateamo-search-groups .ateamo-search-message-player, .ateamo-search-groups .ateamo-search-message, .ateamo-search-players .ateamo-search-message-player, .ateamo-search-players .ateamo-search-message {
  width: 100%;
}

.ateamo-search-players input {
  margin-bottom: 0;
}

.ateamo-invite-player-inputs-item {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
.ateamo-invite-player-inputs-item .ateamo-join-input-block input:disabled {
  cursor: no-drop;
}
.ateamo-invite-player-inputs-item .ateamo-join-input-block label {
  display: flex;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
}
.ateamo-invite-player-inputs-item .ateamo-join-input-block .ateamo-join--select.ateamo-input,
.ateamo-invite-player-inputs-item .ateamo-join-input-block input, .ateamo-invite-player-inputs-item .ateamo-join-input-block select, .ateamo-invite-player-inputs-item .ateamo-join-input-block textarea {
  align-items: center;
  color: inherit;
  column-gap: 2px;
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 0.009375em;
  opacity: 0.87;
  min-height: 56px;
  min-width: 0;
  padding: 0 16px !important;
  position: relative;
  width: 100%;
  border-radius: 10px;
  border: 1px solid rgba(118, 118, 118, 0.4);
}
.ateamo-invite-player-inputs-item .ateamo-join-input-block textarea {
  padding: 12px 16px !important;
}

.ateamo-button.ateamo-roster-list-players--archive {
  position: sticky;
  bottom: 100px;
  right: 40px;
  margin-left: auto;
  width: max-content;
  background-color: #ABEADE !important;
  border: 1px solid #E6E5E3;
  color: #000000;
  z-index: 5;
  padding: 10px 15px;
  border-radius: 3px;
  margin-bottom: 10px;
}

.ateamo-player-pool-archive-notify--info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ateamo-player-pool-archive-notify--info p {
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.04em;
  color: #858483;
  max-width: 600px;
  margin: 0 auto 30px;
  text-align: center;
}
.ateamo-player-pool-archive-notify--info .ateamo-player-pool-archive-notify--buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.ateamo-player-pool-archive-notify--info button {
  background-color: #F5F4F2;
  padding: 7px 20px;
  position: relative;
  border-radius: 25px;
  color: #575756;
  font-weight: 600;
  border: none;
  font-size: 16px;
  cursor: pointer;
}
.ateamo-player-pool-archive-notify--info button.ateamo-close-modal.ateamo-player-pool-notify--cancel {
  position: relative !important;
  padding: 7px 20px !important;
  border-radius: 25px !important;
  top: auto !important;
  right: auto !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
  background-color: #F5F4F2 !important;
  content: "";
}

.ateamo-recruitment {
  --rec-bg: var(--at-bg-neutral-weak);
  --rec-surface: var(--at-bg-base-surface);
  --rec-border: var(--at-stroke-base-weak);
  --rec-ink: var(--at-fg-base-strong);
  --rec-muted: var(--at-fg-base-weak);
  --rec-green: var(--at-bg-primary-strong);
  --rec-dark: var(--at-bg-base-surface-inv);
  --rec-mono: "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;
  max-width: 1360px;
  margin: 0 auto;
  padding: 0;
  color: var(--rec-ink);
  font-family: inherit;
  /* ---------- Shared hover tooltip ---------- */
  /* Any element in the board carrying data-tooltip gets one, so the trigger is
     always the element itself — the tab's status icon, not the whole tab. */
  /* ---------- Filters ---------- */
  /* ---------- Switcher ---------- */
  /* ---------- Count ---------- */
  /* ---------- Team search header (mirrors web-app TeamSearchSection) ---------- */
  /* ---------- Team list chips (All Teams / Teams matching my profile) ---------- */
  /* Profile status on the "Teams matching my profile" chip — the warning is the
     only nudge toward the form while the player is on "All Teams". The wrapper
     (not the chip) owns the tooltip, so only the icon triggers it. */
  /* Count on the left, "How this works" on the right. */
  /* ---------- Cards grid ---------- */
  /* ---------- Card (flip) ---------- */
  /* ---------- Front campaign summary (positions / experience / commitment) ---------- */
  /* Read-only chip — the filter chips (&-chip) are buttons, these are not. */
  /* ---------- Back: captain + the team's own message ---------- */
  /* ---------- Back stat rows ---------- */
  /* The back of the card is dark, so the read-only chips invert there. */
  /* ---------- Action buttons (clearly clickable) ---------- */
  /* Labels are full sentences ("Send a message to the team"), so the padding is
     tight and the text is allowed to wrap rather than overflow a narrow card. */
  /* ----------------------------------------------------------------
     Global ".ateamo-container * button, ... input" forces padding:0 /
     margin:0 with specificity (0,1,2). These descendant selectors carry
     two classes (0,2,0) so our button paddings survive that reset.
     ---------------------------------------------------------------- */
  /* ---------- Tags ---------- */
  /* ---------- Availability dots ---------- */
  /* ---------- Avatar image + team status chip ---------- */
  /* ---------- Empty state ---------- */
  /* ---------- Player-pool redirect (captain, "Looking for a player") ---------- */
  /* ---------- Team selector (captain, players mode) ---------- */
  /* ---------- Clear all filters ---------- */
  /* ---------- Modals (invite / message) ---------- */
  /* Post-submit confirmation. Sibling of &-modal; JS toggles [hidden] on both. */
  /* ---------- "How this works" modal ---------- */
  /* The shared modal shell has no max-height, so long bodies scroll themselves —
     same approach as the profile form. */
  /* ---------- Topbar (switcher + find a team) ---------- */
  /* ---------- Free agent profile form (dialog) ---------- */
  /* Specificity boosters for form controls vs global .ateamo-container reset */
  /* ---------- Responsive ---------- */
}
.ateamo-recruitment .ateamo-hidden {
  display: none !important;
}
.ateamo-recruitment [data-tooltip] {
  position: relative;
}
.ateamo-recruitment [data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  background: #fff;
  color: var(--rec-ink);
  border: 1px solid var(--rec-border);
  border-radius: var(--at-radius-sm);
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.18);
  padding: 7px 11px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
}
.ateamo-recruitment [data-tooltip]:hover::after, .ateamo-recruitment [data-tooltip]:focus-visible::after {
  opacity: 1;
}
.ateamo-recruitment-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  background: var(--rec-dark);
  color: #fff;
  border-radius: var(--at-radius-lg);
  padding: 26px 32px;
  margin-bottom: 26px;
  /* Logged-out CTA — opens the sign-in modal. */
  /* Logged-in: the account chip takes the login button's slot. It keeps the
     white shared styling from invite.scss — only the sizing needs overriding,
     since that partial is centred at max-width 800px for other pages. */
}
.ateamo-recruitment-hero__login-btn {
  cursor: pointer;
  background: var(--at-bg-primary-strong);
  color: #fff;
  border: 1px solid var(--at-bg-primary-strong);
  border-radius: var(--at-radius-sm);
  padding: 12px 22px !important;
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
}
.ateamo-recruitment-hero__login-btn:hover {
  background: var(--at-fg-primary-strong);
  border-color: var(--at-fg-primary-strong);
}
.ateamo-recruitment-hero__login-btn:active {
  background-image: linear-gradient(var(--at-state-pressed-inv), var(--at-state-pressed-inv));
}
.ateamo-recruitment-hero__user {
  flex: none;
  /* The shared chip stretches to 800px, so it pushes the logout button to the
     far edge with `margin-left: auto`; at shrink-to-fit width it needs a gap. */
}
.ateamo-recruitment-hero__user .ateamo-invite-container-logout {
  margin: 0 !important;
  max-width: none;
  width: auto;
  min-height: 46px;
  border-radius: var(--at-radius-sm);
  border-color: #fff;
  /* beats invite.scss's `padding: 8px !important` */
  padding: 8px 14px !important;
}
.ateamo-recruitment-hero__user .ateamo-invite-container-logout-name {
  white-space: nowrap;
}
.ateamo-recruitment-hero__user .ateamo-invite-container-logout-button {
  margin-left: 10px !important;
}
.ateamo-recruitment-hero__label {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 8px;
}
.ateamo-recruitment-hero__title {
  margin: 0;
  font-size: 26px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.04em;
  color: #fff;
}
.ateamo-recruitment-filters {
  position: relative;
  background: var(--rec-surface);
  border: 1px solid var(--rec-border);
  border-radius: var(--at-radius-lg);
  padding: 22px 24px;
  margin-bottom: 22px;
}
.ateamo-recruitment-filters__head {
  display: flex;
  align-items: center;
  gap: 8px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 13px;
  font-weight: 600;
  color: var(--rec-muted);
  margin-bottom: 18px;
}
.ateamo-recruitment-filters__head svg {
  display: block;
}
.ateamo-recruitment-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 26px 48px;
  margin-top: 20px;
}
.ateamo-recruitment-filter-group__label {
  display: block;
  font-size: 14px;
  color: var(--rec-muted);
  margin-bottom: 10px;
}
.ateamo-recruitment-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ateamo-recruitment-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  background: var(--at-bg-base-adapt-weak);
  color: var(--at-fg-base-medium);
  font-size: 14px;
  font-weight: 500;
  padding: 8px 15px;
  border: 1px solid transparent;
  border-radius: var(--at-radius-sm);
  line-height: 1;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.08s ease;
}
.ateamo-recruitment-chip:hover {
  background: var(--at-bg-base-adapt);
  border-color: var(--at-stroke-base-medium);
}
.ateamo-recruitment-chip.is-active {
  background: var(--at-bg-primary-strong);
  border-color: var(--at-bg-primary-strong);
  color: var(--at-fg-base-on-strong);
}
.ateamo-recruitment-switcher {
  display: inline-flex;
  gap: 6px;
  background: var(--at-bg-base-adapt-weak);
  border-radius: var(--at-radius-md);
  padding: 3px;
  margin-bottom: 24px;
}
.ateamo-recruitment-switcher__btn {
  border: none;
  cursor: pointer;
  background: transparent;
  color: var(--at-fg-base-medium);
  font-size: 14px;
  font-weight: 500;
  padding: 13px 28px;
  border-radius: var(--at-radius-sm);
  transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
.ateamo-recruitment-switcher__btn:hover:not(.is-active) {
  color: var(--at-fg-base-strong);
}
.ateamo-recruitment-switcher__btn.is-active {
  background: var(--at-bg-base-surface);
  color: var(--at-fg-base-strong);
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.12);
}
.ateamo-recruitment-teamsearch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0 0 18px;
  /* Once the profile exists there's no CTA anywhere else, so this is the
     player's way back into the form. */
}
.ateamo-recruitment-teamsearch__copy {
  flex: 1 1 auto;
}
.ateamo-recruitment-teamsearch__edit {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: none;
  padding: 10px 16px !important;
  line-height: 1;
}
.ateamo-recruitment-teamsearch__edit svg {
  flex-shrink: 0;
}
.ateamo-recruitment-teamsearch__title {
  margin: 0 0 4px;
  color: var(--rec-ink);
  font-size: 20px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.03em;
}
.ateamo-recruitment-teamsearch__subtitle {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--rec-muted);
}
.ateamo-recruitment-chips {
  display: inline-flex;
  gap: 8px;
  padding: 4px;
  background: var(--at-bg-base-adapt-weak);
  border: 1px solid var(--rec-border);
  border-radius: var(--at-radius-lg);
  margin: 0 0 16px;
  flex-wrap: wrap;
}
.ateamo-recruitment-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  border: 0;
  background: transparent;
  color: var(--rec-muted);
  font-weight: 600;
  font-size: 14px;
  padding: 8px 16px;
  border-radius: var(--at-radius-sm);
  transition: background 0.15s ease, color 0.15s ease;
}
.ateamo-recruitment-chip:hover {
  color: var(--rec-ink);
}
.ateamo-recruitment-chip.is-active {
  background: #fff;
  color: var(--rec-ink);
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
}
.ateamo-recruitment-chip__status {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.ateamo-recruitment-chip__status svg {
  display: block;
}
.ateamo-recruitment-chip__status--warn {
  color: var(--at-fg-warning-strong);
}
.ateamo-recruitment-chip__status--done {
  color: var(--rec-green);
}
.ateamo-recruitment-countbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 6px 0 18px;
}
.ateamo-recruitment-count {
  margin: 0;
  font-size: 14px;
  color: var(--at-fg-base-medium);
}
.ateamo-recruitment-count__num {
  font-family: var(--rec-mono);
  font-weight: 600;
  color: var(--rec-ink);
}
.ateamo-recruitment-help {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  color: var(--at-fg-base-weak);
  transition: color 0.15s ease;
}
.ateamo-recruitment-help:hover {
  color: var(--rec-ink);
}
.ateamo-recruitment-help svg {
  flex: none;
}
.ateamo-recruitment-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.ateamo-recruitment-card {
  perspective: 1600px;
  min-height: 360px;
  background: transparent;
  border: 0;
  /* The front stays in flow so a campaign with a lot of detail grows the card
     (and, through the grid row, its neighbours) instead of being clipped. */
  /* ----- Front ----- */
  /* Both blocks below the name are optional, so they carry their own top
     spacing instead of leaning on the role line's margin. */
  /* Styled as a button so the affordance is unmistakable — it stays a span
     because the whole card front already is the button. */
  /* ----- Back ----- */
  /* A long "message from the team" overflows the fixed-height back, and a bare
     cut-off line reads as truncated text rather than as something scrollable.
     The wrapper holds a fade + arrow cue over the bottom edge, switched on only
     while there is more to scroll to (JS sets is-scrollable / is-scrolled-end). */
}
.ateamo-recruitment-card__inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 360px;
  transform-style: preserve-3d;
  transition: transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1);
  will-change: transform;
}
.ateamo-recruitment-card.is-flipped .ateamo-recruitment-card__inner {
  transform: rotateY(180deg);
}
.ateamo-recruitment-card__front, .ateamo-recruitment-card__back {
  display: flex;
  flex-direction: column;
  border-radius: var(--at-radius-lg);
  border: 1px solid var(--rec-border);
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}
.ateamo-recruitment-card__front {
  position: relative;
  min-height: 100%;
}
.ateamo-recruitment-card__back {
  position: absolute;
  inset: 0;
  cursor: pointer;
}
.ateamo-recruitment-card__front {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  text-align: left;
  font: inherit;
  color: inherit;
  background: var(--rec-surface) !important;
  padding: 22px 24px 18px;
  cursor: pointer;
  transition: box-shadow 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}
.ateamo-recruitment-card__front:hover {
  border-color: var(--at-stroke-base-medium);
  background-color: var(--rec-surface) !important;
}
.ateamo-recruitment-card__front:hover .ateamo-recruitment-card__hint {
  color: var(--rec-ink);
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-recruitment-card__front:hover .ateamo-recruitment-card__hint svg {
  transform: translateX(3px);
}
.ateamo-recruitment-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
}
.ateamo-recruitment-card__avatar {
  width: 52px;
  height: 52px;
  border-radius: var(--at-radius-sm);
  background: var(--rec-dark);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.04em;
}
.ateamo-recruitment-card__experience {
  text-align: right;
  line-height: 1;
}
.ateamo-recruitment-card__experience-label {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 10px;
  font-weight: 600;
  color: var(--rec-muted);
  margin-bottom: 6px;
}
.ateamo-recruitment-card__experience-value {
  display: block;
  font-size: 32px;
  font-weight: 600;
  color: var(--rec-ink);
}
.ateamo-recruitment-card__experience-value.is-beginner {
  font-size: 20px;
  color: var(--at-fg-warning-strong);
  padding-top: 8px;
}
.ateamo-recruitment-card__experience-unit {
  display: block;
  font-size: 11px;
  color: var(--rec-muted);
  margin-top: 4px;
}
.ateamo-recruitment-card__name {
  margin: 0 0 4px;
  color: var(--rec-ink);
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.02em;
}
.ateamo-recruitment-card__role {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--rec-green);
}
.ateamo-recruitment-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.ateamo-recruitment-card__footer {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid var(--at-stroke-base-weak);
}
.ateamo-recruitment-card__availability {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--at-fg-base-medium);
  margin-bottom: 10px;
}
.ateamo-recruitment-card__hint {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 32px;
  padding: 6px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  color: var(--at-fg-base-medium);
  transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}
.ateamo-recruitment-card__hint svg {
  flex-shrink: 0;
  transition: transform 0.15s ease;
}
.ateamo-recruitment-card__back {
  transform: rotateY(180deg);
  background: var(--rec-dark);
  border-color: var(--rec-dark);
  color: #fff;
  padding: 24px 24px 14px;
}
.ateamo-recruitment-card__back-scroll {
  position: relative;
  display: flex;
  flex: 1;
  min-height: 0;
  /* Fade over the last few lines. */
  /* Chevron badge — a second, unmissable hint that the text continues. */
  /* Nothing left below — drop the cue so the last line isn't dimmed. */
  /* Keep the text clear of the scrollbar only when one is actually shown. */
}
.ateamo-recruitment-card__back-scroll::after, .ateamo-recruitment-card__back-scroll::before {
  content: "";
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.ateamo-recruitment-card__back-scroll::after {
  left: 0;
  right: 0;
  bottom: 0;
  height: 54px;
  background: linear-gradient(to top, rgba(16, 16, 16, 0.97) 0%, rgba(16, 16, 16, 0.7) 55%, rgba(16, 16, 16, 0) 100%);
}
.ateamo-recruitment-card__back-scroll::before {
  right: 13px; /* clears the 6px scrollbar */
  bottom: 6px;
  width: 24px;
  height: 24px;
  z-index: 1;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat;
}
.ateamo-recruitment-card__back-scroll.is-scrollable::after, .ateamo-recruitment-card__back-scroll.is-scrollable::before {
  opacity: 1;
}
.ateamo-recruitment-card__back-scroll.is-scrolled-end::after, .ateamo-recruitment-card__back-scroll.is-scrolled-end::before {
  opacity: 0;
}
.ateamo-recruitment-card__back-scroll.is-scrollable .ateamo-recruitment-card__back-body {
  padding-right: 12px;
}
.ateamo-recruitment-card__back-body {
  flex: 1;
  min-width: 0;
  overflow-y: auto;
  /* Firefox only — in Blink/WebKit these standard properties would win over the
     ::-webkit- rules below and hand us a macOS overlay bar that hides at rest,
     which is exactly the cue we're trying to add. */
}
@supports not selector(::-webkit-scrollbar) {
  .ateamo-recruitment-card__back-body {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.08);
  }
}
.ateamo-recruitment-card__back-body::-webkit-scrollbar {
  width: 6px;
}
.ateamo-recruitment-card__back-body::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
}
.ateamo-recruitment-card__back-body::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 999px;
}
.ateamo-recruitment-card__back-body::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.45);
}
.ateamo-recruitment-card__back-name {
  margin: 0 0 4px;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
}
.ateamo-recruitment-card__back-role {
  margin: 0 0 14px;
  font-size: 14px;
  font-weight: 600;
  color: var(--at-bg-success-medium);
}
.ateamo-recruitment-card__back-empty {
  margin: 14px 0 0;
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.6);
}
.ateamo-recruitment-card__actions {
  display: flex;
  gap: 12px;
  margin: 4px 0 6px;
}
.ateamo-recruitment-card__back-link {
  border: 0;
  background: transparent;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 600;
  font-size: 14px;
  padding: 12px 0 4px;
  width: 100%;
  text-align: center;
  transition: color 0.15s ease;
}
.ateamo-recruitment-card__back-link:hover {
  color: #fff;
}
.ateamo-recruitment-specs {
  margin: 18px 0 0;
}
.ateamo-recruitment-specs__title {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 600;
  color: var(--rec-ink);
}
.ateamo-recruitment-specs__list {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.ateamo-recruitment-spec {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ateamo-recruitment-spec__label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--rec-muted);
}
.ateamo-recruitment-spec__values {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ateamo-recruitment-chip-static {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  padding: 3px 8px;
  border-radius: var(--at-radius-sm);
  background: var(--at-bg-base-adapt-weak);
  color: var(--at-fg-base-medium);
}
.ateamo-recruitment-chip-static--more {
  background: transparent;
  color: var(--rec-muted);
  padding-left: 2px;
}
.ateamo-recruitment-captain-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}
.ateamo-recruitment-captain-row__avatar {
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 50%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.ateamo-recruitment-captain-row__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ateamo-recruitment-captain-row__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.ateamo-recruitment-captain-row__label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
}
.ateamo-recruitment-captain-row__name {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.ateamo-recruitment-message {
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: var(--at-radius-sm);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.09);
}
.ateamo-recruitment-message__label {
  margin: 0 0 6px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
}
.ateamo-recruitment-message__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.88);
}
.ateamo-recruitment-stats {
  margin: 4px 0 0;
  display: flex;
  flex-direction: column;
}
.ateamo-recruitment-stat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 9px 0;
  /* Chip lists read better left-aligned under their label than right-aligned
     against the edge, where wrapping leaves a staircase. */
}
.ateamo-recruitment-stat dt {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
}
.ateamo-recruitment-stat dd {
  margin: 0;
  font-size: 14px;
  color: #fff;
  text-align: right;
}
.ateamo-recruitment-stat--stacked {
  align-items: flex-start;
}
.ateamo-recruitment-stat--list {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.ateamo-recruitment-stat--list dd {
  text-align: left;
}
.ateamo-recruitment-stat__mono {
  font-family: var(--rec-mono);
  color: #fff;
}
.ateamo-recruitment-stat__avail {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
}
.ateamo-recruitment-stat__rating {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ateamo-recruitment-stat__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ateamo-recruitment-card__back .ateamo-recruitment-chip-static {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.88);
}
.ateamo-recruitment-action {
  flex: 1;
  min-width: 0;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.25;
  text-align: center;
  padding: 14px 14px;
  border-radius: var(--at-radius-sm);
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
}
.ateamo-recruitment-action--primary {
  background: var(--at-bg-primary-strong);
  color: #fff;
  border: 1px solid var(--at-bg-primary-strong);
}
.ateamo-recruitment-action--primary:hover {
  background: var(--at-fg-primary-strong);
  border-color: var(--at-fg-primary-strong);
}
.ateamo-recruitment-action--primary:active {
  background-image: linear-gradient(var(--at-state-pressed-inv), var(--at-state-pressed-inv));
}
.ateamo-recruitment-action--ghost {
  background: transparent;
  color: var(--at-bg-success-medium);
  border: 1px solid var(--at-bg-primary-strong);
}
.ateamo-recruitment-action--ghost:hover {
  background: rgba(0, 104, 84, 0.16);
  border-color: var(--at-bg-success-medium);
  color: var(--at-bg-success-medium);
}
.ateamo-recruitment-action--ghost:active {
  background-image: linear-gradient(var(--at-state-pressed-inv), var(--at-state-pressed-inv));
}
.ateamo-recruitment-action--full {
  flex: 1 1 100%;
}
.ateamo-recruitment .ateamo-recruitment-card__front {
  padding: 22px 24px 18px;
}
.ateamo-recruitment .ateamo-recruitment-chip {
  padding: 8px 15px;
}
.ateamo-recruitment .ateamo-recruitment-help {
  padding: 4px 0;
}
.ateamo-recruitment .ateamo-recruitment-switcher__btn {
  padding: 7px 16px;
}
.ateamo-recruitment .ateamo-recruitment-action {
  padding: 14px 14px;
}
.ateamo-recruitment .ateamo-recruitment-card__back-link {
  padding: 12px 0 4px;
}
.ateamo-recruitment .ateamo-recruitment-team {
  padding: 7px 14px 7px 7px;
}
.ateamo-recruitment .ateamo-recruitment-clear {
  padding: 9px 16px;
}
.ateamo-recruitment .ateamo-recruitment-mbtn {
  padding: 13px 22px;
}
.ateamo-recruitment .ateamo-recruitment-modal__email {
  padding: 13px 16px;
}
.ateamo-recruitment .ateamo-recruitment-pool__btn {
  padding: 11px 18px;
}
.ateamo-recruitment .ateamo-recruitment-pool__btn svg path {
  stroke: #fff;
  fill: none;
}
.ateamo-recruitment-tag {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  padding: 5px 11px;
  border-radius: var(--at-radius-sm);
}
.ateamo-recruitment-tag--foot {
  background: var(--at-bg-base-adapt-weak);
  color: var(--at-fg-base-medium);
}
.ateamo-recruitment-tag--experienced {
  background: var(--at-bg-primary-weak);
  color: var(--at-fg-success-strong);
}
.ateamo-recruitment-tag--college {
  background: var(--at-bg-info-weak);
  color: var(--at-fg-info-strong);
}
.ateamo-recruitment-tag--average {
  background: var(--at-bg-warning-weak);
  color: var(--at-fg-warning-strong);
}
.ateamo-recruitment-tag--professional {
  background: var(--at-fg-special-weak);
  color: var(--at-fg-special-strong);
}
.ateamo-recruitment-tag--lower {
  background: var(--at-bg-base-adapt-weak);
  color: var(--at-fg-base-weak);
}
.ateamo-recruitment-tag--avail {
  background: var(--at-bg-base-adapt-weak);
  color: var(--at-fg-base-medium);
}
.ateamo-recruitment-tag--ref {
  background: var(--at-bg-warning-weak);
  color: var(--at-fg-warning-strong);
}
.ateamo-recruitment-tag--trial {
  background: var(--at-bg-info-weak);
  color: var(--at-fg-info-strong);
}
.ateamo-recruitment-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: inline-block;
  background: var(--at-fg-base-weak);
}
.ateamo-recruitment-dot--high {
  background: var(--at-fg-success-strong);
}
.ateamo-recruitment-dot--medium {
  background: var(--at-fg-accent-strong);
}
.ateamo-recruitment-dot--low {
  background: var(--at-fg-danger-strong);
}
.ateamo-recruitment-card__availability--high .ateamo-recruitment-dot {
  background: var(--at-fg-success-strong);
}
.ateamo-recruitment-card__availability--medium .ateamo-recruitment-dot {
  background: var(--at-fg-accent-strong);
}
.ateamo-recruitment-card__availability--low .ateamo-recruitment-dot {
  background: var(--at-fg-danger-strong);
}
.ateamo-recruitment-card__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--at-radius-sm);
}
.ateamo-recruitment-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 16px;
  padding: 2px 4px;
  border-radius: var(--at-radius-xsm);
  background-color: var(--at-bg-neutral-weak);
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
  text-transform: none;
  white-space: nowrap;
}
.ateamo-recruitment-status--new {
  background-color: var(--at-fg-accent-weak);
  color: var(--at-fg-warning-strong);
}
.ateamo-recruitment-status--chatting {
  background-color: var(--at-bg-info-weak);
  color: var(--at-fg-info-strong);
}
.ateamo-recruitment-status--invited {
  background-color: var(--at-fg-special-weak);
  color: var(--at-fg-special-strong);
}
.ateamo-recruitment-captain {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: none;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(0, 104, 84, 0.1);
  color: var(--at-bg-primary-strong);
}
.ateamo-recruitment-captain svg {
  display: block;
}
.ateamo-recruitment-captain img {
  width: 14px;
  height: 14px;
  display: block;
}
.ateamo-recruitment-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  text-align: center;
  color: var(--rec-muted);
  font-size: 14px;
  padding: 40px 0;
}
.ateamo-recruitment-empty__text {
  margin: 0;
}
.ateamo-recruitment-empty__cta {
  padding: 12px 22px !important;
}
.ateamo-recruitment-pool {
  background: var(--rec-surface);
  border: 1px solid var(--rec-border);
  border-radius: var(--at-radius-lg);
  padding: 40px 32px;
  text-align: center;
}
.ateamo-recruitment-pool__icon {
  margin-bottom: 14px;
}
.ateamo-recruitment-pool__title {
  margin: 0 0 10px;
  font-size: 22px;
  font-weight: 600;
  color: var(--rec-ink);
}
.ateamo-recruitment-pool__text {
  margin: 0 auto;
  max-width: 520px;
  font-size: 14px;
  color: var(--rec-muted);
  line-height: 1.55;
}
.ateamo-recruitment-pool__teams {
  list-style: none;
  margin: 28px auto 0;
  padding: 0;
  max-width: 560px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ateamo-recruitment-pool__team {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--rec-bg);
  border: 1px solid var(--rec-border);
  border-radius: var(--at-radius-lg);
  padding: 12px 14px;
  text-align: left;
}
.ateamo-recruitment-pool__badge {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  background: var(--at-bg-base-adapt-weak);
  flex: none;
}
.ateamo-recruitment-pool__name {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  color: var(--rec-ink);
}
.ateamo-recruitment-pool__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: none;
  cursor: pointer;
  text-decoration: none;
  background: var(--at-bg-primary-strong);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 11px 18px;
  border-radius: var(--at-radius-sm);
  border: 1px solid var(--at-bg-primary-strong);
  transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
}
.ateamo-recruitment-pool__btn svg {
  display: block;
}
.ateamo-recruitment-pool__btn:hover {
  background: var(--at-fg-primary-strong);
  border-color: var(--at-fg-primary-strong);
  color: #fff;
}
.ateamo-recruitment-pool__btn:active {
  background-image: linear-gradient(var(--at-state-pressed-inv), var(--at-state-pressed-inv));
}
.ateamo-recruitment-pool__btn--solo {
  margin-top: 24px;
}
.ateamo-recruitment-teams {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-bottom: 20px;
}
.ateamo-recruitment-teams__label {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--rec-muted);
}
.ateamo-recruitment-teams__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ateamo-recruitment-team {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  cursor: pointer;
  background: var(--rec-surface);
  border: 1px solid var(--rec-border);
  border-radius: 999px;
  color: var(--rec-ink);
  font-size: 14px;
  font-weight: 600;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.ateamo-recruitment-team img {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  object-fit: cover;
  background: var(--at-bg-base-adapt-weak);
}
.ateamo-recruitment-team:hover {
  border-color: var(--at-stroke-base-medium);
  background-color: var(--rec-surface) !important;
}
.ateamo-recruitment-team.is-active {
  border-color: var(--at-bg-primary-strong);
  background: rgba(0, 104, 84, 0.08);
  box-shadow: 0 0 0 1px var(--at-bg-primary-strong);
}
.ateamo-recruitment-clear {
  position: absolute;
  top: 20px;
  right: 24px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  background: transparent;
  border: 1px solid var(--rec-border);
  border-radius: var(--at-radius-sm);
  color: var(--rec-muted);
  font-size: 13px;
  font-weight: 600;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.ateamo-recruitment-clear svg {
  display: block;
}
.ateamo-recruitment-clear:hover {
  background: var(--at-bg-danger-weak);
  border-color: var(--at-fg-danger-strong);
  color: var(--at-fg-danger-strong);
}
.ateamo-recruitment-modal {
  width: 100%;
  text-align: left;
}
.ateamo-recruitment-modal__title {
  margin: 0 0 16px;
  font-size: 20px;
  font-weight: 600;
  color: var(--rec-ink);
  padding-right: 30px;
}
.ateamo-recruitment-modal__textarea {
  width: 100%;
  min-height: 130px;
  resize: vertical;
  border: 1px solid var(--rec-border);
  border-radius: var(--at-radius-sm);
  padding: 14px 16px;
  font-family: inherit;
  font-size: 14px;
  color: var(--rec-ink);
  line-height: 1.5;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.ateamo-recruitment-modal__textarea:focus {
  border-color: var(--at-bg-primary-strong);
  box-shadow: 0 0 0 3px var(--at-state-focus-ring);
}
.ateamo-recruitment-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 20px;
}
.ateamo-recruitment-modal__intro {
  margin: 0 0 14px;
  font-size: 14px;
  color: var(--rec-muted);
}
.ateamo-recruitment-modal__email {
  width: 100%;
  border: 1px solid var(--rec-border);
  border-radius: var(--at-radius-sm);
  font-family: inherit;
  font-size: 14px;
  color: var(--rec-ink);
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.ateamo-recruitment-modal__email:focus {
  border-color: var(--at-bg-primary-strong);
  box-shadow: 0 0 0 3px var(--at-state-focus-ring);
}
.ateamo-recruitment-modal__error {
  margin: 8px 0 0;
  font-size: 13px;
  color: var(--at-fg-danger-strong);
}
.ateamo-recruitment-modal__success {
  width: 100%;
  text-align: center;
  padding: 8px 0 0;
  /* The primary action here is an <a>, and &-mbtn sets no display/decoration. */
}
.ateamo-recruitment-modal__success-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
  border-radius: 50%;
  background: var(--at-bg-primary-weak);
  color: var(--at-bg-primary-strong);
}
.ateamo-recruitment-modal__success-title {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 600;
  color: var(--rec-ink);
}
.ateamo-recruitment-modal__success-text {
  margin: 0 auto;
  max-width: 340px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--rec-muted);
}
.ateamo-recruitment-modal__success .ateamo-recruitment-modal__actions {
  justify-content: center;
}
.ateamo-recruitment-modal__success-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 13px 22px;
}
.ateamo-recruitment-help-body {
  max-height: 76vh;
  overflow-y: auto;
  padding: 4px;
}
.ateamo-recruitment-help__steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.ateamo-recruitment-help__step {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.ateamo-recruitment-help__num {
  flex: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--at-bg-primary-weak);
  color: var(--at-bg-primary-strong);
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ateamo-recruitment-help__text {
  font-size: 14px;
  line-height: 1.55;
  color: var(--at-fg-base-medium);
}
.ateamo-recruitment-help__text strong {
  display: block;
  font-weight: 600;
  color: var(--rec-ink);
}
.ateamo-recruitment-help__text em {
  font-style: normal;
  font-weight: 600;
  color: var(--rec-ink);
}
.ateamo-recruitment-help__subtitle {
  margin: 24px 0 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--rec-ink);
}
.ateamo-recruitment-help__tips {
  margin: 0;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--at-fg-base-medium);
}
.ateamo-recruitment-mbtn {
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  border-radius: var(--at-radius-sm);
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
}
.ateamo-recruitment-mbtn.is-loading, .ateamo-recruitment-mbtn:disabled {
  opacity: 0.65;
  cursor: default;
  pointer-events: none;
}
.ateamo-recruitment-mbtn--ghost {
  background: #fff;
  color: var(--at-fg-base-medium);
  border: 1px solid var(--rec-border);
}
.ateamo-recruitment-mbtn--ghost:hover {
  background: var(--at-bg-base-adapt-weak);
  border-color: var(--at-stroke-base-medium);
}
.ateamo-recruitment-mbtn--ghost:active {
  background-image: linear-gradient(var(--at-state-pressed-inv), var(--at-state-pressed-inv));
}
.ateamo-recruitment-mbtn--primary {
  background: var(--at-bg-primary-strong);
  color: #fff;
  border: 1px solid var(--at-bg-primary-strong);
}
.ateamo-recruitment-mbtn--primary:hover {
  background: var(--at-fg-primary-strong);
  border-color: var(--at-fg-primary-strong);
}
.ateamo-recruitment-mbtn--primary:active {
  background-image: linear-gradient(var(--at-state-pressed-inv), var(--at-state-pressed-inv));
}
.ateamo-recruitment-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.ateamo-recruitment-topbar .ateamo-recruitment-switcher {
  margin-bottom: 0;
}
.ateamo-recruitment .ateamo-recruitment-my-modal .ateamo-modal--content {
  max-width: 640px;
  width: 100%;
}
.ateamo-recruitment .ateamo-rec-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-height: 76vh;
  overflow-y: auto;
  text-align: left;
  padding: 4px;
  /* Toggle rows */
  /* Banner — a blocking "do this or nobody finds you" warning, not an FYI, so
     it carries the same amber as the "not live" tab icon. */
  /* Chips */
  /* Choice cards */
  /* Textarea */
}
.ateamo-recruitment .ateamo-rec-form__title {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  color: var(--rec-ink);
}
.ateamo-recruitment .ateamo-rec-form__actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.ateamo-recruitment .ateamo-rec-form__submit {
  min-width: 160px;
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-divider {
  height: 1px;
  background: var(--rec-border);
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-section__head {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-section__title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--rec-ink);
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-section__desc {
  margin: 0;
  font-size: 13px;
  color: var(--rec-muted);
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-field {
  display: block;
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--rec-ink);
  margin-bottom: 10px;
  letter-spacing: 0 !important;
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-req {
  color: var(--at-fg-danger-strong);
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-hint {
  margin: 6px 0 0;
  font-size: 13px;
  color: var(--rec-muted);
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-error {
  margin: 6px 0 0;
  font-size: 13px;
  color: var(--at-fg-danger-strong);
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-toggle--bordered {
  border: 1px solid var(--rec-border);
  border-radius: var(--at-radius-lg);
  padding: 16px;
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-toggle__title {
  margin: 0 0 2px;
  font-size: 14px;
  font-weight: 600;
  color: var(--rec-ink);
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-toggle__caption {
  margin: 0;
  font-size: 13px;
  color: var(--rec-muted);
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-switch {
  flex: none;
  width: 44px;
  height: 26px;
  border-radius: 999px;
  border: none;
  background: var(--at-stroke-base-medium);
  position: relative;
  cursor: pointer;
  transition: background 0.2s ease;
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-switch::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease;
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-switch.is-on {
  background: var(--at-bg-primary-strong);
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-switch.is-on::after {
  transform: translateX(18px);
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-banner {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: var(--at-bg-warning-weak);
  border: 1px solid var(--at-bg-warning-weak);
  border-left: 4px solid var(--at-bg-warning-strong);
  border-radius: var(--at-radius-sm);
  padding: 14px 16px;
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-banner__icon {
  flex: none;
  color: var(--at-fg-warning-strong);
  margin-top: 1px;
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-banner__body {
  min-width: 0;
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-banner__title {
  margin: 0 0 3px;
  font-size: 14px;
  font-weight: 600;
  color: var(--at-fg-warning-strong);
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-banner__text {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--at-fg-warning-strong);
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-banner__text strong {
  font-weight: 600;
  color: var(--at-fg-warning-strong);
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-chip {
  cursor: pointer;
  background: var(--at-bg-base-adapt-weak);
  color: var(--at-fg-base-medium);
  border: 1px solid transparent;
  border-radius: var(--at-radius-sm);
  font-size: 14px;
  font-weight: 500;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-chip:hover {
  background: var(--at-bg-base-adapt);
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-chip.is-active {
  background: var(--at-bg-primary-strong);
  border-color: var(--at-bg-primary-strong);
  color: #fff;
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-choices {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-choice {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 1px solid var(--rec-border);
  border-radius: var(--at-radius-sm);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-choice:hover {
  border-color: var(--at-stroke-base-medium);
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-choice.is-active {
  border-color: var(--at-bg-primary-strong);
  box-shadow: 0 0 0 1px var(--at-bg-primary-strong);
  background: rgba(0, 104, 84, 0.05);
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-choice__label {
  font-size: 14px;
  font-weight: 600;
  color: var(--rec-ink);
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-choice__caption {
  font-size: 13px;
  color: var(--rec-muted);
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-textarea {
  width: 100%;
  min-height: 110px;
  resize: vertical;
  border: 1px solid var(--rec-border);
  border-radius: var(--at-radius-sm);
  font-family: inherit;
  font-size: 14px;
  color: var(--rec-ink);
  line-height: 1.5;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-textarea:focus {
  border-color: var(--at-bg-primary-strong);
  box-shadow: 0 0 0 3px var(--at-state-focus-ring);
}
.ateamo-recruitment .ateamo-rec-form .ateamo-rec-counter {
  margin: 4px 0 0;
  text-align: right;
  font-size: 12px;
  color: var(--rec-muted);
}
.ateamo-recruitment .ateamo-rec-chip {
  padding: 8px 14px;
}
.ateamo-recruitment .ateamo-rec-choice {
  padding: 14px 16px;
}
.ateamo-recruitment .ateamo-rec-textarea {
  padding: 12px 14px;
}
.ateamo-recruitment .ateamo-rec-toggle--bordered {
  padding: 16px;
}
@media (max-width: 1024px) {
  .ateamo-recruitment-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 680px) {
  .ateamo-recruitment {
    /* The actions stack under the title instead of crowding it. */
    /* Clear filters moves to the bottom of the filter card on mobile. */
  }
  .ateamo-recruitment-hero {
    padding: 20px;
  }
  .ateamo-recruitment-hero__title {
    font-size: 23px;
  }
  .ateamo-recruitment-hero__actions {
    width: 100%;
    flex-direction: column-reverse;
    align-items: stretch;
  }
  .ateamo-recruitment-hero__user {
    width: 100%;
  }
  .ateamo-recruitment-hero__user .ateamo-invite-container-logout {
    width: 100%;
  }
  .ateamo-recruitment-grid {
    grid-template-columns: 1fr;
  }
  .ateamo-recruitment-filter-row {
    gap: 22px;
  }
  .ateamo-recruitment-switcher {
    width: 100%;
  }
  .ateamo-recruitment-switcher__btn {
    flex: 1;
    text-align: center;
  }
  .ateamo-recruitment-teams {
    align-items: flex-start;
  }
  .ateamo-recruitment-topbar {
    flex-direction: column;
    align-items: stretch;
  }
  .ateamo-recruitment-teamsearch__edit {
    width: 100%;
    justify-content: center;
  }
  .ateamo-recruitment .ateamo-rec-form {
    max-height: 82vh;
  }
  .ateamo-recruitment-help-body {
    max-height: 82vh;
  }
  .ateamo-recruitment-pool {
    padding: 28px 18px;
  }
  .ateamo-recruitment-pool__team {
    flex-wrap: wrap;
  }
  .ateamo-recruitment-pool__name {
    flex: 1 1 auto;
  }
  .ateamo-recruitment-pool__btn {
    width: 100%;
    justify-content: center;
  }
  .ateamo-recruitment-clear {
    position: static;
    width: 100%;
    justify-content: center;
    margin-top: 18px;
  }
  .ateamo-recruitment-modal__actions {
    flex-direction: column-reverse;
  }
  .ateamo-recruitment-mbtn {
    width: 100%;
  }
}

#ateamo-user-profile {
  position: relative;
  min-height: 200px;
}

.ateamo-container--sidebar .ateamo-container-wrapper-item:only-child {
  position: static;
  width: 100%;
  padding-right: 0;
}

.ateamo-profile {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 0;
}
@media (min-width: 960px) {
  .ateamo-profile {
    gap: 24px;
    padding: 24px 0;
  }
}
.ateamo-profile__title {
  margin: 0;
  color: var(--at-fg-base-strong);
  font-size: 26px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.04em;
}
.ateamo-profile__layout {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 960px) {
  .ateamo-profile__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 288px;
    align-items: start;
    gap: 24px;
  }
}
.ateamo-profile__main, .ateamo-profile__rail {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.ateamo-profile-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid var(--at-stroke-base-weak);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
}
.ateamo-profile-card__header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  border-bottom: 1px solid var(--at-stroke-base-weak);
}
.ateamo-profile-card__header h2 {
  margin: 0;
  color: var(--at-fg-base-strong);
  font-size: 16px;
  font-weight: 600;
  line-height: 128%;
  letter-spacing: -0.02em;
}
.ateamo-profile-card__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
}
.ateamo-profile-card__divider {
  height: 1px;
  background-color: var(--at-stroke-base-weak);
}
.ateamo-profile-card__empty {
  margin: 0;
  color: var(--at-fg-base-weak);
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
}

.ateamo-profile-identity__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
.ateamo-profile-identity__avatar {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border: 1px solid var(--at-stroke-base-weak);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface-1);
}
.ateamo-profile-identity__avatar img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}
.ateamo-profile-identity__avatar span {
  color: var(--at-fg-base-weak);
  font-size: 14px;
  font-weight: 600;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-profile-identity__info {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-width: 0;
}
.ateamo-profile-identity__name {
  margin: 0;
  color: var(--at-fg-base-strong);
  font-size: 26px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.04em;
  overflow-wrap: anywhere;
}
.ateamo-profile-identity__username {
  margin: 0;
  color: var(--at-fg-base-medium);
  font-family: "JetBrains Mono", SFMono-Regular, Menlo, monospace !important;
  font-size: 14px;
  letter-spacing: -0.03em;
}
.ateamo-profile-identity__hint {
  margin: 4px 0 0;
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-profile-identity__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-profile-identity__action > span,
.ateamo-profile-identity__action > .ateamo-icon,
.ateamo-profile-identity__action > .ateamo-icon * {
  color: inherit;
}
.ateamo-profile-identity__action:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-profile-identity__action:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-profile-identity__action:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-profile-identity__action:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-profile-identity__action {
  flex: 1 0 100%;
}
.ateamo-profile-identity__action input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.ateamo-profile-identity__action span {
  color: inherit;
}
.ateamo-profile-identity__action:focus-within {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
@media (min-width: 960px) {
  .ateamo-profile-identity__action {
    flex: 0 0 auto;
    margin-left: auto;
  }
}

.ateamo-profile-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
}

.ateamo-profile-field {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  margin: 0;
  padding-right: 28px;
}
.ateamo-profile-field dt {
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-profile-field dd {
  margin: 0;
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
}
.ateamo-profile-field__mono {
  font-family: "JetBrains Mono", SFMono-Regular, Menlo, monospace !important;
  letter-spacing: -0.03em;
}

.ateamo-container .ateamo-profile-edit {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: var(--at-radius-sm);
  background: url("../images/icons/edit.svg") center/16px no-repeat;
  cursor: pointer;
  opacity: 0.6;
  transition: var(--at-transition);
}
.ateamo-container .ateamo-profile-edit:hover {
  background-color: var(--at-state-hover);
  opacity: 1;
}
.ateamo-container .ateamo-profile-edit:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}

.ateamo-container .ateamo-profile-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container .ateamo-profile-button > span,
.ateamo-container .ateamo-profile-button > .ateamo-icon,
.ateamo-container .ateamo-profile-button > .ateamo-icon * {
  color: inherit;
}
.ateamo-container .ateamo-profile-button:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-container .ateamo-profile-button:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-container .ateamo-profile-button:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-profile-button:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-container .ateamo-profile-button--primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container .ateamo-profile-button--primary > span,
.ateamo-container .ateamo-profile-button--primary > .ateamo-icon,
.ateamo-container .ateamo-profile-button--primary > .ateamo-icon * {
  color: inherit;
}
.ateamo-container .ateamo-profile-button--primary:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-container .ateamo-profile-button--primary:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-container .ateamo-profile-button--primary:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-profile-button--primary:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-container .ateamo-profile-button--primary {
  border-color: transparent;
  background-color: var(--at-bg-primary-strong);
  color: var(--at-fg-base-on-strong);
}
.ateamo-container .ateamo-profile-button--primary:hover, .ateamo-container .ateamo-profile-button--primary:active {
  color: var(--at-fg-accent-weak);
}
.ateamo-container .ateamo-profile-button--primary:hover {
  background-image: linear-gradient(var(--at-state-hover-inv), var(--at-state-hover-inv));
}
.ateamo-container .ateamo-profile-button--primary:active {
  background-image: linear-gradient(var(--at-state-pressed-inv), var(--at-state-pressed-inv));
}
.ateamo-container .ateamo-profile-button.ateamo-hidden {
  display: none;
}

.ateamo-profile-security {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.ateamo-profile-security .ateamo-profile-field {
  padding-right: 0;
}
.ateamo-profile-security__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.ateamo-profile-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-profile-badge--verified {
  color: var(--at-fg-success-strong);
}
.ateamo-profile-badge--unverified {
  color: var(--at-fg-base-weak);
}

.ateamo-container .ateamo-profile-toggle {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
}
.ateamo-container .ateamo-profile-toggle .ateamo-switcher {
  flex-shrink: 0;
  width: 36px;
  height: 18px;
  margin-top: 2px;
}
.ateamo-container .ateamo-profile-toggle .ateamo-switcher--slider {
  border-radius: var(--at-radius-xsm);
  background-color: var(--at-bg-base-surface-3);
  transition: background-color 0.2s ease;
}
.ateamo-container .ateamo-profile-toggle .ateamo-switcher--slider::before {
  left: 2px;
  bottom: 2px;
  width: 14px;
  height: 14px;
  border-radius: 1px;
  background-color: #fff;
  background-image: none !important;
  transition: transform 0.2s ease, background-color 0.2s ease;
}
.ateamo-container .ateamo-profile-toggle input:checked + .ateamo-switcher--slider {
  background-color: var(--at-bg-primary-strong);
}
.ateamo-container .ateamo-profile-toggle input:checked + .ateamo-switcher--slider::before {
  transform: translateX(18px);
  background-color: var(--at-fg-accent-weak);
}
.ateamo-container .ateamo-profile-toggle input:focus-visible + .ateamo-switcher--slider {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-profile-toggle .ateamo-switcher.ateamo-loader {
  min-height: 18px;
}
.ateamo-container .ateamo-profile-toggle__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ateamo-container .ateamo-profile-toggle__title {
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 600;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-container .ateamo-profile-toggle__caption {
  overflow: hidden;
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ateamo-container .ateamo-profile-dialog {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.ateamo-container .ateamo-profile-dialog.active {
  display: flex;
}
.ateamo-container .ateamo-profile-dialog__backdrop {
  position: absolute;
  inset: 0;
  background-color: var(--at-bg-blanket);
  cursor: pointer;
}
.ateamo-container .ateamo-profile-dialog__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 432px;
  max-height: calc(100vh - 32px);
  overflow: auto;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-menu);
}
.ateamo-container .ateamo-profile-dialog__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
}
.ateamo-container .ateamo-profile-dialog__header h3 {
  margin: 0;
  color: var(--at-fg-base-strong);
  font-size: 16px;
  font-weight: 600;
  line-height: 128%;
  letter-spacing: -0.02em;
}
.ateamo-container .ateamo-profile-dialog__close {
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: var(--at-radius-sm);
  background: url("../images/icons/x.svg") center/16px no-repeat;
  cursor: pointer;
}
.ateamo-container .ateamo-profile-dialog__close:hover {
  background-color: var(--at-state-hover);
}
.ateamo-container .ateamo-profile-dialog__body {
  padding: 0 16px 16px;
}
.ateamo-container .ateamo-profile-dialog .ateamo-user-profile--field {
  display: none;
  flex-direction: column;
  gap: 12px;
}
.ateamo-container .ateamo-profile-dialog .ateamo-user-profile--field.active {
  display: flex;
}
.ateamo-container .ateamo-profile-dialog__field-title {
  margin: 0;
  color: var(--at-fg-base-weak);
  font-size: 10px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.ateamo-container .ateamo-profile-dialog__current {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 12px;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
}
.ateamo-container .ateamo-profile-dialog__current span {
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-container .ateamo-profile-dialog__current strong {
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
}
.ateamo-container .ateamo-profile-dialog__note {
  margin: 0;
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-container .ateamo-profile-dialog .ateamo-form-error {
  display: none;
  margin: 6px 0 0;
  color: var(--at-fg-danger-strong);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-container .ateamo-profile-dialog__footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px;
  border-top: 1px solid var(--at-stroke-base-weak);
}
.ateamo-container .ateamo-profile-dialog .ateamo-profile-button.ateamo-loader {
  position: relative;
  min-height: 0;
  color: transparent !important;
  pointer-events: none;
}
.ateamo-container .ateamo-profile-dialog .ateamo-profile-button.ateamo-loader > * {
  visibility: hidden;
}
.ateamo-container .ateamo-profile-dialog .ateamo-profile-button.ateamo-loader::after {
  content: none;
}
.ateamo-container .ateamo-profile-dialog .ateamo-profile-button.ateamo-loader::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  border: 2px solid var(--at-fg-base-strong);
  border-right-color: transparent;
  border-radius: 50%;
  background-image: none !important;
  transform: none;
  opacity: 0.9;
  animation: ateamo-btn-spin 0.7s linear infinite;
}
.ateamo-container .ateamo-profile-dialog .ateamo-profile-button--primary.ateamo-loader {
  position: relative;
  min-height: 0;
  color: transparent !important;
  pointer-events: none;
}
.ateamo-container .ateamo-profile-dialog .ateamo-profile-button--primary.ateamo-loader > * {
  visibility: hidden;
}
.ateamo-container .ateamo-profile-dialog .ateamo-profile-button--primary.ateamo-loader::after {
  content: none;
}
.ateamo-container .ateamo-profile-dialog .ateamo-profile-button--primary.ateamo-loader::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  border: 2px solid var(--at-fg-base-on-strong);
  border-right-color: transparent;
  border-radius: 50%;
  background-image: none !important;
  transform: none;
  opacity: 0.9;
  animation: ateamo-btn-spin 0.7s linear infinite;
}

.ateamo-update-phone .ateamo-modal__bgc,
.ateamo-update-email .ateamo-modal__bgc,
.ateamo-verify-phone .ateamo-modal__bgc,
.ateamo-verify-email .ateamo-modal__bgc,
.ateamo-photo-modal .ateamo-modal__bgc {
  background-color: var(--at-bg-blanket);
}
.ateamo-update-phone .ateamo-modal--content,
.ateamo-update-email .ateamo-modal--content,
.ateamo-verify-phone .ateamo-modal--content,
.ateamo-verify-email .ateamo-modal--content,
.ateamo-photo-modal .ateamo-modal--content {
  width: calc(100% - 32px);
  max-width: 480px;
  padding: 32px 24px 24px;
  border-radius: var(--at-radius-sm);
}
.ateamo-update-phone .ateamo-modal--content .ateamo-close-modal,
.ateamo-update-email .ateamo-modal--content .ateamo-close-modal,
.ateamo-verify-phone .ateamo-modal--content .ateamo-close-modal,
.ateamo-verify-email .ateamo-modal--content .ateamo-close-modal,
.ateamo-photo-modal .ateamo-modal--content .ateamo-close-modal {
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
}
.ateamo-update-phone .ateamo-modal-form,
.ateamo-update-email .ateamo-modal-form,
.ateamo-verify-phone .ateamo-modal-form,
.ateamo-verify-email .ateamo-modal-form,
.ateamo-photo-modal .ateamo-modal-form {
  display: block;
}
.ateamo-update-phone.ateamo-modal-active .ateamo-modal--content,
.ateamo-update-email.ateamo-modal-active .ateamo-modal--content,
.ateamo-verify-phone.ateamo-modal-active .ateamo-modal--content,
.ateamo-verify-email.ateamo-modal-active .ateamo-modal--content,
.ateamo-photo-modal.ateamo-modal-active .ateamo-modal--content {
  transform: translate(-50%, -50%) scale(1);
}

.ateamo-photo-modal .ateamo-player-image-container {
  height: min(60vh, 432px);
  overflow: hidden;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
}
.ateamo-photo-modal .ateamo-player-image-container img {
  display: block;
  max-width: 100%;
}
.ateamo-photo-modal .ateamo-player-image-container .cropper-view-box {
  outline-color: var(--at-bg-primary-strong);
}
.ateamo-photo-modal .ateamo-player-image-container .cropper-line,
.ateamo-photo-modal .ateamo-player-image-container .cropper-point {
  background-color: var(--at-bg-primary-strong);
}

.ateamo-photo-modal .ateamo-cropp-profile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-photo-modal .ateamo-cropp-profile > span,
.ateamo-photo-modal .ateamo-cropp-profile > .ateamo-icon,
.ateamo-photo-modal .ateamo-cropp-profile > .ateamo-icon * {
  color: inherit;
}
.ateamo-photo-modal .ateamo-cropp-profile:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-photo-modal .ateamo-cropp-profile:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-photo-modal .ateamo-cropp-profile:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-photo-modal .ateamo-cropp-profile:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-photo-modal .ateamo-cropp-profile {
  border-color: transparent;
  background-color: var(--at-bg-primary-strong);
  color: var(--at-fg-base-on-strong);
}
.ateamo-photo-modal .ateamo-cropp-profile:hover, .ateamo-photo-modal .ateamo-cropp-profile:active {
  color: var(--at-fg-accent-weak);
}
.ateamo-photo-modal .ateamo-cropp-profile:hover {
  background-image: linear-gradient(var(--at-state-hover-inv), var(--at-state-hover-inv));
}
.ateamo-photo-modal .ateamo-cropp-profile:active {
  background-image: linear-gradient(var(--at-state-pressed-inv), var(--at-state-pressed-inv));
}
.ateamo-photo-modal .ateamo-cropp-profile.ateamo-loader {
  position: relative;
  min-height: 0;
  color: transparent !important;
  pointer-events: none;
}
.ateamo-photo-modal .ateamo-cropp-profile.ateamo-loader > * {
  visibility: hidden;
}
.ateamo-photo-modal .ateamo-cropp-profile.ateamo-loader::after {
  content: none;
}
.ateamo-photo-modal .ateamo-cropp-profile.ateamo-loader::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  border: 2px solid var(--at-fg-base-on-strong);
  border-right-color: transparent;
  border-radius: 50%;
  background-image: none !important;
  transform: none;
  opacity: 0.9;
  animation: ateamo-btn-spin 0.7s linear infinite;
}
.ateamo-photo-modal .ateamo-cropp-profile {
  position: relative;
  width: 100%;
  height: 32px !important;
  margin-top: 16px;
}

.ateamo-container .ateamo-profile-signin {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  max-width: 480px;
  margin: 24px auto;
  padding: 40px;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
  text-align: center;
}
.ateamo-container .ateamo-profile-signin .ateamo-icon {
  width: 24px;
  height: 24px;
  color: var(--at-fg-base-medium);
}
.ateamo-container .ateamo-profile-signin__title {
  margin: 0;
  color: var(--at-fg-base-strong);
  font-size: 20px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.03em;
}
.ateamo-container .ateamo-profile-signin__text {
  margin: 0;
  color: var(--at-fg-base-medium);
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-container .ateamo-profile-signin__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
}

.ateamo-registration-input-block input[type=checkbox] {
  cursor: pointer;
  width: 20px;
  height: 20px;
  accent-color: var(--at-bg-primary-strong);
  flex-basis: 20px;
  flex-grow: 0;
  flex-shrink: 0;
  margin-top: 10px;
}

.ateamo-player-league-list--container {
  max-width: 800px;
  margin: 0 auto;
}

#ateamo-players-league-list-join-result .ateamo-players-join---padding {
  display: flex;
  border: none;
  padding: 0;
}
#ateamo-players-league-list-join-result .ateamo-player-list--form-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
#ateamo-players-league-list-join-result .ateamo-invite-button {
  position: relative;
}
#ateamo-players-league-list-join-result .ateamo-invite-button:after {
  border-radius: 100px;
}
#ateamo-players-league-list-join-result .ateamo-round-rsvp-tip-header--describe {
  padding: 0;
}
#ateamo-players-league-list-join-result #ateamo-players-league-list-experienced,
#ateamo-players-league-list-join-result #ateamo-players-league-list-message {
  width: 100%;
  height: 100px;
  resize: none;
  padding: 5px;
  font-size: 14px;
}
#ateamo-players-league-list-join-result .ateamo-join-input-block {
  position: relative;
}
#ateamo-players-league-list-join-result .ateamo-join-input-block input:focus ~ label,
#ateamo-players-league-list-join-result .ateamo-join-input-block input:not(:placeholder-shown) ~ label,
#ateamo-players-league-list-join-result .ateamo-join-input-block select:focus ~ label,
#ateamo-players-league-list-join-result .ateamo-join-input-block select:not([value=""]) ~ label {
  top: 2px;
  font-size: 10px;
  background-color: #fff;
}
#ateamo-players-league-list-join-result .ateamo-join-input-block label {
  position: absolute;
  left: 12px;
  top: 50%;
  text-align: left;
  transform: translateY(-50%);
  font-size: 14px;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
  color: #555;
  padding: 2px 5px;
  pointer-events: none;
}
#ateamo-players-league-list-join-result .ateamo-join-input-block label.ateamo-player-join-skill, #ateamo-players-league-list-join-result .ateamo-join-input-block label.ateamo-player-join-position {
  position: initial;
  left: auto;
  top: auto;
  transform: none;
  pointer-events: auto;
  cursor: pointer;
  display: flex;
  align-items: center;
}
#ateamo-players-league-list-join-result .ateamo-join-textarea textarea:focus ~ label,
#ateamo-players-league-list-join-result .ateamo-join-textarea textarea:not(:placeholder-shown) ~ label {
  top: -7px !important;
  font-size: 10px;
  background-color: #fff;
}
#ateamo-players-league-list-join-result .ateamo-join-textarea label {
  top: 12px;
  transform: none;
}

.ateamo-invite-player-inputs-item .ateamo-join-input-block .ateamo-join--select.ateamo-join--checkboxes {
  padding: 15px 16px !important;
  height: auto;
}

.ateamo-join--radios.ateamo-is-active,
.ateamo-join--checkboxes.ateamo-is-active {
  border-color: #006854;
}
.ateamo-join--radios.ateamo-is-active .ateamo-join--placeholder,
.ateamo-join--checkboxes.ateamo-is-active .ateamo-join--placeholder {
  top: 2px;
  font-size: 10px;
  background-color: #fff;
}
.ateamo-join--radios .ateamo-join--placeholder,
.ateamo-join--checkboxes .ateamo-join--placeholder {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  font-size: 14px;
  background-color: #fff;
  padding: 2px 5px;
  line-height: 14px;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
}

.ateamo-join-radios--scroll,
.ateamo-join-checkboxes--scroll {
  overflow-y: auto;
  max-height: 300px;
  width: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 100%;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  border-radius: 6px;
  background-color: #fff;
  padding: 12px;
  z-index: 1;
  border: 1px solid rgba(118, 118, 118, 0.4);
}
.ateamo-join-radios--scroll.ateamo-is-active,
.ateamo-join-checkboxes--scroll.ateamo-is-active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  top: 110%;
}
.ateamo-join-radios--scroll input,
.ateamo-join-checkboxes--scroll input {
  position: absolute !important;
  left: -9999999px;
  width: 1px;
  height: 1px;
}
.ateamo-join-radios--scroll input:checked ~ .ateamo-player-join--checkbox,
.ateamo-join-checkboxes--scroll input:checked ~ .ateamo-player-join--checkbox {
  border: 1px solid #006854;
}
.ateamo-join-radios--scroll input:checked ~ .ateamo-player-join--checkbox:before,
.ateamo-join-checkboxes--scroll input:checked ~ .ateamo-player-join--checkbox:before {
  content: url("../images/checkmark-join-icon.svg");
}
.ateamo-join-radios--scroll input:checked ~ .ateamo-player-join--radio,
.ateamo-join-checkboxes--scroll input:checked ~ .ateamo-player-join--radio {
  border: 1px solid #006854;
}
.ateamo-join-radios--scroll input:checked ~ .ateamo-player-join--radio:before,
.ateamo-join-checkboxes--scroll input:checked ~ .ateamo-player-join--radio:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #006854;
}
.ateamo-join-radios--scroll .ateamo-player-join--radio,
.ateamo-join-radios--scroll .ateamo-player-join--checkbox,
.ateamo-join-checkboxes--scroll .ateamo-player-join--radio,
.ateamo-join-checkboxes--scroll .ateamo-player-join--checkbox {
  pointer-events: none;
  width: 20px;
  height: 20px;
  min-height: 20px;
  min-width: 20px;
  max-width: 20px;
  max-height: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(118, 118, 118, 0.4);
  margin-right: 10px;
  font-size: 16px;
  line-height: 16px;
  border-radius: 3px;
}
.ateamo-join-radios--scroll .ateamo-player-join--radio:before,
.ateamo-join-radios--scroll .ateamo-player-join--checkbox:before,
.ateamo-join-checkboxes--scroll .ateamo-player-join--radio:before,
.ateamo-join-checkboxes--scroll .ateamo-player-join--checkbox:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 15px;
  height: 15px;
}
.ateamo-join-radios--scroll .ateamo-player-join--radio,
.ateamo-join-checkboxes--scroll .ateamo-player-join--radio {
  border-radius: 50%;
}
.ateamo-join-radios--scroll .ateamo-player-join--radio:before,
.ateamo-join-checkboxes--scroll .ateamo-player-join--radio:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 15px;
  height: 15px;
}

.ateamo-join--selected-skills,
.ateamo-join--selected-positions {
  display: flex;
  flex-wrap: wrap;
  pointer-events: none;
}
.ateamo-join--selected-skills span,
.ateamo-join--selected-positions span {
  padding: 3px 5px;
  border-radius: 3px;
  background-color: #D9DDE1;
  cursor: pointer;
  margin-right: 2px;
  margin-bottom: 2px;
}

.ateamo-join--selected-skills:not(:empty) ~ .ateamo-join--placeholder,
.ateamo-join--selected-positions:not(:empty) ~ .ateamo-join--placeholder {
  top: 2px;
  font-size: 10px;
  background-color: #fff;
}

@media screen and (max-width: 991px) {
  .ateamo-players-join---padding {
    flex-direction: column;
  }
  .ateamo-players-join---padding .ateamo-form--width-half:first-child,
  .ateamo-players-join---padding .ateamo-form--width-half:last-child {
    width: 100%;
  }
  .ateamo-players-join---padding .ateamo-form--league-main {
    max-width: 100%;
  }
}
.ateamo-players-list__teams tr,
.ateamo-player-pool__player {
  padding: 10px 0;
  border-bottom: 1px solid gray;
  gap: 10px;
  justify-content: space-between;
}

.ateamo-players-list__teams .ateamo-league-list__team-name {
  width: 100%;
}

.ateamo-players-list__teams tr td {
  padding: 10px 16px;
  background-color: #f9fafb;
  height: 44px;
  font-weight: 500;
  line-height: 18px;
  font-size: 14px;
  color: #667085;
  border-bottom: thin solid rgba(0, 0, 0, 0.12);
}

.ateamo-players-list__teams tr:last-child td {
  border-bottom: 0;
}

.ateamo-player-pool__player td {
  padding: 10px 16px;
  border-bottom: thin solid rgba(0, 0, 0, 0.12);
}

.ateamo-player-pool__player:last-child td {
  border-bottom: 0;
}

.ateamo-player-pool__player * {
  font-size: 14px;
  color: #667085;
}

.ateamo-players-list__teams select,
.ateamo-player-pool__container {
  width: 100%;
  overflow-x: auto;
  border-radius: 8px;
  border: 1px solid #e3e7eb;
  border-spacing: 0;
}

.ateamo-players-list__teams select {
  height: 56px;
  padding: 0 16px;
}

.ateamo-players-list__teams {
  margin-bottom: 30px;
}

.ateamo-players-list__teams-table {
  border-spacing: 0;
}

.ateamo-player-pool__info {
  display: flex;
  align-items: center;
  gap: 5px;
}

.ateamo-player-pool {
  padding-right: 5px;
}
.ateamo-player-pool:last-child {
  padding-right: 0;
}
.ateamo-player-pool__image {
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  border-radius: 50%;
  border: 1px solid #e3e7eb;
  overflow: hidden;
}
.ateamo-player-pool__image img {
  width: 100%;
  height: 100%;
}
.ateamo-player-pool__table {
  width: 100%;
  border-spacing: 0;
}

.ateamo-players-list__captain h4 {
  margin-bottom: 10px;
}

.ateamo-player-pool__scroll > table > thead > tr > th,
.ateamo-player-pool__scroll > table > thead > tr > td {
  height: 44px;
  background-color: #f9fafb;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #95a1ad;
  padding: 10px 16px;
  text-align: left;
}

.ateamo-player-pool__button button,
.ateamo-player-pool__scroll > table > thead > tr > th {
  white-space: nowrap;
}

.ateamo-player-pool__scroll > table > thead > tr > th {
  background: rgb(var(--v-theme-surface));
  box-shadow: inset 0 -1px rgba(var(--v-border-color), var(--v-border-opacity));
  z-index: 1;
}

.ateamo-player-pool__scroll > table > thead > tr > th, .ateamo-player-pool__scroll > table > thead > tr > th {
  background-color: #f9fafb;
  height: 44px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #95a1ad;
}

.ateamo-player-pool__info {
  max-width: 200px;
  min-width: 200px;
}

.ateamo-player-pool__position,
.ateamo-player-pool__skill-level,
.ateamo-player-pool__experience {
  min-height: 150px;
}

.ateamo-player-pool__position:first-letter,
.ateamo-player-pool__skill-level:first-letter {
  text-transform: uppercase;
}

.ateamo-player-pool__skill-level span,
.ateamo-player-pool__position span {
  white-space: nowrap;
}

.ateamo-player-pool__button button {
  padding: 0 16px;
  text-transform: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  border-radius: 8px;
  background-color: rgb(0, 82, 65);
  color: rgb(255, 255, 255);
  height: 36px;
  border: 0;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
}

.ateamo-player-pool__button button:hover {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  opacity: 0.8;
}

.ateamo-player-list__teams {
  display: flex;
}

.ateamo-player-list__success,
.ateamo-player-list__error {
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 35px;
}

.ateamo-player-list__success.active,
.ateamo-player-list__error.active {
  display: flex;
}

.ateamo-join-team-rsvp-container {
  padding: 40px;
  margin: 0 auto;
  text-align: center;
}

.ateamo-player-position--select {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.ateamo-player-position--select label span {
  font-weight: 600;
  font-size: 20px;
  line-height: 124%;
  text-align: center;
  letter-spacing: -0.02em;
  color: #2E2E2D;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ateamo-player-position--select label select {
  align-items: center;
  color: inherit;
  column-gap: 2px;
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 0.009375em;
  opacity: 0.87;
  min-height: 56px;
  min-width: 0;
  padding: 0 16px !important;
  position: relative;
  width: 100%;
  border-radius: 10px;
  border: 1px solid rgba(118, 118, 118, 0.4);
  text-align: center;
}

.ateamo-join-to-team__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: 100%;
}
.ateamo-join-to-team__buttons .ateamo-join-to-button-grey {
  background-color: #291B33;
  color: #fff;
}
.ateamo-join-to-team__buttons button {
  height: 50px;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #292928;
  background-color: #B0F000;
  border-radius: 52px;
  transition: 0.3s all;
  border: none;
  cursor: pointer;
}
.ateamo-join-to-team__buttons button:hover {
  transform: scale(1.05);
}
.ateamo-join-to-team__buttons button:disabled {
  transform: scale(1) !important;
  color: rgba(41, 41, 40, 0.3);
  background-color: #E6E5E3;
  cursor: auto;
}

#ateamo-manage-team-result .ateamo-invite-container {
  max-width: 600px;
  padding: 8px;
  position: relative;
}
#ateamo-manage-team-result .ateamo-invite-container--small {
  max-width: 350px;
}

#ateamo-manage-team-result .ateamo-registration__manage-team .group-manage-team {
  width: 50%;
}

.ateamo-manage-team-result.hide {
  display: none;
}

.ateamo-manage-team-result__loader {
  position: relative;
}

.ateamo-manage-team-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-right: -5px;
  margin-left: -5px;
}
.ateamo-manage-team-grid .ateamo-manage-team-grid-item {
  padding: 3px;
  border: none;
  cursor: pointer;
  height: 100%;
  width: 50%;
}
.ateamo-manage-team-grid .ateamo-manage-team-grid-item:hover .group-manage-team-inside {
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
}
.ateamo-manage-team-grid .ateamo-manage-team-grid-item .group-manage-team-inside {
  border-radius: 6px;
  background: #F0EFED !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 15px;
  transition: all 0.3s ease-in-out;
}
.ateamo-manage-team-grid .ateamo-manage-team-grid-item .group-manage-team-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #2E2E2D;
}
.ateamo-manage-team-grid .ateamo-manage-team-grid-item .group-manage-team-button {
  margin-top: 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: -0.01em;
  width: 130px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ateamo-manage-team-grid .ateamo-manage-team-grid-item img {
  width: 50px;
  margin-bottom: 15px !important;
  height: 50px !important;
}

.ateamo-manage-team-settings-result {
  display: none;
  flex-direction: column;
  gap: 20px;
}

.ateamo-manage-team-settings-result.active {
  display: flex;
}

.ateamo-manage-team-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.ateamo-manage-team-header h2 {
  color: #2E2E2D;
  font-size: 17px;
  font-weight: 600;
  line-height: 120%;
}
.ateamo-manage-team-header img {
  height: 40px;
  width: 40px;
  object-fit: cover;
}

.ateamo-manage-team-body h3 {
  font-size: 15px;
  color: #2E2E2D;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 15px;
  text-align: center;
}
.ateamo-manage-team-body .ateamo-current-name {
  margin-left: 10px;
}
.ateamo-manage-team-body .ateamo-manage-team--color span {
  display: flex;
  border: 2px solid #C5C5C5;
  width: 30px;
  height: 30px;
  margin-left: 10px;
}
.ateamo-manage-team-body .ateamo-manage-team--header-colors {
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.ateamo-manage-team-body .ateamo-manage-team--header-colors p {
  display: flex;
  align-items: center;
  font-weight: 600;
}
.ateamo-manage-team-body > div {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.ateamo-manage-team-body > div img {
  width: 40px;
  margin-left: 10px;
}
.ateamo-manage-team-body > div span {
  font-weight: 600;
}
.ateamo-manage-team-body .ateamo-manage-team--form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
  width: 100%;
  margin-top: 30px;
}
.ateamo-manage-team-body .ateamo-manage-team--form label {
  position: relative;
}
.ateamo-manage-team-body .ateamo-manage-team--form label input[type=file] {
  position: absolute;
  width: 1px;
  height: 1px;
  pointer-events: none;
  padding: 0;
  left: 50px;
  top: 20px;
  background-color: transparent;
  border: 0;
}
.ateamo-manage-team-body .ateamo-manage-team--form label input, .ateamo-manage-team-body .ateamo-manage-team--form label > span {
  height: 40px;
  border: 1px solid #DEDDDC;
  background-color: #F0EFED;
  font-size: 14px;
  font-weight: 500;
  line-height: 20.16px;
  letter-spacing: -0.01em;
  text-align: left;
  padding: 8px 30px 8px 12px;
  border-radius: 6px;
  width: 100%;
}
.ateamo-manage-team-body .ateamo-manage-team--form label span {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20.16px;
  letter-spacing: -0.01em;
}
.ateamo-manage-team-body .ateamo-manage-team--form .ateamo-manage-team--button {
  height: 52px;
  border-radius: 52px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 0 15px !important;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  text-transform: initial;
  letter-spacing: normal;
  text-decoration: none !important;
  justify-content: center;
  width: 100%;
}

.ateamo-registration-team--inside .ateamo-registration--header.ateamo-registration--header-badge {
  display: block;
  text-align: center;
}

.ateamo-manage-team--items {
  display: flex;
  width: 100%;
}
.ateamo-manage-team--items .ateamo-manage-team--item:first-child {
  flex: 1;
}
.ateamo-manage-team--items .ateamo-manage-team--item:last-child {
  flex: 0;
  min-width: 100px;
  margin-left: 10px;
  text-align: center;
}

.ateamo-registration--team-image {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  max-width: 100px;
}
.ateamo-registration--team-image > span {
  font-size: 12px;
  font-weight: 400;
  color: #858483;
  text-align: left;
}
.ateamo-registration--team-image label {
  border-radius: 6px;
  height: 100px;
  width: 100px !important;
  cursor: pointer;
  display: flex;
  padding: 5px !important;
  border: 1px solid #d3d3d3 !important;
}
.ateamo-registration--team-image label input {
  position: fixed;
  left: -999999px;
  width: 1px;
  height: 1px;
}
.ateamo-registration--team-image .ateamo-registration-team--logo {
  pointer-events: none;
  height: auto;
  max-width: 85px;
  left: 50%;
  position: absolute;
  top: 50%;
  object-fit: contain;
  transform: translate(-50%, -50%);
  aspect-ratio: 1/1;
}

.ateamo-upload--badge {
  position: relative;
}

@media screen and (max-width: 768px) {
  #ateamo-manage-team-result .ateamo-manage-team-grid {
    flex-direction: column;
  }
  #ateamo-manage-team-result .ateamo-manage-team-grid .ateamo-manage-team-grid-item {
    width: 100%;
  }
}
.ateamo-container--event {
  max-width: 800px !important;
  width: 100%;
}

.ateamo-event .ateamo-container {
  margin-bottom: 0 !important;
}
.ateamo-event .ateamo-invite-container {
  max-width: 100%;
}

#ateamo-event-result {
  position: relative;
}
#ateamo-event-result .ateamo-error-registration--message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 40px;
  border: 0;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
  box-shadow: none;
  text-align: center;
}
#ateamo-event-result .ateamo-error-registration--message .ateamo-error-registration {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--at-fg-base-strong);
  font-size: 20px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.03em;
}

.ateamo-event--details {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}

.ateamo-event-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ateamo-event-header__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: auto;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: var(--at-fg-link-secondary-resting);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-event-header__back:hover {
  color: var(--at-fg-link-secondary-hover);
}
.ateamo-event-header__back {
  align-self: flex-start;
  gap: 8px;
  text-decoration: none;
}
.ateamo-event-header__back span {
  color: inherit;
}
.ateamo-event-header__title-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
@media (min-width: 600px) {
  .ateamo-event-header__title-row {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.ateamo-event-header__title {
  margin: 0;
  color: var(--at-fg-base-strong);
  font-size: 26px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.04em;
}
.ateamo-event-header__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.ateamo-event-header .event-table-send-reminder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-event-header .event-table-send-reminder > span,
.ateamo-event-header .event-table-send-reminder > .ateamo-icon,
.ateamo-event-header .event-table-send-reminder > .ateamo-icon * {
  color: inherit;
}
.ateamo-event-header .event-table-send-reminder:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-event-header .event-table-send-reminder:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-event-header .event-table-send-reminder:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-event-header .event-table-send-reminder:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-event-header .event-table-send-reminder {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.ateamo-event-header .event-table-send-reminder > * {
  pointer-events: none;
}
.ateamo-event-header .event-table-send-reminder span {
  color: inherit;
}

.ateamo-event-card {
  overflow: hidden;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
}
.ateamo-event-card--friendly,
.ateamo-event-card--friendly .ateamo-event-card__header,
.ateamo-event-card--friendly .ateamo-event-card__data {
  background-color: var(--at-bg-match-friendly);
}
.ateamo-event-card--practice,
.ateamo-event-card--practice .ateamo-event-card__header,
.ateamo-event-card--practice .ateamo-event-card__data {
  background-color: var(--at-bg-match-practice);
}
.ateamo-event-card--results-pending {
  background-color: var(--at-fg-special-weak);
}
.ateamo-event-card__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 10px 0;
  background-color: var(--at-bg-base-adapt-weak);
}
.ateamo-event-card__header-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px 24px;
}
.ateamo-event-card__header-divider {
  width: 90%;
  height: 1px;
  margin-top: 10px;
  background-color: var(--at-stroke-base-weak);
}
.ateamo-event-card__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 600;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-event-card__meta-item--friendly {
  color: var(--at-fg-match-friendly);
}
.ateamo-event-card__meta-item--training {
  color: var(--at-fg-match-practice);
}
.ateamo-event-card__data {
  display: flex;
  justify-content: center;
  padding: 24px 12px;
}
@media (min-width: 960px) {
  .ateamo-event-card__data {
    padding: 24px 16px;
  }
}
.ateamo-event-card__team {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0;
  gap: 8px;
  min-width: 0;
  max-width: 104px;
  color: inherit;
  text-decoration: none;
}
.ateamo-event-card__team--lost {
  opacity: 0.5;
}
@media (min-width: 960px) {
  .ateamo-event-card__team {
    max-width: 176px;
  }
}
.ateamo-event-card a.ateamo-event-card__team {
  cursor: pointer;
}
.ateamo-event-card a.ateamo-event-card__team .ateamo-event-card__badge {
  transition: transform 0.15s ease;
}
.ateamo-event-card a.ateamo-event-card__team:hover .ateamo-event-card__badge {
  transform: scale(1.04);
}
.ateamo-event-card a.ateamo-event-card__team:focus-visible .ateamo-event-card__badge {
  outline: 2px solid var(--at-fg-base-medium);
  outline-offset: 2px;
}
.ateamo-event-card__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  overflow: hidden;
  border-radius: var(--at-radius-sm);
}
.ateamo-event-card__badge img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}
.ateamo-event-card__badge .ateamo-team-emblem {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: var(--at-bg-neutral-weak);
  color: var(--at-fg-base-weak);
}
.ateamo-event-card__badge .ateamo-icon {
  width: 43px;
  height: 43px;
}
.ateamo-event-card__badge .ateamo-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ateamo-event-card__badge {
  border-radius: var(--at-radius-lg);
}
.ateamo-event-card__badge .ateamo-team-emblem {
  background: var(--at-bg-base-surface);
}
@media (min-width: 960px) {
  .ateamo-event-card__badge {
    width: 88px;
    height: 88px;
  }
  .ateamo-event-card__badge .ateamo-icon {
    width: 52px;
    height: 52px;
  }
}
.ateamo-event-card__team-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
}
.ateamo-event-card__team-name {
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
  text-align: center;
  overflow-wrap: anywhere;
}
.ateamo-event-card__team--lost .ateamo-event-card__team-name {
  font-weight: 400;
}
.ateamo-event-card__team-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ateamo-event-card__role {
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  width: 44px;
  height: 20px;
  padding: 0 4px 4px;
  border-radius: var(--at-radius-xsm);
  background-color: var(--at-bg-base-adapt);
  color: var(--at-fg-base-medium);
  font-size: 10px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.ateamo-event-card__jerseys {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.ateamo-event-card .ateamo-jersey-icon {
  display: block;
  width: 20px;
  height: 20px;
}
.ateamo-event-card__center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.ateamo-event-card__score-area {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 128px;
  min-height: 88px;
}
.ateamo-event-card__score {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ateamo-event-card__score--dispute .ateamo-event-card__score-box {
  background-color: var(--at-bg-warning-weak);
}
.ateamo-event-card__score-box {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  min-height: 48px;
  background-color: var(--at-bg-base-adapt);
  color: var(--at-fg-base-strong);
  font-size: 26px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
}
.ateamo-event-card__score-box:first-child {
  border-radius: var(--at-radius-xsm) 0 0 var(--at-radius-xsm);
}
.ateamo-event-card__score-box:last-child {
  border-radius: 0 var(--at-radius-xsm) var(--at-radius-xsm) 0;
}
.ateamo-event-card__score-box--lost {
  font-weight: 400;
}
.ateamo-event-card__score--empty .ateamo-event-card__score-box {
  color: var(--at-fg-base-weak);
}
.ateamo-event-card__score-separator {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 16px;
  transform: translate(-50%, -50%);
  background-color: var(--at-stroke-base-weak);
}
.ateamo-event-card__datetime {
  text-align: center;
}
.ateamo-event-card__time {
  color: var(--at-fg-base-strong);
  font-size: 20px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.03em;
}
.ateamo-event-card__date {
  color: var(--at-fg-base-medium);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-event-card__center-separator {
  width: 24px;
  height: 1px;
  margin-top: 21px;
  background-color: var(--at-stroke-base-weak);
}
.ateamo-event-card .ateamo-event--result--status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 16px;
  padding: 2px 4px;
  border-radius: var(--at-radius-xsm);
  background-color: var(--at-bg-neutral-weak);
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
  text-transform: none;
  white-space: nowrap;
}
.ateamo-event-card .ateamo-event--result--status.pending {
  background-color: var(--at-bg-neutral-medium);
  color: var(--at-fg-base-strong);
}
.ateamo-event-card .ateamo-event--result--status.finished, .ateamo-event-card .ateamo-event--result--status.technical_defeat {
  background-color: var(--at-bg-base-adapt);
  color: var(--at-fg-base-medium);
}
.ateamo-event-card .ateamo-event--result--status.canceled, .ateamo-event-card .ateamo-event--result--status.forfeit {
  background-color: var(--at-bg-danger-strong);
  color: var(--at-fg-danger-weak);
}
.ateamo-event-card .ateamo-event--result--status.rainout {
  background-color: var(--at-bg-rainout-strong);
  color: var(--at-fg-rainout-weak);
}
.ateamo-event-card .ateamo-event--result--status.postponed, .ateamo-event-card .ateamo-event--result--status.dispute {
  background-color: var(--at-bg-warning-strong);
  color: var(--at-bg-warning-weak);
}
.ateamo-event-card .ateamo-event--result--status.draft_score {
  background-color: var(--at-bg-special-strong);
  color: var(--at-fg-special-weak);
}
.ateamo-event-card .ateamo-event--result--status.live {
  background-color: var(--at-bg-danger-weak);
  color: var(--at-fg-danger-strong);
}
.ateamo-event-card__rsvp {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border-top: 1px solid var(--at-stroke-base-weak);
  background-color: var(--at-bg-base-adapt-weak);
}
@media (min-width: 960px) {
  .ateamo-event-card__rsvp {
    padding: 16px 24px 24px;
  }
}
.ateamo-event-card__rsvp-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
.ateamo-event-card .rsvp-in-count {
  display: inline-flex;
  align-items: center;
  min-height: 16px;
  padding: 0 4px;
  border-radius: var(--at-radius-xsm);
  background-color: var(--at-bg-success-weak);
  color: var(--at-fg-success-strong);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.ateamo-event-card .rsvp-in-count:empty, .ateamo-event-card .rsvp-in-count.rsvp-in-count--hide {
  display: none;
}
.ateamo-event-card .ateamo-event--rsvp--text {
  color: var(--at-fg-base-medium);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
  text-align: center;
}
.ateamo-event-card .ateamo-event--rsvp--options {
  position: relative;
  display: flex;
  gap: 8px;
}
.ateamo-event-card .ateamo-event--rsvp--options input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.ateamo-event-card__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid var(--at-stroke-base-weak);
  background-color: var(--at-bg-base-adapt-weak);
  color: var(--at-fg-base-strong);
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
}
@media (min-width: 960px) {
  .ateamo-event-card__footer {
    padding: 12px 24px;
  }
}

.ateamo-event-rsvp-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-event-rsvp-button > span,
.ateamo-event-rsvp-button > .ateamo-icon,
.ateamo-event-rsvp-button > .ateamo-icon * {
  color: inherit;
}
.ateamo-event-rsvp-button:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-event-rsvp-button:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-event-rsvp-button:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-event-rsvp-button:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-event-rsvp-button {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-event-rsvp-button span {
  color: inherit;
}
.ateamo-event-rsvp-button .ateamo-icon {
  display: none;
}
.ateamo-event-rsvp-button__label--short {
  display: none;
}
@media (max-width: 959.98px) {
  .ateamo-event-rsvp-button__label {
    display: none;
  }
  .ateamo-event-rsvp-button__label--short {
    display: inline;
  }
}

.ateamo-event--rsvp--options input:focus-visible + .ateamo-event-rsvp-button {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-event--rsvp--options input:checked + .ateamo-event-rsvp-button,
.ateamo-event--rsvp--options input.ateamo-checked + .ateamo-event-rsvp-button {
  border-color: transparent;
}
.ateamo-event--rsvp--options input:checked + .ateamo-event-rsvp-button .ateamo-icon,
.ateamo-event--rsvp--options input.ateamo-checked + .ateamo-event-rsvp-button .ateamo-icon {
  display: inline-flex;
}
.ateamo-event--rsvp--options input:checked + .ateamo-event-rsvp-button--in,
.ateamo-event--rsvp--options input.ateamo-checked + .ateamo-event-rsvp-button--in {
  background-color: var(--at-bg-success-medium);
}
.ateamo-event--rsvp--options input:checked + .ateamo-event-rsvp-button--maybe,
.ateamo-event--rsvp--options input.ateamo-checked + .ateamo-event-rsvp-button--maybe {
  background-color: var(--at-bg-special-medium);
}
.ateamo-event--rsvp--options input:checked + .ateamo-event-rsvp-button--out,
.ateamo-event--rsvp--options input.ateamo-checked + .ateamo-event-rsvp-button--out {
  background-color: var(--at-bg-neutral-medium);
}
.ateamo-event--rsvp--options input:disabled + .ateamo-event-rsvp-button {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-event--rsvp--options.ateamo-loader {
  pointer-events: none;
  opacity: 0.6;
}

.ateamo-banner {
  overflow: hidden;
  border: 1px solid var(--at-stroke-adapt-weak);
  border-radius: var(--at-radius-sm);
}
.ateamo-banner__header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  color: var(--at-fg-base-strong);
}
.ateamo-banner__header span {
  color: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-banner__header .ateamo-icon {
  width: 20px;
  height: 20px;
}
.ateamo-banner__body {
  padding: 12px;
  background-color: var(--at-bg-base-surface);
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-banner--neutral .ateamo-banner__header {
  background-color: var(--at-bg-neutral-medium);
}
.ateamo-banner--warning .ateamo-banner__header {
  background-color: var(--at-bg-warning-weak);
}
.ateamo-banner--info .ateamo-banner__header {
  background-color: var(--at-bg-info-weak);
}
.ateamo-banner--success .ateamo-banner__header {
  background-color: var(--at-bg-success-weak);
}
.ateamo-banner--danger .ateamo-banner__header {
  background-color: var(--at-bg-danger-weak);
}

.ateamo-event-section {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 24px;
  border-top: 1px solid var(--at-stroke-base-weak);
}
.ateamo-event-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.ateamo-event-section__header h2 {
  margin: 0;
  color: var(--at-fg-base-strong);
  font-size: 16px;
  font-weight: 600;
  line-height: 128%;
  letter-spacing: -0.02em;
}

.ateamo-event--additional-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.ateamo-event-goals {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.ateamo-event-goals__team {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
}
.ateamo-event-goals__team-name {
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 600;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-event-goals__empty {
  color: var(--at-fg-base-weak);
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
}

.ateamo-event--player-score {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-event--player-score img {
  width: 16px;
  height: 16px;
  margin: 0;
}
.ateamo-event--player-score span {
  color: inherit;
}
.ateamo-event--player-score .ateamo-event--player-score-value {
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}

.ateamo-event--result-score-captain {
  align-items: flex-start;
}
.ateamo-event--result-score-captain.ateamo-loader {
  pointer-events: none;
}
.ateamo-event--result-score-captain .ateamo-event--result-score {
  display: flex;
  align-items: flex-end;
  gap: 12px;
}
.ateamo-event--result-score-captain .ateamo-event--result-score label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 160px;
}
.ateamo-event--result-score-captain .ateamo-event--result-score label span {
  overflow: hidden;
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ateamo-event--result-score-captain .ateamo-event--result-score .ateamo-event--score-separator {
  padding-bottom: 12px;
  color: var(--at-fg-base-weak);
}
.ateamo-event--result-score-captain .ateamo-event--score-input {
  width: 64px;
  height: 48px;
  padding: 0;
  border: 1px solid var(--at-stroke-base-forms);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  color: var(--at-fg-base-strong);
  font-size: 20px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.03em;
  text-align: center;
}
.ateamo-event--result-score-captain .ateamo-event--score-input:focus {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-event--result-score-captain .ateamo-event--score-input.ateamo-error-input {
  border-color: var(--at-stroke-danger-strong, #cc1e49);
}
.ateamo-event--result-score-captain .event-score--captain {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-event--result-score-captain .event-score--captain > span,
.ateamo-event--result-score-captain .event-score--captain > .ateamo-icon,
.ateamo-event--result-score-captain .event-score--captain > .ateamo-icon * {
  color: inherit;
}
.ateamo-event--result-score-captain .event-score--captain:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-event--result-score-captain .event-score--captain:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-event--result-score-captain .event-score--captain:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-event--result-score-captain .event-score--captain:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-event--result-score-captain .event-score--captain {
  border-color: transparent;
  background-color: var(--at-bg-primary-strong);
  color: var(--at-fg-base-on-strong);
}
.ateamo-event--result-score-captain .event-score--captain:hover, .ateamo-event--result-score-captain .event-score--captain:active {
  color: var(--at-fg-accent-weak);
}
.ateamo-event--result-score-captain .event-score--captain:hover {
  background-image: linear-gradient(var(--at-state-hover-inv), var(--at-state-hover-inv));
}
.ateamo-event--result-score-captain .event-score--captain:active {
  background-image: linear-gradient(var(--at-state-pressed-inv), var(--at-state-pressed-inv));
}

.ateamo-container .ateamo-event-venue {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.ateamo-container .ateamo-event-venue__map {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: var(--at-radius-xsm);
  background-color: var(--at-bg-neutral-weak);
}
.ateamo-container .ateamo-event-venue__map img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}
.ateamo-container .ateamo-event-venue__map:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}

.ateamo-container .ateamo-event-venue__map-icon {
  position: absolute;
  bottom: 1px;
  left: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 1px;
  background-color: rgba(22, 22, 22, 0.6);
  backdrop-filter: blur(1.5px);
  color: var(--at-fg-base-on-strong);
}
.ateamo-container .ateamo-event-venue__map-icon svg {
  display: block;
}

.ateamo-container .ateamo-event-venue__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.ateamo-event--court-name {
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
}

.ateamo-event--court-place {
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
}

.ateamo-container a.ateamo-event--directions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: auto;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: var(--at-fg-link-secondary-resting);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container a.ateamo-event--directions:hover {
  color: var(--at-fg-link-secondary-hover);
}
.ateamo-container a.ateamo-event--directions {
  text-decoration: none;
}
.ateamo-container a.ateamo-event--directions span {
  color: inherit;
}

.ateamo-event--standings-result:empty, .ateamo-event--standings-result:has(.ateamo-event--table-standings--empty) {
  display: none;
}

.ateamo-event--table-standings {
  display: flex;
  flex-direction: column;
  gap: 4px;
  overflow-x: auto;
}
.ateamo-event--table-standings .ateamo-event--title-label {
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-event--table-standings .ateamo-event--title {
  margin-bottom: 12px;
  color: var(--at-fg-base-strong);
  font-size: 16px;
  font-weight: 600;
  line-height: 128%;
  letter-spacing: -0.02em;
}
.ateamo-event--table-standings .ateamo-standings-team__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  overflow: hidden;
  border-radius: var(--at-radius-sm);
}
.ateamo-event--table-standings .ateamo-standings-team__badge img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}
.ateamo-event--table-standings .ateamo-standings-team__badge .ateamo-team-emblem {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: var(--at-bg-neutral-weak);
  color: var(--at-fg-base-weak);
}
.ateamo-event--table-standings .ateamo-standings-team__badge .ateamo-icon {
  width: 12px;
  height: 12px;
}
.ateamo-event--table-standings .ateamo-standings-team__badge .ateamo-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ateamo-event--table-standings tbody tr.at-zone td:first-child {
  box-shadow: inset 4px 0 0 0 var(--at-zone-color);
}
.ateamo-event--table-standings .ateamo-standings-info {
  margin-top: 8px;
}
.ateamo-event--table-standings .ateamo-standings-team {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ateamo-event--table-standings .ateamo-standings-team img {
  margin: 0;
}
.ateamo-event--table-standings .ateamo-standings-team__name {
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-event--table-standings a.ateamo-standings-team {
  text-decoration: none;
}
.ateamo-event--table-standings a.ateamo-standings-team:hover .ateamo-standings-team__name {
  text-decoration: underline;
}
@media (max-width: 599.98px) {
  .ateamo-event--table-standings .ateamo-standings-table th,
  .ateamo-event--table-standings .ateamo-standings-table td {
    padding-right: 6px;
    padding-left: 6px;
  }
  .ateamo-event--table-standings .ateamo-standings-team__name {
    white-space: normal;
  }
}

.ateamo-event--forfeit-buttons {
  display: flex;
  justify-content: center;
  padding-top: 8px;
  border-top: 1px solid var(--at-stroke-base-weak);
}
.ateamo-event--forfeit-buttons .ateamo-event--forfeit {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 12px;
  border: none;
  border-radius: var(--at-radius-sm);
  background: none;
  color: var(--at-bg-danger-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-event--forfeit-buttons .ateamo-event--forfeit > * {
  pointer-events: none;
}
.ateamo-event--forfeit-buttons .ateamo-event--forfeit span {
  color: inherit;
}
.ateamo-event--forfeit-buttons .ateamo-event--forfeit:hover {
  background-color: var(--at-bg-danger-weak);
}

.ateamo-event-reminder--pop-up .ateamo-modal__bgc,
.ateamo-event-forfeit--pop-up .ateamo-modal__bgc {
  background-color: var(--at-bg-blanket);
}
.ateamo-event-reminder--pop-up .ateamo-modal--content,
.ateamo-event-forfeit--pop-up .ateamo-modal--content {
  max-width: 432px;
  padding: 16px;
}
.ateamo-event-reminder--pop-up .ateamo-modal--content .ateamo-close-modal,
.ateamo-event-forfeit--pop-up .ateamo-modal--content .ateamo-close-modal {
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
}
.ateamo-event-reminder--pop-up.ateamo-loader::before,
.ateamo-event-forfeit--pop-up.ateamo-loader::before {
  z-index: 5;
}
.ateamo-event-reminder--pop-up.ateamo-loader::after,
.ateamo-event-forfeit--pop-up.ateamo-loader::after {
  z-index: 4;
}

.event-reminder--content,
.event-forfeit--content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.event-reminder--title,
.event-forfeit--title {
  padding-right: 24px;
  color: var(--at-fg-base-strong);
  font-size: 16px;
  font-weight: 600;
  line-height: 128%;
  letter-spacing: -0.02em;
}
.event-reminder--title span,
.event-forfeit--title span {
  color: inherit;
  font-weight: inherit;
}

.ateamo-container .event-forfeit--note {
  margin: 0;
  color: var(--at-fg-base-medium);
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
}

.event-reminder--textarea label,
.event-forfeit--textarea label {
  display: block;
  width: 100%;
}
.event-reminder--textarea textarea,
.event-forfeit--textarea textarea {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--at-stroke-base-forms);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
  resize: none;
}
.event-reminder--textarea textarea::placeholder,
.event-forfeit--textarea textarea::placeholder {
  color: var(--at-fg-base-weak);
}
.event-reminder--textarea textarea:focus, .event-reminder--textarea textarea:focus-visible,
.event-forfeit--textarea textarea:focus,
.event-forfeit--textarea textarea:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
}
@media (max-width: 959.98px) {
  .event-reminder--textarea textarea,
  .event-forfeit--textarea textarea {
    font-size: 16px;
  }
}
.event-reminder--textarea textarea,
.event-forfeit--textarea textarea {
  height: 140px;
}

.event-reminder--buttons,
.event-forfeit--buttons {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid var(--at-stroke-base-weak);
}

.ateamo-container .event-reminder--cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container .event-reminder--cancel > span,
.ateamo-container .event-reminder--cancel > .ateamo-icon,
.ateamo-container .event-reminder--cancel > .ateamo-icon * {
  color: inherit;
}
.ateamo-container .event-reminder--cancel:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-container .event-reminder--cancel:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-container .event-reminder--cancel:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .event-reminder--cancel:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-container .event-reminder--cancel {
  min-width: 88px;
  padding: 4px 14px !important;
}

.ateamo-container .event-reminder--send {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container .event-reminder--send > span,
.ateamo-container .event-reminder--send > .ateamo-icon,
.ateamo-container .event-reminder--send > .ateamo-icon * {
  color: inherit;
}
.ateamo-container .event-reminder--send:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-container .event-reminder--send:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-container .event-reminder--send:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .event-reminder--send:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-container .event-reminder--send {
  border-color: transparent;
  background-color: var(--at-bg-primary-strong);
  color: var(--at-fg-base-on-strong);
}
.ateamo-container .event-reminder--send:hover, .ateamo-container .event-reminder--send:active {
  color: var(--at-fg-accent-weak);
}
.ateamo-container .event-reminder--send:hover {
  background-image: linear-gradient(var(--at-state-hover-inv), var(--at-state-hover-inv));
}
.ateamo-container .event-reminder--send:active {
  background-image: linear-gradient(var(--at-state-pressed-inv), var(--at-state-pressed-inv));
}
.ateamo-container .event-reminder--send {
  min-width: 136px;
  padding: 4px 14px !important;
}
.ateamo-container .event-reminder--send > * {
  pointer-events: none;
}
.ateamo-container .event-reminder--send .ateamo-icon {
  width: 16px;
  height: 16px;
  color: inherit;
}

.event-forfeit--send {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.event-forfeit--send > span,
.event-forfeit--send > .ateamo-icon,
.event-forfeit--send > .ateamo-icon * {
  color: inherit;
}
.event-forfeit--send:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.event-forfeit--send:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.event-forfeit--send:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.event-forfeit--send:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.event-forfeit--send {
  border-color: transparent;
  background-color: var(--at-bg-danger-strong);
  color: var(--at-fg-base-on-strong);
}

#ateamo-event-rsvp--textarea.ateamo-error-input {
  border-color: var(--at-fg-danger-strong);
}

.ateamo-event .ateamo-window-error-message {
  z-index: 40;
}

.ateamo-container .ateamo-event-responses .ateamo-info-chart__legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}
.ateamo-container .ateamo-event-responses .ateamo-info-chart__item {
  font-size: 12px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.ateamo-container .ateamo-event-responses .ateamo-info-chart__item--in {
  color: var(--at-fg-success-strong);
}
.ateamo-container .ateamo-event-responses .ateamo-info-chart__item--maybe {
  color: var(--at-fg-special-strong);
}
.ateamo-container .ateamo-event-responses .ateamo-info-chart__item--out {
  color: var(--at-fg-base-medium);
}
.ateamo-container .ateamo-event-responses .ateamo-info-chart__item--not-voted {
  color: var(--at-fg-base-weak);
}
.ateamo-container .ateamo-event-responses .ateamo-info-chart__dot {
  color: var(--at-fg-base-weak);
}
.ateamo-container .ateamo-event-responses .ateamo-info-chart__total {
  margin-left: auto;
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.ateamo-container .ateamo-event-responses .ateamo-info-chart__bar {
  display: flex;
  gap: 2px;
  height: 12px;
  overflow: hidden;
  border-radius: var(--at-radius-xsm);
  background-color: var(--at-bg-neutral-medium);
}
.ateamo-container .ateamo-event-responses .ateamo-info-chart__segment {
  height: 100%;
}
.ateamo-container .ateamo-event-responses .ateamo-info-chart__segment--in {
  background-color: var(--at-bg-success-strong);
}
.ateamo-container .ateamo-event-responses .ateamo-info-chart__segment--maybe {
  background-color: var(--at-bg-special-strong);
}
.ateamo-container .ateamo-event-responses .ateamo-info-chart__segment--out {
  background-color: var(--at-fg-base-weak);
}
.ateamo-container .ateamo-event-responses .ateamo-info-chart__segment--not-voted {
  background-color: var(--at-bg-base-adapt);
}
.ateamo-container .ateamo-event-responses .ateamo-event-activity {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 8px;
}
.ateamo-container .ateamo-event-responses .ateamo-event-activity__title {
  color: var(--at-fg-base-medium);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-container .ateamo-event-responses .ateamo-event-activity__list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ateamo-container .ateamo-event-responses .ateamo-event-activity__list[hidden] {
  display: none;
}
.ateamo-container .ateamo-event-responses .ateamo-event-activity__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 24px 16px;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
  text-align: center;
}
.ateamo-container .ateamo-event-responses .ateamo-event-activity__empty-title {
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 600;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-container .ateamo-event-responses .ateamo-event-activity__empty-text {
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-container .ateamo-event-responses .ateamo-player-activity {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 20px;
  padding: 0 8px;
  border-radius: var(--at-radius-xsm);
  color: var(--at-fg-base-strong);
}
.ateamo-container .ateamo-event-responses .ateamo-player-activity .ateamo-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: var(--at-fg-base-strong);
}
.ateamo-container .ateamo-event-responses .ateamo-player-activity--in {
  background-color: var(--at-bg-success-medium);
}
.ateamo-container .ateamo-event-responses .ateamo-player-activity--maybe {
  background-color: var(--at-bg-special-medium);
}
.ateamo-container .ateamo-event-responses .ateamo-player-activity--out {
  background-color: var(--at-bg-neutral-medium);
}
.ateamo-container .ateamo-event-responses .ateamo-player-activity.is-new {
  animation: ateamo-activity-highlight 2s ease-out;
}
.ateamo-container .ateamo-event-responses .ateamo-player-activity--none {
  outline: 1px dashed var(--at-stroke-base-medium);
  outline-offset: -1px;
}
.ateamo-container .ateamo-event-responses .ateamo-player-activity--none .ateamo-icon {
  color: var(--at-fg-base-weak);
}
.ateamo-container .ateamo-event-responses .ateamo-player-activity__text {
  min-width: 0;
}
.ateamo-container .ateamo-event-responses .ateamo-player-activity__name {
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-container .ateamo-event-responses .ateamo-player-activity__meta {
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
}

@keyframes ateamo-activity-highlight {
  0% {
    box-shadow: 0 0 0 2px rgba(0, 104, 84, 0.5);
  }
  100% {
    box-shadow: 0 0 0 2px transparent;
  }
}
.ateamo-container .ateamo-suspended-player {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  margin: 0 auto;
}
.ateamo-container .ateamo-suspended-player #ateamo-suspended-players-result {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ateamo-container .ateamo-suspended-player .ateamo-suspended-players__loader {
  align-self: center;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__title {
  margin: 0;
  color: var(--at-fg-base-strong);
  font-size: 26px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.04em;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__subtitle {
  margin: 0;
  color: var(--at-fg-base-weak);
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__filters {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__count {
  margin-left: auto;
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__filter {
  position: relative;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 16px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid var(--at-stroke-base-medium);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-button);
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__chip > span,
.ateamo-container .ateamo-suspended-player .ateamo-susp__chip > .ateamo-icon,
.ateamo-container .ateamo-suspended-player .ateamo-susp__chip > .ateamo-icon * {
  color: inherit;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__chip:hover {
  background-image: linear-gradient(var(--at-state-hover), var(--at-state-hover));
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__chip:active {
  background-image: linear-gradient(var(--at-state-pressed), var(--at-state-pressed));
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__chip:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__chip:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__chip {
  gap: 6px;
  max-width: 280px;
  padding: 4px 8px 4px 10px;
  color: var(--at-fg-base-medium);
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__chip > * {
  pointer-events: none;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__chip .ateamo-icon {
  width: 16px;
  height: 16px;
  color: var(--at-fg-base-medium);
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__chip-label {
  color: var(--at-fg-base-strong);
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__chip-values {
  display: none;
  overflow: hidden;
  color: var(--at-fg-primary-strong);
  text-overflow: ellipsis;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__chip-clear {
  display: none;
  pointer-events: auto;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__filter--active .ateamo-susp__chip {
  border-color: var(--at-bg-primary-strong);
  background-color: var(--at-bg-active-surface-1);
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__filter--active .ateamo-susp__chip-label::after {
  content: ":";
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__filter--active .ateamo-susp__chip-values {
  display: inline;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__filter--active .ateamo-susp__chip-caret {
  display: none;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__filter--active .ateamo-susp__chip-clear {
  display: inline-flex;
  cursor: pointer;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__filter--open .ateamo-susp__chip {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 60;
  display: none;
  min-width: 220px;
  max-width: min(320px, 100vw - 32px);
  padding: 6px 0;
  border: 1px solid var(--at-stroke-base-weak);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: var(--at-shadow-menu);
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__filter--open .ateamo-susp__dropdown {
  display: block;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__options {
  max-height: 264px;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  list-style: none;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__option {
  margin: 0 4px;
  list-style: none;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__option::before, .ateamo-container .ateamo-suspended-player .ateamo-susp__option::marker {
  content: none;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__check {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 6px 8px;
  border-radius: var(--at-radius-sm);
  cursor: pointer;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__check:hover {
  background-color: var(--at-state-hover);
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__check-input {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--at-bg-primary-strong);
  cursor: pointer;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__option-name {
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__clear-selection {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: auto;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: var(--at-fg-link-secondary-resting);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__clear-selection:hover {
  color: var(--at-fg-link-secondary-hover);
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__clear-selection {
  width: calc(100% - 8px);
  margin: 6px 4px 0;
  padding: 6px 8px !important;
  border-top: 1px solid var(--at-stroke-base-weak);
  border-radius: 0;
  justify-content: flex-start;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__table-wrap {
  overflow: hidden;
  border: 1px solid var(--at-stroke-base-weak);
  border-radius: var(--at-radius-sm);
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__table {
  width: 100%;
  margin: 0;
  border: 0;
  border-collapse: collapse;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__th {
  height: 40px;
  padding: 0 12px;
  border: 0;
  border-bottom: 1px solid var(--at-stroke-base-weak);
  background-color: var(--at-bg-base-surface-1);
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
  text-align: left;
  text-transform: none;
  white-space: nowrap;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__row:not(:last-child) .ateamo-susp__cell {
  border-bottom: 1px solid var(--at-stroke-base-weak);
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__cell {
  height: 48px;
  padding: 8px 12px;
  border: 0;
  vertical-align: middle;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__player,
.ateamo-container .ateamo-suspended-player .ateamo-susp__team,
.ateamo-container .ateamo-suspended-player .ateamo-susp__games {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: var(--at-radius-xsm);
  background-color: var(--at-bg-neutral-weak);
  box-shadow: inset 0 0 0 1px var(--at-stroke-adapt-weak);
  color: var(--at-fg-base-weak);
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__avatar img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__avatar .ateamo-icon {
  width: 18px;
  height: 18px;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__avatar .ateamo-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__name {
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__muted {
  color: var(--at-fg-base-medium);
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__cell > .ateamo-susp__muted {
  display: block;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__games {
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 600;
  line-height: 146%;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__redcard {
  flex-shrink: 0;
  width: 10px;
  height: 14px;
  border-radius: 2px;
  background-color: var(--at-fg-danger-strong);
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__team-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  overflow: hidden;
  border-radius: var(--at-radius-sm);
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__team-badge img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__team-badge .ateamo-team-emblem {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: var(--at-bg-neutral-weak);
  color: var(--at-fg-base-weak);
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__team-badge .ateamo-icon {
  width: 12px;
  height: 12px;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__team-badge .ateamo-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 40px;
  border: 0;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
  box-shadow: none;
  text-align: center;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__empty .ateamo-error-registration {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--at-fg-base-strong);
  font-size: 20px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.03em;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__empty .ateamo-icon {
  width: 24px;
  height: 24px;
  color: var(--at-fg-base-weak);
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__empty .ateamo-icon svg {
  width: 100%;
  height: 100%;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__empty-title {
  color: var(--at-fg-base-strong);
  font-size: 16px;
  font-weight: 600;
  line-height: 128%;
  letter-spacing: -0.02em;
}
.ateamo-container .ateamo-suspended-player .ateamo-susp__empty-text {
  color: var(--at-fg-base-weak);
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
}
@media (max-width: 599.98px) {
  .ateamo-container .ateamo-suspended-player .ateamo-susp__table-wrap {
    overflow: visible;
    border: 0;
    border-radius: 0;
  }
  .ateamo-container .ateamo-suspended-player .ateamo-susp__table,
  .ateamo-container .ateamo-suspended-player .ateamo-susp__table tbody {
    display: block;
  }
  .ateamo-container .ateamo-suspended-player .ateamo-susp__table thead {
    display: none;
  }
  .ateamo-container .ateamo-suspended-player .ateamo-susp__table tbody {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .ateamo-container .ateamo-suspended-player .ateamo-susp__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 12px;
    padding: 12px;
    border: 1px solid var(--at-stroke-base-weak);
    border-radius: var(--at-radius-sm);
    background-color: var(--at-bg-base-surface);
  }
  .ateamo-container .ateamo-suspended-player .ateamo-susp__row .ateamo-susp__cell,
  .ateamo-container .ateamo-suspended-player .ateamo-susp__row:not(:last-child) .ateamo-susp__cell {
    display: flex;
    flex-direction: column;
    gap: 2px;
    height: auto;
    min-width: 0;
    padding: 0;
    border: 0;
  }
  .ateamo-container .ateamo-suspended-player .ateamo-susp__cell--player {
    grid-column: 1/-1;
    padding-bottom: 10px !important;
    border-bottom: 1px solid var(--at-stroke-base-weak) !important;
  }
  .ateamo-container .ateamo-suspended-player .ateamo-susp__cell[data-label]::before {
    content: attr(data-label);
    color: var(--at-fg-base-weak);
    font-size: 12px;
    font-weight: 500;
    line-height: 132%;
    letter-spacing: -0.02em;
  }
  .ateamo-container .ateamo-suspended-player .ateamo-susp__team .ateamo-susp__muted {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

#ateamo-team-accounting,
#ateamo-player-accounting {
  position: relative;
}
#ateamo-team-accounting .ateamo-invite-container,
#ateamo-player-accounting .ateamo-invite-container {
  max-width: 350px;
}
#ateamo-team-accounting .ateamo-invite-container.ateamo-invite-container-logout,
#ateamo-player-accounting .ateamo-invite-container.ateamo-invite-container-logout {
  max-width: 100%;
}

.accounting-layout {
  background-color: #fff;
  padding: 8px;
}

.accounting--switcher {
  display: grid;
  place-content: center;
  min-height: 100%;
}

#accounting--switcher {
  display: none;
}

#accounting--switcher + div {
  width: 50px;
  height: 28px;
  border-radius: 24px;
  background-color: #F0EFED;
  transition: background-color 200ms;
  cursor: pointer;
  padding: 4px;
}

#accounting--switcher:checked + div {
  background-color: #006854;
}

#accounting--switcher + div > div {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  transition: transform 250ms;
  pointer-events: none;
}

#accounting--switcher:checked + div > div {
  transform: translateX(22px);
}

.accounting--header {
  justify-content: space-between;
  flex-wrap: wrap;
}
.accounting--title {
  display: flex;
  align-items: center;
  font-size: 22px;
  text-align: center;
  font-weight: bold;
}
.accounting--title .accounting--back-button {
  display: flex;
  margin-right: 20px;
}
.accounting--title .accounting--back-button button {
  position: relative;
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
.accounting--title .accounting--back-button button:before {
  pointer-events: none;
  content: url("../images/arrow-back-icon.svg");
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
}
.accounting-balance--checkout-title {
  color: #555555;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  text-align: right;
  margin-bottom: 3px;
}
.accounting--balance--checkout.hide {
  display: none;
}
.accounting-balance--checkout-button {
  background-color: #283569 !important;
  color: #ffffff !important;
}
.accounting--balance {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  border: 1px solid #E3E3E3;
  padding: 9px 20px;
  border-radius: 5px;
}
.accounting--balance .accounting-balance--title {
  color: #555555;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  text-align: right;
  margin-bottom: 3px;
}
.accounting--balance .accounting-balance--money {
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  text-align: right;
}
.accounting--balance span.active {
  color: #FF0000;
}
.accounting--balance-switcher {
  display: flex;
  gap: 20px;
}
.accounting--switcher label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}
.accounting--checkout {
  display: flex !important;
  justify-content: center;
  gap: 10px;
  width: 100%;
}
.accounting--checkout button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  padding: 0 24px;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
  color: #ffffff;
  border-radius: 52px;
  background-color: #006854;
  border: none;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  height: 48px;
}
.accounting--checkout button:hover {
  opacity: 0.5;
}
.accounting--content {
  margin: 15px 0;
  border-radius: 6px;
  border: 1px solid #E5E5E3;
  overflow: auto;
}
.accounting--content table {
  border-collapse: collapse;
  width: 100%;
}
.accounting--content table thead tr.completed.hidden, .accounting--content table thead tr.paid.hidden, .accounting--content table thead tr.pending.hidden, .accounting--content table thead tr.unpaid.hidden, .accounting--content table tbody tr.completed.hidden, .accounting--content table tbody tr.paid.hidden, .accounting--content table tbody tr.pending.hidden, .accounting--content table tbody tr.unpaid.hidden {
  display: none;
}
.accounting--content table thead tr td, .accounting--content table tbody tr td {
  border-right: 1px solid #E5E5E3;
  border-top: 1px solid #E5E5E3;
}
.accounting--content table thead tr td.accounting--money, .accounting--content table tbody tr td.accounting--money {
  color: #006854;
}
.accounting--content table thead tr td.accounting--money.active, .accounting--content table tbody tr td.accounting--money.active {
  color: #000;
  font-weight: bold;
}
.accounting--content table thead tr td.accounting--money.ateamo-processing, .accounting--content table tbody tr td.accounting--money.ateamo-processing {
  color: #ff0000;
}
.accounting--content table thead tr td, .accounting--content table thead tr th, .accounting--content table tbody tr td, .accounting--content table tbody tr th {
  padding: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  border-right: 1px solid #E5E5E3;
}
.accounting--content table thead tr td:last-child, .accounting--content table thead tr th:last-child, .accounting--content table tbody tr td:last-child, .accounting--content table tbody tr th:last-child {
  border-right: 0;
}
.accounting--content table thead tr th, .accounting--content table tbody tr th {
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}
.accounting--content table thead tr .accounting--checkbox, .accounting--content table tbody tr .accounting--checkbox {
  width: 30px;
}
.accounting--content table thead tr .accounting--checkbox .checkbox-paid, .accounting--content table tbody tr .accounting--checkbox .checkbox-paid {
  position: relative;
  display: flex;
  border: 1px solid #006854;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  background-color: #006854;
  border-radius: 4px;
}
.accounting--content table thead tr .accounting--checkbox .checkbox-paid:before, .accounting--content table tbody tr .accounting--checkbox .checkbox-paid:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: url("../images/checkmark-icon.svg");
  filter: brightness(9);
  transform: translate(-50%, -50%);
}
.accounting--content table thead tr .accounting--checkbox .checkbox-paid.ateamo-processing, .accounting--content table tbody tr .accounting--checkbox .checkbox-paid.ateamo-processing {
  border: 1px solid #ff0000;
  background-color: transparent;
}
.accounting--content table thead tr .accounting--checkbox .checkbox-paid.ateamo-processing:before, .accounting--content table tbody tr .accounting--checkbox .checkbox-paid.ateamo-processing:before {
  content: "";
}
.accounting--content table thead tr .accounting--checkbox label, .accounting--content table tbody tr .accounting--checkbox label {
  cursor: pointer;
}
.accounting--content table thead tr .accounting--checkbox label input, .accounting--content table tbody tr .accounting--checkbox label input {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
}
.accounting--content table thead tr .accounting--checkbox label input:checked ~ span, .accounting--content table tbody tr .accounting--checkbox label input:checked ~ span {
  background-color: green;
}
.accounting--content table thead tr .accounting--checkbox label input:checked ~ span:before, .accounting--content table tbody tr .accounting--checkbox label input:checked ~ span:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: url("../images/checkmark-icon.svg");
  filter: brightness(9);
  transform: translate(-50%, -50%);
}
.accounting--content table thead tr .accounting--checkbox label span, .accounting--content table tbody tr .accounting--checkbox label span {
  display: flex;
  border: 1px solid #ccc;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  position: relative;
  border-radius: 4px;
}
.accounting--content table thead tr .accounting--number, .accounting--content table tbody tr .accounting--number {
  width: 70px;
}
.accounting--content table thead tr .accounting--name, .accounting--content table tbody tr .accounting--name {
  width: 300px;
}
.accounting--content table thead tr {
  border-bottom: 1px solid #E5E5E3;
}

.accounting--switcher,
.accounting--header,
.accounting--balance-switcher {
  display: flex;
}

.ateamo-checkout {
  font-family: var(--at-font-family);
  color: #000;
}
.ateamo-checkout--modal-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 25px 50px;
}
.ateamo-checkout--modal-title {
  font-size: 20px;
  color: #000;
  font-weight: 700;
}
.ateamo-checkout--modal-buttons {
  border-top: solid 1px #ccc;
}
.ateamo-checkout--modal-buttons p {
  text-align: center;
}
.ateamo-checkout--supinfo {
  font-weight: 600;
}

.ateamo-accounting-teams {
  border: 1px solid #E6E5E3;
  background: #fff;
  margin: 0 auto;
  border-radius: 6px;
  padding: 8px;
  position: relative;
}

.ateamo-checkout-modal .ateamo-modal--content {
  max-width: 400px;
  font-family: var(--at-font-family);
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}
.ateamo-checkout-modal .ateamo-modal--content .ateamo-checkout--modal-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
}
.ateamo-checkout-modal .ateamo-modal--content .ateamo-checkout--supinfo {
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
}
.ateamo-checkout-modal .ateamo-modal--content .ateamo-checkout--subtitle {
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
}
.ateamo-checkout-modal .ateamo-modal--content .ateamo-checkout--list > div {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 345px;
}
.ateamo-checkout-modal .ateamo-modal--content .ateamo-checkout--modal-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ateamo-checkout-modal .ateamo-modal--content .ateamo-checkout--modal-buttons p {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
}
.ateamo-checkout-modal .ateamo-modal--content .ateamo-checkout--modal-buttons .accounting--checkout button {
  font-size: 0;
  border-radius: 5px;
}
.ateamo-checkout-modal .ateamo-modal--content .ateamo-checkout--modal-buttons .ateamo-registration--payments {
  margin-top: 20px;
}
.ateamo-checkout-modal .ateamo-modal--content .ateamo-checkout--modal-buttons .ateamo-checkout--modal-close {
  border: 0;
  background-color: transparent;
  position: inherit;
  top: auto;
  right: auto;
  transform: none;
  width: auto;
  height: auto;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #757575;
  margin-top: 18px;
}

.ateamo-pagination--check-show-all {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.ateamo-pagination--check-show-all .ateamo-pagination--check-all,
.ateamo-pagination--check-show-all .ateamo-pagination--show-all {
  cursor: pointer;
  min-width: 30px;
  min-height: 30px;
  border-radius: 5px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0.04em;
  font-size: 15px;
  padding: 6px 12px;
  color: #ffffff;
}
.ateamo-pagination--check-show-all .ateamo-pagination--show-all {
  background-color: #006854;
  border: 1px solid #006854;
}
.ateamo-pagination--check-show-all .ateamo-pagination--check-all {
  background-color: #291B33;
  border: 1px solid #291B33;
}

.ateamo-checkout-content .ateamo-close-modal {
  display: none;
}

@media screen and (max-width: 991px) {
  .accounting--balance-switcher {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .accounting--content table thead tr .accounting--name, .accounting--content table tbody tr .accounting--name {
    width: 150px;
  }
  .accounting--content table {
    border-collapse: collapse;
    width: max-content !important;
    overflow: auto !important;
  }
}
.ateamo-container--team {
  max-width: 800px !important;
  width: 100%;
}

#ateamo-team-result {
  position: relative;
}
#ateamo-team-result > .ateamo-error-registration--message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 40px;
  border: 0;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
  box-shadow: none;
  text-align: center;
}
#ateamo-team-result > .ateamo-error-registration--message .ateamo-error-registration {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--at-fg-base-strong);
  font-size: 20px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.03em;
}
#ateamo-team-result.ateamo-team-result--loading {
  min-height: 240px;
  pointer-events: none;
}
#ateamo-team-result.ateamo-team-result--loading > * {
  opacity: 0.4;
  transition: opacity 0.15s ease;
}
#ateamo-team-result.ateamo-team-result--loading::before, #ateamo-team-result.ateamo-team-result--loading::after {
  content: "";
  position: absolute;
  top: 0;
  height: 3px;
  z-index: 5;
}
#ateamo-team-result.ateamo-team-result--loading::after {
  left: 0;
  width: 100%;
  background-color: var(--at-bg-primary-weak);
}
#ateamo-team-result.ateamo-team-result--loading::before {
  z-index: 6;
  border-radius: 999px;
  background-color: var(--at-bg-primary-strong);
  animation: ateamo-linear-loader 1.1s ease-in-out infinite;
}

.ateamo-team {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-top: 24px;
}

.ateamo-team-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ateamo-team-header__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: auto;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: var(--at-fg-link-secondary-resting);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-team-header__back:hover {
  color: var(--at-fg-link-secondary-hover);
}
.ateamo-team-header__back {
  align-self: flex-start;
  gap: 8px;
  color: var(--at-fg-base-medium);
  text-decoration: none;
}
.ateamo-team-header__back span {
  color: inherit;
}
.ateamo-team-header__heading {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.ateamo-team-header__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  overflow: hidden;
  border-radius: var(--at-radius-sm);
}
.ateamo-team-header__badge img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}
.ateamo-team-header__badge .ateamo-team-emblem {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: var(--at-bg-neutral-weak);
  color: var(--at-fg-base-weak);
}
.ateamo-team-header__badge .ateamo-icon {
  width: 17px;
  height: 17px;
}
.ateamo-team-header__badge .ateamo-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ateamo-team-header__name {
  min-width: 0;
  margin: 0;
  color: var(--at-fg-base-strong);
  font-size: 26px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.04em;
  overflow-wrap: anywhere;
}
.ateamo-team-header__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
}
.ateamo-team-header__jerseys {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.ateamo-team-header__jerseys .ateamo-jersey-icon {
  display: block;
}

.ateamo-team-captain {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.ateamo-team-captain__avatar {
  width: 24px;
  height: 24px;
  margin: 0;
  border-radius: var(--at-radius-xsm);
  object-fit: cover;
}
.ateamo-team-captain__avatar--placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--at-bg-neutral-weak);
  color: var(--at-fg-base-weak);
}
.ateamo-team-captain__avatar--placeholder .ateamo-icon {
  width: 14px;
  height: 14px;
}
.ateamo-team-captain__avatar--placeholder .ateamo-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ateamo-team-captain__name {
  color: var(--at-fg-base-strong);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-team-captain__chip {
  display: inline-flex;
  align-items: center;
  height: 16px;
  padding: 0 6px;
  border-radius: var(--at-radius-xsm);
  background-color: var(--at-bg-primary-strong);
  color: var(--at-fg-base-on-strong);
  font-size: 12px;
  font-weight: 600;
  line-height: 132%;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.ateamo-team-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2px;
  width: 100%;
}
.ateamo-team-stats__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
  min-width: 0;
  padding: 16px 12px;
  border-radius: var(--at-radius-xsm);
  background-color: var(--at-bg-neutral-weak);
}
.ateamo-team-stats__card--placement {
  grid-row: 1/span 2;
}
.ateamo-team-stats__card--top-scorer {
  grid-column: 1/span 2;
  flex-direction: row;
  align-items: flex-end;
  gap: 40px;
}
.ateamo-team-stats__label {
  color: var(--at-fg-base-medium);
  font-size: 10px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.ateamo-team-stats__value {
  color: var(--at-fg-base-strong);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.48px;
}
.ateamo-team-stats__value--xl {
  font-size: 48px;
  line-height: 0.8;
  letter-spacing: -1.44px;
}
.ateamo-team-stats__value--icon {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.ateamo-team-stats__value--icon .ateamo-icon {
  color: var(--at-fg-base-medium);
}
.ateamo-team-stats__placement {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ateamo-team-stats__division {
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-team-stats__win-rate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.ateamo-team-stats__win-rate .standings-last-games {
  gap: 2px;
}
.ateamo-team-stats__top-scorer-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  min-width: 0;
}
.ateamo-team-stats__top-scorer-photo {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: var(--at-radius-xsm);
  object-fit: cover;
}
.ateamo-team-stats__top-scorer-photo--placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--at-bg-base-surface);
  color: var(--at-fg-base-weak);
}
.ateamo-team-stats__top-scorer-photo--placeholder .ateamo-icon {
  width: 22px;
  height: 22px;
}
.ateamo-team-stats__top-scorer-photo--placeholder .ateamo-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 960px) {
  .ateamo-team-stats {
    grid-template-columns: repeat(4, 1fr);
  }
  .ateamo-team-stats__card {
    padding: 16px;
  }
  .ateamo-team-stats__card--played {
    grid-column: 2;
    grid-row: 1;
  }
  .ateamo-team-stats__card--scored {
    grid-column: 3;
    grid-row: 1;
  }
  .ateamo-team-stats__card--roster {
    grid-column: 4;
    grid-row: 1;
  }
  .ateamo-team-stats__card--win-rate {
    grid-column: 2;
    grid-row: 2;
  }
  .ateamo-team-stats__card--top-scorer {
    grid-column: 3/span 2;
    grid-row: 2;
  }
  .ateamo-team-stats__value {
    font-size: 18px;
  }
  .ateamo-team-stats__value--xl {
    font-size: 48px;
  }
}

.ateamo-team-upcoming__day {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ateamo-team-upcoming__day + .ateamo-team-upcoming__day {
  margin-top: 8px;
}

.ateamo-container .ateamo-team-upcoming__date {
  margin: 0;
  color: var(--at-fg-base-strong);
  font-size: 16px;
  font-weight: 600;
  line-height: 128%;
  letter-spacing: -0.02em;
}

.ateamo-team-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 32px;
  border-top: 1px solid var(--at-stroke-base-weak);
}
.ateamo-team-section__header {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ateamo-team-section__header h2 {
  margin: 0;
  color: var(--at-fg-base-strong);
  font-size: 16px;
  font-weight: 600;
  line-height: 128%;
  letter-spacing: -0.02em;
}
@media (min-width: 960px) {
  .ateamo-team-section__header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.ateamo-container .ateamo-team-tabs {
  display: flex;
  align-items: flex-end;
  gap: 0;
  border-bottom: 1px solid var(--at-stroke-base-weak);
}
.ateamo-container .ateamo-team-tabs {
  margin-bottom: -8px;
}
.ateamo-container .ateamo-team-tabs .ateamo-team-tab {
  position: relative;
  min-width: 67px;
  height: 32px;
  padding: 0 8px;
  border: 0;
  border-radius: var(--at-radius-xsm) var(--at-radius-xsm) 0 0;
  background: transparent;
  color: var(--at-fg-base-medium);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-container .ateamo-team-tabs .ateamo-team-tab::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background-color: var(--at-bg-primary-strong);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.ateamo-container .ateamo-team-tabs .ateamo-team-tab:hover {
  color: var(--at-fg-base-strong);
  background-color: var(--at-state-hover);
}
.ateamo-container .ateamo-team-tabs .ateamo-team-tab.active {
  color: var(--at-fg-base-strong);
}
.ateamo-container .ateamo-team-tabs .ateamo-team-tab.active::after {
  opacity: 1;
}
.ateamo-container .ateamo-team-tabs .ateamo-team-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 40px;
  padding: 0 12px;
  white-space: nowrap;
}
.ateamo-container .ateamo-team-tabs .ateamo-team-tab > span {
  color: inherit;
}
@media (max-width: 599.98px) {
  .ateamo-container .ateamo-team-tabs .ateamo-team-tab {
    flex: 1 1 0;
    min-width: 0;
    padding: 0 6px;
  }
}
.ateamo-container .ateamo-team-tabs .ateamo-team-tab__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background-color: var(--at-bg-base-adapt-weak);
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 600;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-container .ateamo-team-tabs .ateamo-team-tab.active .ateamo-team-tab__count {
  background-color: var(--at-bg-primary-weak);
  color: var(--at-fg-primary-strong);
}

.ateamo-team [data-team-panel][hidden] {
  display: none;
}

.ateamo-container .ateamo-team--tabbed .ateamo-team-section {
  padding-top: 0;
  border-top: 0;
}
.ateamo-container .ateamo-team--tabbed .ateamo-team--upcoming > .ateamo-team-section__header,
.ateamo-container .ateamo-team--tabbed .ateamo-team-section__header h2,
.ateamo-container .ateamo-team--tabbed .ateamo-squad__heading h2 {
  display: none;
}

.ateamo-team--controls {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ateamo-team--controls .ateamo-team--select {
  width: auto;
  min-width: 160px;
  height: 32px;
  margin: 0;
  padding: 0 32px 0 10px;
  border: 1px solid var(--at-stroke-base-forms);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  background-image: url("../images/icons/expand.svg");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  box-shadow: none;
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  text-overflow: ellipsis;
}
.ateamo-team--controls .ateamo-team--select:focus, .ateamo-team--controls .ateamo-team--select:focus-visible {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
.ateamo-team--controls .ateamo-team--select:disabled {
  border-color: transparent;
  background-color: var(--at-bg-base-surface-2);
  cursor: default;
}
@media (max-width: 959.98px) {
  .ateamo-team--controls .ateamo-team--select {
    font-size: 16px;
  }
}
.ateamo-team--controls .ateamo-dropdown {
  width: 100%;
}
@media (min-width: 960px) {
  .ateamo-team--controls {
    flex-direction: row;
  }
  .ateamo-team--controls .ateamo-dropdown {
    width: 200px;
  }
}

.ateamo-team--standings .ateamo-standings-table tbody tr.at-row-active {
  background-color: var(--at-fg-special-weak);
}
.ateamo-team--standings .ateamo-standings-table tbody tr.at-row-active td {
  border-color: var(--at-stroke-special);
}
.ateamo-team--standings .ateamo-standings-table tbody tr.at-row-active td:nth-child(1),
.ateamo-team--standings .ateamo-standings-table tbody tr.at-row-active td:nth-child(2) {
  background-color: var(--at-fg-special-weak);
}
.ateamo-team--standings .ateamo-standings-table tbody tr.at-row-active .ateamo-standings-team__name {
  font-weight: 600;
}

.ateamo-standings-legend-swatch {
  display: inline-block;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  border-radius: var(--at-radius-xsm);
}
.ateamo-standings-legend-swatch--current {
  border: 1px solid var(--at-stroke-special);
  background-color: var(--at-fg-special-weak);
}

.ateamo-team--empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 40px;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
  text-align: center;
}
.ateamo-team--empty .ateamo-icon {
  width: 24px;
  height: 24px;
  color: var(--at-fg-base-medium);
}
.ateamo-team--empty-title {
  color: var(--at-fg-base-strong);
  font-size: 20px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.03em;
}
.ateamo-team--empty-text {
  color: var(--at-fg-base-medium);
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
}

.ateamo-squad [hidden] {
  display: none !important;
}
.ateamo-squad__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}
.ateamo-squad__heading {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ateamo-squad__heading h2 {
  margin: 0;
  color: var(--at-fg-base-strong);
  font-size: 16px;
  font-weight: 600;
  line-height: 128%;
  letter-spacing: -0.02em;
}
.ateamo-squad__hint {
  margin: 0;
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
}
.ateamo-squad__count {
  flex-shrink: 0;
  color: var(--at-fg-base-medium);
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.ateamo-squad__controls {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ateamo-squad__search {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
}
.ateamo-squad__search .ateamo-icon {
  position: absolute;
  left: 10px;
  color: var(--at-fg-base-weak);
  pointer-events: none;
}
.ateamo-squad__search input {
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 10px 0 32px;
  border: 1px solid var(--at-stroke-base-forms);
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface);
  box-shadow: none;
  color: var(--at-fg-base-strong);
  font-family: var(--at-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-squad__search input::placeholder {
  color: var(--at-fg-base-weak);
}
.ateamo-squad__search input:focus {
  outline: 3px solid var(--at-state-focus-ring);
  outline-offset: 0;
}
@media (max-width: 959.98px) {
  .ateamo-squad__search input {
    font-size: 16px;
  }
}
.ateamo-squad__toggle {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 2px;
  height: 32px;
  margin-left: auto;
  padding: 0 2px;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-base-surface-2);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.16) inset;
}
.ateamo-squad__toggle button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: var(--at-radius-xsm);
  background: transparent;
  color: var(--at-fg-base-medium);
  cursor: pointer;
  transition: var(--at-transition);
}
.ateamo-squad__toggle button:hover {
  background-color: var(--at-state-hover);
}
.ateamo-squad__toggle button.is-active {
  background-color: var(--at-bg-base-surface);
  color: var(--at-fg-base-strong);
}
.ateamo-squad__body {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.ateamo-squad__content {
  flex: 1;
  min-width: 0;
}
.ateamo-squad__letter {
  margin: 0;
  padding: 16px 12px 6px;
  color: var(--at-fg-base-weak);
  font-size: 10px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.ateamo-squad__letter:first-child {
  padding-top: 4px;
}
.ateamo-squad__index {
  position: sticky;
  top: 16px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 2px;
}
.ateamo-squad__index-letter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 19px;
  padding: 0;
  border: 0;
  border-radius: var(--at-radius-md);
  background: none;
  color: var(--at-fg-base-medium);
  font-size: 10px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 0.15s ease, background-color 0.15s ease;
}
.ateamo-squad__index-letter:hover:not(:disabled) {
  background-color: var(--at-bg-neutral-weak);
}
.ateamo-squad__index-letter--all {
  height: 22px;
  margin-bottom: 4px;
}
.ateamo-squad__index-letter.is-active, .ateamo-squad__index-letter.is-active:hover {
  background-color: var(--at-bg-base-surface-inv);
  color: var(--at-fg-base-on-strong);
}
.ateamo-squad__index-letter:disabled {
  color: var(--at-fg-base-weak);
  opacity: 0.35;
  cursor: default;
}
@media (pointer: coarse) {
  .ateamo-squad__index-letter {
    width: 28px;
    height: 24px;
  }
}
.ateamo-squad__grid {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
@media (min-width: 960px) {
  .ateamo-squad__grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
.ateamo-squad__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 40px;
  border-radius: var(--at-radius-sm);
  background-color: var(--at-bg-neutral-weak);
  text-align: center;
}
.ateamo-squad__empty .ateamo-icon {
  width: 24px;
  height: 24px;
  color: var(--at-fg-base-medium);
}
.ateamo-squad__empty-title {
  color: var(--at-fg-base-strong);
  font-size: 20px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.03em;
}
.ateamo-squad__empty-text {
  color: var(--at-fg-base-medium);
  font-size: 14px;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: -0.01em;
}
.ateamo-squad__grid.is-empty {
  display: none;
}
@media (max-width: 599.98px) {
  .ateamo-squad__body {
    gap: 8px;
  }
}

.ateamo-captain-badge {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 12px;
  border-radius: 1px;
  background-color: var(--at-bg-primary-strong);
}
.ateamo-captain-badge .ateamo-icon {
  width: 12px;
  height: 12px;
  color: #fff;
}

.ateamo-squad-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 1px;
}
.ateamo-squad-row--bg {
  background-color: var(--at-bg-neutral-weak);
}
.ateamo-squad-row__photo {
  position: relative;
  flex-shrink: 0;
  align-self: stretch;
  width: 48px;
  min-height: 40px;
  overflow: hidden;
  border-radius: var(--at-radius-xsm);
  box-shadow: inset 0 0 0 1px var(--at-stroke-adapt-weak);
}
.ateamo-squad-row__photo img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}
@media (min-width: 960px) {
  .ateamo-squad-row__photo {
    align-self: auto;
    width: 40px;
    height: 40px;
  }
}
.ateamo-squad-row__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: var(--at-bg-neutral-weak);
  color: var(--at-fg-base-weak);
}
.ateamo-squad-row__placeholder .ateamo-icon {
  width: 20px;
  height: 20px;
}
.ateamo-squad-row__placeholder .ateamo-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ateamo-squad-row--bg .ateamo-squad-row__placeholder {
  background: var(--at-bg-base-surface);
}
.ateamo-squad-row__jersey {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  height: 14px;
  padding: 0 6px;
  border-radius: 1px;
  background-color: rgba(33, 33, 33, 0.7);
  backdrop-filter: blur(1.5px);
  color: #fff !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
  letter-spacing: -0.02em;
  line-height: 1;
}
.ateamo-squad-row__info {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.ateamo-squad-row__name {
  display: flex;
  flex-direction: column;
  color: var(--at-fg-base-strong);
}
.ateamo-squad-row__name span {
  color: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: -0.01em;
}
@media (min-width: 960px) {
  .ateamo-squad-row__name {
    flex-direction: row;
    align-items: center;
    gap: 4px;
  }
}
.ateamo-squad-row__last {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.ateamo-squad-row__position {
  overflow: hidden;
  color: var(--at-fg-base-weak);
  font-size: 12px;
  font-weight: 400;
  line-height: 132%;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ateamo-squad-tile {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1.4;
  border-radius: var(--at-radius-lg);
  background: linear-gradient(135deg, hsl(var(--player-hue, 210), 32%, 93%) 0%, hsl(var(--player-hue, 210), 24%, 80%) 100%);
  font-size: 10px;
}
.ateamo-squad-tile--captain {
  grid-column: span 2;
  grid-row: span 2;
  font-size: 14px;
}
.ateamo-squad-tile__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}
.ateamo-squad-tile__placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.6em;
  color: hsl(var(--player-hue, 210), 32%, 28%);
  opacity: 0.6;
}
.ateamo-squad-tile__placeholder .ateamo-icon {
  width: 4em;
  height: 4em;
}
.ateamo-squad-tile__placeholder .ateamo-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ateamo-squad-tile__badge {
  position: absolute;
  top: 0.8em;
  left: 0.8em;
  z-index: 1;
}
.ateamo-squad-tile__name {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.4em 3em 0.6em 0.8em;
  overflow: hidden;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.62) 90%);
  color: #fff !important;
  font-size: 1.2em !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ateamo-squad-tile__number {
  position: absolute;
  right: 0.8em;
  bottom: 0.6em;
  z-index: 1;
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 1.1em !important;
  line-height: 1.3 !important;
}

/*# sourceMappingURL=ateamo-style.css.map */