@layer components { .bo-kbs { @apply flex h-[--dimension-space-24] w-fit items-center; @apply bg-[--semantic-background-primary]; padding: var(--dimension-space-1, 1px) var(--dimension-space-6, 6px); /* Font */ font-family: var(--text-font-family-primary, 'DM Sans'); font-weight: var(--text-font-weight-medium, 500); font-size: var(--text-body-200-font-size, 12px); letter-spacing: var(--text-body-100-letter-spacing, -0.05000000074505806px); line-height: var(--dimension-space-16, 16px); font-feature-settings: 'liga' off, 'clig' off; color: var(--text-color-secondary, #546175); /* Border */ border: 1px solid var(--border-color-primary, #d1d5db); border-radius: var(--dimension-rounded-4, 4px); box-shadow: var(--effect-shadow-100-layer-1-x, 0px) var(--effect-shadow-100-layer-1-y, 1px) var(--effect-shadow-100-layer-1-blur, 2px) var(--effect-shadow-100-layer-1-spread, 0px) var(--effect-shadow-100-layer-1-color, rgba(20, 28, 38, 0.06)), var(--effect-shadow-100-layer-2-x, 0px) var(--effect-shadow-100-layer-2-y, 0px) var(--effect-shadow-100-layer-2-blur, 0px) var(--effect-shadow-100-layer-2-spread, 0px) var(--effect-shadow-100-layer-2-color, rgba(20, 28, 38, 0)); } }

Kbs

Code