.styleguide-section[data-v-fde855fc]{--container-width:var(--container-width-xl);--container-width-actual:min(var(--container-width),calc(100% + var(--scrollbar-width)));container-type:inline-size;margin-inline:auto;max-width:var(--container-width);padding-inline:var(--container-padding);width:100%}.color-family[data-v-fde855fc]{display:flex;flex-wrap:wrap;gap:.25rem}.color-space[data-v-fde855fc]{display:flex;flex-direction:column;gap:.25rem}.color-swatch[data-v-fde855fc]{aspect-ratio:1;background-color:var(--color-swatch-color);border-radius:50%;position:relative;width:4rem}.color-label[data-v-fde855fc]{background-color:var(--color-black);border-radius:3px;color:var(--color-white);display:inline-block;font-size:14px;left:50%;line-height:1;opacity:0;padding:3px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.25s ease;white-space:nowrap;z-index:1}.color-swatch:hover .color-label[data-v-fde855fc]{opacity:1;z-index:2}