.atc-tile{position:relative;isolation:isolate;overflow:hidden;display:flex;width:100%;flex-direction:column;text-align:left;border-radius:1.25rem;border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--foreground) 5%,transparent),transparent 58%),var(--card);padding:1.5rem;transition:border-color .2s ease,box-shadow .26s ease,transform .2s ease}@media (min-width:640px){.atc-tile{min-height:19rem;padding:1.75rem}}.atc-tile:hover{border-color:color-mix(in srgb,var(--primary) 45%,transparent);transform:translateY(-2px);box-shadow:0 22px 52px -26px color-mix(in srgb,var(--primary) 55%,transparent)}.atc-tile:focus-visible{outline:none;border-color:color-mix(in srgb,var(--primary) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.atc-tile:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .32s ease;background:radial-gradient(120% 90% at 82% 0,color-mix(in srgb,var(--primary) 26%,transparent),transparent 62%)}.atc-tile:focus-visible:before,.atc-tile:hover:before{opacity:1}.atc-mark{position:absolute;z-index:-1;top:-2.25rem;right:-2.5rem;width:10.5rem;height:10.5rem;color:var(--foreground);opacity:.05;fill-opacity:0;transform:rotate(-8deg);transition:opacity .26s ease,color .26s ease,fill-opacity .26s ease,transform .38s cubic-bezier(.22,1,.36,1)}.atc-tile:focus-visible .atc-mark,.atc-tile:hover .atc-mark{color:var(--primary);opacity:.3;fill-opacity:.22;transform:rotate(-4deg) scale(1.04)}.atc-kicker{transition:color .24s ease}.atc-tile:focus-visible .atc-kicker,.atc-tile:hover .atc-kicker{color:var(--primary)}.atc-divider{display:block;margin-top:1.25rem;margin-bottom:1rem;height:1px;background:color-mix(in srgb,var(--foreground) 10%,transparent)}.atc-arrow{transition:transform .24s cubic-bezier(.22,1,.36,1),color .24s ease}.atc-tile:focus-visible .atc-arrow,.atc-tile:hover .atc-arrow{color:var(--primary);transform:translateX(4px)}@media (prefers-reduced-motion:reduce){.atc-arrow,.atc-kicker,.atc-mark,.atc-tile,.atc-tile:before{transition-duration:1ms}.atc-tile:hover{transform:none}.atc-tile:focus-visible .atc-mark,.atc-tile:hover .atc-mark{transform:rotate(-8deg)}.atc-tile:focus-visible .atc-arrow,.atc-tile:hover .atc-arrow{transform:none}}