.compat-page{background:#fff}.compat-header{background:var(--ez-light, #f5f5f7);padding:clamp(3rem,6vw,5rem) clamp(1.25rem,5vw,2rem) clamp(2rem,4vw,3rem)}.compat-header__kicker{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ez-grey);margin:0 0 .75rem}.compat-header__heading{font-size:clamp(28px,4.5vw,52px);font-weight:500;letter-spacing:-.035em;line-height:1.08;color:var(--ez-black, #000);margin:0 0 .875rem;max-width:22ch}.compat-header__sub{font-size:clamp(15px,1.5vw,17px);color:var(--ez-grey);line-height:1.6;max-width:52ch;margin:0}.compat-search-wrap{position:sticky;top:0;z-index:40;background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--ez-border, #e5e5e5);padding-block:1.125rem 1.375rem;box-shadow:0 4px 20px #0f172a0a}.compat-search-card{display:flex;flex-direction:column;gap:.875rem}.compat-search-label{font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ez-grey);margin:0}.compat-search-input-wrap{position:relative;display:flex;align-items:center}.compat-search-icon{position:absolute;left:1rem;color:var(--ez-grey);display:flex;align-items:center;pointer-events:none;flex-shrink:0}#compat-input{width:100%;height:3rem;padding:0 1.125rem 0 2.875rem;border:1.5px solid var(--ez-border, #e5e5e5);border-radius:.625rem;font-size:.9375rem;color:var(--ez-dark, #1d1d1f);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;appearance:none;-webkit-appearance:none;box-shadow:0 1px 4px #0f172a0a}#compat-input::placeholder{color:#aaa}#compat-input:focus{border-color:var(--ez-amber, #FED300);box-shadow:0 0 0 3px #fed30033,0 1px 4px #0f172a0a}#compat-input::-webkit-search-cancel-button{-webkit-appearance:none}.compat-dropdown{position:absolute;top:calc(100% + .375rem);left:0;right:0;background:#fff;border:1px solid var(--ez-border, #e5e5e5);border-radius:.625rem;box-shadow:0 12px 32px #0f172a1a;list-style:none;margin:0;padding:.375rem 0;z-index:100;max-height:20rem;overflow-y:auto}.compat-dropdown[hidden]{display:none}.compat-dropdown li{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;font-size:.9375rem;color:var(--ez-dark, #1d1d1f);cursor:pointer;outline:none}.compat-dropdown li:hover,.compat-dropdown li:focus{background:var(--ez-light, #f5f5f7)}.compat-dropdown-platform{font-size:.75rem;color:var(--ez-grey);text-transform:capitalize;margin-left:.5rem;white-space:nowrap}.compat-platforms{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.compat-platforms-label{font-size:.8125rem;color:var(--ez-grey);white-space:nowrap}.compat-platform-chips{display:flex;flex-wrap:wrap;gap:.5rem}.compat-chip{display:inline-flex;align-items:center;gap:.375rem}.compat-chip.is-active{background:var(--ez-amber, #FED300);border-color:var(--ez-amber, #FED300);color:var(--ez-black, #000)}.compat-empty{padding-block:clamp(3.5rem,7vw,5.5rem);text-align:center;display:flex;flex-direction:column;align-items:center}.compat-empty[hidden]{display:none}.compat-empty__icon{width:5rem;height:5rem;background:#fed3001f;border:1.5px solid rgba(254,211,0,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ez-dark, #1d1d1f);margin-bottom:1.5rem;flex-shrink:0}.compat-empty__heading{font-size:clamp(1.25rem,3vw,1.625rem);font-weight:700;letter-spacing:-.025em;color:var(--ez-dark, #1d1d1f);margin:0 0 .5rem}.compat-empty__prompt{font-size:1rem;color:var(--ez-grey);margin:0 0 1.75rem;max-width:40ch;line-height:1.55}.compat-popular{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem}.compat-popular-label{font-size:.875rem;color:var(--ez-grey)}.compat-popular-chip{display:inline-block;padding:.4375rem 1rem;border:1.5px solid var(--ez-border, #e5e5e5);border-radius:2rem;background:#fff;font-size:.875rem;font-weight:500;color:var(--ez-dark, #1d1d1f);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;box-shadow:0 1px 3px #0f172a0d}.compat-popular-chip:hover{border-color:var(--ez-amber, #FED300);background:#fed3000f;box-shadow:0 2px 8px #fed30033}.compat-results{padding-block:2.5rem 3.5rem}.compat-results[hidden]{display:none}.compat-results-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2.5rem;padding:1rem 1.25rem;background:var(--ez-light, #f5f5f7);border-radius:.75rem;border:1px solid var(--ez-border, #e5e5e5)}.compat-results-device{font-size:.9375rem;font-weight:600;color:var(--ez-dark, #1d1d1f);margin:0}.compat-results-reset{white-space:nowrap;flex-shrink:0}.compat-group{margin-bottom:2.5rem}.compat-group[hidden]{display:none}.compat-group-header{display:flex;align-items:flex-start;gap:.875rem;margin-bottom:1.25rem}.compat-group-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;flex-shrink:0;margin-top:.1rem}.compat-group-icon--yes{background:#d1fae5;color:#059669}.compat-group-icon--warn{background:#fef3c7;color:#d97706}.compat-group-icon--no{background:#fee2e2;color:#dc2626}.compat-group-title{font-size:1rem;font-weight:700;color:var(--ez-dark, #1d1d1f);margin:0 0 .25rem;letter-spacing:-.01em}.compat-group-sub{font-size:.875rem;color:var(--ez-grey);margin:0}.compat-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.compat-card{position:relative;border:1px solid var(--ez-border, #e5e5e5);border-radius:.75rem;overflow:hidden;background:#fff;transition:transform .2s ease,box-shadow .3s ease,border-color .2s ease;will-change:transform,box-shadow}.compat-card:before{content:"";position:absolute;left:.875rem;top:0;width:2.5rem;height:2px;border-radius:99px;background:linear-gradient(90deg,#fed300e6,#fed3000a);z-index:1}.compat-card:hover{transform:translateY(-3px);box-shadow:0 22px 70px #0f172a14;border-color:#cbd5e1cc}.compat-card--dim{opacity:.55;pointer-events:none}.compat-card--dim:before{display:none}.compat-card--dim:hover{box-shadow:none;transform:none}.compat-card-inner{display:block;text-decoration:none;color:inherit}.compat-card-img{aspect-ratio:1;overflow:hidden;background:var(--ez-light, #f5f5f7)}.compat-card-img img{width:100%;height:100%;object-fit:contain;display:block}.compat-card-img-placeholder{width:100%;height:100%;background:var(--ez-light, #f5f5f7)}.compat-card-body{padding:.875rem}.compat-card-title{font-size:.875rem;font-weight:600;color:var(--ez-dark, #1d1d1f);margin:0 0 .25rem;line-height:1.3}.compat-card-price{font-size:.875rem;color:var(--ez-grey);margin:0}.compat-card-sold-out{font-size:.75rem;color:#dc2626;margin:.25rem 0 0}.compat-card-note{padding:.5rem .875rem;background:#fefce8;border-top:1px solid #fef08a;font-size:.8125rem;color:#854d0e;line-height:1.4}.compat-card-alt{display:block;padding:.5rem .875rem;background:var(--ez-light, #f5f5f7);border-top:1px solid var(--ez-border, #e5e5e5);font-size:.8125rem;color:var(--ez-dark, #1d1d1f);text-decoration:none;pointer-events:auto}.compat-card-alt:hover{text-decoration:underline}.compat-card-dim-overlay{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2626;pointer-events:none;z-index:1}.compat-no-results{text-align:center;padding:3rem 1rem;color:var(--ez-grey)}.compat-no-results[hidden]{display:none}.compat-no-results p{margin:0 0 1.25rem;font-size:1rem}.compat-fallback{background:var(--ez-light, #f5f5f7);border-top:1px solid var(--ez-border, #e5e5e5);padding-block:clamp(2.5rem,5vw,4rem)}.compat-fallback-inner{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.compat-fallback-card{background:#fff;border:1px solid var(--ez-border, #e5e5e5);border-radius:.875rem;padding:clamp(1.25rem,3vw,1.875rem);position:relative;overflow:hidden;transition:box-shadow .2s,border-color .2s}.compat-fallback-card:before{content:"";position:absolute;left:1.25rem;top:0;width:3rem;height:2px;background:linear-gradient(90deg,#fed300e6,#fed3000a);border-radius:99px}.compat-fallback-card:hover{box-shadow:0 4px 16px #0f172a12;border-color:#cbd5e1cc}.compat-fallback-card__title{font-size:1rem;font-weight:700;color:var(--ez-dark, #1d1d1f);margin:0 0 .5rem;letter-spacing:-.01em}.compat-fallback-card__body{font-size:.9375rem;color:var(--ez-grey);margin:0 0 1.125rem;line-height:1.5}.compat-fallback-card__link{font-size:.9375rem;font-weight:600;color:var(--ez-dark, #1d1d1f);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;transition:color .15s}.compat-fallback-card__link:hover{text-decoration:underline}@media(max-width:640px){.compat-platforms{flex-direction:column;align-items:flex-start}.compat-platform-chips{gap:.375rem}.compat-chip{font-size:.8125rem}.compat-results-header{flex-direction:column;align-items:flex-start;gap:.5rem}.compat-group-grid{grid-template-columns:repeat(2,1fr)}.compat-fallback-inner{grid-template-columns:1fr}.compat-popular{flex-direction:column;align-items:center}}@media(max-width:400px){.compat-group-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/compatibility.css.map */