.op-hidden-field{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.op-os{margin-block-end:1.5rem}.op-os-title{color:var(--op-text,#1f2933);font-weight:600;margin-block-end:.75rem}.op-os-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:560px){.op-os-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:920px){.op-os-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.op-os-card{align-items:center;background:var(--op-surface,#fff);border:1px solid var(--op-border,#d7dee6);border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem .75rem;text-align:center;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.op-os-card:hover{border-color:var(--op-accent,#2f6fed);transform:translateY(-1px)}.op-os-card:focus-visible{outline:2px solid var(--op-accent,#2f6fed);outline-offset:2px}.op-os-card.is-selected{border-color:var(--op-accent,#2f6fed);box-shadow:0 0 0 1px var(--op-accent,#2f6fed)}.op-os-logo{display:block;height:40px;width:40px}.op-os-logo svg{display:block;height:100%;width:100%}.op-os-name{color:var(--op-text,#1f2933);font-weight:600;line-height:1.2}.op-os-single{color:var(--op-muted,#66727f);font-size:.8125rem}.op-os-versions{background:var(--op-surface,#fff);border:1px solid var(--op-border,#d7dee6);border-radius:.5rem;color:var(--op-text,#1f2933);cursor:pointer;font:inherit;font-size:.8125rem;max-width:100%;padding:.35rem .5rem;width:100%}.op-os-versions:focus-visible{outline:2px solid var(--op-accent,#2f6fed);outline-offset:1px}.op-switch{align-items:center;background:var(--op-surface,#fff);border:1px solid var(--op-border,#d7dee6);border-radius:.75rem;display:flex;gap:.875rem;margin-block-end:.75rem;padding:.875rem 1rem;transition:border-color .15s ease}.op-switch.is-on{border-color:var(--op-accent,#2f6fed)}.op-switch-icon{color:var(--op-muted,#66727f);flex:none;height:28px;width:28px}.op-switch.is-on .op-switch-icon{color:var(--op-accent,#2f6fed)}.op-switch-icon svg{display:block;height:100%;width:100%}.op-switch-text{display:flex;flex:1 1 auto;flex-direction:column;gap:.125rem;min-width:0}.op-switch-name{color:var(--op-text,#1f2933);font-weight:600}.op-switch-price{color:var(--op-muted,#66727f);font-size:.8125rem}.op-switch-control{background:var(--op-border,#d7dee6);border:0;border-radius:999px;cursor:pointer;flex:none;height:1.75rem;padding:0;position:relative;transition:background-color .15s ease;width:3rem}.op-switch.is-on .op-switch-control{background:var(--op-accent,#2f6fed)}.op-switch-control:focus-visible{outline:2px solid var(--op-accent,#2f6fed);outline-offset:2px}.op-switch-knob{background:#fff;border-radius:50%;height:1.25rem;inset-block-start:.25rem;inset-inline-start:.25rem;position:absolute;transition:inset-inline-start .15s ease;width:1.25rem}.op-switch.is-on .op-switch-knob{inset-inline-start:1.5rem}@media (prefers-color-scheme:dark){.op-os-card,.op-os-versions,.op-switch{background:var(--op-surface,#1b222b);border-color:var(--op-border,#2c3644)}.op-os-name,.op-os-title,.op-os-versions,.op-switch-name{color:var(--op-text,#e7edf4)}.op-os-single,.op-switch-price{color:var(--op-muted,#9aa7b5)}.op-switch-control{background:var(--op-border,#2c3644)}}