.tool-card.svelte-z86tdr{--tool-accent:var(--color-brand-orange);--tool-tint:10%;--tool-rotation:12deg}.tool-card[data-accent=sky].svelte-z86tdr{--tool-accent:var(--color-brand-sky);--tool-tint:20%;--tool-rotation:-12deg}.tool-card-decoration.svelte-z86tdr{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tool-card-corner.svelte-z86tdr{background:color-mix(in srgb, var(--tool-accent) var(--tool-tint), transparent);border-end-start-radius:100%;block-size:6rem;inline-size:6rem;transition:transform .5s;position:absolute;inset-block-start:-2rem;inset-inline-end:-2rem}.tool-card-icon.svelte-z86tdr{background:var(--tool-accent);color:var(--color-brand-dark);box-shadow:4px 4px 0 var(--color-brand-dark);transition:transform .2s}.tool-card.svelte-z86tdr:focus-within{box-shadow:6px 6px 0 var(--color-brand-dark)}.tool-card.svelte-z86tdr:focus-within .tool-card-icon:where(.svelte-z86tdr){transform:rotate(var(--tool-rotation))}.tool-card.svelte-z86tdr:focus-within .tool-card-corner:where(.svelte-z86tdr){transform:scale(1.5)}@media (hover:hover) and (pointer:fine){.tool-card.svelte-z86tdr:hover .tool-card-icon:where(.svelte-z86tdr){transform:rotate(var(--tool-rotation))}.tool-card.svelte-z86tdr:hover .tool-card-corner:where(.svelte-z86tdr){transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.tool-card-icon.svelte-z86tdr,.tool-card-corner.svelte-z86tdr{transition:none!important;transform:none!important}}