.color-card[data-astro-cid-zxyfum2r]:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.color-card[data-astro-cid-zxyfum2r]:hover .color-swatch[data-astro-cid-zxyfum2r]{transform:scale(1.05)}.modal[data-astro-cid-zxyfum2r]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.modal-overlay[data-astro-cid-zxyfum2r]{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(4px)}.modal-content[data-astro-cid-zxyfum2r]{position:relative;max-width:800px;margin:5% auto;background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 20px 60px #0000004d;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close[data-astro-cid-zxyfum2r]{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:2rem;line-height:1;color:var(--color-text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close[data-astro-cid-zxyfum2r]:hover{background:var(--color-bg);color:var(--color-text)}@media (max-width: 768px){.modal-content[data-astro-cid-zxyfum2r]{margin:10% 20px;padding:var(--spacing-lg)}.modal-body[data-astro-cid-zxyfum2r] .flex[data-astro-cid-zxyfum2r]{flex-direction:column}.modal-body[data-astro-cid-zxyfum2r] .flex[data-astro-cid-zxyfum2r]>div[data-astro-cid-zxyfum2r]:first-child{flex:1;width:100%}#modal-color-swatch[data-astro-cid-zxyfum2r]{width:100%!important;max-width:200px;margin:0 auto var(--spacing-md)}}