.mcf{max-width:1100px;margin:22px auto 0;text-align:left;color:#1a2849;font-family:"Poppins-Regular",var(--font-body-family),sans-serif}.mcf *,.mcf *:before,.mcf *:after{box-sizing:border-box}.mcf__toggle{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto;background:#fff;border:1px solid #1a2849;border-radius:999px;padding:10px 20px 10px 12px;font:inherit;font-size:13px;color:#1a2849;cursor:pointer}.mcf__toggle strong{font-weight:600}.mcf__toggle:hover{background:#ebf1f7}.mcf__toggle-dot{width:24px;height:24px;border-radius:50%;background:conic-gradient(#e94b5b,#f6a33a,#f3d34a,#5fa35a,#3fa7b3,#3c6fb6,#8a5bb0,#e94b5b);flex:none}.mcf__chev{transition:transform .2s}.mcf__toggle[aria-expanded=true] .mcf__chev{transform:rotate(180deg)}.mcf__panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);background:#fff;border:1px solid #e8e2d5;padding:clamp(18px,2.6vw,30px);margin-top:16px;animation:mcfOpen .3s ease}.mcf__panel[hidden]{display:none}@keyframes mcfOpen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.mcf__h{margin:0 0 6px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.mcf__sub,.mcf__tip{margin:0 0 14px;font-size:13px;line-height:1.6;color:#6b7791}.mcf__tip{margin:10px 0 0}.mcf__sv{--h:214;position:relative;height:clamp(150px,14vw,200px);border-radius:8px;cursor:crosshair;touch-action:none;outline:none;background:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,hsl(var(--h) 100% 50%))}.mcf__sv:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #1a2849}.mcf__knob{position:absolute;width:22px;height:22px;border-radius:50%;border:3px solid #fff;box-shadow:0 1px 4px #0006;transform:translate(-50%,-50%);pointer-events:none}.mcf__hue{-webkit-appearance:none;appearance:none;width:100%;height:14px;border-radius:999px;margin:14px 0;cursor:pointer;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.mcf__hue::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid rgba(26,40,73,.3);box-shadow:0 1px 4px #0000004d}.mcf__hue::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid rgba(26,40,73,.3)}.mcf__row{display:flex;gap:10px}.mcf__hex{flex:1;display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;border:1px solid #e8e2d5;border-radius:999px}.mcf__dot{width:24px;height:24px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #1a284926}.mcf__hex input{border:0;outline:none;font:inherit;font-size:14px;letter-spacing:.04em;color:#1a2849;width:100%;min-width:0;text-transform:uppercase;background:none;box-shadow:none}.mcf__eye{width:44px;height:44px;border:1px solid #e8e2d5;border-radius:12px;background:#fff;cursor:pointer;display:grid;place-items:center;color:#1a2849}.mcf__from{margin-top:18px;padding-top:16px;border-top:1px solid #e8e2d5}.mcf__fromrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.mcf__upload{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:1px solid #1a2849;font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.mcf__upload:hover{background:#1a2849;color:#fff}.mcf__select{flex:1 1 180px;height:40px;border:1px solid #e8e2d5;background:#fff;font:inherit;font-size:13px;color:#1a2849;padding:0 10px}.mcf__photo{position:relative;margin-top:12px;background:#f9f4ed}.mcf__photo canvas{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;cursor:crosshair}.mcf__pin{position:absolute;width:24px;height:24px;border-radius:50%;border:3px solid #fff;box-shadow:0 1px 5px #00000073;transform:translate(-50%,-50%);pointer-events:none}.mcf__clear{position:absolute;top:8px;right:8px;background:#fffffff2;border:1px solid #e8e2d5;border-radius:999px;padding:6px 12px;font:inherit;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#1a2849;cursor:pointer}.mcf__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 12px}.mcf__chip{display:flex;flex-direction:column;text-decoration:none;color:#1a2849;min-width:0}.mcf__sw{display:block;position:relative;aspect-ratio:1/1;overflow:hidden;background:#fff;border-radius:3px;box-shadow:inset 0 0 0 1px #1a284914}.mcf__sw img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.mcf__sw--card img{transform:scale(1.55)}.mcf__sw--skein img{object-position:64% 50%;transform:scale(2.6)}.mcf__sw--other img{object-fit:contain}.mcf__chip:hover .mcf__sw--card img{transform:scale(1.7)}.mcf__c{margin-top:7px;font-size:10px;letter-spacing:.12em;color:#6b7791}.mcf__n{font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcf__more{margin-top:18px;background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 3px;font:inherit;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#1a2849;cursor:pointer}@media(max-width:749px){.mcf__panel{grid-template-columns:1fr}.mcf__toggle{font-size:12px}.mcf__grid{gap:12px 9px}}@media(prefers-reduced-motion:reduce){.mcf__panel{animation:none}}.mcf--grid .mcf__res{display:none}.mcf--grid .mcf__panel{grid-template-columns:1fr}.mcf--grid .mcf__sub{margin-bottom:12px}.mcf-gridbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.mcf-gridbar__chip{display:inline-flex;align-items:center;gap:10px;background:#ebf1f7;border:1px solid #a7bbcd;border-radius:999px;padding:5px 5px 5px 8px;font-size:13px;letter-spacing:.04em}.mcf-gridbar__chip i{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px #1a284926}.mcf-gridbar__chip button{width:24px;height:24px;border-radius:50%;border:0;background:#fff;cursor:pointer;font-size:16px;line-height:1;color:#1a2849}.mcf--grid .mcf__toggle{border:0;border-radius:0;background:none;padding:4px 0;gap:12px;font-size:13.5px;color:#1a2849}.mcf--grid .mcf__toggle:hover{background:none}.mcf--grid .mcf__toggle strong{font-weight:400;border-bottom:1px solid currentColor;padding-bottom:1px}.mcf--grid .mcf__toggle-dot{width:34px;height:12px;border-radius:2px;background:linear-gradient(90deg,#1a2849 0 20%,#a7bbcd 20% 40%,#e7a9b4 40% 60%,#f2d16b 60% 80%,#7fae7a 80%)}.mcf--grid .mcf__panel{background:#f9f4ed;border:0;padding:24px 28px;margin-top:14px}.mcf--grid .mcf__h{font-family:var(--mjd-display,"MJD Display",Georgia,serif);font-weight:200;font-size:24px;letter-spacing:0;text-transform:none;margin:0 0 4px;line-height:1.1}.mcf--grid .mcf__sub{font-size:12.5px;margin:0}.mcf--grid .mcf__ctl{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"sv h from" "sv sub from" "sv hue from" "sv row from";gap:8px 36px;align-items:start}.mcf--grid .mcf__ctl>.mcf__h{grid-area:h}.mcf--grid .mcf__ctl>.mcf__sub{grid-area:sub}.mcf--grid .mcf__sv{grid-area:sv;height:170px;border-radius:2px}.mcf--grid .mcf__hue{grid-area:hue;height:8px;margin:14px 0 10px}.mcf--grid .mcf__hue::-webkit-slider-thumb{width:18px;height:18px}.mcf--grid .mcf__hex{border-radius:0;height:42px;background:#fff}.mcf--grid .mcf__eye{border-radius:0;height:42px;width:42px}.mcf--grid .mcf__from{grid-area:from;grid-row:auto;margin:0;padding:0 0 0 36px;border:0;border-left:1px solid #e8e2d5}.mcf--grid .mcf__fromrow{margin-top:12px}.mcf--grid .mcf__select{background:#fff}.mcf--grid .mcf__photo canvas{max-height:220px}@media(max-width:1000px){.mcf--grid .mcf__ctl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"sv h" "sv sub" "sv hue" "sv row" "from from"}.mcf--grid .mcf__from{padding:18px 0 0;border-left:0;border-top:1px solid #e8e2d5;margin-top:10px}}@media(max-width:640px){.mcf--grid .mcf__panel{padding:18px 16px}.mcf--grid .mcf__ctl{grid-template-columns:1fr;grid-template-areas:"h" "sub" "sv" "hue" "row" "from"}.mcf--grid .mcf__sv{height:150px;margin-top:8px}}@media(min-width:1001px){.mcf--grid .mcf__ctl{grid-template-rows:auto auto auto 1fr}.mcf--grid .mcf__row{align-self:start}}.mcf__ctl>*,.mcf__from>*{min-width:0}.mcf__from{min-width:0}.mcf__search{position:relative;display:flex;align-items:center;gap:8px;width:100%;max-width:100%;height:42px;margin-top:12px;padding:0 12px;background:#fff;border:1px solid #e8e2d5;color:#6b7791}.mcf__search:focus-within{border-color:#1a2849}.mcf__search input{flex:1;min-width:0;border:0;outline:none;background:none;box-shadow:none;font:inherit;font-size:13.5px;color:#1a2849;padding:0}.mcf__cres{position:absolute;left:-1px;right:-1px;top:100%;z-index:30;list-style:none;margin:0;padding:6px;background:#fff;border:1px solid #e8e2d5;box-shadow:0 12px 28px -12px #1a284959;max-height:300px;overflow-y:auto}.mcf__cres li{display:flex;align-items:center;gap:10px;padding:6px;cursor:pointer;font-size:13px;color:#1a2849}.mcf__cres li:hover,.mcf__cres li.is-active{background:#f9f4ed}.mcf__cres img{width:36px;height:36px;object-fit:cover;flex:none;background:#f9f4ed}.mcf__cres .mcf__cres-none{cursor:default;color:#6b7791}.mcf__note{grid-column:1/-1;margin:16px 0 0;padding-top:12px;border-top:1px solid #e8e2d5;font-size:12px;line-height:1.6;color:#6b7791;font-style:italic;max-width:none}@media(min-width:1001px){.mcf--grid .mcf__ctl{grid-template-columns:minmax(200px,280px) minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;grid-template-areas:"sv mid from" "sv hue from" "sv row from" "sv . from"}.mcf--grid .mcf__mid{grid-area:mid}.mcf--grid .mcf__from{grid-row:1 / -1;align-self:start}}@media(max-width:1000px){.mcf--grid .mcf__ctl{grid-template-areas:"sv mid" "sv hue" "sv row" "from from"}.mcf--grid .mcf__mid{grid-area:mid}}@media(max-width:640px){.mcf--grid .mcf__ctl{grid-template-areas:"mid" "sv" "hue" "row" "from"}}.mcf__pin{width:16px;height:16px;border-width:2px}.mcf__see{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:13px 18px;background:var(--mjd-navy,#1d2556);color:#fff;border:1px solid var(--mjd-navy,#1d2556);font:inherit;font-size:11px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.mcf__see:hover{background:#fff;color:var(--mjd-navy,#1d2556)}.mcf__wall{min-width:0;overflow-x:auto;overscroll-behavior-x:contain;margin-top:12px;padding-bottom:6px;scrollbar-width:thin}.mcf__wallin{display:flex;gap:4px;width:max-content;background:#ebf1f7;padding:12px 12px 4px;border-radius:4px}.mcf__wcol{display:flex;flex-direction:column;gap:4px;width:22px;position:relative}.mcf__wgap{width:10px;flex:none}.mcf__skein{width:22px;height:46px;padding:0;border:0;border-radius:6px;cursor:pointer;position:relative;flex:none;background-image:linear-gradient(90deg,#0000001f,#ffffff24 45%,#0000001a),repeating-linear-gradient(100deg,#ffffff29 0 2px,#0000000d 2px 4px);box-shadow:inset 0 0 0 1px #00000012;transition:transform .12s}.mcf__skein:after{content:"";position:absolute;left:-1px;right:-1px;top:47%;height:7%;background:#fdfbf6;opacity:.75;border-radius:1px}.mcf__skein:hover{transform:translateY(-2px)}.mcf__skein.is-on{box-shadow:0 0 0 2px #fff,0 0 0 4px #1a2849;transform:translateY(-2px);z-index:1}.mcf__skein:focus-visible{outline:2px solid #1a2849;outline-offset:2px}.mcf__wlab{display:block;height:22px;padding-top:6px;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#6b7791;white-space:nowrap}.mcf__row{flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;margin-top:12px}.mcf__picked{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;color:#1a2849;min-width:0}.mcf__picked .mcf__dot{width:26px;height:26px}.mcf__code{font-size:12.5px;color:#6b7791}.mcf__code summary{cursor:pointer;list-style:none;border-bottom:1px solid currentColor;display:inline-block;padding-bottom:1px}.mcf__code summary::-webkit-details-marker{display:none}.mcf__code[open] summary{margin-bottom:8px}.mcf__codein{display:flex;gap:8px}.mcf__codein .mcf__hex{height:40px;min-width:150px;background:#fff}.mcf__codein .mcf__eye{height:40px;width:40px}.mcf--grid .mcf__ctl,.mcf--grid .mcf__ctl[class]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:none;grid-template-areas:"mid mid" "wall wall" "row from" "see from";gap:8px 36px;align-items:start}.mcf--grid .mcf__mid{grid-area:mid}.mcf--grid .mcf__wall{grid-area:wall}.mcf--grid .mcf__row{grid-area:row}.mcf--grid .mcf__see{grid-area:see;margin-top:6px}.mcf--grid .mcf__from,.mcf--grid .mcf__from[class]{grid-area:from;grid-row:auto;margin:12px 0 0;padding:0 0 0 36px;border:0;border-left:1px solid #e8e2d5}@media(max-width:749px){.mcf--grid .mcf__ctl,.mcf--grid .mcf__ctl[class]{grid-template-columns:1fr;grid-template-areas:"mid" "wall" "row" "see" "from"}.mcf--grid .mcf__from,.mcf--grid .mcf__from[class]{padding:18px 0 0;border-left:0;border-top:1px solid #e8e2d5;margin-top:10px}.mcf__skein{width:20px;height:42px}.mcf__wcol{width:20px}}@media(min-width:750px){.mcf--grid .mcf__ctl,.mcf--grid .mcf__ctl[class]{grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"mid mid" "wall wall" "row from" "see from" ". from"}.mcf--grid .mcf__see{align-self:start}}@media(min-width:750px){.mcf--grid .mcf__from,.mcf--grid .mcf__from[class]{grid-area:3 / 2 / 6 / 3}}.mcf__wallin{gap:6px;padding:14px 14px 4px;border-radius:4px;background-color:#eef1f4;background-image:radial-gradient(circle,rgba(26,40,73,.13) 1.3px,transparent 1.6px);background-size:14px 14px;background-position:3px 3px}.mcf__wcol{gap:10px;width:24px}.mcf .mcf__skein{width:24px;height:84px;background:none;box-shadow:none;border-radius:0;overflow:visible;display:block}.mcf .mcf__skein:before{content:"";position:absolute;left:50%;top:0;width:5px;height:9px;margin-left:-2.5px;border-radius:3px 3px 2px 2px;background:#fff;box-shadow:0 1px 1px #1a284940;z-index:2}.mcf .mcf__skein:after{content:"";position:absolute;left:50%;bottom:0;top:auto;width:14px;height:16px;margin-left:-7px;background:#fff;border:1px solid #c9d4e2;border-top:2px solid #1a2849;border-radius:1px;opacity:1;right:auto;box-shadow:0 1px 1px #1a28491f}.mcf__yarn{position:absolute;left:2px;right:2px;top:5px;height:62px;background-color:var(--c);background-image:linear-gradient(90deg,#00000047,#0000 30%,#ffffff38 48%,#0000 68%,#0000004d),repeating-linear-gradient(-58deg,#ffffff4d 0 1.5px,#fff0 1.5px 3.5px,#0003 3.5px 4.5px,#0000 4.5px 6px);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 60'%3E%3Cpath d='M7.6 0.0 L6.2 1.0 L4.6 2.0 L3.3 3.0 L2.7 4.0 L2.8 5.0 L3.4 6.0 L4.1 7.0 L4.2 8.0 L3.5 9.0 L2.3 10.0 L1.1 11.0 L0.6 12.0 L0.9 13.0 L1.9 14.0 L3.1 15.0 L4.1 16.0 L4.2 17.0 L3.5 18.0 L2.3 19.0 L1.1 20.0 L0.6 21.0 L0.9 22.0 L1.9 23.0 L3.1 24.0 L4.1 25.0 L4.2 26.0 L3.5 27.0 L2.3 28.0 L1.1 29.0 L0.6 30.0 L0.9 31.0 L1.9 32.0 L3.1 33.0 L4.1 34.0 L4.2 35.0 L3.5 36.0 L2.3 37.0 L1.1 38.0 L0.6 39.0 L0.9 40.0 L1.9 41.0 L3.1 42.0 L4.1 43.0 L4.2 44.0 L3.5 45.0 L2.3 46.0 L1.1 47.0 L0.6 48.0 L0.9 49.0 L1.9 50.0 L3.1 51.0 L4.1 52.0 L4.2 53.0 L3.5 54.0 L2.3 55.0 L1.1 56.0 L1.5 57.0 L2.8 58.0 L4.6 59.0 L6.5 60.0 L13.0 60.0 L14.0 59.0 L15.6 58.0 L17.5 57.0 L19.3 56.0 L19.4 55.0 L18.7 54.0 L17.5 53.0 L16.3 52.0 L15.8 51.0 L16.1 50.0 L17.1 49.0 L18.3 48.0 L19.3 47.0 L19.4 46.0 L18.7 45.0 L17.5 44.0 L16.3 43.0 L15.8 42.0 L16.1 41.0 L17.1 40.0 L18.3 39.0 L19.3 38.0 L19.4 37.0 L18.7 36.0 L17.5 35.0 L16.3 34.0 L15.8 33.0 L16.1 32.0 L17.1 31.0 L18.3 30.0 L19.3 29.0 L19.4 28.0 L18.7 27.0 L17.5 26.0 L16.3 25.0 L15.8 24.0 L16.1 23.0 L17.1 22.0 L18.3 21.0 L19.3 20.0 L19.4 19.0 L18.7 18.0 L17.5 17.0 L16.3 16.0 L15.8 15.0 L16.1 14.0 L17.1 13.0 L18.3 12.0 L19.3 11.0 L19.4 10.0 L18.7 9.0 L17.5 8.0 L16.3 7.0 L15.5 6.0 L15.3 5.0 L15.7 4.0 L15.9 3.0 L15.6 2.0 L14.7 1.0 L13.2 0.0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 60'%3E%3Cpath d='M7.6 0.0 L6.2 1.0 L4.6 2.0 L3.3 3.0 L2.7 4.0 L2.8 5.0 L3.4 6.0 L4.1 7.0 L4.2 8.0 L3.5 9.0 L2.3 10.0 L1.1 11.0 L0.6 12.0 L0.9 13.0 L1.9 14.0 L3.1 15.0 L4.1 16.0 L4.2 17.0 L3.5 18.0 L2.3 19.0 L1.1 20.0 L0.6 21.0 L0.9 22.0 L1.9 23.0 L3.1 24.0 L4.1 25.0 L4.2 26.0 L3.5 27.0 L2.3 28.0 L1.1 29.0 L0.6 30.0 L0.9 31.0 L1.9 32.0 L3.1 33.0 L4.1 34.0 L4.2 35.0 L3.5 36.0 L2.3 37.0 L1.1 38.0 L0.6 39.0 L0.9 40.0 L1.9 41.0 L3.1 42.0 L4.1 43.0 L4.2 44.0 L3.5 45.0 L2.3 46.0 L1.1 47.0 L0.6 48.0 L0.9 49.0 L1.9 50.0 L3.1 51.0 L4.1 52.0 L4.2 53.0 L3.5 54.0 L2.3 55.0 L1.1 56.0 L1.5 57.0 L2.8 58.0 L4.6 59.0 L6.5 60.0 L13.0 60.0 L14.0 59.0 L15.6 58.0 L17.5 57.0 L19.3 56.0 L19.4 55.0 L18.7 54.0 L17.5 53.0 L16.3 52.0 L15.8 51.0 L16.1 50.0 L17.1 49.0 L18.3 48.0 L19.3 47.0 L19.4 46.0 L18.7 45.0 L17.5 44.0 L16.3 43.0 L15.8 42.0 L16.1 41.0 L17.1 40.0 L18.3 39.0 L19.3 38.0 L19.4 37.0 L18.7 36.0 L17.5 35.0 L16.3 34.0 L15.8 33.0 L16.1 32.0 L17.1 31.0 L18.3 30.0 L19.3 29.0 L19.4 28.0 L18.7 27.0 L17.5 26.0 L16.3 25.0 L15.8 24.0 L16.1 23.0 L17.1 22.0 L18.3 21.0 L19.3 20.0 L19.4 19.0 L18.7 18.0 L17.5 17.0 L16.3 16.0 L15.8 15.0 L16.1 14.0 L17.1 13.0 L18.3 12.0 L19.3 11.0 L19.4 10.0 L18.7 9.0 L17.5 8.0 L16.3 7.0 L15.5 6.0 L15.3 5.0 L15.7 4.0 L15.9 3.0 L15.6 2.0 L14.7 1.0 L13.2 0.0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}.mcf .mcf__skein:hover{transform:translateY(-2px)}.mcf .mcf__skein.is-on{transform:translateY(-3px);box-shadow:none}.mcf .mcf__skein.is-on:after{background:#1a2849;border-color:#1a2849}.mcf .mcf__skein.is-on .mcf__yarn{filter:brightness(1.05)}.mcf__skein.is-on:before{background:#1a2849}@media(max-width:749px){.mcf .mcf__skein{width:22px;height:80px}.mcf__wcol{width:22px}}.mcf__yarn{background-image:linear-gradient(90deg,#00000038,#0000 28%,#ffffff2e 46%,#0000 66%,#0000003d),repeating-linear-gradient(-55deg,#ffffff29 0 2.5px,#fff0 2.5px 5px,#0000001a 5px 6.5px,#0000 6.5px 9px),repeating-linear-gradient(35deg,#ffffff12 0 1px,#0000 1px 2.5px)}.mcf .mcf__skein:before,.mcf .mcf__skein:after,.mcf .mcf__skein.is-on:before,.mcf .mcf__skein.is-on:after{display:none}.mcf .mcf__skein{height:66px}.mcf__yarn{top:2px}.mcf .mcf__skein.is-on{outline:2px solid #1a2849;outline-offset:3px;border-radius:8px}@media(max-width:749px){.mcf .mcf__skein{height:62px}}.mcf__wallin{background-image:none}.mcf .mcf__skein{height:80px}.mcf__yarn{top:1px;height:76px;left:1px;right:1px;background-color:var(--c);background-image:linear-gradient(90deg,#00000024,#0000 30% 70%,#00000029),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 76' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='0.35' y2='0'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='.30'/%3E%3Cstop offset='.45' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='.72' stop-color='%23fff' stop-opacity='.26'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.08'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='9.3' cy='7.0' rx='6.3' ry='4.9' transform='rotate%28-34 9.3 7.0%29' fill='url%28%23g%29' stroke='%23000' stroke-opacity='.10' stroke-width='.35'/%3E%3Cellipse cx='10.7' cy='14.6' rx='6.3' ry='4.9' transform='rotate%28-34 10.7 14.6%29' fill='url%28%23g%29' stroke='%23000' stroke-opacity='.10' stroke-width='.35'/%3E%3Cellipse cx='9.3' cy='22.2' rx='6.3' ry='4.9' transform='rotate%28-34 9.3 22.2%29' fill='url%28%23g%29' stroke='%23000' stroke-opacity='.10' stroke-width='.35'/%3E%3Cellipse cx='10.7' cy='29.8' rx='6.3' ry='4.9' transform='rotate%28-34 10.7 29.8%29' fill='url%28%23g%29' stroke='%23000' stroke-opacity='.10' stroke-width='.35'/%3E%3Cellipse cx='9.3' cy='37.4' rx='6.3' ry='4.9' transform='rotate%28-34 9.3 37.4%29' fill='url%28%23g%29' stroke='%23000' stroke-opacity='.10' stroke-width='.35'/%3E%3Cellipse cx='10.7' cy='45.0' rx='6.3' ry='4.9' transform='rotate%28-34 10.7 45.0%29' fill='url%28%23g%29' stroke='%23000' stroke-opacity='.10' stroke-width='.35'/%3E%3Cellipse cx='9.3' cy='52.6' rx='6.3' ry='4.9' transform='rotate%28-34 9.3 52.6%29' fill='url%28%23g%29' stroke='%23000' stroke-opacity='.10' stroke-width='.35'/%3E%3Cellipse cx='10.7' cy='60.2' rx='6.3' ry='4.9' transform='rotate%28-34 10.7 60.2%29' fill='url%28%23g%29' stroke='%23000' stroke-opacity='.10' stroke-width='.35'/%3E%3Cellipse cx='9.3' cy='67.8' rx='6.3' ry='4.9' transform='rotate%28-34 9.3 67.8%29' fill='url%28%23g%29' stroke='%23000' stroke-opacity='.10' stroke-width='.35'/%3E%3C/svg%3E");background-size:100% 100%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 76'%3E%3Cellipse cx='9.3' cy='7.0' rx='6.3' ry='4.9' transform='rotate%28-34 9.3 7.0%29' fill='%23000' /%3E%3Cellipse cx='10.7' cy='14.6' rx='6.3' ry='4.9' transform='rotate%28-34 10.7 14.6%29' fill='%23000' /%3E%3Cellipse cx='9.3' cy='22.2' rx='6.3' ry='4.9' transform='rotate%28-34 9.3 22.2%29' fill='%23000' /%3E%3Cellipse cx='10.7' cy='29.8' rx='6.3' ry='4.9' transform='rotate%28-34 10.7 29.8%29' fill='%23000' /%3E%3Cellipse cx='9.3' cy='37.4' rx='6.3' ry='4.9' transform='rotate%28-34 9.3 37.4%29' fill='%23000' /%3E%3Cellipse cx='10.7' cy='45.0' rx='6.3' ry='4.9' transform='rotate%28-34 10.7 45.0%29' fill='%23000' /%3E%3Cellipse cx='9.3' cy='52.6' rx='6.3' ry='4.9' transform='rotate%28-34 9.3 52.6%29' fill='%23000' /%3E%3Cellipse cx='10.7' cy='60.2' rx='6.3' ry='4.9' transform='rotate%28-34 10.7 60.2%29' fill='%23000' /%3E%3Cellipse cx='9.3' cy='67.8' rx='6.3' ry='4.9' transform='rotate%28-34 9.3 67.8%29' fill='%23000' /%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 76'%3E%3Cellipse cx='9.3' cy='7.0' rx='6.3' ry='4.9' transform='rotate%28-34 9.3 7.0%29' fill='%23000' /%3E%3Cellipse cx='10.7' cy='14.6' rx='6.3' ry='4.9' transform='rotate%28-34 10.7 14.6%29' fill='%23000' /%3E%3Cellipse cx='9.3' cy='22.2' rx='6.3' ry='4.9' transform='rotate%28-34 9.3 22.2%29' fill='%23000' /%3E%3Cellipse cx='10.7' cy='29.8' rx='6.3' ry='4.9' transform='rotate%28-34 10.7 29.8%29' fill='%23000' /%3E%3Cellipse cx='9.3' cy='37.4' rx='6.3' ry='4.9' transform='rotate%28-34 9.3 37.4%29' fill='%23000' /%3E%3Cellipse cx='10.7' cy='45.0' rx='6.3' ry='4.9' transform='rotate%28-34 10.7 45.0%29' fill='%23000' /%3E%3Cellipse cx='9.3' cy='52.6' rx='6.3' ry='4.9' transform='rotate%28-34 9.3 52.6%29' fill='%23000' /%3E%3Cellipse cx='10.7' cy='60.2' rx='6.3' ry='4.9' transform='rotate%28-34 10.7 60.2%29' fill='%23000' /%3E%3Cellipse cx='9.3' cy='67.8' rx='6.3' ry='4.9' transform='rotate%28-34 9.3 67.8%29' fill='%23000' /%3E%3C/svg%3E") center/100% 100% no-repeat}@media(max-width:749px){.mcf .mcf__skein{height:76px}.mcf__yarn{height:72px}}.mcf__wcol{width:28px}.mcf .mcf__skein{width:28px;height:84px}.mcf__yarn{left:0;right:0;top:1px;height:82px;background-image:linear-gradient(90deg,#0000001f,#0000 30% 70%,#00000024),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 80' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='0.25' y2='0'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='.24'/%3E%3Cstop offset='.4' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='.7' stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.05'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='11.2' cy='7.5' rx='10.2' ry='4.6' transform='rotate%28-30 11.2 7.5%29' fill='url%28%23g%29' stroke='%23000' stroke-opacity='.08' stroke-width='.35'/%3E%3Cellipse cx='12.8' cy='13.9' rx='10.2' ry='4.6' transform='rotate%28-30 12.8 13.9%29' fill='url%28%23g%29' stroke='%23000' stroke-opacity='.08' stroke-width='.35'/%3E%3Cellipse cx='11.2' cy='20.3' rx='10.2' ry='4.6' transform='rotate%28-30 11.2 20.3%29' fill='url%28%23g%29' stroke='%23000' stroke-opacity='.08' stroke-width='.35'/%3E%3Cellipse cx='12.8' cy='26.7' rx='10.2' ry='4.6' transform='rotate%28-30 12.8 26.7%29' fill='url%28%23g%29' stroke='%23000' stroke-opacity='.08' stroke-width='.35'/%3E%3Cellipse cx='11.2' cy='33.1' rx='10.2' ry='4.6' transform='rotate%28-30 11.2 33.1%29' fill='url%28%23g%29' stroke='%23000' stroke-opacity='.08' stroke-width='.35'/%3E%3Cellipse cx='12.8' cy='39.5' rx='10.2' ry='4.6' transform='rotate%28-30 12.8 39.5%29' fill='url%28%23g%29' stroke='%23000' stroke-opacity='.08' stroke-width='.35'/%3E%3Cellipse cx='11.2' cy='45.9' rx='10.2' ry='4.6' transform='rotate%28-30 11.2 45.9%29' fill='url%28%23g%29' stroke='%23000' stroke-opacity='.08' stroke-width='.35'/%3E%3Cellipse cx='12.8' cy='52.3' rx='10.2' ry='4.6' transform='rotate%28-30 12.8 52.3%29' fill='url%28%23g%29' stroke='%23000' stroke-opacity='.08' stroke-width='.35'/%3E%3Cellipse cx='11.2' cy='58.7' rx='10.2' ry='4.6' transform='rotate%28-30 11.2 58.7%29' fill='url%28%23g%29' stroke='%23000' stroke-opacity='.08' stroke-width='.35'/%3E%3Cellipse cx='12.8' cy='65.1' rx='10.2' ry='4.6' transform='rotate%28-30 12.8 65.1%29' fill='url%28%23g%29' stroke='%23000' stroke-opacity='.08' stroke-width='.35'/%3E%3Cellipse cx='11.2' cy='71.5' rx='10.2' ry='4.6' transform='rotate%28-30 11.2 71.5%29' fill='url%28%23g%29' stroke='%23000' stroke-opacity='.08' stroke-width='.35'/%3E%3C/svg%3E");-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 80'%3E%3Cellipse cx='11.2' cy='7.5' rx='10.2' ry='4.6' transform='rotate%28-30 11.2 7.5%29' fill='%23000' /%3E%3Cellipse cx='12.8' cy='13.9' rx='10.2' ry='4.6' transform='rotate%28-30 12.8 13.9%29' fill='%23000' /%3E%3Cellipse cx='11.2' cy='20.3' rx='10.2' ry='4.6' transform='rotate%28-30 11.2 20.3%29' fill='%23000' /%3E%3Cellipse cx='12.8' cy='26.7' rx='10.2' ry='4.6' transform='rotate%28-30 12.8 26.7%29' fill='%23000' /%3E%3Cellipse cx='11.2' cy='33.1' rx='10.2' ry='4.6' transform='rotate%28-30 11.2 33.1%29' fill='%23000' /%3E%3Cellipse cx='12.8' cy='39.5' rx='10.2' ry='4.6' transform='rotate%28-30 12.8 39.5%29' fill='%23000' /%3E%3Cellipse cx='11.2' cy='45.9' rx='10.2' ry='4.6' transform='rotate%28-30 11.2 45.9%29' fill='%23000' /%3E%3Cellipse cx='12.8' cy='52.3' rx='10.2' ry='4.6' transform='rotate%28-30 12.8 52.3%29' fill='%23000' /%3E%3Cellipse cx='11.2' cy='58.7' rx='10.2' ry='4.6' transform='rotate%28-30 11.2 58.7%29' fill='%23000' /%3E%3Cellipse cx='12.8' cy='65.1' rx='10.2' ry='4.6' transform='rotate%28-30 12.8 65.1%29' fill='%23000' /%3E%3Cellipse cx='11.2' cy='71.5' rx='10.2' ry='4.6' transform='rotate%28-30 11.2 71.5%29' fill='%23000' /%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 80'%3E%3Cellipse cx='11.2' cy='7.5' rx='10.2' ry='4.6' transform='rotate%28-30 11.2 7.5%29' fill='%23000' /%3E%3Cellipse cx='12.8' cy='13.9' rx='10.2' ry='4.6' transform='rotate%28-30 12.8 13.9%29' fill='%23000' /%3E%3Cellipse cx='11.2' cy='20.3' rx='10.2' ry='4.6' transform='rotate%28-30 11.2 20.3%29' fill='%23000' /%3E%3Cellipse cx='12.8' cy='26.7' rx='10.2' ry='4.6' transform='rotate%28-30 12.8 26.7%29' fill='%23000' /%3E%3Cellipse cx='11.2' cy='33.1' rx='10.2' ry='4.6' transform='rotate%28-30 11.2 33.1%29' fill='%23000' /%3E%3Cellipse cx='12.8' cy='39.5' rx='10.2' ry='4.6' transform='rotate%28-30 12.8 39.5%29' fill='%23000' /%3E%3Cellipse cx='11.2' cy='45.9' rx='10.2' ry='4.6' transform='rotate%28-30 11.2 45.9%29' fill='%23000' /%3E%3Cellipse cx='12.8' cy='52.3' rx='10.2' ry='4.6' transform='rotate%28-30 12.8 52.3%29' fill='%23000' /%3E%3Cellipse cx='11.2' cy='58.7' rx='10.2' ry='4.6' transform='rotate%28-30 11.2 58.7%29' fill='%23000' /%3E%3Cellipse cx='12.8' cy='65.1' rx='10.2' ry='4.6' transform='rotate%28-30 12.8 65.1%29' fill='%23000' /%3E%3Cellipse cx='11.2' cy='71.5' rx='10.2' ry='4.6' transform='rotate%28-30 11.2 71.5%29' fill='%23000' /%3E%3C/svg%3E") center/100% 100% no-repeat}@media(max-width:749px){.mcf__wcol{width:26px}.mcf .mcf__skein{width:26px;height:80px}.mcf__yarn{height:78px}}.mcf__wallin{gap:7px;background-color:#eef1f4}.mcf__wcol{width:34px;gap:10px}.mcf__card{position:relative;width:34px;height:46px;padding:0;border:0;cursor:pointer;background:none;flex:none;transition:transform .12s;filter:drop-shadow(0 1px 1.2px rgba(26,40,73,.22))}.mcf__card:before{content:"";position:absolute;left:0;right:0;top:0;height:13px;border-radius:5px 5px 1.5px 1.5px;background:radial-gradient(circle at 50% 50%,#eef1f4 0 3.4px,#1a28491f 3.5px 3.9px,#fff 4.1px)}.mcf__card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;border-radius:1.5px 1.5px 5px 5px;background:#fff}.mcf__thr{position:absolute;left:2.5px;right:2.5px;top:13px;bottom:8px;z-index:1;background-color:var(--c);background-image:linear-gradient(180deg,#00000029 0 .8px,#0000 2.2px calc(100% - 2.2px),#00000029 calc(100% - .8px)),linear-gradient(90deg,#0000001a 0 1px,#0000 1px calc(100% - 1px),#0000001a calc(100% - 1px)),repeating-linear-gradient(-4deg,#ffffff38 0 .7px,#0000 .7px 1.1px,#0000001f 1.1px 1.7px)}.mcf__card:hover{transform:translateY(-2px)}.mcf__card.is-on{transform:translateY(-3px);outline:2px solid #1a2849;outline-offset:3px;border-radius:6px}.mcf__card:focus-visible{outline:2px solid #1a2849;outline-offset:3px;border-radius:6px}@media(max-width:749px){.mcf__wcol{width:30px}.mcf__card{width:30px;height:42px}.mcf__card:before{height:12px}.mcf__thr{top:12px}}.mcf__wcol{gap:8px}.mcf__wcol{gap:7px}.mcf--grid .mcf__ctl,.mcf--grid .mcf__ctl[class]{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:none;grid-template-areas:"mid mid" "row see" "wall wall" "from from";gap:10px 24px;align-items:center}.mcf--grid .mcf__ctl .mcf__from[class]{grid-area:from;margin:18px 0 0;padding:18px 0 0;border-left:0;border-top:1px solid #e8e2d5}.mcf--grid .mcf__row{margin-top:4px;justify-content:flex-start;gap:8px 22px}.mcf--grid .mcf__see{width:auto;margin:4px 0 0;padding:13px 26px;align-self:center}.mcf__see:disabled{opacity:.35;cursor:default}.mcf__see:disabled:hover{background:var(--mjd-navy,#1d2556);color:#fff}.mcf__see.is-go{animation:mcfGo .9s ease 2}@keyframes mcfGo{0%,to{box-shadow:0 0 #1d255673}50%{box-shadow:0 0 0 8px #1d255600}}.mcf--grid .mcf__ctl .mcf__from[class] .mcf__photo canvas{max-height:280px}@media(max-width:749px){.mcf--grid .mcf__ctl,.mcf--grid .mcf__ctl[class]{grid-template-columns:1fr;grid-template-areas:"mid" "row" "see" "wall" "from"}.mcf--grid .mcf__see{width:100%}}@media(prefers-reduced-motion:reduce){.mcf__see.is-go{animation:none}}.mcf__float{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e8e2d5;border-radius:999px;padding:7px 7px 7px 10px;box-shadow:0 10px 28px -10px #1a284973;animation:mcfFloat .25s ease;max-width:calc(100vw - 32px)}.mcf__float[hidden]{display:none}.mcf__float .mcf__dot{width:26px;height:26px}.mcf__float-t{font-size:13px;letter-spacing:.06em;color:#1a2849;white-space:nowrap}.mcf__float button{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:var(--mjd-navy,#1d2556);color:#fff;padding:11px 18px;font:inherit;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;white-space:nowrap}@keyframes mcfFloat{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.mcf__float{animation:none}}.mcf__float{font-family:"Poppins-Regular",var(--font-body-family),sans-serif}.mcf--grid .mcf__ctl,.mcf--grid .mcf__ctl[class]{grid-template-columns:1fr;grid-template-areas:"mid" "see" "wall" "from"}.mcf--grid .mcf__row{display:none}.mcf--grid .mcf__see{justify-self:center;width:auto;min-width:min(320px,100%);margin:6px 0 4px;border-radius:0;transition:background-color .2s,color .2s,border-color .2s}.mcf__see.is-picked,.mcf__float button.is-picked{background:var(--pick);border-color:#1a28492e;color:var(--pick-ink)}.mcf__see.is-picked:hover{background:var(--pick);color:var(--pick-ink);filter:brightness(.95)}.mcf__float .mcf__dot,.mcf__float-t{display:none}.mcf__float{padding:6px}.mcf__float button.is-picked{box-shadow:inset 0 0 0 1px #1a284926}@media(max-width:749px){.mcf--grid .mcf__see{width:100%}}@media(max-width:899px){.mcf__float{bottom:calc(92px + env(safe-area-inset-bottom,0px))}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/mjd-color-finder.css.map */