/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
.rooster-admin-board {
  display: flex;
  flex-direction: column;
  gap: var(--ra-gap-card);
  container: ra-board / inline-size;
}
.rooster-admin-band {
  margin: 0px;
  display: flex;
  min-width: 0px;
  flex-direction: column;
  gap: calc(var(--ra-spacing) * 2.5);
}
.rooster-admin-band__head {
  margin-top: calc(var(--ra-spacing) * 1.5);
  display: flex;
  flex-direction: column;
  gap: calc(var(--ra-spacing) * 0.5);
}
.rooster-admin-band__title {
  margin: 0px;
  font-size: var(--ra-text-xs);
  line-height: var(--tw-leading, var(--ra-leading-xs));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  --tw-tracking: 0.06em;
  letter-spacing: 0.06em;
  color: var(--ra-secondary-foreground);
  text-transform: uppercase;
}
.rooster-admin-band__desc {
  margin: 0px;
  font-size: var(--ra-text-sm);
  line-height: var(--tw-leading, var(--ra-leading-sm));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  color: var(--ra-secondary-foreground);
}
.rooster-admin-band__grid {
  display: grid;
  align-items: flex-start;
  gap: var(--ra-gap-card);
  grid-template-columns: minmax(0, 1fr);
}
.rooster-admin-band.is-cols-2 > .rooster-admin-band__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rooster-admin-band.is-cols-3 > .rooster-admin-band__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.rooster-admin-band.is-ratio-2-1 > .rooster-admin-band__grid {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.rooster-admin-band.is-ratio-1-2 > .rooster-admin-band__grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.rooster-admin-band.is-cols-4 > .rooster-admin-band__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.rooster-admin-band.is-ratio-1-3 > .rooster-admin-band__grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.rooster-admin-band.is-ratio-3-1 > .rooster-admin-band__grid {
  grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.rooster-admin-band.is-ratio-1-2-1 > .rooster-admin-band__grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
}
.rooster-admin-band.is-ratio-2-1-1 > .rooster-admin-band__grid {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
}
.rooster-admin-band.is-ratio-1-1-2 > .rooster-admin-band__grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr);
}
.rooster-admin-band.is-rows > .rooster-admin-band__grid {
  align-items: stretch;
}
.rooster-admin-band__col {
  display: flex;
  min-height: calc(var(--ra-spacing) * 10);
  min-width: 0px;
  flex-direction: column;
  gap: var(--ra-gap-card);
  border-radius: var(--ra-radius-md);
}
.rooster-admin-band__col.is-drop {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-offset: 4px;
  outline-color: var(--ra-ring);
  --tw-outline-style: dashed;
  outline-style: dashed;
}
.rooster-admin-band__col > .rooster-admin-card, .rooster-admin-band__grid > .rooster-admin-card, .rooster-admin-band__full > .rooster-admin-card {
  margin: 0px;
}
@container ra-board (width < 45rem) {
  .rooster-admin-band.is-at-45 > .rooster-admin-band__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container ra-board (width < 50rem) {
  .rooster-admin-band.is-at-50 > .rooster-admin-band__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container ra-board (width < 55rem) {
  .rooster-admin-band.is-at-55 > .rooster-admin-band__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container ra-board (width < 60rem) {
  .rooster-admin-band.is-at-60 > .rooster-admin-band__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container ra-board (width < 65rem) {
  .rooster-admin-band.is-at-65 > .rooster-admin-band__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container ra-board (width < 69rem) {
  .rooster-admin-band.is-at-69 > .rooster-admin-band__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container ra-board (width < 75rem) {
  .rooster-admin-band.is-at-75 > .rooster-admin-band__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container ra-board (width < 80rem) {
  .rooster-admin-band.is-at-80 > .rooster-admin-band__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container ra-board (width < 90rem) {
  .rooster-admin-band.is-at-90 > .rooster-admin-band__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container ra-board (width < 100rem) {
  .rooster-admin-band.is-at-100 > .rooster-admin-band__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container ra-board (width < 120rem) {
  .rooster-admin-band.is-at-120 > .rooster-admin-band__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.rooster-admin-board__bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: calc(var(--ra-spacing) * 2);
}
.rooster-admin-board:not(.is-editing) > .rooster-admin-band.is-empty {
  display: none;
}
.rooster-admin-board.is-editing > .rooster-admin-band[data-ra-flex] {
  border-radius: var(--ra-radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: var(--ra-border);
  padding: calc(var(--ra-spacing) * 3);
}
:where(.rooster-admin-board.is-editing > .rooster-admin-band[data-ra-flex] > .rooster-admin-band__grid)	> .rooster-admin-band__col {
  min-height: calc(var(--ra-spacing) * 24);
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
  outline-offset: 2px;
  outline-color: var(--ra-border);
  --tw-outline-style: dashed;
  outline-style: dashed;
}
:where(.rooster-admin-board.is-editing)	.rooster-admin-band__col:where([data-ra-empty]:not(:has(> [data-ra-key])))::before {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  padding: calc(var(--ra-spacing) * 3);
  text-align: center;
  font-size: var(--ra-text-sm);
  line-height: var(--tw-leading, var(--ra-leading-sm));
  color: var(--ra-secondary-foreground);
  content: attr(data-ra-empty);
}
.rooster-admin-board__add {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--ra-spacing) * 3);
  border-radius: var(--ra-radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: var(--ra-border);
  padding: calc(var(--ra-spacing) * 3);
}
.rooster-admin-board__hint {
  margin: 0px;
  min-width: 0px;
  flex: 1;
  flex-basis: calc(var(--ra-spacing) * 64);
  font-size: var(--ra-text-sm);
  line-height: var(--tw-leading, var(--ra-leading-sm));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  color: var(--ra-secondary-foreground);
}
.rooster-admin-band__tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--ra-spacing) * 1.5);
}
.rooster-admin-band__label {
  margin-inline-end: auto;
  font-size: var(--ra-text-xs);
  line-height: var(--tw-leading, var(--ra-leading-xs));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  --tw-tracking: 0.06em;
  letter-spacing: 0.06em;
  color: var(--ra-secondary-foreground);
  text-transform: uppercase;
}
.rooster-admin-layoutbtn {
  gap: calc(var(--ra-spacing) * 2);
}
.rooster-admin-layoutpic {
  display: inline-flex;
  height: calc(var(--ra-spacing) * 4);
  width: calc(var(--ra-spacing) * 8);
  flex-shrink: 0;
  gap: calc(var(--ra-spacing) * 0.5);
}
.rooster-admin-layoutpic > span {
  border-radius: var(--radius-xs, 0.125rem);
  background-color: currentcolor;
  opacity: 45%;
}
.rooster-admin-layoutpic > .is-w1 {
  flex: 1 1 0;
}
.rooster-admin-layoutpic > .is-w2 {
  flex: 2 1 0;
}
.rooster-admin-layoutpic > .is-w3 {
  flex: 3 1 0;
}
.rooster-admin-layoutmenu {
  margin: 0px;
  max-height: calc(100vh - 1rem);
  width: calc(var(--ra-spacing) * 96);
  max-width: calc(100vw - 1rem);
  gap: calc(var(--ra-spacing) * 0.5);
  overflow-y: auto;
  border-radius: var(--ra-radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ra-border);
  background-color: var(--ra-card);
  padding: var(--ra-spacing);
  color: var(--ra-card-foreground);
  --tw-shadow: var(--ra-shadow-pop);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  inset: auto;
}
.rooster-admin-layoutmenu:popover-open {
  display: grid;
}
.rooster-admin-layoutmenu__item {
  display: grid;
  width: 100%;
  cursor: pointer;
  grid-template-columns: 2.75rem 3.5rem minmax(0,1fr);
  align-items: center;
  gap: calc(var(--ra-spacing) * 2);
  border-radius: var(--ra-radius-sm);
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding-inline: calc(var(--ra-spacing) * 2.5);
  padding-block: calc(var(--ra-spacing) * 1.5);
  text-align: start;
  font-family: inherit;
  font-size: var(--ra-text-sm);
  line-height: var(--tw-leading, var(--ra-leading-sm));
  color: var(--ra-foreground);
  &:hover {
    @media (hover: hover) {
      background-color: var(--ra-muted);
    }
  }
  &:focus-visible {
    background-color: var(--ra-muted);
  }
  &:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
}
.rooster-admin-layoutmenu__item > .rooster-admin-layoutpic {
  height: calc(var(--ra-spacing) * 5);
  width: calc(var(--ra-spacing) * 11);
}
.rooster-admin-layoutmenu__item[aria-checked="true"] {
  background-color: var(--ra-muted);
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}
.rooster-admin-layoutmenu__item[aria-checked="true"] > .rooster-admin-layoutpic > span {
  background-color: var(--ra-primary);
  opacity: 100%;
}
.rooster-admin-layoutmenu__ratio {
  font-family: var(--ra-font-mono);
  font-size: var(--ra-text-xs);
  line-height: var(--tw-leading, var(--ra-leading-xs));
  color: var(--ra-secondary-foreground);
}
.rooster-admin-movemenu {
  margin: 0px;
  max-height: calc(100vh - 1rem);
  min-width: calc(var(--ra-spacing) * 52);
  overflow-y: auto;
  border-radius: var(--ra-radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ra-border);
  background-color: var(--ra-card);
  padding: var(--ra-spacing);
  color: var(--ra-card-foreground);
  --tw-shadow: var(--ra-shadow-pop);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  inset: auto;
}
.rooster-admin-movemenu__item {
  display: block;
  width: 100%;
  cursor: pointer;
  border-radius: var(--ra-radius-sm);
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding-inline: calc(var(--ra-spacing) * 2.5);
  padding-block: calc(var(--ra-spacing) * 1.5);
  text-align: start;
  font-family: inherit;
  font-size: var(--ra-text-sm);
  line-height: var(--tw-leading, var(--ra-leading-sm));
  color: var(--ra-foreground);
  &:hover {
    @media (hover: hover) {
      background-color: var(--ra-muted);
    }
  }
  &:focus-visible {
    background-color: var(--ra-muted);
  }
  &:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
}
.rooster-admin-movemenu__item[aria-disabled="true"] {
  cursor: default;
  color: var(--ra-secondary-foreground);
  &:hover {
    @media (hover: hover) {
      background-color: transparent;
    }
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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;
}
@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-font-weight: initial;
      --tw-tracking: initial;
      --tw-leading: initial;
      --tw-outline-style: solid;
      --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;
    }
  }
}