:root{--patch-w-d: 33%;--patch-x-d: 55%;--patch-y-d: 51%;--patch-w-m: 26%;--patch-x-m: 56%;--patch-y-m: 52%;--patch-scale-d: 1;--patch-scale-m: 1;--patch-rotate-d: 4deg;--patch-rotate-m: 0deg;--patch-tilt-x-d: 0deg;--patch-tilt-y-d: 0deg;--patch-tilt-x-m: 0deg;--patch-tilt-y-m: 0deg;--design-inset: 22%;--design-radius: 15px}.bp-builder{width:100%;max-width:none;margin:0;padding:18px 24px;box-sizing:border-box;color:#111}.bp-builder *{color:inherit}@media(max-width:520px){.bp-builder{padding:14px}}.bp-steps{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.bp-step{padding:10px 12px;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;border-radius:10px;font-weight:800}.bp-step.is-active{border-color:#000}.bp-layout{display:grid;grid-template-columns:1.95fr .65fr;gap:18px;align-items:start}@media(max-width:980px){.bp-layout{grid-template-columns:1fr}}.bp-main{border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:14px;background:#fff}.bp-panel{display:none}.bp-panel.is-active{display:block}.bp-filter{margin-bottom:12px}.bp-filter-label{display:block;font-weight:800;font-size:12px;opacity:.7;margin-bottom:6px}.bp-select{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.15);border-radius:12px;background:#fff;font-weight:800}.bp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:1200px){.bp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.bp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.bp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.bp-card{position:relative;border:1px solid rgba(0,0,0,.12);border-radius:14px;overflow:hidden;cursor:pointer;background:#fff;padding:0;text-align:left}.bp-card.is-selected{outline:2px solid #000}.bp-media img{width:100%;height:auto;display:block}.bp-img-placeholder{width:100%;aspect-ratio:1/1;background:#0000000f}.bp-meta{padding:10px 10px 12px}.bp-title{font-size:14px;line-height:1.2;font-weight:900}.bp-addbadge{position:absolute;right:6px;top:6px;z-index:2;font-weight:900;font-size:12px;border:1px solid rgba(0,0,0,.18);background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 10px;border-radius:999px;line-height:1}.bp-basket{border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:14px;position:sticky;top:18px;background:#fff;justify-self:end;max-width:340px;width:100%}@media(max-width:980px){.bp-basket{position:relative;top:auto;max-width:none;display:none}.bp-builder.bp-show-basket .bp-basket{display:block}}.bp-basket-head{text-align:center}.bp-basket-title{margin:0;font-weight:900;text-transform:capitalize}.bp-basket-block{padding:12px 0;border-top:1px solid rgba(0,0,0,.08);text-align:center}.bp-basket-block:first-of-type{border-top:none}.bp-basket-label{font-size:12px;opacity:.7;margin-bottom:8px;font-weight:800}.bp-muted{opacity:.6;font-weight:700}.bp-picked-row{display:flex;gap:10px;align-items:center;justify-content:center}.bp-picked-thumb{position:relative;width:46px;height:46px;flex:0 0 auto;display:block;overflow:visible}.bp-picked-img{width:46px;height:46px;border-radius:6px!important;object-fit:contain;background:#0000000f;display:block}.bp-picked-base,.bp-picked-text{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.bp-picked-base{z-index:1}.bp-picked-text{z-index:3;background:transparent!important}.bp-picked-frame{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;display:block!important;pointer-events:none!important;z-index:4!important;border-radius:0!important}.bp-picked-namewrap{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center}.bp-picked-name{font-weight:900;font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.bp-picked-price{font-size:13px;font-weight:900;color:#c00!important}.bp-picked-price s{opacity:.7;margin-right:8px;color:#c00!important}.bp-add,.bp-clear,.bp-back{padding:10px 12px;width:100%;margin-top:12px;border-radius:12px;border:1px solid rgba(0,0,0,.15);cursor:pointer;font-weight:900;background:#fff}.bp-add[disabled]{opacity:.45;cursor:not-allowed}.bp-add{background:#111;color:#fff!important;border-color:#111}.bp-note{margin-top:10px;font-size:13px;line-height:1.35;text-align:center}.bp-back{display:flex;align-items:center;justify-content:center;gap:10px}.bp-back-ico{font-size:16px;line-height:1}.bp-preview{position:relative;width:78px;height:78px;border-radius:12px;overflow:visible;background:#0000000f;flex:0 0 auto;cursor:pointer}.bp-preview-cap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}.bp-preview-patch{position:absolute;display:block;object-fit:contain;pointer-events:none;z-index:3;width:var(--patch-w-d);height:var(--patch-w-d);left:var(--patch-x-d);top:var(--patch-y-d);transform:translate(-50%,-50%) scale(var(--patch-scale-d)) rotate(var(--patch-rotate-d)) rotateX(var(--patch-tilt-x-d)) rotateY(var(--patch-tilt-y-d));border-radius:0}.bp-preview-patch--wrapped{position:absolute!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;left:0!important;top:0!important;transform:none!important;object-fit:contain!important;border-radius:12px!important;z-index:3!important}.bp-preview--big .bp-preview-patch--wrapped{position:absolute!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;left:0!important;top:0!important;transform:none!important;object-fit:contain!important;border-radius:18px!important;z-index:3!important}.bp-preview-template{position:absolute;display:block;pointer-events:none;object-fit:contain;left:var(--patch-x-d);top:var(--patch-y-d);transform:translate(-50%,-50%) scale(var(--patch-scale-d)) rotate(var(--patch-rotate-d)) rotateX(var(--patch-tilt-x-d)) rotateY(var(--patch-tilt-y-d));width:calc(var(--patch-w-d) * 1.85);height:auto;z-index:2}@media(max-width:980px){.bp-preview-template{left:var(--patch-x-m);top:var(--patch-y-m);transform:translate(-50%,-50%) scale(var(--patch-scale-m)) rotate(var(--patch-rotate-m)) rotateX(var(--patch-tilt-x-m)) rotateY(var(--patch-tilt-y-m));width:calc(var(--patch-w-m) * 1.85)}}.bp-preview-patch--base{z-index:2}.bp-preview-patch--text{z-index:3}.bp-preview-frame{position:absolute;display:block;pointer-events:none;object-fit:contain;left:var(--patch-x-d);top:var(--patch-y-d);transform:translate(-50%,-50%) scale(var(--patch-scale-d)) rotate(var(--patch-rotate-d)) rotateX(var(--patch-tilt-x-d)) rotateY(var(--patch-tilt-y-d));width:calc(var(--patch-w-d) * 1.85);height:auto;z-index:4;border-radius:0}@media(max-width:980px){.bp-preview{width:74px;height:74px}.bp-preview-patch{width:var(--patch-w-m);height:var(--patch-w-m);left:var(--patch-x-m);top:var(--patch-y-m);transform:translate(-50%,-50%) scale(var(--patch-scale-m)) rotate(var(--patch-rotate-m)) rotateX(var(--patch-tilt-x-m)) rotateY(var(--patch-tilt-y-m))}.bp-preview-frame{left:var(--patch-x-m);top:var(--patch-y-m);transform:translate(-50%,-50%) scale(var(--patch-scale-m)) rotate(var(--patch-rotate-m)) rotateX(var(--patch-tilt-x-m)) rotateY(var(--patch-tilt-y-m));width:calc(var(--patch-w-m) * 1.85)}}.bp-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:9999}.bp-modal.is-open{display:block}.bp-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c}.bp-modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,92vw);background:#fff;border-radius:16px;padding:14px}.bp-modal-close{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:10px;border:1px solid rgba(0,0,0,.15);background:#fff;font-weight:900;cursor:pointer;line-height:1;font-size:22px}.bp-modal-preview{display:flex;justify-content:center;align-items:center;padding:18px}.bp-preview--big{position:relative;width:520px;height:520px;border-radius:18px;overflow:visible;background:#0000000f}@media(max-width:520px){.bp-preview--big{width:78vw;height:78vw}}.bp-preview--big .bp-preview-cap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:18px}.bp-preview--big .bp-preview-patch{width:var(--patch-w-d);height:var(--patch-w-d);left:var(--patch-x-d);top:var(--patch-y-d);transform:translate(-50%,-50%) scale(var(--patch-scale-d)) rotate(var(--patch-rotate-d)) rotateX(var(--patch-tilt-x-d)) rotateY(var(--patch-tilt-y-d))}.bp-preview--big .bp-preview-frame{left:var(--patch-x-d);top:var(--patch-y-d);transform:translate(-50%,-50%) scale(var(--patch-scale-d)) rotate(var(--patch-rotate-d)) rotateX(var(--patch-tilt-x-d)) rotateY(var(--patch-tilt-y-d));width:calc(var(--patch-w-d) * 1.85);z-index:4}@media(max-width:980px){.bp-preview--big .bp-preview-patch{width:var(--patch-w-m);height:var(--patch-w-m);left:var(--patch-x-m);top:var(--patch-y-m);transform:translate(-50%,-50%) scale(var(--patch-scale-m)) rotate(var(--patch-rotate-m)) rotateX(var(--patch-tilt-x-m)) rotateY(var(--patch-tilt-y-m))}.bp-preview--big .bp-preview-frame{left:var(--patch-x-m);top:var(--patch-y-m);transform:translate(-50%,-50%) scale(var(--patch-scale-m)) rotate(var(--patch-rotate-m)) rotateX(var(--patch-tilt-x-m)) rotateY(var(--patch-tilt-y-m));width:calc(var(--patch-w-m) * 1.85)}}.bp-design-head{max-width:520px;margin:0 auto 12px;padding:0 14px}.bp-design-title,.bp-design-sub{text-align:center}.bp-design-title{font-weight:900;font-size:18px;line-height:1.2}.bp-design-sub{opacity:.75;margin-top:6px;font-weight:700;font-size:13px;line-height:1.4}.bp-design-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:start}@media(max-width:980px){.bp-design-grid{grid-template-columns:1fr}}.bp-design-center{text-align:center}.bp-empty-patch{width:min(320px,90%);margin:0 auto 12px;border-radius:18px;border:none;background:#00000008;padding:1px}.bp-empty-patch-inner{position:relative;width:100%;aspect-ratio:1/1;border:1px dashed rgba(0,0,0,.25);border-radius:14px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.bp-builder.bp-textmode .bp-empty-patch-base{z-index:1!important}.bp-builder.bp-textmode .bp-design-mask{z-index:4!important}.bp-design-mask{position:absolute;inset:var(--design-inset);border-radius:var(--design-radius);overflow:hidden;z-index:2;background:transparent}.bp-design-mask .bp-design-img{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:contain;display:block;transform-origin:50% 50%;transform:translate(-50%,-50%)}.bp-empty-patch-base{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:3;pointer-events:none}.bp-upload-hint{width:min(320px,90%);margin:0 auto 10px;text-align:center;font-weight:800;opacity:.95}.bp-upload-hint-ico{font-size:22px;line-height:1;margin-bottom:4px}.bp-upload-hint-text{font-weight:900}.bp-upload-hint-mini{font-weight:800;font-size:12px;opacity:.7}.bp-design-upload,.bp-design-textbtn{padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;font-weight:900;width:min(320px,90%)}.bp-design-textbtn{margin-top:8px}.bp-controls{width:min(320px,90%);margin:12px auto 0;display:grid;gap:12px;justify-items:center;position:relative;z-index:50}.bp-dpad{display:grid;grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px 44px;gap:8px;justify-content:center;align-items:center;grid-template-areas:". up ." "left center right" ". down ."}.bp-dpad [data-move=up]{grid-area:up}.bp-dpad [data-move=left]{grid-area:left}.bp-dpad [data-move=center]{grid-area:center}.bp-dpad [data-move=right]{grid-area:right}.bp-dpad [data-move=down]{grid-area:down}.bp-dbtn{width:44px;height:44px;border-radius:12px;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;font-weight:900;line-height:1;display:flex;align-items:center;justify-content:center}.bp-center{background:#caa22b;border-color:#caa22b;color:#111}.bp-zoom{width:100%;display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center;position:relative;z-index:60}.bp-zbtn{width:44px;height:44px;border-radius:12px;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;font-weight:900;font-size:18px;line-height:1}.bp-zoom input[type=range]{width:100%;pointer-events:auto;touch-action:none;position:relative;z-index:999;height:34px;background:transparent;-webkit-appearance:none;appearance:none}.bp-zoom input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:#00000040}.bp-zoom input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:999px;background:#111;border:2px solid #fff;margin-top:-10px;cursor:grab}.bp-zoom input[type=range]:active::-webkit-slider-thumb{cursor:grabbing}.bp-zoom input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:#00000040}.bp-zoom input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:999px;background:#111;border:2px solid #fff;cursor:grab}.bp-zoom-note{font-size:12px;opacity:.75;font-weight:800}.bp-design-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:10px}.bp-design-remove,.bp-design-backold{padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;font-weight:900}.bp-help-card{border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:12px;background:#fff}.bp-help-title{font-weight:900;margin-bottom:8px}.bp-help-list{margin:0;padding-left:18px;opacity:.85;font-weight:700;line-height:1.5}.bp-textpanel{width:min(320px,90%);margin:10px auto 0;border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:10px;background:#fff;text-align:left}.bp-textrow{margin-top:10px}.bp-textrow:first-child{margin-top:0}.bp-textlabel{display:block;font-weight:900;font-size:12px;opacity:.7;margin-bottom:6px}.bp-textarea{width:100%;border:1px solid rgba(0,0,0,.15);border-radius:12px;padding:10px 12px;font-weight:800;resize:vertical}.bp-texttools{display:flex;gap:8px;align-items:center;justify-content:flex-start;flex-wrap:wrap}.bp-tbtn{border:1px solid rgba(0,0,0,.15);background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:900}.bp-tbtn.is-active{outline:2px solid #000}.bp-sep{flex:0 0 1px;height:26px;background:#0000001f;margin:0 2px}.bp-textopts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bp-opt input[type=range]{width:100%}.bp-textactions{display:flex;gap:10px}.bp-canceltext{flex:1;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;font-weight:900}.bp-textnote{margin-top:8px;font-size:12px;opacity:.75;font-weight:800}.bp-colorgrid{display:flex;gap:8px;flex-wrap:wrap}.bp-colorbtn{border:1px solid rgba(0,0,0,.15);background:#fff;border-radius:12px;padding:8px 10px;cursor:pointer;font-weight:900}.bp-colorbtn.is-active{outline:2px solid #000}.bp-builder.bp-textmode .bp-preview-patch{width:40%!important;height:40%!important}@media(max-width:980px){.bp-builder.bp-textmode .bp-preview-patch{width:34%!important;height:34%!important}}.bp-modal.is-textmode .bp-preview--big .bp-preview-patch{width:40%!important;height:40%!important}@media(max-width:980px){.bp-modal.is-textmode .bp-preview--big .bp-preview-patch{width:34%!important;height:34%!important}}.bp-modal.is-textmode .bp-preview--big .bp-preview-patch--text{width:24%!important;height:24%!important}.bp-builder.bp-textmode .bp-preview .bp-preview-patch--text{width:26%!important;height:26%!important}[data-patch-color]{min-width:90px;padding:10px 18px;border-radius:999px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}[data-patch-color=black]{background:#000;color:#fff;border-color:#000}[data-patch-color=white]{background:#fff;color:#111;border-color:#111}[data-patch-color=brown]{background:#6b4a2f;color:#fff;border-color:#6b4a2f}[data-patch-color]:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000001f}[data-patch-color].is-active{box-shadow:0 0 0 3px #00000026}@media(max-width:980px){.bp-steps{display:flex!important;flex-wrap:nowrap!important;gap:6px}.bp-step{flex:1 1 0;font-size:10px;padding:8px 6px;white-space:nowrap;text-align:center}}@media(max-width:980px){.bp-upload-hint,.bp-upload-hint-ico,.bp-upload-hint-text,.bp-upload-hint-mini{display:none!important}}@media(max-width:980px){.bp-design-upload,.bp-design-textbtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:calc((min(320px,90%) - 10px)/2)!important;margin:0!important;padding:12px 0!important;white-space:nowrap!important}.bp-design-textbtn{margin-left:10px!important}}@media(max-width:980px){.bp-empty-patch,.bp-empty-patch-inner{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}.bp-empty-patch-inner{background:#fff!important;position:relative!important;overflow:hidden!important}.bp-empty-patch-inner:after{content:"";position:absolute;left:0;right:0;top:10px;bottom:10px;border:1px dashed rgba(0,0,0,.25);border-radius:14px;pointer-events:none;box-shadow:none!important;outline:0!important}.bp-empty-patch{margin-bottom:6px!important;padding-bottom:6px!important}.bp-design-upload,.bp-design-textbtn{margin-top:8px!important}}@media(max-width:980px){.bp-builder.bp-textmode .bp-design-mask,.bp-builder.bp-textmode .bp-empty-patch-inner{touch-action:none!important}}@media(max-width:980px){.bp-builder.bp-textmode .bp-dpad,.bp-builder.bp-textmode .bp-zoom,.bp-builder.bp-textmode .bp-zoom-note{display:none!important}}@media(max-width:980px){[data-text-size]{display:none!important}.bp-textpanel .bp-textopts .bp-opt:has([data-text-size]){display:none!important}}.bp-picked-mask{position:absolute;left:50%;top:50%;width:85%;height:85%;transform:translate(-50%,-50%);overflow:hidden;border-radius:2px;z-index:2;background:transparent}.bp-picked-mask .bp-picked-img{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:cover;transform-origin:center center;background:transparent}.bp-picked-mask{position:absolute;left:50%;top:50%;width:58%;height:58%;transform:translate(-50%,-50%);overflow:hidden;border-radius:2px;z-index:3;background:transparent}.bp-picked-mask .bp-picked-text{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:contain;transform-origin:center center;background:transparent!important;display:block;pointer-events:none;z-index:4}.bp-steps-wrap{margin-bottom:16px}.bp-steps-note{text-align:center;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#666;margin-bottom:12px}.bp-steps{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.bp-step{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #d9d9d9;border-radius:14px;background:#fff;color:#666;font-weight:600;box-shadow:none;transition:all .2s ease}.bp-step-no{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:999px;background:#f3f3f3;color:#111;font-size:12px;font-weight:700}.bp-step.is-active{border-color:#111;background:#f8f8f8;color:#111;box-shadow:0 4px 14px #00000014}.bp-step.is-active .bp-step-no{background:#111;color:#fff}.bp-step:not(.is-active){opacity:.8}.bp-step:hover{border-color:#111;color:#111}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cap-builder.css.map */