/* Default WordPress views and project shortcode output. Bricks layouts use the
   editable trh-inner-* global classes; these rules cover their non-Bricks UI. */
body.bricks-is-frontend:not(.home) { background: var(--trh-ink); }
/* Checkout and confirmation SureCart presentation. Tokens inherit through native shadow
   components; the saved fields, actions and mobile summary remain native. */
body.page-id-2592 #brx-content sc-checkout,
body.page-id-2593 #brx-content sc-order-confirmation,
body.page-id-2594 #account {
  color: var(--trh-white);
  font: 400 16px/1.5 Arial,sans-serif;
  --sc-font-sans: Arial,sans-serif;
  --sc-input-font-family: Arial,sans-serif;
  --sc-color-primary-500: var(--trh-green);
  --sc-color-primary-600: var(--trh-green-soft);
  --sc-color-primary-text: #090909;
  --sc-color-gray-50: var(--trh-ink);
  --sc-color-gray-100: var(--trh-ink-2);
  --sc-color-gray-200: #393640;
  --sc-color-gray-300: #666170;
  --sc-color-gray-400: #b5b0bf;
  --sc-color-gray-500: var(--trh-muted);
  --sc-color-gray-600: var(--trh-muted);
  --sc-color-gray-700: var(--trh-white);
  --sc-color-gray-800: var(--trh-white);
  --sc-color-gray-900: var(--trh-white);
  --sc-input-background-color: var(--trh-ink);
  --sc-select-background-color: var(--trh-ink);
  --sc-menu-item-background-focused: var(--trh-purple-deep);
  --sc-input-background-color-hover: var(--trh-ink);
  --sc-input-background-color-focus: var(--trh-ink);
  --sc-input-color: var(--trh-white);
  --sc-input-control-color: var(--trh-white);
  --sc-input-control-background-color: var(--trh-ink);
  --sc-input-color-hover: var(--trh-white);
  --sc-input-color-focus: var(--trh-white);
  --sc-input-label-color: var(--trh-white);
  --sc-input-placeholder-color: var(--trh-muted);
  --sc-input-help-text-color: var(--trh-muted);
  --sc-input-border-color: #666170;
  --sc-input-border-color-hover: #b5b0bf;
  --sc-input-border-color-focus: var(--trh-green);
  --sc-input-focus-ring-color: var(--trh-green);
  --sc-focus-ring-color-primary: var(--trh-green);
  --sc-focus-ring-width: 3px;
  --sc-input-border-radius-medium: 12px;
  --sc-input-border-radius-large: 12px;
  --sc-input-height-medium: 48px;
  --sc-input-font-size-medium: 16px;
  --sc-panel-background-color: var(--trh-ink-2);
  --sc-panel-border-color: #666170;
  --sc-divider-border-top-color: var(--trh-line);
  --sc-button-default-background-color: var(--trh-ink);
  --sc-button-default-color: var(--trh-white);
  --sc-button-default-border-color: #666170;
  --sc-button-default-hover-background-color: var(--trh-purple-deep);
  --sc-button-default-focus-background-color: var(--trh-purple-deep);
  --sc-button-default-focus-border-color: var(--trh-green);
  --sc-button-link-color: var(--trh-green);
  --sc-color-danger-500: #ff9caa;
  --sc-input-error-text-color: #ff9caa;
  --sc-column-spacing: 0;
}
/* Native customer dashboard, account editor and signed-out login share the
   commerce palette without changing their tabs, forms or account actions. */
body.page-id-2594 #brxe-556111 { background: var(--trh-ink); }
body.page-id-2594 #brxe-35f067 { min-width: 0; }
body.page-id-2594 #brxe-f463b4 { border-radius: 28px; overflow: hidden; }
body.page-id-2594 #account {
  --sc-card-background-color: var(--trh-ink);
  --sc-card-border-color: var(--trh-line);
  --sc-card-border-radius: 20px;
  --sc-card-padding: clamp(18px, 2vw, 28px);
  --sc-tab-active-background: var(--trh-purple-deep);
  --sc-tab-active-color: var(--trh-green);
  --sc-border-radius-small: 12px;
  --sc-empty-color: var(--trh-muted);
  --sc-empty-icon-color: var(--trh-muted);
  --sc-list-row-background-color: var(--trh-ink);
  --sc-list-row-color: var(--trh-white);
  --sc-stacked-list-row-hover-color: var(--trh-purple-deep);
  --sc-stacked-list-border-color: var(--trh-line);
  --sc-alert-background-color: var(--trh-ink);
  --sc-alert-color: var(--trh-white);
  --sc-alert-title-color: var(--trh-white);
  --sc-divider-text-background-color: var(--trh-ink-2);
  --sc-skeleton-color: #393640;
  --sc-skeleton-sheen-color: #666170;
  --button-border-radius: 999px;
}
body.page-id-2594 #account sc-login-form { max-width: 520px; margin-inline: auto; }
/* Bricks' wide Gutenberg alignment otherwise breaks this block out of its
   padded account panel at larger desktop widths. Keep its native tabs inside. */
body.page-id-2594 #account > sc-tab-group.alignwide {
  width: 100%; max-width: 100%; min-width: 0;
  margin-inline: 0; left: auto; right: auto; transform: none;
}
body.page-id-2594 #account sc-tab::part(base):focus-visible {
  outline: 3px solid var(--trh-green); outline-offset: 3px;
}
/* The existing shared page shell remains the owner of the title and Post Content.
   Scope these layout exceptions to the confirmation route, including the native
   missing-order state; never reveal content hidden by SureCart's order resolver. */
body.page-id-2593 #tr-editor-shell.wordpress {
  width: 100%;
  padding-inline: clamp(16px, 4vw, 64px);
}
body.page-id-2593 #brx-content sc-order-confirmation {
  max-width: 100%;
  width: 100%;
  min-width: 0;
  color: var(--trh-white);
  overflow-wrap: anywhere;
  --sc-order-confirmation-color: var(--trh-white);
  --sc-card-background-color: var(--trh-ink);
  --sc-card-border-color: var(--trh-line);
  --sc-card-border-radius: 20px;
  --sc-card-padding: clamp(18px, 3vw, 32px);
  --sc-form-row-spacing-large: 28px;
}
body.page-id-2593 #tr-editor-shell > .brxe-post-content > sc-order-confirmation {
  background: var(--trh-ink-2);
  border: 1px solid var(--trh-line);
  border-radius: 28px;
  padding: clamp(22px, 3vw, 42px);
}
body.page-id-2593 #brx-content sc-order-confirmation > .wp-block-paragraph {
  background: var(--trh-purple-deep);
  border: 1px solid var(--trh-line);
  border-radius: 18px;
  padding: clamp(18px, 2.5vw, 30px);
  margin-top: 0;
  font: 400 16px/1.6 Arial,sans-serif;
}
body.page-id-2593 #brx-content sc-order-confirmation sc-button {
  --button-border-radius: 999px;
  --sc-input-height-medium: 48px;
  --sc-font-weight-semibold: 800;
}
body.page-id-2592 #brxe-rayemt { line-height: 1.6; }
body.page-id-2592 #brxe-rayemt > .wp-block-paragraph.has-background {
  background: var(--trh-purple-deep) !important;
  border: 1px solid var(--trh-line);
  border-radius: 18px !important;
  padding: clamp(18px, 2.5vw, 30px);
  margin: 0 0 28px;
  font-size: 16px;
}
body.page-id-2592 #brx-content sc-checkout .wp-block-surecart-columns {
  background: transparent !important;
  min-height: 0 !important;
}
body.page-id-2592 #brx-content sc-checkout .wp-block-surecart-column {
  background: transparent !important;
  padding: clamp(18px, 3vw, 42px) !important;
  --sc-column-content-width: 100% !important;
}
body.page-id-2592 #brx-content sc-checkout .wp-block-surecart-column.is-sticky {
  background: var(--trh-ink) !important;
  border: 1px solid var(--trh-line);
  border-radius: 20px;
  top: 120px;
}
body.page-id-2592 #brx-content sc-order-summary { color: var(--trh-white); }
body.page-id-2592 #brx-content sc-order-submit { --button-border-radius: 999px; }
@media (max-width: 781px) {
  body.page-id-2592 #brx-content sc-checkout .wp-block-surecart-columns.is-full-height > .wp-block-surecart-column {
    padding: 20px 0 !important;
  }
  body.page-id-2592 #brx-content sc-checkout .wp-block-surecart-columns.is-full-height > .wp-block-surecart-column.is-sticky {
    padding: 20px !important;
    position: static !important;
  }
}
/* The Contact introduction is prose beneath the page's native H1. */
body.page-id-1817 #brx-content .tr-contact-intro {
  font: 400 16px/1.7 Arial,sans-serif; letter-spacing: normal;
  overflow-wrap: anywhere; margin-bottom: 24px;
}
body.page-id-1817 #brx-content .tr-contact-intro p { margin: 0 0 1em; }
body.page-id-1817 #brx-content .tr-contact-intro p:last-child { margin-bottom: 0; }
/* WordPress formats the retained form's newlines as BRs. They are not field
   groups: use explicit label/control spacing instead of empty line boxes. */
body.page-id-1817 #brx-content form[data-form-id="1823"] {
  display: flex; flex-direction: column; align-items: stretch; gap: 0;
  margin-top: 0;
}
body.page-id-1817 #brx-content form[data-form-id="1823"] > br { display: none; }
body.page-id-1817 #brx-content form[data-form-id="1823"] > label {
  margin: 0 0 6px; font: 400 16px/1.5 Arial,sans-serif;
}
body.page-id-1817 #brx-content form[data-form-id="1823"] > :is(input:not([type="hidden"]),textarea) {
  margin: 0 0 18px;
}
body.page-id-1817 #brx-content form[data-form-id="1823"] > button {
  align-self: flex-start; margin: 2px 0 0;
}
@media (min-width: 768px) {
  body.page-id-1817 #brx-content form[data-form-id="1823"] {
    display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 24px;
  }
  body.page-id-1817 #brx-content form[data-form-id="1823"] > * { grid-column: 1 / -1; }
  body.page-id-1817 #brx-content form[data-form-id="1823"] > label[for="first_name"] { grid-column: 1; grid-row: 1; }
  body.page-id-1817 #brx-content form[data-form-id="1823"] > #first_name { grid-column: 1; grid-row: 2; }
  body.page-id-1817 #brx-content form[data-form-id="1823"] > label[for="last_name"] { grid-column: 2; grid-row: 1; }
  body.page-id-1817 #brx-content form[data-form-id="1823"] > #last_name { grid-column: 2; grid-row: 2; }
  body.page-id-1817 #brx-content form[data-form-id="1823"] > button { justify-self: start; }
}
:is(#brx-content.wordpress,#tr-editor-shell.wordpress) {
  width: min(100%, 1180px); max-width: 100%; margin: 0 auto;
  padding: clamp(48px,6vw,96px) clamp(16px,4vw,48px);
  color: var(--trh-white); font: 18px/1.8 Arial,sans-serif;
}
:is(#brx-content.wordpress,#tr-editor-shell.wordpress) > h1,
.bricks-archive-title-wrapper h1,
.bricks-404-wrapper h1 {
  font-family: Arial,sans-serif; font-size: clamp(40px,6.4vw,88px);
  font-weight: 900; letter-spacing: -.055em; line-height: 1.05;
  text-transform: uppercase; color: var(--trh-white); margin: 0 0 32px;
  overflow-wrap: anywhere;
}
:is(#brx-content.wordpress,#tr-editor-shell.wordpress) :is(h2,h3,h4,h5,h6),
.layout-default .bricks-posts-title {
  font-family: Arial,sans-serif; font-weight: 900; line-height: 1.15;
  letter-spacing: -.03em; color: var(--trh-white);
}
:is(#brx-content.wordpress,#tr-editor-shell.wordpress) :is(h2,h3,h4,h5,h6) { margin-block: 1.5em .65em; }
:is(#brx-content.wordpress,#tr-editor-shell.wordpress) a { color: var(--trh-green); text-decoration: underline; }
:is(#brx-content.wordpress,#tr-editor-shell.wordpress) :is(img,video,iframe) { max-width: 100%; }
:is(#brx-content.wordpress,#tr-editor-shell.wordpress) :is(.alignwide,.alignfull) { width: 100%; max-width: 100%; margin-inline: 0; left: auto; right: auto; transform: none; }
:is(#brx-content.wordpress,#tr-editor-shell.wordpress) .has-white-background-color { color: #090909; }
.bricks-archive-title-wrapper, .bricks-404-wrapper {
  width: min(calc(100% - 32px),1180px); padding-block: clamp(48px,6vw,96px);
  color: var(--trh-white); font-family: Arial,sans-serif;
}
#brx-content.layout-default { background: var(--trh-ink); color: var(--trh-white); padding: 0 16px 80px; }
.layout-default .bricks-posts-title { font-size: clamp(24px,3vw,36px); }
.layout-default :is(.bricks-posts-meta,.bricks-posts-excerpt) { color: var(--trh-muted); }
.layout-default .content-wrapper { background: var(--trh-ink-2); padding: 24px; border: 1px solid var(--trh-line); border-radius: 0 0 24px 24px; }
.layout-default .bricks-pagination a { color: var(--trh-green); }
:is(:is(#brx-content.wordpress,#tr-editor-shell.wordpress),.bricks-404-wrapper,.bricks-archive-title-wrapper) :is(input,select,textarea) {
  max-width: 100%; border-radius: 12px;
}
:is(:is(#brx-content.wordpress,#tr-editor-shell.wordpress),.bricks-404-wrapper) :is(button[type=submit],input[type=submit]) {
  background: var(--trh-green); color: #090909; border-color: transparent;
  border-radius: 999px; min-height: 48px; font-family: Arial,sans-serif;
  font-weight: 800; padding: 12px 24px;
}
:is(:is(#brx-content.wordpress,#tr-editor-shell.wordpress),#brx-content.layout-default,.bricks-404-wrapper) :is(a,button,input,select,textarea,summary):focus-visible {
  outline: 3px solid var(--trh-green); outline-offset: 5px;
}
/* Synced registration cards and fixtures are owned by tag-republic-spawtz. */
.trh-inner-section .tr-sync-note { color: var(--trh-muted); }
.trh-inner-section .tr-league-card :is(h2,h3) { color: var(--trh-white); }
.trh-inner-section .tr-league-card .tr-league-meta { color: var(--trh-muted); }
.trh-inner-section .tr-competitions { color: var(--trh-white); }
.trh-inner-section .tr-competitions a { color: var(--trh-green); text-decoration: underline; }
.trh-inner-section .tr-competitions :is(h2,h3) { color: var(--trh-white); font-family: Arial,sans-serif; font-weight: 900; letter-spacing: -.035em; line-height: 1.15; }
.trh-inner-section :is(.tr-league-actions a,.tr-competition-filter button) {
  background: var(--trh-green); color: #090909; border-radius: 999px;
  min-height: 48px; font: 800 14px/1.4 Arial,sans-serif; padding: 14px 22px;
}
.trh-inner-section :is(.tr-league-actions a,.tr-competition-filter button):hover { background: var(--trh-green-soft); color: #090909; }
.trh-inner-section .tr-competition-filter select {
  background: var(--trh-ink-2); color: var(--trh-white); border-color: #666170; border-radius: 12px;
}
.trh-inner-section .tr-table-scroll { background: var(--trh-ink-2); border-color: var(--trh-line); border-radius: 20px; }
.trh-inner-section .tr-table-scroll table { color: var(--trh-white); }
.trh-inner-section .tr-table-scroll caption { color: var(--trh-white); font: 900 24px/1.3 Arial,sans-serif; }
.trh-inner-section .tr-table-scroll :is(th,td) { border-color: var(--trh-line); }
.trh-inner-section .tr-table-scroll thead th { background: var(--trh-purple-deep); }
.trh-inner-section .tr-table-scroll tbody tr:nth-child(even) { background: #ffffff08; }
.trh-inner-section .tr-competitions :is(a,button,select):focus-visible,
.trh-inner-section .tr-league-actions a:focus-visible,
.trh-inner-section .tr-table-scroll:focus-visible { outline: 3px solid var(--trh-green); outline-offset: 4px; }
/* Keep long editorial links, embedded tables and narrow layouts contained. */
.trh-inner-reading { overflow-wrap: anywhere; }
.trh-inner-reading :is(.wp-block-table,.table-responsive) { max-width: 100%; overflow-x: auto; }
.trh-inner-section [id] { scroll-margin-top: 120px; }
@media(max-width:767px) {
  :is(#brx-content.wordpress,#tr-editor-shell.wordpress) .alignwide, :is(#brx-content.wordpress,#tr-editor-shell.wordpress) .alignfull { width: 100%; margin-inline: 0; }
  .trh-inner-section .tr-league-card { padding: 22px; }
  .trh-inner-section .tr-league-grid { grid-template-columns: minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) {
  .trh-inner-section .trh-btn { transition: none; }
  .trh-inner-section .trh-btn:hover { transform: none; }
}

/* Embedded form UIs share the surrounding dark reading surface. Native input
   types, validation states, actions and integration IDs are unchanged. */
#brx-content .wsf-form { color: var(--trh-white); font-family: Arial,sans-serif; }
#brx-content .wsf-form :is(.wsf-label,.wsf-help,.wsf-field-wrapper p,.wsf-field-wrapper h2,.wsf-field-wrapper h3) {
  color: var(--trh-white); font-family: Arial,sans-serif;
}
#brx-content .wsf-form .wsf-help { color: var(--trh-muted); }
#brx-content .wsf-form :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),select,textarea),
:is(#brx-content.wordpress,#tr-editor-shell.wordpress) form[data-form-id] :is(input:not([type=hidden]),textarea) {
  background: var(--trh-ink-2); color: var(--trh-white); border: 1px solid #666170;
  border-radius: 12px; min-height: 48px; font: 16px/1.5 Arial,sans-serif;
  padding: 12px 14px; width: 100%; max-width: 100%;
}
#brx-content .wsf-form :is(input,textarea)::placeholder { color: var(--trh-muted); opacity: 1; }
#brx-content .wsf-form :is(input[type=checkbox],input[type=radio]) { accent-color: var(--trh-green); }
#brx-content .wsf-form :is(button,input[type=submit]),
:is(#brx-content.wordpress,#tr-editor-shell.wordpress) form[data-form-id] button {
  background: var(--trh-green); color: #090909; border: 1px solid transparent;
  border-radius: 999px; min-height: 48px; padding: 12px 22px;
  font: 800 14px/1.4 Arial,sans-serif;
}
#brx-content .wsf-form button:not([type=submit]) { background: var(--trh-purple-deep); color: var(--trh-white); border-color: var(--trh-line); }
#brx-content .wsf-form :is(input,button,select,textarea):focus-visible { outline: 3px solid var(--trh-green); outline-offset: 4px; }
:is(#brx-content.wordpress,#tr-editor-shell.wordpress).post-1817 > h2 { font-size: 20px; line-height: 1.7; font-weight: 400; letter-spacing: normal; }
:is(#brx-content.wordpress,#tr-editor-shell.wordpress).post-1817 > h4 { font-size: 16px; color: var(--trh-green); text-transform: uppercase; }
:is(#brx-content.wordpress,#tr-editor-shell.wordpress).post-1817 form[data-form-id] { display: grid; gap: 12px; }

/* The project referee app exposes its palette through scoped variables. */
#brx-content .trr-app {
  --trr-ink: var(--trh-white); --trr-muted: var(--trh-muted);
  --trr-line: var(--trh-line); --trr-purple-dark: #d5c8ff;
  --trr-purple-soft: var(--trh-purple-deep); --trr-green: var(--trh-green);
  width: 100%; margin: 24px 0; font-family: Arial,sans-serif;
}
#brx-content .trr-app :is(h1,h2,h3,h4) { color: var(--trh-white); font-family: Arial,sans-serif; font-weight: 900; letter-spacing: -.035em; }
#brx-content .trr-app .trr-kicker { color: #d5c8ff; }
#brx-content .trr-app-header { background: var(--trh-ink-2); border: 1px solid var(--trh-line); border-radius: 28px 28px 0 0; }
#brx-content .trr-app :is(.trr-login-panel,.trr-panel,.trr-week-nav,.trr-ref-stats article,.trr-public-grid article) { background: var(--trh-ink-2); }
#brx-content .trr-login-panel { border-radius: 0 0 28px 28px; }
#brx-content .trr-app :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { background: var(--trh-ink); color: var(--trh-white); font-size: 16px; border-color: #666170; border-radius: 12px; }
#brx-content .trr-app :is(.trr-night-calendar label,.trr-time-grid label) { background: var(--trh-ink); }
#brx-content .trr-app :is(.trr-night-calendar label,.trr-time-grid label):has(input:checked) { background: #17331a; color: var(--trh-green); border-color: var(--trh-green); }
#brx-content .trr-app :is(button[type=submit],.trr-register-cta a) { background: var(--trh-green); color: #090909; border-radius: 999px; font-family: Arial,sans-serif; font-weight: 800; }
#brx-content .trr-signup-divider span { background: var(--trh-ink-2); }
#brx-content .trr-app :is(input,button,a,select,textarea):focus-visible { outline: 3px solid var(--trh-green); outline-offset: 4px; }

/* SureCart's native block price and saved-list surfaces expose gray tokens. */
#brx-content :is(.wp-block-surecart-product-list-price,.sc-saved-items) {
  --sc-color-gray-700: var(--trh-muted); --sc-color-gray-900: var(--trh-white);
  --sc-saved-items-button-radius: 999px;
}
#brx-content .wp-block-surecart-product-list-price { color: var(--trh-muted); }
#brx-content .sc-saved-items :is(.sc-saved-items__card,.sc-saved-items__guest-notice,.sc-saved-items__notice) { background: var(--trh-ink-2); border: 1px solid var(--trh-line); border-radius: 24px; color: var(--trh-muted); }
#brx-content .sc-saved-items :is(.sc-saved-items__empty-title,.sc-saved-items__title) { color: var(--trh-white); }
#brx-content .sc-saved-items .wp-block-button__link { background: var(--trh-green); color: #090909; border-radius: 999px; font: 800 14px/1.4 Arial,sans-serif; text-decoration: none; padding: 14px 24px; }
#brx-content .sc-saved-items .sc-saved-items__empty-badge { background: var(--trh-purple-deep); color: var(--trh-white); }
@media(max-width:767px) {
  #brx-content .trr-app-header { padding-inline: 16px; }
  #brx-content .trr-login-panel { padding: 22px; }
  #brx-content .trr-login-panel h1 { font-size: 32px; }
}

/* Retained WordPress account/checkout markup uses the same navigation and field
   geometry as the current site. These rules do not alter payment actions. */
:is(#brx-content.wordpress,#tr-editor-shell.wordpress).post-12 nav > ul { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: 0 0 28px; padding: 0; }
:is(#brx-content.wordpress,#tr-editor-shell.wordpress).post-12 nav a { display: block; background: var(--trh-ink-2); color: var(--trh-white); border: 1px solid var(--trh-line); border-radius: 999px; padding: 10px 18px; font: 700 14px/1.5 Arial,sans-serif; text-decoration: none; }
:is(#brx-content.wordpress,#tr-editor-shell.wordpress).post-12 nav a:hover { color: var(--trh-green); border-color: var(--trh-green); }
:is(#brx-content.wordpress,#tr-editor-shell.wordpress) form[name=checkout] :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea) { min-height: 48px; width: 100%; max-width: 100%; background: var(--trh-ink-2); color: var(--trh-white); border: 1px solid #666170; border-radius: 12px; padding: 12px 14px; font: 16px/1.5 Arial,sans-serif; }
:is(#brx-content.wordpress,#tr-editor-shell.wordpress) form[name=checkout] label { color: var(--trh-muted); display: inline-block; margin-bottom: 6px; font-size: 16px; }
:is(#brx-content.wordpress,#tr-editor-shell.wordpress) form[name=checkout] .form-row { margin-bottom: 18px; }
:is(#brx-content.wordpress,#tr-editor-shell.wordpress) form[name=checkout] :is(input,textarea)::placeholder { color: var(--trh-muted); opacity: 1; }
:is(#brx-content.wordpress,#tr-editor-shell.wordpress) .suredash-register-form :is(label,.suredash-register-login-info) { color: var(--trh-muted); }
:is(#brx-content.wordpress,#tr-editor-shell.wordpress) .suredash-register-form input:not([type=checkbox]):not([type=hidden]) { background: var(--trh-ink); color: var(--trh-white); border: 1px solid #666170; border-radius: 12px; min-height: 48px; padding: 12px 14px; font: 16px/1.5 Arial,sans-serif; }