.container[data-v-ac963463]{position:relative}.container .baseDiagram[data-v-ac963463],.container .hoverDiagram[data-v-ac963463]{position:absolute;inset:0 48px}.container .hoverDiagram[data-v-ac963463]{opacity:0}.container .hleft[data-v-ac963463],.container .hright[data-v-ac963463]{position:absolute;left:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between}.container .hleft div[data-v-ac963463],.container .hright div[data-v-ac963463]{width:8px;height:1px;background-color:#fff}.container .hright[data-v-ac963463]{right:0;left:auto}.container .hoverZone[data-v-ac963463]{position:absolute;inset:9px 8px;mix-blend-mode:lighten;background-color:#000}.container .hoverZone .caption[data-v-ac963463]{text-transform:uppercase;position:absolute;top:var(--margin-page);left:var(--margin-page);right:var(--margin-page);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap-small)}.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]{top:0;left:0;right: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]{top:16px;left:16px;right: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]{position:relative;height:55vw;width:100%}.yarnDiagram .fascia[data-v-cc5b3c0a]{position:absolute;top:var(--margin-page);left:0;right:0;height:7.5vw;background-color:#000;z-index:2;box-sizing:border-box;padding:0 var(--margin-page);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-default)}.yarnDiagram .fascia .box[data-v-cc5b3c0a]{padding-top:4px}.yarnDiagram .diagrams[data-v-cc5b3c0a]{position:absolute;top:17.5vw;height:35vw;left:var(--margin-page);right:var(--margin-page);display:grid;grid-template-columns:1px minmax(0,1fr) 1px minmax(0,1fr) 1px}.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]{height:9px;width:1px;background-color:#fff}.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;padding:var(--margin-page);margin-bottom:60px}.yarnDiagram .diagrams[data-v-cc5b3c0a],.yarnDiagram .fascia[data-v-cc5b3c0a]{position:relative;top:auto;left:auto;right:auto}.yarnDiagram .diagrams[data-v-cc5b3c0a]{padding:0 var(--margin-page);height:644px;grid-template-columns:1px 1fr 1px;grid-template-rows:repeat(2,minmax(0,1fr))}.yarnDiagram .diagrams .v[data-v-cc5b3c0a]{display:none}.yarnDiagram .diagrams .mv[data-v-cc5b3c0a]{display:flex;grid-row:1/span 2;grid-column:1}.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]{padding:16px;height:560px}}@media screen and (max-width:480px){.yarnDiagram .fascia[data-v-cc5b3c0a]{grid-template-columns:1fr}}