.design-palette{display:flex;gap:3px;align-items:center}.design-palette>div>span{display:block;width:17px;height:17px;outline:1px solid color-mix(in srgb,currentColor 13%,transparent);outline-offset:-1px}.design-palette.palette-labeled{align-items:stretch;gap:0}.palette-labeled>div{flex:1 1;min-width:0}.palette-labeled>div>span{width:100%;height:40px}.palette-labeled>div>div{display:flex;flex-direction:column;gap:8px;padding:12px 2px}.palette-labeled strong{font-size:10px;font-weight:500}.palette-labeled code{font-size:9px;color:var(--muted)}@media (max-width:700px){.palette-labeled>div>span{height:28px}.palette-labeled>div>div{gap:7px}.palette-labeled strong{font-size:8px;overflow-wrap:anywhere}.palette-labeled code{font-size:7px;overflow-wrap:anywhere}}