/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
:root, :host {
  --srl-spacing: 0.25rem;
}
.srl\:flex {
  display: flex;
}
.srl\:grid {
  display: grid;
}
.srl\:w-full {
  width: 100%;
}
.srl\:min-w-0 {
  min-width: calc(var(--srl-spacing) * 0);
}
.srl\:flex-wrap {
  flex-wrap: wrap;
}
.srl\:items-center {
  align-items: center;
}
.srl\:justify-between {
  justify-content: space-between;
}
.srl\:gap-2 {
  gap: calc(var(--srl-spacing) * 2);
}
.srl\:gap-3 {
  gap: calc(var(--srl-spacing) * 3);
}
@layer components {
  .srl-container {
    container-type: inline-size;
    container-name: srl-card;
    min-width: 0;
  }
  .srl-stack {
    display: flex;
    flex-direction: column;
    gap: var(--srl-gap, 1rem);
    min-width: 0;
  }
  .srl-cluster {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--srl-gap, 1rem);
    min-width: 0;
  }
  .srl-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: var(--srl-gap, 1rem);
    min-width: 0;
  }
  .srl-auto-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--srl-min-card, 14rem)), 1fr));
    gap: var(--srl-gap, 1rem);
    min-width: 0;
  }
  .srl-dashboard {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--srl-min-panel, 18rem)), 1fr));
    align-items: start;
    gap: var(--srl-gap, 1rem);
    min-width: 0;
  }
  .srl-strip {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--srl-strip-gap, .65rem);
    min-width: 0;
  }
  .srl-media {
    display: flex;
    align-items: center;
    gap: var(--srl-gap, 1rem);
    min-width: 0;
  }
  .srl-media > :last-child {
    min-width: 0;
  }
}
@container srl-card (min-width: 42rem) {
  .srl-split {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}