.ds-notices {
  color: var(--ds-navy-900);
  font-size: var(--ds-type-body);
  line-height: var(--ds-leading-body);
}
.ds-notices > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--ds-space-sm);
}
.ds-notices h3 {
  margin: 0;
  font-family: var(--ds-font-heading);
  font-size: var(--ds-type-card);
  font-weight: 600;
  line-height: var(--ds-leading-heading);
}
.ds-notices label {
  display: inline-flex;
  align-items: center;
  gap: var(--ds-space-sm);
  min-height: calc(var(--ds-space-md) * 2);
  font-size: var(--ds-type-small);
  font-weight: 600;
  cursor: pointer;
}
.ds-notices input {
  appearance: none;
  position: relative;
  width: calc(var(--ds-space-md) * 2);
  height: var(--ds-space-md);
  margin: 0;
  flex-shrink: 0;
  border: 0;
  border-radius: var(--ds-radius-card);
  background: var(--ds-navy-900);
  cursor: pointer;
}
.ds-notices input::before {
  content: "";
  position: absolute;
  inset: calc(var(--ds-space-sm) / 4) auto auto calc(var(--ds-space-sm) / 4);
  width: var(--ds-type-small);
  height: var(--ds-type-small);
  border-radius: 50%;
  background: var(--ds-white);
}
.ds-notices input:checked { background: var(--ds-red-700); }
.ds-notices input:checked::before { transform: translateX(var(--ds-space-md)); }
.ds-notices input:focus-visible {
  outline: 2px solid var(--ds-red-700);
  outline-offset: calc(var(--ds-space-sm) / 2);
}
.ds-notices [data-state-off] { display: none; }
.ds-notices:has(input:not(:checked)) [data-state-on] { display: none; }
.ds-notices:has(input:not(:checked)) [data-state-off] { display: inline; }
.ds-notices [data-notices-content] {
  display: grid;
  grid-template-rows: 1fr;
  padding-top: var(--ds-space-sm);
  opacity: 1;
  visibility: visible;
  transition: grid-template-rows var(--ds-motion-panel) cubic-bezier(0.16, 1, 0.3, 1),
    padding-top var(--ds-motion-panel) cubic-bezier(0.16, 1, 0.3, 1),
    opacity calc(var(--ds-motion-panel) / 2) ease-out,
    visibility 0s;
}
.ds-notices [data-notices-inner] {
  min-height: 0;
  overflow: hidden;
}
.ds-notices:has(input:not(:checked)) [data-notices-content] {
  grid-template-rows: 0fr;
  padding-top: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition-delay: 0s, 0s, 0s, var(--ds-motion-panel);
}
.ds-notices [data-notices-content] a {
  display: block;
  color: inherit;
  font-family: var(--ds-font-heading);
  font-size: var(--ds-type-notice);
  font-weight: var(--ds-weight-regular);
  line-height: var(--ds-leading-card);
  text-decoration: none;
  overflow-wrap: anywhere;
}
.ds-notices [data-notices-content] a:hover,
.ds-notices [data-notices-content] a:focus-visible {
  color: var(--ds-red-700);
  text-decoration: underline;
  text-underline-offset: calc(var(--ds-space-sm) / 2);
}
.ds-notices label span { min-width: calc(var(--ds-type-small) * 6); }
.ds-notices .cb-collection__items--columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ds-space-sm);
}
.ds-notices .cb-collection-item + .cb-collection-item {
  border-top: 1px solid color-mix(in srgb, var(--ds-red-700) 10%, var(--ds-white));
  padding-top: var(--ds-space-sm);
}
.ds-notices [data-notices-content] a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.ds-notices input {
  transition: background-color calc(var(--ds-motion-panel) / 2) ease-out;
}
.ds-notices input::before {
  transition: transform var(--ds-motion-panel) cubic-bezier(0.16, 1, 0.3, 1);
}
@media (prefers-reduced-motion: reduce) {
  .ds-notices [data-notices-content],
  .ds-notices input,
  .ds-notices input::before {
    transition: none;
  }
}
.ds-notices h3 {
  display: flex;
  align-items: center;
  gap: var(--ds-space-sm);
}
.ds-notices h3 svg {
  width: var(--ds-type-compact);
  height: var(--ds-type-compact);
  flex-shrink: 0;
  color: var(--ds-red-700);
}