.site-customizer.is-awaiting-product-choices .site-customizer__preview,
.site-customizer.is-awaiting-product-choices .site-customizer__surface-note{visibility:hidden!important;pointer-events:none}
.site-customizer .site-customizer__stage-wrap:has(.site-yarn-start){position:relative}
.site-yarn-start{position:absolute;inset:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#344457;background:#fbfaf7;border:1px solid #dce9e7;border-radius:18px;padding:28px;overflow:auto}
.site-yarn-start[hidden]{display:none!important}
.site-yarn-start__eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#58aaa9}
.site-yarn-start h3{font-size:28px;line-height:1.2;margin:12px 0}
.site-yarn-start>p{font-size:14px;line-height:1.6;margin:0 0 24px;color:#6b7787;max-width:100%}
.site-yarn-start ol{list-style:none;counter-reset:yarn-step;text-align:left;padding:0;margin:0;width:100%;max-width:350px;display:grid;gap:20px}
.site-yarn-start li{counter-increment:yarn-step;display:flex;align-items:center;gap:14px}
.site-yarn-start li>span{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:#edf5f4;color:#438e8d;font-size:14px;font-weight:800}
.site-yarn-start li>span:before{content:counter(yarn-step)}
.site-yarn-start li.is-complete>span{background:#5cb7b5;color:white}
.site-yarn-start li.is-complete>span:before{content:'\2713'}
.site-yarn-start strong{display:block;font-size:14px;line-height:1.4}
.site-yarn-start small{display:block;font-size:12px;line-height:1.5;color:#6b7787;margin-top:3px}
@media(max-width:780px){.site-yarn-start{inset:12px;padding:18px}.site-yarn-start h3{font-size:22px;margin:8px 0}.site-yarn-start>p{margin-bottom:14px}.site-yarn-start ol{gap:12px}.site-yarn-start small{font-size:11px}}
/* Keep native purchase controls hidden before the editor script runs. The quantity
   input becomes visible in the modal footer after it is moved into its slot. */
.site-customizer-shell~.single_add_to_cart_button,.site-customizer-shell~.quantity,
.site-managed-product-single .summary form.cart .site-customizer-shell~.quantity{display:none!important}
.site-customizer--yarn_rope_craft .site-customizer__layer{cursor:move!important}.site-customization-cart-preview{display:block;width:100%;height:auto;object-fit:contain}
.site-customizer-shell{margin:18px 0}.site-customizer-launch{display:inline-flex;min-height:46px;align-items:center;gap:8px;border:1px solid #1769e0;border-radius:6px;background:#1769e0;color:#fff;padding:0 18px;font-weight:750;cursor:pointer}.site-customizer-launch span{font-size:20px;line-height:1}.site-customizer-shell__summary{margin:7px 0 0;color:#667085;font-size:12px}.site-customizer-modal[hidden]{display:none}.site-customizer-modal{position:fixed;z-index:999999;inset:0;display:grid;place-items:center;padding:24px}.site-customizer-modal__backdrop{position:absolute;inset:0;background:rgba(17,24,39,.68)}body.site-customizer-open{overflow:hidden}.site-customizer{position:relative;z-index:1;width:min(1180px,100%);height:min(860px,calc(100vh - 48px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #d7dce3;border-radius:8px;background:#fff;box-shadow:0 24px 80px rgba(17,24,39,.28);color:#111827}.site-customizer__header,.site-customizer__footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-bottom:1px solid #e4e7ec;background:#fff}.site-customizer__brand{display:flex!important;align-items:center;gap:11px}.site-customizer__brand>i{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:linear-gradient(145deg,#087cf0,#635bff);color:#fff;font-size:15px;font-style:normal;font-weight:850}.site-customizer__brand>i.has-logo{border:1px solid #e0e6ee;background:#fff;padding:4px}.site-customizer__brand>i img{width:100%;height:100%;border-radius:7px;object-fit:contain}.site-customizer__brand>span{display:grid;gap:1px}.site-customizer__brand small{color:#68758a;font-size:9px;font-weight:850;letter-spacing:1px;text-transform:uppercase}.site-customizer__brand strong{font-size:16px}.site-customizer__brand em{color:#667085;font-size:11px;font-style:normal}.site-customizer__close{width:38px;height:38px;display:grid;place-items:center;border:1px solid #d0d5dd;border-radius:6px;background:#fff;color:#344054;font-size:25px;line-height:1;cursor:pointer}.site-customizer__body{min-height:0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr)}.site-customizer__stage-wrap{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:16px;background:#eef2f6}.site-customizer__tabs{display:flex;gap:7px;overflow:auto;padding-bottom:10px}.site-customizer__tab{min-height:34px;flex:0 0 auto;border:1px solid #cbd2dc;border-radius:6px;background:#fff;color:#475467;padding:0 12px;font-size:12px;font-weight:750;cursor:pointer}.site-customizer__tab.is-active{border-color:#1769e0;background:#eaf3ff;color:#075bbd}.site-customizer__preview{position:relative;min-height:0;display:none;place-items:center;align-self:stretch;overflow:hidden;border:1px solid #d5dbe4;border-radius:8px;background:#f7f9fc;color:#667085;isolation:isolate}.site-customizer__preview.is-active{display:grid}.site-customizer__preview>img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.site-customizer__print-area{position:absolute;z-index:1;border:1px dashed rgba(18,183,106,.72);pointer-events:none}.site-customizer__surface-note{padding-top:8px;color:#667085;font-size:11px;text-align:center}.site-customizer__layer{position:absolute;z-index:3;left:var(--x);top:var(--y);width:var(--w);height:var(--h);min-width:28px;min-height:24px;transform:translate(-50%,-50%) rotate(var(--r));display:grid;place-items:center;border:1px dashed rgba(23,105,224,.75);border-radius:4px;background:rgba(255,255,255,.16);color:#111827;text-align:center;line-height:1.18;word-break:break-word;white-space:pre-wrap;cursor:move;touch-action:none;user-select:none;overflow:visible}.site-customizer__layer.is-hidden{display:none}.site-customizer__layer.is-image{overflow:hidden;background:rgba(255,255,255,.52)}.site-customizer__layer>img{width:100%;height:100%;object-fit:contain;pointer-events:none}.site-customizer__resize{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:#1769e0;box-shadow:0 0 0 1px #1769e0;cursor:nwse-resize}.site-customizer__fields{min-height:0;overflow-x:hidden;overflow-y:scroll;scrollbar-gutter:stable;border-left:1px solid #e4e7ec;background:#fff;padding:16px}.site-customizer__field-list{display:grid;gap:14px}.site-customizer__field{display:grid;gap:6px}.site-customizer__field[hidden]{display:none}.site-customizer__field>span{font-size:13px;font-weight:750;color:#344054}.site-customizer__field>span em{color:#d92d20;font-style:normal}.site-customizer__field input:not([type="checkbox"]),.site-customizer__field select,.site-customizer__field textarea{box-sizing:border-box;width:100%;min-height:42px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;color:#101828;padding:9px 10px;font:inherit}.site-customizer__field textarea{min-height:86px;resize:vertical}.site-customizer__field select[multiple]{min-height:104px}.site-customizer__field input[type="checkbox"]{width:20px;height:20px;accent-color:#1769e0}.site-customizer__field small{color:#667085;font-size:11px;line-height:1.4}.site-customizer__field input:focus,.site-customizer__field select:focus,.site-customizer__field textarea:focus{outline:2px solid rgba(23,105,224,.18);border-color:#1769e0}.site-customizer__message{margin-top:14px;border-left:3px solid #f79009;background:#fffaeb;padding:10px 12px;color:#7a2e0e;font-size:12px}.site-customizer__footer{border-top:1px solid #e4e7ec;border-bottom:0}.site-customizer__total{display:grid;gap:1px}.site-customizer__total span,.site-customizer__total small{color:#667085;font-size:11px}.site-customizer__total strong{font-size:19px}.site-customizer__actions{display:flex;align-items:center;gap:8px}.site-customizer__quantity-slot{display:flex;align-items:center}.site-customizer__quantity-slot:empty{display:none}.site-customizer__quantity-slot .quantity{display:flex!important;margin:0!important}.site-customizable-cart .single_add_to_cart_button{display:none!important}.site-customizer__primary,.site-customizer__secondary{min-height:42px;border-radius:6px;padding:0 16px;font-weight:750;cursor:pointer}.site-customizer__primary{border:1px solid #1769e0;background:#1769e0;color:#fff}.site-customizer__primary:disabled{cursor:wait;opacity:.68}.site-customizer__secondary{border:1px solid #d0d5dd;background:#fff;color:#344054}.site-customization-downloads{margin-top:10px}.site-customization-downloads ul{margin:6px 0 0;padding-left:18px}
.site-customizer__layer [data-layer-content]{width:100%;height:100%;display:grid;place-items:center;white-space:pre-wrap;word-break:break-word;pointer-events:none}.site-customizer__layer.is-image [data-layer-content]{overflow:hidden}.site-customizer__layer [data-layer-content] img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.site-customizer__quantity-slot:not(:empty):before{margin-right:7px;color:#667085;content:attr(data-quantity-label);font-size:11px;font-weight:750}
.site-customizer__layer.is-image [data-layer-content] img{object-fit:var(--layer-fit,contain)}.site-customizer__layer.is-shape{border:0;background:transparent}.site-customizer__shape{box-sizing:border-box;width:100%;height:100%;border:var(--shape-stroke-width,0) solid var(--shape-stroke,#0071e3);background:var(--shape-fill,#dcecff);opacity:var(--shape-opacity,1)}.site-customizer__shape.rounded{border-radius:var(--shape-radius,16%)}.site-customizer__shape.circle{border-radius:50%}.site-customizer__shape.line{height:var(--shape-stroke-width,2px);border:0;border-radius:999px;background:var(--shape-stroke,#0071e3)}
.site-customizer__stage-wrap{grid-template-rows:minmax(0,1fr) auto}.site-customizer__surface-switch{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:7px;border-bottom:1px solid #e4e7ec;margin:-2px 0 14px;padding:0 0 13px}.site-customizer__surface-switch .site-customizer__tab{min-width:0;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:7px;text-align:left}.site-customizer__surface-switch .site-customizer__tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-customizer__surface-switch .site-customizer__tab small{color:inherit;font-size:9px;font-weight:600}.site-customizer__layer.is-image [data-layer-content].is-file{display:grid;place-items:center;background:#f4f2ff;color:#5540a8;padding:8px;font-size:10px;font-weight:800}.site-customizer__upload{display:grid;gap:8px}.site-customizer__upload-main{position:relative;min-height:88px;display:grid;grid-template-columns:44px minmax(0,1fr) auto 36px;gap:11px;align-items:center;overflow:hidden;border:1.5px dashed #b5c6db;border-radius:12px;background:linear-gradient(135deg,#f7fbff,#fff);padding:12px 13px;transition:.16s}.site-customizer__upload.is-dragover .site-customizer__upload-main,.site-customizer__upload-main:hover{border-color:#1769e0;background:#f0f6ff;box-shadow:0 0 0 4px rgba(23,105,224,.08)}.site-customizer__file-input{position:absolute!important;z-index:3;inset:0;width:100%!important;height:100%!important;min-height:0!important;opacity:0;cursor:pointer}.site-customizer__upload-main>i{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#dff1ff,#eef5ff);color:#1769e0;font-style:normal}.site-customizer__upload-main>i:before{content:"";width:19px;height:15px;border:2px solid currentColor;border-radius:5px}.site-customizer__upload-main>i:after{content:"";position:absolute;right:8px;top:8px;width:6px;height:6px;border-radius:50%;background:#58b7ff}.site-customizer__upload-main>span{min-width:0;display:grid;gap:3px}.site-customizer__upload-main strong{color:#172033;font-size:12px}.site-customizer__upload-main small{overflow:hidden;color:#758195;text-overflow:ellipsis;white-space:nowrap}.site-customizer__upload-main>em{border:1px solid #c8d7ea;border-radius:7px;background:#fff;color:#1769e0;padding:7px 9px;font-size:9px;font-style:normal;font-weight:800}.site-customizer__camera-icon{position:relative;z-index:4;width:36px;height:36px;display:grid;place-items:center;border:1px solid #d8cafa;border-radius:9px;background:#f5f0ff;color:#6848c7;padding:0;cursor:pointer}.site-customizer__camera-icon:focus-visible{outline:2px solid rgba(104,72,199,.25);outline-offset:2px}.site-customizer__camera-icon>i{position:relative;width:17px;height:12px;border:1.8px solid currentColor;border-radius:4px}.site-customizer__camera-icon>i:before{content:"";position:absolute;left:4px;top:-5px;width:7px;height:4px;border:1.6px solid currentColor;border-bottom:0;border-radius:3px 3px 0 0}.site-customizer__camera-icon>i:after{content:"";position:absolute;left:4px;top:2px;width:5px;height:5px;border:1.4px solid currentColor;border-radius:50%}.site-customizer__upload-meta{display:flex;justify-content:space-between;gap:10px;color:#8490a2;font-size:9px;font-weight:700}.site-customizer__upload-meta span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-customizer__field-head{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center}.site-customizer__field-head>i{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(23,105,224,.12);border-radius:9px;background:#eaf4ff;color:#1769e0;font-size:11px;font-style:normal;font-weight:850}.site-customizer__field-head>i.type-image,.site-customizer__field-head>i.type-clipart{border-color:rgba(25,145,83,.13);background:#eaf8ef;color:#198953}.site-customizer__field-head>i.type-select,.site-customizer__field-head>i.type-radio,.site-customizer__field-head>i.type-multiselect,.site-customizer__field-head>i.type-swatch{border-color:rgba(106,72,199,.13);background:#f2edff;color:#6848c7}.site-customizer__field-head>i.type-date,.site-customizer__field-head>i.type-checkbox,.site-customizer__field-head>i.type-color{border-color:rgba(204,77,121,.13);background:#fff0f6;color:#c64a77}.site-customizer__field-head>span{min-width:0;display:grid;gap:1px}.site-customizer__field-head strong{overflow:hidden;color:#263349;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.site-customizer__field-head small{color:#8a94a5!important;font-size:8px!important;font-weight:750;text-transform:uppercase;letter-spacing:.55px}.site-customizer__field-head>em{border-radius:999px;background:#fff0ef;color:#c9362b!important;padding:4px 7px;font-size:8px!important;font-style:normal;font-weight:800}.site-customizer__field-head>em.is-optional{background:#f1f4f8;color:#738094!important}
.site-customizer__field-list{gap:10px}.site-customizer__camera-icon{overflow:hidden;box-sizing:border-box}
.site-customizer-shell--yarn_rope_bag .site-customizer-launch{border-color:#9b5825;background:#9b5825}.site-customizer--yarn_rope_bag{--yarn-bag-color:#eef2f7}.site-customizer--yarn_rope_bag .site-customizer__brand>i{background:linear-gradient(145deg,#8c4d20,#d5945c)}.site-customizer--yarn_rope_bag .site-customizer__stage-wrap{background-color:#e9edef;background-image:linear-gradient(rgba(105,117,128,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(105,117,128,.07) 1px,transparent 1px);background-size:20px 20px}.site-customizer--yarn_rope_bag .site-customizer__preview{overflow:visible;border:0;background:transparent}.site-customizer--yarn_rope_bag .site-customizer__preview:before{content:"";position:absolute;z-index:0;left:15%;right:15%;top:15%;bottom:11%;border:2px solid color-mix(in srgb,var(--yarn-bag-color) 60%,#46505c);border-radius:12% 12% 18% 18%;background:linear-gradient(145deg,color-mix(in srgb,var(--yarn-bag-color) 88%,#fff),var(--yarn-bag-color));box-shadow:0 18px 30px rgba(35,45,56,.18),inset 0 0 0 14px color-mix(in srgb,var(--yarn-bag-color) 94%,#fff)}.site-customizer--yarn_rope_bag .site-customizer__preview:after{content:"";position:absolute;z-index:1;left:23%;right:23%;top:38%;bottom:20%;border:2px solid rgba(54,64,75,.16);border-radius:9% 9% 19% 19%;background:color-mix(in srgb,var(--yarn-bag-color) 95%,#fff)}.site-customizer--yarn_rope_bag .site-customizer__print-area{z-index:2;border-color:rgba(153,88,37,.28);border-radius:10px}.site-customizer--yarn_rope_bag .site-customizer__layer{z-index:4;border:0;background:transparent;cursor:default;filter:drop-shadow(0 3px 1px rgba(32,24,18,.19))}.site-customizer--yarn_rope_bag .site-customizer__layer [data-layer-content]{display:flex;align-items:center;justify-content:center;letter-spacing:0;white-space:nowrap}.site-yarn-character{display:inline-block;color:var(--yarn-character-color);-webkit-text-stroke:var(--site-yarn-rope-width,2px) color-mix(in srgb,var(--yarn-character-color) 76%,#24170f);paint-order:stroke fill;text-shadow:0 1px 0 color-mix(in srgb,var(--yarn-character-color) 42%,#fff);transition:-webkit-text-stroke-width .12s ease}.site-yarn-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:2px}.site-yarn-choice{min-width:0;min-height:42px;display:grid;place-items:center;gap:3px;border:1px solid #d9e0e6;border-radius:8px;background:#fff;padding:5px;color:#667085;font-size:8px;cursor:pointer}.site-yarn-choice>i{width:22px;height:22px;border:1px solid rgba(17,24,39,.18);border-radius:50%;background:var(--choice-color,#eef2f7)}.site-yarn-choice>span{width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.site-yarn-choice.is-scheme{grid-column:span 2}.site-yarn-choice.is-scheme>i{width:100%;height:10px;border:0;border-radius:4px;background:var(--choice-gradient)}.site-yarn-choice.is-font{grid-column:span 2;grid-template-columns:35px minmax(0,1fr);text-align:left}.site-yarn-choice.is-font>i{width:auto;height:auto;border:0;background:none;font-family:var(--choice-font);font-size:16px;font-style:normal}.site-yarn-choice.active{border-color:#9b5825;background:#fff7ef;box-shadow:0 0 0 2px rgba(155,88,37,.08)}.site-customizer--yarn_rope_bag .site-customizer__field select.has-yarn-choices{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.site-customizer-shell--yarn_rope_craft .site-customizer-launch{border-color:#9b5825;background:#9b5825}.site-customizer--yarn_rope_craft .site-customizer__brand>i{background:linear-gradient(145deg,#8c4d20,#d5945c)}.site-customizer--yarn_rope_craft .site-customizer__stage-wrap{background-color:#e9edef;background-image:linear-gradient(rgba(105,117,128,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(105,117,128,.07) 1px,transparent 1px);background-size:20px 20px}.site-customizer--yarn_rope_craft .site-customizer__preview{background:#f8fafb}.site-customizer--yarn_rope_craft .site-customizer__preview>img{object-fit:contain}.site-customizer--yarn_rope_craft .site-customizer__print-area{z-index:2;border:2px dashed #a86027;background:rgba(255,247,237,.08)}.site-customizer--yarn_rope_craft .site-customizer__layer{z-index:4;border:0;background:transparent;cursor:default;filter:drop-shadow(0 3px 1px rgba(32,24,18,.19))}.site-customizer--yarn_rope_craft .site-customizer__layer [data-layer-content]{display:flex;align-items:center;justify-content:center;letter-spacing:0;white-space:nowrap}.site-customizer--yarn_rope_craft .site-customizer__field select.has-yarn-choices{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.site-yarn-icon-glyph{color:var(--yarn-icon-color,#b71410);font-size:clamp(22px,5vw,68px);font-style:normal;-webkit-text-stroke:1px color-mix(in srgb,var(--yarn-icon-color) 76%,#24170f)}
@media(max-width:780px){.site-customizer-modal{padding:0}.site-customizer{width:100%;height:100dvh;border:0;border-radius:0}.site-customizer__body{display:block;overflow-x:hidden;overflow-y:auto}.site-customizer__stage-wrap{display:block;padding:10px}.site-customizer__preview{width:100%;height:auto;min-height:0;aspect-ratio:1/1;align-self:start}.site-customizer__surface-note{padding:7px 0}.site-customizer__fields{overflow:visible;border-top:1px solid #e4e7ec;border-left:0;padding:10px}.site-customizer__surface-switch{margin-bottom:8px;padding-bottom:8px}.site-customizer__field-list{gap:8px}.site-customizer__field{gap:5px}.site-customizer__footer{align-items:flex-end}.site-customizer__actions{flex-direction:column}.site-customizer__primary,.site-customizer__secondary{min-width:150px}.site-customizer__upload-main{min-height:78px;grid-template-columns:38px minmax(0,1fr) 34px;gap:8px;overflow:hidden;border-style:solid;padding:10px}.site-customizer__upload-main>i{width:36px;height:36px}.site-customizer__upload-main>em{display:none}.site-customizer__camera-icon{width:34px;min-width:34px;height:34px;overflow:hidden;box-sizing:border-box}.site-customizer__upload-main strong{font-size:0}.site-customizer__upload-main strong:after{content:"Choose an image";font-size:12px}.site-customizer__upload.has-file .site-customizer__upload-main strong:after{content:"Replace image"}.site-customizer__upload-main small{font-size:0}.site-customizer__upload-main small:after{content:"Photo library or camera";font-size:10px}.site-customizer__upload.has-file .site-customizer__upload-main small{font-size:10px}.site-customizer__upload.has-file .site-customizer__upload-main small:after{content:"";font-size:0}}
/* The storefront customizer inherits the active site system instead of carrying a second hard-coded theme. */
.site-customizer-shell{font-family:var(--site-font,inherit)}.site-customizer-launch{min-height:var(--site-button-height,46px);border:var(--site-button-border-width,1px) solid var(--site-button-stroke,var(--site-button-fill,var(--site-primary)));border-radius:var(--site-button-radius,8px);background:var(--site-button-fill,var(--site-primary));box-shadow:var(--site-button-shadow,none);color:var(--site-button-ink,#fff);font-family:var(--site-font,inherit);transition:background var(--site-transition,.18s),transform var(--site-transition,.18s)}.site-customizer-launch:hover{background:var(--site-button-fill-hover,var(--site-button-hover,var(--site-primary)));transform:var(--site-button-hover-transform,translateY(-1px))}.site-customizer-shell__summary{color:var(--site-muted)}
.site-customizer{border-color:var(--site-line);border-radius:var(--site-card-radius,12px);background:var(--site-surface);color:var(--site-text);font-family:var(--site-font,inherit)}.site-customizer__header,.site-customizer__footer{border-color:var(--site-line);background:var(--site-surface)}.site-customizer__brand>i{background:var(--site-primary);color:var(--site-button-ink,#fff)}.site-customizer__brand>i.has-logo{border-color:color-mix(in srgb,var(--site-primary) 28%,var(--site-line));background:color-mix(in srgb,var(--site-primary) 5%,var(--site-surface))}.site-customizer__brand small{color:var(--site-primary)}.site-customizer__brand strong{color:var(--site-text);font-family:var(--site-heading-font,var(--site-font));font-weight:var(--site-font-strong,750)}.site-customizer__brand em{color:color-mix(in srgb,var(--site-primary) 72%,var(--site-text))}
.site-customizer__close{position:relative;border-color:var(--site-line);border-radius:var(--site-button-radius,8px);background:var(--site-surface);color:var(--site-text);font-size:0}.site-customizer__close span:before,.site-customizer__close span:after{content:"";position:absolute;left:50%;top:50%;width:19px;height:2px;border-radius:999px;background:currentColor}.site-customizer__close span:before{transform:translate(-50%,-50%) rotate(45deg)}.site-customizer__close span:after{transform:translate(-50%,-50%) rotate(-45deg)}.site-customizer__close:hover{border-color:var(--site-primary);color:var(--site-primary)}
.site-customizer__stage-wrap{background-color:color-mix(in srgb,var(--site-primary) 4%,var(--site-bg));background-image:linear-gradient(color-mix(in srgb,var(--site-text) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--site-text) 6%,transparent) 1px,transparent 1px)}.site-customizer__preview{border-color:var(--site-line);border-radius:var(--site-image-radius,var(--site-card-radius,10px));background:color-mix(in srgb,var(--site-primary) 2%,var(--site-surface))}.site-customizer__surface-note,.site-customizer__field small{color:var(--site-muted)}.site-customizer__fields{border-color:var(--site-line);background:var(--site-surface)}.site-customizer__field-head strong,.site-customizer__field>span{color:var(--site-text)}.site-customizer .site-customizer__field-head>i,.site-customizer .site-customizer__field-head>i.type-image,.site-customizer .site-customizer__field-head>i.type-clipart,.site-customizer .site-customizer__field-head>i.type-select,.site-customizer .site-customizer__field-head>i.type-radio,.site-customizer .site-customizer__field-head>i.type-multiselect,.site-customizer .site-customizer__field-head>i.type-swatch,.site-customizer .site-customizer__field-head>i.type-date,.site-customizer .site-customizer__field-head>i.type-checkbox,.site-customizer .site-customizer__field-head>i.type-color{border-color:color-mix(in srgb,var(--site-primary) 18%,transparent);background:color-mix(in srgb,var(--site-primary) 8%,var(--site-surface));color:var(--site-primary)}.site-customizer__field input:not([type="checkbox"]),.site-customizer__field select,.site-customizer__field textarea{min-height:var(--site-input-height,42px);border-color:var(--site-input-border,var(--site-line));border-radius:var(--site-input-radius,8px);background:var(--site-input-bg,var(--site-surface));color:var(--site-text)}.site-customizer__field input:focus,.site-customizer__field select:focus,.site-customizer__field textarea:focus{outline-color:var(--site-focus);border-color:var(--site-primary)}
.site-customizer--yarn_rope_craft .site-customizer__brand>i,.site-customizer--yarn_rope_bag .site-customizer__brand>i{background:var(--site-primary)}.site-customizer-shell--yarn_rope_craft .site-customizer-launch,.site-customizer-shell--yarn_rope_bag .site-customizer-launch{border-color:var(--site-button-stroke,var(--site-button-fill,var(--site-primary)));background:var(--site-button-fill,var(--site-primary));color:var(--site-button-ink,#fff)}.site-customizer--yarn_rope_craft .site-customizer__stage-wrap,.site-customizer--yarn_rope_bag .site-customizer__stage-wrap{background-color:color-mix(in srgb,var(--site-primary) 4%,var(--site-bg));background-image:linear-gradient(color-mix(in srgb,var(--site-text) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--site-text) 6%,transparent) 1px,transparent 1px)}.site-customizer--yarn_rope_craft .site-customizer__print-area{display:none}.site-customizer--yarn_rope_craft .site-customizer__layer[data-layer-id="yarn_name_layer"]{overflow:hidden;border:2px dashed var(--site-primary);border-radius:var(--site-input-radius,6px);background:color-mix(in srgb,var(--site-primary) 5%,transparent);cursor:default!important}.site-customizer--yarn_rope_craft .site-customizer__layer[data-layer-id="yarn_name_layer"] [data-layer-content]{overflow:hidden;justify-content:center;white-space:nowrap;text-align:center}.site-customizer--yarn_rope_craft .site-yarn-choice.active,.site-customizer--yarn_rope_bag .site-yarn-choice.active{border-color:var(--site-primary);background:color-mix(in srgb,var(--site-primary) 7%,var(--site-surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--site-primary) 12%,transparent)}
.site-customizer__footer{display:grid;grid-template-columns:auto auto minmax(150px,260px);justify-content:end;gap:14px;padding:12px 18px}.site-customizer__quantity-slot{min-width:0;align-items:center}.site-customizer__quantity-slot:not(:empty):before{color:var(--site-muted)}.site-customizer__quantity-slot .quantity{border-color:var(--site-input-border,var(--site-line));border-radius:var(--site-input-radius,8px)!important;overflow:hidden}.site-customizer__quantity-slot .quantity input,.site-customizer__quantity-slot .quantity button{min-height:42px!important;border-color:var(--site-input-border,var(--site-line))!important;background:var(--site-input-bg,var(--site-surface))!important;color:var(--site-text)!important}.site-customizer__total{min-width:92px;align-content:center}.site-customizer__total span,.site-customizer__total small{color:var(--site-muted)}.site-customizer__total strong{color:var(--site-text);font-family:var(--site-heading-font,var(--site-font))}.site-customizer__actions{min-width:0}.site-customizer__primary,.site-customizer__secondary{min-height:var(--site-button-height,42px);border-radius:var(--site-button-radius,8px);font-family:var(--site-font,inherit)}.site-customizer__primary{width:100%;border:var(--site-button-border-width,1px) solid var(--site-button-stroke,var(--site-button-fill,var(--site-primary)));background:var(--site-button-fill,var(--site-primary));box-shadow:var(--site-button-shadow,none);color:var(--site-button-ink,#fff)}.site-customizer__secondary{border-color:var(--site-button-secondary-border,var(--site-line));background:var(--site-button-secondary-bg,var(--site-surface));color:var(--site-button-secondary-text,var(--site-text))}
.site-yarn-character-picker{display:grid;gap:9px}.site-yarn-character-strip{min-height:54px;display:flex;align-items:center;align-content:flex-start;flex-wrap:wrap;gap:7px;border:1px solid var(--site-line);border-radius:var(--site-input-radius,8px);background:color-mix(in srgb,var(--customizer-accent) 5%,var(--site-surface));padding:8px}.site-yarn-character-strip>button{box-sizing:border-box;min-width:38px;height:38px;border:2px solid var(--character-color)!important;border-radius:max(7px,var(--site-input-radius,8px))!important;background:var(--site-surface)!important;color:var(--character-color)!important;padding:0 9px!important;font:800 14px/1 var(--site-font,inherit)!important;box-shadow:0 2px 5px color-mix(in srgb,var(--site-text) 8%,transparent)!important;cursor:pointer}.site-yarn-character-strip>button.selected{outline:3px solid color-mix(in srgb,var(--customizer-accent) 55%,transparent)!important;outline-offset:2px!important}.site-yarn-character-scope{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--site-input-radius,8px);background:color-mix(in srgb,var(--customizer-accent) 6%,var(--site-surface));padding:4px}.site-yarn-character-scope>button{min-height:36px;border:0!important;border-radius:max(5px,calc(var(--site-input-radius,8px) - 2px))!important;background:transparent!important;color:var(--site-muted)!important;padding:0 8px!important;font:800 11px/1.2 var(--site-font,inherit)!important;box-shadow:none!important;cursor:pointer}.site-yarn-character-scope>button.active{background:var(--customizer-accent)!important;color:var(--site-button-ink,#fff)!important;box-shadow:0 2px 7px color-mix(in srgb,var(--customizer-accent) 25%,transparent)!important}.site-yarn-character-swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.site-yarn-character-swatches>button{box-sizing:border-box;min-width:0;min-height:48px;display:grid!important;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;border:1px solid var(--site-line)!important;border-radius:var(--site-input-radius,8px)!important;background:var(--site-surface)!important;color:var(--site-text)!important;padding:7px 9px!important;text-align:left!important;box-shadow:0 3px 10px color-mix(in srgb,var(--site-text) 5%,transparent)!important;cursor:pointer}.site-yarn-character-swatches>button:hover{border-color:color-mix(in srgb,var(--customizer-accent) 55%,var(--site-line))!important}.site-yarn-character-swatches>button.active{border-color:var(--customizer-accent)!important;outline:2px solid color-mix(in srgb,var(--customizer-accent) 22%,transparent)!important;outline-offset:1px!important}.site-yarn-character-swatches>button>i{width:27px;height:27px;border:1px solid color-mix(in srgb,var(--site-text) 16%,transparent);border-radius:50%;background:var(--character-color);box-shadow:inset 0 1px 4px rgba(255,255,255,.8),0 2px 5px color-mix(in srgb,var(--site-text) 10%,transparent)}.site-yarn-character-swatches>button>span{min-width:0;display:grid;gap:2px}.site-yarn-character-swatches b{overflow:hidden;color:var(--site-text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.site-yarn-character-swatches small{color:var(--site-muted);font-size:9px;text-transform:lowercase}.site-yarn-character-colors__empty{margin:0;border:1px dashed var(--site-line);border-radius:var(--site-input-radius,8px);padding:11px;color:var(--site-muted);font-size:11px;text-align:center}.site-customizer__field [data-yarn-custom-colors-source]{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;opacity:0;pointer-events:none}
@media(max-width:780px){.site-customizer__header{padding:10px 12px}.site-customizer__brand>i{width:38px;height:38px}.site-customizer__brand strong{font-size:14px}.site-customizer__brand em{font-size:10px}.site-customizer__footer{grid-template-columns:auto auto minmax(118px,1fr);gap:8px;padding:9px 10px;align-items:center}.site-customizer__quantity-slot:not(:empty):before{display:none}.site-customizer__quantity-slot .quantity input,.site-customizer__quantity-slot .quantity button{min-width:34px!important;width:34px!important;min-height:40px!important;padding:0!important}.site-customizer__total{min-width:62px}.site-customizer__total span{display:none}.site-customizer__total strong{font-size:16px;white-space:nowrap}.site-customizer__actions{display:flex!important;flex-direction:row!important;min-width:0}.site-customizer__primary,.site-customizer__secondary{min-width:0!important;min-height:40px;padding:0 10px;font-size:12px;white-space:nowrap}.site-yarn-character-swatches{grid-template-columns:1fr 1fr}.site-yarn-character-strip>button{min-width:36px;height:36px;padding:0 7px!important}.site-yarn-character-scope>button{font-size:11px!important}}

/* Site theme owns the customer customizer. Accent interactions use the configured auxiliary color. */
.site-customizer{--customizer-accent:var(--site-accent,var(--site-primary));font-family:var(--site-font,inherit)}
.site-customizer__brand small,.site-customizer__brand em{color:var(--customizer-accent)}.site-customizer__brand strong,.site-customizer__field-head strong,.site-customizer__field>span,.site-yarn-choice{font-family:var(--site-font,inherit)}
.site-customizer__brand strong,.site-customizer__total strong{font-family:var(--site-heading-font,var(--site-font))}
.site-customizer__brand>i,.site-customizer--yarn_rope_craft .site-customizer__brand>i,.site-customizer--yarn_rope_bag .site-customizer__brand>i{background:var(--customizer-accent)}
.site-customizer__stage-wrap,.site-customizer--yarn_rope_craft .site-customizer__stage-wrap,.site-customizer--yarn_rope_bag .site-customizer__stage-wrap{background-color:color-mix(in srgb,var(--customizer-accent) 4%,var(--site-bg));background-image:linear-gradient(color-mix(in srgb,var(--customizer-accent) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--customizer-accent) 8%,transparent) 1px,transparent 1px)}
.site-customizer__preview{border-color:color-mix(in srgb,var(--customizer-accent) 20%,var(--site-line));background:color-mix(in srgb,var(--customizer-accent) 2%,var(--site-surface))}.site-customizer__tab.is-active{border-color:var(--customizer-accent);background:color-mix(in srgb,var(--customizer-accent) 9%,var(--site-surface));color:var(--customizer-accent)}
/* Yarn previews are sized in JavaScript to preserve the production aspect
 * ratio. Center the resulting fixed-size canvas inside the available stage
 * instead of leaving it attached to the stage's leading edge. */
@media(min-width:781px){
  .site-customizer--yarn_rope_craft .site-customizer__preview,
  .site-customizer--yarn_rope_bag .site-customizer__preview{justify-self:center;align-self:center}
}
.site-customizer .site-customizer__field-head>i,.site-customizer .site-customizer__field-head>i.type-image,.site-customizer .site-customizer__field-head>i.type-clipart,.site-customizer .site-customizer__field-head>i.type-select,.site-customizer .site-customizer__field-head>i.type-radio,.site-customizer .site-customizer__field-head>i.type-multiselect,.site-customizer .site-customizer__field-head>i.type-swatch,.site-customizer .site-customizer__field-head>i.type-date,.site-customizer .site-customizer__field-head>i.type-checkbox,.site-customizer .site-customizer__field-head>i.type-color{border-color:color-mix(in srgb,var(--customizer-accent) 20%,transparent);background:color-mix(in srgb,var(--customizer-accent) 8%,var(--site-surface));color:var(--customizer-accent)}
.site-customizer__field input[type="checkbox"]{accent-color:var(--customizer-accent)}.site-customizer__field input:focus,.site-customizer__field select:focus,.site-customizer__field textarea:focus{outline-color:color-mix(in srgb,var(--customizer-accent) 22%,transparent);border-color:var(--customizer-accent)}.site-customizer__resize{background:var(--customizer-accent);box-shadow:0 0 0 1px var(--customizer-accent)}
.site-yarn-choice{border-color:var(--site-line);border-radius:var(--site-input-radius,8px);background:var(--site-surface);color:var(--site-muted)}.site-customizer--yarn_rope_craft .site-yarn-choice.active,.site-customizer--yarn_rope_bag .site-yarn-choice.active{border-color:var(--customizer-accent);background:color-mix(in srgb,var(--customizer-accent) 8%,var(--site-surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--customizer-accent) 14%,transparent);color:var(--site-text)}
.site-customizer--yarn_rope_craft .site-customizer__layer[data-layer-id="yarn_name_layer"]{border-color:var(--customizer-accent);background:color-mix(in srgb,var(--customizer-accent) 5%,transparent)}
.site-customizer__layer.is-yarn-icon{overflow:visible!important;border:1px dashed transparent!important;background:transparent!important;cursor:move!important;filter:none!important}.site-customizer__layer.is-yarn-icon:hover{border-color:color-mix(in srgb,var(--customizer-accent) 60%,transparent)!important}.site-customizer__layer.is-yarn-icon.is-empty{display:none!important}.site-customizer__layer.is-yarn-icon:after{content:attr(data-yarn-icon-index);position:absolute;right:-10px;top:-10px;min-width:22px;height:22px;display:grid;place-items:center;border:2px solid var(--site-surface);border-radius:999px;background:var(--customizer-accent);box-shadow:0 1px 4px color-mix(in srgb,var(--site-text) 18%,transparent);color:#fff;font:800 12px/1 var(--site-font,inherit);pointer-events:none}
.site-yarn-icon-field .site-customizer__field-head{grid-template-columns:34px minmax(0,1fr) auto auto}.site-yarn-remove-icon{width:26px;height:26px;border:1px solid color-mix(in srgb,#d92d20 28%,var(--site-line));border-radius:var(--site-input-radius,7px);background:color-mix(in srgb,#d92d20 5%,var(--site-surface));color:#d92d20;font-size:16px;cursor:pointer}.site-yarn-icon-stack-actions{display:flex}.site-yarn-add-icon{width:100%;min-height:42px;border:1px dashed color-mix(in srgb,var(--customizer-accent) 48%,var(--site-line));border-radius:var(--site-input-radius,8px);background:color-mix(in srgb,var(--customizer-accent) 5%,var(--site-surface));color:var(--customizer-accent);font:800 12px/1 var(--site-font,inherit);cursor:pointer}.site-yarn-add-icon:hover{border-style:solid;background:color-mix(in srgb,var(--customizer-accent) 9%,var(--site-surface))}

/* Keep host-theme button rules from reintroducing blue or low-contrast interaction states. */
html.site-customizer-open,html.site-customizer-open body{overflow:hidden!important;overscroll-behavior:none!important}html.site-customizer-open body{position:fixed!important;left:0;right:0;top:var(--site-customizer-scroll-y,0px)!important;width:100%}.site-customizer-modal,.site-customizer,.site-customizer__body{overscroll-behavior:none}.site-customizer__fields{overscroll-behavior-y:contain}.site-customizer__field-head{touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:default}
.site-customizer--yarn_rope_craft .site-customizer__layer[data-layer-id="yarn_name_layer"],.site-customizer--yarn_rope_bag .site-customizer__layer[data-layer-id="yarn_name_layer"]{filter:none!important;box-shadow:none!important}.site-customizer .site-yarn-character{flex:0 0 auto;-webkit-text-stroke:var(--site-yarn-rope-width,1.4px) var(--yarn-character-color)!important;paint-order:stroke fill;text-shadow:none!important}.site-customizer .site-yarn-choice>span{font-size:10px!important;line-height:1.25}.site-customizer .site-yarn-icon-field .site-yarn-choice{font-size:11px!important;line-height:1.25}.site-customizer .site-yarn-icon-field .site-yarn-choice>span{font-size:11px!important}.site-yarn-field-price{margin-left:6px;color:var(--site-text);font-size:12px;font-weight:500;white-space:nowrap}.site-yarn-field-price[hidden]{display:none!important}.site-customizer__layer.is-yarn-icon [data-layer-content]>img,.site-customizer__layer.is-yarn-icon .site-yarn-icon-glyph{transform:scale(var(--yarn-icon-scale,1));transform-origin:center}
.site-customizer .site-customizer__close{box-sizing:border-box!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;display:grid!important;place-items:center!important;border:1px solid var(--site-line)!important;border-radius:999px!important;background:var(--site-surface)!important;color:var(--site-text)!important;padding:0!important;line-height:1!important;box-shadow:none!important}.site-customizer .site-customizer__close>span{position:absolute;inset:0;display:block;pointer-events:none}
.site-customizer .site-customizer__close:hover,.site-customizer .site-customizer__close:focus,.site-customizer .site-customizer__close:focus-visible,.site-customizer .site-customizer__close:active{border-color:var(--customizer-accent)!important;background:color-mix(in srgb,var(--customizer-accent) 7%,var(--site-surface))!important;color:var(--customizer-accent)!important;outline:3px solid color-mix(in srgb,var(--customizer-accent) 18%,transparent)!important;outline-offset:1px!important;transform:none!important}
.site-customizer .site-customizer__brand>i.has-logo{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}.site-customizer .site-customizer__brand>i.has-logo img{width:100%;height:100%;border-radius:inherit;object-fit:contain}
.site-customizer .site-yarn-choice,.site-customizer .site-yarn-choice:hover,.site-customizer .site-yarn-choice:focus,.site-customizer .site-yarn-choice:focus-visible,.site-customizer .site-yarn-choice:active{border-color:var(--site-line)!important;background:var(--site-surface)!important;color:var(--site-muted)!important;box-shadow:none!important;outline:0!important;transform:none!important}
.site-customizer--yarn_rope_craft .site-yarn-choice.active,.site-customizer--yarn_rope_craft .site-yarn-choice.active:hover,.site-customizer--yarn_rope_craft .site-yarn-choice.active:focus,.site-customizer--yarn_rope_craft .site-yarn-choice.active:active,.site-customizer--yarn_rope_bag .site-yarn-choice.active,.site-customizer--yarn_rope_bag .site-yarn-choice.active:hover,.site-customizer--yarn_rope_bag .site-yarn-choice.active:focus,.site-customizer--yarn_rope_bag .site-yarn-choice.active:active{border-color:var(--customizer-accent)!important;background:color-mix(in srgb,var(--customizer-accent) 8%,var(--site-surface))!important;color:var(--site-text)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--customizer-accent) 14%,transparent)!important}
.site-customizer .site-yarn-add-icon,.site-customizer .site-yarn-add-icon:hover,.site-customizer .site-yarn-add-icon:focus,.site-customizer .site-yarn-add-icon:focus-visible,.site-customizer .site-yarn-add-icon:active{border-color:color-mix(in srgb,var(--customizer-accent) 50%,var(--site-line))!important;background:color-mix(in srgb,var(--customizer-accent) 6%,var(--site-surface))!important;color:var(--customizer-accent)!important;box-shadow:none!important;outline:0!important;transform:none!important;text-shadow:none!important}.site-customizer .site-yarn-add-icon:hover,.site-customizer .site-yarn-add-icon:focus-visible{border-style:solid!important;background:color-mix(in srgb,var(--customizer-accent) 11%,var(--site-surface))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--customizer-accent) 14%,transparent)!important}
.site-customizer .site-yarn-remove-icon,.site-customizer .site-yarn-remove-icon:hover,.site-customizer .site-yarn-remove-icon:focus,.site-customizer .site-yarn-remove-icon:focus-visible,.site-customizer .site-yarn-remove-icon:active{box-sizing:border-box!important;border-color:color-mix(in srgb,#d92d20 32%,var(--site-line))!important;background:color-mix(in srgb,#d92d20 5%,var(--site-surface))!important;color:#d92d20!important;padding:0!important;box-shadow:none!important;outline:0!important;transform:none!important}.site-customizer .site-yarn-remove-icon:hover,.site-customizer .site-yarn-remove-icon:focus-visible{background:color-mix(in srgb,#d92d20 10%,var(--site-surface))!important;box-shadow:0 0 0 3px color-mix(in srgb,#d92d20 12%,transparent)!important}
.site-customizer .site-customizer__primary,.site-customizer .site-customizer__primary:hover,.site-customizer .site-customizer__primary:focus,.site-customizer .site-customizer__primary:focus-visible,.site-customizer .site-customizer__primary:active{border-color:var(--site-button-stroke,var(--site-button-fill,var(--customizer-accent)))!important;background:var(--site-button-fill,var(--customizer-accent))!important;color:var(--site-button-ink,#fff)!important;outline:0!important;transform:none!important;text-shadow:none!important}.site-customizer .site-customizer__primary:hover,.site-customizer .site-customizer__primary:focus-visible{background:var(--site-button-fill-hover,var(--site-button-fill,var(--customizer-accent)))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--customizer-accent) 18%,transparent)!important}

/* Character controls must outrank host-theme button fills and keep the reference card treatment. */
.site-yarn-internal-field{display:none!important}.site-yarn-color-editor{display:grid;gap:9px;margin-top:10px}.site-yarn-color-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:3px;color:var(--site-text)}.site-yarn-color-heading>b{font-size:12px;font-weight:800}.site-yarn-color-heading>small{color:var(--site-muted);font-size:10px}.site-yarn-scheme-list{display:grid;gap:7px}.site-yarn-scheme-card{box-sizing:border-box;min-width:0;min-height:50px;display:grid!important;grid-template-columns:minmax(92px,1fr) auto;align-items:center;gap:10px;border:1px solid var(--site-line)!important;border-radius:var(--site-input-radius,8px)!important;background:var(--site-surface)!important;color:var(--site-text)!important;padding:7px 9px!important;text-align:left!important;box-shadow:none!important;transform:none!important;text-shadow:none!important}.site-yarn-scheme-card:hover,.site-yarn-scheme-card:focus-visible{border-color:color-mix(in srgb,var(--customizer-accent) 55%,var(--site-line))!important;background:color-mix(in srgb,var(--customizer-accent) 2%,var(--site-surface))!important}.site-yarn-scheme-card.active{border-color:var(--customizer-accent)!important;outline:2px solid color-mix(in srgb,var(--customizer-accent) 22%,transparent)!important;outline-offset:1px!important}.site-yarn-scheme-copy{min-width:0;display:grid;gap:2px}.site-yarn-scheme-copy>b{overflow:hidden;color:var(--site-text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.site-yarn-scheme-copy>small{color:var(--site-muted);font-size:9px}.site-yarn-scheme-bars{max-width:150px;display:flex;align-items:center;justify-content:flex-end;gap:3px}.site-yarn-scheme-bars>i{width:12px;height:24px;flex:0 0 12px;border:1px solid color-mix(in srgb,var(--site-text) 14%,transparent);border-radius:4px;background:var(--scheme-color)}
.site-customizer .site-yarn-character-strip>button,.site-customizer .site-yarn-character-strip>button:hover,.site-customizer .site-yarn-character-strip>button:focus,.site-customizer .site-yarn-character-strip>button:active{border:2px solid var(--character-color)!important;background:var(--site-surface)!important;color:var(--character-color)!important;box-shadow:0 2px 5px color-mix(in srgb,var(--site-text) 8%,transparent)!important;transform:none!important;text-shadow:none!important}.site-customizer .site-yarn-character-strip>button.selected{outline:3px solid color-mix(in srgb,var(--customizer-accent) 55%,transparent)!important;outline-offset:2px!important}
.site-customizer .site-yarn-character-scope>button,.site-customizer .site-yarn-character-scope>button:hover,.site-customizer .site-yarn-character-scope>button:focus,.site-customizer .site-yarn-character-scope>button:active{border:0!important;background:transparent!important;color:var(--site-muted)!important;box-shadow:none!important;outline:0!important;transform:none!important;text-shadow:none!important}.site-customizer .site-yarn-character-scope>button.active,.site-customizer .site-yarn-character-scope>button.active:hover,.site-customizer .site-yarn-character-scope>button.active:focus,.site-customizer .site-yarn-character-scope>button.active:active{background:var(--customizer-accent)!important;color:var(--site-button-ink,#fff)!important;box-shadow:0 2px 7px color-mix(in srgb,var(--customizer-accent) 25%,transparent)!important}
.site-customizer .site-yarn-character-swatches>button,.site-customizer .site-yarn-character-swatches>button:hover,.site-customizer .site-yarn-character-swatches>button:focus,.site-customizer .site-yarn-character-swatches>button:active{border:1px solid var(--site-line)!important;background:var(--site-surface)!important;color:var(--site-text)!important;box-shadow:0 3px 10px color-mix(in srgb,var(--site-text) 5%,transparent)!important;outline:0!important;transform:none!important;text-shadow:none!important}.site-customizer .site-yarn-character-swatches>button:hover,.site-customizer .site-yarn-character-swatches>button:focus-visible{border-color:color-mix(in srgb,var(--customizer-accent) 55%,var(--site-line))!important}.site-customizer .site-yarn-character-swatches>button.active{border-color:var(--customizer-accent)!important;outline:2px solid color-mix(in srgb,var(--customizer-accent) 22%,transparent)!important;outline-offset:1px!important}.site-customizer .site-yarn-character-swatches>button>b{overflow:hidden;color:var(--site-text)!important;font-size:12px!important;text-overflow:ellipsis;white-space:nowrap}.site-customizer .site-yarn-character-swatches small{display:none!important}

/* Keep explanatory copy readable and make the character-color workflow unmistakable. */
.site-customizer .site-customizer__field>small{color:var(--site-muted)!important;font-size:12px!important;line-height:1.55!important}
.site-customizer .site-yarn-character-tip{display:grid;gap:6px;border:1px solid color-mix(in srgb,var(--customizer-accent) 32%,var(--site-line));border-left:4px solid var(--customizer-accent);border-radius:var(--site-input-radius,8px);background:color-mix(in srgb,var(--customizer-accent) 8%,var(--site-surface));padding:10px 11px;color:var(--site-text)}
.site-customizer .site-yarn-character-tip>b{font-size:12px;font-weight:850;line-height:1.3}
.site-customizer .site-yarn-character-tip>span{display:flex;align-items:flex-start;gap:7px;color:var(--site-text);font-size:11px;font-weight:650;line-height:1.45}
.site-customizer .site-yarn-character-tip>span>strong{display:grid;width:18px;height:18px;flex:0 0 18px;place-items:center;border-radius:999px;background:var(--customizer-accent);color:#fff;font-size:10px;line-height:1}
.site-customizer .site-yarn-character-tip>span>i{font-style:normal}
.site-customizer .site-yarn-character-tip em{color:var(--customizer-accent);font-style:normal;font-weight:850}
.site-customizer .site-yarn-scheme-card{min-height:44px}

/* Branded select: the real select remains available to forms and rules, while customers use this menu. */
.site-customizer__field select.has-site-custom-select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;opacity:0!important;pointer-events:none!important}.site-custom-select{position:relative;min-width:0;font-family:var(--site-font,inherit)}
.site-customizer .site-custom-select__trigger{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:var(--site-input-height,42px)!important;display:grid!important;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:10px;border:1px solid var(--site-input-border,var(--site-line))!important;border-radius:var(--site-input-radius,8px)!important;background:var(--site-input-bg,var(--site-surface))!important;color:var(--site-text)!important;padding:9px 11px!important;font:500 13px/1.35 var(--site-font,inherit)!important;text-align:left!important;box-shadow:none!important;cursor:pointer;transform:none!important}.site-custom-select__trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-custom-select__trigger>i{position:relative;width:14px;height:14px;color:var(--customizer-accent);font-style:normal}.site-custom-select__trigger>i:before,.site-custom-select__trigger>i:after{content:"";position:absolute;top:6px;width:7px;height:1.5px;border-radius:99px;background:currentColor}.site-custom-select__trigger>i:before{right:6px;transform:rotate(45deg)}.site-custom-select__trigger>i:after{left:6px;transform:rotate(-45deg)}.site-custom-select.is-open .site-custom-select__trigger>i{transform:rotate(180deg)}
.site-customizer .site-custom-select__trigger:hover,.site-customizer .site-custom-select__trigger:focus,.site-customizer .site-custom-select__trigger:focus-visible,.site-customizer .site-custom-select__trigger:active,.site-custom-select.is-open .site-custom-select__trigger{border-color:var(--customizer-accent)!important;background:color-mix(in srgb,var(--customizer-accent) 4%,var(--site-input-bg,var(--site-surface)))!important;color:var(--site-text)!important;outline:0!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--customizer-accent) 14%,transparent)!important;transform:none!important}
.site-custom-select__menu{position:absolute;z-index:80;right:0;left:0;top:calc(100% + 6px);display:grid;max-height:min(240px,38vh);overflow:auto;border:1px solid color-mix(in srgb,var(--customizer-accent) 28%,var(--site-line));border-radius:var(--site-input-radius,8px);background:var(--site-surface);box-shadow:0 14px 36px color-mix(in srgb,var(--site-text) 16%,transparent);padding:5px}.site-custom-select__menu[hidden]{display:none!important}
.site-customizer .site-custom-select__option{box-sizing:border-box!important;width:100%!important;min-height:38px!important;display:flex!important;align-items:center!important;border:0!important;border-radius:max(5px,calc(var(--site-input-radius,8px) - 3px))!important;background:transparent!important;color:var(--site-text)!important;padding:8px 9px!important;font-family:var(--site-font,inherit)!important;font-size:13px!important;font-weight:500!important;line-height:1.35!important;text-align:left!important;box-shadow:none!important;cursor:pointer;transform:none!important}.site-customizer .site-custom-select__option:hover,.site-customizer .site-custom-select__option:focus,.site-customizer .site-custom-select__option:focus-visible,.site-customizer .site-custom-select__option:active{background:color-mix(in srgb,var(--customizer-accent) 9%,var(--site-surface))!important;color:var(--site-text)!important;outline:0!important;box-shadow:none!important}.site-customizer .site-custom-select__option.is-selected{background:color-mix(in srgb,var(--customizer-accent) 14%,var(--site-surface))!important;color:var(--site-text)!important;font-weight:650!important}.site-customizer .site-custom-select__option.is-selected:after{content:"✓";margin-left:auto;color:var(--customizer-accent);font-weight:900}
.site-customizer--yarn_rope_craft .site-customizer__surface-note,.site-customizer--yarn_rope_bag .site-customizer__surface-note{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:8px;border:1px solid color-mix(in srgb,var(--customizer-accent) 34%,var(--site-line));border-radius:var(--site-input-radius,8px);background:color-mix(in srgb,var(--customizer-accent) 9%,var(--site-surface));color:var(--site-primary)!important;padding:8px 10px;font-size:12px;font-weight:750;line-height:1.35}.site-customizer--yarn_rope_craft .site-customizer__surface-note:before,.site-customizer--yarn_rope_bag .site-customizer__surface-note:before{content:"↔";width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:var(--site-primary);color:var(--site-button-ink,#fff);font-size:12px;font-weight:900}
body.site-bridge-design .woocommerce-message a.button.wc-forward,body.site-bridge-design .woocommerce-notices-wrapper .woocommerce-message a.wc-forward{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:var(--site-button-height,42px)!important;padding:0 20px!important;line-height:1!important;text-align:center!important}
.site-customizer__fields,.site-customizer__body{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--customizer-accent) 58%,var(--site-line)) color-mix(in srgb,var(--customizer-accent) 6%,transparent)}.site-customizer__fields::-webkit-scrollbar,.site-customizer__body::-webkit-scrollbar{width:10px;height:10px}.site-customizer__fields::-webkit-scrollbar-track,.site-customizer__body::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--customizer-accent) 6%,var(--site-surface))}.site-customizer__fields::-webkit-scrollbar-thumb,.site-customizer__body::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--customizer-accent) 58%,var(--site-line));background-clip:padding-box}.site-customizer__fields::-webkit-scrollbar-thumb:hover,.site-customizer__body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--customizer-accent) 78%,var(--site-line));background-clip:padding-box}.site-customizer__fields::-webkit-scrollbar-button,.site-customizer__body::-webkit-scrollbar-button{display:none;width:0;height:0}

@media(max-width:780px){
  /* Mobile typography: readable headings and help without changing the desktop scale. */
  .site-customizer .site-customizer__field-list{gap:14px}.site-customizer .site-customizer__field{gap:7px}
  .site-customizer .site-customizer__field-head strong{font-size:15px;line-height:1.35;white-space:normal}
  .site-customizer .site-customizer__field-head small,.site-customizer .site-customizer__field-head>em{font-size:9px!important}
  .site-customizer .site-customizer__field>small{font-size:14px!important;line-height:1.5!important}
  .site-customizer .site-custom-select__trigger,.site-customizer .site-custom-select__option{font-size:14px!important}
  .site-customizer .site-yarn-choice>span{font-size:12px!important;line-height:1.35}
  .site-customizer .site-yarn-color-heading{flex-wrap:wrap;gap:4px 10px}.site-customizer .site-yarn-color-heading>b{font-size:14px;line-height:1.35}.site-customizer .site-yarn-color-heading>small{font-size:12px!important;line-height:1.5}
  .site-customizer .site-yarn-scheme-copy>b{font-size:13px;line-height:1.35;white-space:normal}
  .site-customizer .site-yarn-character-swatches>button>b{font-size:14px!important;line-height:1.35;white-space:normal}
  .site-customizer .site-yarn-character-scope>button{min-height:44px!important;font-size:14px!important;line-height:1.3!important}
  .site-customizer .site-yarn-character-tip{padding:12px;gap:7px}.site-customizer .site-yarn-character-tip>b{font-size:14px}.site-customizer .site-yarn-character-tip>span{font-size:13px;line-height:1.5}.site-customizer .site-yarn-character-tip>span>strong{width:20px;height:20px;flex-basis:20px;font-size:11px}
  .site-customizer{grid-template-rows:minmax(0,1fr) auto;height:100dvh;border-radius:0}
  .site-customizer__header{position:absolute;z-index:30;right:8px;top:8px;display:block;width:auto;border:0;background:transparent;padding:0}.site-customizer__brand{display:none!important}.site-customizer__close{width:36px;height:36px;border-color:color-mix(in srgb,var(--customizer-accent) 25%,var(--site-line));background:color-mix(in srgb,var(--site-surface) 92%,transparent);box-shadow:0 4px 14px color-mix(in srgb,var(--site-text) 15%,transparent);backdrop-filter:blur(8px)}
  .site-customizer__body{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain}.site-customizer__stage-wrap{padding:8px}.site-customizer__fields{padding:10px;border-color:var(--site-line)}
  .site-customizer__field input:not([type="checkbox"]),.site-customizer__field select,.site-customizer__field textarea{font-size:16px!important}.site-customizer__field select.has-yarn-choices{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;font-size:1px!important;opacity:0;pointer-events:none}
  .site-yarn-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.site-yarn-choice.is-font,.site-yarn-choice.is-scheme,.site-yarn-choice.is-product-color{grid-column:span 1}.site-yarn-choice{min-height:46px;font-size:9px}
  .site-customizer__footer{min-height:58px;max-height:72px;box-sizing:border-box;overflow:hidden;align-items:center;padding:8px 9px}.site-customizer__quantity-slot .quantity input,.site-customizer__quantity-slot .quantity button{min-height:38px!important;height:38px!important}.site-customizer__primary,.site-customizer__secondary{min-height:38px!important;height:38px;padding:0 9px}.site-customizer__total strong{font-size:15px}.site-customizer__total small{display:none}
}

/* Show uploaded artwork at a useful size, with labels below each choice. */
.site-customizer .site-yarn-icon-field .site-yarn-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.site-customizer .site-yarn-choice.is-icon{position:relative;grid-column:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:80px auto;min-height:114px;gap:7px;padding:10px 6px!important;text-align:center}
.site-customizer .site-yarn-choice.is-icon>img{display:block;width:80px;height:80px;max-width:100%;object-fit:contain}
.site-customizer .site-yarn-choice.is-icon>i{display:grid;place-items:center;width:80px;max-width:100%;height:80px;border:0;border-radius:0;background:transparent;font-size:42px;font-style:normal}
.site-customizer .site-yarn-icon-field .site-yarn-choice.is-icon>span{font-size:16px!important;font-weight:750;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.site-customizer .site-yarn-choice.is-icon.active:after{content:'✓';position:absolute;right:5px;top:5px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--customizer-accent);color:#fff;font:700 12px/1 sans-serif}
.site-customizer .site-yarn-choice.is-icon:focus-visible{outline:2px solid var(--customizer-accent);outline-offset:2px}
@media(max-width:380px){.site-customizer .site-yarn-icon-field .site-yarn-choice-grid{gap:6px}.site-customizer .site-yarn-choice.is-icon{grid-template-rows:68px auto;min-height:100px}.site-customizer .site-yarn-choice.is-icon>img,.site-customizer .site-yarn-choice.is-icon>i{width:68px;height:68px}}

/* Individual yarn letters use the font's normal advance, without negative tracking. */
.site-customizer .site-yarn-character{letter-spacing:0!important}
/* Compact icon cards open a separate library without changing the settings height. */
.site-customizer .site-yarn-option-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:6px;padding:0;border:0;border-radius:0;background:transparent}
.site-customizer .site-yarn-option-tab{display:flex;align-items:center;justify-content:center;min-width:0;min-height:40px;margin:0!important;padding:8px 7px!important;border:1px solid #9ebcbd!important;border-radius:7px!important;background:var(--site-surface,#fff)!important;color:var(--site-text,#25334b)!important;font-family:inherit;font-size:12px!important;font-weight:650!important;line-height:1.3;text-align:center;box-shadow:none!important;transform:none!important;cursor:pointer}
.site-customizer .site-yarn-option-tab.active{border-color:var(--customizer-accent)!important;background:var(--customizer-accent)!important;color:#fff!important;font-weight:750!important}
.site-customizer .site-yarn-option-tab:not(.active):hover{border-color:var(--customizer-accent)!important}
.site-customizer .site-yarn-option-tab:focus-visible{outline:2px solid var(--site-text);outline-offset:2px}
.site-customizer .site-yarn-option-tab:disabled{opacity:.45;cursor:not-allowed}
.site-customizer select.has-yarn-choices[hidden]{display:none!important}
.site-customizer .site-yarn-text-limit{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--site-text,#25334b);font-size:12px;line-height:1.4}
.site-customizer .site-yarn-text-limit__count{color:var(--site-muted,#677683);font-variant-numeric:tabular-nums;white-space:nowrap}
.site-customizer .site-yarn-text-limit.at-limit .site-yarn-text-limit__count{color:var(--site-text,#25334b);font-weight:750}
@media(max-width:780px){.site-customizer .site-yarn-option-tab{min-height:44px;font-size:13px!important}.site-customizer .site-yarn-text-limit{font-size:12px}}
.site-customizer .site-yarn-icon-stack-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-top:8px;padding:4px 0 2px;color:var(--site-text,#25334b)}
.site-customizer .site-yarn-icon-stack-heading>strong{font-size:14px;line-height:1.4;font-weight:750}
.site-customizer .site-yarn-icon-stack-heading>small{color:var(--site-muted,#677683);font-size:11px;line-height:1.4}
.site-customizer .site-yarn-icon-stack-heading__hint{flex-basis:100%;color:var(--site-muted,#677683);font-size:12px;line-height:1.5}
.site-customizer .site-yarn-icon-stack-heading[hidden]{display:none!important}
.site-customizer .site-yarn-icon-heading{position:static;display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:0;padding:0 10px 0 0;border:1px solid var(--site-line,#dce4e5);border-radius:12px;background:var(--site-surface,#fff);box-shadow:0 2px 7px rgba(25,54,62,.04)}
.site-customizer .site-yarn-icon-card{display:flex!important;align-items:center;gap:12px;width:100%;min-width:0;min-height:74px;margin:0!important;padding:12px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:var(--site-text,#25334b)!important;text-align:left;box-shadow:none!important;transform:none!important;cursor:pointer;transition:background-color .15s}
.site-customizer .site-yarn-icon-card:hover{border-color:var(--customizer-accent)!important;background:color-mix(in srgb,var(--customizer-accent) 4%,var(--site-surface,#fff))!important}
.site-customizer .site-yarn-icon-card:focus-visible{outline:2px solid var(--customizer-accent);outline-offset:3px}
.site-customizer .site-yarn-icon-card>span:not(.site-yarn-icon-card__action){flex:1;min-width:0}
.site-customizer .site-yarn-icon-card strong{font-size:13px!important;line-height:1.5}
.site-customizer .site-yarn-icon-card small{text-transform:none!important;letter-spacing:0!important;font-size:11px!important;line-height:1.5!important;color:var(--site-muted,#677683)}
.site-customizer .site-yarn-icon-card>i{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;overflow:hidden;border:1px solid color-mix(in srgb,var(--customizer-accent) 28%,var(--site-line));border-radius:10px;background:color-mix(in srgb,var(--customizer-accent) 7%,var(--site-surface));color:var(--site-primary,#347b7d)}
.site-customizer .site-yarn-icon-card>i>img{display:block;width:100%;height:100%;object-fit:contain}
.site-customizer .site-yarn-icon-card svg,.site-yarn-icon-picker svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-customizer .site-yarn-icon-card__action{display:flex;align-items:center;justify-content:flex-end;gap:3px;flex:0 0 auto;color:var(--site-text,#25334b);font-size:12px;font-weight:750}
.site-customizer .site-yarn-icon-card__action svg{width:16px;height:16px}
.site-customizer .site-yarn-icon-heading>.site-yarn-remove-icon{grid-column:2;width:28px;min-width:28px;height:28px;min-height:28px;display:grid;place-items:center;padding:0;margin:0!important;line-height:1}
.site-customizer .site-yarn-icon-options[hidden],.site-yarn-icon-picker[hidden]{display:none!important}
.site-customizer.has-yarn-icon-picker{overflow:clip}
.site-customizer.has-yarn-icon-picker>.site-customizer__header{grid-area:1/1}
.site-customizer.has-yarn-icon-picker>.site-customizer__body{grid-area:2/1}
.site-customizer.has-yarn-icon-picker>.site-customizer__footer{grid-area:3/1}
.site-yarn-icon-picker{grid-area:2/1;z-index:30;min-height:0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);pointer-events:none}
.site-yarn-icon-picker__panel{grid-column:2;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;min-width:0;background:var(--site-surface,#fff);border-left:1px solid var(--site-line);pointer-events:auto;box-shadow:-8px 0 24px rgba(28,57,62,.07)}
.site-yarn-icon-picker__header{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--site-line);background:var(--site-surface,#fff)}
.site-customizer .site-yarn-icon-picker__back{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;flex:0 0 32px;width:32px;min-width:32px;height:32px;min-height:32px;margin:0;padding:0!important;border:1px solid var(--site-line)!important;border-radius:8px!important;background:var(--site-surface,#fff)!important;color:var(--site-text)!important;box-shadow:none!important;line-height:1;transform:none!important}
.site-customizer .site-yarn-icon-picker__back>svg{display:block;flex:0 0 16px;width:16px;height:16px;margin:0}
.site-yarn-icon-picker__header>span:nth-child(2){display:grid;gap:3px;flex:1;min-width:0}
.site-yarn-icon-picker__header strong{font-size:14px;line-height:1.3;color:var(--site-text)}
.site-yarn-icon-picker__header small{font-size:11px;line-height:1.4;color:var(--site-muted)}
.site-yarn-icon-picker__count{font-size:10px;white-space:nowrap;color:var(--site-muted)}
.site-yarn-icon-picker__scroll{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:12px;scrollbar-width:thin;scrollbar-color:var(--customizer-accent) transparent}
.site-yarn-icon-picker__scroll .site-yarn-icon-options>small{display:block;margin-top:10px;color:var(--site-muted);font-size:11px;line-height:1.5}
.site-yarn-icon-picker button:focus-visible{outline:2px solid var(--site-text);outline-offset:2px}
@media(max-width:780px){.site-yarn-icon-picker{grid-template-columns:minmax(0,1fr)}.site-yarn-icon-picker__panel{grid-column:1;border-left:0}.site-yarn-icon-picker__header{padding:12px}.site-yarn-icon-picker__scroll{padding:12px}.site-customizer .site-yarn-icon-picker__back{flex-basis:36px;width:36px;min-width:36px;height:36px;min-height:36px}.site-customizer .site-yarn-icon-card{min-height:78px}}
/* Keep both color-scope choices clearly clickable, including the unselected choice. */
.site-customizer .site-yarn-character-scope{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0!important;background:transparent!important}
.site-customizer .site-yarn-character-scope>button,.site-customizer .site-yarn-character-scope>button:hover,.site-customizer .site-yarn-character-scope>button:focus,.site-customizer .site-yarn-character-scope>button:active{min-height:40px!important;border:1px solid #9ebcbd!important;border-radius:8px!important;background:var(--site-surface,#fff)!important;color:var(--site-text,#25334b)!important;font-size:12px!important;font-weight:750!important;box-shadow:none!important}
.site-customizer .site-yarn-character-scope>button:hover{background:color-mix(in srgb,var(--customizer-accent) 9%,var(--site-surface,#fff))!important}
.site-customizer .site-yarn-character-scope>button.active,.site-customizer .site-yarn-character-scope>button.active:hover,.site-customizer .site-yarn-character-scope>button.active:focus,.site-customizer .site-yarn-character-scope>button.active:active{border-color:var(--customizer-accent)!important;background:var(--customizer-accent)!important;color:#fff!important}
.site-customizer .site-yarn-character-scope>button:focus-visible{outline:2px solid var(--site-text)!important;outline-offset:2px}
@media(max-width:780px){
  .site-customizer.has-yarn-icon-picker>.site-customizer__body,.site-customizer.has-yarn-icon-picker>.site-yarn-icon-picker{grid-area:1/1}
  .site-customizer.has-yarn-icon-picker>.site-customizer__footer{grid-area:2/1}
  .site-customizer .site-yarn-icon-card strong{font-size:15px!important}
  .site-customizer .site-yarn-icon-card small{font-size:12px!important}
  .site-customizer .site-yarn-icon-card__action{font-size:13px}
  .site-customizer .site-yarn-character-scope>button,.site-customizer .site-yarn-character-scope>button:hover,.site-customizer .site-yarn-character-scope>button:focus,.site-customizer .site-yarn-character-scope>button:active{min-height:44px!important;font-size:14px!important}
}
.site-customizer__layer.is-yarn-icon.has-physical-size{min-width:0;min-height:0;border:0!important;outline:1px dashed transparent}
.site-customizer__layer.is-yarn-icon.has-physical-size:hover{outline-color:color-mix(in srgb,var(--customizer-accent) 60%,transparent)}
.site-customizer__layer[data-layer-id="yarn_name_layer"]{min-width:0;min-height:0}
/* The selection guide must not reduce the SVG viewport or physical yarn width. */
.site-customizer--yarn_rope_craft .site-customizer__layer[data-layer-id="yarn_name_layer"],.site-customizer--yarn_rope_bag .site-customizer__layer[data-layer-id="yarn_name_layer"]{border:0;outline:2px dashed var(--customizer-accent,var(--site-primary));outline-offset:-2px}

.site-customizer.site-yarn-bundle{grid-template-rows:auto minmax(0,1fr) auto auto auto}
.site-customizer .site-yarn-bundle__tabs{display:flex;justify-content:flex-start;gap:8px;padding:0;margin:0 0 16px;overflow-x:auto;background:transparent;border:0;border-bottom:1px solid var(--site-line,#dce5e5);min-width:0}
.site-customizer .site-yarn-bundle__tabs>button{min-width:100px;min-height:42px;flex:1 0 auto;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;background:transparent!important;color:var(--site-text,#344054)!important;padding:7px 16px!important;font:inherit;font-size:14px!important;font-weight:600!important;line-height:1.3!important;box-shadow:none!important;cursor:pointer}
.site-customizer .site-yarn-bundle__tabs>button.is-active{border-bottom-color:var(--customizer-accent,#5db7b5)!important;color:var(--customizer-accent,#398f8d)!important;font-weight:750!important}.site-customizer .site-yarn-bundle__tabs>button:hover{background:color-mix(in srgb,var(--customizer-accent) 7%,transparent)!important}.site-yarn-bundle__tabs>button:focus-visible{outline:2px solid #194961;outline-offset:-2px}
.site-yarn-bundle__panels,.site-yarn-bundle__panel{min-height:0;height:100%;overflow:hidden}.site-yarn-bundle__panel[hidden]{display:none!important}
.site-customizer.site-yarn-bundle__part{width:100%;height:100%;border:0;border-radius:0;box-shadow:none;grid-template-rows:minmax(0,1fr)}
.site-yarn-bundle__part.has-yarn-icon-picker>.site-customizer__body,.site-yarn-bundle__part.has-yarn-icon-picker>.site-yarn-icon-picker{grid-area:1/1}
.site-yarn-bundle__message{padding:8px 18px;background:#fff4e6;color:#873d08;font-size:12px}.site-yarn-bundle__message[hidden]{display:none}
@media(max-width:780px){.site-customizer.site-yarn-bundle{grid-template-rows:minmax(0,1fr) auto auto auto}.site-customizer .site-yarn-bundle__tabs{padding:0;gap:4px}.site-customizer .site-yarn-bundle__tabs>button{min-width:90px;min-height:36px;padding:6px 12px!important}.site-customizer.site-yarn-bundle__part{grid-template-rows:minmax(0,1fr)}.site-yarn-bundle__part.has-yarn-icon-picker>.site-customizer__body,.site-yarn-bundle__part.has-yarn-icon-picker>.site-yarn-icon-picker{grid-area:1/1}}
.site-yarn-bundle__completion{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);align-items:center;gap:0;padding:10px 0;border-top:1px solid var(--site-line,#dce5e5);background:var(--site-surface,#fff);color:var(--site-text,#344054)}
.site-yarn-bundle__completion>div{padding-inline:18px}.site-yarn-bundle__completion strong{font-size:13px;line-height:1.4}.site-yarn-bundle__completion p{margin:2px 0 0;font-size:12px;line-height:1.4;color:var(--site-muted,#667085)}
.site-customizer .site-yarn-bundle__confirm{grid-column:2;justify-self:center;min-height:40px;padding:9px 20px!important;border:1px solid var(--site-primary,#f18f39)!important;border-radius:6px!important;background:var(--site-primary,#f18f39)!important;color:#fff!important;font:700 13px/1.3 var(--site-font,inherit)!important;box-shadow:none!important;cursor:pointer}
.site-customizer .site-yarn-bundle__confirm[hidden]{display:none!important}.site-customizer .site-yarn-bundle__confirm:hover{background:color-mix(in srgb,var(--site-primary,#f18f39) 85%,#000)!important;border-color:color-mix(in srgb,var(--site-primary,#f18f39) 85%,#000)!important}.site-customizer .site-yarn-bundle__confirm:focus-visible{outline:2px solid var(--site-primary,#f18f39);outline-offset:2px}.site-yarn-bundle__completion.is-complete>div{grid-column:1/-1}
.site-yarn-bundle__part .site-customizer__body,.site-yarn-bundle__part .site-customizer__fields{overflow-anchor:none;scroll-behavior:auto}
.site-yarn-bundle__completion.is-complete strong,.site-yarn-bundle__tab-status{color:#24745c}.site-yarn-bundle__tab-status:not(:empty){margin-left:7px;font-size:13px}
.site-customizer .site-customizer__primary.needs-completion{opacity:.55!important;cursor:not-allowed}
@media(max-width:780px){.site-yarn-bundle__completion{grid-template-columns:auto minmax(0,1fr);min-height:56px;box-sizing:border-box;padding:6px 12px;gap:12px;text-align:left}.site-yarn-bundle__completion strong{font-size:12px;white-space:nowrap}.site-yarn-bundle__completion p{display:none}.site-customizer .site-yarn-bundle__confirm{grid-column:2;justify-self:end;min-width:0;min-height:44px;max-width:100%;font-size:12px!important;padding:8px 12px!important;overflow-wrap:anywhere}.site-yarn-bundle__completion.is-complete{text-align:center;min-height:36px}}

.site-customizer .site-yarn-choice-grid.is-product-colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.site-customizer .site-yarn-choice.is-product-color{grid-column:span 1;align-content:start;gap:8px;padding:8px}
.site-customizer .site-yarn-choice.is-product-color>img{display:block;box-sizing:border-box;width:100%;height:auto;aspect-ratio:1;object-fit:contain;padding:4px;border-radius:6px;background:var(--site-surface-soft,#f7f9fa);box-shadow:none}
.site-customizer .site-yarn-choice.is-product-color>span{min-height:2.7em;font-size:14px!important;font-weight:600;line-height:1.35;color:var(--site-text,#344054);white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
@media(max-width:380px){.site-customizer .site-yarn-choice-grid.is-product-colors{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Mobile preview follows the customer through long option lists. */
/* Preview gestures manipulate the design, never native text/image selections. */
.site-customizer :is(.site-customizer__stage-wrap,.site-customizer__header,.site-yarn-floating,.site-yarn-preview-dialog__header),.site-customizer :is(.site-customizer__stage-wrap,.site-customizer__header,.site-yarn-floating,.site-yarn-preview-dialog__header) *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.site-customizer :is(.site-customizer__stage-wrap,.site-yarn-floating) img{-webkit-user-drag:none}

.site-yarn-floating,.site-yarn-preview-dialog{display:none}
.site-yarn-floating[hidden],.site-yarn-preview-dialog[hidden]{display:none!important}
@media(max-width:780px){
  .site-customizer>.site-customizer__header{transform:translateY(var(--site-customizer-preview-scroll-y,0px))}
  .site-customizer .site-yarn-floating{position:absolute;z-index:35;top:max(16px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));display:block;width:clamp(144px,43vw,176px);border:1px solid var(--site-line,#dce5e5);border-radius:12px;background:var(--site-surface,#fff);box-shadow:0 4px 20px rgba(25,54,62,.2)}
  .site-customizer .site-yarn-floating button,.site-customizer .site-yarn-preview-dialog__close{box-sizing:border-box;margin:0!important;border:0!important;background:var(--site-surface,#fff)!important;color:var(--site-text,#25334b)!important;box-shadow:none!important;transform:none!important;font:inherit;cursor:pointer}
  .site-customizer .site-yarn-floating__open{display:block!important;width:100%;min-width:0;min-height:0;padding:5px!important;border-radius:12px!important;text-align:center}
  .site-yarn-floating__image{position:relative;display:block;width:100%;height:clamp(136px,42vw,168px);overflow:hidden;pointer-events:none;border-radius:8px;background:color-mix(in srgb,var(--customizer-accent,#5db7b5) 5%,#fff)}
  .site-yarn-floating__image *{pointer-events:none!important}
  .site-yarn-floating__image.is-pending{display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;color:var(--site-muted,#677683);font-size:12px;line-height:1.5;white-space:normal}
  .site-yarn-floating__image .site-customizer__layer{min-width:0;min-height:0}
  .site-yarn-floating__caption{display:flex;align-items:center;justify-content:center;gap:8px;margin:5px -5px -5px;padding:9px 6px;border-radius:0 0 11px 11px;background:var(--site-primary,#f18f39);color:#fff;font-size:12px;font-weight:750;line-height:1.4}
  .site-customizer .site-yarn-floating__collapse{position:absolute;top:-10px;right:-10px;display:grid!important;place-items:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:0!important;border:1px solid var(--site-line,#dce5e5)!important;border-radius:50%!important;font-size:23px;line-height:1}
  .site-customizer .site-yarn-floating__tab{display:none!important}
  .site-customizer .site-yarn-floating.is-collapsed{left:0;width:auto;overflow:hidden;border-left:0;border-radius:0 12px 12px 0}
  .site-customizer .site-yarn-floating.is-collapsed .site-yarn-floating__open,.site-customizer .site-yarn-floating.is-collapsed .site-yarn-floating__collapse{display:none!important}
  .site-customizer .site-yarn-floating.is-collapsed .site-yarn-floating__tab{display:flex!important;align-items:center;justify-content:center;gap:6px;writing-mode:vertical-rl;text-orientation:mixed;width:32px;min-width:32px;height:94px;min-height:94px;padding:8px 4px!important;border-radius:0!important;font-size:14px;font-weight:750}
  .site-customizer .site-yarn-floating{border-color:var(--site-primary,#f18f39);box-shadow:0 4px 20px color-mix(in srgb,var(--site-primary,#f18f39) 26%,transparent)}
  .site-customizer .site-yarn-floating.is-collapsed .site-yarn-floating__tab{background:var(--site-primary,#f18f39)!important;color:#fff!important}
  .site-yarn-floating__caption>svg,.site-yarn-floating__tab>svg,.site-yarn-floating__collapse>svg,.site-yarn-preview-dialog__close>svg{display:block;flex-shrink:0;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .site-yarn-preview-dialog__close>svg{width:20px;height:20px}
  .site-customizer.site-customizer--yarn_rope_craft .site-customizer__stage-wrap,.site-customizer.site-customizer--yarn_rope_bag .site-customizer__stage-wrap{display:grid;grid-template-rows:var(--site-bundle-stage-height,auto) auto}
  .site-customizer .site-customizer__stage-wrap>.site-customizer__surface-note{grid-row:2;margin:8px 0 0}
  .site-customizer .site-customizer__stage-wrap>.site-customizer__preview{grid-row:1}
  .site-customizer .site-yarn-preview-dialog>.site-customizer__stage-wrap>.site-customizer__surface-note{grid-row:1;margin:0 0 8px}
  .site-customizer .site-yarn-preview-dialog>.site-customizer__stage-wrap>.site-customizer__preview{grid-row:2}
  .site-customizer .site-yarn-preview-dialog{position:absolute;inset:0;z-index:60;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;background:var(--site-surface,#fff);overflow:hidden}
  .site-yarn-preview-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));border-bottom:1px solid var(--site-line,#dce5e5)}
  .site-yarn-preview-dialog__header>span{display:grid;gap:4px}
  .site-yarn-preview-dialog__header strong{font-size:16px;color:var(--site-text,#25334b)}
  .site-yarn-preview-dialog__header small{font-size:12px;color:var(--site-muted,#677683)}
  .site-customizer .site-yarn-preview-dialog__close{display:grid!important;place-items:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0!important;border:1px solid var(--site-line,#dce5e5)!important;border-radius:50%!important;font-size:26px;line-height:1}
  .site-customizer .site-yarn-floating .site-yarn-floating__collapse,.site-customizer .site-yarn-preview-dialog__close{border:2px solid var(--site-primary,#f18f39)!important;color:var(--site-primary,#f18f39)!important}
  .site-customizer .site-yarn-preview-dialog>.site-customizer__stage-wrap{display:grid;grid-template-rows:auto minmax(0,1fr);padding:12px 12px max(12px,env(safe-area-inset-bottom));overflow:hidden}
  .site-yarn-preview-dialog .site-customizer__preview{align-self:center;justify-self:center;max-width:100%;max-height:100%}
  .site-yarn-preview-placeholder{box-sizing:border-box;flex-shrink:0}
  .site-yarn-floating button:focus-visible,.site-yarn-preview-dialog button:focus-visible{outline:2px solid var(--customizer-accent,#5db7b5);outline-offset:2px}
}
.site-customizer--yarn_rope_craft .site-customizer__preview{background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important}
.site-customizer--yarn_rope_craft .site-customizer__preview>img{background:transparent!important;box-shadow:none!important;filter:none!important;border:0!important;transition:none!important}
.site-customizer--yarn_rope_craft .site-yarn-choice.is-product-color>img{background:transparent;box-shadow:none!important}

.site-customizer-modal{justify-items:center;align-items:center}.site-customizer-modal>.site-customizer{justify-self:center;margin-inline:0!important}
.site-customizer__submission-message{padding:10px 18px;background:#fff4e6;color:#873d08;font-size:12px;white-space:pre-line}.site-customizer__submission-message[hidden]{display:none}.site-customizer:has(>.site-customizer__submission-message){grid-template-rows:auto minmax(0,1fr) auto auto}
.site-customizer__submission-message.is-pending,.site-yarn-bundle__message.is-pending{background:var(--site-surface,#fff);color:var(--site-text,#344054)}
.site-customizer [data-customizer-add-to-cart]:disabled:after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:site-customizer-spin .8s linear infinite}@keyframes site-customizer-spin{to{transform:rotate(360deg)}}
@media(max-width:780px){.site-customizer:has(>.site-customizer__submission-message){grid-template-rows:minmax(0,1fr) auto auto}.site-yarn-bundle__completion>div{padding-inline:0}}
@media(max-width:780px){.site-yarn-bundle__part .site-customizer__stage-wrap{display:grid;grid-template-rows:var(--site-bundle-stage-height,auto) auto}.site-yarn-bundle__part .site-customizer__preview{align-self:center;justify-self:center}}