#yarn-requirement.yarn--presentation-drawer .yarn-calculator,.yarn-drawer-presentation #yarn-requirement .yarn-calculator{display:flex;flex-direction:column;align-items:center;width:100%}#yarn-requirement.yarn--presentation-drawer .yarn-field-stack,.yarn-drawer-presentation .yarn-field-stack{display:flex;flex-direction:column;width:100%}#yarn-requirement.yarn--presentation-drawer .yarn-field,.yarn-drawer-presentation .yarn-field{margin-bottom:16px;width:100%;max-width:none}#yarn-requirement.yarn--presentation-drawer .yarn-field-stack .yarn-field:last-child,.yarn-drawer-presentation .yarn-field-stack .yarn-field:last-child{margin-bottom:0}#yarn-requirement.yarn--presentation-drawer .yarn-results-display,.yarn-drawer-presentation .yarn-results-display{text-align:center;padding:.25rem 0 .15rem}#yarn-requirement.yarn--presentation-drawer .yarn-section--drawer-swatch,.yarn-drawer-presentation .yarn-section--drawer-swatch{align-self:stretch;width:100%;max-width:100%;box-sizing:border-box;margin:0 0 1.5rem;padding:1.125rem 1.25rem 1.35rem;background:#ffffffb8;border:1px solid rgba(82,104,45,.12);border-radius:14px;box-shadow:0 1px #fffc inset}#yarn-requirement.yarn--presentation-drawer .yarn-drawer-swatch-head,.yarn-drawer-presentation .yarn-drawer-swatch-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.35rem}#yarn-requirement.yarn--presentation-drawer .yarn-drawer-section-title,.yarn-drawer-presentation .yarn-drawer-section-title{margin:0;font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6b7280}#yarn-requirement.yarn--presentation-drawer .yarn-length-toggle-wrap--compact,.yarn-drawer-presentation .yarn-length-toggle-wrap--compact{margin:0;flex-shrink:0}#yarn-requirement.yarn--presentation-drawer .yarn-drawer-section-hint,.yarn-drawer-presentation .yarn-drawer-section-hint{margin:0 0 1.125rem;font-size:.875rem;line-height:1.5;font-weight:450;color:#6b7280}#yarn-requirement.yarn--presentation-drawer .yarn-field .floating-input,.yarn-drawer-presentation .yarn-field .floating-input{width:100%;min-width:0}#yarn-requirement.yarn--presentation-drawer .yarn-field .floating-input input,.yarn-drawer-presentation .yarn-field .floating-input input{display:block;width:100%;max-width:none;min-width:0;min-height:44px;padding:1.25rem .875rem .5rem;font-size:16px;box-sizing:border-box;font-family:inherit;border-radius:10px;border:1px solid rgba(55,65,81,.14);background:#fff;box-shadow:0 1px 2px #3741510a;transition:border-color .15s ease,box-shadow .15s ease}#yarn-requirement.yarn--presentation-drawer .yarn-field .floating-input input:hover,.yarn-drawer-presentation .yarn-field .floating-input input:hover{border-color:#52682d40}#yarn-requirement.yarn--presentation-drawer .yarn-field .floating-input input:focus,.yarn-drawer-presentation .yarn-field .floating-input input:focus{outline:none;border-color:var(--kbm-green, #52682d);box-shadow:0 0 0 3px #52682d26}#yarn-requirement.yarn--presentation-drawer .yarn-field .floating-input label,.yarn-drawer-presentation .yarn-field .floating-input label{font-size:.875rem;color:#6b7280;max-width:calc(100% - 1.75rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#yarn-requirement.yarn--presentation-drawer .yarn-field .floating-input input:focus~label,#yarn-requirement.yarn--presentation-drawer .yarn-field .floating-input input:not(:placeholder-shown)~label,.yarn-drawer-presentation .yarn-field .floating-input input:focus~label,.yarn-drawer-presentation .yarn-field .floating-input input:not(:placeholder-shown)~label{font-size:.6875rem;color:var(--kbm-green, #52682d)}#yarn-requirement.yarn--presentation-drawer .yarn-weight-row,.yarn-drawer-presentation .yarn-weight-row{display:flex;align-items:stretch;gap:8px;justify-content:flex-start}#yarn-requirement.yarn--presentation-drawer .yarn-weight-row .floating-input,#yarn-requirement.yarn--presentation-drawer .yarn-weight-row .yarn-floating-weight,.yarn-drawer-presentation .yarn-weight-row .floating-input,.yarn-drawer-presentation .yarn-weight-row .yarn-floating-weight{flex:1 1 auto;min-width:0;max-width:none;width:auto}#yarn-requirement.yarn--presentation-drawer .yarn-weight-row .unit-toggle,.yarn-drawer-presentation .yarn-weight-row .unit-toggle{display:inline-flex;gap:6px;flex:0 0 auto;align-items:stretch}#yarn-requirement.yarn--presentation-drawer .unit-toggle button,.yarn-drawer-presentation .unit-toggle button{min-width:46px;min-height:44px;padding:0 12px;margin:0;border:1px solid rgba(55,65,81,.12);border-radius:8px;background:#fafaf8;font-size:.8125rem;font-weight:600;color:var(--text, #374151);cursor:pointer;font-family:inherit;box-shadow:0 1px 2px #3741510a;transition:background .15s ease,border-color .15s ease,color .15s ease}#yarn-requirement.yarn--presentation-drawer .unit-toggle button:hover,.yarn-drawer-presentation .unit-toggle button:hover{background:#f3f4f0}#yarn-requirement.yarn--presentation-drawer .unit-toggle button.active,.yarn-drawer-presentation .unit-toggle button.active{background:var(--kbm-green, #52682d);color:#fff;border-color:var(--kbm-green, #52682d)}#yarn-requirement.yarn--presentation-drawer .yarn-project-context--drawer,.yarn-drawer-presentation .yarn-project-context--drawer{margin:0 0 1.25rem;padding:.75rem 1rem;font-size:.8125rem;line-height:1.5;font-weight:500;color:#5c6370;background:#52682d0f;border-radius:10px;border:1px solid rgba(82,104,45,.1)}.yarn-drawer-presentation .yarn-project-context--drawer.is-placeholder{color:#6b7280;font-weight:450;background:#6b728014;border-color:#6b72801f}#yarn-requirement.yarn--presentation-drawer .yarn-results-section--drawer,.yarn-drawer-presentation .yarn-results-section--drawer{box-sizing:border-box;align-self:center;width:fit-content;max-width:min(100%,21.25rem);margin-top:.25rem;margin-left:auto;margin-right:auto;padding:.85rem .9rem .95rem;border-radius:12px;background:linear-gradient(165deg,#52682d0d,#52682d04);border:1px solid rgba(82,104,45,.09);box-shadow:none}#yarn-requirement.yarn--presentation-drawer .yarn-results-section-head,.yarn-drawer-presentation .yarn-results-section-head{margin-bottom:.75rem;text-align:center}#yarn-requirement.yarn--presentation-drawer .yarn-results-heading--drawer,.yarn-drawer-presentation .yarn-results-heading--drawer{margin:0 0 .3rem;font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#5a6b4a}#yarn-requirement.yarn--presentation-drawer .yarn-results-display--drawer,.yarn-drawer-presentation .yarn-results-display--drawer{width:100%;max-width:none}#yarn-requirement.yarn--presentation-drawer .yarn-results-subline,.yarn-drawer-presentation .yarn-results-subline{margin:0 auto;max-width:none;padding:0 .1rem;font-size:.8125rem;line-height:1.5;font-weight:450;color:#6b7280;text-wrap:pretty}#yarn-requirement.yarn--presentation-drawer .yarn-results-display--drawer .yarn-result-primary,.yarn-drawer-presentation .yarn-results-display--drawer .yarn-result-primary{margin:0 0 .35rem;font-size:1.75rem;font-weight:700;color:var(--kbm-green, #52682d);letter-spacing:-.02em;line-height:1.2}#yarn-requirement.yarn--presentation-drawer .yarn-results-display--drawer .yarn-result-secondary,.yarn-drawer-presentation .yarn-results-display--drawer .yarn-result-secondary{margin:0;font-size:1.1rem;font-weight:500;color:#5b6472;line-height:1.45}#yarn-requirement.yarn--presentation-drawer .yarn-message,.yarn-drawer-presentation .yarn-message{align-self:center;box-sizing:border-box;width:100%;max-width:min(100%,21.25rem);margin-top:1.25rem;padding:.75rem 1rem;border-radius:10px;font-size:.8125rem;background:#fff9;border:1px solid rgba(55,65,81,.08)}#yarn-requirement.yarn--presentation-drawer .yarn-message.yarn-error,.yarn-drawer-presentation .yarn-message.yarn-error{background:#fef2f2;border-color:#dc262633}@media(max-width:640px){#yarn-requirement.yarn--presentation-drawer .yarn-section--drawer-swatch,.yarn-drawer-presentation .yarn-section--drawer-swatch{padding:1rem 1rem 1.2rem;margin-bottom:1.25rem}#yarn-requirement.yarn--presentation-drawer .yarn-field .floating-input input,.yarn-drawer-presentation .yarn-field .floating-input input{min-height:48px;padding:1.35rem .9rem .55rem;font-size:16px}#yarn-requirement.yarn--presentation-drawer .unit-toggle button,.yarn-drawer-presentation .unit-toggle button{min-height:48px;min-width:48px;font-size:16px}#yarn-requirement.yarn--presentation-drawer .yarn-results-section--drawer,.yarn-drawer-presentation .yarn-results-section--drawer{max-width:min(100%,20rem);padding:.8rem .85rem .9rem}#yarn-requirement.yarn--presentation-drawer .yarn-message,.yarn-drawer-presentation .yarn-message{max-width:min(100%,20rem)}#yarn-requirement.yarn--presentation-drawer .yarn-results-display--drawer .yarn-result-primary,.yarn-drawer-presentation .yarn-results-display--drawer .yarn-result-primary{font-size:1.625rem}#yarn-requirement.yarn--presentation-drawer .yarn-results-display--drawer .yarn-result-secondary,.yarn-drawer-presentation .yarn-results-display--drawer .yarn-result-secondary{font-size:1.05rem}}#yarn-requirement .yarn-length-toggle-wrap{margin-bottom:16px}#yarn-requirement .yarn-length-toggle-wrap--compact{margin-bottom:0}#yarn-requirement .yarn-swatch-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}#yarn-requirement .yarn-swatch-section-head .yarn-section-label{margin-bottom:0;flex:1 1 12rem}#yarn-requirement .yarn-swatch-section-head .yarn-length-toggle-wrap{margin-bottom:0;flex-shrink:0}#yarn-requirement .yarn-units-toggle{display:flex;flex-wrap:wrap;gap:8px}#yarn-requirement .yarn-unit-btn{min-height:44px;padding:10px 18px;border:1px solid var(--border, #ddd);background:var(--surface, #ffffff);border-radius:8px;cursor:pointer;font-weight:600;font-size:15px;transition:background .15s ease,border-color .15s ease,color .15s ease}#yarn-requirement .yarn-unit-btn:hover{background:var(--tab-bg, #fbfbf9)}#yarn-requirement .yarn-unit-btn.active{background:var(--kbm-green, #52682d);color:#fff;border-color:var(--kbm-green, #52682d)}#yarn-requirement .yarn-field-stack{display:flex;flex-direction:column;width:100%}#yarn-requirement .yarn-field{margin-bottom:16px;width:100%;max-width:none}#yarn-requirement .yarn-field-stack .yarn-field:last-child{margin-bottom:0}#yarn-requirement .yarn-field .floating-input{width:100%;min-width:0}#yarn-requirement .yarn-field .floating-input input{min-height:48px;font-size:16px;border-radius:8px;border-color:var(--border, #ddd);background:var(--surface, #fff)}#yarn-requirement .yarn-field .floating-input input:hover{border-color:#52682d47}#yarn-requirement .yarn-field .floating-input input:focus{border-color:var(--kbm-green, #52682d);box-shadow:0 0 0 3px #52682d2e}#yarn-requirement .yarn-field .floating-input label{max-width:calc(100% - 1.75rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#yarn-requirement .yarn-weight-row{display:flex;gap:10px;align-items:stretch;width:100%}#yarn-requirement .yarn-weight-row .floating-input,#yarn-requirement .yarn-weight-row .yarn-floating-weight{flex:1 1 auto;min-width:0}#yarn-requirement .unit-toggle{display:flex;gap:6px;flex-shrink:0}#yarn-requirement .unit-toggle button{min-width:44px;min-height:44px;padding:0 12px;margin:0;border:1px solid var(--border, #ddd);border-radius:8px;background:var(--surface, #fff);font-weight:600;font-size:15px;color:var(--text, #374151);cursor:pointer;font-family:inherit;transition:background .15s ease,border-color .15s ease,color .15s ease}#yarn-requirement .unit-toggle button:hover{background:var(--tab-bg, #fbfbf9)}#yarn-requirement .unit-toggle button.active{background:var(--kbm-green, #52682d);color:#fff;border-color:var(--kbm-green, #52682d)}#yarn-requirement .yarn-section{margin-bottom:28px}#yarn-requirement .yarn-section:last-of-type{margin-bottom:0}#yarn-requirement .yarn-section-label{display:block;font-weight:700;font-size:14px;margin-bottom:14px;color:var(--text, #1f2937)}#yarn-requirement .yarn-results-section{margin-top:32px;padding-top:24px;border-top:2px solid var(--border, #e5e7eb)}#yarn-requirement .yarn-blanket-context,#yarn-requirement .yarn-project-context{font-size:14px;color:var(--muted, #5b6472);margin-bottom:16px;font-weight:500}#yarn-requirement.yarn--variant-hat .yarn-project-context{font-size:12px;margin-bottom:12px}#yarn-requirement .yarn-results-heading{font-size:16px;font-weight:700;color:var(--text, #1f2937);margin-bottom:20px}#yarn-requirement .yarn-results-display{margin-left:auto;margin-right:auto;width:100%;max-width:min(100%,392px);text-align:center;padding:8px 0 4px}#yarn-requirement .yarn-result-primary{margin:0 0 6px;font-size:36px;font-weight:700;color:var(--kbm-green, #52682d);line-height:1.2}#yarn-requirement .yarn-result-secondary{margin:0;font-size:1.1rem;font-weight:500;color:var(--muted, #5b6472);line-height:1.45}#yarn-requirement .yarn-message{margin-top:20px;padding:12px;border-radius:8px;font-size:14px;text-align:center;color:var(--muted, #5b6472)}#yarn-requirement .yarn-message.yarn-error{background:#fee;border:1px solid #fcc;color:#c33}#yarn-requirement.yarn--variant-hat .yarn-section{margin-bottom:20px}#yarn-requirement.yarn--variant-hat .yarn-results-section{margin-top:20px;padding-top:16px}#yarn-requirement.yarn--variant-hat .yarn-result-primary{font-size:28px}#yarn-requirement.yarn--variant-hat .yarn-result-secondary{font-size:1.05rem}@media(max-width:640px){#yarn-requirement .yarn-field .floating-input input{min-height:48px;padding:1.35rem .875rem .55rem}#yarn-requirement .yarn-field .floating-input label{font-size:.95rem}#yarn-requirement .yarn-field .floating-input input:focus~label,#yarn-requirement .yarn-field .floating-input input:not(:placeholder-shown)~label{font-size:.75rem}#yarn-requirement .yarn-section-label{font-size:15px;line-height:1.45;margin-bottom:12px}#yarn-requirement .unit-toggle button{min-height:48px;min-width:48px;font-size:16px}#yarn-requirement .yarn-unit-btn{min-height:48px;padding:12px 18px;font-size:16px}#yarn-requirement.yarn--variant-hat .yarn-project-context{font-size:13px;line-height:1.45}#yarn-requirement .yarn-result-primary{font-size:28px}#yarn-requirement .yarn-results-display{max-width:min(100%,360px)}#yarn-requirement .yarn-result-secondary{font-size:1.05rem}#yarn-requirement .yarn-results-heading{font-size:15px;margin-bottom:14px}}.yarn-requirement-tool[data-astro-cid-phyj37x7]{max-width:800px;margin:0 auto}.yarn--variant-hat[data-astro-cid-phyj37x7]{max-width:none;margin:0}.yarn--presentation-drawer[data-astro-cid-phyj37x7].yarn-requirement-tool{max-width:none;width:100%}.yarn-outer-details[data-astro-cid-phyj37x7]{margin:0;padding:0;border:none}.yarn-outer-details--standalone[data-astro-cid-phyj37x7]>summary[data-astro-cid-phyj37x7]{list-style:none;cursor:default;pointer-events:none}.yarn-outer-details--standalone[data-astro-cid-phyj37x7]>summary[data-astro-cid-phyj37x7]::-webkit-details-marker{display:none}.yarn-outer-details--standalone[data-astro-cid-phyj37x7]>summary[data-astro-cid-phyj37x7]::marker{content:""}.yarn-outer-details--hat[data-astro-cid-phyj37x7]>summary[data-astro-cid-phyj37x7]{list-style:none;cursor:pointer}.yarn-outer-details--hat[data-astro-cid-phyj37x7]>summary[data-astro-cid-phyj37x7]::-webkit-details-marker{display:none}.yarn-outer-details--hat[data-astro-cid-phyj37x7]>summary[data-astro-cid-phyj37x7]::marker{content:""}.yarn-outer-details--hat[data-astro-cid-phyj37x7]>summary[data-astro-cid-phyj37x7]:after{content:" ▼";font-size:.65em;color:var(--muted, #5b6472);margin-left:.35rem}.yarn-outer-details--hat[data-astro-cid-phyj37x7][open]>summary[data-astro-cid-phyj37x7]:after{content:" ▲"}.yarn-outer-panel[data-astro-cid-phyj37x7]{margin:0;padding:0;border:none}.yarn-outer-panel--hat[data-astro-cid-phyj37x7] .yarn-helper-hat[data-astro-cid-phyj37x7]{margin:0 0 12px}.yarn-helper-hat[data-astro-cid-phyj37x7]{margin:0 0 12px;font-size:13px;line-height:1.45;color:var(--muted, #5b6472);font-weight:500}.yarn-heading[data-astro-cid-phyj37x7]{font-size:20px;font-weight:700;color:var(--text, #1f2937);margin-bottom:24px}.yarn--variant-hat[data-astro-cid-phyj37x7] .yarn-heading[data-astro-cid-phyj37x7]{font-size:1.05rem;margin-bottom:.35rem}.yarn-calculator[data-astro-cid-phyj37x7]{background:var(--surface, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:var(--radius, 18px);padding:24px}.yarn--variant-hat[data-astro-cid-phyj37x7] .yarn-calculator[data-astro-cid-phyj37x7]{padding:16px 18px}.yarn--presentation-drawer[data-astro-cid-phyj37x7] .yarn-outer-panel--hat[data-astro-cid-phyj37x7]{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.yarn--presentation-drawer[data-astro-cid-phyj37x7] .yarn-calculator[data-astro-cid-phyj37x7]{display:flex;flex-direction:column;align-items:center;width:100%;background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}@media(max-width:640px){.yarn-calculator[data-astro-cid-phyj37x7]{padding:18px 16px}.yarn--variant-hat[data-astro-cid-phyj37x7] .yarn-calculator[data-astro-cid-phyj37x7]{padding:14px}}