/* Palette chips for the showcase switcher (PaletteChip.jsx): five flex
   stripes with a base-content hairline plus a context ring set inline
   by the component. Its own file like chrome.css -- plain CSS, px
   sizes, no DaisyUI variables, so it reads the same over every theme. */
.str-sc-chip {
    display: inline-flex;
    flex: none;
    overflow: hidden;
    border-radius: 6px;
}

.str-sc-chip-stripe {
    flex: 1 0 0;
    height: 100%;
}

.str-sc-chip-md {
    width: 40px;
    height: 24px;
}

.str-sc-chip-sm {
    width: 28px;
    height: 18px;
}