.qb-strip{--ed-ink: #1A1A1A;--ed-paper: #F4F1EB;--ed-paper-2: #EFEBE3;--ed-stone: #8C8884;--ed-stone-2: #B8B4AE;--ed-hair: rgba(26,26,26,.1);--ed-hair-strong:rgba(26,26,26,.22);--ed-ember: #C5572C;position:relative;background:var(--ed-paper);color:var(--ed-ink);border-top:1px solid var(--ed-hair);border-bottom:1px solid var(--ed-hair);overflow:hidden;scroll-margin-top:calc(var(--topbar-h, 36px) + var(--nav-h, 68px) + 12px);max-height:0;transition:max-height .55s cubic-bezier(.2,.65,.25,1);will-change:max-height}.qb-strip[hidden]{display:block!important;max-height:0;visibility:hidden;pointer-events:none}.qb-strip.qb-open{max-height:1200px;visibility:visible;pointer-events:auto}@media(max-width:760px){.qb-strip.qb-open{max-height:1500px}}.qb-wrap{max-width:1200px;margin:0 auto;padding:36px 32px 28px;display:flex;flex-direction:column;gap:22px;position:relative}@media(max-width:760px){.qb-wrap{padding:24px 18px 20px;gap:16px}}.qb-stage{min-height:180px;position:relative}.qb-step[hidden]{display:none!important}.qb-strip .field-head{display:flex;align-items:baseline;justify-content:flex-start;margin-bottom:18px}.qb-strip .qb-step-title{margin:0;padding:0;font-family:var(--display, "Fraunces", serif);font-weight:400;font-size:34px;line-height:1.1;letter-spacing:0;text-transform:none;color:var(--ed-ink);text-align:left}.qb-strip .qb-step-title em{font-style:italic;color:var(--ed-ember);font-weight:inherit;margin-left:.18em}.qb-strip .colourways{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:transparent;border:0;padding:6px 0 0}@media(max-width:760px){.qb-strip .colourways{gap:10px}}.qb-strip .cway{background:transparent;border:0;outline:0;padding:14px 4px 18px;display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px;cursor:pointer;position:relative;box-shadow:none;transition:background .18s ease,box-shadow .18s ease,border-color .18s ease,transform .2s ease;border-radius:0;font:inherit;color:inherit;text-align:center;width:100%}.qb-strip .cway .ball{width:68px!important;height:68px!important;border-radius:50%!important;border:1px solid var(--ed-hair-strong);box-shadow:inset 0 0 0 4px var(--ed-paper);transition:transform .25s ease,box-shadow .25s ease;display:block}.qb-strip .cway>div{text-align:center}.qb-strip .cway .name{font-family:var(--display, "Fraunces", serif);font-weight:400;font-size:17px;text-transform:none;letter-spacing:0;color:var(--ed-ink);line-height:1.2}.qb-strip .cway .sub{margin-top:4px;font-family:var(--mono, ui-monospace, monospace);font-size:10px;letter-spacing:.22em;color:var(--ed-stone-2);font-weight:400;text-transform:uppercase}.qb-strip .cway:hover .ball{transform:scale(1.04)}.qb-strip .cway .ball.ball--photo{background-color:transparent;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:0 1px 2px #1a14100f;border:1px solid var(--ed-hair-strong)}.qb-strip .cway:hover .ball.ball--photo{box-shadow:0 4px 14px #1a14101a}.qb-strip .ropes{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px;background:transparent;border:0;padding:6px 0 0}.qb-strip .rope{background:transparent;border:0;outline:0;padding:14px 4px 18px;display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px;position:relative;cursor:pointer;box-shadow:none;border-radius:0;transition:background .18s ease,box-shadow .18s ease,border-color .18s ease,transform .2s ease;font:inherit;color:inherit;text-align:center;width:100%}.qb-strip .rope .braid{width:96px!important;height:14px!important;border-radius:7px!important;border:1px solid var(--ed-hair-strong);background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.06) 0 3px,transparent 3px 6px)!important;display:block}.qb-strip .rope.natural .braid{background-color:#e9dec6!important}.qb-strip .rope.charcoal .braid{background-color:#2a2724!important;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 3px,transparent 3px 6px)!important}.qb-strip .rope>div{text-align:center!important}.qb-strip .rope>div .display{font-family:var(--display, "Fraunces", serif)!important;font-weight:400!important;font-size:17px!important;text-transform:none!important;color:var(--ed-ink)!important;text-align:center!important;line-height:1.2!important}.qb-strip .rope>div .mono{font-family:var(--mono, ui-monospace, monospace)!important;font-size:10px!important;letter-spacing:.22em!important;color:var(--ed-stone-2)!important;text-align:center!important;margin-top:4px!important;padding-left:.22em!important;text-transform:uppercase}.qb-strip .rope:hover .braid{transform:scale(1.04)}.qb-strip .cway.active,.qb-strip .rope.active,.qb-strip button.cway.active,.qb-strip button.rope.active{background:#2d1f121f;border:1px solid transparent;box-shadow:inset 0 0 0 1px #fff6,inset 0 4px 10px #2d1f1238,0 0 0 4px #2d1f120d;border-radius:0;outline:none}.qb-strip .cway.active .ball.ball--photo{box-shadow:0 0 0 1px var(--ed-ink),0 4px 14px #1a14101f}.qb-strip .cway.active:after,.qb-strip .rope.active:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:4px;width:24px;height:1px;background:var(--ed-ember)}.qb-strip .cway:not(.active):hover,.qb-strip .rope:not(.active):hover{background:#2d1f120a}.qb-strip .cway,.qb-strip .rope{position:relative}.qb-strip .oos-pill{position:absolute;top:4px;left:6px;right:6px;z-index:3;background:#2d1f12d1;color:#f6efe2;font-family:var(--mono, ui-monospace, monospace);font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:3px 6px 2px;border-radius:999px;line-height:1.15;pointer-events:none;box-shadow:0 1px 3px #2d1f1240;text-align:center;white-space:normal;word-break:keep-all}@media(min-width:760px){.qb-strip .oos-pill{font-size:10px;letter-spacing:.1em;padding:4px 9px 3px}}.qb-strip .cway.is-oos,.qb-strip .rope.is-oos{opacity:.82;filter:grayscale(.25);cursor:pointer}.qb-strip .cway.is-oos:hover,.qb-strip .rope.is-oos:hover{opacity:1;filter:grayscale(0)}.qb-strip .field--personalisation{background:transparent;border-left:0}.qb-strip .field--personalisation .field-tagline{margin:0 0 22px;font-family:var(--display, "Fraunces", serif);font-style:italic;font-size:15px;line-height:1.45;color:var(--ed-ink);max-width:38ch}.qb-strip .coin-typer{display:flex;align-items:center;gap:28px;flex-wrap:wrap}@media(max-width:760px){.qb-strip .coin-typer{gap:18px}}.qb-strip .qb-step .field-head{justify-content:center}.qb-strip .qb-step .qb-step-title,.qb-strip [data-qb-step=coin]{text-align:center}.qb-strip [data-qb-step=coin] .field-tagline{margin-left:auto;margin-right:auto}.qb-strip [data-qb-step=coin] .coin-typer{justify-content:center}.qb-strip .coin-preview{position:relative;width:134px;height:134px;border-radius:50%;background:transparent;overflow:hidden;flex:0 0 auto;border:1px solid var(--ed-hair);box-shadow:inset 0 0 0 1px #1a1a1a05;transition:border-color .4s ease,box-shadow .5s ease}@media(max-width:760px){.qb-strip .coin-preview{width:121px;height:121px;border-radius:50%!important;overflow:hidden!important;background:transparent!important;aspect-ratio:1 / 1!important;-webkit-mask-image:radial-gradient(circle at center,#000 92%,transparent 96%);mask-image:radial-gradient(circle at center,#000 92%,transparent 96%);clip-path:circle(48% at 50% 50%)}.qb-strip .coin-preview .coin-input-bg{border-radius:0!important;background:transparent!important}}.qb-strip .coin-preview-ghost{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono, ui-monospace, monospace);font-size:18px;letter-spacing:.2em;color:var(--ed-stone-2);pointer-events:none;transition:opacity .35s ease}.qb-strip .field--personalisation:has(.coin-input-bg:not(.faded)) .coin-preview-ghost{opacity:0}.qb-strip .coin-preview .coin-input-bg.faded{opacity:0!important}.qb-strip .coin-preview .coin-input-bg{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;transition:opacity .22s cubic-bezier(.4,0,.6,1),transform .48s cubic-bezier(.22,.61,.36,1),filter .22s cubic-bezier(.4,0,.6,1);will-change:opacity,transform,filter;transform-origin:50% 55%}.qb-strip .coin-preview .coin-input-bg.is-revealing:not(.is-swapping):not(.is-entering){animation:qbCoinReveal .55s cubic-bezier(.2,.7,.2,1) both}.qb-strip .coin-preview .coin-input-bg.is-swapping{opacity:0!important;filter:blur(5px) saturate(.85)!important;transform:scale(.965)!important}.qb-strip .coin-preview .coin-input-bg.is-entering{opacity:0!important;filter:blur(3px) saturate(.92)!important;transform:scale(1.035)!important;transition:none!important}.qb-strip .coin-preview .coin-input-bg.is-entering.is-settled{opacity:1!important;filter:none!important;transform:scale(1)!important;transition:opacity .42s cubic-bezier(.22,.61,.36,1),transform .52s cubic-bezier(.22,.61,.36,1),filter .42s cubic-bezier(.22,.61,.36,1)!important}.qb-strip .coin-preview:after{content:"";position:absolute;left:-40%;top:50%;width:40%;height:2px;margin-top:-1px;background:linear-gradient(90deg,transparent 0%,rgba(197,87,44,0) 10%,rgba(197,87,44,.7) 50%,rgba(197,87,44,0) 90%,transparent 100%);filter:blur(.4px);opacity:0;pointer-events:none;z-index:6;transform:translate(0);transition:opacity .12s linear}.qb-strip .coin-preview.is-coin-swapping:after,.qb-strip .coin-preview.is-coin-entering:after{opacity:1;animation:qbCoinSweep .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes qbCoinSweep{0%{transform:translate(0);opacity:0}18%{opacity:1}85%{opacity:1}to{transform:translate(350%);opacity:0}}.qb-strip .coin-preview.is-coin-swapping,.qb-strip .coin-preview.is-coin-entering:not(.is-coin-settled){border-color:var(--ed-hair-strong)!important;box-shadow:inset 0 0 0 1px #1a1a1a0d,0 6px 14px -10px #1a14102e!important}.qb-strip .coin-preview:before{content:"";position:absolute;top:-50%;left:-120%;width:80%;height:200%;background:linear-gradient(90deg,#fff0d200 0% 35%,#fff0d247 50%,#fff0d200 65% 100%);filter:blur(3px);opacity:0;pointer-events:none;z-index:4;transform:translate(0) rotate(22deg);transform-origin:50% 50%;mix-blend-mode:screen}.qb-strip .field--personalisation:has(.coin-input-bg:not(.faded)) .coin-preview:before{animation:qbCoinGlintDrift 6s cubic-bezier(.45,.05,.55,.95) infinite}.qb-strip .coin-preview.is-coin-swapping:before,.qb-strip .coin-preview.is-coin-entering:before{animation:none!important;opacity:0!important}@keyframes qbCoinGlintDrift{0%{opacity:0;transform:translate(0) rotate(22deg)}15%{opacity:.55;transform:translate(80%) rotate(22deg)}50%{opacity:.55;transform:translate(180%) rotate(22deg)}70%{opacity:0;transform:translate(280%) rotate(22deg)}to{opacity:0;transform:translate(280%) rotate(22deg)}}.qb-strip .field--personalisation:has(.coin-input-bg:not(.faded)) .coin-preview{border-color:var(--ed-hair-strong);box-shadow:inset 0 0 0 1px #1a1a1a0a,0 6px 18px -10px #1a141038}@keyframes qbCoinReveal{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.qb-strip .coin-pickside{flex:1;min-width:220px;display:flex;flex-direction:column;gap:10px}.qb-strip .coin-pick-label{font-family:var(--mono, ui-monospace, monospace);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ed-stone)}.qb-strip .coin-select-wrap{position:relative;max-width:none;background:transparent;border:0;border-radius:0;transition:background .18s ease,box-shadow .18s ease}.qb-strip .coin-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;background:transparent;border:0;border-bottom:1px solid var(--ed-hair-strong);border-radius:0;padding:10px 32px 10px 0;font-family:var(--display, "Fraunces", serif);font-size:17px;color:var(--ed-ink);text-transform:none;cursor:pointer;outline:none;text-align:center;text-align-last:center}.qb-strip .coin-select:hover,.qb-strip .coin-select:focus{border-bottom-color:var(--ed-ink);box-shadow:none}.qb-strip .coin-select option{text-align:center}.qb-strip .coin-select-caret{position:absolute;right:4px;top:50%;transform:translateY(-50%);color:var(--ed-stone);pointer-events:none}.qb-strip .coin-hint{font-family:var(--display, "Fraunces", serif);font-style:italic;font-size:13px;color:var(--ed-stone);margin-top:2px}.qb-strip .coin-select-wrap.is-personalised{background:#2d1f120f;border:1px solid transparent;box-shadow:inset 0 0 0 1px #fff6,inset 0 4px 10px #2d1f121f;border-radius:0;padding:0 12px}.qb-actions{display:flex;align-items:center;gap:12px;border-top:1px dashed var(--ed-hair);padding-top:16px;margin-top:6px}.qb-back{background:transparent;border:0;color:var(--ed-stone);font-family:var(--mono, ui-monospace, monospace);font-size:11px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;padding:8px 4px;transition:color .2s ease}.qb-back:hover{color:var(--ed-ink)}.qb-back[hidden]{display:none!important}.qb-summary{display:flex;gap:8px;flex:1 1 auto;flex-wrap:wrap}.qb-summary-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono, ui-monospace, monospace);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ed-ink);background:#1a14100d;padding:5px 10px;border-radius:4px;line-height:1;border:0;cursor:pointer;transition:background .2s ease,color .2s ease,transform .15s ease}.qb-summary-pill:hover{background:#1a14101f;color:var(--ed-ember, var(--ed-ink))}.qb-summary-pill:focus-visible{outline:2px solid var(--ed-ember, #c45a2c);outline-offset:2px}.qb-summary-pill:active{transform:translateY(1px)}.qb-summary-pill[hidden]{display:none!important}.qb-build{background:var(--ed-ember);color:#fff;border:0;font-family:var(--display, "Oswald", sans-serif);font-weight:600;font-size:17px;letter-spacing:.12em;text-transform:uppercase;padding:14px 26px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .12s ease,opacity .2s ease,background .25s ease,box-shadow .25s ease;box-shadow:0 8px 24px #c5572c47}.qb-build:hover{transform:translateY(-1px);background:#9a4220;box-shadow:0 10px 28px #c5572c59}.qb-build:active{transform:translateY(0)}.qb-build[disabled]{opacity:.35;cursor:not-allowed;background:var(--ed-ink);box-shadow:none}.qb-build-arrow{font-size:17px}.qb-building{position:absolute;top:0;right:0;bottom:0;left:0;background:#f4f1ebf0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;gap:14px;z-index:20;opacity:0;transition:opacity .25s ease}.qb-building[hidden]{display:none!important}.qb-building.is-visible{opacity:1}.qb-building-label{font-family:var(--mono, ui-monospace, monospace);font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--ed-ink)}.qb-spinner{width:22px;height:22px;border:2px solid rgba(26,20,16,.15);border-top-color:var(--ed-ember);border-radius:50%;animation:qbSpin .8s linear infinite}@keyframes qbSpin{to{transform:rotate(360deg)}}@media(max-width:760px){.qb-strip .cway{padding:12px 2px 16px;gap:10px}.qb-strip .cway .ball{width:56px!important;height:56px!important}.qb-strip .cway .name{font-size:15px}.qb-strip .cway .sub{font-size:9px;letter-spacing:.18em}.qb-strip .rope{padding:12px 2px 16px;gap:10px}.qb-strip .rope .braid{width:78px!important;height:12px!important}.qb-strip .rope>div .display{font-size:15px!important}.qb-strip .rope>div .mono{font-size:9px!important;letter-spacing:.18em!important}.qb-strip .field-head{margin-bottom:12px}.qb-strip .qb-step-title{font-size:24px}.qb-strip .field--personalisation .field-tagline{font-size:14px;margin-bottom:16px}.qb-actions{flex-wrap:wrap;gap:10px;padding-top:12px}.qb-build{font-size:15px;padding:13px 22px;width:100%;justify-content:center;order:2}.qb-summary{order:3;width:100%}.qb-back{order:1}}@media(prefers-reduced-motion:reduce){.qb-strip,.qb-strip .cway,.qb-strip .rope,.qb-strip .cway .ball,.qb-strip .rope .braid,.qb-strip .coin-preview,.qb-strip .coin-preview-ghost,.qb-strip .coin-preview .coin-input-bg{transition:none}.qb-strip .coin-preview .coin-input-bg.is-revealing{animation:none}.qb-strip .coin-preview .coin-input-bg.is-swapping,.qb-strip .coin-preview .coin-input-bg.is-entering,.qb-strip .coin-preview .coin-input-bg.is-entering.is-settled{transition:opacity .25s linear!important;filter:none!important;transform:none!important}.qb-strip .coin-preview .coin-input-bg.is-swapping,.qb-strip .coin-preview .coin-input-bg.is-entering{opacity:0!important}.qb-strip .coin-preview .coin-input-bg.is-entering.is-settled{opacity:1!important}.qb-strip .coin-preview:after{display:none!important}.qb-strip .coin-preview:before{animation:none!important;opacity:0!important}.qb-spinner{animation:none;border-top-color:var(--ed-ember)}.qb-building{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/quick-build.css.map */