@layer starter, reset, base, state, application;
@layer base {}
@layer state {
  ._days-of-the-week-container_13rkh_3 {
    display: flex;
    flex-direction: column;
    gap: var(--size-2);
    width: 100%;
    container-type: inline-size;
    container-name: days-of-the-week;
  }
  ._days-of-the-week_13rkh_3 {
    display: flex;
    width: 100%;
    overflow: auto;
  }
}
@layer application {
  ._days-of-the-week_13rkh_3 ._button-toggle_13rkh_18 {
    min-width: 2.5rem;
    max-width: 100px;
    width: 2.5rem;
    flex: 1 0 auto !important;
  }
  ._days-of-the-week_13rkh_3 ._button-toggle-wrapper_13rkh_24 {
    flex: 1 0 auto;
    max-width: 100px;
  }
}