.support-matrix{--matrix-surface:var(--sl-color-bg,var(--sl-color-white));--matrix-border:var(--sl-color-gray-5);--matrix-muted:var(--sl-color-gray-2);--matrix-columns:10;color:var(--sl-color-text);font-family:var(--sl-font,var(--sl-font-system,inherit));margin-block:1.5rem}.support-matrix__fallback{border-collapse:separate;border-spacing:0;border:1px solid var(--matrix-border);background:var(--matrix-surface);width:max-content;min-width:100%;box-shadow:var(--sl-shadow-sm,0 .25rem 1rem #00000014);font-size:var(--sl-text-sm,.875rem);border-radius:.5rem;display:table;overflow:visible}.support-matrix__fallback-scroll{scrollbar-color:var(--sl-color-gray-4) transparent;border-radius:.5rem;max-width:100%;overflow-x:auto}.support-matrix__fallback caption{text-align:start;margin-block:.5rem;font-weight:600}.support-matrix__fallback th,.support-matrix__fallback td{border-block-end:1px solid var(--matrix-border);text-align:start;vertical-align:top;padding:.55rem .65rem}.support-matrix__fallback thead th{background:var(--sl-color-gray-6);color:var(--sl-color-text);white-space:nowrap;font-weight:650}.support-matrix__fallback tbody tr:last-child th,.support-matrix__fallback tbody tr:last-child td{border-block-end:0}.support-matrix__fallback tbody tr:hover{background:color-mix(in srgb, var(--sl-color-accent-low) 8%, transparent)}.support-matrix__interactive,.support-matrix.has-js .support-matrix__fallback-scroll{display:none}.support-matrix__toolbar{gap:.7rem;margin-block-end:.9rem;display:grid}.support-matrix__views{border:1px solid var(--matrix-border);background:var(--sl-color-gray-6);border-radius:.45rem;width:fit-content;max-width:100%;display:inline-flex;overflow:hidden}.support-matrix__views button{border:0;border-inline-end:1px solid var(--matrix-border);min-height:2.15rem;color:var(--sl-color-text);cursor:pointer;font:inherit;font-size:var(--sl-text-sm,.875rem);background:0 0;border-radius:0;margin:0;padding:.35rem .8rem;font-weight:600}.support-matrix__views button:last-child{border-inline-end:0}.support-matrix__views button:hover{background:color-mix(in srgb, var(--sl-color-accent-low) 10%, transparent)}.support-matrix__views button[aria-selected=true]{background:var(--sl-color-accent-high);color:var(--sl-color-accent-low)}.support-matrix__views button:focus-visible,.support-matrix__filters button:focus-visible,.support-matrix__toolbar input:focus-visible,.support-matrix__toolbar select:focus-visible{outline:2px solid var(--sl-color-accent-high);outline-offset:2px}.support-matrix__views button:focus-visible{z-index:1;outline-offset:-3px;position:relative}.support-matrix__search,.support-matrix__filters label{color:var(--matrix-muted);font-size:var(--sl-text-xs,.75rem);letter-spacing:.01em;gap:.3rem;font-weight:600;display:grid}.support-matrix__search input,.support-matrix__filters select,.support-matrix__filters button{box-sizing:border-box;border:1px solid var(--matrix-border);background:var(--sl-color-bg-nav,var(--matrix-surface));min-height:2.1rem;color:var(--sl-color-text);font:inherit;border-radius:.35rem}.support-matrix__search input{width:100%;font-size:var(--sl-text-base,1rem);padding:.45rem .65rem}.support-matrix__filters{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}.support-matrix__filters label{flex:8rem;min-width:7rem}.support-matrix__filters select{width:100%;padding:.35rem 1.8rem .35rem .5rem}.support-matrix__filters .support-matrix__reset{color:var(--matrix-muted);cursor:pointer;background:0 0;flex:none;padding:.35rem .65rem}.support-matrix__filters .support-matrix__reset:hover{color:var(--sl-color-text);background:var(--sl-color-gray-6)}.support-matrix__count{min-height:1.1rem;color:var(--matrix-muted);font-size:var(--sl-text-xs,.75rem)}.support-matrix.is-ready .support-matrix__interactive,support-matrix.is-ready .support-matrix__interactive{display:block}.support-matrix__viewport{isolation:isolate;border:1px solid var(--matrix-border);background:var(--matrix-surface);width:100%;max-width:100%;height:clamp(26rem,55vh,36rem);box-shadow:var(--sl-shadow-sm,0 .25rem 1rem #00000014);scrollbar-color:var(--sl-color-gray-4) transparent;border-radius:.5rem;position:relative;overflow:auto}.support-matrix__viewport:before,.support-matrix__viewport:after{z-index:4;pointer-events:none;content:"";opacity:0;width:1.2rem;height:100%;margin-block-end:-100%;transition:opacity .12s;display:block;position:sticky}.support-matrix__viewport:before{float:left;background:linear-gradient(90deg, color-mix(in srgb, var(--matrix-surface) 96%, transparent), transparent);left:0}.support-matrix__viewport:after{float:right;background:linear-gradient(270deg, color-mix(in srgb, var(--matrix-surface) 96%, transparent), transparent);right:0}.support-matrix__viewport[data-scroll-left]:before,.support-matrix__viewport[data-scroll-right]:after{opacity:1}.support-matrix__header-slot,.support-matrix__rows{width:max(100%, calc(var(--matrix-columns) * 9.5rem));min-width:calc(var(--matrix-columns) * 9.5rem)}.support-matrix__header-slot{z-index:3;position:sticky;top:0}.support-matrix__rows{position:relative}.support-matrix .support-matrix__rows,.support-matrix .support-matrix__row{margin:0}.support-matrix__row{grid-template-columns:repeat(var(--matrix-columns), minmax(0, 1fr));box-sizing:border-box;border-block-end:1px solid color-mix(in srgb, var(--matrix-border) 78%, transparent);height:56px;font-size:var(--sl-text-xs,.75rem);align-items:center;gap:.6rem;padding-inline:.7rem;display:grid}.support-matrix__data-row{position:absolute;inset-inline:0}.support-matrix__data-row:hover{background:color-mix(in srgb, var(--sl-color-accent-low) 8%, transparent)}.support-matrix__row>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.support-matrix__row>span:first-child{font-weight:600}.support-matrix__row:focus-visible{outline:2px solid var(--sl-color-accent-high);outline-offset:-2px}.support-matrix__header{border-block-end-color:var(--matrix-border);background:var(--sl-color-bg,var(--matrix-surface));box-shadow:0 1px 0 color-mix(in srgb, var(--matrix-border) 82%, transparent);font-weight:650}.support-matrix__status{border:1px solid color-mix(in srgb, var(--matrix-border) 75%, transparent);background:var(--sl-color-gray-6);max-width:100%;color:var(--sl-color-text);white-space:nowrap;border-radius:999px;align-items:center;padding:.15rem .45rem;font-size:.72rem;font-weight:650;line-height:1.25;display:inline-flex}.support-matrix__status--official,.support-matrix__status--guaranteed{border-color:color-mix(in srgb, var(--sl-color-green-high) 45%, var(--matrix-border));background:color-mix(in srgb, var(--sl-color-green-high) 18%, var(--matrix-surface))}.support-matrix__status--pending,.support-matrix__status--guarded,.support-matrix__status--conditional{border-color:color-mix(in srgb, var(--sl-color-orange-high) 45%, var(--matrix-border));background:color-mix(in srgb, var(--sl-color-orange-high) 16%, var(--matrix-surface))}.support-matrix__status--unsupported{background:color-mix(in srgb, var(--sl-color-gray-5) 35%, var(--matrix-surface))}.support-matrix__row a,.support-matrix__fallback a,.support-matrix__data-row[data-row-view=database]>span:first-child,.support-matrix__data-row[data-row-view=database]>span:nth-child(3),.support-matrix__data-row[data-row-view=database]>span:nth-child(4),.support-matrix__data-row[data-row-view=driver]>span:first-child,.support-matrix__data-row[data-row-view=driver]>span:nth-child(2),.support-matrix__data-row[data-row-view=driver]>span:nth-child(3),.support-matrix__data-row[data-row-view=driver]>span:nth-child(4),.support-matrix__data-row[data-row-view=driver]>span:nth-child(5),.support-matrix__data-row[data-row-view=driver]>span:nth-child(11),.support-matrix__data-row[data-row-view=capability]>span:nth-child(2),.support-matrix__data-row[data-row-view=capability]>span:nth-child(5),.support-matrix__fallback tbody td:nth-child(3),.support-matrix__fallback tbody td:nth-child(4){font-family:var(--sl-font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace)}@media (width<=40rem){.support-matrix__views{width:100%}.support-matrix__views button{flex:1 1 0;padding-inline:.45rem}.support-matrix__filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.support-matrix__filters label{min-width:0}.support-matrix__filters .support-matrix__reset{width:100%}}@media print{.support-matrix__interactive{display:none!important}.support-matrix__fallback-scroll{display:block!important}.support-matrix__fallback{box-shadow:none;border:0;font-size:8pt;display:table!important}}