.containerCables.hidden{display:none}.containerCables .carousel{justify-content:safe center;min-height:var(--configHeight);padding:var(--gapXXLarge) var(--gapXXLarge) calc(var(--gapXXLarge) + var(--gapSides));gap:var(--gapXXXLarge)}.containerCables .cable{--gapOffset: var(--gapXXXLarge)}.containerCables .carousel .cable[data-instance-id].adding{animation:addCableFade var(--animationNormal)}@keyframes addCableFade{0%{opacity:0;transform:scale(.95) translateY(-16px);flex-basis:0;width:0;min-width:0;margin-left:calc(var(--gapOffset) * -.5);margin-right:calc(var(--gapOffset) * -.5)}35%{opacity:0;transform:scale(.95) translateY(-16px);flex-basis:var(--targetWidth);width:var(--targetWidth);min-width:var(--targetWidth);margin-left:0;margin-right:0}to{opacity:1;transform:scale(1) translateY(0);flex-basis:var(--targetWidth);width:var(--targetWidth);min-width:var(--targetWidth);margin-left:0;margin-right:0}}.containerCables .carousel .cable[data-instance-id].removing{animation:removeCableFade var(--animationNormal) forwards}@keyframes removeCableFade{0%{opacity:1;transform:scale(1) translateY(0);flex-basis:var(--initialWidth);width:var(--initialWidth);min-width:var(--initialWidth);margin:0}50%{opacity:0;transform:scale(.95) translateY(-16px);flex-basis:var(--initialWidth);width:var(--initialWidth);min-width:var(--initialWidth);margin:0}to{opacity:0;transform:scale(.95) translateY(-16px);flex-basis:0;width:0;min-width:0;margin-left:calc(var(--gapOffset) * -.5);margin-right:calc(var(--gapOffset) * -.5)}}.containerCables .carousel .cable[data-instance-id].highlight{transition:transform var(--animationNormal);transform:translateY(-4px)}.containerEmpty[data-astro-cid-cmgtseiy]{display:flex;flex-direction:column;width:var(--innerWidth);max-width:var(--fullWidth);padding:0 var(--gapSides) var(--gapXXLarge);justify-content:space-between;min-height:var(--configHeight);max-height:var(--configHeight);transition:var(--animationNormal);@starting-style{opacity:0}}.containerEmpty[data-astro-cid-cmgtseiy].fadeIn{animation:emptyFadeIn var(--animationNormal)}.containerEmpty[data-astro-cid-cmgtseiy].fadeOut{animation:emptyFadeOut var(--animationNormal)}@keyframes emptyFadeIn{0%{opacity:0}to{opacity:1}}@keyframes emptyFadeOut{0%{opacity:1}to{opacity:0}}.containerEmpty[data-astro-cid-cmgtseiy].hidden{display:none;opacity:0}.containerEmptyRow[data-astro-cid-cmgtseiy]{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:var(--gapSmall)}.containerEmptyTitle[data-astro-cid-cmgtseiy]{display:flex;flex-direction:column;gap:var(--gapTiny);min-width:fit-content;text-wrap:balance}.containerEmptyTitle[data-astro-cid-cmgtseiy] p[data-astro-cid-cmgtseiy]{text-wrap:balance}.containerEmptyCable[data-astro-cid-cmgtseiy]{display:flex;align-items:center;justify-content:safe end;width:100%}.imagesContent[data-astro-cid-cmgtseiy] .carouselWrapper{padding:0 calc(var(--margin) * 1);margin:0 calc(var(--margin) * -1) var(--gapSmall);width:calc(100% + var(--margin) * 2)}.imagesContent[data-astro-cid-cmgtseiy] .carouselWrapper:before{content:"";position:absolute;border-bottom:1px dashed var(--borderColor);border-image:var(--gridLineHorizontal);left:var(--margin);right:var(--margin);bottom:0}.imagesContent[data-astro-cid-cmgtseiy] .carousel{padding:var(--gapTiny) var(--margin) calc(var(--gapSmall) + 1px);margin:0 calc(var(--margin) * -1);width:calc(100% + var(--margin) * 2)}.imagesContent .imagesPreview.button{background:transparent;border-radius:calc(var(--radiusCard) * .5);padding:var(--gapLarge)}.imagesPreview.button.selected{background:var(--cardColorHighlight)}.imagesContainerWrapper[data-astro-cid-cmgtseiy]{display:flex;flex-direction:column;overflow-y:hidden;overflow-x:auto;background:var(--cardColorHighlight);background-image:var(--repeatingGridLines);border-radius:calc(var(--radiusCard) * .5);margin-left:calc(var(--margin) * -.5);width:calc(100% + calc(var(--margin) * 1));min-height:fit-content;scrollbar-width:thin;scrollbar-color:var(--headerColor) var(--cardColor);user-select:none;position:relative;transition:box-shadow var(--animationNormal);box-shadow:0 0 rgba(var(--headerRaw),0)}.imagesContainerWrapper[data-astro-cid-cmgtseiy]:has(.imagesContainer.scan){box-shadow:0 0 0 4px rgba(var(--headerRaw),var(--lowOpacity))}.imagesContainerWrapper[data-astro-cid-cmgtseiy]:hover{cursor:grab}.imagesContainerWrapper[data-astro-cid-cmgtseiy].dragging{cursor:grabbing}.imagesContainerBecause[data-astro-cid-cmgtseiy]{width:fit-content;margin:0 auto}.imagesContainerBecause[data-astro-cid-cmgtseiy].aspectRatio{overflow:hidden;max-width:500px;display:flex;border-left:var(--gridLine);border-right:var(--gridLine);border-image:var(--gridLineVertical);background:var(--cardColorHighlight)}.imagesContainer[data-astro-cid-cmgtseiy]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gapMedium);background:var(--cardColorHighlight);aspect-ratio:4 / 5;overflow:hidden;transition:background-color var(--animationNormal);position:relative;width:fit-content;padding:var(--gapXXLarge)}.imagesContainer[data-astro-cid-cmgtseiy].scan:after{content:"";height:100%;width:4rem;position:absolute;inset:0 0 0 -15%;z-index:5;background:linear-gradient(90deg,transparent 0%,rgba(var(--primaryColorRaw),var(--quarterOpacity)) 30%,rgba(var(--primaryColorRaw),var(--halfOpacity)) 50%,rgba(var(--primaryColorRaw),var(--quarterOpacity)) 70%,transparent 100%);animation:scanImage var(--animationNormal) forwards;animation-duration:1.5s;animation-delay:.5s}@keyframes scanImage{0%{left:-15%}to{left:100%}}.imagesContainer[data-astro-cid-cmgtseiy]>*{z-index:1}.imagesContainer[data-astro-cid-cmgtseiy] .logo{height:20px;transition:var(--animationNormal)}.imagesContainerCables{display:flex;flex-direction:row;gap:var(--gapXLarge);align-items:center;justify-content:center;min-height:calc(var(--rowHeight) + var(--connectorHeight));min-width:500px}.imagesContainerCables .cable{--rowGap: var(--gapMini);--rowsShadow: rgba(var(--darkColorRaw), .035) -1.5px 1px 1px, rgba(var(--darkColorRaw), .05) -3.4px 2.3px 2.3px, rgba(var(--darkColorRaw), .063) -5.9px 3.9px 3.9px, rgba(var(--darkColorRaw), .075) -9.4px 6.3px 6.3px, rgba(var(--darkColorRaw), .086) -14.5px 9.7px 9.7px, rgba(var(--darkColorRaw), .098) -22.6px 15.1px 15.1px, rgba(var(--darkColorRaw), .114) -37.5px 25px 25px, rgba(var(--darkColorRaw), .15) -75px 50px 50px;--rowShadow: inset 0 -1px 6px 2px var(--darkColor), -4px 8px 4px 0px rgba(var(--darkColorRaw), var(--quarterOpacity)), 0 0px 0 1px var(--darkColor);--connectorShadow: drop-shadow(-2px 2px 1px rgba(var(--darkColorRaw), var(--quarterOpacity))) drop-shadow(-4px 4px 2px rgba(var(--darkColorRaw), var(--quarterOpacity))) drop-shadow(-8px 8px 4px rgba(var(--darkColorRaw), var(--quarterOpacity))) drop-shadow(-16px 16px 8px rgba(var(--darkColorRaw), var(--quarterOpacity)));--connectorShadowWhite: drop-shadow(-2px 2px 1px rgba(var(--darkColorRaw), var(--lowOpacity))) drop-shadow(-4px 4px 2px rgba(var(--darkColorRaw), var(--lowOpacity))) drop-shadow(-8px 8px 4px rgba(var(--darkColorRaw), var(--lowOpacity))) drop-shadow(-16px 16px 8px rgba(var(--darkColorRaw), var(--lowOpacity)))}.imagesContainerCables .cable .rows:before,.imagesConfiguratorCables .cable .rows:before{display:none}.imagesContainerWrapper .cable:hover{transform:none}.imagesContainerCables.darkBG .cable{--rowsShadow: -1px 2px 1px rgba(var(--darkColorRaw), .6), -2px 4px 1px rgba(var(--darkColorRaw), .3);--connectorShadow: drop-shadow(-1px 2px 1px rgba(var(--darkColorRaw), .6)) drop-shadow(-2px 4px 1px rgba(var(--darkColorRaw), .3));--connectorShadowWhite: drop-shadow(-1px 2px 1px rgba(var(--darkColorRaw), .4)) drop-shadow(-2px 4px 1px rgba(var(--darkColorRaw), .2))}.colorPicker input[type=color]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;inset:0;border-radius:inherit}.imagesBackgroundColor .swatch.lightGray .buttonExtra{background:var(--imagePresetLightBg)}.imagesBackgroundColor .swatch.darkGray .buttonExtra{background:var(--imagePresetDarkBg)}.imagesBackgroundColor .swatch.primaryColor .buttonExtra{background:var(--primaryColor)}.imagesBackgroundColor .colorPicker .buttonExtra{background-color:var(--primaryColor);background-image:radial-gradient(at 20% 20%,#ffd5a4 0px,transparent 50%),radial-gradient(at 80% 0%,#ffffff 0px,transparent 50%),radial-gradient(at 0% 50%,#ff4949 0px,transparent 50%),radial-gradient(at 80% 50%,#703dff 0px,transparent 50%),radial-gradient(at 0% 100%,#ffeb38 0px,transparent 50%),radial-gradient(at 80% 100%,var(--primaryColor) 0px,transparent 50%),radial-gradient(at 50% 50%,#00ff88 0px,transparent 50%);background-size:150% 150%;animation:swirl 15s linear infinite alternate}@keyframes swirl{0%{background-position:0% 0%;border-radius:50%}33%{background-position:100% 10%;border-radius:45% 55% 48% 52%}66%{background-position:20% 90%;border-radius:52% 48% 55% 45%}to{background-position:100% 100%;border-radius:50%}}@media screen and (min-width:769px){.containerCables .cable .rows{cursor:pointer}}@media screen and (max-width:768px){.containerCables .carousel{padding:var(--gapSides) calc(var(--gapSides) + var(--gapSides) * .25) calc(var(--gapSides) * 2);gap:var(--gapXXLarge)}.containerCables .cable{--gapOffset: var(--gapXXLarge)}.containerEmpty[data-astro-cid-cmgtseiy]{padding:0 var(--gapSides) calc(var(--gapSides)* 2)}.containerEmptyCable[data-astro-cid-cmgtseiy],.accordionTitleOptions .button[data-config=reposition]{display:none}.imagesContainerBecause[data-astro-cid-cmgtseiy].aspectRatio{border-left:none;border-right:none}}.colorOptionsWrapper[data-astro-cid-xdqiiigg]{display:flex;flex-direction:column;gap:var(--gapTiny);margin-left:calc(var(--gapSides) * -1);width:calc(100% + (var(--gapSides)*2));overflow:hidden}.colorOptionsTitle[data-astro-cid-xdqiiigg]{display:flex;padding:0 var(--gapSides)}.colorOptions[data-astro-cid-xdqiiigg]{display:flex;flex-direction:row;gap:var(--gapTiny);justify-content:center}.imagePreviewWrapper[data-astro-cid-xdqiiigg]{display:flex;flex-direction:column;gap:var(--gapMedium);padding:var(--gapXXLarge) 0}.imagePreviewWrapper[data-astro-cid-xdqiiigg] .logo{height:20px}.imagePreview[data-astro-cid-xdqiiigg]{display:flex;flex-direction:row;gap:var(--gapSides)}