.pattern-details{--pattern-border: color-mix(in srgb, var(--color-accent, currentColor) 28%, var(--color-border));font-size:var(--pattern-body-size, 17px)}.pattern-details .pdp-tabs__button{color:color-mix(in srgb,var(--color-text) 68%,transparent);font-size:var(--pattern-tab-size, 15px);font-weight:var(--pattern-tab-weight, 500)}.pattern-details .pdp-tabs__button:hover{color:var(--color-text)}.pattern-details .pdp-tabs__button[aria-selected=true]{color:var(--color-text);font-weight:700}.pattern-details[data-tab-style=underline] .pdp-tabs__button{border-bottom-width:3px}.pattern-details[data-tab-style=underline] .pdp-tabs__button[aria-selected=true]{border-bottom-color:var(--color-accent, var(--color-text))}.pattern-details .pdp-tabs__list{column-gap:clamp(24px,3vw,48px)}.pattern-details[data-tab-align=start] .pdp-tabs__list{justify-content:flex-start}.pattern-details__panel{min-width:0}.pattern-details__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--pattern-gap, 48px);align-items:start;min-width:0}.pattern-details__split--about{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.pattern-details__split--sizes,.pattern-details__split--gauge{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.pattern-details__split--techniques,.pattern-details__split--included{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}.pattern-details__copy,.pattern-details__media-stack,.pattern-details__materials-column,.pattern-details__measurements{min-width:0}.pattern-details__title{margin:0 0 var(--spacing-md, 16px);font-size:var(--pattern-heading-size, 38px);font-weight:var(--font-heading--weight, 500);line-height:1.15}.pattern-details__subheading{margin:0 0 var(--spacing-md, 16px);font-size:clamp(1.15rem,calc(var(--pattern-heading-size, 38px) * .55),1.5rem);line-height:1.25}.pattern-details__rte{color:var(--color-text-secondary, var(--color-text));line-height:1.7}.pattern-details__badge{display:inline-flex;align-items:center;min-height:34px;margin:0 0 var(--spacing-lg, 24px);padding:5px 16px;border:1px solid var(--pattern-border);border-radius:999px;font-size:.76em;letter-spacing:.12em;line-height:1;text-transform:uppercase}.pattern-details__check-list,.pattern-details__bullet-list,.pattern-details__notions{margin:0;padding:0;list-style:none}.pattern-details__check-list{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.pattern-details__check-list--wide{margin-block-start:var(--pattern-wide-checklist-margin-top, 48px)}.pattern-details__check-list li{display:flex;align-items:flex-start;gap:var(--spacing-sm, 12px);color:var(--color-text-secondary, var(--color-text));line-height:1.55}.pattern-details__check{flex:0 0 1.35em;width:1.35em;height:1.35em;margin-block-start:.08em;color:var(--color-accent-text, var(--color-accent))}.pattern-details__gallery{display:grid;grid-template-columns:repeat(var(--pattern-gallery-count, 1),minmax(0,1fr));gap:var(--spacing-md, 16px);min-width:0}.pattern-details__gallery--single{grid-template-columns:minmax(0,1fr)}.pattern-details__image-button{display:block;width:100%;min-width:0;padding:var(--spacing-xs, 8px);border:1px solid var(--pattern-border);border-radius:var(--pattern-card-radius, 0);background:transparent;color:inherit;cursor:zoom-in}.pattern-details__image-button:focus-visible,.pattern-details__preview-link:focus-visible,.pattern-details__suggested-yarn:focus-visible{outline:2px solid var(--color-accent, currentColor);outline-offset:3px}.pattern-details__image{display:block;width:100%;height:auto;aspect-ratio:4 / 3;border-radius:var(--pattern-image-radius, 0);object-fit:cover}.pattern-details__gallery--single .pattern-details__image{aspect-ratio:auto;max-height:520px;object-fit:contain}.pattern-details__media-stack{display:flex;flex-direction:column;gap:var(--spacing-lg, 24px)}.pattern-details__preview-link{display:inline-flex;align-items:center;align-self:flex-end;gap:var(--spacing-xs, 8px);color:inherit;font-size:.78em;letter-spacing:.12em;text-decoration:underline;text-underline-offset:.45em;text-transform:uppercase}.pattern-details__notice,.pattern-details__support-card,.pattern-details__gauge-card,.pattern-details__suggested-yarn,.pattern-details__schematic{border:1px solid var(--pattern-border);border-radius:var(--pattern-card-radius, 0)}.pattern-details__notice{display:flex;gap:var(--spacing-sm, 12px);margin-block-start:var(--spacing-lg, 24px);padding:var(--spacing-md, 16px);background:color-mix(in srgb,var(--color-text) 3%,var(--color-background))}.pattern-details__notice h4,.pattern-details__support-card h4,.pattern-details__material-group h4{display:flex;align-items:center;gap:var(--spacing-xs, 8px);margin:0 0 var(--spacing-sm, 12px);font-size:1.05em}.pattern-details__notice .rte>:first-child,.pattern-details__support-card .rte>:first-child{margin-top:0}.pattern-details__notice .rte>:last-child,.pattern-details__support-card .rte>:last-child{margin-bottom:0}.pattern-details__notice-icon,.pattern-details__group-icon,.pattern-details__support-icon,.pattern-details__reminder-icon{flex:0 0 1.2em;width:1.2em;height:1.2em;color:var(--color-accent-text, var(--color-accent))}.pattern-details__schematic{width:min(100%,380px);margin-block-start:var(--spacing-lg, 24px);margin-inline:auto;padding:var(--spacing-md, 16px)}.pattern-details__media-stack--gauge{width:min(100%,380px);justify-self:end}.pattern-details__schematic .pattern-details__image{height:220px;object-fit:contain}.pattern-details__media-stack--gauge .pattern-details__image{height:280px;object-fit:contain}.pattern-details__schematic>p{margin:var(--spacing-sm, 12px) 0 0;font-size:.74em;letter-spacing:.12em;text-align:center;text-transform:uppercase}.pattern-details__table-scroll{max-width:100%;border:1px solid var(--pattern-border);overflow-x:auto}.pattern-details__table{width:100%;min-width:560px;border-collapse:collapse;font-size:.84em;line-height:1.25}.pattern-details__table th,.pattern-details__table td{padding:8px 10px;border-bottom:1px solid var(--pattern-border);text-align:start;vertical-align:middle}.pattern-details__table thead th{background:color-mix(in srgb,var(--color-text) 4%,var(--color-background));padding-block:9px;font-size:.7em;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.pattern-details__table tbody tr:last-child>*{border-bottom:0}.pattern-details__table tbody th{font-weight:500}.pattern-details__table td span,.pattern-details__table td small{display:block}.pattern-details__table td small{margin-block-start:1px;color:var(--color-text-secondary, var(--color-text));font-size:.72em}.pattern-details__table tr.is-featured>*{background:color-mix(in srgb,var(--color-accent) 6%,var(--color-background));color:var(--color-accent-text, var(--color-accent))}.pattern-details__featured-dot{display:inline-block;width:7px;height:7px;margin-inline-start:6px;border-radius:50%;background:currentColor}.pattern-details__measurement-note{margin-block-start:var(--spacing-md, 16px);color:var(--color-text-secondary, var(--color-text));font-size:.86em;font-style:italic}.pattern-details__materials-column,.pattern-details__material-group{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.pattern-details__material-group+.pattern-details__material-group{margin-block-start:var(--spacing-lg, 24px)}.pattern-details__material-group p{margin:0;color:var(--color-text-secondary, var(--color-text))}.pattern-details__suggested-yarn{display:flex;flex-direction:column;gap:5px;padding:var(--spacing-md, 16px);color:inherit;text-decoration:none}.pattern-details__suggested-yarn>span{font-size:.72em;letter-spacing:.1em;text-transform:uppercase}.pattern-details__suggested-yarn small{color:var(--color-text-secondary, var(--color-text))}.pattern-details__bullet-list{display:flex;flex-direction:column;gap:var(--spacing-sm, 12px);padding-inline-start:1.2em;list-style:disc}.pattern-details__notions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-sm, 12px)}.pattern-details__notions li{display:flex;align-items:center;gap:var(--spacing-xs, 8px);min-height:54px;padding:var(--spacing-sm, 12px);border:1px solid var(--pattern-border);border-radius:var(--pattern-card-radius, 0)}.pattern-details__notion-icon{flex:0 0 1em;width:1em;height:1em}.pattern-details__gauge-card{margin-block-end:clamp(28px,4vw,48px);padding:clamp(20px,3vw,32px)}.pattern-details__gauge-value{display:flex;align-items:flex-start;gap:var(--spacing-sm, 12px);margin:0 0 var(--spacing-sm, 12px)}.pattern-details__reminder{display:inline-flex;align-items:center;align-self:center;gap:var(--spacing-xs, 8px);margin:0;font-size:.76em;letter-spacing:.11em;text-transform:uppercase}.pattern-details__support-card{margin-block-start:var(--spacing-lg, 24px);padding:var(--spacing-md, 16px);background:color-mix(in srgb,var(--color-text) 3%,var(--color-background))}.pattern-details__support-card h4{color:var(--color-accent-text, var(--color-accent))}.pattern-details__diagnostic{margin:0;padding:var(--spacing-md, 16px);border:1px dashed var(--color-border);color:var(--color-text-secondary, var(--color-text))}@media screen and (max-width:989px){.pattern-details__split,.pattern-details__split--about,.pattern-details__split--sizes,.pattern-details__split--gauge,.pattern-details__split--techniques,.pattern-details__split--included{grid-template-columns:minmax(0,1fr)}.pattern-details__title{font-size:clamp(26px,7vw,var(--pattern-heading-size, 38px))}.pattern-details__media-stack--gauge{justify-self:center}}@media screen and (max-width:749px){.pattern-details__gallery{display:flex;gap:var(--spacing-sm, 12px);margin-inline:calc(var(--page-margin, 20px) * -1);padding-inline:var(--page-margin, 20px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.pattern-details__gallery::-webkit-scrollbar{display:none}.pattern-details__image-button{flex:0 0 min(82vw,430px);scroll-snap-align:start}.pattern-details__gallery--single .pattern-details__image-button{flex-basis:100%}.pattern-details__notions{grid-template-columns:minmax(0,1fr)}.pattern-details__preview-link{align-self:flex-start}}@media(prefers-reduced-motion:no-preference){html:has(.pattern-details){scroll-behavior:smooth}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-pattern-details.css.map */