.scrollableContainerWrapper{justify-content:center}.settingsInner .scrollableContainerWrapper .previousButton{left:var(--gapSides)}.containerFull .scrollableContainer.cableContainer{overflow-x:visible;user-select:none;flex-grow:0;align-items:center;transition:flex-grow var(--animationEase);width:unset;padding:var(--gapXXLarge) 0 calc(var(--gapXXLarge) + var(--gapLarge));min-height:calc(312px + 155px + calc(var(--gapXXLarge) + calc(var(--gapXXLarge) + var(--gapLarge))))}.scrollableContainerWrapper:has(.tabWrapper):before{content:"";border-bottom:var(--gridLine);border-image:var(--gridLineHorizontal);position:absolute;width:100%;bottom:0}.settingsInner .scrollableContainer.settingsInnerContainer{padding:var(--gapSmall) 0px var(--gapSmall) var(--gapSides);align-items:center;gap:var(--gapTiny)}.settingsInner .scrollableContainer.settingsInnerContainer>*{margin:0!important}.container[data-astro-cid-wseggdnd]:has(.configContainer){padding:0}.configContainer[data-astro-cid-wseggdnd]{display:grid;grid-template-columns:55% 45%;background:var(--cardColor);border-radius:var(--radiusCard);box-shadow:var(--smallShadow);border:1px solid var(--borderColor);position:relative;padding:0 4px;margin:calc(var(--gapLarge) * -1) 0 var(--gapSides);width:100%}.configInner[data-astro-cid-wseggdnd]{padding:var(--gapSides) var(--gapMedium) 0 calc(var(--gapSides) - 4px);position:relative;width:100%;z-index:1}.cablesInner[data-astro-cid-wseggdnd]{padding:var(--gapSides) calc(var(--gapSides) - 4px) 0 var(--gapMedium);position:relative;width:100%;z-index:1}.cablesInner[data-astro-cid-wseggdnd]:after{content:"";position:absolute;height:calc(100% + 4px - calc(var(--gapMedium) * 2));border-left:var(--gridLine);border-image:var(--gridLineVertical);top:calc(var(--gapMedium));left:0}.settingsInner[data-astro-cid-wseggdnd]{grid-column:span 2;display:flex;flex-direction:row;align-items:center;position:relative;margin:0 calc(var(--gapSides) - 8px) 0 -4px;padding:0 4px 2px 0;overflow-x:scroll;gap:var(--gapTiny);transition:var(--animationEase);scrollbar-width:none}.settingsInner[data-astro-cid-wseggdnd]:before{content:"";position:absolute;top:0;left:calc(var(--gapSides));right:4px;border-top:var(--gridLine);border-image:var(--gridLineHorizontal)}.settingsInner[data-astro-cid-wseggdnd].disabled{opacity:var(--halfOpacity);pointer-events:none;user-select:none}.tooltip[data-astro-cid-wseggdnd]{position:absolute;top:0;left:50%;transform:translate(-50%,-100%);border-radius:var(--radiusButton);padding:.4rem .8rem;font-size:var(--textMini);color:var(--headerColor);background:var(--cardColor);opacity:0;transition:var(--animationNormal),box-shadow var(--animationNormal);border:1px solid var(--borderColor);box-shadow:var(--smallShadow);z-index:1;white-space:nowrap;pointer-events:none}.tabWrapper{display:flex;flex-direction:row;position:relative;overflow-x:auto;scrollbar-width:none}.tabWrapper:hover .tabButton,.tabWrapper:hover .tabButton.active,.tabWrapper:has(.tabButton:focus-visible) .tabButton{color:rgba(var(--textColor),var(--halfOpacity))}.tabWrapper .tabButton:hover,.tabWrapper .tabButton.active,.tabWrapper:hover .tabButton.active:hover,.tabWrapper:has(.tabButton:focus-visible) .tabButton:focus-visible{color:var(--headerColor)}.tabWrapper .tabButton{font-family:var(--headerFont);font-weight:var(--bodyWeight);background:transparent;color:var(--bodyColor);border:none;transition:var(--animationNormal);cursor:pointer;user-select:none;outline:none;padding:calc(var(--gapSmall) * .8) var(--gapTiny);margin-top:calc(var(--gapSmall) * -.8);font-size:inherit;letter-spacing:inherit}.tabWrapper .tabButton.active{background:transparent;position:relative;color:var(--headerColor)}.tabWrapper .tabButton:first-child{margin-left:calc(var(--gapTiny) * -1)}.tabUnderline[data-astro-cid-wseggdnd]{border-bottom:1px solid rgba(var(--primaryBlueColor),1);position:absolute;bottom:0;left:0;width:0;transition:var(--animationEase);pointer-events:none}.contentWrapper[data-astro-cid-wseggdnd]{padding:var(--gapSmall) 0 var(--gapSmall);margin:0 -4px;overflow-y:scroll;scrollbar-width:none;min-height:256px;max-height:256px;will-change:transform;position:relative}.content[data-astro-cid-wseggdnd]{display:none;animation:fadeIn var(--animationEase);padding:0 4px 4px}.content[data-astro-cid-wseggdnd].active{display:flex;flex-direction:column;animation:fadeIn var(--animationEase);gap:var(--gapSmall)}.content[data-astro-cid-wseggdnd]>.buttonGroup[data-astro-cid-wseggdnd]{display:flex;flex-direction:row;flex-wrap:wrap;row-gap:var(--gapTiny);column-gap:var(--gapTiny);border:none;transition:var(--animationEase)}.cablesGroup[data-astro-cid-wseggdnd].disabled{opacity:var(--halfOpacity);pointer-events:none;user-select:none}.colorGroup[data-astro-cid-wseggdnd] button[data-astro-cid-wseggdnd]{border:2px solid var(--cardColor);transition:all var(--animationNormal);outline:1px solid var(--borderColor);border-radius:100%;width:32px;height:32px;cursor:pointer;box-shadow:0 0 0 -1px,inset 0 0 8px 1px rgba(var(--darkColor),1);background-size:100%;background-position:100% 85%;background-clip:content-box;transform:rotate(.025deg)}.colorGroup[data-astro-cid-wseggdnd]>button[data-astro-cid-wseggdnd].selected{box-shadow:0 0 0 1px,inset 0 0 8px 1px rgba(var(--darkColor),1)}.colorGroup[data-astro-cid-wseggdnd] button[data-astro-cid-wseggdnd]:hover,.colorGroup[data-astro-cid-wseggdnd] button[data-astro-cid-wseggdnd]:focus-visible{box-shadow:0 0 0 2px,inset 0 0 8px 1px rgba(var(--darkColor),1)}.colorGroup[data-astro-cid-wseggdnd] button[data-astro-cid-wseggdnd]:active{box-shadow:0 0 0 3px,inset 0 0 8px 1px rgba(var(--darkColor),1);transform:scale(.95) rotate(.025deg)}.combGroup[data-astro-cid-wseggdnd] button[data-astro-cid-wseggdnd]:not(.cableConfigButton),.connectorGroup[data-astro-cid-wseggdnd] button[data-astro-cid-wseggdnd]:not(.cableConfigButton){border:2px solid var(--cardColor);transition:all var(--animationNormal);outline:1px solid var(--borderColor);border-radius:100%;width:32px;height:32px;cursor:pointer;box-shadow:0 0 0 -1px;background-clip:content-box;transform:rotate(.025deg)}.combGroup[data-astro-cid-wseggdnd]>button[data-astro-cid-wseggdnd]:not(.cableConfigButton).selected,.connectorGroup[data-astro-cid-wseggdnd]>button[data-astro-cid-wseggdnd]:not(.cableConfigButton).selected{border:1px solid var(--cardColor);box-shadow:0 0 0 1px}.combGroup[data-astro-cid-wseggdnd] button[data-astro-cid-wseggdnd]:not(.cableConfigButton):hover,.combGroup[data-astro-cid-wseggdnd] button[data-astro-cid-wseggdnd]:not(.cableConfigButton):focus-visible,.connectorGroup[data-astro-cid-wseggdnd] button[data-astro-cid-wseggdnd]:not(.cableConfigButton):hover,.connectorGroup[data-astro-cid-wseggdnd] button[data-astro-cid-wseggdnd]:not(.cableConfigButton):focus-visible{border:1px solid var(--cardColor);box-shadow:0 0 0 2px}.combGroup[data-astro-cid-wseggdnd] button[data-astro-cid-wseggdnd]:not(.cableConfigButton):active,.connectorGroup[data-astro-cid-wseggdnd] button[data-astro-cid-wseggdnd]:not(.cableConfigButton):active{box-shadow:0 0 0 3px;transform:scale(.95) rotate(.025deg)}.colorGroupDivider[data-astro-cid-wseggdnd]{position:relative;display:flex;align-items:center;gap:var(--gapTiny);width:100%;font-size:var(--textTiny);white-space:nowrap}.colorGroupDivider[data-astro-cid-wseggdnd]:after{content:"";margin-top:1px;border-bottom:1px dashed var(--borderColor);position:relative;width:100%;display:block}.summaryGroup{display:flex;flex-direction:column;align-items:stretch;text-align:left;font-size:var(--textTiny);width:100%;gap:inherit}.summaryItem{display:flex;border-top:1px dashed var(--borderColor);flex-direction:row;justify-content:space-between;padding:var(--gapMini) 0}.summaryValues{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--gapTiny)}.summaryValues>span{transition:var(--animationNormal)}.summaryDividerCategory,.summaryDividerLength{color:rgba(var(--primaryBlueColor),1);transition:var(--animationEase)}.divider[data-astro-cid-wseggdnd]{margin:0 var(--gapMini);height:var(--gapSmall);border-right:1px solid var(--borderColor);user-select:none;pointer-events:none;will-change:transform}.buttonSaveShareWrapper[data-astro-cid-wseggdnd]{display:flex;flex-direction:row;margin-left:auto;gap:var(--gapTiny);position:relative}.buttonCopy[data-astro-cid-wseggdnd]{position:relative;z-index:0;padding:.4rem .8rem;border:1px solid var(--borderColor);border-radius:var(--radiusButton);background:rgba(var(--lightGrayBGColor),1);color:var(--bodyColor);cursor:pointer;font-size:var(--textMini);font-family:var(--bodyFont);font-weight:var(--bodyWeight);transition:var(--animationNormal);line-height:inherit;white-space:nowrap;display:flex;flex-direction:row;align-items:center;gap:.4rem;user-select:none}.buttonCopy[data-astro-cid-wseggdnd]:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:0;left:0;background-size:400%;z-index:-1;filter:blur(2px);width:100%;height:100%;animation:glowing 40s linear infinite;opacity:0;transition:opacity .5s cubic-bezier(.5,1,.25,1);border-radius:var(--radiusButton)}.buttonCopy[data-astro-cid-wseggdnd]:hover{color:var(--headerColor)}.buttonCopy[data-astro-cid-wseggdnd]:active{transform:scale(.975)}.buttonCopy[data-astro-cid-wseggdnd]:hover:before,.buttonCopy[data-astro-cid-wseggdnd]:focus-visible:before{opacity:1;transition:.6s cubic-bezier(.5,1,.25,1)}.buttonCopy[data-astro-cid-wseggdnd]:active:before{filter:blur(3px);transition:var(--animationNormal)}.buttonCopy[data-astro-cid-wseggdnd]:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:rgba(var(--lightGrayBGColor),1);inset:0;border-radius:var(--radiusButton)}.buttonCopy[data-astro-cid-wseggdnd]:focus-visible{outline:none}.buttonCopy[data-astro-cid-wseggdnd] svg[data-astro-cid-wseggdnd]{width:16px;height:16px;color:inherit}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.configStatusWrapper[data-astro-cid-wseggdnd]{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:inherit;visibility:hidden;opacity:0;pointer-events:none;user-select:none}.configStatusWrapper[data-astro-cid-wseggdnd]:has(.configStatus.visibleStatus){opacity:1;visibility:visible}.configStatus[data-astro-cid-wseggdnd]{inset:0;position:absolute;opacity:0;background:transparent;padding:var(--gapTiny);display:flex;align-items:flex-end;justify-content:center;pointer-events:auto;user-select:auto;display:none}.configStatus[data-astro-cid-wseggdnd].visibleStatus{animation:statusAnimation var(--animationEase) forwards;display:flex;background:rgba(var(--darkColor),var(--halfOpacity))}.configStatus[data-astro-cid-wseggdnd].hiddenStatus{animation:statusAnimationEnd var(--animationEase) forwards}@keyframes statusAnimation{0%{opacity:0}to{opacity:1}}@keyframes statusAnimationEnd{0%{opacity:1}to{opacity:0}}.configStatusInner[data-astro-cid-wseggdnd]{display:flex;width:100%;opacity:0;transform:translateY(calc(100% + var(--gapTiny)));transition:var(--animationEase);justify-items:start;align-items:flex-start;flex-direction:column;background:var(--cardColor);padding:var(--gapMedium) calc(var(--gapSides) - var(--gapTiny));border-radius:var(--gapSmall);border:1px solid var(--borderColor)}.configStatusInner[data-astro-cid-wseggdnd].visibleInnerIn{animation:innerIn var(--animationEase) forwards}.configStatusInner[data-astro-cid-wseggdnd].visibleInnerOut{animation:innerOut var(--animationEase) forwards}@keyframes innerIn{0%{transform:translateY(calc(100% + var(--gapTiny)));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes innerOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(calc(100% + var(--gapTiny)));opacity:0}}.configStatusMessageWrapper[data-astro-cid-wseggdnd]{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:var(--gapSmall);width:100%}.configStatusMessage[data-astro-cid-wseggdnd]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gapTiny);text-wrap:balance}.configStatusTitle[data-astro-cid-wseggdnd]{color:var(--headerColor);font-weight:var(--headerWeight);font-size:var(--textMedium);letter-spacing:var(--textMediumSpacing);line-height:1.1}.configStatusBody[data-astro-cid-wseggdnd]{display:flex;font-size:var(--textTiny)}.cableContainer .row,.cableContainer .connector,.cableContainer .comb{cursor:pointer}.cableContainer .row:before{content:"";inset:-4px 0;height:calc(100% + 4px);will-change:transform;background-size:100% auto}.cableContainer .row:focus-visible{outline:0px;border-radius:0;box-shadow:0 0 0 2px rgba(var(--primaryBlueColor),var(--halfOpacity))}.cableContainer .row.animate:before{animation:rowFade var(--animationNormal) forwards}@keyframes rowFade{0%{transform:translateY(-1px)}50%{transform:translateY(2px)}to{transform:translateY(0)}}.cableContainer .connector.animate{animation:connectorAnimate var(--animationEase) forwards}@keyframes connectorAnimate{0%{transform:scale3d(99%,101%,99%)}to{transform:scale3d(1)}}.cableContainer .focus{pointer-events:auto}.cableContainer .disabled{pointer-events:none}.cableContainer .invisible{opacity:0;visibility:none}.cableContainer .cableFadeIn{animation:cableFadeIn var(--animationEase) forwards;opacity:0}.cableContainer .cableFadeIn:nth-child(2){animation:cableFadeIn var(--animationEase) forwards;animation-delay:.15s}.cableContainer .cableFadeIn:nth-child(3){animation:cableFadeIn var(--animationEase) forwards;animation-delay:.3s}.cableContainer .cableFadeIn:nth-child(4){animation:cableFadeIn var(--animationEase) forwards;animation-delay:.45s}.cableContainer .cableFadeIn:nth-child(5){animation:cableFadeIn var(--animationEase) forwards;animation-delay:.6s}.cableContainer .cableFadeOut{animation:cableFadeOut var(--animationEase) forwards;transition:margin var(--animationEase);transition-delay:.3s;margin:0!important}.cableContainer .combFadeOut{animation:combFadeOut var(--animationEase) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}40%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLengths{0%{opacity:0;transform:translateY(-4px)}40%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes cableFadeIn{0%{opacity:0;transform:translateY(-12px) scale(.975);max-width:0%}50%{opacity:0;transform:translateY(-12px) scale(.975);max-width:100%}to{opacity:1;transform:translateY(0) scale(1);max-width:100%}}@keyframes cableFadeInReorder{0%{opacity:0;transform:translateY(-12px) scale(.975)}50%{opacity:0;transform:translateY(-12px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cableFadeOut{0%{opacity:1;transform:translateY(0) scale(1);max-width:100%}50%{opacity:0;transform:translateY(-12px) scale(.975);max-width:100%}to{opacity:0;transform:translateY(-12px) scale(.975);max-width:0%}}@keyframes combFadeOut{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cableContainer.scan:after{content:"";height:4rem;width:100%;position:absolute;inset:-15% 0 0;z-index:5;background:linear-gradient(0deg,transparent 0%,rgba(var(--primaryBlueColor),var(--quarterOpacity)) 35%,rgba(var(--primaryBlueColor),var(--halfOpacity)) 50%,rgba(var(--primaryBlueColor),var(--quarterOpacity)) 65%,transparent 100%);animation:scanImage var(--animationEase) forwards;animation-duration:1.5s;animation-delay:.5s}@media screen and (max-width:768px){.containerFull .scrollableContainer.cableContainer{padding:var(--gapXLarge) 0 calc(var(--gapXLarge) + var(--gapLarge));min-height:calc(240px + 125px + calc(var(--gapXLarge) + calc(var(--gapXLarge) + var(--gapLarge))))}.configContainer[data-astro-cid-wseggdnd]{grid-template-columns:1fr;padding:0}.configInner[data-astro-cid-wseggdnd]{padding:var(--gapSides) var(--gapSides) 0;grid-column:span 2}.cablesInner[data-astro-cid-wseggdnd]{padding:var(--gapMedium) var(--gapSides) 0;grid-column:span 2}.cablesInner[data-astro-cid-wseggdnd]:before{content:"";border-top:var(--gridLine);border-image:var(--gridLineHorizontal);position:absolute;top:0;width:calc(100% - calc(var(--gapSides)* 2));left:var(--gapSides)}.cablesInner[data-astro-cid-wseggdnd]:after{display:none}.settingsInner[data-astro-cid-wseggdnd]{margin:0 calc(var(--gapSides) - 4px) 0 0px}.contentWrapper[data-astro-cid-wseggdnd]{max-height:184px;min-height:184px}.configStatusInner[data-astro-cid-wseggdnd]{padding:var(--gapSides) calc(var(--gapSides) - var(--gapTiny)) var(--gapSmall)}.configStatusMessageWrapper[data-astro-cid-wseggdnd]{flex-direction:column;align-items:stretch}.configStatusButton{justify-content:center}.tooltip[data-astro-cid-wseggdnd]{left:50%}}@media screen and (max-width:480px){.cableContainer[data-astro-cid-wseggdnd]{overflow-x:auto!important;flex-grow:1!important}.scrollableContainerWrapper{justify-content:flex-start}}.createImageWrapper[data-astro-cid-rtjjwbnx]{display:flex;flex-direction:column;align-items:start;visibility:hidden;position:fixed;background:var(--cardColor);border-top:none;top:0;left:50%;transform:translate(-50%);max-height:calc(100% - calc(var(--gapSmall)*.5));transition:var(--animationEase);max-width:var(--fullWidth);width:calc(100% - calc(var(--gapSides)*.5));z-index:3;padding-top:calc(20px + calc(var(--spacingTop)*2));border-radius:0 0 var(--radiusButton) var(--radiusButton);justify-content:flex-start;clip-path:inset(0 0 100% 0);overflow:hidden;user-select:none;scrollbar-width:none;pointer-events:none;--spacingTop: var(--gapSmall)}.createImageWrapper[data-astro-cid-rtjjwbnx].toggled{visibility:visible;clip-path:inset(0 0 0 0);user-select:unset;pointer-events:unset}.createImage[data-astro-cid-rtjjwbnx]{display:flex;flex-direction:column;align-items:flex-start;width:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:0 var(--gapSides) 0;column-gap:var(--gapSmall);--overflowPadding: 4px var(--gapSides) 4px var(--gapSides);--overflowMargin: -4px 0 -4px calc(var(--gapSides)* -1);--overFlowWidth: calc(100% + calc(var(--gapSides)*2))}.createImageTitle[data-astro-cid-rtjjwbnx]{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--gapSmall) - var(--gapMini));text-align:left;text-wrap:balance;padding:var(--gapMedium) 0}.createImageHeader[data-astro-cid-rtjjwbnx]{color:var(--headerColor);margin-top:var(--gapMedium);padding-bottom:calc(var(--gapSmall) - var(--gapMini));font-size:var(--textTiny)}.createImageHeader[data-astro-cid-rtjjwbnx] .mobileNotice[data-astro-cid-rtjjwbnx]{display:none;color:var(--bodyColor)}.createImageAspectRatio[data-astro-cid-rtjjwbnx],.createImageColors[data-astro-cid-rtjjwbnx]{display:flex;flex-direction:row;gap:var(--gapTiny);width:100%;min-height:fit-content;scroll-snap-type:x;overflow-x:auto;scrollbar-width:none;padding:4px;margin:-4px;justify-content:flex-start}.aspectRatio[data-astro-cid-rtjjwbnx].disabled{cursor:not-allowed;opacity:var(--halfOpacity);user-select:none;pointer-events:none}.swatchShowcase[data-astro-cid-rtjjwbnx]{box-shadow:0 0;cursor:pointer;transition:var(--animationNormal);aspect-ratio:1 / 1;transform:rotate(-.05deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(var(--primaryBlueColor),var(--quarterOpacity))}.swatchShowcase[data-astro-cid-rtjjwbnx]:hover,.swatchShowcase[data-astro-cid-rtjjwbnx]:focus-visible,.swatchShowcase[data-astro-cid-rtjjwbnx]:has(input:focus-visible){box-shadow:0 0 0 2px}.swatchShowcase[data-astro-cid-rtjjwbnx]:active{box-shadow:0 0 0 3px;transform:scale(.95)}.swatchShowcase[data-astro-cid-rtjjwbnx].lightGray{background:#f1f3f5}:root[theme=dark] .swatchShowcase[data-astro-cid-rtjjwbnx].lightGray{color:var(--charcoalGrayColor)}.swatchShowcase[data-astro-cid-rtjjwbnx].blue{background:rgba(var(--primaryBlueColor),1);color:rgba(var(--primaryBlueColor),1)}.swatchShowcase[data-astro-cid-rtjjwbnx].darkGray{background:#1a1a1a;color:var(--charcoalGrayColor)}.swatchShowcase[data-astro-cid-rtjjwbnx].picker{background:#f1f3f5;transition:var(--animationNormal);overflow:clip;position:relative}:root[theme=dark] .swatchShowcase[data-astro-cid-rtjjwbnx].picker{color:var(--charcoalGrayColor)}.swatchShowcase[data-astro-cid-rtjjwbnx].picker label[data-astro-cid-rtjjwbnx]{display:flex;cursor:pointer;position:relative;margin:0;background:transparent}.swatchShowcase[data-astro-cid-rtjjwbnx].picker label[data-astro-cid-rtjjwbnx]:before{content:"";inset:-12px;position:absolute;border-radius:inherit}.swatchShowcase[data-astro-cid-rtjjwbnx].picker label[data-astro-cid-rtjjwbnx] input[data-astro-cid-rtjjwbnx]{width:0;height:0;opacity:0;position:absolute;left:0;bottom:0}.swatchShowcase[data-astro-cid-rtjjwbnx].picker svg[data-astro-cid-rtjjwbnx]{color:rgba(var(--darkColor),1);transition:var(--animationNormal)}.swatchShowcase[data-astro-cid-rtjjwbnx].picker:hover svg[data-astro-cid-rtjjwbnx],.swatchShowcase[data-astro-cid-rtjjwbnx].picker:has(input:focus-visible) svg[data-astro-cid-rtjjwbnx]{color:#fff}.swatchShowcase[data-astro-cid-rtjjwbnx].picker:before{content:"";background:linear-gradient(45deg,rgba(var(--primaryBlueColor),1),#d3dfff,#8f94fb,rgba(var(--primaryBlueColor),1),#d3dfff,#8f94fb,rgba(var(--primaryBlueColor),1),#d3dfff,#8f94fb);position:absolute;inset:0;background-size:200%;z-index:-1;filter:blur(4px);width:200%;height:150%;animation:glowing 200s linear infinite;opacity:0;transition:opacity var(--animationNormal);border-radius:inherit;user-select:none;pointer-events:none;transform:translate(-25%,-25%)}.swatchShowcase[data-astro-cid-rtjjwbnx].picker:hover:before,.swatchShowcase[data-astro-cid-rtjjwbnx].picker:has(input:focus-visible):before{opacity:1;transition:var(--animationNormal)}@keyframes glowing{0%{background-position:0 0}50%{background-position:800% 0}to{background-position:0 0}}.scrollableContainerWrapper:has(.createImageCables){min-height:fit-content;justify-content:flex-start;width:var(--overFlowWidth);padding:4px;margin:-4px;width:100%}.createImageCables{padding:4px!important;margin:-4px!important;gap:var(--gapTiny)}.createImageCablesItem{background:var(--secondaryBGColor);padding:var(--gapSmall);border:1px solid var(--borderColor);border-radius:var(--radiusButton);display:flex;justify-content:center;align-items:center;transition:var(--animationNormal);cursor:pointer;min-width:6rem;margin:0!important;position:relative;box-shadow:0 0 rgba(var(--primaryBlueColor),var(--quarterOpacity));outline:none}.createImageCablesItem .cableWrap{transform:rotate(.025deg)}.createImageCablesItem:hover,.createImageCablesItem:focus-visible{box-shadow:0 0 0 2px rgba(var(--primaryBlueColor),var(--quarterOpacity))}.createImageCablesItem:active{box-shadow:0 0 0 3px rgba(var(--primaryBlueColor),var(--quarterOpacity))}.createImageCablesItem:hover .cableWrap,.createImageCablesItem:focus-visible .cableWrap{transform:translateY(-1px) rotate(.025deg)}.createImageCablesItem:active .cableWrap{transform:translateY(-1px) scale(.975) rotate(.025deg)}.createImageCablesItem:before{content:"";position:absolute;width:1.25rem;height:1.25rem;background:rgba(var(--lightColor),1);border:1px solid var(--borderColor);box-shadow:var(--shadowSmall);transition:var(--animationNormal);bottom:0;left:1.25rem;transform:translate(-50%,-40%) scale(.9);opacity:0;border-radius:2rem;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='%23383838' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='icon'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none' /%3E%3Cpath d='M5 12l5 5l10 -10' /%3E%3C/svg%3E");background-repeat:no-repeat;background-size:12px;background-position:center;user-select:none;pointer-events:none}.createImageCablesItem.active:before{transform:translate(-50%,-50%) scale(1);opacity:1}.createImageCablesItem:after{content:"";position:absolute;inset:0;border-radius:inherit}.createImagePreviewWrapper[data-astro-cid-rtjjwbnx]{display:flex;flex-direction:column;overflow-y:hidden;overflow-x:auto;background:var(--secondaryBGColor);background-image:var(--repeatingGridLines);border-top:var(--gridLine);border-image:var(--gridLineHorizontal);border-radius:0;margin-top:var(--gapSides);margin-left:calc(var(--gapSides)*-1);width:calc(100% + calc(var(--gapSides)*2));outline:4px solid transparent;box-shadow:0 0 rgba(var(--primaryBlueColor),var(--quarterOpacity));transition:var(--animationEase);position:relative;min-height:fit-content;scrollbar-color:rgba(var(--primaryBlueColor),1) var(--bgColorAltLight);scrollbar-width:thin}.createImagePreviewWrapper[data-astro-cid-rtjjwbnx]:has(.createImagePreviewWrapperBecause:not(.full)){cursor:grab}.createImagePreviewWrapper[data-astro-cid-rtjjwbnx].dragging{cursor:grabbing!important}.createImagePreviewWrapperBecause[data-astro-cid-rtjjwbnx]{width:fit-content;margin:0 auto}.createImagePreviewWrapperBecause[data-astro-cid-rtjjwbnx].full{overflow:hidden;max-width:var(--previewWidth);display:flex;border-left:var(--gridLine);border-right:var(--gridLine);border-image:var(--gridLineVertical);--previewWidth: 500px}.createImagePreview[data-astro-cid-rtjjwbnx]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gapMedium);background:var(--secondaryBGColor);aspect-ratio:4 / 5;overflow:hidden;transition:background-color var(--animationEase);position:relative;width:fit-content;padding:var(--gapXXXLarge)}:root[theme=dark] .createImagePreview[data-astro-cid-rtjjwbnx]{background:#1a1a1a}.createImagePreview[data-astro-cid-rtjjwbnx].animate:after{content:"";height:4rem;width:100%;position:absolute;inset:-15% 0 0;z-index:5;background:linear-gradient(0deg,transparent 0%,rgba(var(--primaryBlueColor),var(--quarterOpacity)) 35%,rgba(var(--primaryBlueColor),var(--halfOpacity)) 50%,rgba(var(--primaryBlueColor),var(--quarterOpacity)) 65%,transparent 100%);animation:scanImage var(--animationEase) forwards;animation-duration:1.5s;animation-delay:.5s}@keyframes scanImage{0%{top:-15%}to{top:100%}}.createImagePreview[data-astro-cid-rtjjwbnx] .logo{transition:var(--animationEase)}.createImagePreview[data-astro-cid-rtjjwbnx] .logo,.createImagePreview[data-astro-cid-rtjjwbnx] .logo svg{height:20px;width:90px;position:static;transform:none;z-index:1;overflow:visible;clip-path:none}.createImagePreview[data-astro-cid-rtjjwbnx] .logo svg path{height:20px;width:90px;position:static;transform:none;z-index:1;overflow:visible;clip-path:none}.createImagePreviewCables[data-astro-cid-rtjjwbnx]{display:flex;flex-direction:row;gap:var(--gapXXLarge);align-items:center;min-height:305px;min-width:var(--previewWidth);justify-content:center}.createImagePreviewCables[data-astro-cid-rtjjwbnx] .cableWrap:nth-child(1){z-index:5}.createImagePreviewCables[data-astro-cid-rtjjwbnx] .cableWrap:nth-child(2){z-index:4}.createImagePreviewCables[data-astro-cid-rtjjwbnx] .cableWrap:nth-child(3){z-index:3}.createImagePreviewCables[data-astro-cid-rtjjwbnx] .cableWrap:nth-child(4){z-index:2}.createImagePreviewCables[data-astro-cid-rtjjwbnx] .cableWrap:nth-child(5){z-index:1}.createImagePreview .cableWrap,.createImageCablesItem .cableWrap{margin:0;--darkColor: 0,0,0}.createImagePreview .cableWrap:hover{transform:none!important}.createImagePreview[data-astro-cid-rtjjwbnx] .rowWrapper{box-shadow:-1.5px 1px 1px #00000009,-3.4px 2.3px 2.3px #0000000d,-5.9px 3.9px 3.9px #00000010,-9.4px 6.3px 6.3px #00000013,-14.5px 9.7px 9.7px #00000016,-22.6px 15.1px 15.1px #00000019,-37.5px 25px 25px #0000001d,-75px 50px 50px #00000026;column-gap:.25rem}.createImagePreview[data-astro-cid-rtjjwbnx] .rowWrapper:after{display:none}.createImagePreview[data-astro-cid-rtjjwbnx] .row{box-shadow:0 0 0 1px rgba(var(--darkColor),1),-6px 8px 4px rgba(var(--darkColor),var(--quarterOpacity))}.createImagePreview[data-astro-cid-rtjjwbnx] .row:not([data-pattern=standardPET],[data-pattern=stripesPET]),.createImageCablesItem .row:not([data-pattern=standardPET],[data-pattern=stripesPET]){background-size:100% auto;background-repeat:repeat-y}.createImagePreview[data-astro-cid-rtjjwbnx] .row[data-pattern=standardPET],.createImagePreview[data-astro-cid-rtjjwbnx] .row[data-pattern=stripesPET],.createImageCablesItem .row[data-pattern=standardPET],.createImageCablesItem .row[data-pattern=stripesPET]{background-position-x:50%}.createImagePreview .row:not(:first-of-type){box-shadow:0 0 0 1px rgba(var(--darkColor),1),-6px 8px 4px rgba(var(--darkColor),var(--quarterOpacity)),-3px 2px 2px rgba(var(--darkColor),var(--halfOpacity))}.createImagePreview[data-astro-cid-rtjjwbnx] .row:before,.createImageCablesItem .row:before{display:none}.createImagePreview[data-astro-cid-rtjjwbnx] .connector{filter:drop-shadow(-2px 2px 1px rgba(var(--darkColor),var(--quarterOpacity))) drop-shadow(-4px 4px 2px rgba(var(--darkColor),var(--quarterOpacity))) drop-shadow(-8px 8px 4px rgba(var(--darkColor),var(--quarterOpacity))) drop-shadow(-16px 16px 8px rgba(var(--darkColor),var(--quarterOpacity)))}.createImagePreview[data-astro-cid-rtjjwbnx] .connector[color=white]:not(.con12fe,.con12vhpwr,.con12v2x6){filter:drop-shadow(-4px 4px 1px rgba(var(--darkColor),var(--lowOpacity))) drop-shadow(-8px 8px 4px rgba(var(--darkColor),var(--lowOpacity))) drop-shadow(-16px 16px 8px rgba(var(--darkColor),var(--lowOpacity))) drop-shadow(-32px 32px 16px rgba(var(--darkColor),var(--lowOpacity)))}.createImagePreview[data-astro-cid-rtjjwbnx] .comb{box-shadow:0 8px 8px -6px #00000060}.createImageOverlay[data-astro-cid-rtjjwbnx]{z-index:2;visibility:hidden;opacity:0;transition:var(--animationEase),z-index 0s;background:transparent;position:fixed;inset:0;cursor:pointer;backdrop-filter:blur(4px);user-select:none;pointer-events:none}.createImageOverlay[data-astro-cid-rtjjwbnx]:before{content:"Close Image Generation";position:absolute;right:0;min-width:calc(((100dvw - var(--scrollbarWidth)) / 2) - (var(--fullWidth) / 2));transform:translateY(-50%) rotate(90deg);transform-origin:left bottom;padding-bottom:var(--gapSmall);color:rgba(var(--lightColor),.75);opacity:0;transition:var(--animationNormal);font-size:var(--textMini);letter-spacing:0}.createImageOverlay[data-astro-cid-rtjjwbnx].toggled{position:fixed;inset:0;background:rgba(var(--darkColor),.75);visibility:visible;opacity:1;user-select:unset;pointer-events:unset}.createImageOverlay[data-astro-cid-rtjjwbnx].toggled:before{opacity:1}.createImageOverlay[data-astro-cid-rtjjwbnx].toggled:hover:before,.createImageOverlay[data-astro-cid-rtjjwbnx].toggled:focus-visible:before{color:rgba(var(--lightColor),1)}@media screen and (min-width:769px){.createImage[data-astro-cid-rtjjwbnx]{display:grid;grid-template-columns:1fr 1fr;justify-items:start}.createImage[data-astro-cid-rtjjwbnx]>*:nth-child(1){grid-column:1;grid-row:span 6}.createImage[data-astro-cid-rtjjwbnx]>*:nth-child(n+2){grid-column:2}.createImage[data-astro-cid-rtjjwbnx]>*:last-child{grid-column:span 2}.navButton[data-astro-cid-rtjjwbnx]{position:absolute;top:50%;color:rgba(var(--lightColor),1);width:20px;height:20px;border-radius:100%;border:4px solid transparent;background:rgba(var(--primaryBlueColor),1);-webkit-transition:var(--animationNormal);-moz-transition:var(--animationNormal);transition:var(--animationNormal);transition-delay:.1s;display:flex;align-items:center;gap:var(--gapTiny);box-shadow:var(--smallShadow),var(--smallShadow);justify-content:center;cursor:pointer;opacity:0;z-index:unset}.navButton[data-astro-cid-rtjjwbnx].disableNav{opacity:0;user-select:none;pointer-events:none;z-index:-1}.scrollableContainerWrapper[data-astro-cid-rtjjwbnx]:hover .navButton[data-astro-cid-rtjjwbnx]:not(.disableNav){opacity:1}.scrollableContainerWrapper[data-astro-cid-rtjjwbnx]:hover .nextButton[data-astro-cid-rtjjwbnx]:not(.disableNav){transform:scale(1) translateY(-100%)}.scrollableContainerWrapper[data-astro-cid-rtjjwbnx] .nextButton[data-astro-cid-rtjjwbnx]:not(.disableNav):hover{transform:scale(.95) translateY(-100%)}.scrollableContainerWrapper[data-astro-cid-rtjjwbnx] .nextButton[data-astro-cid-rtjjwbnx]:not(.disableNav):active{transform:scale(.9) translateY(-100%)}.scrollableContainerWrapper[data-astro-cid-rtjjwbnx]:hover .previousButton[data-astro-cid-rtjjwbnx]:not(.disableNav){transform:scale(1) translateY(-100%)}.scrollableContainerWrapper[data-astro-cid-rtjjwbnx] .previousButton[data-astro-cid-rtjjwbnx]:not(.disableNav):hover{transform:scale(.95) translateY(-100%)}.scrollableContainerWrapper[data-astro-cid-rtjjwbnx] .previousButton[data-astro-cid-rtjjwbnx]:not(.disableNav):active{transform:scale(.9) translateY(-100%)}.previousButton[data-astro-cid-rtjjwbnx]{top:calc(calc(var(--gapSmall) - var(--gapMini)) * -1);right:var(--gapLarge);transform:scale(1) translateY(-100%)}.nextButton[data-astro-cid-rtjjwbnx]{top:calc(calc(var(--gapSmall) - var(--gapMini)) * -1);right:0;transform:scale(1) translateY(-100%)}.previousButton[data-astro-cid-rtjjwbnx]:before{content:"";position:absolute;inset:-150% -200%;right:calc(var(--gapTiny)*-1 + -2px)}.nextButton[data-astro-cid-rtjjwbnx]:before{content:"";position:absolute;inset:-150% -200%;left:calc(var(--gapTiny)*-1 - 2px)}.navButton[data-astro-cid-rtjjwbnx] svg[data-astro-cid-rtjjwbnx]{height:10px}}@media screen and (max-width:768px){.createImageWrapper[data-astro-cid-rtjjwbnx]{padding-top:calc(24px + calc(var(--spacingTop)*2))}.createImageTitle[data-astro-cid-rtjjwbnx]{border-bottom:var(--gridLine);border-image:var(--gridLineHorizontal)}.scrollableContainerWrapper:has(.createImageCables){width:calc(100% + calc(var(--gapSides)*2) - -16px);margin-left:calc(var(--gapSides)*-1 - 4px)}.createImageCables{padding:4px calc(var(--gapSides) + 4px)!important}.navButton[data-astro-cid-rtjjwbnx]{display:none}}.gridItem[data-astro-cid-xdqiiigg].sleevingOptions>.gridItemContent[data-astro-cid-xdqiiigg]{cursor:pointer;position:relative;border-radius:inherit}.changingCableTooltip[data-astro-cid-xdqiiigg]{font-size:var(--textMini);padding:.4rem .8rem;background:var(--cardColor);border-radius:var(--radiusButton);border:1px solid var(--borderColor);box-shadow:var(--smallShadow);transform:translate(-25%) rotate(-5deg);transition:var(--animationEase);position:absolute;top:0;left:0;opacity:0}.changingCable[data-astro-cid-xdqiiigg]:hover .changingCableTooltip[data-astro-cid-xdqiiigg]{transition:var(--animationNormal);transform:translate(-25%,-25%) rotate(-15deg);opacity:1}.connectorCombOptions[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]{display:flex;position:relative;align-items:center;flex-direction:row;flex-wrap:wrap;gap:var(--gapMedium);justify-content:space-evenly;margin-bottom:var(--gapSmall)}.connectorCombOptions[data-astro-cid-xdqiiigg] .con24[data-astro-cid-xdqiiigg]{height:104px;width:220px;transform:rotate(4deg);transition:var(--animationNormal);filter:drop-shadow(-4px 4px 2px rgba(var(--darkColor),var(--quarterOpacity))) drop-shadow(-8px 8px 3px rgba(var(--darkColor),var(--lowOpacity))) drop-shadow(-16px 16px 6px rgba(var(--darkColor),var(--lowOpacity)))}.connectorCombOptions[data-astro-cid-xdqiiigg] .con8PCIE[data-astro-cid-xdqiiigg]{height:104px;width:80px;transform:rotate(4deg);transition:var(--animationNormal);transition-delay:.05s;filter:drop-shadow(-4px 4px 1px rgba(var(--darkColor),var(--lowOpacity))) drop-shadow(-8px 8px 3px rgba(var(--darkColor),var(--lowOpacity))) drop-shadow(-16px 16px 6px rgba(var(--darkColor),var(--lowOpacity)))}.connectorCombOptions[data-astro-cid-xdqiiigg] .comb[data-astro-cid-xdqiiigg]{width:220px;height:22px;position:static;transform:rotate(-4deg);transition:var(--animationNormal);transition-delay:25ms;border-radius:4px;box-shadow:0 8px 8px -6px #00000060;--spacing: 18px}.connectorCombOptions[data-astro-cid-xdqiiigg] .gridItemContent[data-astro-cid-xdqiiigg]:hover .con24[data-astro-cid-xdqiiigg]{transform:rotate(-8deg) translateY(-4px)}.connectorCombOptions[data-astro-cid-xdqiiigg] .gridItemContent[data-astro-cid-xdqiiigg]:hover .con8PCIE[data-astro-cid-xdqiiigg]{transform:rotate(8deg) translate(4px,-8px)}.connectorCombOptions[data-astro-cid-xdqiiigg] .gridItemContent[data-astro-cid-xdqiiigg]:hover .comb[data-astro-cid-xdqiiigg]{transform:rotate(4deg) translate(-8px,4px)}.designingCablesWrapper[data-astro-cid-xdqiiigg]{position:relative}.designingCablesIcon[data-astro-cid-xdqiiigg]{font-size:var(--textMini);color:rgba(var(--lightColor),1);border-radius:var(--radiusButton);box-shadow:var(--smallShadow);transform:translate(50%,-50%);transition:var(--animationEase);position:absolute;top:75%;right:25%;animation:8s var(--animationEase) infinite designingCablesIcon}.designingCablesIcon[data-astro-cid-xdqiiigg] svg[data-astro-cid-xdqiiigg]{color:rgba(var(--lightColor),1)}@keyframes designingCablesIcon{0%{transform:rotate(0) translate(50%,-50%)}50%{transform:rotate(5deg) translateY(-100%)}to{transform:rotate(0) translate(50%,-50%)}}.designingCablesIcon[data-astro-cid-xdqiiigg]:nth-child(2){top:35%;left:15%;right:unset;animation:12s var(--animationEase) infinite designingCablesIconLeft;transform:rotate(0) translate(50%,-50%) scaleX(-1)}@keyframes designingCablesIconLeft{0%{transform:rotate(0) translate(50%,-50%) scaleX(-1)}50%{transform:rotate(5deg) translateY(-100%) scaleX(-1)}to{transform:rotate(0) translate(50%,-50%) scaleX(-1)}}.localStorageCables[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]{position:relative}.localStorageCables[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]>.cableWrap[data-astro-cid-xdqiiigg]{animation:6s var(--animationEase) infinite savingFade;opacity:0}@keyframes savingFade{0%{opacity:0;transform:translateY(-12px)}30%{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(12px)}60%{opacity:0;transform:translateY(-12px)}80%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}.localStorageCablesIcon[data-astro-cid-xdqiiigg]{font-size:var(--textMini);padding:var(--gapTiny);background:var(--cardColor);border-radius:var(--radiusButton);border:1px solid var(--borderColor);box-shadow:var(--smallShadow);transition:var(--animationEase);position:absolute;top:var(--gapSides);right:var(--gapSides);opacity:0;animation:6s var(--animationEase) infinite savingFadeIcon;display:flex;align-items:center;justify-content:center}@keyframes savingFadeIcon{0%{opacity:0;transform:translateY(-12px) scale(0%)}28%{opacity:1;transform:translateY(0) scale(105%)}35%{opacity:1;transform:translateY(0) scale(.8)}37%{opacity:1;transform:translateY(0) scale(1)}85%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(12px) scale(0%)}}.localStorageCablesIcon[data-astro-cid-xdqiiigg]>svg[data-astro-cid-xdqiiigg]{animation:6s var(--animationEase) infinite savingFadeIconSpin}@keyframes savingFadeIconSpin{0%{transform:rotate(0)}28%{transform:rotate(0)}40%{transform:rotate(-360deg)}85%{transform:rotate(-360deg)}to{transform:rotate(-360deg)}}.resettingCables[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]>.cableWrap[data-astro-cid-xdqiiigg]>.rowWrapper[data-astro-cid-xdqiiigg]>.row[data-astro-cid-xdqiiigg]{transition:var(--animationNormal)}.resettingCables[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]:hover>.cableWrap[data-astro-cid-xdqiiigg]>.rowWrapper[data-astro-cid-xdqiiigg]>.row[data-astro-cid-xdqiiigg]{background:var(--whiteColor)}.resettingCables[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]>.cableWrap[data-astro-cid-xdqiiigg]>.connectorWrapper[data-astro-cid-xdqiiigg]>.connector[data-astro-cid-xdqiiigg]{transition:var(--animationNormal);transition-delay:.4s}.resettingCables[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]>.cableWrap[data-astro-cid-xdqiiigg]>.connectorWrapper[data-astro-cid-xdqiiigg]{position:relative}.resettingCables[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]:hover>.cableWrap[data-astro-cid-xdqiiigg]>.connectorWrapper[data-astro-cid-xdqiiigg]>.connector[data-astro-cid-xdqiiigg]:nth-child(1){opacity:0}.resettingCables[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]>.cableWrap[data-astro-cid-xdqiiigg]>.connectorWrapper[data-astro-cid-xdqiiigg]>.connector[data-astro-cid-xdqiiigg]:nth-child(2){position:absolute;inset:0;opacity:0}.resettingCables[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]:hover>.cableWrap[data-astro-cid-xdqiiigg]>.connectorWrapper[data-astro-cid-xdqiiigg]>.connector[data-astro-cid-xdqiiigg]:nth-child(2){opacity:1}.resettingCables[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]>.cableWrap[data-astro-cid-xdqiiigg]>.combWrapper[data-astro-cid-xdqiiigg]>.comb[data-astro-cid-xdqiiigg]{transition:var(--animationNormal);transition-delay:.2s}.resettingCables[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]>.cableWrap[data-astro-cid-xdqiiigg]>.combWrapper[data-astro-cid-xdqiiigg]>.comb[data-astro-cid-xdqiiigg]:before{content:"";background:repeating-linear-gradient(270deg,#262626,#262626 8px,#5c5c5c 16px,#1a1a1a var(--spacing));position:absolute;opacity:0;width:100%;height:100%;transition:opacity var(--animationNormal);transition-delay:.2s;border-radius:4px}.resettingCables[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]:hover>.cableWrap[data-astro-cid-xdqiiigg]>.combWrapper[data-astro-cid-xdqiiigg]>.comb[data-astro-cid-xdqiiigg]:before{opacity:1}.lightDarkCables[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]{position:relative}.lightDarkCables[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg] .cableWrap[data-astro-cid-xdqiiigg]:hover{transform:none}.lightDarkCables[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]:hover>.cableWrap[data-astro-cid-xdqiiigg]:nth-child(2){-webkit-mask-size:200%;mask-size:200%;filter:none}.lightDarkCables[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]>.cableWrap[data-astro-cid-xdqiiigg]:nth-child(2){position:absolute;-webkit-mask-image:linear-gradient(45deg,rgba(var(--darkColor),1) 50%,transparent 50%);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100%;mask-image:linear-gradient(45deg,rgba(var(--darkColor),1) 50%,transparent 50%);mask-repeat:no-repeat;mask-size:100%;transition:var(--animationNormal);filter:none}.lightDarkCables[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]>.cableWrap[data-astro-cid-xdqiiigg]:nth-child(2)>.rowWrapper[data-astro-cid-xdqiiigg]{box-shadow:none}.lightDarkCables[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]>.cableWrap[data-astro-cid-xdqiiigg]:nth-child(1)>.connectorWrapper[data-astro-cid-xdqiiigg]>.connector[data-astro-cid-xdqiiigg]{filter:drop-shadow(-4px 4px 1px rgba(var(--darkColor),var(--lowOpacity))) drop-shadow(-8px 8px 3px rgba(var(--darkColor),var(--lowOpacity))) drop-shadow(-16px 16px 6px rgba(var(--darkColor),var(--lowOpacity)))}.lightDarkCables[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]>.cableWrap[data-astro-cid-xdqiiigg]:nth-child(2)>.connectorWrapper[data-astro-cid-xdqiiigg]>.connector[data-astro-cid-xdqiiigg]{filter:none}.summaryOverview[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]{display:flex;flex-direction:column;justify-content:end;align-items:center;padding-bottom:0;overflow:hidden}.summaryOverview[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]>span[data-astro-cid-xdqiiigg]{padding:.4rem .8rem;border:1px solid var(--borderColor);border-radius:var(--radiusButton);background:var(--cardColor);color:var(--bodyColor);font-size:var(--textMini);font-family:var(--bodyFont);font-weight:var(--bodyWeight);transition:var(--animationNormal);transition-delay:.05s;box-shadow:var(--smallShadow);line-height:inherit;white-space:nowrap;display:flex;flex-direction:row;align-items:center;margin-bottom:calc(var(--gapSmall)*-1);z-index:1}.summaryOverview[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]>.summaryGroup[data-astro-cid-xdqiiigg]{display:flex;flex-direction:column;align-items:stretch;text-align:left;font-size:var(--textMini);width:100%;gap:inherit;background:var(--cardColor);padding:var(--gapLarge) var(--gapMedium) var(--gapMedium);border:1px solid var(--borderColor);border-bottom:none;border-radius:var(--radiusCard) var(--radiusCard) 0 0;box-shadow:var(--smallShadow),var(--smallShadow);transition:var(--animationNormal);position:relative;margin-bottom:-8px;height:100%}.summaryOverview[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]:hover>.summaryGroup[data-astro-cid-xdqiiigg],.summaryOverview[data-astro-cid-xdqiiigg]>.gridItemContent[data-astro-cid-xdqiiigg]:hover>span[data-astro-cid-xdqiiigg]{transform:translateY(-4px)}.summaryOverview[data-astro-cid-xdqiiigg] .summaryList[data-astro-cid-xdqiiigg]{position:relative}.summaryOverview[data-astro-cid-xdqiiigg] .summaryList[data-astro-cid-xdqiiigg]:before{content:"";position:absolute;inset:-1px;mask-image:linear-gradient(0deg,black,transparent 50%);background:var(--cardColor)}@media screen and (max-width:768px){.changingCable[data-astro-cid-xdqiiigg] .changingCableTooltip[data-astro-cid-xdqiiigg]{transform:translate(-25%,-25%) rotate(-15deg);opacity:1}.connectorCombOptions[data-astro-cid-xdqiiigg] .con24[data-astro-cid-xdqiiigg]{height:90px;width:220px}.connectorCombOptions[data-astro-cid-xdqiiigg] .con8PCIE[data-astro-cid-xdqiiigg]{height:90px;width:70px}.connectorCombOptions[data-astro-cid-xdqiiigg] .comb[data-astro-cid-xdqiiigg]{width:200px}.containerImagePreviewOverflow[data-astro-cid-xdqiiigg]{gap:var(--gapLarge)}}