.bdc-design{--bdc-dpanel-w:38rem;display:flex;flex-direction:column;min-height:70vh;background:var(--bdc-cream,#fbf8f1);color:var(--bdc-ink,#111314)}.bdc-design__bar{display:flex;align-items:center;gap:1.6rem;justify-content:space-between;padding:1.2rem 2rem;border-bottom:1px solid var(--bdc-border,#e3ded1);background:var(--bdc-cream,#fbf8f1);position:sticky;top:0;z-index:30}.bdc-design__back{font-size:1.4rem;font-weight:600;text-decoration:none;color:inherit}.bdc-design__crumb{display:flex;align-items:baseline;gap:1.2rem;min-width:0}.bdc-design__prodname{font-size:1.6rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bdc-design__switch{background:none;border:0;padding:0;font:inherit;font-size:1.3rem;color:var(--bdc-green,#0c2b20);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.bdc-design__body{display:grid;grid-template-columns:1fr;gap:0;flex:1 1 auto}@media screen and (min-width:990px){.bdc-design__body{grid-template-columns:1fr var(--bdc-dpanel-w)}}.bdc-design__stage{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.4rem}.bdc-design__views{margin:0}.bdc-canvas{position:relative;width:100%;max-width:56rem;aspect-ratio:4 / 5;background:#fff;border:1px solid var(--bdc-border,#e3ded1);border-radius:16px;overflow:hidden;touch-action:none}.bdc-canvas__garment{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.bdc-canvas__areas{position:absolute;top:0;right:0;bottom:0;left:0}.bdc-area{position:absolute;border:1px dashed rgba(12,43,32,.35);border-radius:4px;cursor:pointer;transition:border-color .15s,background .15s}.bdc-area:hover{border-color:#0c2b20b3;background:#0c2b200a}.bdc-area.is-active{border:1px solid var(--bdc-green,#0c2b20);background:#0c2b200d;box-shadow:0 0 0 1px var(--bdc-green,#0c2b20)}.bdc-area.has-art{border-style:solid}.bdc-area__label{position:absolute;left:0;bottom:calc(100% + 4px);display:flex;gap:.5rem;align-items:baseline;font-size:1rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--bdc-green,#0c2b20);white-space:nowrap;opacity:0;transition:opacity .15s}.bdc-area__label em{font-style:normal;font-weight:500;opacity:.65;letter-spacing:0;text-transform:none}.bdc-area:hover .bdc-area__label,.bdc-area.is-active .bdc-area__label{opacity:1}.bdc-art{position:absolute;display:block;cursor:move;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.bdc-area__badge{position:absolute;right:0;top:calc(100% + 4px);font-size:1rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;background:var(--bdc-green,#0c2b20);color:#fff;white-space:nowrap}.bdc-area__badge.is-warn{background:#a8541b}.bdc-fab{position:absolute;transform:translate(-50%,-50%);width:4.4rem;height:4.4rem;border-radius:50%;border:0;background:var(--bdc-green,#0c2b20);color:#fff;font-size:2.4rem;line-height:1;cursor:pointer;box-shadow:0 6px 18px #0c2b2047;z-index:5}.bdc-fab:hover{transform:translate(-50%,-50%) scale(1.06)}.bdc-fab.is-filled{background:#fff;color:var(--bdc-green,#0c2b20);border:1px solid var(--bdc-green,#0c2b20);opacity:.55}.bdc-fab.is-filled:hover{opacity:1}.bdc-design__stagefoot{width:100%;max-width:56rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.bdc-design__hint{margin:0;font-size:1.3rem;color:var(--bdc-muted,#5b6560);flex:1 1 22rem}.bdc-design__hint.is-warn{color:#a8541b;font-weight:600}.bdc-design__zoom{display:flex;gap:.6rem;flex-wrap:wrap}.bdc-chipbtn{border:1px solid var(--bdc-border,#e3ded1);background:#fff;border-radius:999px;padding:.5rem 1.2rem;font:inherit;font-size:1.25rem;font-weight:600;cursor:pointer;color:inherit}.bdc-chipbtn:hover{background:var(--bdc-panel,#f2ede1)}.bdc-chipbtn--danger{color:#a8541b}.bdc-design__panel{border-top:1px solid var(--bdc-border,#e3ded1);padding:2rem;display:grid;gap:1.6rem;align-content:start}@media screen and (min-width:990px){.bdc-design__panel{border-top:0;border-left:1px solid var(--bdc-border,#e3ded1);max-height:calc(100vh - 6rem);overflow-y:auto;position:sticky;top:6rem}}.bdc-dpanel{border:1px solid var(--bdc-border,#e3ded1);border-radius:16px;padding:1.6rem;background:#fff}.bdc-dpanel--sum{background:var(--bdc-panel,#f2ede1)}.bdc-dpanel__title{margin:0 0 1.2rem;font-size:1.5rem;font-weight:700;display:flex;align-items:baseline;gap:1rem;justify-content:space-between}.bdc-dpanel__value{font-weight:500;color:var(--bdc-muted,#5b6560)}.bdc-dpanel__note{margin:1rem 0 0;font-size:1.25rem;color:var(--bdc-muted,#5b6560)}.bdc-colors--design{gap:.8rem}.bdc-locs--design{display:grid;grid-template-columns:1fr;gap:.6rem}.bdc-loc--btn{border:0;background:none;padding:0;text-align:left;width:100%;cursor:pointer;font:inherit}.bdc-loc--btn .bdc-loc__inner{border:1px solid var(--bdc-border,#e3ded1);border-radius:12px;padding:.9rem 1rem;display:flex;align-items:center;gap:.8rem;background:var(--bdc-cream,#fbf8f1)}.bdc-loc--btn.is-on .bdc-loc__inner{border-color:var(--bdc-green,#0c2b20);box-shadow:0 0 0 1px var(--bdc-green,#0c2b20) inset}.bdc-loc--btn.is-on .bdc-loc__box{background:var(--bdc-green,#0c2b20);border-color:var(--bdc-green,#0c2b20)}.bdc-loc--btn.is-on .bdc-loc__box:after{content:"";position:absolute;left:.45rem;top:.15rem;width:.45rem;height:.85rem;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}.bdc-modal,.bdc-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:2rem}.bdc-modal[hidden],.bdc-drawer[hidden]{display:none}.bdc-modal__backdrop,.bdc-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c2b208c}.bdc-modal__panel{position:relative;max-width:44rem;width:100%;background:var(--bdc-cream,#fbf8f1);border-radius:18px;padding:2.4rem;box-shadow:0 24px 60px #00000040}.bdc-modal__panel h2{margin:0 0 1rem;font-size:2rem}.bdc-modal__panel p{margin:0 0 1.4rem;font-size:1.4rem;line-height:1.6;color:var(--bdc-muted,#5b6560)}.bdc-drawer{justify-content:flex-end;padding:0}.bdc-drawer__panel{position:relative;width:min(46rem,100%);height:100%;background:var(--bdc-cream,#fbf8f1);padding:2rem;display:flex;flex-direction:column;gap:1.4rem;box-shadow:-12px 0 40px #0003}.bdc-drawer__head{display:flex;align-items:center;justify-content:space-between}.bdc-drawer__head h2{margin:0;font-size:2rem}.bdc-drawer__grid{overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.8rem}.bdc-swatchcard{display:flex;align-items:center;gap:.8rem;padding:.6rem;border:1px solid var(--bdc-border,#e3ded1);border-radius:12px;background:#fff;cursor:pointer;font:inherit;font-size:1.25rem;text-align:left}.bdc-swatchcard.is-active{border-color:var(--bdc-green,#0c2b20);box-shadow:0 0 0 1px var(--bdc-green,#0c2b20) inset}.bdc-swatchcard__dot{width:2.8rem;height:2.8rem;border-radius:50%;flex:0 0 auto;background-size:cover;background-position:center;border:1px solid rgba(17,19,20,.12)}.bdc-swatchcard__name{line-height:1.3}.bdc-btn--sm{padding:.7rem 1.4rem;font-size:1.3rem}.bdc-area--ghost{border-style:dotted;border-color:#0c2b202e}.bdc-area--ghost:hover{border-color:#0c2b2099;background:#0c2b200d}.bdc-colors--design .bdc-color__dot{width:3rem;height:3rem}.bdc-canvas__sleeve{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.bdc-canvas__sleeve[hidden]{display:none}.bdc-canvas__sleeve svg{display:block;width:100%;height:100%}.bdc-design__views{flex-wrap:wrap}
/*# sourceMappingURL=/cdn/shop/t/6/assets/bdc-design.css.map */