.shbb{--bg:#0e1113;--panel:#171b1e;--line:#30383d;--orange:#ff6a00;color:#fff;background:var(--bg);padding:28px max(18px,4vw) 50px}.shbb__head{max-width:1200px;margin:auto auto 24px}.shbb__head p{color:#39d7d0;font-weight:900;letter-spacing:.12em}.shbb__head h1{margin:4px 0;font-size:clamp(30px,5vw,56px)}.shbb__grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:28px}.shbb__preview{position:sticky;top:12px;align-self:start;text-align:center}.shbb canvas{width:100%;background:#111;border:1px solid var(--line);border-radius:14px}.shbb__step{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:14px}.shbb__step>b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--orange);color:#111}.shbb h2{display:inline;margin-left:8px;font-size:18px}.shbb label{display:block;margin-top:14px;font-weight:800}.shbb input,.shbb textarea{box-sizing:border-box;width:100%;margin-top:6px;background:#0c0f11;color:#fff;border:1px solid #3c454b;border-radius:8px;padding:12px;font:inherit}.shbb__packs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.shbb__packs button{background:#0c0f11;color:#fff;border:1px solid #394248;border-radius:9px;padding:11px;display:flex;justify-content:space-between}.shbb__packs button.is-active{border-color:#39d7d0;box-shadow:0 0 0 1px #39d7d0}.shbb__atc{width:100%;padding:15px;border:0;border-radius:9px;background:#39d7d0;color:#071011;font-weight:1000;font-size:17px}.shbb__atc:disabled{opacity:.45}.shbb__form>p{text-align:center;font-size:22px;font-weight:900;margin:10px}.shbb__preview small{display:block;margin-top:8px;color:#aab4ba}@media(max-width:850px){.shbb__grid{display:block}.shbb__preview{position:sticky;top:0;z-index:20;background:var(--bg);padding-bottom:4px;margin-bottom:8px}.shbb canvas{max-height:42dvh;width:auto;max-width:100%}.shbb__packs{grid-template-columns:1fr 1fr}}.shbb__packs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.shbb__packs .shbb__pack{background:#242a2e;color:#fff;border:0;border-radius:8px;padding:10px 6px;display:grid;gap:3px;text-align:center;font-weight:900;cursor:pointer}.shbb__packs .shbb__pack.is-active{outline:2px solid #39d7d0;background:#1e3435}.shbb__packs .shbb__pack em{font-style:normal;color:#39d7d0;font-size:11px}.shbb__packs .shbb__pack span{font-size:13px}@media(max-width:850px){.shbb__packs{grid-template-columns:repeat(2,1fr)}}.shbb__packs .shbb__pack,.shbb__packs .shbb__pack strong,.shbb__packs .shbb__pack em,.shbb__packs .shbb__pack span{text-align:center!important;justify-items:center!important;align-items:center!important}.shbb .shbb__packs button.shbb__pack{display:grid!important;grid-template-columns:1fr!important;justify-content:center!important;justify-items:center!important;align-items:center!important;text-align:center!important}.shbb .shbb__packs button.shbb__pack strong,.shbb .shbb__packs button.shbb__pack em,.shbb .shbb__packs button.shbb__pack span{display:block!important;width:100%!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}.shbb input[type=text],.shbb textarea{text-transform:uppercase!important}@media(min-width:851px){.shbb__grid{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)}.shbb__preview{width:100%}.shbb canvas{display:block;width:100%!important;height:auto!important}}@media(max-width:850px){.shbb__preview{width:100%}.shbb canvas{display:block;width:100%!important;height:auto!important;max-height:48dvh!important;object-fit:contain;margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/sh-biker-badge.css.map */