.ycg-section{position:relative;overflow:hidden;font-family:var(--font-body-family, inherit);-webkit-font-smoothing:antialiased}:where(.ycg-wrap){width:100%;max-width:var(--page-width, 1400px);margin-inline:auto;padding-inline:20px;box-sizing:border-box}.ycg-section a,.ycg-section a:hover,.ycg-section a:focus,.ycg-section a:active,.ycg-btn,.ycg-btn span,.ycg-card,.ycg-card:hover,.ycg-card__heading,.ycg-card__heading a,.ycg-card__link,.ycg-card__link a,.ycg-card__link span{text-decoration:none!important}.ycg-card__heading,.ycg-card__link{border-bottom:none!important}.ycg-header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}.ycg-header__content{display:flex;flex-direction:column;max-width:680px}.ycg-caption{margin:0 0 -3px;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--ycg-caption, #B65F48);font-family:var(--body_font, var(--font-body-family, inherit))}.ycg-heading{margin:0 0 14px;font-size:44px;font-weight:400;line-height:1.15;color:var(--ycg-heading, #292C27);font-family:var(--headline_font, var(--font-heading-family, serif))!important;letter-spacing:-.01em;text-wrap:balance}.ycg-description{margin:0;font-size:16px;font-weight:400;line-height:1.5;color:var(--ycg-desc, #756F64);font-family:var(--body_font, var(--font-body-family, inherit))}.ycg-header__action{flex:none;padding-bottom:4px}.ycg-btn{--ycg-btn-duration: var(--duration-medium, .4s);--transform-origin-start: left;--transform-origin-end: right;--initial-background-position: var(--transform-origin-end);--hover-background-position: var(--transform-origin-start);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 28px;border:1px solid rgb(var(--ycg-btn-rgb, 101, 67, 33))!important;border-bottom:1px solid rgb(var(--ycg-btn-rgb, 101, 67, 33))!important;border-radius:999px!important;box-sizing:border-box;font-family:var(--body_font, var(--font-body-family, inherit));font-size:14px;font-weight:500;line-height:1;text-align:center;text-decoration:none!important;cursor:pointer;transition:background-size var(--ycg-btn-duration) cubic-bezier(.785,.135,.15,.86),background-position var(--ycg-btn-duration) step-end,color var(--ycg-btn-duration) cubic-bezier(.785,.135,.15,.86),border-color var(--ycg-btn-duration) cubic-bezier(.785,.135,.15,.86);background-color:transparent;background-image:var(--initial-gradient),var(--hover-gradient);background-size:101% 101%,0 101%;background-position:var(--initial-background-position);background-repeat:no-repeat}.ycg-btn--primary{--initial-gradient: linear-gradient(rgb(var(--ycg-btn-rgb, 101, 67, 33)), rgb(var(--ycg-btn-rgb, 101, 67, 33)));--hover-gradient: linear-gradient(transparent, transparent);color:rgb(var(--ycg-btn-text-rgb, 255, 255, 255))}.ycg-btn--primary:hover{color:rgb(var(--ycg-btn-rgb, 101, 67, 33))!important;background-position:var(--hover-background-position);border-color:rgb(var(--ycg-btn-rgb, 101, 67, 33))!important;border-bottom-color:rgb(var(--ycg-btn-rgb, 101, 67, 33))!important;background-size:0 101%,101% 101%}.ycg-btn:focus-visible{outline:2px solid rgb(var(--ycg-btn-rgb, 101, 67, 33));outline-offset:3px}.ycg-btn__arrow{flex:none;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.ycg-btn:hover .ycg-btn__arrow{transform:translate(4px)}.ycg-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.ycg-dots{display:flex;align-items:center;gap:8px}.ycg-dot{width:10px;height:10px;border-radius:50%;border:none;padding:0;background-color:var(--ycg-dot-inactive, #D9D4CC);cursor:pointer;transition:background-color .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.ycg-dot.is-active{background-color:var(--ycg-dot-active, #B65F48);transform:scale(1.15)}.ycg-arrows{display:flex;align-items:center;gap:12px}.ycg-arrow-btn{--ycg-arrow-duration: .35s;--transform-origin-start: left;--transform-origin-end: right;--initial-background-position: var(--transform-origin-end);--hover-background-position: var(--transform-origin-start);display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgb(var(--ycg-arrow-rgb, 1, 82, 78))!important;box-sizing:border-box;cursor:pointer;padding:0;transition:background-size var(--ycg-arrow-duration) cubic-bezier(.785,.135,.15,.86),background-position var(--ycg-arrow-duration) step-end,color var(--ycg-arrow-duration) cubic-bezier(.785,.135,.15,.86),border-color var(--ycg-arrow-duration) cubic-bezier(.785,.135,.15,.86),opacity .25s ease;--initial-gradient: linear-gradient(rgb(var(--ycg-arrow-rgb, 1, 82, 78)), rgb(var(--ycg-arrow-rgb, 1, 82, 78)));--hover-gradient: linear-gradient(transparent, transparent);background-color:transparent;background-image:var(--initial-gradient),var(--hover-gradient);background-size:101% 101%,0 101%;background-position:var(--initial-background-position);background-repeat:no-repeat;color:rgb(var(--ycg-arrow-text-rgb, 255, 255, 255))}.ycg-arrow-btn:hover:not(:disabled){color:rgb(var(--ycg-arrow-rgb, 1, 82, 78))!important;border-color:rgb(var(--ycg-arrow-rgb, 1, 82, 78))!important;background-position:var(--hover-background-position);background-size:0 101%,101% 101%}.ycg-arrow-btn:disabled{background:transparent!important;border-color:#beb7a9!important;color:#beb7a9!important;cursor:not-allowed;opacity:.55}.ycg-arrow-btn svg{width:14px;height:14px;display:block}.ycg-carousel{position:relative;width:100%;overflow:hidden}.ycg-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px}.ycg-track::-webkit-scrollbar{display:none}.ycg-card{flex:0 0 calc((100% - 72px)/4);min-width:260px;max-width:340px;scroll-snap-align:start;display:flex;flex-direction:column;text-decoration:none!important;color:inherit;cursor:pointer}.ycg-card__image-wrap{position:relative;width:100%;aspect-ratio:303 / 391;border-radius:24px;overflow:hidden;background-color:#0000000a;margin-bottom:18px}.ycg-card__image{display:block;width:100%;height:100%;object-fit:cover;border-radius:24px;transition:transform .6s cubic-bezier(.22,1,.36,1)}.ycg-card:hover .ycg-card__image{transform:scale(1.05)}.ycg-card__image-wrap svg{display:block;width:100%;height:100%;object-fit:cover}.ycg-card__heading{margin:0 0 8px;font-size:27px;font-weight:400;line-height:1.25;color:var(--ycg-card-heading, #292C27);font-family:var(--font-heading-family, inherit);text-decoration:none!important;transition:color .25s ease}.ycg-card:hover .ycg-card__heading{color:var(--ycg-caption, #B65F48)}.ycg-card__link{display:inline-flex;align-items:center;font-size:16px;font-weight:400;line-height:1.4;color:var(--ycg-card-text, #756F64);font-family:var(--font-body-family, inherit);text-decoration:none!important;transition:color .25s ease}.ycg-card:hover .ycg-card__link{color:#01524e}.ycg-card__link-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:11px;height:10px;margin-left:6px;flex:none;transition:transform .3s cubic-bezier(.2,.7,.2,1)}.ycg-card__icon{position:absolute;top:0;left:0;width:11px;height:10px;display:block;transition:opacity .25s ease}.ycg-card__icon--grey{opacity:1}.ycg-card__icon--green,.ycg-card:hover .ycg-card__icon--grey{opacity:0}.ycg-card:hover .ycg-card__icon--green{opacity:1}.ycg-card:hover .ycg-card__link-icon-wrap{transform:translate(6px)}@media(max-width:1199px){.ycg-card{flex:0 0 calc((100% - (2 * 20px)) / 3);min-width:240px}.ycg-track{gap:20px}.ycg-heading{font-size:38px}.ycg-card__heading{font-size:23px}}@media(max-width:899px){.ycg-card{flex:0 0 calc((100% - 16px)/2);min-width:220px}.ycg-track{gap:16px}.ycg-heading{font-size:32px}.ycg-header{flex-direction:column;align-items:flex-start;gap:20px}.ycg-header__action{padding-top:0}}@media(max-width:599px){.ycg-card{flex:0 0 82%;min-width:240px}.ycg-heading{font-size:28px}.ycg-card__heading{font-size:21px}.ycg-card__image-wrap{border-radius:20px}.ycg-header__action,.ycg-btn{width:100%}}@media(prefers-reduced-motion:reduce){.ycg-card__image,.ycg-btn,.ycg-arrow-btn,.ycg-card__link-icon-wrap,.ycg-card__icon{transition:none!important}.ycg-track{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/yarn-collections-grid.css.map */