.ppc--kit-yarn-compact .ppc__grid{grid-template-columns:repeat(var(--ppc-columns, 4),minmax(0,1fr))}pattern-kit-quick-view{display:block}.pky-card{position:relative;display:flex;min-width:0;height:100%;flex-direction:column;overflow:hidden;border:var(--ppc-border-width, 1px) solid var(--ppc-border-color, var(--color-border));border-radius:var(--style-border-radius-cards);background:var(--color-card-background, var(--color-background));box-shadow:var(--ppc-shadow, none);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.pky-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.pky-card__media{position:relative;overflow:hidden;aspect-ratio:var(--pky-image-ratio, 4 / 3);background:var(--color-background)}.pky-card__media-link{display:block;width:100%;height:100%}.pky-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.pky-card:hover .pky-card__image{transform:scale(1.025)}.pky-card__image--placeholder{background:var(--color-border);fill:var(--color-text-secondary, currentcolor)}.pky-card__wishlist{position:absolute;z-index:2;inset-block-start:10px;inset-inline-end:10px;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;padding:0;border:1px solid rgb(0 0 0 / .1);border-radius:50%;background:color-mix(in srgb,var(--color-background) 90%,transparent);color:var(--color-foreground);box-shadow:0 2px 8px #00000014;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pky-card__wishlist:hover,.pky-card__wishlist[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent-text)}.pky-card__wishlist[aria-pressed=true] svg{fill:currentcolor}.pky-card__body{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:6px;padding:var(--ppc-card-padding, 14px)}.pky-card__title{margin:0;overflow:hidden;font-family:var(--font-heading--family);font-size:var(--ppc-title-size, 15px);font-weight:var(--ppc-title-weight, 600);line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.pky-card__title a{color:inherit}.pky-card__title a:hover{color:var(--color-accent-text)}.pky-card__meta{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:2px 6px;color:var(--color-text-secondary, currentcolor);font-size:var(--ppc-spec-size, 12px);line-height:1.4}.pky-card__meta>span+span:before{content:"\b7";margin-inline-end:6px}.pky-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-block-start:auto;padding-block-start:4px}.pky-card__quantity{display:inline-flex;min-height:30px;align-items:center;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--color-accent) 11%,var(--color-background));color:var(--color-foreground);font-size:var(--ppc-feature-size, 12px);font-weight:600;white-space:nowrap}.pky-card__add{display:inline-flex;min-height:30px;align-items:center;justify-content:center;gap:4px;padding:5px 10px;border:0;border-radius:999px;background:var(--ppc-btn-bg, transparent);color:var(--ppc-btn-text, var(--color-accent-text));font-family:inherit;font-size:var(--ppc-btn-size, 12px);font-weight:650;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.pky-card__add:hover:not(:disabled){background:var(--ppc-btn-hover-bg, color-mix(in srgb, var(--color-accent) 12%, transparent))}.pky-card__add:disabled{cursor:not-allowed;opacity:.45}.pky-card__add:focus-visible,.pky-card__wishlist:focus-visible,.pky-card__dialog-close:focus-visible,.pky-card__confirm:focus-visible,.pky-quick__retry:focus-visible,.pky-quick__fallback:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.pky-card__dialog:not([open]){display:none}.pky-card__dialog[open]{display:block}.pky-card__dialog{z-index:8500;width:min(44rem,calc(100vw - 2rem));max-width:none;max-height:min(88vh,48rem);margin:auto;padding:0;border:0;border-radius:var(--style-border-radius-cards);background:var(--color-background);color:var(--color-foreground);box-shadow:0 24px 80px #0003;overflow:hidden}.pky-quick__dialog{position:fixed;top:0;right:0;bottom:0;left:0}.pky-card__dialog::backdrop{background:#00000075;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pky-card__dialog-inner{display:flex;max-height:min(88vh,48rem);min-width:0;flex-direction:column}.pky-card__dialog-head{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 18px;border-block-end:1px solid var(--color-border)}.pky-quick__dialog .pky-card__dialog-head{padding-inline-end:76px}.pky-card__dialog-eyebrow{margin:0 0 4px;color:var(--color-text-secondary, currentcolor);font-family:var(--font-accent--family);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.pky-card__dialog-title{margin:0;font-family:var(--font-heading--family);font-size:clamp(20px,3vw,27px);line-height:1.2;overflow-wrap:anywhere}.pky-card__dialog-close{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;padding:0;border:1px solid var(--color-border);border-radius:50%;background:transparent;color:inherit;cursor:pointer}.pky-quick__close-form{position:absolute;z-index:2;inset-block-start:14px;inset-inline-end:16px;margin:0}.pky-quick__state{display:flex;min-height:18rem;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:72px 24px 32px;text-align:center}.pky-quick__state[hidden],[data-kit-quick-content][hidden]{display:none}.pky-quick__state p,.pky-quick__empty p{margin:0;color:var(--color-text-secondary, currentcolor)}.pky-quick__spinner{width:28px;height:28px;border:2px solid color-mix(in srgb,var(--color-foreground) 18%,transparent);border-block-start-color:var(--color-accent);border-radius:50%;animation:pky-quick-spin .7s linear infinite}.pky-quick__state[data-status=error] .pky-quick__spinner{display:none}.pky-quick__state-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.pky-quick__state-actions[hidden]{display:none}.pky-quick__retry,.pky-quick__fallback{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:8px 14px;border:1px solid var(--color-border);border-radius:var(--style-border-radius-buttons);background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.pky-quick__retry:hover,.pky-quick__fallback:hover{border-color:var(--color-accent)}.pky-quick__empty{display:flex;min-height:18rem;align-items:center;justify-content:center;padding:72px 24px 32px;text-align:center}@keyframes pky-quick-spin{to{transform:rotate(360deg)}}.pky-card__dialog-body{min-height:0;padding:22px 24px 24px;overflow-y:auto;overscroll-behavior:contain}.pky-card__sizes{min-width:0;margin:0;padding:0 0 22px;border:0}.pky-card__sizes legend,.pky-card__kit-list h4{margin:0 0 12px;font-family:var(--font-heading--family);font-size:14px;font-weight:650}.pky-card__size-options{display:flex;flex-wrap:wrap;gap:8px}.pky-card__size-label{display:inline-flex;min-width:48px;min-height:40px;align-items:center;justify-content:center;padding:8px 14px;border:1px solid var(--color-border);border-radius:var(--style-border-radius-buttons);background:transparent;color:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.pky-card__size-input:checked+.pky-card__size-label{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,var(--color-background));color:var(--color-accent-text, currentcolor);box-shadow:inset 0 0 0 1px var(--color-accent)}.pky-card__size-input:focus-visible+.pky-card__size-label{outline:2px solid var(--color-accent);outline-offset:2px}.pky-card__kit-list h4{padding-block-start:18px;border-block-start:1px solid var(--color-border)}.pky-card__kit-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:10px 0;border-block-end:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.pky-card__kit-row[hidden]{display:none}.pky-card__kit-thumb{width:56px;height:56px;overflow:hidden;border-radius:calc(var(--style-border-radius-cards) * .55);background:color-mix(in srgb,var(--color-border) 55%,transparent)}.pky-card__kit-thumb img,.pky-card__kit-thumb svg{display:block;width:100%;height:100%;object-fit:cover}.pky-card__kit-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.pky-card__kit-role,.pky-card__kit-variant{color:var(--color-text-secondary, currentcolor);font-size:11px;line-height:1.3}.pky-card__kit-role{font-family:var(--font-accent--family);letter-spacing:.08em;text-transform:uppercase}.pky-card__kit-name{font-size:14px;line-height:1.35;overflow-wrap:anywhere}.pky-card__kit-count{padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--color-accent) 11%,var(--color-background));font-size:12px;font-weight:650;white-space:nowrap}.pky-card__dialog-foot{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:18px;padding:16px 24px;padding-block-end:max(16px,env(safe-area-inset-bottom));border-block-start:1px solid var(--color-border);background:var(--color-background)}.pky-card__dialog-summary{display:flex;min-width:0;flex-direction:column;gap:2px;margin:0;font-size:13px}.pky-card__dialog-summary span{color:var(--color-text-secondary, currentcolor)}.pky-card__dialog-summary .pky-card__dialog-notice{color:var(--color-sale)}.pky-card__confirm{display:inline-flex;min-height:44px;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:1px solid var(--ppc-btn-bg, var(--color-accent));border-radius:var(--style-border-radius-buttons);background:var(--ppc-btn-bg, var(--color-accent));color:var(--ppc-btn-text, var(--color-background));font:inherit;font-size:var(--ppc-btn-size, 13px);font-weight:650;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.pky-card__confirm:hover:not(:disabled){background:var(--ppc-btn-hover-bg, var(--color-accent))}.pky-card__confirm:disabled{cursor:not-allowed;opacity:.45}@media screen and (max-width:989px)and (min-width:750px){.ppc--kit-yarn-compact .ppc__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.ppc--kit-yarn-compact .ppc__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pky-card__body{padding:12px}.pky-card__footer{align-items:flex-start;flex-direction:column}.pky-card__quantity,.pky-card__add{width:100%}.pky-card__dialog{width:calc(100vw - 1rem);max-height:min(92vh,48rem);border-radius:calc(var(--style-border-radius-cards) * .8)}.pky-card__dialog-inner{max-height:min(92vh,48rem)}.pky-card__dialog-head,.pky-card__dialog-body,.pky-card__dialog-foot{padding-inline:16px}.pky-card__dialog-foot{align-items:stretch;flex-direction:column}.pky-card__confirm{width:100%}.pky-quick__dialog .pky-card__dialog-head{padding-inline-end:68px}}@media screen and (max-width:420px){.ppc--kit-yarn-compact .ppc__grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.pky-card,.pky-card__image,.pky-card__add,.pky-card__size-label,.pky-card__confirm,.pky-quick__spinner{transition:none}.pky-quick__spinner{animation:none}.pky-card:hover,.pky-card:hover .pky-card__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-patterns-for-kit-yarn.css.map */