@layer base{.radioCardGroup{gap:var(--gap-xs);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.radioCard{gap:var(--gap-3xs);padding:var(--gap-sm);border-radius:var(--radius-lg);border:var(--border-sm)solid transparent;background:var(--surface-secondary);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-direction:column;display:flex;position:relative}.radioCard.active{border-color:var(--theme-tertiary);background-color:var(--surface-primary)}.radioCard.disabled{opacity:.5;cursor:not-allowed}.radioCardInput{appearance:none;opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.radioCard:has(>.radioCardInput:focus-visible){outline:var(--border-lg)solid var(--theme-primary);outline-offset:var(--border-sm)}.radioCardGroup.tint .radioCard.active{background-color:var(--theme-tertiary);border-color:#0000}.radioCardGroup.tint .radioCard.active .radioCardLabel,.radioCardGroup.tint .radioCard.active .radioCardDesc{color:var(--theme-primary)}.radioCardDetail{grid-column:1/-1}.radioCardLabel{font-size:var(--text-md);color:var(--text-primary)}.radioCardDesc{font-size:var(--text-xs);color:var(--text-secondary)}.radioCardGroup.media .radioCard{align-items:center;gap:var(--gap-xs);padding:var(--gap-md)}.radioCardGroup.media .radioCardLabel{letter-spacing:var(--tracking-md)}.radioCard.active .radioCardLabel{color:var(--text-primary);font-variation-settings:var(--body-variation-medium)}.radioCardIcon{color:var(--text-secondary);transition:color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.radioCardIcon svg{width:var(--icon-md-fill);height:var(--icon-md-fill);stroke:currentColor;stroke-width:var(--stroke-lg);stroke-linecap:round;stroke-linejoin:round}.radioCard.active .radioCardIcon{color:var(--theme-primary)}.radioCardSwatch{width:var(--avatar-xs);height:var(--avatar-xs);border-radius:var(--radius-full);background-color:var(--swatch-colour,var(--fill-tertiary));box-shadow:inset 0 0 0 1px var(--border-tertiary);display:block}.radioCardGroup.swatchRow{gap:var(--gap-3xs);flex-wrap:wrap;display:flex}.radioCardGroup.swatchRow .radioCard{width:var(--button-md);align-items:center;gap:calc(var(--gap-xs));background:0 0;border-color:#0000;padding:0}.radioCardGroup.swatchRow .radioCard.active .radioCardSwatch{box-shadow:inset 0 0 0 var(--border-sm)var(--border-tertiary),0 0 0 var(--border-lg)var(--surface-primary),0 0 0 calc(var(--border-lg)*2)var(--theme-primary)}.radioCardGroup.swatchRow .radioCardLabel{color:var(--text-tertiary);font-size:var(--text-2xs);letter-spacing:var(--tracking-md);text-align:center}.radioCardGroup.swatchRow .radioCard.active .radioCardLabel{color:var(--text-primary);display:block}.radioCardGroup.previewTiles{grid-template-columns:repeat(3,minmax(0,var(--menu-md)));gap:var(--gap-sm)}.radioCardGroup.previewTiles .radioCard{align-items:flex-start;gap:var(--gap-2xs);background:0 0;border-color:#0000;padding:0}.radioCardPreview{aspect-ratio:16/10;border-radius:calc(var(--button-lg)/2);border:var(--border-md)solid var(--border-quaternary);width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);display:flex;overflow:clip}.radioCard.active .radioCardPreview{border-color:var(--theme-primary);box-shadow:0 0 0 var(--border-lg)var(--theme-primary)}.radioCardGroup.previewTiles .radioCardLabel{font-size:var(--text-xs);color:var(--text-secondary)}.radioCardGroup.previewTiles .radioCard.active .radioCardLabel{color:var(--text-primary)}.radioCard[data-tone].active{box-shadow:inset 3px 0 0 var(--text-tertiary)}.radioCard[data-tone=positive].active{box-shadow:inset 3px 0 0 var(--green-primary)}.radioCard[data-tone=info].active{box-shadow:inset 3px 0 0 var(--blue-primary)}.radioCard[data-tone=warning].active{box-shadow:inset 3px 0 0 var(--orange-primary)}.radioCard[data-tone=muted].active{box-shadow:inset 3px 0 0 var(--text-tertiary)}@media (hover:hover) and (pointer:fine){.radioCard:not(.active):hover{background-color:var(--fill-tertiary)}}}