b.svelte-1gosbh2{font-weight:500}.colorCard.svelte-1gosbh2{margin:2rem 0 0;display:grid;grid-template-columns:10rem 1fr;gap:.5rem 1rem;padding:1rem;border-radius:.7rem;background-color:#fff;box-shadow:0 0 .5rem #0000001a}h3.svelte-1gosbh2{font-size:1.4rem;grid-column:span 2}h4.svelte-1gosbh2{font-size:1rem;width:7rem;line-height:2rem;margin-right:1rem}.mainColor.svelte-1gosbh2{grid-row:span 4;border-radius:.4rem}.colorItem.svelte-1gosbh2{width:2rem;height:2rem;border-radius:50%;border:1px solid #fff;cursor:pointer;margin-left:-1rem}.colorItem.white.svelte-1gosbh2{border:1px solid #000}.colorItem.svelte-1gosbh2 p:where(.svelte-1gosbh2){display:block}.colorItem.svelte-1gosbh2 .tooltip:where(.svelte-1gosbh2){display:none;position:absolute;background-color:#fff;box-shadow:0 0 .5rem #0003;font-size:.75rem;width:8rem;height:4.5rem;top:-1.25rem;padding:.5rem;right:2.25rem;border-radius:.25rem;z-index:100}.colorItem.svelte-1gosbh2 .tooltip:where(.svelte-1gosbh2):before{position:absolute;display:block;content:" ";width:1rem;height:1rem;background-color:inherit;transform:rotate(45deg);top:1.75rem;right:-.5rem}.colorItem.svelte-1gosbh2:hover{z-index:80}.colorItem.svelte-1gosbh2:hover .tooltip:where(.svelte-1gosbh2){display:block}.listContrast.svelte-1gosbh2{display:flex;gap:.5rem}