.saas-portal-tiles{gap:var(--saas-space-sm);grid-template-columns:repeat(auto-fill,minmax(104px,1fr));display:grid}.saas-portal-tiles__tile{--tile-bg:var(--saas-subject-1-bg);--tile-ink:var(--saas-subject-1-ink);justify-items:center;gap:var(--saas-space-sm);padding:var(--saas-space-sm) var(--saas-space-xs);border-radius:var(--saas-radius-xl);color:var(--saas-text-primary);font-family:var(--saas-font-family);cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard), border-color var(--saas-motion-micro) var(--saas-ease-standard);background:0 0;border:1px solid #0000;display:grid}.saas-portal-tiles__tile[data-tint="2"]{--tile-bg:var(--saas-subject-2-bg);--tile-ink:var(--saas-subject-2-ink)}.saas-portal-tiles__tile[data-tint="3"]{--tile-bg:var(--saas-subject-3-bg);--tile-ink:var(--saas-subject-3-ink)}.saas-portal-tiles__tile[data-tint="4"]{--tile-bg:var(--saas-subject-4-bg);--tile-ink:var(--saas-subject-4-ink)}.saas-portal-tiles__tile[data-tint="5"]{--tile-bg:var(--saas-subject-5-bg);--tile-ink:var(--saas-subject-5-ink)}.saas-portal-tiles__tile[data-tint="6"]{--tile-bg:var(--saas-subject-6-bg);--tile-ink:var(--saas-subject-6-ink)}.saas-portal-tiles__tile[data-tint="7"]{--tile-bg:var(--saas-subject-7-bg);--tile-ink:var(--saas-subject-7-ink)}.saas-portal-tiles__tile[data-tint="8"]{--tile-bg:var(--saas-subject-8-bg);--tile-ink:var(--saas-subject-8-ink)}.saas-portal-tiles__tile:hover{background:var(--saas-bg-sunken)}.saas-portal-tiles__tile[data-selected=true]{border-color:var(--tile-ink);background:var(--tile-bg)}.saas-portal-tiles__tile:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-portal-tiles__icon{border-radius:var(--saas-radius-full);background:var(--tile-bg);block-size:56px;inline-size:56px;color:var(--tile-ink);transition:transform var(--saas-motion-micro) var(--saas-ease-standard);place-items:center;display:grid;position:relative}.saas-portal-tiles__tile:hover .saas-portal-tiles__icon{transform:translateY(-2px)}.saas-portal-tiles__tile[data-selected=true] .saas-portal-tiles__icon{background:var(--tile-ink);color:var(--saas-bg-surface)}.saas-portal-tiles__badge{min-inline-size:20px;padding-inline:var(--saas-space-2xs);border:2px solid var(--saas-bg-surface);border-radius:var(--saas-radius-full);background:var(--saas-status-info-fill);color:var(--saas-brand-on-primary);font-size:var(--saas-font-caption);font-weight:600;line-height:16px;position:absolute;inset-block-start:-4px;inset-inline-end:-6px}.saas-portal-tiles__badge[data-tone=danger]{background:var(--saas-status-danger-fill)}.saas-portal-tiles__label{font-size:var(--saas-font-body-sm);text-align:center;font-weight:500}.saas-portal-tiles__tile[data-selected=true] .saas-portal-tiles__label{color:var(--tile-ink);font-weight:600}@media (width<=599px){.saas-portal-tiles{gap:var(--saas-space-xs);grid-template-columns:repeat(4,minmax(0,1fr))}.saas-portal-tiles__icon{block-size:48px;inline-size:48px}.saas-portal-tiles__label{font-size:var(--saas-font-caption)}}