.cp-color{padding:2px;border:1px solid #ccc;color:#000;margin-block-end:.3rem;border-radius:.25rem}.cp-color .swatch{padding:25% 50%;border-radius:.25rem}.cp-color p{font-size:.85rem;margin:0}.cp-color p:first-of-type{padding-block-start:.5rem}.cp-color p.cp-color-cmyk,.cp-color p.cp-color-hex,.cp-color p.cp-color-name,.cp-color p.cp-color-rgb{line-height:2}.cp-color .cp-color-name{font-weight:700}.cp-colors.hide-cmyk .cp-color-cmyk,.cp-colors.hide-hex .cp-color-hex,.cp-colors.hide-rgb .cp-color-rgb{display:none}.cp-colors.show-copy .cp-copy-hex{display:inline-block}.cp-palette.is-style-stylized-card .cp-color{padding:0;border:0;box-shadow:2px 2px 4px #ccc;border-radius:0}.cp-palette.is-style-stylized-card .cp-color p{padding:0 1.5rem;font-size:1.1rem}.cp-palette.is-style-stylized-card .cp-color .swatch{padding:40% 50%;border-radius:0}.cp-palette.is-style-stylized-card .cp-color .cp-color-name{font-size:1.4rem;padding-block-start:1rem}.cp-palette.is-style-stylized-card .cp-color .cp-color-hex{border-block-end:1px solid #ccc;padding-block-end:2rem;line-height:1}.cp-palette.is-style-stylized-card .cp-color .cp-color-rgb{padding-block-start:1.5rem;line-height:1.2}.cp-palette.is-style-stylized-card .cp-color .cp-color-cmyk{padding-block-end:1rem}.cp-palette.is-style-circle .cp-color{padding:0;border:0;border-radius:0}.cp-palette.is-style-circle .cp-color .swatch{padding:50%;border-radius:50%}.cp-palette.is-style-circle .cp-color p{font-size:1.1rem;text-align:center}.cp-palette.is-style-circle .cp-color .cp-color-name{font-size:1.4rem;padding-block-start:1rem}.cp-copy-complete,.cp-copy-hex{width:1rem;display:none}.cp-palette{max-width:100%;width:100%}@media screen and (min-width:640px){.cp-colors{grid-template-columns:repeat(2,1fr);grid-column-gap:2rem;display:grid}}@media screen and (min-width:960px){.cp-colors{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1200px){.cp-colors{grid-template-columns:repeat(10,1fr)}}.cp-palette.is-style-circle .cp-colors{grid-template-columns:repeat(2,1fr);grid-column-gap:4rem;display:grid}@media screen and (min-width:640px){.cp-palette.is-style-circle .cp-colors{grid-template-columns:repeat(4,1fr);grid-column-gap:6rem}}@media screen and (min-width:960px){.cp-palette.is-style-circle .cp-colors{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:1200px){.cp-palette.is-style-circle .cp-colors{grid-template-columns:repeat(6,1fr)}}.cp-palette-search{margin-block-end:1rem}.cp-palette-search fieldset{border:0}.cp-palette-search-label{margin-block-end:.25rem;display:block}.cp-palette-search-input{padding:.25rem;margin-inline-end:.5rem;min-width:25vw}.cp-palette-search-submit{padding:.25rem 1rem;cursor:pointer}