.raid-choice{margin-top:22px}.raid-choice h3{margin-bottom:12px;font-size:13px}.raid-choice-banners{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.raid-choice-banner{border:1px solid var(--color-border);text-align:left;border-radius:8px;align-items:end;min-height:132px;padding:16px;display:flex;position:relative;overflow:hidden}.raid-choice-banner[aria-pressed=true]{border-color:var(--color-action)}.raid-choice-banner img{object-fit:cover}.raid-choice-banner:after{content:"";background:linear-gradient(#0000,#101215);position:absolute;inset:0}.raid-choice-banner>span{z-index:1;position:relative}.raid-choice-banner small{margin-top:4px;font-size:12px;display:block}.raid-choice-unavailable{color:var(--color-muted)}.raid-choice-unavailable img{opacity:.5}.raid-difficulty{border:1px solid #494c53;border-radius:6px;flex-wrap:wrap;gap:4px;width:max-content;max-width:100%;padding:4px;display:flex}.raid-difficulty-option{cursor:pointer;border:1px solid #0000;border-radius:4px;padding:10px 22px;position:relative}.raid-difficulty-option:has([data-checked]){background:#25282e;border-color:#494c53}.raid-difficulty-option:has(:focus-visible){outline:2px solid var(--color-action);outline-offset:4px}.raid-difficulty-radio{position:absolute;inset:0}.raid-difficulty+p{margin-top:10px}@media (max-width:760px){.raid-choice-banners{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.raid-choice-banners{grid-template-columns:1fr}.raid-difficulty-option{padding:10px 12px}}.raid-choice-banner{justify-content:flex-start}.raid-choice-banner>span{text-align:left;font-family:var(--font-display);font-size:22px}.raid-choice-banner small{font-family:var(--font-sans)}.raid-choice-banner[aria-pressed=true]>span{position:static}.raid-choice-banner[aria-pressed=true] small{background:var(--color-action);color:var(--color-canvas);border-radius:4px;margin:0;padding:5px 9px;position:absolute;top:12px;right:12px}
