/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: var(--font-inter);
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-body: var(--ssc-ink-900);
    --color-body-bg: var(--ssc-paper);
    --color-primary: var(--ssc-blue-700);
    --color-secondary: var(--ssc-ink-700);
    --color-h1: var(--ssc-ink-900);
    --color-h2: var(--ssc-ink-900);
    --color-h3: var(--ssc-ink-900);
    --color-h4: var(--ssc-ink-900);
    --color-surface: var(--ssc-white);
    --color-band: var(--ssc-blue-50);
    --color-picture: var(--ssc-paper);
    --color-border: var(--ssc-line-200);
    --color-border-strong: var(--ssc-ink-500);
    --color-muted: var(--ssc-ink-700);
    --color-on-primary: var(--ssc-white);
    --color-primary-hover: var(--ssc-blue-800);
    --color-on-secondary: var(--ssc-white);
    --color-donate: var(--ssc-orange-600);
    --color-on-donate: var(--ssc-white);
    --color-footer: var(--ssc-footer-bg);
    --color-on-footer: var(--ssc-bone-100);
    --color-footer-link: var(--ssc-blue-200);
    --color-table-row: var(--ssc-white);
    --color-table-row-alt: var(--ssc-blue-100);
    --color-accent: var(--ssc-gold-500);
    --color-on-accent: var(--ssc-gold-ink);
    --color-accent-deep: var(--ssc-gold-700);
    --color-onair: var(--ssc-success-900);
    --color-on-onair: var(--ssc-white);
    --color-picture-shade: var(--ssc-shade-light);
    --font-inter: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --font-body: var(--font-inter);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .static {
    position: static;
  }
  .block {
    display: block;
  }
  .hidden {
    display: none;
  }
  .table {
    display: table;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --ssc-blue-50: #EEF4FA;
  --ssc-blue-100: #D6E4F3;
  --ssc-blue-200: #B0CBE9;
  --ssc-blue-300: #7FB2E8;
  --ssc-blue-400: #4E8BD1;
  --ssc-blue-500: #2A6DBC;
  --ssc-blue-600: #0F559F;
  --ssc-blue-700: #004489;
  --ssc-blue-800: #003466;
  --ssc-blue-900: #1B2B59;
  --ssc-blue-950: #12161F;
  --ssc-paper: #F6F5F0;
  --ssc-white: #FFFFFF;
  --ssc-ink-900: #333333;
  --ssc-ink-700: #565656;
  --ssc-ink-500: #6B7280;
  --ssc-line-200: #D3D9DF;
  --ssc-night-950: #0E1116;
  --ssc-night-900: #12161F;
  --ssc-night-800: #1A1F2B;
  --ssc-night-700: #1C2433;
  --ssc-night-600: #2C3444;
  --ssc-mist-300: #A8ACB8;
  --ssc-bone-100: #E1E1D6;
  --ssc-footer-bg: #22252B;
  --ssc-shade-light: rgb(0 0 0 / 0.5);
  --ssc-shade-dark: rgb(0 0 0 / 0.95);
  --ssc-orange-600: #C94C08;
  --ssc-gold-500: #C8A02D;
  --ssc-gold-700: #8F6A1E;
  --ssc-gold-ink: #2E2A20;
  --ssc-success: #14A44D;
  --ssc-success-50: #EEF8F1;
  --ssc-success-300: #7FDDA4;
  --ssc-success-700: #0E8A3F;
  --ssc-success-900: #14612F;
  --ssc-success-950: #0F2418;
  --ssc-warning: #E4A11B;
  --ssc-warning-50: #FDF6E7;
  --ssc-warning-300: #F5CE7A;
  --ssc-warning-700: #B87A0F;
  --ssc-warning-900: #7A4B06;
  --ssc-warning-950: #2A2110;
  --ssc-error: #DC4C64;
  --ssc-error-50: #FDF2F4;
  --ssc-error-300: #FFB3BF;
  --ssc-error-900: #9B1C31;
  --ssc-error-950: #2B1418;
}
:root[data-ssc-mode="dark"] {
  --color-body: var(--ssc-bone-100);
  --color-body-bg: var(--ssc-night-950);
  --color-primary: var(--ssc-blue-300);
  --color-primary-hover: var(--ssc-blue-200);
  --color-secondary: var(--ssc-mist-300);
  --color-h1: var(--ssc-bone-100);
  --color-h2: var(--ssc-bone-100);
  --color-h3: var(--ssc-bone-100);
  --color-h4: var(--ssc-bone-100);
  --color-surface: var(--ssc-night-800);
  --color-band: var(--ssc-night-700);
  --color-picture: var(--ssc-night-700);
  --color-border: var(--ssc-night-600);
  --color-border-strong: var(--ssc-mist-300);
  --color-muted: var(--ssc-mist-300);
  --color-on-primary: var(--ssc-night-900);
  --color-on-secondary: var(--ssc-night-900);
  --color-table-row: var(--ssc-night-800);
  --color-table-row-alt: var(--ssc-night-600);
  --color-onair: var(--ssc-success-300);
  --color-on-onair: var(--ssc-night-900);
  --color-picture-shade: var(--ssc-shade-dark);
}
:root {
  color-scheme: light;
}
:root[data-ssc-mode="dark"] {
  color-scheme: dark;
}
body {
  background-color: var(--color-body-bg);
  color: var(--color-body);
  font-family: var(--font-body);
  margin: 0;
  overflow-wrap: anywhere;
}
@layer base {
  h1:where(:not([class])),
  :where(.ssc-content) h1 {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    @media (width >= 64rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    color: var(--color-h1);
  }
  h2:where(:not([class])),
  :where(.ssc-content) h2 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-h2);
  }
  h3:where(:not([class])),
  :where(.ssc-content) h3 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-h3);
  }
  h4:where(:not([class])),
  :where(.ssc-content) h4 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-h4);
  }
  h5:where(:not([class])),
  :where(.ssc-content) h5 {
    font-size: 0.9375rem;
    line-height: 1.5;
    font-weight: 700;
  }
  h6:where(:not([class])),
  :where(.ssc-content) h6 {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 700;
    color: var(--color-muted);
  }
  :where(h1, h2, h3, h4, h5, h6):where(:not([class])):where(:not(:last-child)) {
    margin-block-end: calc(var(--spacing) * 2);
  }
  :where(h1, h2):where(:not([class])):where(:not(:last-child)) {
    margin-block-end: calc(var(--spacing) * 4);
  }
  :where(h2):where(:not([class])):where(:not(:first-child)) {
    margin-block-start: calc(var(--spacing) * 10);
  }
  :where(h3, h4, h5, h6):where(:not([class])):where(:not(:first-child)) {
    margin-block-start: calc(var(--spacing) * 8);
  }
  :where(p, ul, ol, blockquote):where(:not([class]):not(:last-child)) {
    margin-block-end: 1em;
  }
  :where(ul:not([class]), ol:not([class])) {
    padding-inline-start: 1.5rem;
  }
  ul:where(:not([class])) {
    list-style-type: disc;
  }
  :where(ul:not([class])) ul:where(:not([class])) {
    list-style-type: circle;
  }
  ol:where(:not([class])) {
    list-style-type: decimal;
  }
  :where(ul:not([class]), ol:not([class])) > :where(li + li) {
    margin-block-start: 0.25em;
  }
  :where(blockquote:not([class])) {
    padding: 1rem 1.25rem;
    border-inline-start: 4px solid var(--color-primary);
    border-radius: 0.5rem;
    background-color: var(--color-band);
  }
  :where(hr:not([class])) {
    margin-block: calc(var(--spacing) * 8);
    border: 0;
    border-top: 1px solid var(--color-border);
  }
  :where(.ssc-content) a[href],
  a[href]:where(:not([class])) {
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  :where(.ssc-content) a[href]:hover,
  a[href]:where(:not([class])):hover {
    color: var(--color-primary-hover);
  }
  :where(.ssc-content) :where(code, kbd, samp),
  code:where(:not([class])) {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.9375em;
    padding: 0.125em 0.375em;
    border-radius: 0.25rem;
    background-color: var(--color-band);
  }
  :where(.ssc-content) pre,
  pre:where(:not([class])) {
    padding: 1rem 1.25rem;
    border-radius: 0.5rem;
    background-color: var(--color-band);
    overflow-x: auto;
  }
  :where(.ssc-content) pre code {
    padding: 0;
    background: none;
  }
  :where(.ssc-content) img,
  img:where(:not([class])) {
    max-width: 100%;
    height: auto;
  }
  :where(.ssc-content) figure:where(:not([class])) {
    margin: 1.5rem 0;
  }
  :where(.ssc-content) figcaption,
  figcaption:where(:not([class])) {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: var(--color-muted);
  }
  :where(.ssc-content) dt {
    font-weight: 600;
  }
  :where(.ssc-content) dd {
    margin: 0 0 0.75rem 0;
    color: var(--color-muted);
  }
}
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.ssc-skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100;
  padding: 0.75rem 1.25rem;
  border-radius: 0 0 0.5rem 0;
  background-color: var(--color-primary);
  color: var(--color-on-primary);
  font-weight: 600;
  text-decoration: none;
}
.ssc-skip-link:focus {
  left: 0;
}
.ssc-shell {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.ssc-main {
  flex: 1 1 auto;
}
.ssc-container {
  width: 100%;
  max-width: 75rem;
  margin-inline: auto;
  padding-inline: 1rem;
}
@media (width >= 64rem) {
  .ssc-container {
    padding-inline: 1.5rem;
  }
}
.ssc-prose {
  max-width: none;
}
.ssc-section {
  padding-block: 2rem;
}
@media (width >= 64rem) {
  .ssc-section {
    padding-block: 3rem;
  }
}
.ssc-band {
  background-color: var(--color-band);
  border-radius: 0.5rem;
  padding: 1.25rem;
}
@media (width >= 64rem) {
  .ssc-band {
    padding: 1.5rem;
  }
}
.ssc-band__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem 1.5rem;
  margin-bottom: 0.5rem;
}
.ssc-band__head--center {
  justify-content: center;
  text-align: center;
}
.ssc-band__heading {
  position: relative;
  margin: 0 0 0.75rem;
  padding-bottom: 0.75rem;
  color: var(--color-h2);
  font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
}
.ssc-band__heading::after {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 3rem;
  height: 3px;
  background-color: var(--color-accent);
}
.ssc-band__head--center .ssc-band__heading::after {
  inset-inline-start: 50%;
  transform: translateX(-50%);
}
.ssc-band__heading-accent {
  color: var(--color-accent-deep);
}
[data-ssc-mode="dark"] .ssc-band__heading-accent {
  color: var(--color-accent);
}
.ssc-band__standfirst {
  margin: 0 0 1.5rem;
  color: var(--color-muted);
  font-size: 1.0625rem;
  line-height: 1.6;
}
.ssc-band__more {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 3rem;
  color: var(--color-primary);
  font-weight: 600;
  text-decoration: none;
}
.ssc-band__more:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ssc-band__arrow {
  font-size: 1.125em;
  line-height: 1;
}
.ssc-header {
  position: sticky;
  top: 0;
  z-index: 40;
  background-color: var(--color-body-bg);
  border-bottom: 1px solid var(--color-border);
}
.ssc-header__row {
  display: flex;
  align-items: center;
  min-height: 3.5rem;
  flex-wrap: nowrap;
  gap: 0.375rem;
}
.ssc-header__row > * {
  flex: none;
}
@media (width >= 64rem) {
  .ssc-header__row {
    min-height: 4rem;
    gap: 0.75rem;
  }
}
.ssc-header__row > .ssc-onair {
  display: none;
}
@media (width >= 64rem) {
  .ssc-header__row > .ssc-onair {
    display: inline-flex;
  }
}
.ssc-header__brand {
  display: inline-flex;
  align-items: center;
  min-height: 3rem;
  gap: 0.625rem;
  margin-inline-end: auto;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.2;
  color: var(--color-body);
  text-decoration: none;
}
.ssc-header__brand:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ssc-logo {
  flex: none;
  width: auto;
  height: 2.25rem;
}
@media (width >= 64rem) {
  .ssc-logo {
    height: 3rem;
  }
}
.ssc-logo--on-dark {
  display: none;
}
[data-ssc-mode="dark"] .ssc-logo--on-dark {
  display: block;
}
[data-ssc-mode="dark"] .ssc-logo--on-light {
  display: none;
}
.ssc-nav {
  display: none;
}
.ssc-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ssc-nav__link {
  display: flex;
  align-items: center;
  min-height: 3rem;
  padding-inline: 0.625rem;
  border-radius: 0.375rem;
  color: var(--color-body);
  font-weight: 500;
  text-decoration: none;
}
.ssc-nav__link:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ssc-nav__link[aria-current="page"] {
  color: var(--color-primary);
  font-weight: 700;
}
@media (width >= 64rem) {
  .ssc-nav {
    display: block;
  }
  .ssc-nav__list {
    display: flex;
    align-items: center;
    gap: 0.125rem;
  }
}
.ssc-header__menu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  min-height: 3rem;
  min-width: 3rem;
  padding-inline: 0.5rem;
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  background: none;
  color: var(--color-body);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
@media (width >= 64rem) {
  .ssc-header__menu {
    display: none;
  }
}
.ssc-drawer {
  display: none;
  border-top: 1px solid var(--color-border);
  padding-block: 0.5rem 1rem;
}
.ssc-drawer[data-ssc-open] {
  display: block;
}
@media (width >= 64rem) {
  .ssc-drawer, .ssc-drawer[data-ssc-open] {
    display: none;
  }
}
.ssc-drawer .ssc-nav {
  display: block;
}
.ssc-drawer .ssc-nav__link {
  min-height: 3rem;
  padding-inline: 0.75rem;
}
.ssc-utility {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.ssc-header__row .ssc-utility {
  display: flex;
}
.ssc-header__row .ssc-color-mode {
  justify-content: center;
  min-width: 3rem;
  padding-inline: 0;
}
.ssc-header__row .ssc-color-mode__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.ssc-header__row .ssc-color-mode__label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (width >= 64rem) {
  .ssc-header__row .ssc-color-mode {
    padding-inline: 0.625rem;
  }
  .ssc-header__row .ssc-color-mode__icon {
    width: 1rem;
    height: 1rem;
  }
  .ssc-header__row .ssc-color-mode__label {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip-path: none;
    white-space: normal;
  }
}
.ssc-drawer .ssc-utility {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-border);
}
.ssc-color-mode {
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  min-height: 3rem;
  padding-inline: 0.625rem;
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  background: none;
  color: var(--color-body);
  font: inherit;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
}
.ssc-color-mode:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ssc-color-mode__icon {
  flex: none;
  width: 1rem;
  height: 1rem;
}
.ssc-color-mode__icon--to-light {
  display: none;
}
[data-ssc-mode="dark"] .ssc-color-mode__icon--to-dark {
  display: none;
}
[data-ssc-mode="dark"] .ssc-color-mode__icon--to-light {
  display: inline;
}
.ssc-onair {
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  padding: 0.3125rem 0.625rem;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background-color: var(--color-surface);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--color-muted);
  white-space: nowrap;
}
.ssc-onair__dot {
  flex: none;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  border: 2px solid currentColor;
}
.ssc-onair[data-ssc-onair="live"] {
  color: var(--color-onair);
  border-color: var(--color-onair);
}
.ssc-onair[data-ssc-onair="live"] .ssc-onair__dot {
  background-color: var(--color-onair);
}
@media (prefers-reduced-motion: no-preference) {
  .ssc-onair[data-ssc-onair="live"] .ssc-onair__dot {
    animation: ssc-onair-pulse 2s ease-in-out infinite;
  }
}
@keyframes ssc-onair-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.45;
  }
}
.ssc-onair--solid[data-ssc-onair="live"] {
  background-color: var(--color-onair);
  color: var(--color-on-onair);
  border-color: var(--color-onair);
}
.ssc-onair--solid[data-ssc-onair="live"] .ssc-onair__dot {
  background-color: var(--color-on-onair);
  border-color: var(--color-on-onair);
}
.ssc-player {
  display: grid;
  gap: 1rem;
  padding: 1.25rem;
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  background-color: var(--color-surface);
}
.ssc-player__head {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.ssc-player__title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-h2);
}
.ssc-player__audio {
  width: 100%;
}
.ssc-player__now {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
.ssc-player__cover {
  flex: none;
  width: 4rem;
  height: 4rem;
  border-radius: 0.375rem;
  background-color: var(--color-picture);
  object-fit: cover;
}
.ssc-player__meta {
  min-width: 0;
}
.ssc-player__track {
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ssc-player__artist {
  font-size: 0.875rem;
  color: var(--color-muted);
}
:where(.ssc-btn, .ssc-btn--secondary, .ssc-btn--donate, .ssc-btn--quiet, button.ssc-btn, input.ssc-btn) {
  min-height: 3rem;
  padding-block: 0.5rem;
  padding-inline: 1.25rem;
  border: 2px solid var(--color-primary);
  border-radius: 0.5rem;
  background-color: var(--color-primary);
  background-image: none;
  color: var(--color-on-primary);
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  opacity: 1;
  box-shadow: none;
  cursor: pointer;
}
:where(a):where(.ssc-btn, .ssc-btn--secondary, .ssc-btn--donate, .ssc-btn--quiet) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
:where(.ssc-btn, .ssc-btn--secondary, .ssc-btn--donate, .ssc-btn--quiet):hover {
  text-decoration: underline;
  text-underline-offset: 3px;
  opacity: 1;
  box-shadow: none;
}
:where(.ssc-btn--donate) {
  border-color: var(--color-donate);
  background-color: var(--color-donate);
  color: var(--color-on-donate);
}
:where(.ssc-header .ssc-btn--donate) {
  padding-inline: calc(0.625rem - 2px);
}
@media (width >= 64rem) {
  :where(.ssc-header .ssc-btn--donate) {
    padding-inline: calc(1rem - 2px);
  }
}
:where(.ssc-btn--secondary) {
  border-color: var(--color-secondary);
  background-color: var(--color-secondary);
  color: var(--color-on-secondary);
}
:where(.ssc-btn--quiet) {
  border-color: transparent;
  background-color: transparent;
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
  padding-inline: 0.5rem;
}
.ssc-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
@media (width >= 64rem) {
  .ssc-actions {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
}
.ssc-field,
input[type="text"]:where(:not([class])),
input[type="search"]:where(:not([class])),
input[type="email"]:where(:not([class])),
input[type="tel"]:where(:not([class])),
input[type="url"]:where(:not([class])),
input[type="number"]:where(:not([class])),
input[type="password"]:where(:not([class])),
select:where(:not([class])),
textarea:where(:not([class])) {
  width: 100%;
  min-height: 3rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--color-border-strong);
  border-radius: 0.5rem;
  background-color: var(--color-surface);
  color: var(--color-body);
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.5;
}
.ssc-field::placeholder,
input::placeholder,
textarea::placeholder {
  color: var(--color-muted);
  opacity: 1;
}
textarea:where(:not([class])), textarea.ssc-field {
  min-height: 7rem;
}
.ssc-label {
  display: block;
  margin-bottom: 0.375rem;
  font-weight: 600;
}
.ssc-help {
  margin-top: 0.375rem;
  font-size: 0.875rem;
  color: var(--color-muted);
}
.ssc-choice {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-height: 2.75rem;
}
.ssc-choice input[type="checkbox"],
.ssc-choice input[type="radio"] {
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
  accent-color: var(--color-primary);
}
.ssc-table-scroll {
  position: relative;
  max-width: 100%;
  overflow-x: auto;
  margin-block: 1rem;
}
.ssc-table-scroll:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
[data-ssc-table="stack"] {
  width: 100%;
  border-collapse: collapse;
  color: var(--color-body);
  background-color: var(--color-table-row);
}
[data-ssc-table="stack"] > caption {
  padding-block: 0.5rem;
  text-align: start;
  font-weight: 600;
}
[data-ssc-table="stack"] > :is(thead, tbody, tfoot) > tr > :is(th, td) {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--color-border);
  text-align: start;
  vertical-align: top;
  overflow-wrap: break-word;
}
[data-ssc-table="stack"] > thead > tr > th,
[data-ssc-table="stack"] > :is(tbody, tfoot) > tr[data-ssc-table-head] > th {
  border-bottom: 2px solid var(--color-border-strong);
  font-weight: 600;
}
[data-ssc-table="stack"] > :is(tbody, tfoot) > tr:nth-child(odd of :not([data-ssc-table-head])) {
  background-color: var(--color-table-row);
}
[data-ssc-table="stack"] > :is(tbody, tfoot) > tr:nth-child(even of :not([data-ssc-table-head])) {
  background-color: var(--color-table-row-alt);
}
@media (width < 64rem) {
  [data-ssc-table="stack"],
  [data-ssc-table="stack"] > caption,
  [data-ssc-table="stack"] > :is(tbody, tfoot) > tr,
  [data-ssc-table="stack"] > :is(tbody, tfoot) > tr > :is(th, td) {
    display: block;
  }
  [data-ssc-table="stack"] {
    position: relative;
    background-color: transparent;
  }
  [data-ssc-table="stack"] > :is(tbody, tfoot) {
    display: grid;
    gap: 0.5rem;
  }
  [data-ssc-table="stack"] > tfoot {
    margin-top: 0.5rem;
  }
  [data-ssc-table="stack"] > thead,
  [data-ssc-table="stack"] > :is(tbody, tfoot) > tr[data-ssc-table-head] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  [data-ssc-table="stack"] > :is(tbody, tfoot) > tr {
    padding: 0.75rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: 0.5rem;
    background-color: var(--color-table-row);
  }
  [data-ssc-table="stack"] > :is(tbody, tfoot) > tr:nth-child(even of :not([data-ssc-table-head])) {
    background-color: var(--color-table-row-alt);
  }
  [data-ssc-table="stack"] > :is(tbody, tfoot) > tr > :is(th, td) {
    padding: 0.125rem 0;
    border: 0;
    overflow-wrap: anywhere;
  }
  [data-ssc-table="stack"] > :is(tbody, tfoot) > tr > :is(th, td)[data-ssc-label]:not([data-ssc-label=""])::before {
    content: attr(data-ssc-label) ": " / "";
    font-weight: 600;
  }
}
.ssc-figure {
  margin: 1.5rem 0;
}
.ssc-figure__frame,
.ssc-media {
  display: block;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  background-color: var(--color-picture);
}
.ssc-figure__frame > img,
.ssc-media > img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.ssc-media--square {
  aspect-ratio: 1;
}
.ssc-media--square > img {
  width: 100%;
  height: 100%;
}
.ssc-media--none {
  background-color: var(--color-band);
  aspect-ratio: 1;
}
.ssc-figure > figcaption {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: var(--color-muted);
}
.ssc-embed {
  position: relative;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 0.5rem;
  background-color: var(--color-band);
}
.ssc-embed > iframe,
.ssc-embed > video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.ssc-embed--square {
  aspect-ratio: 1;
}
.ssc-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.25rem;
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  background-color: var(--color-surface);
}
.ssc-card__title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-h3);
}
.ssc-card__meta {
  font-size: 0.875rem;
  color: var(--color-muted);
}
.ssc-grid {
  display: grid;
  gap: 1rem;
}
@media (width >= 64rem) {
  .ssc-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ssc-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ssc-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ssc-grid--sidebar {
    grid-template-columns: minmax(0, 1fr) 20rem;
  }
}
.ssc-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
}
@media (width >= 64rem) {
  .ssc-layout {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
  }
  .ssc-layout > .ssc-layout__content {
    grid-column: span 12 / span 12;
  }
  .ssc-layout:has(> .ssc-layout__aside) > .ssc-layout__content {
    grid-column: span 8 / span 8;
  }
  .ssc-layout > .ssc-layout__aside {
    grid-column: span 4 / span 4;
  }
}
.ssc-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
}
@media (width >= 64rem) {
  .ssc-row {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
  }
  .ssc-col-12 {
    grid-column: span 12 / span 12;
  }
  .ssc-col-8 {
    grid-column: span 8  / span 8;
  }
  .ssc-col-6 {
    grid-column: span 6  / span 6;
  }
  .ssc-col-4 {
    grid-column: span 4  / span 4;
  }
}
.ssc-message {
  display: flex;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  border-inline-start: 4px solid var(--ssc-success);
  border-radius: 0.5rem;
  background-color: var(--ssc-success-50);
  color: var(--ssc-success-900);
}
.ssc-message--warning {
  border-inline-start-color: var(--ssc-warning);
  background-color: var(--ssc-warning-50);
  color: var(--ssc-warning-900);
}
.ssc-message--error {
  border-inline-start-color: var(--ssc-error);
  background-color: var(--ssc-error-50);
  color: var(--ssc-error-900);
}
[data-ssc-mode="dark"] .ssc-message {
  background-color: var(--ssc-success-950);
  color: var(--ssc-success-300);
}
[data-ssc-mode="dark"] .ssc-message--warning {
  background-color: var(--ssc-warning-950);
  color: var(--ssc-warning-300);
}
[data-ssc-mode="dark"] .ssc-message--error {
  background-color: var(--ssc-error-950);
  color: var(--ssc-error-300);
}
.ssc-footer {
  background-color: var(--color-footer);
  color: var(--color-on-footer);
  border-top: 1px solid var(--ssc-night-600);
  padding-block: 2rem;
  margin-top: 3rem;
}
.ssc-footer h2,
.ssc-footer h3,
.ssc-footer .ssc-footer__heading {
  color: var(--color-on-footer);
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0 0 0.75rem;
}
.ssc-footer a {
  color: var(--color-footer-link);
  text-decoration: none;
}
.ssc-footer a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ssc-footer a:focus-visible {
  outline: 2px solid var(--color-footer-link);
  outline-offset: 2px;
}
.ssc-footer__cols {
  display: grid;
  gap: 1.75rem;
}
@media (width >= 64rem) {
  .ssc-footer__cols {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2.5rem;
  }
}
.ssc-footer__logo-link {
  display: inline-block;
  vertical-align: top;
}
.ssc-footer__logo {
  display: block;
  width: auto;
  height: 3.5rem;
  margin-bottom: 1rem;
  filter: brightness(0) invert(1);
}
.ssc-footer__blurb {
  margin: 0;
  font-size: 1rem;
  line-height: 1.625;
}
.ssc-footer__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
}
.ssc-footer__list a {
  display: inline-flex;
  align-items: center;
  min-height: 3rem;
}
.ssc-footer__social {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}
.ssc-footer__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 0.5rem;
}
.ssc-footer .ssc-footer__social-link {
  color: var(--color-on-footer);
}
.ssc-footer__social-link:hover {
  background-color: rgb(255 255 255 / 0.1);
}
.ssc-footer__social svg {
  width: 1.5rem;
  height: 1.5rem;
}
.ssc-footer__world {
  display: grid;
  align-items: center;
  gap: 1.5rem;
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  border-top: 1px solid rgb(255 255 255 / 0.15);
}
@media (width >= 64rem) {
  .ssc-footer__world {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.ssc-footer__quote {
  margin: 0;
}
.ssc-footer__quote-text {
  margin: 0;
  padding: 0;
  border: 0;
}
.ssc-footer__quote-text > p {
  margin: 0;
  color: var(--color-on-footer);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.375;
}
.ssc-footer__quote figcaption {
  margin-top: 0.5rem;
  color: var(--color-on-footer);
  font-size: 1rem;
}
.ssc-footer__map {
  display: block;
  width: 100%;
  height: auto;
  color: var(--color-on-footer);
  opacity: 0.3;
}
.ssc-footer__legal {
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgb(255 255 255 / 0.15);
  font-size: 1rem;
}
.ssc-footer__legal > p {
  margin: 0;
}
.ssc-to-top {
  position: fixed;
  right: 1rem;
  bottom: max(1rem, env(safe-area-inset-bottom));
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 9999px;
  background-color: var(--color-primary);
  color: var(--color-on-primary);
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}
.ssc-footer a.ssc-to-top {
  color: var(--color-on-primary);
}
.ssc-footer a.ssc-to-top:focus-visible {
  outline-color: var(--color-primary);
}
.ssc-to-top:hover {
  background-color: var(--color-primary-hover);
}
.ssc-to-top svg {
  width: 1.5rem;
  height: 1.5rem;
}
:root[data-ssc-js] .ssc-to-top:not([data-ssc-shown]) {
  visibility: hidden;
  opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
  :root[data-ssc-js] .ssc-to-top:not([data-ssc-shown]) {
    transition: opacity 150ms ease, visibility 0s linear 150ms;
  }
  :root[data-ssc-js] .ssc-to-top[data-ssc-shown] {
    transition: opacity 150ms ease;
  }
}
@media print {
  .ssc-to-top {
    display: none;
  }
}
.ssc-has-bar {
  --ssc-bar-height: calc(4rem + 1px + env(safe-area-inset-bottom));
}
.ssc-has-bar .ssc-shell {
  padding-bottom: var(--ssc-bar-height);
}
.ssc-has-bar .ssc-to-top {
  bottom: calc(var(--ssc-bar-height) + 1rem);
}
.ssc-bar {
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  z-index: 35;
  border-top: 1px solid var(--color-border);
  padding-bottom: env(safe-area-inset-bottom);
  background-color: var(--color-surface);
  color: var(--color-body);
}
.ssc-bar__inner {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  height: 4rem;
}
.ssc-bar__now {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}
.ssc-bar__picture {
  display: block;
  flex: none;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: 0.25rem;
  background-color: var(--color-picture);
}
.ssc-bar__picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ssc-bar__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.25;
}
.ssc-bar__title,
.ssc-bar__artist {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.ssc-bar__title {
  font-weight: 600;
}
.ssc-bar__artist {
  color: var(--color-muted);
  font-size: 0.875rem;
}
.ssc-bar__artist[hidden] {
  display: none;
}
.ssc-bar__controls {
  flex: none;
}
.ssc-bar .ssc-stream__mute,
.ssc-bar .ssc-stream__slider {
  display: none;
}
@media (width >= 64rem) {
  .ssc-bar .ssc-stream__mute {
    display: block;
  }
  .ssc-bar .ssc-stream__slider {
    display: block;
  }
  .ssc-bar .ssc-stream--novolume .ssc-stream__slider {
    display: none;
  }
}
.ssc-bar__nojs {
  flex: none;
  margin: 0;
}
.turbo-progress-bar {
  height: 3px;
  background-color: var(--color-primary);
}
@media (prefers-reduced-motion: reduce) {
  .turbo-progress-bar {
    transition: none;
  }
}
@media print {
  .ssc-bar {
    display: none;
  }
  .ssc-has-bar .ssc-shell {
    padding-bottom: 0;
  }
}
.ssc-pl {
  margin: 0;
  background-color: var(--color-surface);
  color: var(--color-body);
}
.ssc-pl__frame {
  --ssc-pl-pad: 0.75rem;
  display: grid;
  height: 100vh;
  padding: var(--ssc-pl-pad);
  gap: 0.625rem 0.75rem;
}
.ssc-pl__now {
  display: contents;
}
.ssc-pl__picture {
  container-type: size;
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 0;
}
.ssc-pl__picture > img {
  display: block;
  width: min(100cqw, 100cqh);
  height: min(100cqw, 100cqh);
  object-fit: contain;
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  background-color: var(--color-picture);
}
.ssc-pl__text {
  display: grid;
  align-content: safe center;
  gap: 0.125rem;
  min-width: 0;
  overflow: hidden;
}
.ssc-pl__title,
.ssc-pl__artist,
.ssc-pl__album,
.ssc-pl__dedication-message {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ssc-pl__title {
  -webkit-line-clamp: 2;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--color-h2);
}
.ssc-pl__artist {
  -webkit-line-clamp: 1;
  font-size: 1rem;
  line-height: 1.3;
}
.ssc-pl__name {
  font-style: italic;
}
.ssc-pl__album {
  -webkit-line-clamp: 1;
  font-size: 0.9375rem;
  line-height: 1.3;
}
.ssc-pl__album > strong {
  font-weight: 700;
}
.ssc-pl__requested,
.ssc-pl__item-requested {
  font-size: 0.875rem;
  line-height: 1.3;
  font-style: italic;
  color: var(--color-muted);
}
.ssc-pl__dedication {
  margin: 0.25rem 0 0;
  padding: 0.25rem 0.625rem;
  border-inline-start: 3px solid var(--color-primary);
  border-radius: 0.375rem;
  background-color: var(--color-band);
  font-size: 0.9375rem;
  line-height: 1.35;
  text-align: start;
}
.ssc-pl__dedication-message {
  -webkit-line-clamp: 3;
}
.ssc-pl__dedication-name {
  font-size: 0.875rem;
  color: var(--color-muted);
}
.ssc-stream {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.ssc-stream__play,
.ssc-stream__mute {
  position: relative;
  flex: none;
  width: 3rem;
  height: 3rem;
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
}
.ssc-stream__play {
  border-radius: 999px;
  background-color: var(--color-primary);
  color: var(--color-on-primary);
}
.ssc-stream__play:hover {
  background-color: var(--color-primary-hover);
}
.ssc-stream__mute {
  border-radius: 0.5rem;
  background: none;
  color: var(--color-body);
}
.ssc-stream__play svg,
.ssc-stream__mute svg {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1.125rem;
  transform: translate(-50%, -50%);
}
.ssc-stream__icon-pause,
.ssc-stream__icon-mute,
.ssc-stream--playing .ssc-stream__icon-play,
.ssc-stream--muted .ssc-stream__icon-volume {
  display: none;
}
.ssc-stream--playing .ssc-stream__icon-pause,
.ssc-stream--muted .ssc-stream__icon-mute {
  display: block;
}
.ssc-stream--novolume .ssc-stream__slider {
  display: none;
}
.ssc-stream__slider {
  -webkit-appearance: none;
  appearance: none;
  flex: 0 1 7rem;
  min-width: 4rem;
  height: 3rem;
  margin: 0 0.25rem;
  padding: 0;
  background: transparent;
  cursor: pointer;
}
.ssc-stream__slider::-webkit-slider-runnable-track {
  height: 0.25rem;
  border-radius: 999px;
  background: linear-gradient(to right, var(--color-primary) var(--ssc-stream-level, 70%), var(--color-border-strong) var(--ssc-stream-level, 70%));
}
.ssc-stream__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 1rem;
  height: 1rem;
  margin-top: -0.375rem;
  border: 0;
  border-radius: 999px;
  background-color: var(--color-primary);
}
.ssc-stream__slider::-moz-range-track {
  height: 0.25rem;
  border-radius: 999px;
  background-color: var(--color-border-strong);
}
.ssc-stream__slider::-moz-range-progress {
  height: 0.25rem;
  border-radius: 999px;
  background-color: var(--color-primary);
}
.ssc-stream__slider::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  border: 0;
  border-radius: 999px;
  background-color: var(--color-primary);
}
.ssc-pl--row .ssc-pl__frame {
  --ssc-pl-pad: 0.5rem;
  grid-template-columns: calc(100vh - 2 * var(--ssc-pl-pad)) minmax(0, 1fr) auto;
  grid-template-rows: minmax(0, 1fr);
  gap: 0.625rem;
}
.ssc-pl--row .ssc-stream {
  flex-direction: column;
  gap: 0.25rem;
}
.ssc-pl--row .ssc-pl__text:has(.ssc-pl__requested:not([hidden])) .ssc-pl__title {
  -webkit-line-clamp: 1;
}
.ssc-pl--column .ssc-pl__frame,
.ssc-pl--shape .ssc-pl__frame {
  --ssc-pl-pad: 1rem;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  grid-auto-rows: auto;
  text-align: center;
}
.ssc-pl--column .ssc-stream,
.ssc-pl--shape .ssc-stream {
  justify-content: center;
}
.ssc-pl--column .ssc-pl__title,
.ssc-pl--shape .ssc-pl__title {
  font-size: clamp(1.125rem, 0.95rem + 1.2vw, 1.375rem);
}
.ssc-pl--column .ssc-pl__artist,
.ssc-pl--column .ssc-pl__album {
  -webkit-line-clamp: 2;
}
.ssc-pl__recent {
  min-width: 0;
  padding-top: 0.625rem;
  border-top: 1px solid var(--color-border);
  text-align: start;
}
.ssc-pl__recent-heading {
  margin: 0 0 0.375rem;
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-h2);
}
.ssc-pl__list {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ssc-pl__item {
  display: grid;
  grid-template-columns: 3.125rem minmax(0, 1fr);
  align-items: center;
  gap: 0.625rem;
}
.ssc-pl__thumb > img {
  display: block;
  width: 3.125rem;
  height: 3.125rem;
  object-fit: contain;
  border: 1px solid var(--color-border);
  border-radius: 0.375rem;
  background-color: var(--color-picture);
}
.ssc-pl__item-text {
  display: grid;
  min-width: 0;
}
.ssc-pl__item-title,
.ssc-pl__item-artist {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ssc-pl__item-title {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
}
.ssc-pl__item-artist {
  font-size: 0.875rem;
  line-height: 1.3;
}
.ssc-pl--shape .ssc-pl__text:has(.ssc-pl__dedication:not([hidden])) .ssc-pl__title {
  -webkit-line-clamp: 1;
}
.ssc-pl--shape .ssc-pl__dedication-message {
  -webkit-line-clamp: 2;
}
@media (orientation: landscape) {
  .ssc-pl--shape .ssc-pl__frame {
    grid-template-columns: calc(100vh - 2 * var(--ssc-pl-pad)) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
    grid-template-areas: "picture text" "picture controls";
    gap: 0.5rem 1rem;
    text-align: start;
  }
  .ssc-pl--shape .ssc-pl__picture {
    grid-area: picture;
  }
  .ssc-pl--shape .ssc-pl__text {
    grid-area: text;
  }
  .ssc-pl--shape .ssc-stream {
    grid-area: controls;
  }
  .ssc-pl--shape .ssc-stream {
    justify-content: flex-start;
  }
  .ssc-pl--shape .ssc-pl__title {
    font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  }
}
.ssc-pl--card {
  background-color: transparent;
}
.ssc-pl--card .ssc-pl__frame {
  display: block;
  height: auto;
  max-width: 69.375rem;
  margin-inline: auto;
  padding: 0;
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  background-color: var(--color-surface);
  overflow: hidden;
}
.ssc-pl--card {
  padding-inline: 0.9375rem;
}
.ssc-pl__heading {
  margin: 0;
  padding: 0.625rem 1rem;
  border-bottom: 1px solid var(--color-border);
  background-color: var(--color-band);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--color-h2);
}
.ssc-pl--card .ssc-pl__now {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.25rem;
  padding: 1rem;
}
.ssc-pl--card .ssc-pl__picture {
  container-type: normal;
  flex: none;
  width: 15.625rem;
  max-width: 100%;
}
.ssc-pl--card .ssc-pl__picture > img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.ssc-pl--card .ssc-pl__text {
  flex: 1 1 12rem;
  overflow: visible;
}
.ssc-pl--card .ssc-pl__title {
  -webkit-line-clamp: 3;
  font-size: 1.25rem;
}
.ssc-pl--card .ssc-pl__artist,
.ssc-pl--card .ssc-pl__album {
  -webkit-line-clamp: 2;
}
.ssc-home {
  display: grid;
  gap: 1.5rem;
}
.ssc-home__column {
  display: grid;
  align-content: start;
  gap: 1.5rem;
  min-width: 0;
}
.ssc-home__block,
.ssc-home__intro {
  min-width: 0;
  overflow-wrap: anywhere;
}
.ssc-home__block > p {
  margin: 0 0 1rem;
}
.ssc-home__intro {
  text-align: center;
}
.ssc-home__title {
  margin: 0 0 0.75rem;
  color: var(--color-h1);
  font-size: clamp(1.5rem, 1rem + 2.4vw, 3.25rem);
  font-weight: 700;
  line-height: 1.15;
}
.ssc-home__logo {
  width: auto;
  max-width: 100%;
  height: clamp(6rem, 4rem + 8vw, 10rem);
  margin-inline: auto;
  object-fit: contain;
}
.ssc-home__logo.ssc-logo--on-light {
  display: block;
}
[data-ssc-mode="dark"] .ssc-home__logo.ssc-logo--on-light {
  display: none;
}
.ssc-home__lead {
  margin: 0 0 0.5rem;
  font-size: 1.125rem;
  font-style: italic;
  font-weight: 700;
}
.ssc-home__standfirst {
  margin: 0;
}
.ssc-home__give {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
}
.ssc-home__give-line {
  margin: 0;
  font-weight: 700;
}
.ssc-home__songs {
  display: grid;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (width >= 64rem) {
  .ssc-home__songs {
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
  }
}
.ssc-home__song {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  min-width: 0;
}
.ssc-home__thumb {
  flex: none;
  display: block;
  width: 3.75rem;
  height: 3.75rem;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: 0.375rem;
  background-color: var(--color-picture);
}
.ssc-home__thumb > img,
.ssc-home__picture > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ssc-home__song-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
.ssc-home__song-title {
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.3;
}
.ssc-home__song-artist {
  font-size: 1rem;
}
.ssc-home__name {
  font-style: italic;
}
.ssc-home__requested {
  margin: 0;
  color: var(--color-muted);
  font-size: 0.9375rem;
  font-style: italic;
}
.ssc-home__info {
  display: inline-flex;
  align-items: center;
  min-height: 3rem;
  color: var(--color-primary);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.ssc-home__info:hover {
  color: var(--color-primary-hover);
}
.ssc-home__now {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem 1.5rem;
  margin-bottom: 1rem;
}
.ssc-home__picture {
  flex: none;
  width: min(100%, 15.625rem);
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  background-color: var(--color-picture);
}
.ssc-home__text {
  flex: 1 1 16rem;
  min-width: 0;
}
.ssc-home__text > p {
  margin: 0 0 0.5rem;
}
.ssc-home__now-title {
  font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  font-weight: 700;
  line-height: 1.25;
}
.ssc-home__now-artist {
  font-size: 1rem;
}
.ssc-home__now-album > strong {
  font-weight: 700;
}
.ssc-home__dedication {
  margin: 1rem 0 0;
  padding: 0.75rem 1rem;
  border-inline-start: 4px solid var(--color-primary);
  border-radius: 0.5rem;
  background-color: var(--color-surface);
}
.ssc-home__dedication > p {
  margin: 0;
}
.ssc-home__dedication-name {
  margin-top: 0.25rem;
  color: var(--color-muted);
}
.ssc-home__controls {
  flex-wrap: wrap;
}
.ssc-home__listen {
  text-align: center;
}
.ssc-home__formats {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ssc-home__formats > li {
  flex: 0 1 3rem;
  min-width: 1.5rem;
}
.ssc-home__formats a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3rem;
  border-radius: 0.375rem;
}
.ssc-home__formats img {
  display: block;
  flex: none;
}
.ssc-home__requests {
  margin: 0;
  padding-inline-start: 1.75rem;
  list-style-type: decimal;
}
.ssc-home__request + .ssc-home__request {
  margin-top: 0.25rem;
}
.ssc-home__request-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 3rem;
  color: var(--color-body);
  text-decoration: none;
}
.ssc-home__request-link .ssc-home__song-title {
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.ssc-home__request-link:hover .ssc-home__song-title {
  color: var(--color-primary-hover);
}
.ssc-home__request-meta {
  color: var(--color-muted);
  font-size: 0.9375rem;
}
.ssc-home__tunein {
  margin: 0;
  text-align: center;
}
.ssc-home__tunein a {
  display: inline-block;
}
.ssc-home__tunein img {
  display: block;
  max-width: 100%;
  height: auto;
}
.ssc-page {
  display: grid;
  gap: 1.5rem;
}
.ssc-page__content,
.ssc-page__aside {
  display: grid;
  align-content: start;
  gap: 1.5rem;
  min-width: 0;
}
.ssc-page__content,
.ssc-page__song,
.ssc-popup,
.ssc-members {
  overflow-wrap: anywhere;
}
.ssc-page__intro {
  text-align: center;
}
.ssc-page__intro-lead {
  margin: 0 0 0.25rem;
  font-size: 1.125rem;
  font-style: italic;
  font-weight: 700;
}
.ssc-page__intro-line {
  margin: 0;
}
.ssc-page__title {
  margin: 0;
  color: var(--color-h1);
  font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
  font-weight: 700;
  line-height: 1.2;
}
.ssc-page__subtitle {
  margin: 0.25rem 0 0.75rem;
  color: var(--color-muted);
  font-size: 1.125rem;
}
.ssc-page__lead > p:last-child {
  margin-bottom: 0;
}
.ssc-page__none {
  margin: 0;
}
.ssc-page__search {
  display: grid;
  gap: 1rem;
}
.ssc-page__search-heading {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
}
.ssc-page__note {
  margin: 0;
  color: var(--color-muted);
  font-size: 0.9375rem;
}
.ssc-page__form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
}
.ssc-page__search-field {
  flex: 1 1 12rem;
  min-width: 0;
}
.ssc-page__limit {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.ssc-page__limit > select {
  width: auto;
}
.ssc-page__letters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.ssc-page__letter {
  min-width: 3rem;
  min-height: 3rem;
  padding-inline: 0.5rem;
  border: 1px solid var(--color-border);
  border-radius: 0.375rem;
  background-color: var(--color-surface);
  color: var(--color-body);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.ssc-page__letter:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ssc-page__letter[aria-current] {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  color: var(--color-on-primary);
}
.ssc-page__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 1rem;
  margin: 0;
}
.ssc-page__link {
  display: inline-flex;
  align-items: center;
  min-height: 3rem;
  color: var(--color-primary);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.ssc-page__link:hover {
  color: var(--color-primary-hover);
}
.ssc-page__song-title {
  font-weight: 700;
}
.ssc-page__song-album {
  display: block;
  color: var(--color-muted);
  font-size: 0.9375rem;
}
.ssc-page__cover {
  display: inline-block;
  width: 3.75rem;
  height: 3.75rem;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: 0.375rem;
  background-color: var(--color-picture);
  vertical-align: top;
}
.ssc-page__cover > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ssc-page__pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0 1.25rem;
}
.ssc-page__count {
  color: var(--color-muted);
}
.ssc-page__song {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem 1.5rem;
}
.ssc-page__picture {
  flex: none;
  width: min(100%, 15.625rem);
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  background-color: var(--color-picture);
}
.ssc-page__picture > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ssc-afloat {
  position: relative;
  overflow: visible;
  margin-block-end: calc(min(100%, 15.625rem) * 0.15);
}
.ssc-afloat::after {
  content: "";
  position: absolute;
  inset-inline: 8%;
  top: 102%;
  height: 10%;
  border-radius: 50%;
  background: radial-gradient(closest-side, var(--color-picture-shade), transparent);
  pointer-events: none;
}
.ssc-home__picture.ssc-afloat > img,
.ssc-page__picture.ssc-afloat > img {
  border-radius: calc(0.5rem - 1px);
}
.ssc-page__song-text {
  flex: 1 1 18rem;
  min-width: 0;
}
.ssc-page__song-text > p {
  margin: 0 0 0.5rem;
}
.ssc-page__song-artist {
  font-size: 1.125rem;
}
.ssc-page__facts {
  margin: 0.5rem 0 1rem;
}
.ssc-page__facts > div {
  margin: 0 0 0.25rem;
}
.ssc-page__facts dt {
  display: inline;
  font-weight: 700;
}
.ssc-page__facts dd {
  display: inline;
  margin: 0;
}
.ssc-page__song-requests,
.ssc-page__song-invite {
  font-style: italic;
}
.ssc-page__pre {
  white-space: pre-wrap;
}
.ssc-page__back {
  margin: 0;
}
.ssc-page__error {
  text-align: center;
}
.ssc-page__embed {
  display: grid;
  gap: 1rem;
}
.ssc-page__embed > .ssc-band__heading {
  margin-bottom: 0;
}
.ssc-page__code-block {
  display: grid;
  gap: 0.5rem;
  min-width: 0;
}
.ssc-page__code-block + .ssc-page__code-block {
  padding-top: 1rem;
  border-top: 1px solid var(--color-border);
}
.ssc-page__code-title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
}
.ssc-page__preview {
  text-align: center;
}
.ssc-page__preview a {
  display: inline-block;
  vertical-align: top;
}
.ssc-page__preview img {
  display: block;
  max-width: 100%;
  height: auto;
}
.ssc-page__code-desc {
  margin: 0;
}
.ssc-page__code {
  width: 100%;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.875rem;
}
.ssc-page__copy {
  margin: 0;
  text-align: center;
}
.ssc-popup {
  display: grid;
  align-content: start;
  gap: 0.75rem;
  padding: 1rem;
}
.ssc-popup > p {
  margin: 0;
}
.ssc-popup__title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
}
.ssc-popup__song {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.ssc-popup__picture {
  width: min(100%, 9.375rem);
}
.ssc-popup__legal {
  color: var(--color-muted);
  font-size: 0.875rem;
}
body:has(.ssc-frame) {
  background-color: transparent;
}
.ssc-frame {
  padding: 0.5rem;
}
.ssc-frame__listen > p {
  margin: 0 0 0.75rem;
}
.ssc-members {
  display: grid;
  align-content: start;
  gap: 0.75rem;
  padding: 0.75rem;
}
.ssc-members__card {
  display: grid;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  background-color: var(--color-surface);
}
.ssc-members__card > p,
.ssc-members__card > form,
.ssc-members__card > blockquote {
  margin: 0;
}
.ssc-members__heading {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}
.ssc-members__title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
}
.ssc-members__subtitle {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
}
.ssc-members__note {
  margin: 0;
  color: var(--color-muted);
  font-size: 0.875rem;
}
.ssc-members__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0;
}
.ssc-members__label {
  font-weight: 700;
}
.ssc-members__field {
  flex: 1 1 10rem;
  width: auto;
  min-width: 0;
}
.ssc-members__center {
  text-align: center;
}
.ssc-members__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
}
.ssc-members__limit {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.ssc-members__limit > select {
  width: auto;
}
.ssc-members__form {
  display: grid;
  gap: 0.5rem;
}
.ssc-members__form > p {
  margin: 0;
}
.ssc-members__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1rem;
  margin: 0;
}
.ssc-members .ssc-table-scroll {
  margin-block: 0;
}
@media (width < 64rem) {
  .ssc-members [data-ssc-table="stack"] > tbody > tr {
    display: grid;
    grid-template-columns: 3.75rem repeat(auto-fit, minmax(min(14rem, calc(100% - 4.5rem)), 1fr));
    column-gap: 0.75rem;
    padding: 0.5rem 0.75rem;
  }
  .ssc-members [data-ssc-table="stack"] > tbody > tr > td:nth-child(2) {
    grid-column: 1;
    grid-row: 1;
  }
  .ssc-members [data-ssc-table="stack"] > tbody > tr > td:nth-child(1) {
    grid-column: 1;
    grid-row: 2 / span 2;
  }
  .ssc-members [data-ssc-table="stack"] > tbody > tr > td:nth-child(5) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 0.5rem;
  }
  .ssc-members [data-ssc-table="stack"] > tbody > tr > td:is(:nth-child(1), :nth-child(2))[data-ssc-label]::before {
    content: none;
  }
  .ssc-members [data-ssc-table="stack"] > tbody > tr > td {
    padding: 0;
    line-height: 1.4;
  }
  .ssc-members [data-ssc-table="stack"] > tbody > tr > td:nth-child(1) {
    text-align: center;
  }
}
.ssc-members__ask {
  min-height: 3rem;
}
.ssc-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.ssc-muted {
  color: var(--color-muted);
}
[data-ssc-js] .ssc-no-js {
  display: none;
}
html:not([data-ssc-js]) .ssc-js-only {
  display: none;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-font-weight: initial;
      --tw-tracking: initial;
    }
  }
}