.yarn-guide__header{text-align:center;max-width:72rem;margin:0 auto 3rem}.yarn-guide__title{margin:0 0 1.2rem}.yarn-guide__intro{opacity:.85}.yarn-guide__intro p{margin:0}.yarn-guide__tabs{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;margin:0 auto 3.6rem}.yarn-guide__tab{font:inherit;font-size:1.5rem;letter-spacing:.04rem;cursor:pointer;padding:1.1rem 2.4rem;border-radius:99rem;border:1px solid rgba(var(--color-foreground),.35);background:transparent;color:rgb(var(--color-foreground));transition:background-color .2s ease,color .2s ease,border-color .2s ease}.yarn-guide__tab:hover{border-color:rgb(var(--color-foreground))}.yarn-guide__tab[aria-selected=true]{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.yarn-guide__tab:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.yarn-guide__panel{display:grid;gap:3rem;align-items:center}.yarn-guide__panel[hidden]{display:none}@media screen and (min-width:990px){.yarn-guide__panel{grid-template-columns:1fr 1fr;gap:6rem}}.yarn-guide__panel:not([hidden]){animation:yarnFade .35s ease}@keyframes yarnFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.yarn-guide__panel:not([hidden]){animation:none}}.yarn-guide__media{position:relative;overflow:hidden;border-radius:1.2rem;aspect-ratio:4 / 5;background:rgba(var(--color-foreground),.06)}.yarn-guide__img,.yarn-guide__media .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.yarn-guide__badge{position:absolute;left:1.6rem;top:1.6rem;padding:.6rem 1.4rem;border-radius:99rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.3rem}.yarn-guide__content{min-width:0}.yarn-guide__name{margin:0 0 1.4rem}.yarn-guide__text{margin-bottom:2.4rem;line-height:1.7}.yarn-guide__text p{margin:0 0 1rem}.yarn-guide__facts{margin:0 0 2.8rem;padding:0;border-top:1px solid rgba(var(--color-foreground),.2)}.yarn-guide__fact{display:grid;grid-template-columns:12rem 1fr;gap:1.6rem;padding:1.2rem 0;border-bottom:1px solid rgba(var(--color-foreground),.2)}.yarn-guide__fact dt{font-size:1.2rem;text-transform:uppercase;letter-spacing:.12rem;opacity:.75;padding-top:.2rem}.yarn-guide__fact dd{margin:0}.yarn-guide__colors-label{margin:0 0 1.2rem;font-size:1.4rem}.yarn-guide__colors-label span{opacity:.7}.yarn-guide__swatches{list-style:none;margin:0 0 2.8rem;padding:0 0 .8rem;display:grid;grid-auto-flow:column;grid-auto-columns:11rem;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.yarn-guide__swatch{scroll-snap-align:start}.yarn-guide__swatch-link{display:block;text-decoration:none;color:inherit}.yarn-guide__swatch-img{display:block;aspect-ratio:1;border-radius:50%;overflow:hidden;margin-bottom:.8rem;background:rgba(var(--color-foreground),.06);transition:transform .25s ease}.yarn-guide__swatch-img img{width:100%;height:100%;object-fit:cover;display:block}.yarn-guide__swatch-link:hover .yarn-guide__swatch-img{transform:scale(1.05)}.yarn-guide__swatch-link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px;border-radius:.6rem}.yarn-guide__swatch-name{display:block;font-size:1.3rem;line-height:1.3;text-align:center}.yarn-guide__swatch-price{display:block;font-size:1.2rem;opacity:.7;text-align:center;margin-top:.2rem}@media screen and (max-width:749px){.yarn-guide__header{margin-bottom:2.4rem}.yarn-guide__tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin-bottom:2.4rem;padding-bottom:.4rem}.yarn-guide__tab{white-space:nowrap;padding:1rem 1.8rem;font-size:1.4rem}.yarn-guide__fact{grid-template-columns:9rem 1fr}.yarn-guide__swatches{grid-auto-columns:9rem}.yarn-guide__button{width:100%}}yarn-guide{display:block}@media screen and (max-width:749px){.yarn-guide__media{aspect-ratio:1 / 1}.yarn-guide__fact{grid-template-columns:11rem 1fr;gap:1.2rem}.yarn-guide__fact dt{font-size:1.1rem;letter-spacing:.08rem}}.yarn-guide__projects{grid-column:1 / -1;margin-top:2rem;padding-top:4rem;border-top:1px solid rgba(var(--color-foreground),.2)}.yarn-guide__projects-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.8rem 2.4rem;margin-bottom:2.4rem}.yarn-guide__projects-title{margin:0}.yarn-guide__projects-text{margin:0;max-width:56rem;opacity:.85}.yarn-guide__project-list{list-style:none;margin:0;padding:0 0 .8rem;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 6rem)/4);gap:2rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.yarn-guide__project{scroll-snap-align:start}.yarn-guide__project-link{display:block;text-decoration:none;color:inherit}.yarn-guide__project-img{display:block;aspect-ratio:4 / 5;overflow:hidden;border-radius:1rem;margin-bottom:1.2rem;background:rgba(var(--color-foreground),.06)}.yarn-guide__project-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.yarn-guide__project-link:hover .yarn-guide__project-img img{transform:scale(1.04)}.yarn-guide__project-link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px;border-radius:1rem}.yarn-guide__project-name{display:block;font-size:1.5rem;line-height:1.35}.yarn-guide__project-price{display:block;font-size:1.3rem;opacity:.75;margin-top:.3rem}@media(prefers-reduced-motion:reduce){.yarn-guide__project-img img,.yarn-guide__swatch-img{transition:none}}@media screen and (max-width:749px){.yarn-guide__projects{margin-top:1rem;padding-top:3rem}.yarn-guide__project-list{grid-auto-columns:62%;gap:1.2rem}}.yarn-guide__panel>*{min-width:0}.yarn-guide__panel{grid-template-columns:minmax(0,1fr)}@media screen and (min-width:990px){.yarn-guide__panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-yarn-guide.css.map */