.compatibility-finder__summary{cursor:pointer;list-style:none}.compatibility-finder__summary:hover .header__cta{--color-foreground: var(--color-link)}.compatibility-finder__summary::-webkit-details-marker{display:none}.compatibility-finder__summary::marker{content:none}compatibility-finder .compatibility-finder__panel{--cf-popup-radius: var(--popup-corner-radius);top:calc(100% + .6rem);inset-inline-end:0;width:min(38rem,calc(100vw - 3rem));max-height:calc(var(--viewport-height, 80vh) - var(--cf-panel-top, 12rem) - 3rem);overflow-y:auto;padding:2rem;background-color:rgb(var(--color-background));margin-inline-end:calc(var(--header-gap) * .75)}compatibility-finder .compatibility-finder__panel:has(.nice-select.open){overflow:visible}compatibility-finder details[open]>.compatibility-finder__panel{z-index:5}.compatibility-finder__panel--opening{will-change:transform;transform-origin:calc(50% + 50% * var(--direction-multiplier, 1)) 0;animation:animateMenuOpen var(--duration-medium) ease}.compatibility-finder__count{--cf-bubble-size: 23px;top:auto;inset-inline-end:auto;inset-inline-start:calc(var(--header-cta-pad-start, 1rem) + var(--header-cta-icon-size, 3.4rem) + .6rem - var(--cf-bubble-size));bottom:calc(50% - (var(--header-cta-icon-size, 3.4rem) / 2))}.compatibility-finder__count[hidden]{display:none}@media screen and (max-width:749.98px){.compatibility-finder__count{--cf-bubble-size: 17px}compatibility-finder .compatibility-finder__panel{position:fixed;top:calc(var(--cf-panel-top, 6rem) + .6rem);inset-inline-start:1.5rem;inset-inline-end:1.5rem;width:auto;max-height:calc(var(--viewport-height, 80vh) - var(--cf-panel-top, 6rem) - 3rem)}.compatibility-finder__panel .nice-select-search-box .field__input{font-size:max(1em,16px)}}.compatibility-finder__header{margin-bottom:.75rem;margin-top:-.75rem}.compatibility-finder__title{text-overflow:ellipsis}.compatibility-finder__back{border:0;background:none;color:inherit;font-family:inherit;font-size:inherit;cursor:pointer}.compatibility-finder__back[hidden]{display:none}.compatibility-finder__back .icon-arrow{transform:rotate(180deg);margin-inline-end:1rem;width:2.2rem;flex-shrink:0}.compatibility-finder__close{width:4rem;height:4rem;padding:1.2rem;margin-inline-end:-.5rem;border:0;background-color:transparent;color:currentColor;cursor:pointer}.compatibility-finder__close:hover{color:rgba(var(--color-foreground),.75)}.compatibility-finder__close .icon{width:2.4rem;height:auto;margin:0}.compatibility-finder__onboarding{margin-bottom:1.4rem;margin-top:-1rem}.compatibility-finder__onboarding>:first-child{margin-top:0}.compatibility-finder__onboarding>:last-child{margin-bottom:0}.compatibility-finder__onboarding[hidden],.compatibility-finder--form-open .compatibility-finder__onboarding{display:none}.compatibility-finder__list,.compatibility-finder__form{background-color:transparent}:is(.compatibility-finder__list,.compatibility-finder__form)[hidden]{display:none}.compatibility-finder__item{display:flex;flex-direction:column;gap:.6rem}.compatibility-finder__card,.compatibility-finder__entry--placeholder{border:1px solid rgba(var(--color-foreground),.14);border-radius:var(--inputs-radius, 4px);background-color:rgb(var(--color-background));transition:border-color var(--duration-short) ease,background-color var(--duration-short) ease,border-radius var(--duration-short) ease}:is(.compatibility-finder__card,.compatibility-finder__entry--placeholder) .icon-plus path{stroke-width:24px}.compatibility-finder__card:has(.compatibility-finder__tags:not([hidden])){border-radius:min(var(--inputs-radius, 4px),20px)}.compatibility-finder__card:hover{border-color:rgba(var(--color-foreground),.25)}.compatibility-finder__entry--placeholder{border:1px dashed rgba(var(--color-foreground),.3)}.compatibility-finder__entry--placeholder:hover{border:1px dashed rgba(var(--color-foreground),.6)}.compatibility-finder__entry--placeholder .compatibility-finder__entry-main{padding-inline-end:1.4rem}.compatibility-finder__entry-main{padding:1.2rem 0;padding-inline-start:1.4rem;border:0;background:none;color:inherit;font-family:inherit;font-size:inherit;line-height:1.4;cursor:pointer}.compatibility-finder__entry-main .icon{flex-shrink:0;width:2.2rem;height:2.2rem}.compatibility-finder__entry-name{text-overflow:ellipsis}.compatibility-finder__plus{width:2rem;height:2rem;opacity:.6}.compatibility-finder__entry-actions{margin-inline-end:.8rem}.compatibility-finder__action{width:3.2rem;height:3.2rem;border:0;border-radius:50%;background:none;color:inherit;cursor:pointer;transition:color var(--duration-short) ease}.compatibility-finder__action .icon{width:1.6rem;height:1.6rem;fill:currentColor}.compatibility-finder__action:hover{color:rgb(var(--color-link))}@keyframes compatibilityFinderReveal{0%{opacity:0;transform:translateY(-.6rem)}to{opacity:1;transform:translateY(0)}}.compatibility-finder__tags{display:flex;flex-direction:column;padding:0;border-top:1px solid rgba(var(--color-foreground),.14);animation:compatibilityFinderReveal var(--duration-default) ease}.compatibility-finder__tags[hidden]{display:none}.compatibility-finder__tags.compatibility-finder__tags--revealing{display:flex;align-items:center;justify-content:center;padding:1.6rem 0}.compatibility-finder__tag{gap:1rem;padding:.8rem 1.2rem;padding-inline-start:var(--cf-tag-indent, 4.6rem);color:inherit;line-height:1.4}.compatibility-finder__tag:hover .compatibility-finder__tag-label{text-decoration:underline}.compatibility-finder__tag .icon{flex-shrink:0;width:1.6rem;height:1.6rem;opacity:.45}.compatibility-finder__tag+.compatibility-finder__tag:before{content:"";position:absolute;top:0;inset-inline-start:var(--cf-tag-indent, 4.6rem);inset-inline-end:0;border-top:1px solid rgba(var(--color-foreground),.12)}.compatibility-finder__tag-text{align-items:baseline;gap:.4rem}.compatibility-finder__tag-label{text-overflow:ellipsis}.compatibility-finder__tag-count{opacity:.6}.compatibility-finder__tag-image{width:4rem;height:3.2rem;object-fit:contain;border-radius:min(calc(var(--inputs-radius, 4px) * .6),10px);align-self:flex-start}.compatibility-finder__tags--grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:0;padding-inline-start:1.4rem;border-top:0}.compatibility-finder__tags--grid .compatibility-finder__tag{align-items:flex-start;gap:.8rem;padding:.9rem 1rem;padding-inline-start:1rem;border:1px solid rgba(var(--color-foreground),.09);border-radius:min(var(--inputs-radius, 4px),10px);background-color:rgb(var(--color-background));font-size:.85em}.compatibility-finder__tags--grid .compatibility-finder__tag-image{width:3.4rem}.compatibility-finder__tags--grid .compatibility-finder__tag:not(:has(img)){padding:.8rem 1.3rem}.compatibility-finder__tags--grid .compatibility-finder__tag-text{flex-direction:column;align-items:flex-start;gap:.1rem}.compatibility-finder__tags--grid .compatibility-finder__tag+.compatibility-finder__tag:before{content:none}.compatibility-finder__tags--grid .compatibility-finder__tag-label{overflow:visible;text-overflow:clip;white-space:normal}.compatibility-finder__tags--grid .compatibility-finder__tag-count{font-size:.9em;opacity:.7}compatibility-finder:not([data-show-product-count]) .compatibility-finder__tags--grid .compatibility-finder__tag{align-items:center}compatibility-finder:not([data-show-product-count]) .compatibility-finder__tags--grid .compatibility-finder__tag-image{align-self:auto}.compatibility-finder__tags--loading{opacity:.5}.compatibility-finder__tags--revealing .loading__spinner{position:static;opacity:.6}.compatibility-finder__panel .quick-filter__inner{flex-direction:column;width:100%}.compatibility-finder__panel .field__label{font-size:1.4rem;top:calc(1.1rem + var(--inputs-border-width))}.compatibility-finder__panel .quick-filter__select-container{--popup-corner-radius: var(--cf-radius, var(--cf-popup-radius))}.compatibility-finder__panel .quick-filter__select-container .select{background-color:rgb(var(--color-background));border-radius:var(--inputs-radius)}.compatibility-finder__panel .quick-filter__select-container .select .icon-caret{position:absolute}.compatibility-finder__panel .quick-filter__select-container .nice-select{flex:1 1 auto;width:auto;min-width:0}.compatibility-finder__panel quick-filter{width:100%;min-width:0;z-index:auto}.compatibility-finder__panel quick-filter[data-mode=filter] .quick-filter__select-container{flex:0 0 auto;width:100%;min-width:0}.compatibility-finder__panel .nice-select .nice-select-dropdown{display:none}.compatibility-finder__panel .nice-select.open .nice-select-dropdown{display:block}.compatibility-finder__empty{margin:0 0 1rem;opacity:.8}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-compatibility-finder.css.map */
