.container[data-v-ac963463]{position:relative}.container .baseDiagram[data-v-ac963463],.container .hoverDiagram[data-v-ac963463]{inset:0 48px;position:absolute}.container .hoverDiagram[data-v-ac963463]{opacity:0}.container .hleft[data-v-ac963463],.container .hright[data-v-ac963463]{bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;position:absolute;top:0}.container .hleft div[data-v-ac963463],.container .hright div[data-v-ac963463]{background-color:#fff;height:1px;width:8px}.container .hright[data-v-ac963463]{left:auto;right:0}.container .hoverZone[data-v-ac963463]{background-color:#000;inset:9px 8px;mix-blend-mode:lighten;position:absolute}.container .hoverZone .caption[data-v-ac963463]{display:grid;gap:var(--gap-small);grid-template-columns:repeat(12,minmax(0,1fr));left:var(--margin-page);position:absolute;right:var(--margin-page);text-transform:uppercase;top:var(--margin-page)}.container .hoverZone .caption .t[data-v-ac963463]{grid-column:1/span 4}.container .hoverZone .caption .tl[data-v-ac963463]{grid-column:1/span 12}.container .hoverZone .caption .size[data-v-ac963463]{opacity:0}.container .hoverZone .caption .sized[data-v-ac963463]{grid-column:span 3;opacity:0}.container .hoverZone .caption .density[data-v-ac963463],.container .hoverZone .caption .densityd[data-v-ac963463]{grid-column:span 2;opacity:0}@media(hover:hover){.container:hover .baseDiagram[data-v-ac963463]{opacity:0}.container:hover .hoverDiagram[data-v-ac963463]{opacity:1}.container:hover .hoverZone[data-v-ac963463]{background-color:var(--color-neutrals-dark-100)}.container:hover .hoverZone .density[data-v-ac963463],.container:hover .hoverZone .densityd[data-v-ac963463],.container:hover .hoverZone .size[data-v-ac963463],.container:hover .hoverZone .sized[data-v-ac963463]{opacity:1}}@media(hover:none){.container .hoverZone .caption[data-v-ac963463]{left:0;right:0;top:0}.container.active .baseDiagram[data-v-ac963463]{opacity:0}.container.active .hoverDiagram[data-v-ac963463],.container.active .hoverZone .density[data-v-ac963463],.container.active .hoverZone .densityd[data-v-ac963463],.container.active .hoverZone .size[data-v-ac963463],.container.active .hoverZone .sized[data-v-ac963463]{opacity:1}}@media screen and (max-width:834px){.container .hoverZone .caption[data-v-ac963463]{left:16px;right:16px;top:16px}}@media screen and (max-width:480px){.container[data-v-ac963463]{overflow:hidden}.container .baseDiagram[data-v-ac963463],.container .hoverDiagram[data-v-ac963463]{inset:0 -48px}.container .hoverZone .density[data-v-ac963463],.container .hoverZone .densityd[data-v-ac963463],.container .hoverZone .size[data-v-ac963463],.container .hoverZone .sized[data-v-ac963463]{display:none}}.yarnDiagram[data-v-cc5b3c0a]{height:55vw;position:relative;width:100%}.yarnDiagram .fascia[data-v-cc5b3c0a]{background-color:#000;box-sizing:border-box;display:grid;gap:var(--gap-default);grid-template-columns:repeat(2,minmax(0,1fr));height:7.5vw;left:0;padding:0 var(--margin-page);position:absolute;right:0;top:var(--margin-page);z-index:2}.yarnDiagram .fascia .box[data-v-cc5b3c0a]{padding-top:4px}.yarnDiagram .diagrams[data-v-cc5b3c0a]{display:grid;grid-template-columns:1px minmax(0,1fr) 1px minmax(0,1fr) 1px;height:35vw;left:var(--margin-page);position:absolute;right:var(--margin-page);top:17.5vw}.yarnDiagram .diagrams .mv[data-v-cc5b3c0a],.yarnDiagram .diagrams .v[data-v-cc5b3c0a]{display:flex;flex-direction:column;justify-content:space-between}.yarnDiagram .diagrams .mv div[data-v-cc5b3c0a],.yarnDiagram .diagrams .v div[data-v-cc5b3c0a]{background-color:#fff;height:9px;width:1px}.yarnDiagram .diagrams .mv div[data-v-cc5b3c0a]:nth-of-type(2),.yarnDiagram .diagrams .v div[data-v-cc5b3c0a]:nth-of-type(2){height:17px}.yarnDiagram .diagrams .mv[data-v-cc5b3c0a]{display:none}.yarnDiagram .diagrams .mv div[data-v-cc5b3c0a]:nth-of-type(3),.yarnDiagram .diagrams .mv div[data-v-cc5b3c0a]:nth-of-type(4){height:17px}@media screen and (max-width:1280px){.yarnDiagram[data-v-cc5b3c0a]{height:auto}.yarnDiagram .fascia[data-v-cc5b3c0a]{height:auto;margin-bottom:60px;padding:var(--margin-page)}.yarnDiagram .diagrams[data-v-cc5b3c0a],.yarnDiagram .fascia[data-v-cc5b3c0a]{left:auto;position:relative;right:auto;top:auto}.yarnDiagram .diagrams[data-v-cc5b3c0a]{grid-template-columns:1px 1fr 1px;grid-template-rows:repeat(2,minmax(0,1fr));height:644px;padding:0 var(--margin-page)}.yarnDiagram .diagrams .v[data-v-cc5b3c0a]{display:none}.yarnDiagram .diagrams .mv[data-v-cc5b3c0a]{display:flex;grid-column:1;grid-row:1/span 2}.yarnDiagram .diagrams .mv[data-v-cc5b3c0a]:first-of-type{grid-column:3}.yarnDiagram .diagrams .firstContainer[data-v-cc5b3c0a]{margin-bottom:-1px}}@media screen and (max-width:834px){.yarnDiagram .fascia[data-v-cc5b3c0a]{padding:16px}.yarnDiagram .diagrams[data-v-cc5b3c0a]{height:560px;padding:16px}}@media screen and (max-width:480px){.yarnDiagram .fascia[data-v-cc5b3c0a]{grid-template-columns:1fr}}