.compat-dev__tabs{display:flex;justify-content:center;margin-bottom:22px}.compat-dev__tabs .pill-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.compat-dev__tabs small{opacity:.6;font-size:.8em}.cd-dot{flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff}.cd-dot .icon{width:13px;height:13px;stroke-width:2.6}.cd-dot--yes{background:#1d9a55}.cd-dot--no{background:#d64545}.compat-dev__group+.compat-dev__group{margin-top:36px}.compat-dev__ghead{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.compat-dev__ghead .h3{display:flex;align-items:center;gap:10px}.compat-dev .text-center~.compat-dev__group .compat-dev__ghead,.compat-dev [data-tab-panel] .compat-dev__ghead{align-items:center;text-align:center}.compat-dev__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:750px){.compat-dev__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media(min-width:990px){.compat-dev__grid{grid-template-columns:repeat(var(--cd-cols,4),minmax(0,1fr))}}.cd-tile{margin:0;display:flex;flex-direction:column;border-radius:var(--radius);background:var(--c-bg);border:1.5px solid var(--c-border);overflow:hidden}.cd-tile--yes{border-color:#1d9a5559}.cd-tile--no{border-color:#d645454d}.cd-tile__media{position:relative;aspect-ratio:1;background:var(--c-surface);display:flex;align-items:center;justify-content:center}.cd-tile__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:8px}.cd-tile__media--cover img{object-fit:cover;padding:0}.cd-tile--no .cd-tile__media img,.cd-tile--no .device-ill{filter:grayscale(.55);opacity:.8}.device-ill{width:82%;height:auto}.cd-tile__badge{position:absolute;right:10px;top:10px;width:28px;height:28px;box-shadow:0 2px 8px #00000026}.cd-tile__badge .icon{width:15px;height:15px}.cd-tile figcaption{display:flex;flex-direction:column;gap:3px;padding:10px 12px 12px;line-height:1.25}.cd-tile figcaption strong{font-size:.88rem;font-weight:600}.cd-tile figcaption small{font-size:.76rem;color:var(--c-muted)}.compat-dev__help{background:var(--c-surface-2);margin:32px auto 0;max-width:720px;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--radius)}.compat-dev__help p{flex:1;font-size:.9rem;margin:0}.compat-dev__help-icon{flex:none;width:40px;height:40px;border-radius:50%;background:var(--c-bg);display:flex;align-items:center;justify-content:center;color:var(--c-accent)}@media(max-width:749px){.compat-dev__help{flex-wrap:wrap}.compat-dev__help p{flex-basis:calc(100% - 60px)}.compat-dev__help .btn{width:100%}}.compat-dev__grid:has(>:only-child){grid-template-columns:minmax(0,320px);justify-content:center}@media(min-width:750px){.compat-dev__grid:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,300px));justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/compat-devices.css.map */