.rap-product-compat-section{font-family:var(--rap-font)}.rap-compat{padding:56px 0}.rap-compat__inner{max-width:1440px;margin:0 auto;padding:40px 24px}.rap-compat__head{margin-bottom:30px;padding-bottom:14px;border-bottom:2px solid var(--rap-c-accent)}.rap-compat__eyebrow,.rap-compat__subhead{display:none}.rap-compat__title{margin:0;font-family:var(--rap-font);font-size:22px;font-weight:700;letter-spacing:.3px;color:var(--rap-c-text);line-height:1.1}.rap-compat__controls{display:flex;gap:10px;margin-bottom:14px}.rap-compat__search-wrap{flex:1;position:relative;display:flex;align-items:center}.rap-compat__search-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--rap-c-text-3);pointer-events:none}.rap-compat__search{width:100%;height:46px;padding:0 16px 0 42px;font-family:var(--rap-font);font-size:14px;font-weight:500;color:var(--rap-c-text);background:var(--rap-c-surface);border:1px solid var(--rap-c-border);border-radius:var(--rap-radius);outline:none;transition:border-color .15s var(--rap-ease),background .15s var(--rap-ease)}.rap-compat__search:focus{border-color:var(--rap-c-text);background:#fff}.rap-compat__search::placeholder{color:var(--rap-c-text-3)}.rap-compat__pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.rap-compat__pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--rap-c-surface);border:1px solid var(--rap-c-border);border-radius:20px;font-family:var(--rap-font-display);font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--rap-c-text-2);cursor:pointer;transition:background .12s var(--rap-ease),color .12s var(--rap-ease),border-color .12s var(--rap-ease)}.rap-compat__pill:hover{border-color:var(--rap-c-text)}.rap-compat__pill.is-active{background:var(--rap-c-text);color:#fff;border-color:var(--rap-c-text)}.rap-compat__pill-count{font-family:var(--rap-font-mono);font-size:11px;font-weight:600;padding:1px 6px;border-radius:10px;background:var(--rap-c-bg);color:var(--rap-c-text-3);line-height:1.4}.rap-compat__pill.is-active .rap-compat__pill-count{background:#ffffff26;color:#fff}.rap-compat__make{background:var(--rap-c-surface);border:1px solid var(--rap-c-border);border-radius:var(--rap-radius);margin-bottom:12px;overflow:hidden}.rap-compat__make-head{display:flex;align-items:center;gap:14px;padding:14px 20px;background:var(--rap-c-surface-2);border-bottom:1px solid var(--rap-c-border)}.rap-compat__make-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--rap-c-text);color:#fff;font-family:var(--rap-font-display);font-size:12px;font-weight:700;letter-spacing:.04em;flex-shrink:0}.rap-compat__make-name{font-family:var(--rap-font-display);font-size:22px;font-weight:700;letter-spacing:.01em;color:var(--rap-c-text)}.rap-compat__make-count{margin-left:auto;font-family:var(--rap-font-mono);font-size:12px;font-weight:500;color:var(--rap-c-text-3)}.rap-compat__model{border-top:1px solid var(--rap-c-border)}.rap-compat__model:first-of-type{border-top:0}.rap-compat__model-head{display:flex;align-items:center;gap:14px;width:100%;padding:14px 20px;background:transparent;border:0;cursor:pointer;text-align:left;font-family:var(--rap-font);transition:background .12s var(--rap-ease)}.rap-compat__model-head:hover,.rap-compat__model.is-open .rap-compat__model-head{background:var(--rap-c-surface-2)}.rap-compat__model-name{font-size:15px;font-weight:700;letter-spacing:.01em;color:var(--rap-c-text)}.rap-compat__model-variants{margin-left:auto;font-family:var(--rap-font-mono);font-size:12px;font-weight:500;color:var(--rap-c-text-3)}.rap-compat__model-chev{display:inline-flex;align-items:center;justify-content:center;color:var(--rap-c-text-3);transition:transform .2s var(--rap-ease)}.rap-compat__model.is-open .rap-compat__model-chev{transform:rotate(180deg)}.rap-compat__model-body{padding:0 20px 16px}.rap-compat__table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:0 20px}.rap-compat__table{width:100%;border-collapse:collapse;font-size:13px}.rap-compat__table th{text-align:left;padding:10px 12px;font-family:var(--rap-font);font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--rap-c-text-3);background:var(--rap-c-surface-2);border-bottom:1px solid var(--rap-c-border);white-space:nowrap}.rap-compat__td{padding:12px;border-bottom:1px solid var(--rap-c-border);vertical-align:middle;color:var(--rap-c-text);font-weight:500;transition:background .12s var(--rap-ease)}.rap-compat__table tr:last-child .rap-compat__td{border-bottom:0}.rap-compat__table tbody tr:hover .rap-compat__td{background:var(--rap-c-surface-2)}.rap-compat__td--mono{font-family:var(--rap-font-mono);font-size:12px;color:var(--rap-c-text-2);white-space:nowrap}.rap-compat__td--badge{font-family:var(--rap-font-display);font-size:14px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.rap-compat__td--action{text-align:right}.rap-compat__table tbody tr.is-fit .rap-compat__td,.rap-compat__table tbody tr.is-fit:hover .rap-compat__td{background:var(--rap-c-green-bg)}.rap-compat__table tbody tr.is-fit .rap-compat__td:first-child{box-shadow:inset 3px 0 0 var(--rap-c-green)}.rap-compat__set{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:var(--rap-c-text);color:#fff;border:0;border-radius:var(--rap-radius-xs);font-family:var(--rap-font);font-size:11px;font-weight:700;letter-spacing:.06em;cursor:pointer;white-space:nowrap;transition:background .12s var(--rap-ease)}.rap-compat__set>span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.rap-compat__set:hover{background:var(--rap-c-accent)}.rap-compat__set[disabled]{opacity:.6;cursor:progress}.rap-compat__table tr.is-fit .rap-compat__set{background:var(--rap-c-green);pointer-events:none}.rap-compat__set-error{margin:6px 0 0;font-family:var(--rap-font);font-size:11px;color:var(--rap-c-accent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.rap-compat{padding-top:40px!important;padding-bottom:40px!important}.rap-compat__inner{padding:0 40px}.rap-compat__make-head{padding:12px 14px;gap:10px}.rap-compat__make-name{font-size:18px}.rap-compat__make-count{font-size:11px}.rap-compat__model-head{padding:12px 14px}.rap-compat__model-name{font-size:14px}.rap-compat__model-body{padding:0 14px 14px}.rap-compat__table-scroll{margin:0 -14px;padding:0 14px}.rap-compat__table th,.rap-compat__td{padding:10px}.rap-compat__td--badge{font-size:13px}.rap-compat__set{padding:6px 10px;font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-product-compat.css.map */