.bb-eng{display:grid;gap:14px;padding:18px;background:#f3f0eb;border:1px solid rgba(18,18,18,.1);color:#121212}.bb-eng[hidden]{display:none}.bb-eng:not(.is-ready) .bb-eng__ui{display:none}.bb-eng.is-ready .bb-eng__fallback-wrap{display:none}.bb-eng__ui{display:grid;gap:14px}.bb-eng.is-busy{opacity:.65;pointer-events:none}.bb-eng__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}.bb-eng__title{font-family:var(--font-heading-family, inherit);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:15px}.bb-eng__hint{font-size:13px;color:#1212129e}.bb-eng__stage{position:relative;background:radial-gradient(120% 140% at 50% 40%,#fff,#f1efeb 62%,#e7e3dc);border:1px solid rgba(18,18,18,.08)}.bb-eng__canvas{display:block;width:100%;aspect-ratio:2.4 / 1;touch-action:none;outline:none;cursor:default}.bb-eng__canvas:focus-visible{box-shadow:inset 0 0 0 2px #8a4b26}.bb-eng__mini-wrap{padding:6px 10px 2px;background:#ffffff8c;border:1px solid rgba(18,18,18,.06)}.bb-eng__mini-label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#12121280;margin-bottom:2px}.bb-eng__mini{display:block;width:100%;height:auto}.bb-eng__label{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#121212b8;margin:0 0 6px}.bb-eng__lines{display:grid;gap:8px}.bb-eng__line{display:flex;gap:8px;align-items:stretch}.bb-eng__input{flex:1;min-width:0;height:46px;padding:0 14px;border:1px solid rgba(18,18,18,.22);background:#fff;color:#121212;font-size:16px;border-radius:0}.bb-eng__input:focus{outline:none;border-color:#8a4b26;box-shadow:0 0 0 1px #8a4b26}.bb-eng__line.is-selected .bb-eng__input,.bb-eng__line.is-selected .bb-eng__logo-row{border-color:#8a4b26}.bb-eng__logo-row{flex:1;min-width:0;height:46px;padding:0 14px;text-align:left;border:1px solid rgba(18,18,18,.22);background:#fff;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.bb-eng__remove{flex:none;width:46px;height:46px;border:1px solid rgba(18,18,18,.22);background:#fff;font-size:22px;line-height:1;cursor:pointer;color:#121212}.bb-eng__remove:hover{border-color:#121212}.bb-eng__add{justify-self:start;padding:2px 0;background:none;border:0;color:#8a4b26;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.bb-eng__add[hidden]{display:none}.bb-eng__fonts{display:flex;flex-wrap:wrap;gap:6px}.bb-eng__fonts.is-disabled{opacity:.4;pointer-events:none}.bb-eng__font{padding:9px 13px;border:1px solid rgba(18,18,18,.22);background:#fff;color:#121212;font-size:18px;line-height:1;cursor:pointer;border-radius:0}.bb-eng__font:hover{border-color:#121212}.bb-eng__font[aria-pressed=true]{background:#121212;border-color:#121212;color:#f7f3ee}.bb-eng__tools{display:flex;align-items:center;gap:12px}.bb-eng__size-label{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#121212b8}.bb-eng__size{flex:1;min-width:0;accent-color:#8a4b26}.bb-eng__center{flex:none;padding:8px 12px;border:1px solid rgba(18,18,18,.22);background:#fff;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.bb-eng__center:hover{border-color:#121212}.bb-eng__logo{display:grid;gap:6px}.bb-eng__logo[hidden],.bb-eng__logo-locked[hidden]{display:none}.bb-eng__upload{display:inline-flex;align-items:center;justify-content:center;gap:8px;justify-self:start;min-height:46px;padding:0 18px;border:1px solid #121212;background:#fff;color:#121212;font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.bb-eng__upload:hover{background:#121212;color:#f7f3ee}.bb-eng__upload:focus-within{outline:2px solid #8a4b26;outline-offset:2px}.bb-eng__logo-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.bb-eng__logo-name{font-size:13px;color:#121212b3;word-break:break-all}.bb-eng__note{margin:0;font-size:13px;line-height:1.45;color:#1212129e}.bb-eng__error{margin:0;padding:10px 12px;background:#fdecea;color:#a1261b;font-size:14px}.bb-eng__error[hidden]{display:none}.bb-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:767px){.bb-eng{padding:14px;gap:12px}.bb-eng__canvas{aspect-ratio:2.1 / 1}.bb-eng__font{font-size:17px;padding:9px 11px}}
/*# sourceMappingURL=/cdn/shop/files/bb-engraver-v1.css.map */