.cable-guide{padding-block:clamp(2.4rem,5vw,6.4rem)}.cable-guide__panel{overflow:hidden;padding:clamp(2rem,4vw,4rem);color:var(--cable-guide-panel-text);background:var(--cable-guide-panel);border-radius:clamp(.8rem,1.5vw,1.6rem)}.cable-guide__panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:2.4rem}.cable-guide__title{margin:0;color:var(--cable-guide-panel-text)}.cable-guide__actions{flex:0 0 auto}.cable-guide__reset{padding:.5rem 0;color:var(--cable-guide-accent);background:transparent;border:0;cursor:pointer;font:inherit;font-weight:600}.cable-guide__reset:hover{color:var(--cable-guide-panel-text)}.cable-guide__loading{display:flex;justify-content:center;padding:4rem 0}.cable-guide__spinner{display:block;width:3.2rem;height:3.2rem;border:.3rem solid color-mix(in srgb,var(--cable-guide-panel-text) 22%,transparent);border-top-color:var(--cable-guide-accent);border-radius:50%;animation:cable-guide-spin .7s linear infinite}@keyframes cable-guide-spin{to{transform:rotate(360deg)}}.cable-guide__filter{display:flex;flex-direction:column;gap:3.2rem}.cable-guide__step{display:flex;min-width:0;flex-direction:column;gap:1.4rem}.cable-guide__step--output{padding-top:3.2rem;border-top:.1rem solid color-mix(in srgb,var(--cable-guide-panel-text) 18%,transparent)}.cable-guide__step--output[aria-disabled=true] .cable-guide__step-label{opacity:.55}.cable-guide__step-label{margin:0;color:var(--cable-guide-panel-text);font-size:1.4rem;font-weight:700;line-height:1.4}.cable-guide__connectors{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem}.cable-guide__connector-btn{display:flex;min-width:0;min-height:12.8rem;max-width:12.8rem;align-items:center;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.2rem .8rem;color:var(--cable-guide-panel);text-align:center;background:var(--cable-guide-surface);border:.2rem solid transparent;border-radius:.8rem;box-shadow:0 .2rem .8rem #0000001f;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.cable-guide__connector-btn:hover:not(:disabled){border-color:var(--cable-guide-accent)}.cable-guide__connector-btn:focus-visible,.cable-guide__reset:focus-visible{outline:.3rem solid var(--cable-guide-accent);outline-offset:.3rem}.cable-guide__connector-btn[aria-pressed=true]{color:var(--cable-guide-panel);background:var(--cable-guide-accent);border-color:var(--cable-guide-accent);box-shadow:0 0 0 .2rem var(--cable-guide-panel),0 0 0 .4rem var(--cable-guide-accent)}.cable-guide__connector-btn:disabled{cursor:not-allowed}.cable-guide__connector-btn.is-unavailable{opacity:.38;filter:blur(.7px) grayscale(1);box-shadow:none}.cable-guide__connector-btn.hidden{display:none}.cable-guide__connector-media{position:relative;display:flex;width:6.8rem;height:6.8rem;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.cable-guide__connector-img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .2s ease}.cable-guide__connector-img--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;mix-blend-mode:multiply}.cable-guide__connector-btn:hover:not(:disabled) .cable-guide__connector-media--has-hover .cable-guide__connector-img--default,.cable-guide__connector-btn:focus-visible .cable-guide__connector-media--has-hover .cable-guide__connector-img--default{opacity:0}.cable-guide__connector-btn:hover:not(:disabled) .cable-guide__connector-media--has-hover .cable-guide__connector-img--hover,.cable-guide__connector-btn:focus-visible .cable-guide__connector-media--has-hover .cable-guide__connector-img--hover{opacity:1}.cable-guide__connector-label{font-size:1.2rem;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.cable-guide__error{margin:0;padding:2.4rem;color:var(--cable-guide-panel-text);text-align:center;border:.1rem solid color-mix(in srgb,var(--cable-guide-panel-text) 30%,transparent);border-radius:.8rem}.cable-guide__results{margin-top:clamp(3.2rem,5vw,5.6rem)}.cable-guide__results-heading{margin:0 0 2.4rem;color:rgb(var(--color-heading));text-align:center}.cable-guide__directional-note{display:flex;max-width:80rem;align-items:flex-start;gap:1.6rem;margin:0 auto 3.2rem;padding:1.8rem 2rem;color:var(--cable-guide-panel);background:color-mix(in srgb,var(--cable-guide-accent) 18%,var(--cable-guide-surface));border-inline-start:.4rem solid var(--cable-guide-accent);border-radius:.8rem}.cable-guide__directional-icon{display:inline-flex;width:3.6rem;height:3.6rem;align-items:center;justify-content:center;flex:0 0 auto;color:var(--cable-guide-panel);background:var(--cable-guide-accent);border-radius:50%;font-size:2.2rem;font-weight:700}.cable-guide__directional-title{margin:0 0 .3rem;font-weight:700}.cable-guide__directional-copy{margin:0;line-height:1.5}.cable-guide__results .badge--custom{color:var(--cable-guide-panel);background:var(--cable-guide-accent)}.cable-guide__no-results{padding:4rem 2rem;color:rgba(var(--color-foreground),.68);font-size:1.6rem;text-align:center}.cable-guide__placeholder{padding:4rem;color:rgba(var(--color-foreground),.5);text-align:center}@media screen and (max-width:749px){.cable-guide__panel{margin-inline:-1.5rem;border-radius:0}.cable-guide__panel-header{align-items:center}.cable-guide__connectors{grid-auto-columns:10.5rem;grid-auto-flow:column;grid-template-columns:none;justify-content:start;padding:.3rem .3rem 1rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-color:var(--cable-guide-accent) transparent}.cable-guide__connector-btn{scroll-snap-align:start}.cable-guide__directional-note{gap:1.2rem;padding:1.6rem}}@media screen and (min-width:750px){.cable-guide__connectors{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.cable-guide__connector-btn{min-height:14.8rem;max-width:14.8rem;padding:1.6rem 1rem}.cable-guide__connector-media{width:8.4rem;height:8.4rem}.cable-guide__connector-label{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.cable-guide__connector-btn,.cable-guide__connector-img{transition:none}.cable-guide__spinner{animation-duration:1.4s}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-cable-guide.css.map */