html.mf-nd-locked,html.mf-nd-locked body{overflow:hidden}#MFNeedleDrawer{--mf-nd-teal: #64ccc9;--mf-nd-pink: #ef4a81;--mf-nd-ground: #1f1f1f;--mf-nd-panel: #252525;--mf-nd-card: #2a2a2a;--mf-nd-control: #333333;--mf-nd-rule: #3a3a3a;--mf-nd-dim: rgba(255, 255, 255, .62);--mf-nd-width: 460px;position:fixed;top:0;right:0;left:0;z-index:2147483000;display:none;height:100vh;height:100dvh}#MFNeedleDrawer[data-open]{display:block}#MFNeedleDrawer *{box-sizing:border-box}.mf-nd__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000009e;opacity:0;transition:opacity .28s ease}#MFNeedleDrawer[data-shown] .mf-nd__scrim{opacity:1}.mf-nd__panel{position:absolute;top:0;right:0;height:100%;display:flex;width:min(100%,var(--mf-nd-width));flex-direction:column;background:var(--mf-nd-ground);color:#fff;font-family:var(--font-stack-body, var(--font-body-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif));transform:translate(100%);transition:transform .32s cubic-bezier(.32,.72,0,1)}#MFNeedleDrawer[data-shown] .mf-nd__panel{transform:none}#MFNeedleDrawer[data-under] .mf-nd__scrim{opacity:0}#MFNeedleDrawer[data-under] .mf-nd__panel{transform:translate(-14px) scale(.985);transform-origin:right center;pointer-events:none}@media(prefers-reduced-motion:reduce){.mf-nd__scrim,.mf-nd__panel{transition:none}#MFNeedleDrawer[data-under] .mf-nd__panel{transform:none}}.mf-nd__head{display:flex;flex:0 0 auto;align-items:flex-start;gap:12px;padding:18px 16px 14px 20px;border-bottom:1px solid var(--mf-nd-rule)}.mf-nd__eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:var(--mf-nd-teal);font-size:11px;font-weight:700;letter-spacing:.14em;line-height:1;text-transform:uppercase}.mf-nd__eyebrow:empty{display:none}.mf-nd__code{padding:4px 7px 3px;border:1px solid var(--mf-nd-teal);border-radius:4px;font-size:10px;letter-spacing:.1em}.mf-nd__title{margin:0;font-family:var(--font-stack-headings, var(--font-heading-family, inherit));font-size:22px;font-weight:900;letter-spacing:-.01em;line-height:1.05;text-transform:uppercase}.mf-nd__close{flex:0 0 auto;width:40px;height:40px;margin:-6px -6px 0 auto;padding:0;border:0;background:none;color:#fff;cursor:pointer;line-height:0}.mf-nd__close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}.mf-nd__close:hover{color:var(--mf-nd-teal)}.mf-nd__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mf-nd__hero{display:flex;align-items:flex-start;gap:16px;padding:16px 20px 14px}.mf-nd__shot{display:flex;width:104px;height:104px;flex:0 0 auto;align-items:center;justify-content:center;padding:8px;border:1px solid var(--mf-nd-rule);border-radius:14px;background:var(--mf-nd-card)}.mf-nd__shot img{display:block;max-width:100%;max-height:100%;object-fit:contain}.mf-nd__pricing{display:block;min-width:0;padding-top:4px}.mf-nd__price{display:flex;align-items:baseline;gap:6px;font-family:var(--font-stack-headings, var(--font-heading-family, inherit));font-size:28px;font-weight:900;line-height:1}.mf-nd__currency{color:var(--mf-nd-dim);font-size:11px;font-weight:700;letter-spacing:.1em}.mf-nd__unit{display:block;margin:8px 0 0;color:var(--mf-nd-dim);font-size:12px;letter-spacing:.04em;line-height:1.35}.mf-nd__unit[hidden]{display:none}.mf-nd__full{display:inline-flex;align-items:center;gap:7px;margin:10px 0 0;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.28);color:#ffffffe0;font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-decoration:none;text-transform:uppercase;transition:color .18s ease,border-color .18s ease}.mf-nd__full[hidden]{display:none}.mf-nd__full:after{content:"\2192";color:var(--mf-nd-teal)}.mf-nd__full:hover{border-bottom-color:var(--mf-nd-teal);color:var(--mf-nd-teal)}.mf-nd__clear{display:block;max-width:30ch;margin:10px 0 0;color:var(--mf-nd-teal);font-size:11px;font-weight:800;letter-spacing:.1em;line-height:1.45;text-transform:uppercase}.mf-nd__clear[hidden]{display:none}.mf-nd__group{padding:4px 20px 18px}.mf-nd__group[hidden]{display:none}.mf-nd__group--split{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:flex-start}.mf-nd__control{flex:1 1 150px;min-width:0}.mf-nd__label{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.mf-nd__label-hint{color:var(--mf-nd-dim);font-size:10px;font-weight:400;letter-spacing:.06em;text-transform:none}.mf-nd__chips{display:flex;flex-wrap:wrap;gap:8px}.mf-nd__chips--taper{margin-bottom:12px}.mf-nd__chips--taper[hidden],.mf-nd__chips[hidden]{display:none}.mf-nd__chip{position:relative;min-width:52px;min-height:46px;padding:6px 12px;border:1px solid var(--mf-nd-rule);border-radius:10px;background:var(--mf-nd-card);color:#fff;cursor:pointer;font:inherit;font-size:15px;font-weight:700;letter-spacing:.02em;line-height:1;text-transform:none;transition:border-color .18s ease,background .18s ease,color .18s ease}.mf-nd__chip:hover:not([disabled]){border-color:var(--mf-nd-teal)}.mf-nd__chip[aria-pressed=true]{border-color:var(--mf-nd-teal);background:var(--mf-nd-teal);color:#101010}.mf-nd__chip[disabled]{border-color:#333;background:#232323;color:#ffffff80;cursor:not-allowed;overflow:hidden}.mf-nd__chip[disabled]:after{position:absolute;top:50%;right:8px;left:8px;height:1.5px;border-radius:2px;background:#ffffff80;content:"";transform:rotate(-14deg)}.mf-nd__fixed{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin:0;padding:11px 14px;border:1px dashed var(--mf-nd-rule);border-radius:10px;background:var(--mf-nd-panel)}.mf-nd__fixed[hidden]{display:none}.mf-nd__fixed b{color:#fff;font-size:17px;font-weight:900;letter-spacing:.02em}.mf-nd__fixed i{color:var(--mf-nd-teal);font-size:13px;font-style:normal;font-weight:700;letter-spacing:.04em}.mf-nd__fixed-note{flex:1 0 100%;color:var(--mf-nd-dim);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.mf-nd__note{margin:10px 0 0;color:var(--mf-nd-dim);font-size:11px;letter-spacing:.04em}.mf-nd__note--loose{margin:-6px 20px 16px}.mf-nd__note[hidden]{display:none}.mf-nd__ref{flex:0 1 auto;padding:10px 12px 8px;border:1px solid var(--mf-nd-rule);border-radius:12px;background:var(--mf-nd-panel);pointer-events:none}.mf-nd__ref-label{margin:0 0 8px;color:var(--mf-nd-dim);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.mf-nd__dots{display:flex;align-items:flex-end;gap:12px}.mf-nd__dot-cell{display:flex;flex-direction:column;align-items:center;gap:6px}.mf-nd__dot-slot{display:flex;height:30px;align-items:center;justify-content:center}.mf-nd__dot{display:block;border-radius:50%;background:#ffffff6b;transition:background .18s ease,box-shadow .18s ease}.mf-nd__dot-label{color:var(--mf-nd-dim);font-size:10px;font-weight:700;letter-spacing:.06em}.mf-nd__dot-cell.is-active .mf-nd__dot{background:var(--mf-nd-teal);box-shadow:0 0 0 3px #64ccc92e}.mf-nd__dot-cell.is-active .mf-nd__dot-label{color:var(--mf-nd-teal)}.mf-nd__tapers{display:grid;gap:6px;grid-template-columns:1fr;pointer-events:none}.mf-nd__taper{display:grid;align-items:center;gap:10px;grid-template-columns:30px 1fr 46px;padding:7px 12px;border:1px solid transparent;border-radius:10px;background:var(--mf-nd-panel);transition:border-color .18s ease,background .18s ease}.mf-nd__taper-key{order:-1;color:#ffffffc7;font-size:12px;font-weight:900;letter-spacing:.06em}.mf-nd__taper-art{display:block;width:100%;height:22px}.mf-nd__taper-shape{fill:#ffffff85;transition:fill .18s ease}.mf-nd__taper-mark{stroke:var(--mf-nd-teal);stroke-opacity:.8;stroke-dasharray:3 2;stroke-linecap:round;stroke-width:1.8;transition:stroke-opacity .18s ease}.mf-nd__taper-mm{color:#ffffffc7;font-size:11px;font-weight:700;letter-spacing:.04em;text-align:right}.mf-nd__taper.is-active{border-color:#64ccc98c;background:#64ccc917}.mf-nd__taper.is-active .mf-nd__taper-shape{fill:var(--mf-nd-teal)}.mf-nd__taper.is-active .mf-nd__taper-mark{stroke:var(--mf-nd-ground);stroke-opacity:1}.mf-nd__taper.is-active .mf-nd__taper-key,.mf-nd__taper.is-active .mf-nd__taper-mm{color:var(--mf-nd-teal)}.mf-nd__config{display:flex;align-items:baseline;gap:10px;margin:0 20px 18px;padding:11px 14px;border:1px solid var(--mf-nd-rule);border-radius:10px;background:var(--mf-nd-panel);font-size:12px;letter-spacing:.04em}.mf-nd__config span{color:var(--mf-nd-dim);font-weight:700;text-transform:uppercase}.mf-nd__config b{font-weight:700}.mf-nd__proof{margin:0 20px 18px;padding:14px 0 0;border-top:1px solid var(--mf-nd-rule)}.mf-nd__proof-list{display:grid;margin:0;padding:0;gap:9px;list-style:none}.mf-nd__proof-list li{display:grid;align-items:start;gap:9px;grid-template-columns:14px 1fr;color:#ffffffdb;font-size:11.5px;font-weight:700;letter-spacing:.07em;line-height:1.35;text-transform:uppercase}.mf-nd__tick{width:14px;height:14px;margin-top:1px;fill:none;stroke:var(--mf-nd-teal);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}.mf-nd__foot{display:flex;flex:0 0 auto;align-items:flex-end;gap:10px;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--mf-nd-rule);background:var(--mf-nd-ground)}.mf-nd__qty-field{display:flex;flex:0 0 auto;flex-direction:column;gap:5px}.mf-nd__qty-label{padding-left:2px;color:var(--mf-nd-dim);font-size:10px;font-weight:800;letter-spacing:.16em;line-height:1;text-transform:uppercase}.mf-nd__qty{display:flex;overflow:hidden;height:54px;flex:0 0 auto;align-items:stretch;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:var(--mf-nd-control)}.mf-nd__qty:focus-within{border-color:var(--mf-nd-teal)}.mf-nd__qty button{width:42px;padding:0;border:0;background:none;color:#fff;cursor:pointer;font:inherit;font-size:18px;line-height:1}.mf-nd__qty button:hover:not([disabled]){color:var(--mf-nd-teal)}.mf-nd__qty button[disabled]{color:#ffffff6b;cursor:not-allowed}.mf-nd__qty button:focus-visible,.mf-nd__qty input:focus-visible{outline:2px solid var(--mf-nd-teal);outline-offset:-3px}.mf-nd__qty input{width:40px;padding:0;border:0;background:none;color:#fff;font:inherit;font-size:16px;font-weight:700;line-height:1;text-align:center;-moz-appearance:textfield}.mf-nd__qty input::-webkit-outer-spin-button,.mf-nd__qty input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.mf-nd__add.mf-nd__add{display:flex;min-height:54px;flex:1 1 auto;align-items:center;justify-content:center;padding:0 18px;border:0;border-radius:999px;background:var(--mf-nd-pink);color:#fff;cursor:pointer;font-family:var(--font-stack-headings, var(--font-heading-family, inherit));font-size:14px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;transition:background .18s ease,color .18s ease}.mf-nd__add.mf-nd__add:hover:not([disabled]){background:var(--mf-nd-teal);color:#101010}.mf-nd__add.mf-nd__add[disabled]{background:var(--mf-nd-card);color:#ffffff73;cursor:not-allowed}.mf-nd__state{padding:40px 20px;color:var(--mf-nd-dim);font-size:12px;letter-spacing:.08em;text-align:center;text-transform:uppercase}.mf-nd__state[hidden]{display:none}.mf-nd__live{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);white-space:nowrap}@media screen and (max-width:520px){.mf-nd__group--split{gap:12px}.mf-nd__control,.mf-nd__ref{flex:1 1 100%}.mf-nd__dots{justify-content:space-between;gap:8px}}@media screen and (max-width:480px){.mf-nd__head{padding:15px 12px 12px 16px}.mf-nd__title{font-size:19px}.mf-nd__hero{gap:14px;padding:14px 16px 12px}.mf-nd__shot{width:84px;height:84px;border-radius:12px}.mf-nd__price{font-size:25px}.mf-nd__unit{margin-top:6px;font-size:11px}.mf-nd__full{margin-top:8px;font-size:10px;letter-spacing:.08em}.mf-nd__group{padding:2px 16px 14px}.mf-nd__config,.mf-nd__proof{margin:0 16px 14px}.mf-nd__note--loose{margin:-4px 16px 14px}.mf-nd__foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));gap:12px;box-shadow:0 -12px 26px #00000073}.mf-nd__qty-label{font-size:10px;letter-spacing:.14em}.mf-nd__qty{height:56px}.mf-nd__qty button{width:42px;font-size:20px}.mf-nd__qty input{width:42px}.mf-nd__add.mf-nd__add{min-height:56px;font-size:15px;letter-spacing:.08em}.mf-nd__chip{min-width:48px}.mf-nd__taper{grid-template-columns:26px 1fr 42px;padding:6px 10px;gap:8px}.mf-nd__taper-art{height:20px}#MFNeedleDrawer[data-under] .mf-nd__panel{transform:scale(.99)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/mf-needle-drawer.css.map */