.hb{display:grid;gap:3.2rem;max-width:1152px;margin:0 auto;color:var(--ink, #1e1a15);font-size:1.5rem}@media(min-width:900px){.hb{grid-template-columns:1.05fr 1fr;align-items:start}}.hb__preview{position:relative}@media(min-width:900px){.hb__preview{position:sticky;top:2rem}}.hb__stage{position:relative;aspect-ratio:1 / 1;width:100%;background:var(--cream, #f7f1e3);border:1px solid #d9c8a8;border-radius:1.4rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.hb__hatimg,.hb__canvas{width:100%;height:100%;object-fit:contain;display:block}.hb__canvas[hidden],.hb__stage-empty[hidden]{display:none}.hb__stage-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;color:#1e1a1580;font-size:1.5rem;padding:2rem;text-align:center}.hb__stage-logo{width:clamp(12rem,45%,22rem);height:auto;opacity:.9}.hb__stage-empty-text{margin:0}.hb__summary{display:flex;align-items:baseline;justify-content:space-between;margin-top:2rem;gap:1.2rem}.hb__price-label{font-size:1.3rem;letter-spacing:.18em;text-transform:uppercase;color:#1e1a1599}.hb__price{font-family:var(--font-display);font-size:3rem;font-weight:900;color:var(--rust, #b4471f)}.hb__cta{width:100%;margin-top:1.6rem}.hb__cta:disabled{opacity:.45;cursor:not-allowed}.hb__hint{margin:1.2rem 0 0;font-size:1.35rem;color:#1e1a1599;text-align:center}.hb__steps{display:flex;flex-direction:column;gap:2.8rem}.hb__step-title{display:flex;align-items:center;gap:1rem;font-family:var(--font-display);font-size:1.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--walnut, #3a2a1c);margin:0 0 1.4rem}.hb__step-n{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--rust, #b4471f);color:var(--cream, #f7f1e3);font-size:1.5rem;flex:none}.hb__pick-browse{width:100%;display:flex;align-items:center;gap:1rem;padding:1.6rem 1.8rem;background:#fff;border:2px dashed #d9c8a8;border-radius:1.2rem;cursor:pointer;font:inherit;font-size:1.6rem;font-weight:700;color:var(--walnut, #3a2a1c);transition:border-color .12s ease,background .12s ease}.hb__pick-browse:hover{border-color:var(--rust, #b4471f);background:#fffdf8}.hb__pick-browse-ic{font-size:2rem;line-height:1}.hb__pick-arrow{margin-left:auto;color:var(--rust, #b4471f)}.hb__pick-hint{margin:.8rem 0 0;font-size:1.3rem;color:#1e1a158c}.hb__pick-card{width:100%;display:flex;align-items:center;gap:1.4rem;text-align:left;padding:1.2rem;background:#fff;border:2px solid #d9c8a8;border-radius:1.2rem;cursor:pointer;font:inherit;transition:border-color .12s ease}.hb__pick-card:hover{border-color:var(--rust, #b4471f)}.hb__pick-img{width:6.4rem;height:6.4rem;object-fit:contain;border-radius:.8rem;background:#f4ecdb;flex:none}.hb__pick-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.hb__pick-title{font-weight:700;font-size:1.5rem;color:var(--walnut, #3a2a1c)}.hb__pick-variant{font-size:1.3rem;color:#1e1a15b3}.hb__pick-price{font-size:1.3rem;font-weight:600;color:var(--rust, #b4471f)}.hb__pick-change{margin-left:auto;align-self:center;font-size:1.3rem;font-weight:700;color:var(--rust, #b4471f);text-decoration:underline}.hb__browser{width:min(112rem,94vw);max-width:94vw;height:min(86vh,88rem);max-height:90vh;padding:0;border:none;border-radius:1.6rem;overflow:hidden;background:#fbf6ec;color:var(--walnut, #3a2a1c);box-shadow:0 3rem 8rem #0006}.hb__browser::backdrop{background:#140c069e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hb__browser[open]{display:flex;flex-direction:column}.hb__browser-head{display:flex;align-items:center;gap:1.4rem;padding:1.8rem 2rem;border-bottom:1px solid #e7d9bd;background:#fff}.hb__browser-title{margin:0;font-size:1.9rem;font-weight:800;white-space:nowrap}.hb__browser-search{flex:1;min-width:0;padding:1rem 1.3rem;font:inherit;font-size:1.4rem;border:1px solid #d9c8a8;border-radius:.9rem}.hb__browser-close{flex:none;width:4rem;height:4rem;font-size:2.6rem;line-height:1;border:none;background:#f0e6d2;border-radius:.9rem;cursor:pointer;color:var(--walnut, #3a2a1c)}.hb__browser-close:hover{background:#e7d9bd}.hb__browser-filters{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.4rem 2rem;border-bottom:1px solid #e7d9bd}.hb__browser-sel{padding:.8rem 1.1rem;font:inherit;font-size:1.35rem;border:1px solid #d9c8a8;border-radius:.8rem;background:#fff;cursor:pointer}.hb__browser-count{font-size:1.3rem;color:#1e1a1599;margin-left:auto}.hb__browser-clear{padding:.7rem 1.2rem;font:inherit;font-size:1.3rem;font-weight:600;background:none;border:none;color:var(--rust, #b4471f);text-decoration:underline;cursor:pointer}.hb__browser-grid{flex:1;overflow-y:auto;padding:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.6rem;align-content:start}.hb__browser-empty{grid-column:1 / -1;text-align:center;color:#1e1a158c;font-size:1.5rem;padding:4rem 0}.hb__browser-grid[hidden],.hb__browser-filters[hidden],.hb__browser-detail[hidden]{display:none}.hb__card{display:flex;flex-direction:column;gap:.4rem;padding:1rem;text-align:left;background:#fff;border:2px solid #e7d9bd;border-radius:1.2rem;cursor:pointer;font:inherit;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.hb__card:hover{transform:translateY(-3px);box-shadow:0 1.2rem 2.6rem #00000024;border-color:#d9c8a8}.hb__card.is-current{border-color:var(--rust, #b4471f);box-shadow:0 0 0 1px var(--rust, #b4471f)}.hb__card-thumb{position:relative;aspect-ratio:1/1;background:#f4ecdb;border-radius:.8rem;overflow:hidden;margin-bottom:.6rem}.hb__card-thumb img{width:100%;height:100%;object-fit:contain}.hb__card-ribbon{position:absolute;top:.8rem;left:.8rem;background:#1e1a15d1;color:#fff;font-size:1.1rem;font-weight:700;padding:.3rem .7rem;border-radius:.5rem}.hb__card.is-soldout .hb__card-thumb img{opacity:.5}.hb__card-title{font-weight:700;font-size:1.45rem;color:var(--walnut, #3a2a1c)}.hb__card-vendor{font-size:1.2rem;color:#1e1a1599}.hb__card-price{font-size:1.35rem;font-weight:700;color:var(--rust, #b4471f)}.hb__card-colors{font-size:1.15rem;color:#1e1a1580}.hb__browser-detail{flex:1;overflow-y:auto;padding:2rem}.hb__detail-back{background:none;border:none;font:inherit;font-size:1.4rem;font-weight:600;color:var(--rust, #b4471f);cursor:pointer;padding:0 0 1.6rem}.hb__detail-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:2.4rem;align-items:start}.hb__detail-media{aspect-ratio:1/1;background:#f4ecdb;border-radius:1.2rem;overflow:hidden}.hb__detail-media img{width:100%;height:100%;object-fit:contain}.hb__detail-title{margin:0 0 .4rem;font-size:2.2rem;font-weight:800}.hb__detail-meta{margin:0 0 .8rem;font-size:1.4rem;color:#1e1a1599}.hb__detail-price{margin:0 0 1.8rem;font-size:1.7rem;font-weight:800;color:var(--rust, #b4471f)}.hb__detail-clabel{margin:0 0 .8rem;font-size:1.3rem;font-weight:700;color:#1e1a158c}.hb__detail-clabel-t{text-transform:uppercase;letter-spacing:.06em}.hb__detail-cname{color:var(--walnut, #3a2a1c)}.hb__detail-swatches{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.hb__cswatch{padding:.5rem;background:#fff;border:2px solid #d9c8a8;border-radius:.9rem;cursor:pointer;font:inherit;line-height:0}.hb__cswatch-img{width:5.6rem;height:5.6rem;object-fit:cover;border-radius:.5rem;display:block}.hb__cswatch-name{display:inline-block;padding:.5rem .9rem;font-size:1.3rem;line-height:1.2;color:var(--walnut, #3a2a1c)}.hb__cswatch:hover:not(:disabled){border-color:var(--rust, #b4471f)}.hb__cswatch.is-selected{border-color:var(--rust, #b4471f);box-shadow:0 0 0 1px var(--rust, #b4471f)}.hb__cswatch.is-soldout{opacity:.45;cursor:not-allowed}.hb__cswatch.is-soldout.hb__cswatch--img{position:relative}.hb__cswatch.is-soldout.hb__cswatch--img:after{content:"";position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;border-radius:.5rem;background:linear-gradient(to top left,transparent calc(50% - 1px),rgba(30,26,21,.5) 50%,transparent calc(50% + 1px))}.hb__cswatch.is-soldout .hb__cswatch-name{text-decoration:line-through}.hb__detail-use{width:100%}@media(max-width:749px){.hb__browser{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.hb__browser-head{flex-wrap:wrap}.hb__browser-title{flex:1}.hb__browser-search{order:3;flex-basis:100%}.hb__browser-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem;padding:1.4rem}.hb__detail-body{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.hb__card,.hb__pick-browse,.hb__pick-card{transition:none}.hb__card:hover{transform:none}}.hb__materials{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.4rem}.hb__material{padding:.7rem 1.6rem;background:#fff;border:2px solid #d9c8a8;border-radius:.8rem;cursor:pointer;font:inherit;font-size:1.35rem;font-weight:700;color:var(--walnut, #3a2a1c)}.hb__material.is-active{border-color:var(--rust, #b4471f);color:var(--rust, #b4471f);background:#fff8f0}.hb__swatches{display:flex;flex-wrap:wrap;gap:1.6rem}.hb__swatch{display:flex;flex-direction:column;align-items:center;gap:.7rem;width:6rem;padding:0;background:none;border:none;cursor:pointer;font:inherit}.hb__swatch-dot{width:4.6rem;height:4.6rem;border-radius:1.1rem;flex:none;border:1px solid rgba(0,0,0,.12);box-shadow:0 2px 6px #0000002e;transition:transform .12s ease,box-shadow .12s ease}.hb__swatch:hover:not(:disabled) .hb__swatch-dot{transform:translateY(-2px)}.hb__swatch-name{font-size:1.2rem;line-height:1.2;text-align:center;color:#1e1a15b3;max-width:7rem}.hb__swatch.is-selected .hb__swatch-dot{box-shadow:0 0 0 2px #fbf6ec,0 0 0 4px var(--rust, #b4471f),0 2px 6px #0000002e}.hb__swatch.is-selected .hb__swatch-name{color:var(--rust, #b4471f);font-weight:700}.hb__swatch:disabled{opacity:.45;cursor:not-allowed}.hb__swatch:disabled .hb__swatch-name{text-decoration:line-through}.hb__shapes{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:flex-end}.hb__shapes-break{flex-basis:100%;height:0;margin:0}.hb__shape{padding:.9rem 1.8rem;background:#fff;border:2px solid #d9c8a8;border-radius:1rem;cursor:pointer;font:inherit;font-size:1.4rem;font-weight:600;color:var(--walnut, #3a2a1c)}.hb__shape.is-selected{border-color:var(--rust, #b4471f);box-shadow:0 0 0 1px var(--rust, #b4471f)}.hb__shape--tile{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:0;background:none;border:none;box-shadow:none}.hb__shape-vis{display:flex;align-items:center;justify-content:center;padding:.4rem;background:#fff;border:2px solid #d9c8a8;border-radius:1rem;box-shadow:0 2px 6px #0000001f;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.hb__shape-vis canvas{display:block}.hb__shape--tile:hover:not(:disabled) .hb__shape-vis{transform:translateY(-2px)}.hb__shape-name{font-size:1.2rem;line-height:1.2;text-align:center;color:#1e1a15b3}.hb__shape--tile.is-selected{box-shadow:none}.hb__shape--tile.is-selected .hb__shape-vis{border-color:var(--rust, #b4471f);box-shadow:0 0 0 1px var(--rust, #b4471f),0 2px 6px #0000001f}.hb__shape--tile.is-selected .hb__shape-name{color:var(--rust, #b4471f);font-weight:700}.hb__customtext{margin-top:1.2rem;width:100%;max-width:40rem;padding:1rem 1.2rem;font:inherit;font-size:1.4rem;border:1px solid #d9c8a8;border-radius:.8rem}.hb__outline{margin-top:1.8rem}.hb__outline-label{display:block;margin-bottom:.9rem}.hb__outline-opts{display:flex;flex-wrap:wrap;gap:1.2rem}.hb__outline-tile{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:0;background:none;border:none;cursor:pointer;font:inherit}.hb__outline-vis{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#fff;border:2px solid #d9c8a8;border-radius:1rem;box-shadow:0 2px 6px #0000001f;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.hb__outline-chip{position:relative;display:block;width:5.4rem;height:4.2rem;border-radius:.7rem;background:#a9743c}.hb__outline-chip:after{content:"";position:absolute;top:.55rem;right:.55rem;bottom:.55rem;left:.55rem;border-radius:.4rem}.hb__outline-chip--stitched:after{border:2px dashed rgba(245,236,217,.95)}.hb__outline-chip--solid:after{border:2px solid rgba(245,236,217,.95)}.hb__outline-tile:hover .hb__outline-vis{transform:translateY(-2px)}.hb__outline-name{font-size:1.2rem;line-height:1.2;text-align:center;color:#1e1a15b3}.hb__outline-tile.is-active .hb__outline-vis{border-color:var(--rust, #b4471f);box-shadow:0 0 0 1px var(--rust, #b4471f),0 2px 6px #0000001f}.hb__outline-tile.is-active .hb__outline-name{color:var(--rust, #b4471f);font-weight:700}.hb__tabs{display:flex;gap:.8rem;margin-bottom:1.4rem}.hb__tab{padding:.7rem 1.4rem;background:transparent;border:0;border-bottom:2px solid transparent;cursor:pointer;font:inherit;font-size:1.4rem;font-weight:600;color:#1e1a158c}.hb__tab.is-active{color:var(--rust, #b4471f);border-bottom-color:var(--rust, #b4471f)}.hb__upload{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;padding:1.7rem 1.6rem;background:#fff;border:2px dashed #c9b79a;border-radius:1.2rem;cursor:pointer}.hb__upload.is-drag{border-color:var(--rust, #b4471f);background:#fff8f0}.hb__upload-icon{font-size:2.6rem;color:var(--saddle, #a9743c)}.hb__upload-note{font-size:1.2rem;color:#1e1a1580}.hb__logo-thumb{margin-top:1.2rem;max-height:9rem;max-width:100%;object-fit:contain}.hb__bgremove{margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;font-size:1.35rem}.hb__bgremove .hb__opt{gap:.7rem}.hb__bgremove input[type=checkbox]{width:1.7rem;height:1.7rem;accent-color:var(--rust, #b4471f)}.hb__bgremove input[type=range]{width:12rem;accent-color:var(--rust, #b4471f)}.hb__textinput{width:100%;padding:1rem 1.2rem;font:inherit;font-size:1.5rem;border:1px solid #d9c8a8;border-radius:.8rem;resize:vertical}.hb__fonts{margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:.8rem}.hb__font{padding:.7rem 1.4rem;background:#fff;border:2px solid #d9c8a8;border-radius:.8rem;cursor:pointer;font-size:1.7rem;color:var(--walnut, #3a2a1c);line-height:1.1}.hb__font.is-selected{border-color:var(--rust, #b4471f);box-shadow:0 0 0 1px var(--rust, #b4471f)}.hb__fontcustom{margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:1rem 1.6rem;align-items:center}.hb__customfont{flex:1 1 22rem;padding:.9rem 1.2rem;font:inherit;font-size:1.4rem;border:1px solid #d9c8a8;border-radius:.8rem}.hb__fontlink{font-size:1.3rem;color:var(--rust, #b4471f);font-weight:600;text-decoration:none;white-space:nowrap}.hb__fontlink:hover{text-decoration:underline}.hb__arthelp{color:#1e1a1599;font-size:1.35rem;margin:0 0 1.6rem}.hb__artgroup{border:1px solid #e3d6bd;border-radius:1.1rem;padding:1.4rem 1.6rem;margin-bottom:1.2rem}.hb__artgroup-title{font-weight:700;color:var(--walnut, #3a2a1c);font-size:1.45rem;margin-bottom:1.2rem}.hb__artgroup-title span{color:#1e1a1580;font-weight:400}.hb__artgroup-summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}.hb__artgroup-summary::-webkit-details-marker{display:none}.hb__artgroup-summary:after{content:"\2304";font-size:2rem;line-height:1;color:#1e1a1573;transition:transform .15s ease}.hb__artgroup--acc:not([open]) .hb__artgroup-summary{margin-bottom:0}.hb__artgroup[open] .hb__artgroup-summary:after{transform:rotate(180deg)}.hb__artsize{margin-top:1.4rem}.hb__artsize input[type=range]{flex:1;min-width:12rem;max-width:24rem;accent-color:var(--rust, #b4471f)}.hb__textstyle{margin-bottom:1.4rem}.hb__textinput--2{margin-top:.8rem}.hb__straightopts{margin-top:1.4rem;display:flex;flex-direction:column;gap:1.1rem}.hb__designs{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1.2rem}.hb__design{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.8rem;background:#fff;border:2px solid #d9c8a8;border-radius:1rem;cursor:pointer;font:inherit;font-size:1.2rem}.hb__design img{width:100%;aspect-ratio:1/1;object-fit:contain}.hb__design.is-selected{border-color:var(--rust, #b4471f);box-shadow:0 0 0 1px var(--rust, #b4471f)}.hb__empty{color:#1e1a158c;font-size:1.4rem}.hb__opt{display:flex;align-items:center;gap:1rem;font-size:1.35rem}.hb__opt-label{color:#1e1a1599;font-weight:600}.hb__modes{gap:.6rem}.hb__mode{padding:.6rem 1.4rem;background:#fff;border:2px solid #d9c8a8;border-radius:999px;cursor:pointer;font:inherit;font-size:1.3rem;font-weight:600;color:#1e1a1599}.hb__mode.is-active{border-color:var(--rust, #b4471f);color:var(--rust, #b4471f)}.hb__placement{margin-top:1.6rem}.hb__placement[hidden]{display:none}.hb__placement-head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.hb__placement-label{display:block}.hb__placement-row{display:flex;flex-direction:column;align-items:stretch;gap:1.2rem}.hb__posgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;width:100%;max-width:36rem}.hb__poscell{min-width:0;display:flex;align-items:center;justify-content:center;padding:.9rem 1rem;text-align:center;white-space:nowrap;font-size:1.3rem;line-height:1.2;color:var(--ink, #3a2a1a);background:#fff;border:2px solid #d9c8a8;border-radius:.6rem;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.hb__poscell:hover{border-color:var(--saddle, #a9743c)}.hb__poscell.is-selected{border-color:var(--rust, #b4471f);box-shadow:0 0 0 1px var(--rust, #b4471f);background:#fcf3ea;color:var(--rust, #b4471f)}.hb__placement-dims{margin:1rem 0 0;font-size:1.3rem;font-weight:600;color:var(--ink, #3a2a1a)}.hb__placement-dims[hidden]{display:none}.hb__sizes{margin-top:1.6rem;display:flex;flex-direction:column;gap:.8rem}.hb__sizes[hidden]{display:none}.hb__sizes-label{display:block}.hb__sizes-opts{display:flex;flex-wrap:wrap;gap:.8rem}.hb__size{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:8rem;padding:.8rem 1.2rem;text-align:center;background:#fff;border:2px solid #d9c8a8;border-radius:.6rem;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.hb__size:hover{border-color:var(--saddle, #a9743c)}.hb__size.is-selected{border-color:var(--rust, #b4471f);box-shadow:0 0 0 1px var(--rust, #b4471f);background:#fcf3ea}.hb__size.is-locked,.hb__size.is-locked:hover{cursor:default;border-color:var(--rust, #b4471f)}.hb__size-dim{font-size:1.4rem;font-weight:700;line-height:1.15;color:var(--ink, #3a2a1a)}.hb__size-note{font-size:1.1rem;line-height:1.2;color:#7a6a55}.hb__zoombtn{position:absolute;top:1rem;right:1rem;z-index:3;display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.1rem;font-size:1.25rem;font-weight:600;line-height:1;color:var(--ink, #3a2a1a);background:#ffffffeb;border:1px solid #d9c8a8;border-radius:999px;cursor:pointer;box-shadow:0 .3rem .9rem #00000024;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background .12s ease,box-shadow .12s ease,transform .12s ease}.hb__zoombtn:hover{background:#fff;box-shadow:0 .5rem 1.2rem #0003}.hb__zoombtn:active{transform:translateY(1px)}.hb__zoombtn svg{display:block}.hb__zoombtn[hidden]{display:none}.hb__patchmodal{width:min(56rem,92vw);max-width:56rem;max-height:90dvh;padding:0;border:none;border-radius:1.6rem;overflow:hidden;background:transparent;color:var(--ink, #3a2a1a)}.hb__patchmodal::backdrop{background:#140e0999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hb__patchmodal-card{display:flex;flex-direction:column;background:#fffdf9;max-height:90dvh;overflow-y:auto}.hb__patchmodal-close{position:absolute;top:1rem;right:1.2rem;z-index:2;width:3.6rem;height:3.6rem;padding:0;font-size:2.4rem;line-height:1;color:var(--ink, #3a2a1a);background:#ffffffe6;border:1px solid #e3d6bd;border-radius:999px;cursor:pointer}.hb__patchmodal-close:hover{background:#fff}.hb__patchmodal-title{margin:0;padding:1.6rem 2rem .4rem;font-size:1.7rem;font-weight:700}.hb__patchstage{display:flex;align-items:center;justify-content:center;padding:2.4rem;min-height:0;background:radial-gradient(circle at 50% 38%,#fbf7f0,#ece3d4)}.hb__patchcanvas{width:auto;height:auto;max-width:100%;max-height:56dvh;filter:drop-shadow(0 .8rem 1.2rem rgba(0,0,0,.32))}.hb__patchspec{display:flex;flex-wrap:wrap;gap:.6rem 2.4rem;padding:1.4rem 2rem;border-top:1px solid #efe6d4}.hb__patchspec-row{display:flex;align-items:center;gap:.6rem;font-size:1.3rem}.hb__patchspec-k{color:#8a7a62}.hb__patchspec-v{font-weight:600}.hb__patchspec-color{display:inline-flex;align-items:center;gap:.6rem}.hb__patchspec-dot{width:1.4rem;height:1.4rem;border-radius:999px;border:1px solid rgba(0,0,0,.2)}.hb__patchnote{margin:0;padding:0 2rem 1.8rem;font-size:1.15rem;color:#8a7a62}@media(max-width:749px){.hb__patchmodal{width:100vw;max-width:100vw;max-height:92dvh;margin:auto auto 0;border-radius:1.6rem 1.6rem 0 0}.hb__patchmodal-card{border-radius:1.6rem 1.6rem 0 0}.hb__patchcanvas{max-height:46dvh}.hb__zoombtn-tx{display:none}.hb__zoombtn{padding:.8rem}}@media(max-width:749px){.hb.is-wizard .hb__stage{height:30dvh;max-height:30dvh}.hb.is-wizard .hb__placement{margin-top:1rem}.hb.is-wizard .hb__placement-head{margin-bottom:.7rem}.hb__poscell{font-size:1.2rem;padding:.8rem .4rem}}.hb__progress,.hb__wizfoot{display:none}@media(max-width:749px){.hb.is-wizard{gap:0}.hb.is-wizard .hb__preview{position:sticky;top:0;z-index:5;background:#fbf6ec;padding-bottom:1rem;box-shadow:0 .6rem 1.2rem #0000000f}.hb.is-wizard .hb__stage{aspect-ratio:auto;height:36dvh;max-height:36dvh}.hb.is-wizard .hb__summary,.hb.is-wizard .hb__cta,.hb.is-wizard .hb__hint{display:none}.hb.is-wizard .hb__progress{display:flex;align-items:flex-start;justify-content:space-between;margin-top:1.2rem;gap:.4rem}.hb__dot{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;background:none;border:none;padding:0;font:inherit;cursor:default}.hb__dot.is-reachable{cursor:pointer}.hb__dot:before{content:"";position:absolute;top:1.3rem;left:-50%;width:100%;height:2px;background:#e7d9bd;z-index:0}.hb__dot:first-child:before{display:none}.hb__dot-n{position:relative;z-index:1;width:2.6rem;height:2.6rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e7d9bd;color:#1e1a1599;font-size:1.3rem;font-weight:700;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.hb__dot-l{font-size:1.1rem;font-weight:600;color:#1e1a158c}.hb__dot.is-done .hb__dot-n{background:var(--saddle, #a9743c);color:#fff}.hb__dot.is-active .hb__dot-n{background:var(--rust, #b4471f);color:#fff;box-shadow:0 0 0 3px #b4471f2e}.hb__dot.is-active .hb__dot-l{color:var(--rust, #b4471f);font-weight:700}.hb.is-wizard .hb__steps{display:block;padding:1.8rem 0 9rem}.hb.is-wizard .hb__step{display:none}.hb.is-wizard .hb__step.is-activestep{display:block;animation:hbStepIn .2s ease}.hb.is-wizard .hb__wizfoot{display:flex;align-items:center;gap:1.2rem;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:1rem 1.5rem calc(1rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e7d9bd;box-shadow:0 -.4rem 1.4rem #0000001a}.hb__wizprice{font-family:var(--font-display);font-size:2.2rem;font-weight:900;color:var(--rust, #b4471f);white-space:nowrap}.hb__wiznav{margin-left:auto;display:flex;align-items:center;gap:1rem}.hb__wizback{background:none;border:none;padding:.8rem .4rem;font:inherit;font-size:1.5rem;font-weight:700;color:var(--walnut, #3a2a1c);cursor:pointer}.hb__wiznext{min-width:11rem}.hb__wizfoot--last .hb__wiznext{min-width:17rem}.hb__wiznext:disabled{opacity:.45;cursor:not-allowed}@keyframes hbStepIn{0%{opacity:0;transform:translate(1.2rem)}to{opacity:1;transform:none}}}@media(max-width:749px)and (prefers-reduced-motion:reduce){.hb.is-wizard .hb__step.is-activestep{animation:none}}.hb__calib{grid-column:1 / -1;margin:1.2rem auto 0;padding:1rem 1.4rem;background:#2b1d12;color:var(--cream, #f7f1e3);border-radius:.8rem;font-size:1.3rem;display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.hb__calib [data-cv-read]{font-family:monospace;background:#0000004d;padding:.3rem .7rem;border-radius:.4rem;font-size:1.15rem}.hb__calib label{display:inline-flex;align-items:center;gap:.5rem}.hb__calib input[type=range]{width:9rem;accent-color:var(--saddle, #a9743c)}.hb__calib-list{flex-basis:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:.5rem 1.4rem;margin-top:.4rem}.hb__calib-row{display:flex;align-items:center;gap:.7rem;background:#00000047;padding:.4rem .7rem;border-radius:.4rem}.hb__calib-row[hidden]{display:none}.hb__calib-key{font-family:monospace;font-size:1.15rem;color:#e4d3b4;flex:1}.hb__calib-val{font-family:monospace;font-size:1.25rem;min-width:4.5rem;text-align:right}.hb__calib-copy{font-size:1.05rem;padding:.25rem .8rem;background:var(--saddle, #a9743c);color:#fff;border:none;border-radius:.4rem;cursor:pointer}.hb__calib-copy:hover{filter:brightness(1.1)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hat-builder.css.map */