@layer components{.logo-plate{border:1px solid color-mix(in srgb, var(--color-blue-100) 70%, transparent);height:9.5rem;transition:border-color .4s var(--ease-out-strong), transform .4s var(--ease-out-strong), box-shadow .4s var(--ease-out-strong);background-color:#fff;border-radius:1.5rem;justify-content:center;align-items:center;padding:2rem 1.75rem;display:flex;position:relative}@media (min-width:768px){.logo-plate{height:11rem}}.logo-plate img{object-fit:contain;filter:grayscale();opacity:.72;width:auto;max-width:100%;height:auto;max-height:100%;transition:filter .4s var(--ease-out-strong), opacity .4s var(--ease-out-strong)}a.logo-plate:hover,a.logo-plate:focus-visible{border-color:color-mix(in srgb, var(--color-turf-green) 55%, transparent);box-shadow:0 18px 40px -28px var(--color-space-cadet);transform:translateY(-4px)}a.logo-plate:hover img,a.logo-plate:focus-visible img{filter:none;opacity:1}@media (hover:none){.logo-plate img{filter:none;opacity:1}}.logo-plate-arrow{opacity:0;transition:opacity .32s var(--ease-out-strong), transform .32s var(--ease-out-strong);position:absolute;top:.875rem;right:.875rem;transform:translate(-4px,4px)}a.logo-plate:hover .logo-plate-arrow,a.logo-plate:focus-visible .logo-plate-arrow{opacity:1;transform:none}.tier-index{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-weight:700}.tier-pending{border:1px dashed color-mix(in srgb, var(--color-blue-300) 65%, transparent);white-space:nowrap;border-radius:999px;justify-self:start;padding:.5rem 1.125rem}}
