.color-block.svelte-q9uss3.svelte-q9uss3{height:100px;transition:all .2s}.color-block.svelte-q9uss3.svelte-q9uss3:not(.readonly):hover{box-shadow:4px 10px 20px #0003;transform:scale(1.05);z-index:10}@media (min-height: 1000px){.color-block.svelte-q9uss3.svelte-q9uss3{height:150px}}.cart-bt.svelte-q9uss3.svelte-q9uss3{position:absolute;right:10px;top:10px;pointer-events:none;transition:opacity .2s}@media (min-width: 1200px){.cart-bt.svelte-q9uss3.svelte-q9uss3{opacity:0}}.color-card.svelte-q9uss3.svelte-q9uss3{background-color:transparent;border:0;border-radius:.5rem;transition:all .16s ease;box-shadow:0 2px 4px #00000014;cursor:pointer;position:relative}.color-card.svelte-q9uss3.svelte-q9uss3:hover{box-shadow:0 24px 32px #00000014,0 4px 8px #0000000f;transform:translateY(-2px)}.color-top.svelte-q9uss3.svelte-q9uss3{height:120px;width:100%}.color-bottom.svelte-q9uss3.svelte-q9uss3{min-height:48px;font-size:.9rem;line-height:1.2;padding:.75rem;border-top:0}.color-name.svelte-q9uss3.svelte-q9uss3{font-weight:500;color:#111}.cart-btn.svelte-q9uss3.svelte-q9uss3{opacity:0;transition:opacity .15s ease;color:#111}.color-card.svelte-q9uss3:hover .cart-btn.svelte-q9uss3{opacity:1}@media (max-width: 1200px){.cart-btn.svelte-q9uss3.svelte-q9uss3{opacity:1}}.cart-btn.svelte-q9uss3.svelte-q9uss3:focus-visible{outline:2px solid #000;outline-offset:2px;border-radius:4px}