.device-compat{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.device-compat__heading{margin:0;font-size:1.4rem;font-weight:500;color:color-mix(in srgb,rgba(var(--color-foreground)) 80%,transparent)}.device-compat__list{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0}.device-compat__item{display:inline-flex;align-items:center;gap:.7rem;padding:.4rem 1.1rem .4rem .4rem;border:1px solid color-mix(in srgb,rgba(var(--color-foreground)) 16%,transparent);border-radius:10rem;font-size:1.3rem;line-height:1.3;color:rgb(var(--color-foreground));text-decoration:none;transition:border-color .2s ease,color .2s ease}.device-compat__item:hover{border-color:rgb(var(--color-accent));color:rgb(var(--color-accent));text-decoration:none}.device-compat__item:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.device-compat__thumb{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.2rem;height:2.2rem;padding:.2rem;border-radius:.6rem;background-color:color-mix(in srgb,rgba(var(--color-foreground)) 6%,transparent);color:color-mix(in srgb,rgba(var(--color-foreground)) 55%,transparent)}.device-compat__img{width:auto;height:100%;max-width:100%;object-fit:contain}.device-compat__name{min-width:0}.device-compat__badge{margin:0;padding:.8rem 1.2rem;border-radius:var(--general-radius-4, .6rem);font-size:1.4rem;font-weight:600}.device-compat__badge[hidden]{display:none}[data-compat-match=yes] .device-compat__badge{background-color:color-mix(in srgb,rgb(var(--color-success)) 12%,transparent);color:rgb(var(--color-success))}[data-compat-match=no] .device-compat__badge{background-color:color-mix(in srgb,rgba(var(--color-foreground)) 8%,transparent);color:rgb(var(--color-foreground))}.device-compat__badge-link{align-self:flex-start;font-size:1.35rem;font-weight:600;color:rgb(var(--color-accent));text-decoration:underline;text-underline-offset:.3em}.device-compat__badge-link[hidden]{display:none}@media(prefers-reduced-motion:reduce){.device-compat__item{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/device-compat-list.css.map */