.materials{padding-bottom:var(--spacing-12)}.materials__intro{display:grid;gap:var(--spacing-6)}.materials__lead{max-width:34rem}.materials__layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--spacing-12);margin-top:var(--spacing-8);align-items:start}.materials__story{display:grid;gap:var(--spacing-6)}.materials__product{display:grid;gap:var(--spacing-4);text-align:center}.materials__product figure,.materials__graphic{margin:0}.materials__garment{position:relative;width:100%;max-width:26rem;aspect-ratio:1066 / 1280;margin-inline:auto}.materials__garment img{display:block;width:100%;height:100%;object-fit:contain}.materials__product figcaption{margin-top:var(--spacing-3)}.materials__hotspot{position:absolute;left:var(--dot-x);top:var(--dot-y);transform:translate(-50%,-50%);width:var(--spacing-12);height:var(--spacing-12);padding:0;display:grid;place-items:center;border:0;background:transparent;text-decoration:none;touch-action:manipulation;cursor:pointer}.materials__hotspot span{display:grid;place-items:center;width:var(--spacing-7);height:var(--spacing-7);border:1px solid currentColor;border-radius:50%;background:rgb(var(--background));color:rgb(var(--text-color))}.materials__hotspot{min-width:44px;min-height:44px}.materials__hotspot:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:4px}.materials__hotspot[aria-pressed=true] span{background:rgb(var(--text-color));color:rgb(var(--background))}.materials__hotspot:hover span{outline:1px solid rgb(var(--text-color));outline-offset:3px}.materials__connection{display:grid;gap:var(--spacing-4);padding:var(--spacing-6);background:rgb(var(--text-color)/.04);border-radius:var(--rounded-lg)}.materials__selection{display:grid;gap:var(--spacing-2);align-content:start;min-height:0}.materials__views,.materials__country-choices{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.materials__views [aria-pressed=true],.materials__material-selector[aria-pressed=true],.materials__country-choices [aria-pressed=true]{background:rgb(var(--text-color));color:rgb(var(--background))}.materials__directory{display:grid;gap:var(--spacing-4);margin-top:var(--spacing-8)}.materials__directory-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--spacing-4)}.materials__tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-3)}.materials__material-selector{position:relative;display:grid;gap:var(--spacing-2);justify-content:start;justify-items:start;align-content:start;width:100%;height:100%;text-align:left;text-transform:none;white-space:normal;overflow:hidden}.materials__material-selector:disabled{opacity:1;cursor:default}.materials__country-tiles .materials__material-selector{height:auto}.materials__source-tour{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3);margin-left:auto}.materials__progress{position:absolute;inset:auto 0 0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left}.materials[data-tour-state=playing] [data-country][aria-pressed=true] .materials__progress{animation:materials-progress 6s linear forwards}@keyframes materials-progress{to{transform:scaleX(1)}}.materials summary:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.materials__fallback-details summary{padding-block:var(--spacing-4);cursor:pointer}.materials__fallback-details section{display:grid;gap:var(--spacing-2);margin-block:var(--spacing-4)}.materials__product-choice{min-height:44px;white-space:normal;text-transform:none}.materials__product-choice[aria-pressed=true]{background:rgb(var(--text-color));color:rgb(var(--background))}.materials__product [data-product-panel]{display:grid;gap:var(--spacing-4)}.materials__map-label{position:absolute;display:grid;text-align:center;width:max-content;max-width:11rem;padding:var(--spacing-2) var(--spacing-3);background:#000;color:#fff;border-radius:var(--rounded-lg);pointer-events:none}.materials__map-label--anchor{transform:translate(-50%,8px)}.materials__map-label--source{transform:translate(-50%,calc(-100% - 8px))}.materials__graphic[data-renderer=ready] .materials__legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.materials__canvas-wrap{position:relative;aspect-ratio:1;min-width:0;max-width:44rem;width:100%;margin-inline:auto}.materials__canvas-wrap canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.materials__static-sphere{position:absolute;top:9%;right:9%;bottom:9%;left:9%;border-radius:50%;border:1px solid rgb(var(--text-color)/.12);background-image:radial-gradient(rgb(var(--text-color)/.2) 1px,transparent 1px);background-size:var(--spacing-3) var(--spacing-3)}.materials__legend{display:flex;gap:var(--spacing-4);justify-content:space-between;flex-wrap:wrap}.materials__legend span:before{content:"";display:inline-block;width:.5rem;height:.5rem;border:1px solid currentColor;border-radius:50%;margin-inline-end:var(--spacing-2)}.materials__legend [data-source-label]:before{background:currentColor}.materials__notes{max-width:52rem;margin-top:var(--spacing-8);display:grid;gap:var(--spacing-3)}.materials__status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.materials h3,.materials p,.materials__material-selector span{overflow-wrap:anywhere}@media(max-width:999px){.materials__layout{gap:var(--spacing-6)}.materials__tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:699px){.materials{padding-bottom:var(--spacing-8)}.materials__layout{grid-template-columns:minmax(0,1fr);gap:var(--spacing-6)}.materials__garment{max-width:22rem}.materials__connection{padding:var(--spacing-5)}.materials__selection{min-height:0}.materials__canvas-wrap{max-width:30rem;aspect-ratio:1}.materials__static-sphere{top:5%;right:11%;bottom:5%;left:11%}.materials__directory{margin-top:var(--spacing-8)}.materials__tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.materials *{scroll-behavior:auto}.materials__progress{animation:none!important}}.materials[data-reduced-motion=true] .materials__progress{animation:none!important}.materials__product-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:699px){.materials__product-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.materials__source-tour{margin-left:0}}.materials[data-enhanced=true] .materials__tile-source{display:none}.materials__fabric-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}.materials__hotspot[aria-pressed=true]{border-radius:50%;background:rgb(var(--text-color)/.06);box-shadow:0 0 0 1px rgb(var(--text-color)/.12)}.materials__product-link{text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}.materials__product-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(max-width:999px){.materials__fabric-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:699px){.materials__fabric-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.materials__material-selector,.materials__views button,.materials__source-tour button{min-height:44px}.materials__selected-heading{display:flex;align-items:center;gap:var(--spacing-3)}.materials__selected-number{display:grid;place-items:center;flex-shrink:0;width:var(--spacing-7);height:var(--spacing-7);border-radius:50%;background:rgb(var(--text-color));color:rgb(var(--background))}.materials__inline-facts{display:grid;gap:var(--spacing-2)}.materials__selected-facts{text-transform:uppercase}.materials__product-materials{font-weight:400;opacity:.8}.materials__hero{background:rgb(var(--text-color)/.04)}.materials__hero-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding-block:4rem}.materials__hero-image{display:block;width:100%;max-width:32rem;height:auto;aspect-ratio:1;object-fit:cover;justify-self:end;border-radius:var(--rounded-lg)}.materials__explorer{padding-top:var(--spacing-4)}@media(max-width:699px){.materials__hero-inner{grid-template-columns:minmax(0,1fr);gap:var(--spacing-8);padding-block:var(--spacing-8)}.materials__hero-image{justify-self:center}.materials__intro{gap:var(--spacing-4)}}.materials .button--outline[aria-pressed=true]{border-color:rgb(var(--text-color));box-shadow:inset 0 0 0 2px rgb(var(--text-color))}@media(max-width:699px){.materials__directory>section{min-width:0}.materials__tiles{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:3px;padding:3px 3px 10px;scrollbar-width:thin}.materials__fabric-tiles,.materials__country-tiles{grid-auto-columns:44%}.materials__tiles>*{min-width:0;scroll-snap-align:start}}.materials__factory{margin-top:var(--spacing-12);padding-block:var(--spacing-12);background:rgb(var(--text-color)/.04)}.materials__factory-intro{display:grid;gap:var(--spacing-4);max-width:60rem;margin-bottom:var(--spacing-8)}.materials__factory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-6)}.materials__factory-grid article{display:flex;flex-direction:column;align-items:start;gap:var(--spacing-4)}.materials__factory-grid img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--rounded-lg);margin-bottom:var(--spacing-2)}@media(max-width:699px){.materials__factory{margin-top:var(--spacing-8);padding-block:var(--spacing-8)}.materials__factory-grid{grid-template-columns:minmax(0,1fr);gap:var(--spacing-8)}}.materials [hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/79/assets/voler-materials-guide.css.map */