.cp-root{--cp-ink:#333333;--cp-ink-soft:#636363;--cp-ink-faint:#9a9a9a;--cp-surface:#faf9f5;--cp-line:#e5e5e5;--cp-line-soft:#ececec;--cp-dark:#272727;--cp-btn:#1a1a1a;--cp-pale:#fff4cc;--cp-radius-btn:8px;--cp-radius-card:10px;--cp-radius-panel:12px;--cp-pill:999px;color:var(--cp-ink)}.cp-root *,.cp-root *:before,.cp-root *:after{box-sizing:border-box}.cp-hero{background:var(--cp-dark);color:#fff;padding:64px 0 56px;margin-bottom:0}.cp-hero-in{max-width:1200px;margin:0 auto;padding:0 48px}.cp-eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#9a9a9a;margin-bottom:12px}.cp-hero h1,.cp-hero .cp-h1{font-size:46px;font-weight:700;line-height:1.2;margin:0 0 18px;color:#fff}.cp-lede{max-width:740px;color:#cfcfcf;font-size:16px;margin:0 0 30px;line-height:1.6}.cp-lede p{margin:0}.cp-hero-badges{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.cp-hero-badge{display:inline-flex;border-radius:7px;overflow:hidden;text-decoration:none;transition:transform .15s,opacity .15s}.cp-hero-badge img{height:38px;width:auto;display:block}.cp-root a.cp-hero-badge:hover,.cp-root a.cp-hero-badge:focus{transform:translateY(-1px);opacity:.88}@media(max-width:760px){.cp-hero{padding:40px 0 34px}.cp-hero-in{padding:0 16px}.cp-hero h1,.cp-hero .cp-h1{font-size:32px}.cp-hero-badges{gap:8px}.cp-hero-badge img{height:32px}}.cp-wrap{max-width:1200px;margin:0 auto;padding:0 48px}@media(max-width:760px){.cp-wrap{padding:0 16px}}.cp-tabbar-wrap{background:#fff;border-bottom:1px solid var(--cp-line);position:sticky;top:0;z-index:20}.cp-tabbar{display:flex;gap:30px;justify-content:center;overflow-x:auto;scrollbar-width:none;padding:20px 0 18px}.cp-tabbar::-webkit-scrollbar{display:none}.cp-tab{flex:0 0 auto;background:none;border:0;cursor:pointer;white-space:nowrap;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:.01em;color:var(--cp-ink-soft);padding:2px 0 6px;position:relative}.cp-tab:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--cp-ink);transform:scaleX(0);transition:transform .18s}.cp-tab:hover,.cp-tab.is-active{color:var(--cp-ink)}.cp-tab.is-active:after{transform:scaleX(1)}@media(max-width:900px){.cp-tabbar{justify-content:flex-start;gap:22px;padding:16px 0 14px}.cp-tab{font-size:14px}}.cp-filterbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0 14px;flex-wrap:wrap}.cp-fb-left{display:flex;align-items:center;gap:14px}.cp-fb-label{font-size:15.5px;font-weight:700}.cp-fb-count{font-size:15.5px;padding-left:14px;border-left:1px solid var(--cp-line)}.cp-fb-count b{font-weight:700}.cp-fb-sort{display:flex;align-items:center;gap:8px;position:relative;cursor:pointer}.cp-sort-value{font-size:15.5px;color:var(--cp-ink-soft)}.cp-sort-select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none;border:0;font-family:inherit;font-size:14px}.cp-chev{width:9px;height:9px;border-right:1.5px solid var(--cp-ink);border-bottom:1.5px solid var(--cp-ink);transform:rotate(45deg) translateY(-2px);flex:0 0 auto;transition:transform .18s}.cp-platrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--cp-line);margin-bottom:26px}.cp-root label.cp-ppill{--cpc:var(--cp-ink);display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:#fff;border:1px solid var(--cp-line);border-radius:var(--cp-pill);padding:6px 16px;font-size:13px;line-height:22px;color:var(--cp-ink);transition:border-color .15s,background .15s,color .15s}.cp-root label.cp-ppill:has(.cp-plat-check[value=apple]){--cpc:#e8883a}.cp-root label.cp-ppill:has(.cp-plat-check[value=alexa]){--cpc:#2898c8}.cp-root label.cp-ppill:has(.cp-plat-check[value=google]){--cpc:#4878b8}.cp-root label.cp-ppill:has(.cp-plat-check[value=st]){--cpc:#3888c8}.cp-root label.cp-ppill:hover{border-color:var(--cpc)}.cp-ppill input{position:absolute;opacity:0;pointer-events:none}.cp-ppill svg{width:14px;height:14px;flex:0 0 auto;stroke:var(--cpc);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cp-root label.cp-ppill:has(input:checked){background:var(--cpc);border-color:var(--cpc);color:#fff}.cp-root label.cp-ppill:has(input:checked) svg{stroke:#fff}.cp-root label.cp-ppill:has(input:focus-visible){outline:2px solid var(--cpc);outline-offset:2px}@media(max-width:760px){.cp-platrow{gap:6px}.cp-root label.cp-ppill{padding:5px 13px;gap:7px;font-size:12.5px}}.cp-banner{background:var(--cp-surface);border:1px solid var(--cp-line-soft);border-radius:var(--cp-radius-panel);padding:22px 26px;margin-bottom:30px}.cp-ib{display:none}.cp-ib.is-on{display:block}.cp-banner h2,.cp-banner .cp-ib-h{font-size:21px;font-weight:700;margin:0 0 6px}.cp-banner p{color:var(--cp-ink-soft);font-size:14px;max-width:660px;margin:0 0 10px;line-height:1.6;white-space:pre-line}.cp-reqs{display:flex;flex-wrap:wrap;gap:8px}.cp-req{font-size:12px;line-height:24px;background:#fff;border:1px solid var(--cp-line);border-radius:var(--cp-pill);padding:4px 12px}.cp-root .cp-ib[data-plat]:not([data-plat=all]) .cp-reqs .cp-req:first-child{display:none}.cp-grp{margin-top:34px}.cp-grp:first-of-type{margin-top:0}.cp-grp.is-off{display:none}.cp-grp-head{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--cp-ink-faint);font-weight:500;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--cp-line-soft)}.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}@media(max-width:560px){.cp-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px}}.cp-card{background:#fff;border:1px solid var(--cp-line-soft);border-radius:var(--cp-radius-card);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .18s,box-shadow .18s}.cp-card:hover{transform:translateY(-2px);box-shadow:0 0 10px #00000014}.cp-card.is-off{display:none}.cp-card-img{display:block;background:var(--cp-surface);aspect-ratio:1/1;overflow:hidden}.cp-card-img img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}.cp-badge-new{position:absolute;top:10px;left:10px;z-index:2;background:#af457f;color:#fff;font-size:11px;border-radius:var(--cp-pill);padding:4px 12px}.cp-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}.cp-card-name{font-size:15px;font-weight:500;line-height:1.45;margin:0 0 6px}.cp-root .cp-card-name a,.cp-root .cp-card-name a:link,.cp-root .cp-card-name a:visited{color:var(--cp-ink);text-decoration:none}.cp-card-price{font-size:13.5px;color:var(--cp-ink-soft);margin-bottom:10px}.cp-plat-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.cp-plat-tag{font-size:11px;border:1px solid var(--cp-line-soft);border-radius:var(--cp-pill);padding:3px 10px;color:var(--cp-ink);background:var(--cp-surface);letter-spacing:.02em;transition:background .15s,color .15s,border-color .15s}.cp-plat-tag.is-on{background:var(--cp-ink);color:#fff;border-color:var(--cp-ink)}.cp-meta-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px}.cp-conn{font-size:11px;border-radius:var(--cp-pill);padding:3px 10px}.cp-conn--direct{display:none}.cp-conn--hub{border:1px solid #c9c9c9;color:var(--cp-ink-soft)}.cp-note{font-size:11px;background:var(--cp-pale);border-radius:var(--cp-pill);padding:3px 10px}.cp-protos{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.cp-proto{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--cp-ink-soft)}.cp-proto svg{width:15px;height:15px;flex:0 0 auto;stroke:var(--cp-ink-soft);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cp-proto--matter svg{stroke-width:1.5}.cp-actions{display:flex;gap:8px;margin-top:auto}.cp-btn{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:13px;font-weight:500;line-height:1;text-decoration:none;padding:10px 12px;border-radius:var(--cp-radius-btn);border:1.5px solid var(--cp-btn);cursor:pointer;transition:background .15s,color .15s,opacity .15s}.cp-root a.cp-btn--learn,.cp-root a.cp-btn--learn:link,.cp-root a.cp-btn--learn:visited{background:var(--cp-btn);color:#fff}.cp-root a.cp-btn--learn:hover,.cp-root a.cp-btn--learn:focus,.cp-root a.cp-btn--learn:active{opacity:.86;color:#fff}.cp-btn--compare{background:#fff;color:var(--cp-btn)}.cp-btn--compare:hover{background:var(--cp-surface)}.cp-btn--compare[data-picked="1"]{background:var(--cp-btn);color:#fff}.cp-btn--compare:disabled{opacity:.4;cursor:not-allowed}@media(max-width:560px){.cp-card-body{padding:11px 12px 13px}.cp-card-name{font-size:13px}.cp-actions{flex-direction:column;gap:6px}.cp-btn{padding:9px 10px;font-size:12.5px}}.cp-caveat{font-size:11px;background:var(--cp-pale);color:var(--cp-ink);border-radius:var(--cp-pill);padding:3px 10px;display:none}.cp-caveat.always,.cp-root.pf-matter .cp-caveat.only-matter,.cp-root.pf-apple .cp-caveat.only-apple,.cp-root.pf-alexa .cp-caveat.only-alexa,.cp-root.pf-st .cp-caveat.only-st{display:inline-block}.cp-empty{display:none;background:var(--cp-surface);border:1px dashed var(--cp-line);border-radius:var(--cp-radius-panel);padding:34px 20px;text-align:center;color:var(--cp-ink-soft);font-size:14px}.cp-root[data-empty="1"] .cp-empty{display:block}.cp-footnote{font-size:12px;color:var(--cp-ink-faint);margin-top:26px}.cp-tray{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--cp-line);box-shadow:0 -4px 20px #0000001a;padding:14px 0;transform:translateY(105%);transition:transform .22s}.cp-root[data-tray="1"] .cp-tray{transform:translateY(0)}.cp-tray-in{display:flex;align-items:center;gap:16px;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:0 48px}.cp-slots{display:flex;gap:8px;flex:1 1 auto;flex-wrap:wrap}.cp-slot{display:none;align-items:center;gap:8px;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-pill);padding:7px 8px 7px 14px;font-size:13px;max-width:260px}.cp-slot[data-filled="1"]{display:inline-flex}.cp-slot .cp-s-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-x{flex:0 0 auto;width:20px;height:20px;border-radius:50%;border:0;cursor:pointer;background:#e4e4e4;color:var(--cp-ink);font-size:13px;line-height:1;display:grid;place-content:center;font-family:inherit}.cp-x:hover{background:#d4d4d4}.cp-tray-actions{display:flex;align-items:center;gap:14px;flex:0 0 auto}.cp-hint{font-size:12px;color:var(--cp-ink-faint)}.cp-clear{background:none;border:0;cursor:pointer;font-family:inherit;font-size:13px;color:var(--cp-ink-soft);text-decoration:underline}.cp-go{background:var(--cp-btn);color:#fff;border:1.5px solid var(--cp-btn);border-radius:var(--cp-radius-btn);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:11px 22px}.cp-go:disabled{opacity:.4;cursor:not-allowed}@media(max-width:760px){.cp-tray-in{padding:0 16px;gap:10px}.cp-slot{font-size:12px;max-width:150px;padding:6px 6px 6px 12px}.cp-go{padding:10px 16px}.cp-hint{display:none}}.cp-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#00000073;display:none;align-items:center;justify-content:center;padding:24px}.cp-root[data-modal="1"] .cp-modal{display:flex}.cp-dialog{background:#fff;border-radius:var(--cp-radius-panel);width:100%;max-width:900px;max-height:86vh;overflow:auto;padding:26px 28px 28px}.cp-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.cp-modal-head .cp-modal-h{font-size:21px;font-weight:700;margin:0}.cp-close{background:none;border:0;cursor:pointer;font-family:inherit;font-size:22px;line-height:1;color:var(--cp-ink-soft);padding:4px 6px}.cp-table{display:flex}.cp-labels{flex:0 0 132px}.cp-col{flex:1 1 0;min-width:0;display:none;border-left:1px solid var(--cp-line-soft)}.cp-col[data-filled="1"]{display:block}.cp-cell{padding:12px 14px;font-size:13.5px;min-height:52px;display:flex;align-items:center;border-top:1px solid var(--cp-line-soft)}.cp-labels .cp-cell{color:var(--cp-ink-soft);font-size:13px;padding-left:0}.cp-cell.cp-cell-h{border-top:0;font-weight:700;font-size:14px;min-height:74px;align-items:flex-start}.cp-col .cp-cell{justify-content:center;text-align:center}.cp-col .cp-cell.cp-cell-h{justify-content:flex-start;text-align:left}.cp-yes{font-weight:500}.cp-no{color:#c9c9c9}@media(max-width:760px){.cp-modal{padding:12px}.cp-dialog{padding:18px 16px 20px}.cp-labels{flex:0 0 92px}.cp-cell{padding:10px 8px;font-size:12.5px;min-height:46px}.cp-cell.cp-cell-h{min-height:66px;font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/187/assets/compatible-platforms.css.map */