.palette-card{text-align:left;background:#0003;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:8px;display:block;position:relative}.palette-card[data-selected=true],.palette-card[data-highlighted],.palette-card:hover{border-color:var(--staging-accent,rgb(var(--site-accent-rgb)))}.palette-card[data-highlighted]{outline:2px solid var(--staging-accent,var(--figma-color-custom-purple));outline-offset:-2px}.palette-card-preview{border:1px solid #ffffff1a;border-radius:5px;height:24px;margin-bottom:8px;display:flex;overflow:hidden}.palette-card-preview>span{flex:1;height:100%}.palette-card-name{font-size:inherit;line-height:inherit;text-overflow:ellipsis;white-space:nowrap;color:var(--staging-muted,rgb(var(--site-muted-text-rgb)));display:block;overflow:hidden}.palette-card-check{position:absolute;bottom:8px;right:8px}.palette-card[data-selected=true] .palette-card-name{color:var(--staging-text,rgb(var(--site-text-rgb)));padding-right:24px}.palette-card:focus-visible{outline:2px solid var(--staging-accent,rgb(var(--site-accent-rgb)));outline-offset:-2px}.palette-card:disabled{cursor:not-allowed;opacity:.5}.palette-card-check{width:16px;height:16px}
