@layer preflight,layout,component;.foc-card-module__mYSXyG__card{--foc-marker:#834a0a;--foc-pending:#db7b10;--foc-active:#0c2a17;--foc-active-border:#a6dcba59;--foc-check:#a6dcba;gap:var(--spacing-2);padding:var(--spacing-1);border-radius:var(--rounded-md);background-color:var(--color-gray-500);color:var(--color-white);font-family:var(--font-body);text-align:start;cursor:pointer;transition:transform var(--hover-duration) var(--hover-easing), background-color .15s ease;border:1px solid #0000;display:flex;position:relative}.foc-card-module__mYSXyG__card:hover{background-color:var(--color-gray-400)}.foc-card-module__mYSXyG__card:hover,.foc-card-module__mYSXyG__card:focus-visible{transform:translateY(var(--hover-distance))}.foc-card-module__mYSXyG__card:focus-visible{box-shadow:0 0 0 var(--focus-size) var(--focus-background), 0 0 0 calc(var(--focus-size) * 2) var(--focus-foreground);outline:none}.foc-card-module__mYSXyG__card[data-kind=service]{align-items:center}.foc-card-module__mYSXyG__card[data-kind=channel]{gap:var(--spacing-1);padding:var(--spacing-2);flex-direction:column}.foc-card-module__mYSXyG__card[data-status=active],.foc-card-module__mYSXyG__card[data-status=included]{background-color:var(--foc-active);border-color:var(--foc-active-border)}.foc-card-module__mYSXyG__card[data-status=included]{cursor:default}.foc-card-module__mYSXyG__card[data-status=included]:hover{transform:none}.foc-card-module__mYSXyG__card[data-status=locked] .foc-card-module__mYSXyG__logo,.foc-card-module__mYSXyG__card[data-status=locked] .foc-card-module__mYSXyG__name{opacity:.5}.foc-card-module__mYSXyG__logo{flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.foc-card-module__mYSXyG__logo>div,.foc-card-module__mYSXyG__logo img{width:100%;height:100%}.foc-card-module__mYSXyG__logo img{-o-object-fit:contain;object-fit:contain}[data-kind=service] .foc-card-module__mYSXyG__logo{border-radius:var(--rounded-sm);background-color:var(--color-gray-700);width:48px;height:48px}[data-kind=service] .foc-card-module__mYSXyG__logo img{-o-object-fit:cover;object-fit:cover}[data-kind=channel] .foc-card-module__mYSXyG__logo{align-self:center;width:70%;height:64px}.foc-card-module__mYSXyG__logoFallback{font-family:var(--font-heading);font-size:var(--font-sm);color:var(--color-gray-100);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;display:-webkit-box;overflow:hidden}.foc-card-module__mYSXyG__text{min-width:0;flex-direction:column;gap:2px;padding-inline-end:var(--spacing-3);display:flex}[data-kind=channel] .foc-card-module__mYSXyG__text{padding-inline-end:0}.foc-card-module__mYSXyG__name{font-size:var(--font-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.foc-card-module__mYSXyG__info{font-size:var(--font-xs);color:var(--color-gray-100)}.foc-card-module__mYSXyG__icon{top:var(--spacing-1);right:var(--spacing-1);position:absolute}.foc-card-module__mYSXyG__badge{bottom:var(--spacing-1);right:var(--spacing-1);background-color:var(--foc-marker);color:var(--color-white);position:absolute}.foc-card-module__mYSXyG__icon{color:var(--color-gray-100)}[data-status=active] .foc-card-module__mYSXyG__icon,[data-status=included] .foc-card-module__mYSXyG__icon{color:var(--foc-check)}[data-status=added] .foc-card-module__mYSXyG__icon,[data-status=removed] .foc-card-module__mYSXyG__icon{color:var(--foc-pending)}