.kleurblok{margin:16px 0;padding:14px;border:1px solid rgba(0,0,0,.14);border-radius:8px;background:#e9e9e9;position:relative;z-index:3}.kleurblok--sidebar{display:none}.kleurblok--mobiel{display:block}@media(min-width:1025px){.kleurblok--sidebar{display:block}.kleurblok--mobiel{display:none}.page-sidebar{z-index:3}}.page-sidebar .kleurblok{margin-top:24px}.kleurblok__kop{margin:0 0 12px;font-weight:600;font-size:15px;line-height:1.2;letter-spacing:0}.kleurblok__kleuren{display:flex;flex-direction:column;gap:16px}.kleurblok__kleur{display:flex;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid rgba(0,0,0,.18);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001f}.kleurblok__vlak{display:block;width:100%;height:76px;border:0;border-bottom:1px solid rgba(0,0,0,.18);border-radius:0;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001a}.kleurblok__kleur--accent{margin-left:18px}.kleurblok__kleur--accent .kleurblok__vlak{height:26px}.kleurblok__kleur--accent .kleurblok__waarden{padding:8px 10px}.kleurblok__kleur--accent .kleurblok__naam{font-size:14px}.kleurblok__kleur--accent .kleurblok__regel{font-size:12px}.kleurblok__kleur--accent .kleurblok__zijde{font-size:10px;letter-spacing:.01em}.kleurblok__kenmerk{align-self:flex-start;margin:2px 0 1px;padding:1px 6px;border:1px solid rgba(0,0,0,.16);border-radius:3px;background:#f4f4f4;font-size:11px;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.kleurblok__waarden{display:flex;flex-direction:column;gap:1px;min-width:0;padding:10px 12px}.kleurblok__zijde{font-size:12px;text-transform:uppercase;letter-spacing:.06em;opacity:.65}.kleurblok__naam{font-weight:600;font-size:16px;line-height:1.3;margin-bottom:2px}.kleurblok__regel{display:flex;align-items:baseline;gap:8px;font-size:13px;line-height:1.5}.kleurblok__label{flex:0 0 34px;opacity:.55;font-variant-numeric:tabular-nums}.kleurblok__waarde{font-variant-numeric:tabular-nums}.kleurblok__wit{opacity:.55;font-size:11px}.kleurblok__kopieer{border:0;background:none;padding:0 2px;font:inherit;font-size:12px;opacity:.6;cursor:pointer;text-decoration:underline}.kleurblok__kopieer:hover{opacity:1}.kleurblok__kopieer--ok{opacity:1;font-weight:600;text-decoration:none;cursor:default}.kleurblok__microcopy{margin:12px 0 0;font-size:12px;line-height:1.45;opacity:.65}@media(max-width:480px){.kleurblok__vlak{height:64px}.kleurblok__kleur--accent .kleurblok__vlak{height:28px}.kleurblok__naam{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/component-kleurblok.css.map */