.relative-mouse{-webkit-mask-image:radial-gradient(50% 50% at var(--mouse-x,9999px) var(--mouse-y,9999px),rgba(0,0,0,.5) 40%,transparent);mask-image:radial-gradient(50% 50% at var(--mouse-x,9999px) var(--mouse-y,9999px),rgba(0,0,0,.5) 40%,transparent);transition:opacity .5s}.ui-card:target{animation:target-highlight 2s ease-out}@keyframes target-highlight{0%{background:oklch(var(--theme-1))}to{background:transparent}}@keyframes carousel-vertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.highlight{background:linear-gradient(90deg,oklch(var(--theme-2)) 50%,oklch(var(--theme-1)) 50%);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;background-position-x:0;-webkit-text-fill-color:transparent;transition-property:background-position;transition-duration:2.3s;transition-delay:0;transition-timing-function:cubic-bezier(.06,.56,.24,.96)}.highlight.highlighted{background-position-x:-100%}.highlight::-moz-selection{-webkit-text-fill-color:initial}.highlight::selection{-webkit-text-fill-color:initial}.pantone-card [role=tooltip]{visibility:hidden;position:absolute;width:200px;left:50%;transform:translateX(-50%);top:-200%;background:var(--panel-background);color:var(--text-primary);border-radius:8px;box-shadow:0 0 4px 4px var(--panel-dropshadow-color);font-size:14px;padding:5px}.pantone-card [aria-describedby]:focus,.pantone-card [aria-describedby]:hover{position:relative}.pantone-card [aria-describedby]:focus [role=tooltip],.pantone-card [aria-describedby]:hover [role=tooltip]{visibility:visible}@media (max-width:768px){.pantone-card [role=tooltip]{transform:translateX(-90%);top:-250%}}@keyframes blink-glow{0%,to{color:var(--color-active);text-shadow:0 0 8px var(--color-active);opacity:1}50%{color:var(--color-inactive);text-shadow:none;opacity:.7}}.animate-blink-glow{animation:blink-glow .15s ease-in-out 2}.home-cards{display:grid;grid-gap:20px;grid-template-columns:300px minmax(auto,480px) auto;grid-template-rows:auto 1fr auto auto auto auto auto auto auto;grid-template-areas:"👋 👋 👔" "👋 👋 📌" "👋 👋 💬" "🖌️ 🖼️ 👩‍💻" "🎨 🖼️ 👩‍💻" "🎨 🖼️ 💌" "👀 💯 💌" "👀 🧪 💌" "👀 🧪 📝"}.card,.home-cards>*,.ui-card{height:100%}@media (max-width:1280px){.home-cards{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(7,auto);grid-template-areas:"👋 👋 👋 👋" "👔 👔 📌 📌" "💬 💬 💬 💬" "🖌️ 🖌️ 🎨 🎨" "👀 👀 🖼️ 🖼️" "💯 💯 🧪 🧪" "👩‍💻 👩‍💻 💌 💌" "👩‍💻 👩‍💻 📝 📝"}}@media (max-width:768px){.home-cards{grid-template-columns:100%;grid-template-rows:auto 1fr auto auto auto auto auto auto auto;grid-template-areas:"👋" "👔" "📌" "💬" "👀" "🖼️" "👩‍💻" "🎨" "🖌️" "💯" "🧪" "💌" "📝"}}