.accessory-finder{--finder-border: rgba(var(--color-foreground), .12);--finder-soft-border: rgba(var(--color-foreground), .08);--finder-soft-bg: rgba(var(--color-foreground), .03);--finder-accent: rgb(var(--color-button));display:block}.accessory-finder [hidden],.accessory-finder__selection[hidden],.accessory-finder__state.hidden,.accessory-finder__results-fragment.hidden,.accessory-finder__dropdown[hidden],.accessory-finder__category-pane.hidden{display:none!important}.accessory-finder__shell{display:grid;gap:1.8rem}.accessory-finder__intro{max-width:76rem;display:grid;gap:.8rem}.accessory-finder__eyebrow,.accessory-finder-results__eyebrow,.accessory-finder-results__kicker,.accessory-finder__state-kicker{margin:0;font-size:1.2rem;letter-spacing:.24rem;text-transform:uppercase;opacity:.7}.accessory-finder__headline{margin:0;font-size:clamp(3rem,4vw,4.8rem);line-height:1}.accessory-finder__description{max-width:62rem}.accessory-finder__layout{display:grid;gap:1.6rem;align-items:start}.accessory-finder__controls,.accessory-finder__results-column{display:grid;gap:1.6rem}.accessory-finder__controls{position:relative;z-index:2}.accessory-finder__results-column{position:relative;z-index:1}.accessory-finder__control-shell{position:relative;z-index:2;display:grid;gap:0;overflow:visible;border:.1rem solid var(--finder-border);border-radius:2rem;isolation:isolate;background:linear-gradient(180deg,rgba(var(--color-background),.96),rgba(var(--color-background),1));box-shadow:0 1.4rem 4rem rgba(var(--color-foreground),.05)}.accessory-finder__panel,.accessory-finder__result-panel,.accessory-finder__selection{position:relative;overflow:hidden;border:.1rem solid var(--finder-border);border-radius:2.4rem;background:radial-gradient(circle at top right,rgba(var(--color-foreground),.07),transparent 34%),linear-gradient(180deg,rgba(var(--color-background),.92),rgba(var(--color-background),1));box-shadow:0 1.8rem 5rem rgba(var(--color-foreground),.06)}.accessory-finder__panel{padding:1.8rem}.accessory-finder__control-shell .accessory-finder__panel{border:0;border-radius:0;box-shadow:none;background:transparent}.accessory-finder__control-shell .accessory-finder__panel+.accessory-finder__panel{border-top:.1rem solid var(--finder-soft-border)}.accessory-finder__control-shell .accessory-finder__panel:first-child{border-top-left-radius:2rem;border-top-right-radius:2rem}.accessory-finder__control-shell .accessory-finder__panel:last-child{border-bottom-left-radius:2rem;border-bottom-right-radius:2rem}.accessory-finder__panel.accessory-finder__panel--hero{position:relative;z-index:2;overflow:visible;padding:2rem;background:linear-gradient(135deg,rgba(var(--color-button),.12),rgba(var(--color-background),.98) 36%),rgba(var(--color-background),.99)}.accessory-finder__selection{display:flex;justify-content:space-between;gap:1.2rem;align-items:center;min-height:9.2rem;padding:1.4rem 1.6rem}.accessory-finder__selection{display:none!important}.accessory-finder__selection-title:empty,.accessory-finder__selection-meta:empty{display:none}.accessory-finder__selection-label{margin:0 0 .4rem;font-size:1.2rem;letter-spacing:.12rem;text-transform:uppercase;opacity:.7}.accessory-finder__selection-title{margin:0;font-size:1.8rem}.accessory-finder__selection-meta{margin:.6rem 0 0;font-size:1.3rem;opacity:.75}.accessory-finder__selection-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1rem}.accessory-finder__panel-head{display:grid;gap:.5rem;margin-bottom:1.4rem}.accessory-finder__panel-head--hero{gap:.4rem;margin-bottom:1.1rem}.accessory-finder__panel-head h3{margin:0;font-size:1.9rem;line-height:1.15}.accessory-finder__panel-head--hero h3{font-size:clamp(1.9rem,2.3vw,2.5rem);line-height:1.02;max-width:none}.accessory-finder__step{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:.16rem;text-transform:uppercase;color:var(--finder-accent)}.accessory-finder__panel-text{margin:0;max-width:48rem;font-size:1.15rem;line-height:1.4;opacity:.72}.accessory-finder__hero-layout{display:grid;gap:.4rem}.accessory-finder__hero-main,.accessory-finder__hero-help{display:grid;gap:.55rem}.accessory-finder__field-cluster--hero{margin-top:0;gap:.55rem}.accessory-finder__combobox--hero{position:relative;z-index:3;gap:.5rem}.accessory-finder__input--hero{min-height:5.1rem;padding-left:1.5rem;padding-right:7rem;font-size:1.35rem;border-radius:1.8rem;border-color:rgba(var(--color-button),.24);box-shadow:0 1rem 2.4rem rgba(var(--color-foreground),.06)}.accessory-finder__dropdown--hero{top:calc(100% + 1rem);right:auto;width:min(72rem,calc(100vw - 6rem));max-width:calc(100vw - 6rem);z-index:60}.accessory-finder__hero-help{display:flex;flex-wrap:wrap;gap:.6rem}.accessory-finder__helper-pill{display:inline-flex;align-items:center;min-height:3rem;padding:.5rem .9rem;border-radius:999px;border:.1rem solid var(--finder-soft-border);background:rgba(var(--color-background),.85);font-size:1.15rem;font-weight:600}.accessory-finder__category-tabs{display:flex;gap:.8rem;margin-bottom:1rem}.accessory-finder__category-tab{min-height:3.8rem;padding:.7rem 1.2rem;border:.1rem solid var(--finder-border);border-radius:999px;background:rgba(var(--color-background),.92);color:inherit;font:inherit;font-size:1.25rem;font-weight:600}.accessory-finder__category-tab.is-active,.accessory-finder__category-tab:hover,.accessory-finder__category-tab:focus-visible{border-color:rgba(var(--color-button),.45);background:rgba(var(--color-button),.12)}.accessory-finder__category-pane.hidden{display:none}.accessory-finder__category-grid{display:grid;gap:.6rem;grid-template-columns:1fr;max-height:20rem;overflow:auto;padding-right:.2rem}.accessory-finder__category-button{min-height:auto;padding:1.1rem 1.2rem;border:.1rem solid var(--finder-border);border-radius:1.4rem;background:rgba(var(--color-background),.98);color:inherit;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;text-align:left;transition:border-color .15s ease,background-color .15s ease}.accessory-finder__category-button:hover,.accessory-finder__category-button:focus-visible,.accessory-finder__category-button.is-active{border-color:rgba(var(--color-button),.45);background:rgba(var(--color-button),.08)}.accessory-finder__category-button.is-active{background:rgba(var(--color-button),.12)}.accessory-finder__category-title{font-size:1.35rem;line-height:1.35;font-weight:600}.accessory-finder__category-arrow{width:2.6rem;height:2.6rem;border-radius:999px;border:.1rem solid var(--finder-soft-border);display:inline-flex;align-items:center;justify-content:center;font-size:2rem;line-height:1}.accessory-finder__field-cluster{margin-top:1.4rem;display:grid;gap:.8rem}.accessory-finder__field-cluster--search{margin-top:0}.accessory-finder__label{font-size:1.25rem;font-weight:600}.accessory-finder__combobox{position:relative;display:grid;gap:.8rem}.accessory-finder__input{width:100%;min-height:5rem;padding:1.2rem 5.8rem 1.2rem 1.4rem;border-radius:1.4rem;border:.1rem solid var(--finder-border);background:rgba(var(--color-background),.98);color:inherit;font:inherit}.accessory-finder__input:focus{outline:none;border-color:rgba(var(--color-button),.5);box-shadow:0 0 0 .3rem rgba(var(--color-button),.12)}.accessory-finder__input:disabled{cursor:not-allowed;opacity:.55;background:var(--finder-soft-bg)}.accessory-finder__input-action{position:absolute;top:50%;right:1.2rem;transform:translateY(-50%);border:0;background:transparent;color:inherit;font:inherit;font-size:1.25rem;opacity:.72}.accessory-finder__dropdown{position:absolute;top:calc(100% + .8rem);left:0;right:0;z-index:20;border-radius:1.8rem;border:.1rem solid var(--finder-border);background:rgba(var(--color-background),.98);box-shadow:0 2rem 5rem rgba(var(--color-foreground),.12)}.accessory-finder__dropdown--inline{position:relative;inset:auto;margin-top:0;box-shadow:none}.accessory-finder__suggestions{list-style:none;margin:0;padding:.4rem;max-height:32rem;overflow:auto}.accessory-finder__suggestions li+li{border-top:.1rem solid var(--finder-soft-border)}.accessory-finder__suggestion{width:100%;border:0;background:transparent;display:grid;grid-template-columns:5.6rem minmax(0,1fr);gap:1.2rem;align-items:center;padding:1rem;border-radius:1rem;text-align:left;color:inherit}.accessory-finder__suggestion:hover,.accessory-finder__suggestion:focus-visible{background:var(--finder-soft-bg)}.accessory-finder__suggestion-media{width:5.6rem;height:5.6rem;border-radius:1.2rem;overflow:hidden;background:var(--finder-soft-bg);display:flex;align-items:center;justify-content:center}.accessory-finder__suggestion-media img{width:100%;height:100%;object-fit:cover}.accessory-finder__suggestion-placeholder{font-size:1.8rem;font-weight:700;opacity:.6}.accessory-finder__suggestion-copy{min-width:0;display:grid;gap:.3rem}.accessory-finder__suggestion-copy strong,.accessory-finder__suggestion-copy span{display:block;overflow:hidden;text-overflow:ellipsis}.accessory-finder__suggestion-copy strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;line-height:1.3}.accessory-finder__suggestion-copy span{white-space:nowrap;font-size:1.25rem;opacity:.72}.accessory-finder__suggestion-empty{padding:1.2rem 1rem;font-size:1.35rem;opacity:.76}.accessory-finder__hint{margin:0;font-size:1.25rem;opacity:.75}.accessory-finder__notice{padding:1.6rem;border-radius:1.8rem;border:.1rem dashed var(--finder-border);background:var(--finder-soft-bg)}.accessory-finder__notice strong,.accessory-finder__notice p{margin:0}.accessory-finder__notice p{margin-top:.6rem;opacity:.75}.accessory-finder__result-panel{display:grid;align-content:start;min-height:36rem;padding:1.8rem}.accessory-finder__state{position:relative;min-height:100%;border-radius:1.8rem}.accessory-finder__state--idle,.accessory-finder__state--error{display:grid;gap:.9rem;min-height:32rem;padding:2.4rem}.accessory-finder__state--idle{align-content:center;background:rgba(var(--color-background),.96)}.accessory-finder__state--error{align-content:center;border:.1rem solid var(--finder-soft-border);background:linear-gradient(180deg,rgba(var(--color-button),.05),rgba(var(--color-background),.96)),var(--finder-soft-bg)}.accessory-finder__results-column[data-selection-state=empty] .accessory-finder__selection{display:none!important}.accessory-finder__results-column[data-selection-state=empty] .accessory-finder__result-panel{min-height:41rem;padding:0}.accessory-finder__results-column[data-selection-state=empty] .accessory-finder__state--idle{min-height:41rem;padding:3.2rem;border-radius:0;background:linear-gradient(180deg,rgba(var(--color-background),.98),rgba(var(--color-background),.95))}.accessory-finder__results-column[data-selection-state=empty] .accessory-finder__state--idle>*{position:relative;z-index:1}.accessory-finder__state--loading{min-height:39rem;display:grid;place-items:center;gap:1rem;text-align:center}.accessory-finder__state-icon{width:5.2rem;height:5.2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:.1rem solid rgba(var(--color-button),.18);background:rgba(var(--color-button),.06);color:rgba(var(--color-foreground),.82)}.accessory-finder__state-icon .icon{width:2rem;height:2rem}.accessory-finder__state-title{margin:0;font-size:clamp(2rem,2.4vw,2.6rem);line-height:1.08}.accessory-finder__state-text{max-width:38rem;margin:0;font-size:1.3rem;line-height:1.55;opacity:.74}.accessory-finder__results-fragment{display:block}.accessory-finder-results{display:grid;gap:1.6rem}.accessory-finder-results__summary{display:grid;gap:1.2rem;padding:1.4rem;border-radius:2rem;border:.1rem solid var(--finder-soft-border);background:var(--finder-soft-bg)}.accessory-finder-results__media{width:min(20rem,36vw)}.accessory-finder-results__image{display:block;width:100%;height:auto;border-radius:1.8rem;background:rgba(var(--color-background),.9)}.accessory-finder-results__copy{display:grid;gap:.9rem}.accessory-finder-results__title{margin:0;font-size:clamp(1.9rem,2.5vw,2.6rem);line-height:1.05}.accessory-finder-results__meta{display:flex;flex-wrap:wrap;gap:.8rem}.accessory-finder-results__badge{display:inline-flex;align-items:center;min-height:3.2rem;padding:0 1.2rem;border-radius:999px;border:.1rem solid var(--finder-border);background:rgba(var(--color-background),.92);font-size:1.25rem;font-weight:600}.accessory-finder-results__machine-link{width:fit-content;display:inline-flex;align-items:center;gap:.5rem;margin-top:.2rem;color:inherit;font-size:1.25rem;font-weight:600;line-height:1.2;text-decoration:none;opacity:.82}.accessory-finder-results__machine-link .icon-arrow{width:1.3rem}.accessory-finder-results__machine-link:hover,.accessory-finder-results__machine-link:focus-visible{opacity:1}.accessory-finder-results__breadcrumb .product-page-header__breadcrumb-list{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0}.accessory-finder-results__breadcrumb .product-page-header__breadcrumb-item{display:inline-flex;align-items:center;gap:.6rem;font-size:1.25rem;opacity:.72}.accessory-finder-results__breadcrumb .product-page-header__breadcrumb-item:not(:last-child):after{content:"/";opacity:.35}.accessory-finder-results__heading-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:baseline}.accessory-finder-results__count{margin:0;font-size:1.35rem;opacity:.7}.accessory-finder-results__grid{display:grid;gap:1rem;grid-template-columns:1fr}.accessory-finder-card{display:grid;grid-template-columns:9.2rem minmax(0,1fr);gap:1rem;align-items:center;padding:1rem 1.2rem;border-radius:1.4rem;border:.1rem solid var(--finder-soft-border);background:rgba(var(--color-background),.98);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.accessory-finder-card:hover{transform:translateY(-.2rem);border-color:rgba(var(--color-button),.24);box-shadow:0 1.4rem 3.2rem rgba(var(--color-foreground),.08)}.accessory-finder-card__image-link{display:block;width:9.2rem;height:9.2rem;overflow:hidden;border-radius:1.2rem;background:var(--finder-soft-bg)}.accessory-finder-card__image-link img,.accessory-finder-card__image{width:100%;height:100%;object-fit:contain}.accessory-finder-card__content{display:grid;gap:.55rem}.accessory-finder-card__title{font-size:1.55rem;font-weight:600;line-height:1.35;color:inherit;text-decoration:none}.accessory-finder-card__meta{margin:0;font-size:1.25rem;opacity:.7}.accessory-finder-card__price{margin:0;font-size:1.55rem;font-weight:700}.accessory-finder-results__empty{padding:2rem;border-radius:1.8rem;border:.1rem dashed var(--finder-border);background:var(--finder-soft-bg)}.accessory-finder-results__empty h3,.accessory-finder-results__empty p{margin:0}.accessory-finder-results__empty p{margin-top:.8rem;opacity:.76}.accessory-finder .loading__spinner{display:inline-flex}@media screen and (min-width:990px){.accessory-finder__layout{grid-template-columns:minmax(0,.92fr) minmax(32rem,1.08fr)}.accessory-finder__controls{position:sticky;top:calc(var(--header-height, 10rem) + 2rem)}.accessory-finder-results__summary{grid-template-columns:auto minmax(0,1fr);align-items:center}}@media screen and (max-width:989px){.accessory-finder__selection{align-items:flex-start;flex-direction:column}.accessory-finder__selection-actions{width:100%;justify-content:flex-start}}@media screen and (max-width:749px){.accessory-finder__panel,.accessory-finder__result-panel{padding:1.5rem;border-radius:2rem}.accessory-finder__panel--hero{padding:1.7rem 1.5rem}.accessory-finder__panel-head--hero h3{max-width:none}.accessory-finder__input--hero{min-height:5.2rem;font-size:1.3rem}.accessory-finder__dropdown--hero{width:calc(100vw - 3rem);max-width:calc(100vw - 3rem)}.accessory-finder__category-button{padding:1rem 1.1rem}.accessory-finder-results__media{width:11rem}.accessory-finder-card{grid-template-columns:7.4rem minmax(0,1fr)}.accessory-finder-card__image-link{width:7.4rem;height:7.4rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-accessory-finder.css.map */