@layer components{html[data-theme=spectrum] .tool-tile{border-radius:var(--radius-lg);min-height:100%;color:var(--sp-text-1);transition:border-color var(--dur-base) var(--ease-out-expo), background-color var(--dur-base) var(--ease-out-expo), transform var(--dur-fast) var(--ease-out-expo);flex-direction:column;gap:1.25rem;padding:1.5rem;text-decoration:none;display:flex}html[data-theme=spectrum] .tool-tile:active{transform:scale(.98)}html[data-theme=spectrum] .tool-tile:focus-visible{outline:2px solid var(--sp-signal);outline-offset:2px;border-radius:var(--radius-lg)}html[data-theme=spectrum] .tool-tile-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}html[data-theme=spectrum] .tool-tile-arrow{width:1.25rem;height:1.25rem;color:var(--sp-text-3);transition:color var(--dur-base) var(--ease-out-expo), transform var(--dur-base) var(--ease-out-expo);flex:none}html[data-theme=spectrum] .tool-tile-arrow .tool-tile-arrow-shaft{stroke-dasharray:16;stroke-dashoffset:16px;transition:stroke-dashoffset var(--dur-slow) var(--ease-out-expo)}html[data-theme=spectrum] .tool-tile:hover .tool-tile-arrow,html[data-theme=spectrum] .tool-tile:focus-visible .tool-tile-arrow{color:var(--sp-signal);transform:translate(2px,-2px)}html[data-theme=spectrum] .tool-tile:hover .tool-tile-arrow-shaft,html[data-theme=spectrum] .tool-tile:focus-visible .tool-tile-arrow-shaft{stroke-dashoffset:0}html[data-theme=spectrum] .tool-tile:focus-visible .icon-tile{color:var(--sp-signal)}html[data-theme=spectrum] .tool-tile-title{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;font-size:1.125rem;font-weight:600;line-height:1.25}html[data-theme=spectrum] .tool-tile-text{color:var(--sp-text-2);text-wrap:pretty;font-size:.9375rem;line-height:1.55}}@media (prefers-reduced-motion:reduce){html[data-theme=spectrum]:not([data-reduce-motion=false]) .tool-tile-arrow{transition:color var(--dur-base) var(--ease-out-expo)}html[data-theme=spectrum]:not([data-reduce-motion=false]) .tool-tile:hover .tool-tile-arrow,html[data-theme=spectrum]:not([data-reduce-motion=false]) .tool-tile:focus-visible .tool-tile-arrow{transform:none}html[data-theme=spectrum]:not([data-reduce-motion=false]) .tool-tile-arrow-shaft{stroke-dashoffset:0;transition:none}}html[data-theme=spectrum][data-reduce-motion=true] .tool-tile-arrow{transition:color var(--dur-base) var(--ease-out-expo)}html[data-theme=spectrum][data-reduce-motion=true] .tool-tile:hover .tool-tile-arrow,html[data-theme=spectrum][data-reduce-motion=true] .tool-tile:focus-visible .tool-tile-arrow{transform:none}html[data-theme=spectrum][data-reduce-motion=true] .tool-tile-arrow-shaft{stroke-dashoffset:0;transition:none}
