intex-compat-picker{display:block;position:relative;--intex-cp-dim: .5}.intex-cp__inner{display:flex;flex-direction:column}.intex-cp__native{display:none!important}.intex-cp__field{position:relative;min-width:0}.compatibility-finder__panel:has(.intex-cp__field.is-open){overflow:visible}.intex-cp__control{display:flex;align-items:center;gap:1rem;width:100%;min-width:0;min-height:4.4rem;margin:0;padding:.7rem 1.2rem;border:var(--inputs-border-width, 1px) solid rgba(var(--color-foreground),var(--inputs-border-opacity, .35));border-radius:var(--inputs-radius, 4px);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:inherit;font-size:1.5rem;line-height:1.3;text-align:start;cursor:pointer}.intex-cp__control:focus-visible{outline:none;box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width, 1px)) rgb(var(--color-foreground))}.intex-cp__field.is-empty .intex-cp__control-text{color:rgba(var(--color-foreground),.6)}.intex-cp__field.is-disabled .intex-cp__control,.intex-cp__control[disabled]{opacity:var(--intex-cp-dim, .5);cursor:not-allowed}.intex-cp__control-body{flex:1 1 auto;display:flex;flex-direction:column;gap:.1rem;min-width:0}.intex-cp__control-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intex-cp__control-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.65;line-height:1.2}.intex-cp__control-sub[hidden]{display:none}.intex-cp__control-media{flex:0 0 auto;display:flex}.intex-cp__control-media[hidden]{display:none}.intex-cp__caret,.intex-cp__spinner{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:1.4rem;pointer-events:none}.intex-cp__caret .icon-caret{width:1rem;height:.6rem;transition:transform var(--duration-short, .15s) ease}.intex-cp__field.is-open .intex-cp__caret .icon-caret{transform:rotate(180deg)}.intex-cp__spinner{display:none}.intex-cp__field.is-loading .intex-cp__spinner{display:flex}.intex-cp__field.is-loading .intex-cp__caret{display:none}.intex-cp__spinner-inner{display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem}.intex-cp__spinner-inner .spinner{width:1.8rem;height:1.8rem;animation:intexCpSpin .9s linear infinite}.intex-cp__spinner-inner .spinner .path{stroke:rgba(var(--color-foreground),.6);stroke-linecap:round;stroke-dasharray:140;stroke-dashoffset:70}@keyframes intexCpSpin{to{transform:rotate(360deg)}}.intex-cp__panel{position:absolute;z-index:3;inset-inline:0;top:calc(100% + .4rem);padding:.5rem 0;border:var(--inputs-border-width, 1px) solid rgba(var(--color-foreground),.2);border-radius:var(--popup-corner-radius, 4px);background-color:rgb(var(--color-background));box-shadow:0 .4rem 1.2rem rgba(var(--color-shadow),.12)}.intex-cp__panel[hidden]{display:none}.intex-cp__search{margin:.5rem 1rem .75rem}.intex-cp__search[hidden]{display:none}.intex-cp__search-input{height:4rem;min-height:4rem;padding:.5em 1em;font-size:max(1.4rem,16px)}.intex-cp__list{max-height:28rem;margin:0;padding:0;overflow-y:auto;list-style:none;scrollbar-width:thin}.intex-cp__list:focus-visible{outline:none}.intex-cp__option{display:flex;align-items:center;gap:1rem;padding:.7rem 1.2rem;cursor:pointer}.intex-cp__option[hidden]{display:none}.intex-cp__option:hover,.intex-cp__option.is-active{background-color:rgba(var(--color-foreground),.07)}.intex-cp__option.is-selected{font-weight:600}.intex-cp__option-text{display:flex;flex-direction:column;min-width:0;gap:.1rem}.intex-cp__option-primary{overflow:hidden;text-overflow:ellipsis;line-height:1.3}.intex-cp__option-secondary{opacity:.65;font-weight:400;line-height:1.2}.intex-cp__no-results{padding:1rem 1.2rem;opacity:.7}.intex-cp__no-results[hidden]{display:none}.intex-cp__thumb{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;overflow:hidden;border-radius:calc(var(--inputs-radius, 4px) * .75);background-color:rgba(var(--color-foreground),.05)}.intex-cp__thumb img{width:100%;height:100%;object-fit:cover}.intex-cp__thumb--empty svg{width:2rem;height:2rem;opacity:.35}.intex-cp__control .intex-cp__thumb{width:3.2rem;height:3.2rem}.intex-cp__error{color:rgb(var(--color-foreground));opacity:.85}.intex-cp__error[hidden]{display:none}.compatibility-finder__entry-thumb{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;overflow:hidden;border-radius:calc(var(--inputs-radius, 4px) * .75);background-color:rgba(var(--color-foreground),.05)}.compatibility-finder__entry-thumb img{width:100%;height:100%;object-fit:contain}.compatibility-finder__entry-body{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1 1 auto}.compatibility-finder__entry-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.65;font-size:1.2rem;line-height:1.2}.intex-cp__eyebrow{margin:0 0 10px;color:rgb(var(--color-heading));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:12px;line-height:1.2;letter-spacing:calc((var(--font-heading-scale, 1) * var(--font-heading-letter-spacing, 0em)) + .06em);text-transform:uppercase}.intex-cp__step{min-width:0}.intex-cp__step-heading{transition:opacity .15s ease}.intex-cp__step-heading:has(+.intex-cp__field .intex-cp__control[disabled]){opacity:var(--intex-cp-dim, .5)}.intex-cp__cats{margin-bottom:4px}.intex-cp__cats.is-chosen .intex-cp__cat-heading{display:none}.intex-cp__cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.intex-cp__cat-grid[hidden]{display:none}.intex-cp__cat-card{all:unset;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:2px solid transparent;border-radius:var(--cat-card-radius, 12px);background-color:#fff;cursor:pointer;font-family:inherit;transition:border-color .15s ease}.intex-cp__cat-card:hover{border-color:#0a6a8280}.intex-cp__cat-card:focus-visible{outline:2px solid #0a6a82;outline-offset:2px}.intex-cp__cat-card[aria-checked=true]{border-color:#0a6a82}.intex-cp__cat-card-media{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;background-color:#f3f9fb}.intex-cp__cat-card-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.intex-cp__cat-card-media--empty svg{width:2.4rem;height:2.4rem;opacity:.3}.intex-cp__cat-card-name{flex:1 1 auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:10px;background-color:#fff;color:#000;text-align:center}.intex-cp__cat-card-label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-family:var(--font-heading-family);font-size:11px;font-weight:600;line-height:1.25;letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere}.intex-cp__cat-chip{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:1rem;width:100%;min-height:4.4rem;padding:.6rem 1.2rem;border:1px solid rgba(var(--color-foreground),.14);border-radius:var(--inputs-radius, 4px);background-color:rgb(var(--color-background));cursor:pointer;font-family:inherit}.intex-cp__cat-chip[hidden]{display:none}.intex-cp__cat-chip:hover{border-color:#0a6a8280}.intex-cp__cat-chip:focus-visible{outline:2px solid #0a6a82;outline-offset:2px}.intex-cp__cat-chip-thumb{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;overflow:hidden;border-radius:calc(var(--inputs-radius, 4px) * .75);background-color:#fff}.intex-cp__cat-chip-thumb img{width:100%;height:100%;object-fit:contain}.intex-cp__cat-chip-text{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:.1rem}.intex-cp__cat-chip-eyebrow{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;opacity:.6}.intex-cp__cat-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.intex-cp__cat-chip-change{flex:0 0 auto;color:#0a6a82;font-size:12px;font-weight:600;text-decoration:underline}.intex-cp__option-count{flex:0 0 auto;margin-inline-start:auto;padding-inline-start:.8rem;opacity:.6;font-weight:500}
/*# sourceMappingURL=/cdn/shop/t/36/assets/intex-compat-picker.css.map */