:root {
  --tan-fr-black: #000000;
  --tan-fr-purple: #814ac8;
  --tan-fr-purple-light: #df7afe;
  --tan-fr-surface: rgba(13, 13, 13, .80);
  --tan-fr-surface-strong: rgba(13, 13, 13, .92);
  --tan-fr-surface-soft: rgba(255, 255, 255, .05);
  --tan-fr-border: #222222;
  --tan-fr-border-soft: rgba(255, 255, 255, .10);
  --tan-fr-white: #ffffff;
  --tan-fr-white-soft: rgba(255, 255, 255, .90);
  --tan-fr-muted: #cccccc;
  --tan-fr-muted-soft: rgba(255, 255, 255, .62);
  --tan-fr-shadow: none;

  
  --tan-fr-radius-block: 8px;
  --tan-fr-radius-control: 8px;
  --tan-fr-radius-button: 6px;
  --tan-fr-radius-chip: 4px;
  --tan-fr-radius-mini: 3px;

  --tan-fr-block-bg: var(--tan-fr-surface);
  --tan-fr-block-border: 1px solid var(--tan-fr-border);
  --tan-fr-button-bg: var(--tan-fr-purple);
  --tan-fr-button-border: 1px solid rgba(255,255,255,.10);
}

:root,
body {
  --radius-xs: var(--tan-fr-radius-mini) !important;
  --radius-sm: var(--tan-fr-radius-button) !important;
  --radius-md: var(--tan-fr-radius-control) !important;
  --radius-lg: var(--tan-fr-radius-block) !important;
  --radius-xl: var(--tan-fr-radius-block) !important;
  --radius-2xl: var(--tan-fr-radius-block) !important;
  --tan-radius-xs: var(--tan-fr-radius-mini) !important;
  --tan-radius-sm: var(--tan-fr-radius-button) !important;
  --tan-radius-md: var(--tan-fr-radius-control) !important;
  --tan-radius-lg: var(--tan-fr-radius-block) !important;
  --tan-radius-xl: var(--tan-fr-radius-block) !important;
  --tan-radius-card: var(--tan-fr-radius-block) !important;
  --tan-radius-card-mobile: var(--tan-fr-radius-block) !important;
  --tan-radius-control: var(--tan-fr-radius-control) !important;
  --tan-radius-button: var(--tan-fr-radius-button) !important;
  --tan-radius-pill: var(--tan-fr-radius-chip) !important;
  --admin-card-radius: var(--tan-fr-radius-block) !important;
}

html,
body {
  background: var(--tan-fr-black) !important;
  color: var(--tan-fr-white) !important;
  font-family: "Figtree", "Figtree Placeholder", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body :where(
  main,
  section,
  article,
  aside,
  form,
  nav,
  header,
  footer,
  ul,
  ol,
  li,
  label,
  fieldset,
  div
)[class]:not([class*="avatar"]):not([class*="logo"]):not([class*="icon"]):not([class*="particle"]):not([class*="dot"]):not([class*="spinner"]):not([class*="loader"]) {
  border-radius: var(--tan-fr-radius-block) !important;
}

body :where(
  .surface,
  .surface-home,
  .glass-panel,
  .glass-card,
  .hero,
  .hero-card,
  .site-header__inner,
  .mobile-nav__panel,
  .legal-hero,
  .legal-document,
  .feature-card,
  .stat-card,
  .info-card,
  .service-card,
  .offer-card,
  .review-card,
  .gift-card,
  .gifts-hero,
  .gifts-toolbar,
  .gifts-empty,
  .gifts-meta-card,
  .matches-tabs,
  .matches-toolbar,
  .matches-filters-panel,
  .matches-empty,
  .matches-claim-target-card,
  .official-match-card,
  .duel-inline,
  .duel-inline__side,
  .admin-hero,
  .admin-panel,
  .admin-compact-card,
  .admin-match-card,
  .admin-match-history-card,
  .admin-validation-card,
  .admin-validation-hero,
  .admin-validation-layout,
  .member-overview-panel,
  .member-level-card,
  .member-history-card,
  .member-request-panel,
  .member-review-panel,
  .member-account-panel,
  .member-linked-tiktok,
  .member-linked-hero,
  .member-history-item,
  .member-page-intro,
  .member-replies-page__hero,
  .member-replies-page__section,
  .member-replies-page__stat-card,
  .tiktok-link-surface,
  .contact-modal__dialog,
  .member-request-modal__dialog,
  .service-quote-modal__dialog,
  .matches-claim-modal__dialog,
  .footer-shell
) {
  background-color: var(--tan-fr-block-bg) !important;
  background-image: none !important;
  border: var(--tan-fr-block-border) !important;
  border-radius: var(--tan-fr-radius-block) !important;
  box-shadow: var(--tan-fr-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body main :where(div, section, article, aside, form, nav, ul, li)[class*="card"]:not([class*="avatar"]):not([class*="icon"]),
body main :where(div, section, article, aside, form, nav, ul, li)[class*="panel"]:not([class*="avatar"]):not([class*="icon"]),
body main :where(div, section, article, aside, form, nav, ul, li)[class*="surface"]:not([class*="avatar"]):not([class*="icon"]),
body main :where(div, section, article, aside, form, nav, ul, li)[class*="box"]:not([class*="avatar"]):not([class*="icon"]),
body main :where(div, section, article, aside, form, nav, ul, li)[class*="item"]:not([class*="avatar"]):not([class*="icon"]),
body main :where(div, section, article, aside, form, nav, ul, li)[class*="tile"]:not([class*="avatar"]):not([class*="icon"]),
body main :where(div, section, article, aside, form, nav, ul, li)[class*="row"]:not([class*="avatar"]):not([class*="icon"]) {
  border-radius: var(--tan-fr-radius-block) !important;
  border-color: var(--tan-fr-border) !important;
}

body :where(
  button,
  .btn,
  a.btn,
  .button,
  [role="button"],
  input[type="submit"],
  input[type="button"],
  .form-submit,
  .member-action,
  .member-linked-hero__action,
  .official-match-card__action,
  .official-match-card__profile-btn,
  .matches-empty__reset,
  .matches-filters-panel__reset,
  .gift-card__download,
  .admin-action,
  .contact-modal__actions button,
  .member-request-form__actions button,
  .matches-claim-form__actions button,
  .service-quote-modal__actions button
):not(.site-header__burger-line):not([class*="avatar"]):not([class*="icon"]) {
  border-radius: var(--tan-fr-radius-button) !important;
  border: var(--tan-fr-button-border) !important;
  background-color: var(--tan-fr-surface) !important;
  background-image: none !important;
  color: var(--tan-fr-white) !important;
  box-shadow: none !important;
}

body :where(
  .btn-primary,
  .button-primary,
  .is-primary,
  .member-linked-hero__primary,
  .official-match-card__action--primary,
  .matches-empty__reset,
  .contact-modal__submit,
  .member-request-form__submit,
  .matches-claim-form__submit,
  button[type="submit"]
) {
  background-color: var(--tan-fr-button-bg) !important;
  border-color: rgba(255,255,255,.10) !important;
  color: #fff !important;
}

body :where(button:hover, .btn:hover, a.btn:hover, [role="button"]:hover) {
  transform: translateY(-1px);
}

body :where(
  input,
  textarea,
  select,
  .field-control,
  .field-textarea,
  .form-control,
  .form-field,
  .input-wrap,
  .field-wrap,
  .custom-select__trigger,
  .gifts-select,
  .gifts-search,
  .matches-search,
  .matches-search-field__input-wrap,
  .matches-filter__trigger,
  .matches-filter__date-wrap,
  .matches-filter__date-input,
  .member-input,
  .admin-input,
  .matches-claim-form__field,
  .tiktok-search-field,
  .tiktok-search-field__input,
  .contact-modal input,
  .contact-modal textarea,
  .service-quote-modal input,
  .service-quote-modal textarea,
  .member-request-modal input,
  .member-request-modal textarea
) {
  border-radius: var(--tan-fr-radius-control) !important;
  border: 1px solid var(--tan-fr-border) !important;
  background-color: var(--tan-fr-surface) !important;
  background-image: none !important;
  color: var(--tan-fr-white) !important;
  box-shadow: none !important;
}

body :where(input::placeholder, textarea::placeholder) {
  color: rgba(255,255,255,.45) !important;
}

body :where(
  .contact-modal__form,
  .service-quote-modal__form,
  .member-request-modal__form,
  .matches-claim-form,
  .tiktok-link-form,
  .member-form,
  .admin-form
) {
  display: grid;
  gap: 14px;
}

body :where(
  .form-label,
  .field-label,
  label,
  .matches-filter__label,
  .contact-modal__label,
  .member-request-modal__label
) {
  color: var(--tan-fr-white-soft);
  font-weight: 700;
}

body :where(.custom-select, .matches-filter, .gifts-custom-select) {
  position: relative !important;
  overflow: visible !important;
}

body :where(.custom-select__menu, .matches-filter__menu, .gifts-custom-select__menu) {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  bottom: auto !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 7000 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-height: min(320px, 46vh) !important;
  overflow: auto !important;
  border-radius: var(--tan-fr-radius-control) !important;
  border: 1px solid var(--tan-fr-border) !important;
  background-color: rgba(13,13,13,.98) !important;
  background-image: none !important;
  box-shadow: none !important;
  padding: 6px !important;
}

body :where(.custom-select__menu[hidden], .matches-filter__menu[hidden], .gifts-custom-select__menu[hidden]) {
  display: none !important;
}

body :where(.custom-select__option, .matches-filter__option, .gifts-custom-select__option) {
  border-radius: var(--tan-fr-radius-chip) !important;
  color: var(--tan-fr-muted) !important;
  min-height: 38px !important;
}

body :where(.custom-select__option:hover, .matches-filter__option:hover, .gifts-custom-select__option:hover),
body :where(.custom-select__option.is-selected, .matches-filter__option.is-selected, .gifts-custom-select__option.is-selected) {
  background-color: var(--tan-fr-surface-soft) !important;
  color: #fff !important;
}

body :where(
  .matches-filters-panel,
  .matches-filters-grid,
  .gifts-toolbar,
  .contact-modal__form,
  .member-request-modal__form,
  .service-quote-modal__form
) {
  overflow: visible !important;
}

body.page-matches :where(
  .matches-tabs,
  .matches-tab,
  .matches-tab.is-active,
  .matches-filters-panel,
  .matches-search-field__input-wrap,
  .matches-filter,
  .matches-filter__trigger,
  .matches-filter__date-wrap,
  .matches-filter__date-input,
  .matches-active-filter,
  .matches-empty,
  .official-match-card,
  .official-match-card__meta-row,
  .official-match-card__compact-profile,
  .official-match-card__tag-row,
  .official-match-card__details-stack,
  .duel-inline,
  .duel-inline__side,
  .official-match-card__action,
  .official-match-card__profile-btn,
  .matches-pagination,
  .matches-pagination__nav,
  .matches-claim-target-card
),
body.official-matches-page :where(
  .matches-tabs,
  .matches-tab,
  .matches-tab.is-active,
  .matches-filters-panel,
  .matches-search-field__input-wrap,
  .matches-filter,
  .matches-filter__trigger,
  .matches-filter__date-wrap,
  .matches-filter__date-input,
  .matches-active-filter,
  .matches-empty,
  .official-match-card,
  .official-match-card__meta-row,
  .official-match-card__compact-profile,
  .official-match-card__tag-row,
  .official-match-card__details-stack,
  .duel-inline,
  .duel-inline__side,
  .official-match-card__action,
  .official-match-card__profile-btn,
  .matches-pagination,
  .matches-pagination__nav,
  .matches-claim-target-card
) {
  border-radius: var(--tan-fr-radius-block) !important;
}

body.page-matches :where(
  .matches-tab__count,
  .official-match-card__type-badge,
  .official-match-card__match-number,
  .official-match-card__boost,
  .official-match-card__level,
  .official-match-card__status-pill,
  .official-match-card__badge,
  .official-match-card__inline-level
),
body.official-matches-page :where(
  .matches-tab__count,
  .official-match-card__type-badge,
  .official-match-card__match-number,
  .official-match-card__boost,
  .official-match-card__level,
  .official-match-card__status-pill,
  .official-match-card__badge,
  .official-match-card__inline-level
) {
  border-radius: var(--tan-fr-radius-chip) !important;
}

body.page-matches :where(.duel-inline__vs, .status-dot, .live-dot),
body.official-matches-page :where(.duel-inline__vs, .status-dot, .live-dot) {
  border-radius: 50% !important;
}

body :where(
  .badge,
  .tag,
  .pill,
  .chip,
  .count-chip,
  .status-chip,
  .member-chip,
  .member-status,
  .admin-chip,
  .table-badge,
  .matches-tab__count
) {
  border-radius: var(--tan-fr-radius-chip) !important;
  border: 1px solid var(--tan-fr-border) !important;
  background-color: var(--tan-fr-surface) !important;
  background-image: none !important;
}

body :where(
  table,
  .table,
  .member-history-table,
  .admin-table,
  .replies-table,
  .history-table
) {
  border-radius: var(--tan-fr-radius-block) !important;
  border: 1px solid var(--tan-fr-border) !important;
  overflow: hidden;
}

body :where(
  .avatar,
  [class*="avatar"],
  .profile-picture,
  .user-picture,
  .official-match-card__avatar,
  .member-linked-hero__avatar,
  .nav-user__avatar,
  .site-user__avatar
) {
  border-radius: 50% !important;
  overflow: hidden !important;
}

body :where(
  .avatar img,
  [class*="avatar"] img,
  .profile-picture img,
  .user-picture img
) {
  border-radius: 50% !important;
}

body :where(
  .icon-card,
  .icon-box,
  .feature-icon,
  .service-icon,
  .gift-card__download,
  .site-header__logo-mark
) {
  border-radius: var(--tan-fr-radius-control) !important;
}

body :where(.contact-modal, .service-quote-modal, .member-request-modal, .matches-claim-modal, .tiktok-link-modal) {
  padding: max(22px, env(safe-area-inset-top)) 18px max(22px, env(safe-area-inset-bottom)) !important;
  overflow: auto !important;
  place-items: center !important;
}

body :where(.contact-modal__dialog, .service-quote-modal__dialog, .member-request-modal__dialog, .matches-claim-modal__dialog, .tiktok-link-surface) {
  width: min(760px, calc(100vw - 36px)) !important;
  max-height: calc(100dvh - 44px) !important;
  margin-block: 22px !important;
  border-radius: var(--tan-fr-radius-block) !important;
}

body :where(
  .text-purple,
  .accent,
  .section-kicker,
  .hero-framer__highlight,
  .member-agency-name,
  .official-match-card__agency,
  .official-match-card__agency-inline-name,
  .matches-filter__icon,
  .gifts-filter__icon
) {
  color: var(--tan-fr-purple-light) !important;
}

body :where(.matches-tab.is-active, .tab.is-active, .nav-link.is-active) {
  background-color: var(--tan-fr-purple) !important;
  background-image: none !important;
  color: #fff !important;
}

body :where(.official-match-card.is-premium, .official-match-card--premium) {
  background-color: var(--tan-fr-surface) !important;
  background-image: linear-gradient(180deg, rgba(255,214,112,.045), rgba(255,214,112,0)) !important;
  border-color: rgba(255,214,112,.42) !important;
}

.tan-block,
.tan-card,
.tan-panel,
.tan-form-card {
  background: var(--tan-fr-block-bg);
  border: var(--tan-fr-block-border);
  border-radius: var(--tan-fr-radius-block);
  box-shadow: var(--tan-fr-shadow);
}

.tan-button {
  background: var(--tan-fr-surface);
  border: var(--tan-fr-button-border);
  border-radius: var(--tan-fr-radius-button);
  color: var(--tan-fr-white);
}

.tan-button--primary {
  background: var(--tan-fr-purple);
}

.tan-field,
.tan-input,
.tan-select,
.tan-textarea {
  background: var(--tan-fr-surface);
  border: 1px solid var(--tan-fr-border);
  border-radius: var(--tan-fr-radius-control);
  color: var(--tan-fr-white);
}

.tan-chip {
  background: var(--tan-fr-surface);
  border: 1px solid var(--tan-fr-border);
  border-radius: var(--tan-fr-radius-chip);
}

@media (max-width: 809.98px) {
  :root {
    --tan-fr-radius-block: 8px;
    --tan-fr-radius-control: 8px;
    --tan-fr-radius-button: 6px;
    --tan-fr-radius-chip: 4px;
  }

  body :where(.custom-select__menu, .matches-filter__menu, .gifts-custom-select__menu) {
    top: calc(100% + 6px) !important;
    max-height: min(300px, 42vh) !important;
  }

  body :where(.contact-modal, .service-quote-modal, .member-request-modal, .matches-claim-modal, .tiktok-link-modal) {
    padding: max(18px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom)) !important;
  }

  body :where(.contact-modal__dialog, .service-quote-modal__dialog, .member-request-modal__dialog, .matches-claim-modal__dialog, .tiktok-link-surface) {
    width: min(100%, calc(100vw - 28px)) !important;
    max-height: calc(100dvh - 36px) !important;
    margin-block: 18px !important;
  }
}

html body :where(
  main, section, article, aside, header, footer, nav, form,
  div, ul, ol, li, label, fieldset, table, thead, tbody, tr, td, th,
  input, textarea, select, button, a
)[class]:not([class*="avatar"]):not([class*="Avatar"]):not([class*="logo"]):not([class*="Logo"]):not([class*="particle"]):not([class*="Particle"]):not([class*="spinner"]):not([class*="loader"]):not([class*="dot"]):not([class*="Dot"]) {
  border-radius: var(--tan-fr-radius-block) !important;
}

html body :where(
  input,
  textarea,
  select,
  .search,
  [class*="search"],
  [class*="Search"],
  .field,
  [class*="field"],
  [class*="Field"],
  .filter,
  [class*="filter"],
  [class*="Filter"],
  .select,
  [class*="select"],
  [class*="Select"],
  .trigger,
  [class*="trigger"],
  [class*="Trigger"],
  .control,
  [class*="control"],
  [class*="Control"],
  .date,
  [class*="date"],
  [class*="Date"]
):not([class*="avatar"]):not([class*="Avatar"]):not([class*="icon"]):not([class*="Icon"]) {
  border-radius: var(--tan-fr-radius-control) !important;
}

html body :where(
  .automation-row,
  .benefit-row,
  .service-row,
  .feature-row,
  .check-row,
  .checklist-row,
  .included-row,
  .option-row,
  .pricing-row,
  .member-row,
  .reply-row,
  .history-row,
  .table-row,
  .matches-row,
  .match-row,
  [class*="row"],
  [class*="Row"],
  [class*="item"],
  [class*="Item"],
  [class*="tile"],
  [class*="Tile"]
):not([class*="avatar"]):not([class*="Avatar"]):not([class*="icon"]):not([class*="Icon"]) {
  border-radius: var(--tan-fr-radius-block) !important;
}

html body :where(
  .badge,
  .tag,
  .pill,
  .chip,
  .label-pill,
  .service-badge,
  .pricing-badge,
  .offer-badge,
  .count-chip,
  .status-chip,
  .table-badge,
  .member-chip,
  .admin-chip,
  .matches-active-filter,
  .matches-tab__count,
  .official-match-card__type-badge,
  .official-match-card__match-number,
  .official-match-card__boost,
  .official-match-card__status-pill,
  .official-match-card__badge,
  [class*="badge"],
  [class*="Badge"],
  [class*="chip"],
  [class*="Chip"],
  [class*="pill"],
  [class*="Pill"],
  [class*="tag"],
  [class*="Tag"]
):not([class*="avatar"]):not([class*="Avatar"]) {
  border-radius: var(--tan-fr-radius-chip) !important;
}

html body :where(
  button,
  .btn,
  a.btn,
  .button,
  [role="button"],
  input[type="submit"],
  input[type="button"],
  .form-submit,
  .cta,
  [class*="cta"],
  [class*="Cta"],
  [class*="button"],
  [class*="Button"],
  [class*="submit"],
  [class*="Submit"],
  [class*="action"],
  [class*="Action"]
):not([class*="avatar"]):not([class*="Avatar"]):not([class*="icon"]):not([class*="Icon"]) {
  border-radius: var(--tan-fr-radius-button) !important;
}

html body :where(
  .btn-primary,
  .button-primary,
  .primary,
  .is-primary,
  .cta-primary,
  .hero-framer__primary,
  .hero-primary,
  .hero__primary,
  .home-hero__primary,
  .contact-modal__submit,
  .service-quote-modal__submit,
  .member-request-form__submit,
  .matches-claim-form__submit,
  .matches-empty__reset,
  .member-linked-hero__primary,
  .official-match-card__action,
  .official-match-card__action--primary,
  .gift-card__download,
  button[type="submit"],
  input[type="submit"],
  a[href*="match"][class*="btn"],
  a[href*="contact"][class*="btn"]
) {
  background: var(--tan-fr-purple) !important;
  background-color: var(--tan-fr-purple) !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #fff !important;
}

html body :where(
  .btn-secondary,
  .button-secondary,
  .secondary,
  .is-secondary,
  .hero-framer__secondary,
  .service-quote-modal__cancel,
  .member-request-form__cancel,
  .matches-claim-form__cancel
) {
  background: var(--tan-fr-surface) !important;
  background-color: var(--tan-fr-surface) !important;
  border-color: var(--tan-fr-border) !important;
  color: #fff !important;
}

html body :where(
  .is-active,
  .active,
  .selected,
  .is-selected,
  [aria-selected="true"],
  [aria-current="page"],
  .matches-tab.is-active,
  .tab.is-active,
  .nav-link.is-active,
  .custom-select__option.is-selected,
  .matches-filter__option.is-selected,
  .gifts-custom-select__option.is-selected
):not(input):not(textarea):not(select) {
  background: var(--tan-fr-purple) !important;
  background-color: var(--tan-fr-purple) !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #fff !important;
}

html body :where(
  .official-match-card__boost,
  .boost-chip,
  .status-green,
  .status-yellow,
  .status-red,
  .status-neutral,
  .is-premium,
  .official-match-card.is-premium
) {
  background-image: inherit;
}

html body :where(
  .service-badge,
  .pricing-badge,
  .offer-badge,
  .plan-badge,
  .service-card .badge,
  .offer-card .badge,
  .service-card [class*="badge"],
  .offer-card [class*="badge"]
) {
  color: var(--tan-fr-purple-light) !important;
  background-color: rgba(129,74,200,.18) !important;
  border-color: rgba(223,122,254,.34) !important;
  border-radius: var(--tan-fr-radius-chip) !important;
}

html body :where(
  .check-row,
  .checklist-row,
  .automation-row,
  .benefit-row,
  .included-row,
  .service-feature,
  .feature-list li,
  .service-card li,
  .offer-card li
) {
  background-color: var(--tan-fr-surface) !important;
  border: 1px solid var(--tan-fr-border) !important;
  border-radius: var(--tan-fr-radius-block) !important;
}

html body :where(
  .matches-filter__date-wrap,
  .matches-filter__date-input,
  input[type="date"],
  .flatpickr-input,
  .date-picker,
  .date-field
) {
  border-radius: var(--tan-fr-radius-control) !important;
}

html body :where(
  .matches-search,
  .matches-search-field,
  .matches-search-field__input-wrap,
  .gifts-search,
  .search-field,
  .search-input,
  .search-wrap
) {
  border-radius: var(--tan-fr-radius-control) !important;
}

html body :where(.custom-select__menu, .matches-filter__menu, .gifts-custom-select__menu) {
  border-radius: var(--tan-fr-radius-control) !important;
  background: rgba(13,13,13,.98) !important;
  border: 1px solid var(--tan-fr-border) !important;
}

html body :where(.custom-select__option, .matches-filter__option, .gifts-custom-select__option) {
  border-radius: var(--tan-fr-radius-chip) !important;
}

html body :where(
  .avatar,
  [class*="avatar"],
  [class*="Avatar"],
  .profile-picture,
  .user-picture,
  .official-match-card__avatar,
  .member-linked-hero__avatar,
  .nav-user__avatar,
  .site-user__avatar,
  .status-dot,
  .live-dot,
  .duel-inline__vs
) {
  border-radius: 50% !important;
}

html body :where(.count-bubble, .counter-bubble, .notification-bubble) {
  border-radius: 50% !important;
}

html body :where(
  .hero-framer a:first-of-type,
  .hero-framer .btn:first-of-type,
  .home-hero a:first-of-type,
  .home-hero .btn:first-of-type,
  .service-card a:last-child,
  .offer-card a:last-child,
  .pricing-card a:last-child
) {
  background-color: var(--tan-fr-purple) !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #fff !important;
}

@media (max-width: 809.98px) {
  html body :where(
    main, section, article, aside, header, footer, nav, form,
    div, ul, ol, li, label, fieldset, table, thead, tbody, tr, td, th,
    input, textarea, select, button, a
  )[class]:not([class*="avatar"]):not([class*="Avatar"]):not([class*="logo"]):not([class*="Logo"]):not([class*="particle"]):not([class*="Particle"]):not([class*="dot"]):not([class*="Dot"]) {
    border-radius: var(--tan-fr-radius-block) !important;
  }
}

:root {
  --tan-fr-radius-block: 8px !important;
  --tan-fr-radius-control: 8px !important;
  --tan-fr-radius-button: 6px !important;
  --tan-fr-radius-chip: 4px !important;
  --tan-fr-purple: #814ac8 !important;
  --tan-fr-purple-light: #df7afe !important;
  --tan-fr-surface: rgba(13,13,13,.80) !important;
  --tan-fr-border: #222222 !important;
}

html body :where(
  main, section, article, aside, header, footer, nav, form,
  div, ul, ol, li, label, fieldset, table, thead, tbody, tr, td, th,
  span, a, button, input, textarea, select
)[class]:not([class*="avatar"]):not([class*="Avatar"]):not([class*="logo"]):not([class*="Logo"]):not([class*="particle"]):not([class*="Particle"]):not([class*="spinner"]):not([class*="loader"]):not([class*="dot"]):not([class*="Dot"]):not(.duel-inline__vs):not(.status-dot):not(.live-dot) {
  border-radius: var(--tan-fr-radius-block) !important;
}

html body,
html body * {
  --radius-sm: var(--tan-fr-radius-button) !important;
  --radius-md: var(--tan-fr-radius-control) !important;
  --radius-lg: var(--tan-fr-radius-block) !important;
  --radius-xl: var(--tan-fr-radius-block) !important;
  --radius-2xl: var(--tan-fr-radius-block) !important;
  --tan-radius-sm: var(--tan-fr-radius-button) !important;
  --tan-radius-md: var(--tan-fr-radius-control) !important;
  --tan-radius-lg: var(--tan-fr-radius-block) !important;
  --tan-radius-xl: var(--tan-fr-radius-block) !important;
  --tan-radius-card: var(--tan-fr-radius-block) !important;
  --tan-radius-card-mobile: var(--tan-fr-radius-block) !important;
}

html body .discord-panel,
html body .discord-panel__facts,
html body .discord-panel__facts > span {
  border-radius: var(--tan-fr-radius-block) !important;
}

html body .discord-panel__facts > span {
  background: rgba(13,13,13,.80) !important;
  border: 1px solid var(--tan-fr-border) !important;
}

html body :where(
  .discord-panel__facts > span,
  .feature-list > li,
  .service-card li,
  .offer-card li,
  .check-row,
  .checklist-row,
  .automation-row,
  .benefit-row,
  .included-row,
  .service-feature,
  [class*="fact"],
  [class*="Fact"],
  [class*="check"],
  [class*="Check"]
):not([class*="icon"]):not([class*="Icon"]) {
  border-radius: var(--tan-fr-radius-block) !important;
}

html body :where(
  .badge, .tag, .pill, .chip,
  .label-pill, .service-badge, .pricing-badge, .offer-badge, .plan-badge,
  .matches-active-filter, .matches-tab__count,
  .official-match-card__type-badge, .official-match-card__match-number,
  .official-match-card__boost, .official-match-card__status-pill,
  .member-chip, .member-status, .admin-chip, .table-badge,
  [class*="badge"], [class*="Badge"], [class*="chip"], [class*="Chip"],
  [class*="pill"], [class*="Pill"], [class*="tag"], [class*="Tag"]
):not([class*="avatar"]):not([class*="Avatar"]) {
  border-radius: var(--tan-fr-radius-chip) !important;
}

html body #homeMatchesCta,
html body #servicesQuoteCta,
html body .tan-primary-cta,
html body :where(
  .btn-primary,
  .button-primary,
  .is-primary,
  .cta-primary,
  .hero-framer__primary,
  .home-hero__primary,
  .member-linked-hero__primary,
  .contact-modal__submit,
  .service-quote-modal__submit,
  .member-request-form__submit,
  .matches-claim-form__submit,
  button[type="submit"],
  input[type="submit"]
) {
  background: var(--tan-fr-purple) !important;
  background-color: var(--tan-fr-purple) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #ffffff !important;
  border-radius: var(--tan-fr-radius-button) !important;
}

html body #homeMatchesCta *,
html body #servicesQuoteCta *,
html body .tan-primary-cta * {
  color: #ffffff !important;
}

html body :where(.btn-outline, .btn-secondary, .button-secondary, .is-secondary, .hero-framer__secondary) {
  background: rgba(13,13,13,.80) !important;
  background-color: rgba(13,13,13,.80) !important;
  background-image: none !important;
  border: 1px solid var(--tan-fr-border) !important;
  color: #fff !important;
  border-radius: var(--tan-fr-radius-button) !important;
}

html body :where(
  .matches-tab.is-active,
  .tab.is-active,
  .nav-link.is-active,
  .is-selected,
  .selected,
  [aria-selected="true"],
  .custom-select__option.is-selected,
  .matches-filter__option.is-selected,
  .gifts-custom-select__option.is-selected,
  .member-request-select__option.is-selected
):not(input):not(textarea):not(select):not(.official-match-card__boost) {
  background: var(--tan-fr-purple) !important;
  background-color: var(--tan-fr-purple) !important;
  background-image: none !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.12) !important;
}

html body :where(
  .site-nav,
  .site-nav__bar,
  .site-nav__mobile-toggle,
  .site-nav__drawer,
  .site-nav__drawer-panel,
  .site-nav__drawer-card,
  .site-nav__drawer a,
  .site-nav__member-trigger,
  .site-nav__member-menu,
  .site-nav__member-menu a,
  .site-nav__credits,
  .site-nav__link-badge,
  .mobile-nav,
  .mobile-nav__panel,
  .mobile-nav__toggle,
  .mobile-nav__link,
  .hamburger,
  .burger,
  [class*="burger"],
  [class*="Burger"],
  [class*="drawer"],
  [class*="Drawer"]
):not([class*="avatar"]):not([class*="Avatar"]):not([class*="line"]):not([class*="Line"]) {
  border-radius: var(--tan-fr-radius-block) !important;
}

html body :where(
  input,
  textarea,
  select,
  .matches-search,
  .matches-search-field,
  .matches-search-field__input-wrap,
  .gifts-search,
  .search-field,
  .search-input,
  .search-wrap,
  .field-control,
  .field-input,
  .field-textarea,
  .member-input,
  .admin-input,
  .tiktok-search-field,
  .tiktok-search-field__input
) {
  border-radius: var(--tan-fr-radius-control) !important;
  background: rgba(13,13,13,.80) !important;
  border: 1px solid var(--tan-fr-border) !important;
}

html body :where(
  input[type="date"],
  .matches-filter__date-wrap,
  .matches-filter__date-input,
  .member-request-form__date-input,
  .date-picker,
  .date-field
) {
  border-radius: var(--tan-fr-radius-control) !important;
}

html body :where(
  .custom-select,
  .matches-filter,
  .gifts-custom-select,
  .member-request-select
) {
  position: relative !important;
  overflow: visible !important;
  border-radius: var(--tan-fr-radius-control) !important;
}

html body :where(
  .custom-select__trigger,
  .matches-filter__trigger,
  .gifts-custom-select__trigger,
  .member-request-select__trigger
) {
  border-radius: var(--tan-fr-radius-control) !important;
  background: rgba(13,13,13,.80) !important;
  border: 1px solid var(--tan-fr-border) !important;
  color: #fff !important;
}

html body :where(
  .custom-select__menu,
  .matches-filter__menu,
  .gifts-custom-select__menu,
  .member-request-select__menu
) {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  bottom: auto !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-height: min(320px, 46vh) !important;
  overflow: auto !important;
  z-index: 9000 !important;
  padding: 6px !important;
  border-radius: var(--tan-fr-radius-control) !important;
  border: 1px solid var(--tan-fr-border) !important;
  background: rgba(13,13,13,.98) !important;
  box-shadow: none !important;
}

html body :where(
  .custom-select__menu[hidden],
  .matches-filter__menu[hidden],
  .gifts-custom-select__menu[hidden],
  .member-request-select__menu[hidden]
) {
  display: none !important;
}

html body :where(
  .custom-select__option,
  .matches-filter__option,
  .gifts-custom-select__option,
  .member-request-select__option
) {
  min-height: 38px !important;
  border-radius: var(--tan-fr-radius-chip) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  color: rgba(255,255,255,.82) !important;
}

html body :where(
  .custom-select__option:hover,
  .matches-filter__option:hover,
  .gifts-custom-select__option:hover,
  .member-request-select__option:hover
) {
  background: rgba(255,255,255,.05) !important;
  border-color: var(--tan-fr-border) !important;
  color: #fff !important;
}

html body :where(
  .matches-filters-panel,
  .matches-filters-grid,
  .member-request-form,
  .member-request-form__grid,
  .member-request-form__field,
  .contact-modal__form,
  .service-quote-modal__form
) {
  overflow: visible !important;
}

html body .review-card__stars {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--tan-fr-purple-light) !important;
  margin: 14px 0 10px !important;
}

html body .review-card__stars span {
  display: inline-flex !important;
  width: 22px !important;
  height: 22px !important;
  color: rgba(223,122,254,.30) !important;
  border-radius: 0 !important;
}

html body .review-card__stars span.is-filled {
  color: var(--tan-fr-purple-light) !important;
  filter: drop-shadow(0 0 10px rgba(223,122,254,.35)) !important;
}

html body .review-card__stars svg {
  width: 22px !important;
  height: 22px !important;
}

html body :where(
  .avatar,
  [class*="avatar"],
  [class*="Avatar"],
  .profile-picture,
  .user-picture,
  .official-match-card__avatar,
  .member-linked-hero__avatar,
  .nav-user__avatar,
  .site-user__avatar,
  .site-nav__member-avatar,
  .site-nav__member-avatar-wrap,
  .status-dot,
  .live-dot,
  .duel-inline__vs,
  .count-bubble,
  .counter-bubble,
  .notification-bubble
) {
  border-radius: 50% !important;
}

html body :where(
  .site-nav__mobile-toggle span,
  .hamburger span,
  .burger span,
  [class*="burger"] span,
  [class*="Burger"] span
) {
  border-radius: 999px !important;
}

@media (max-width: 809.98px) {
  html body :where(
    main, section, article, aside, header, footer, nav, form,
    div, ul, ol, li, label, fieldset, table, thead, tbody, tr, td, th,
    span, a, button, input, textarea, select
  )[class]:not([class*="avatar"]):not([class*="Avatar"]):not([class*="logo"]):not([class*="Logo"]):not([class*="particle"]):not([class*="Particle"]):not([class*="dot"]):not([class*="Dot"]):not(.duel-inline__vs):not(.status-dot):not(.live-dot) {
    border-radius: var(--tan-fr-radius-block) !important;
  }

  html body :where(
    .custom-select__menu,
    .matches-filter__menu,
    .gifts-custom-select__menu,
    .member-request-select__menu
  ) {
    max-height: min(300px, 42vh) !important;
  }
}

html body :where(
  .contact-modal__actions .btn-primary,
  .contact-modal__actions button[type="submit"],
  .service-quote-modal__actions .btn-primary,
  .service-quote-modal__actions button[type="submit"],
  .member-request-form__actions .btn-primary,
  .member-request-form__actions button[type="submit"],
  .matches-claim-form__actions .btn-primary,
  .matches-claim-form__actions button[type="submit"]
) {
  background: linear-gradient(135deg, #814ac8 0%, #df7afe 100%) !important;
  background-color: #814ac8 !important;
  background-image: linear-gradient(135deg, #814ac8 0%, #df7afe 100%) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #fff !important;
  box-shadow: 0 18px 42px rgba(129,74,200,.30) !important;
}

html body :where(
  .contact-modal__actions .btn-primary:hover,
  .contact-modal__actions button[type="submit"]:hover,
  .service-quote-modal__actions .btn-primary:hover,
  .service-quote-modal__actions button[type="submit"]:hover,
  .member-request-form__actions .btn-primary:hover,
  .member-request-form__actions button[type="submit"]:hover,
  .matches-claim-form__actions .btn-primary:hover,
  .matches-claim-form__actions button[type="submit"]:hover
) {
  box-shadow: 0 22px 54px rgba(223,122,254,.34) !important;
  filter: brightness(1.04);
}

html body.page-admin :where(.admin-panel__head, .section-head.admin-panel__head, .section-head--tight),
html body.page-admin-validation .admin-validation-section__head,
html body.page-member-replies .member-replies-page__section-head,
html body.page-member .member-history-card__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  justify-content: stretch !important;
  gap: clamp(12px, 2.5vw, 18px) !important;
}

html body.page-admin :where(.admin-panel__head, .section-head.admin-panel__head, .section-head--tight) > div,
html body.page-admin-validation .admin-validation-section__head > div,
html body.page-member-replies .member-replies-page__section-head > div,
html body.page-member .member-history-card__head > div {
  min-width: 0 !important;
  width: 100% !important;
}

html body :where(
  .admin-panel__count,
  .admin-panel__count--compact,
  .admin-validation-count,
  .member-history-card__count,
  .member-history-card__count--compact,
  .member-replies-page__section-head .member-history-card__count
) {
  display: grid !important;
  place-items: center !important;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: clamp(44px, 8vw, 58px) !important;
  height: auto !important;
  padding: 0 16px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.22), transparent 54%),
    linear-gradient(135deg, rgba(129,74,200,.96), rgba(223,122,254,.84)) !important;
  color: #fff !important;
  font-size: clamp(18px, 4vw, 26px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: 0 18px 42px rgba(129,74,200,.28) !important;
}

html body :where(.member-replies-page__stat-card, .member-page-intro__stat, .admin-validation-stat) {
  border-color: rgba(223,122,254,.22) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(223,122,254,.20), transparent 58%),
    linear-gradient(180deg, rgba(129,74,200,.22), rgba(129,74,200,.10)),
    rgba(16,16,18,.76) !important;
}

html body :where(.member-replies-page__stat-card strong, .member-page-intro__stat strong, .admin-validation-stat strong) {
  color: #fff !important;
}

html body :where(.field-error, .member-inline-error, .contact-modal .field-error, .service-quote-modal .field-error) {
  color: #ff7b87 !important;
  font-weight: 900 !important;
}

html body :where(input[aria-invalid="true"], textarea[aria-invalid="true"], select[aria-invalid="true"], .field-input.is-invalid, .field-control.is-invalid, .field-textarea.is-invalid) {
  border-color: rgba(255,109,122,.54) !important;
  box-shadow: 0 0 0 4px rgba(255,109,122,.12) !important;
}

html body .member-review-form--uniform .member-review-stars {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(44px, 58px)) !important;
  justify-content: center !important;
  justify-items: center !important;
  align-items: center !important;
  width: 100% !important;
  gap: clamp(8px, 2vw, 12px) !important;
  padding: 14px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(223,122,254,.22) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(223,122,254,.12), transparent 60%),
    rgba(255,255,255,.045) !important;
}

html body .member-review-form--uniform .member-review-stars.is-invalid,
html body .member-review-stars.is-invalid {
  border-color: rgba(255,109,122,.54) !important;
  box-shadow: 0 0 0 4px rgba(255,109,122,.12) !important;
}

html body .member-review-form--uniform .member-review-stars__button {
  display: inline-grid !important;
  place-items: center !important;
  width: clamp(44px, 11vw, 58px) !important;
  height: clamp(44px, 11vw, 58px) !important;
  min-width: 0 !important;
  padding: 0 !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.055) !important;
  color: rgba(255,255,255,.45) !important;
  cursor: pointer !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease !important;
}

html body .member-review-form--uniform .member-review-stars__button:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(223,122,254,.34) !important;
  color: rgba(255,255,255,.84) !important;
}

html body .member-review-form--uniform .member-review-stars__button.is-active {
  border-color: rgba(255,221,97,.42) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,236,146,.24), transparent 62%),
    rgba(255,221,97,.14) !important;
  color: #ffe880 !important;
  box-shadow: 0 12px 28px rgba(255,221,97,.12) !important;
}

html body .member-review-form--uniform .member-review-stars__button svg {
  display: block !important;
  width: clamp(22px, 5vw, 28px) !important;
  height: clamp(22px, 5vw, 28px) !important;
  fill: currentColor !important;
}

@media (max-width: 520px) {
  html body .member-review-form--uniform .member-review-stars {
    grid-template-columns: repeat(5, minmax(40px, 1fr)) !important;
    padding: 12px !important;
  }

  html body .member-review-form--uniform .member-review-stars__button {
    width: 100% !important;
    height: 48px !important;
  }
}

html body::after {
  opacity: .32 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px) !important;
}

html body .tan-v76-particles {
  opacity: 1 !important;
}

html body .tan-v76-purple-trail {
  opacity: .70 !important;
  filter: blur(42px) !important;
}

html body .contact-modal .contact-modal__actions > button.btn.btn-primary,
html body .contact-modal .contact-modal__actions > input.btn.btn-primary[type="submit"],
html body .service-quote-modal .service-quote-modal__actions > button.btn.btn-primary,
html body .member-request-modal .member-request-form__actions > button.btn.btn-primary,
html body .matches-claim-modal .matches-claim-form__actions > button.btn.btn-primary,
html body button.contact-modal__submit,
html body button.member-request-form__submit,
html body button.service-quote-modal__submit,
html body button.matches-claim-form__submit,
html body a.site-nav__mobile-cta.btn.btn-primary,
html body .mobile-nav__panel a.site-nav__mobile-cta.btn.btn-primary,
html body .site-nav__drawer a.site-nav__mobile-cta.btn.btn-primary {
  background: linear-gradient(135deg, #814ac8 0%, #df7afe 100%) !important;
  background-color: #814ac8 !important;
  background-image: linear-gradient(135deg, #814ac8 0%, #df7afe 100%) !important;
  border-color: rgba(255,255,255,.14) !important;
  color: #fff !important;
  box-shadow: 0 18px 42px rgba(129,74,200,.30) !important;
}

html body .contact-modal .contact-modal__actions > button.btn.btn-primary::before,
html body .service-quote-modal .service-quote-modal__actions > button.btn.btn-primary::before,
html body .member-request-modal .member-request-form__actions > button.btn.btn-primary::before,
html body .matches-claim-modal .matches-claim-form__actions > button.btn.btn-primary::before,
html body a.site-nav__mobile-cta.btn.btn-primary::before,
html body .mobile-nav__panel a.site-nav__mobile-cta.btn.btn-primary::before,
html body .site-nav__drawer a.site-nav__mobile-cta.btn.btn-primary::before {
  background: linear-gradient(135deg, #df7afe 0%, #814ac8 100%) !important;
}

html body .contact-modal .contact-modal__actions > button.btn.btn-primary:hover,
html body .service-quote-modal .service-quote-modal__actions > button.btn.btn-primary:hover,
html body .member-request-modal .member-request-form__actions > button.btn.btn-primary:hover,
html body .matches-claim-modal .matches-claim-form__actions > button.btn.btn-primary:hover,
html body a.site-nav__mobile-cta.btn.btn-primary:hover,
html body .mobile-nav__panel a.site-nav__mobile-cta.btn.btn-primary:hover,
html body .site-nav__drawer a.site-nav__mobile-cta.btn.btn-primary:hover {
  color: #fff !important;
  border-color: rgba(223,122,254,.42) !important;
  box-shadow: 0 22px 54px rgba(223,122,254,.34) !important;
  filter: brightness(1.04);
}

html body.page-member .member-linked-actions {
  gap: 10px !important;
}

html body.page-member .member-linked-actions > button.btn,
html body.page-member .member-linked-actions > a.btn {
  min-height: 50px !important;
  padding: 0.72rem 0.95rem !important;
  border-radius: var(--tan-fr-radius-button) !important;
  font-size: clamp(14px, 3.6vw, 16px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.015em !important;
  font-weight: 900 !important;
  gap: 10px !important;
  justify-content: center !important;
  text-align: center !important;
  color: #fff !important;
}

html body.page-member .member-linked-actions > button.btn svg,
html body.page-member .member-linked-actions > a.btn svg {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  color: currentColor !important;
}

html body.page-member .member-linked-actions > button.btn span,
html body.page-member .member-linked-actions > a.btn span {
  color: #fff !important;
}

html body.page-member .member-linked-actions > button.btn.btn-primary,
html body.page-member .member-linked-actions > button.btn.btn-primary.btn-lg,
html body.page-member .member-linked-actions > a.btn.btn-primary,
html body.page-member .member-linked-actions > a.btn.btn-primary.btn-lg {
  background: linear-gradient(135deg, #814ac8 0%, #df7afe 100%) !important;
  background-color: #814ac8 !important;
  background-image: linear-gradient(135deg, #814ac8 0%, #df7afe 100%) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #fff !important;
  box-shadow: 0 16px 36px rgba(129,74,200,.28) !important;
}

html body.page-member .member-linked-actions > button.btn.btn-primary::before,
html body.page-member .member-linked-actions > a.btn.btn-primary::before {
  background: linear-gradient(135deg, #df7afe 0%, #814ac8 100%) !important;
}

html body.page-member .member-linked-actions > button.btn.btn-primary:hover,
html body.page-member .member-linked-actions > a.btn.btn-primary:hover {
  border-color: rgba(223,122,254,.42) !important;
  color: #fff !important;
  box-shadow: 0 20px 46px rgba(223,122,254,.32) !important;
  filter: brightness(1.04);
}

html body.page-member .member-linked-actions > button.btn.btn-secondary,
html body.page-member .member-linked-actions > a.btn.btn-secondary {
  background: rgba(13,13,13,.80) !important;
  background-color: rgba(13,13,13,.80) !important;
  background-image: none !important;
  border: 1px solid #222222 !important;
  color: #fff !important;
  box-shadow: none !important;
}

@media (max-width: 640px) {
  html body.page-member .member-linked-actions > button.btn,
  html body.page-member .member-linked-actions > a.btn {
    min-height: 48px !important;
    padding-block: 0.68rem !important;
  }
}

html body :where(
  form.tan-form,
  .contact-modal__form.tan-form,
  .service-quote-form.tan-form,
  .member-request-form.tan-form,
  .matches-claim-form.tan-form
) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body :is(.tan-form-actions,.contact-modal__actions,.member-request-actions,.member-request-form__actions,.tiktok-link-actions,.service-quote-modal__actions,.matches-claim-form__actions) > :is(button,input[type="submit"],a).btn-primary,
html body .tan-form :is(button,input[type="submit"]).btn-primary,
html body .tan-form .tan-primary-cta {
  background: linear-gradient(135deg, #814ac8 0%, #df7afe 100%) !important;
  background-color: #814ac8 !important;
  background-image: linear-gradient(135deg, #814ac8 0%, #df7afe 100%) !important;
  border-color: rgba(255,255,255,.14) !important;
  color: #fff !important;
  box-shadow: 0 18px 42px rgba(129,74,200,.30) !important;
}

html body :is(.tan-form-actions,.contact-modal__actions,.member-request-actions,.member-request-form__actions,.tiktok-link-actions,.service-quote-modal__actions,.matches-claim-form__actions) > :is(button,input[type="submit"],a).btn-primary:hover,
html body .tan-form :is(button,input[type="submit"]).btn-primary:hover,
html body .tan-form .tan-primary-cta:hover {
  color: #fff !important;
  border-color: rgba(223,122,254,.42) !important;
  box-shadow: 0 22px 54px rgba(223,122,254,.34) !important;
  filter: brightness(1.04);
}

html body form :is(button, input[type="submit"], a).btn-primary,
html body form :is(button, input[type="submit"], a).tan-primary-cta,
html body form .member-history-table__action-btn--premium {
  background: linear-gradient(135deg, #814ac8 0%, #df7afe 100%) !important;
  background-color: #814ac8 !important;
  background-image: linear-gradient(135deg, #814ac8 0%, #df7afe 100%) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #fff !important;
  box-shadow: 0 18px 42px rgba(129,74,200,.30) !important;
}

html body form :is(button, input[type="submit"], a).btn-primary:hover,
html body form :is(button, input[type="submit"], a).tan-primary-cta:hover,
html body form .member-history-table__action-btn--premium:hover {
  color: #fff !important;
  border-color: rgba(223,122,254,.42) !important;
  box-shadow: 0 22px 54px rgba(223,122,254,.34) !important;
  filter: brightness(1.04);
}

html body form :is(button, a).btn-secondary,
html body form :is(button, a).btn-ghost {
  background: rgba(13,13,13,.80) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body.page-member :is(.member-referral-card,.member-card--history) .member-history-card__head.member-history-card__head--compact {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 0 18px !important;
}

html body.page-member :is(.member-referral-card,.member-card--history) > p {
  display: block !important;
  margin: 0 0 18px !important;
  line-height: 1.62 !important;
}

html body.page-member .member-referral-card__code {
  margin-top: 0 !important;
}

html body.page-member .member-history-table {
  min-width: 980px !important;
}

html body.page-member .member-history-table th:nth-child(7),
html body.page-member .member-history-table td:nth-child(7) {
  min-width: 230px !important;
}

html body.page-member form .member-history-table__action-btn--premium,
html body.page-member .member-history-table__action-btn--premium {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  min-width: 208px !important;
  min-height: 66px !important;
  padding: 12px 18px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(251, 213, 129, .58) !important;
  background:
    radial-gradient(circle at 24% 15%, rgba(255, 239, 181, .30), transparent 28%),
    linear-gradient(135deg, rgba(245, 195, 84, .28), rgba(123, 82, 22, .18)) !important;
  background-color: rgba(130, 91, 30, .22) !important;
  color: #fff4c8 !important;
  box-shadow: 0 18px 38px rgba(201, 143, 45, .18), inset 0 1px 0 rgba(255,255,255,.14) !important;
  text-align: center !important;
  white-space: normal !important;
}

html body.page-member form .member-history-table__action-btn--premium span,
html body.page-member .member-history-table__action-btn--premium span {
  display: block !important;
  margin: 0 !important;
  color: #fff7d7 !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  letter-spacing: -.01em !important;
  line-height: 1.08 !important;
}

html body.page-member form .member-history-table__action-btn--premium small,
html body.page-member .member-history-table__action-btn--premium small {
  display: block !important;
  color: rgba(255, 232, 173, .82) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  line-height: 1.08 !important;
}

html body.page-member form .member-history-table__action-btn--premium:hover,
html body.page-member .member-history-table__action-btn--premium:hover {
  border-color: rgba(255, 231, 158, .86) !important;
  box-shadow: 0 24px 54px rgba(245, 195, 84, .26), inset 0 1px 0 rgba(255,255,255,.22) !important;
  filter: brightness(1.06) !important;
}

html body.page-member .member-history-table__premium-active {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(251, 213, 129, .50) !important;
  background: rgba(245, 195, 84, .13) !important;
  color: #ffe9aa !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

@media (max-width: 560px) {
  html body.page-member :is(.member-referral-card,.member-card--history) .member-history-card__head.member-history-card__head--compact {
    margin-bottom: 18px !important;
  }

  html body.page-member :is(.member-referral-card,.member-card--history) > p {
    margin-bottom: 18px !important;
  }
}

html body.page-member :is(.member-referral-card, .member-card--history) .member-history-card__head.member-history-card__head--compact {
  margin: 0 0 16px !important;
}

html body.page-member :is(.member-referral-card, .member-card--history) > p {
  margin: 0 0 16px !important;
  line-height: 1.58 !important;
}

html body.page-member .member-referral-card__code,
html body.page-member .member-history-table-wrap,
html body.page-member .member-history-empty {
  margin-top: 0 !important;
}

html body.page-member .member-referral-card__meta {
  margin-top: 10px !important;
  gap: 9px !important;
}

html body.page-member .member-referral-card__meta strong {
  color: #df7afe !important;
  text-shadow: 0 0 18px rgba(223, 122, 254, .28) !important;
}

@media (max-width: 560px) {
  html body.page-member :is(.member-referral-card, .member-card--history) .member-history-card__head.member-history-card__head--compact {
    margin-bottom: 16px !important;
  }

  html body.page-member :is(.member-referral-card, .member-card--history) > p {
    margin-bottom: 16px !important;
  }

  html body.page-member .member-referral-card__meta {
    margin-top: 10px !important;
  }
}

.tan-avatar-frame {
  --tan-avatar-frame-a: #df7afe;
  --tan-avatar-frame-b: #824cff;
  --tan-avatar-frame-c: rgba(255, 255, 255, .58);
  position: relative;
  display: inline-grid;
  place-items: center;
  border-radius: 999px !important;
  isolation: isolate;
  padding: var(--tan-avatar-frame-pad, 3px) !important;
  overflow: visible !important;
  background:
    linear-gradient(135deg, var(--tan-avatar-frame-a), var(--tan-avatar-frame-b) 58%, var(--tan-avatar-frame-c)) border-box !important;
  border: 1px solid rgba(255, 255, 255, .24) !important;
  box-shadow:
    0 0 0 1px rgba(223, 122, 254, .24),
    0 0 18px rgba(223, 122, 254, .28),
    inset 0 0 0 1px rgba(255, 255, 255, .16) !important;
}

.tan-avatar-frame::before {
  content: '';
  position: absolute;
  inset: -4px;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(circle, rgba(223, 122, 254, .26), transparent 68%);
  filter: blur(2px);
}

.tan-avatar-frame--gold {
  --tan-avatar-frame-a: #ffe9a8;
  --tan-avatar-frame-b: #d8a84a;
  --tan-avatar-frame-c: rgba(255,255,255,.64);
  box-shadow:
    0 0 0 1px rgba(255, 225, 160, .28),
    0 0 30px rgba(228, 198, 132, .36),
    inset 0 0 0 1px rgba(255, 255, 255, .18) !important;
}

.tan-avatar-frame--gold::before {
  background: radial-gradient(circle, rgba(228, 198, 132, .3), transparent 68%);
}

.tan-avatar-frame--default {
  --tan-avatar-frame-a: #df7afe;
  --tan-avatar-frame-b: #824cff;
  --tan-avatar-frame-c: rgba(255,255,255,.58);
}

.tan-avatar-frame--pro,
.tan-avatar-frame--pro_gold,
.tan-avatar-frame--pro-gold {
  --tan-avatar-frame-a: #ffe7a0;
  --tan-avatar-frame-b: #d9a239;
  --tan-avatar-frame-c: rgba(255,255,255,.72);
  box-shadow:
    0 0 0 1px rgba(255, 221, 136, .30),
    0 0 20px rgba(217, 162, 57, .28),
    inset 0 0 0 1px rgba(255, 255, 255, .18) !important;
}

.tan-avatar-frame--pro::before,
.tan-avatar-frame--pro_gold::before,
.tan-avatar-frame--pro-gold::before {
  background: radial-gradient(circle, rgba(223, 181, 79, .22), transparent 68%);
}

.tan-avatar-frame--pro::after,
.tan-avatar-frame--pro_gold::after,
.tan-avatar-frame--pro-gold::after {
  content: 'PRO';
  position: absolute;
  left: 50%;
  right: auto;
  bottom: -8px;
  transform: translateX(-50%);
  z-index: 2;
  min-width: 32px;
  padding: 2px 5px;
  text-align: center;
  border-radius: 6px;
  background: linear-gradient(135deg, #f4d97a, #c89122);
  color: #050505;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .14em;
  box-shadow: 0 8px 18px rgba(0,0,0,.28);
}

.tan-avatar-frame--neon_cyan,
.tan-avatar-frame--neon-cyan {
  --tan-avatar-frame-a: #20efff;
  --tan-avatar-frame-b: #7d5cff;
  --tan-avatar-frame-c: rgba(255,255,255,.62);
  box-shadow:
    0 0 0 1px rgba(32, 239, 255, .25),
    0 0 30px rgba(32, 239, 255, .34),
    inset 0 0 0 1px rgba(255, 255, 255, .18) !important;
}

.tan-avatar-frame--neon_cyan::before,
.tan-avatar-frame--neon-cyan::before {
  background: radial-gradient(circle, rgba(32, 239, 255, .28), transparent 68%);
}

.tan-avatar-frame img,
.tan-avatar-frame > span {
  position: relative;
  z-index: 1;
  display: block;
  border-radius: 999px !important;
  box-shadow: inset 0 0 0 2px rgba(6, 7, 12, .85) !important;
}

.tan-avatar-frame img {
  object-fit: cover;
}

html body .tan-avatar-frame {
  box-sizing: border-box !important;
  position: relative !important;
  display: inline-grid !important;
  place-items: center !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 999px !important;
  overflow: visible !important;
  isolation: isolate !important;
  flex: 0 0 auto !important;
}

html body .tan-avatar-frame > img,
html body .tan-avatar-frame > .site-nav__member-avatar,
html body .tan-avatar-frame > .official-match-card__avatar,
html body .tan-avatar-frame > .duel-inline__avatar,
html body .tan-avatar-frame > .matches-claim-target-card__avatar,
html body .tan-avatar-frame > .member-replies-table__avatar,
html body .tan-avatar-frame > .admin-card-avatar,
html body .tan-avatar-frame > .admin-match-card__avatar,
html body .tan-avatar-frame > .review-card__avatar,
html body .tan-avatar-frame > span:not(.member-frame-option__active):not(.member-frame-option__locked) {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: cover !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  box-shadow: inset 0 0 0 2px rgba(6, 7, 12, .88) !important;
}

html body .site-nav__member-avatar-wrap.tan-avatar-frame {
  width: 36px !important;
  height: 36px !important;
  --tan-avatar-frame-pad: 2px;
}

html body .site-nav__mobile-member-trigger .site-nav__member-avatar-wrap.tan-avatar-frame {
  width: 40px !important;
  height: 40px !important;
  --tan-avatar-frame-pad: 2px;
}

html body.page-member .member-linked-hero__avatar.tan-avatar-frame {
  width: clamp(76px, 16vw, 100px) !important;
  height: clamp(76px, 16vw, 100px) !important;
  --tan-avatar-frame-pad: 3px;
  overflow: visible !important;
  background-image: linear-gradient(135deg, var(--tan-avatar-frame-a), var(--tan-avatar-frame-b) 58%, var(--tan-avatar-frame-c)) !important;
}

@media (max-width: 640px) {
  html body.page-member .member-linked-hero__avatar.tan-avatar-frame {
    width: 94px !important;
    height: 94px !important;
  }
}

html body .review-card__avatar.tan-avatar-frame {
  width: 66px !important;
  height: 66px !important;
  --tan-avatar-frame-pad: 3px;
}

html body .official-match-card__compact-profile > .tan-avatar-frame,
html body .matches-claim-target-card__head > .tan-avatar-frame {
  width: 60px !important;
  height: 60px !important;
  --tan-avatar-frame-pad: 2.5px;
}

html body .duel-inline__identity-row > .tan-avatar-frame {
  width: 52px !important;
  height: 52px !important;
  --tan-avatar-frame-pad: 2.5px;
}

html body .member-replies-table__person > .tan-avatar-frame,
html body .admin-card-avatar-wrap.tan-avatar-frame,
html body .admin-match-card__avatar-wrap.tan-avatar-frame,
html body .admin-match-review-card__avatar.tan-avatar-frame {
  width: 48px !important;
  height: 48px !important;
  --tan-avatar-frame-pad: 2.5px;
}

html body .member-frame-option__preview.tan-avatar-frame {
  width: 112px !important;
  height: 112px !important;
  --tan-avatar-frame-pad: 4px;
}

html body .tan-avatar-frame--pro::after,
html body .tan-avatar-frame--pro_gold::after,
html body .tan-avatar-frame--pro-gold::after {
  left: 50% !important;
  right: auto !important;
  bottom: -8px !important;
  transform: translateX(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 32px !important;
  height: 17px !important;
  padding: 0 5px !important;
  text-align: center !important;
  line-height: 1 !important;
  border-radius: 6px !important;
}

html body .site-nav__member-avatar-wrap.tan-avatar-frame::after,
html body .duel-inline__identity-row > .tan-avatar-frame::after,
html body .official-match-card__compact-profile > .tan-avatar-frame::after,
html body .matches-claim-target-card__head > .tan-avatar-frame::after,
html body .member-replies-table__person > .tan-avatar-frame::after,
html body .admin-card-avatar-wrap.tan-avatar-frame::after {
  font-size: 6px !important;
  min-width: 20px !important;
  height: 11px !important;
  bottom: -5px !important;
  padding: 0 3px !important;
  border-radius: 4px !important;
  letter-spacing: .09em !important;
}

html body .tan-avatar-frame--pro::after,
html body .tan-avatar-frame--pro_gold::after,
html body .tan-avatar-frame--pro-gold::after {
  left: 50% !important;
  right: auto !important;
  bottom: -7px !important;
  transform: translateX(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 30px !important;
  max-width: max-content !important;
  height: 16px !important;
  padding: 0 4px !important;
  border-radius: 5px !important;
  line-height: 1 !important;
  text-align: center !important;
  font-size: 9px !important;
  font-weight: 1000 !important;
  letter-spacing: .13em !important;
  color: #050505 !important;
  background: linear-gradient(180deg, #ffe684 0%, #e5b734 55%, #bf861c 100%) !important;
  border: 1px solid rgba(255, 244, 185, .55) !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.42) !important;
}

html body.page-member .member-linked-hero__avatar.tan-avatar-frame--pro::after,
html body.page-member .member-linked-hero__avatar.tan-avatar-frame--pro_gold::after,
html body.page-member .member-linked-hero__avatar.tan-avatar-frame--pro-gold::after,
html body .member-frame-option__preview.tan-avatar-frame--pro::after,
html body .member-frame-option__preview.tan-avatar-frame--pro_gold::after,
html body .member-frame-option__preview.tan-avatar-frame--pro-gold::after {
  min-width: 44px !important;
  height: 21px !important;
  padding: 0 7px !important;
  border-radius: 7px !important;
  font-size: 11px !important;
  letter-spacing: .15em !important;
  bottom: -10px !important;
}

html body .site-nav__member-avatar-wrap.tan-avatar-frame::after,
html body .duel-inline__identity-row > .tan-avatar-frame::after,
html body .official-match-card__compact-profile > .tan-avatar-frame::after,
html body .matches-claim-target-card__head > .tan-avatar-frame::after,
html body .member-replies-table__person > .tan-avatar-frame::after,
html body .admin-card-avatar-wrap.tan-avatar-frame::after {
  min-width: 26px !important;
  height: 14px !important;
  padding-inline: 3px !important;
  border-radius: 4px !important;
  font-size: 8px !important;
  bottom: -6px !important;
}

html body .tan-avatar-frame--pro::after,
html body .tan-avatar-frame--pro_gold::after,
html body .tan-avatar-frame--pro-gold::after {
  min-width: 26px !important;
  height: 13px !important;
  padding: 0 3px !important;
  border-radius: 4px !important;
  font-size: 7.5px !important;
  font-weight: 1000 !important;
  letter-spacing: .11em !important;
  bottom: -6px !important;
  line-height: 1 !important;
}

html body.page-member .member-linked-hero__avatar.tan-avatar-frame--pro::after,
html body.page-member .member-linked-hero__avatar.tan-avatar-frame--pro_gold::after,
html body.page-member .member-linked-hero__avatar.tan-avatar-frame--pro-gold::after,
html body .member-frame-option__preview.tan-avatar-frame--pro::after,
html body .member-frame-option__preview.tan-avatar-frame--pro_gold::after,
html body .member-frame-option__preview.tan-avatar-frame--pro-gold::after,
html body .review-card__avatar.tan-avatar-frame--pro::after,
html body .review-card__avatar.tan-avatar-frame--pro_gold::after,
html body .review-card__avatar.tan-avatar-frame--pro-gold::after {
  min-width: 34px !important;
  height: 16px !important;
  padding: 0 4px !important;
  border-radius: 5px !important;
  font-size: 8.5px !important;
  letter-spacing: .12em !important;
  bottom: -8px !important;
}

html body .site-nav__member-avatar-wrap.tan-avatar-frame::after,
html body .duel-inline__identity-row > .tan-avatar-frame::after,
html body .official-match-card__compact-profile > .tan-avatar-frame::after,
html body .matches-claim-target-card__head > .tan-avatar-frame::after,
html body .member-replies-table__person > .tan-avatar-frame::after,
html body .admin-card-avatar-wrap.tan-avatar-frame::after {
  min-width: 18px !important;
  height: 10px !important;
  padding: 0 2px !important;
  border-radius: 3px !important;
  font-size: 5.5px !important;
  letter-spacing: .08em !important;
  bottom: -4px !important;
}

@media (max-width: 809.98px) {
  html body.official-matches-page .page-matches .matches-list-section,
  html body.official-matches-page .page-matches .matches-list-section > .container,
  html body.official-matches-page .page-matches .matches-toolbar,
  html body.official-matches-page .page-matches .matches-filters-panel,
  html body.official-matches-page .page-matches .matches-filters-grid,
  html body.official-matches-page .page-matches .matches-filter {
    overflow: visible !important;
    contain: none !important;
  }

  html body.official-matches-page .page-matches .matches-toolbar {
    position: relative !important;
    z-index: 2000 !important;
    transition: padding-bottom .16s ease !important;
  }

  html body.official-matches-page .page-matches .matches-toolbar.tan-filter-menu-open {
    z-index: 90000 !important;
    padding-bottom: calc(16px + var(--tan-filter-open-extra, 0px)) !important;
  }

  html body.official-matches-page .page-matches .matches-results,
  html body.official-matches-page .page-matches .matches-empty,
  html body.official-matches-page .page-matches .matches-grid {
    position: relative !important;
    z-index: 1 !important;
  }

  html body.official-matches-page .page-matches .matches-filter {
    position: relative !important;
    z-index: 1 !important;
  }

  html body.official-matches-page .page-matches .matches-filter.is-open {
    z-index: 91000 !important;
  }

  html body.official-matches-page .page-matches .matches-filter__menu[hidden] {
    display: none !important;
  }

  html body.official-matches-page .page-matches .matches-filter.is-open .matches-filter__menu {
    display: grid !important;
  }

  html body.official-matches-page .page-matches .matches-filter__menu {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    max-height: min(330px, 42svh) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    z-index: 92000 !important;
    border-radius: 22px !important;
    padding: 8px !important;
    border: 1px solid rgba(218, 149, 255, .26) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)),
      rgba(10, 10, 14, .985) !important;
    box-shadow:
      0 26px 80px rgba(0,0,0,.62),
      0 0 0 1px rgba(198,116,255,.18),
      inset 0 1px 0 rgba(255,255,255,.08) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body.official-matches-page .page-matches .matches-filter__option {
    min-height: 54px !important;
    align-items: center !important;
    border-radius: 16px !important;
    padding: 13px 16px !important;
    font-size: clamp(16px, 4vw, 19px) !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }
}

html body.official-matches-page .matches-filter-floating-menu[hidden] {
  display: none !important;
}

html body.official-matches-page .matches-filter-floating-menu {
  position: fixed !important;
  display: grid !important;
  gap: 8px !important;
  z-index: 2147483000 !important;
  min-width: 220px !important;
  max-width: calc(100vw - 24px) !important;
  padding: 8px !important;
  border-radius: 22px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  border: 1px solid rgba(218, 149, 255, .30) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)),
    rgba(10, 10, 14, .985) !important;
  box-shadow:
    0 26px 80px rgba(0,0,0,.68),
    0 0 0 1px rgba(198,116,255,.18),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  isolation: isolate !important;
}

html body.official-matches-page .matches-filter-floating-menu .matches-filter__option {
  display: flex !important;
  width: 100% !important;
  min-height: 54px !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-radius: 16px !important;
  padding: 13px 16px !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  background: rgba(8, 8, 12, .74) !important;
  color: #fff !important;
  font: inherit !important;
  font-size: clamp(16px, 4vw, 19px) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: left !important;
  white-space: normal !important;
  cursor: pointer !important;
}

html body.official-matches-page .matches-filter-floating-menu .matches-filter__option.is-selected {
  border-color: rgba(218, 149, 255, .42) !important;
  background: linear-gradient(135deg, rgba(129, 74, 200, .28), rgba(223, 122, 254, .12)) !important;
}

html body.official-matches-page .matches-filter-floating-menu .matches-filter__option.is-selected::after {
  content: "✓";
  margin-left: 14px;
  color: #df7afe;
  font-weight: 1000;
}

@media (max-width: 809.98px) {
  html body.official-matches-page .page-matches .matches-filter.is-open .matches-filter__menu[hidden] {
    display: none !important;
  }

  html body.official-matches-page .page-matches .matches-toolbar,
  html body.official-matches-page .page-matches .matches-filters-panel,
  html body.official-matches-page .page-matches .matches-filters-grid,
  html body.official-matches-page .page-matches .matches-filter {
    overflow: visible !important;
    contain: none !important;
  }

  html body.official-matches-page .page-matches .matches-toolbar {
    position: relative !important;
    z-index: 10 !important;
  }

  html body.official-matches-page .page-matches .matches-filter.is-open {
    z-index: 20 !important;
  }
}