.pv-tiles{border:0;min-inline-size:0;margin:0;padding:0}.pv-tiles__legend{font-size:var(--ui-text-body);color:var(--ui-ink);margin-block-end:6px;font-weight:600;line-height:1.4}.pv-tiles__grid{grid-template-columns:repeat(var(--pv-cols-sm,2), minmax(0, 1fr));gap:var(--ui-space-2);display:grid}@media (width>=640px){.pv-tiles__grid{grid-template-columns:repeat(var(--pv-cols,2), minmax(0, 1fr))}}.pv-tile{min-inline-size:0;display:flex;position:relative}.pv-tile input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.pv-tile span{inline-size:100%;min-block-size:var(--ui-control-height);padding:var(--ui-space-2) var(--ui-space-3);border:1px solid var(--ui-line-strong);border-radius:var(--ui-radius-md,12px);background:var(--ui-surface);color:var(--ui-ink);font-size:var(--ui-text-body);align-items:center;font-weight:500;display:flex}.pv-tile input:checked+span{border-color:var(--ui-ink);background:color-mix(in oklab, var(--ui-ink) 5%, var(--ui-surface));box-shadow:inset 0 0 0 1px var(--ui-ink);font-weight:700}.pv-tile input:focus-visible+span{outline:3px solid var(--ui-focus);outline-offset:2px}@media (hover:hover){.pv-tile:hover input:not(:checked)+span{background:var(--ui-surface-muted)}}
