.bl-config{--bl-card: #ffffff;--bl-border: var(--colorBorder, #e6e2dc);--bl-muted: #8a847c;--bl-accent: var(--colorBtnPrimary, #4f483f);--bl-accent-text: var(--colorBtnPrimaryText, #ffffff);--bl-radius: 18px;padding:40px 0 60px}.bl-config__inner{width:min(calc(100% - 34px),1100px);margin:0 auto}.bl-product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin-bottom:48px}.bl-product__media{display:grid;gap:12px}.bl-product__image{width:100%;height:auto;display:block}.bl-product__title{margin:0 0 16px}.bl-product__description{line-height:1.6}.bl-product__description>*:first-child{margin-top:0}.bl-product__description>*:last-child{margin-bottom:0}.bl-config__heading{text-align:center;margin-bottom:32px}.bl-config__heading h1,.bl-config__heading h2{margin:0 0 10px}.bl-config__intro{max-width:620px;margin:0 auto;opacity:.8;line-height:1.6}.bl-config__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:40px;align-items:start}.bl-config__name{width:100%;box-sizing:border-box;height:58px;padding:0 18px;margin:0 0 20px;font-size:22px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--bl-border);border-radius:14px;background:#fff}.bl-config__name:focus{outline:2px solid var(--bl-accent);outline-offset:2px}.bl-config__help{font-size:13px;color:var(--bl-muted);margin:-10px 0 20px}.bl-letter{background:var(--bl-card);border:1px solid var(--bl-border);border-radius:var(--bl-radius);padding:20px;margin-bottom:14px}.bl-letter__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.bl-letter__char{font-size:40px;font-weight:800;line-height:1}.bl-letter__meta{font-size:13px;color:var(--bl-muted);text-align:right}.bl-letter__textures{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.bl-texture{padding:8px 16px;border:1px solid var(--bl-border);border-radius:12px;background:#fff;color:inherit;font:inherit;font-size:14px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.bl-texture:hover{border-color:var(--bl-accent)}.bl-texture.is-active{border:2px solid var(--bl-accent);font-weight:700}.bl-colors{display:flex;flex-wrap:wrap;gap:8px}.bl-color{width:34px;height:34px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;position:relative;box-sizing:border-box;transition:transform .15s ease,box-shadow .15s ease}.bl-color:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 -3px 5px #0000001f;pointer-events:none}.bl-color:hover{transform:scale(1.08)}.bl-color.is-active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--bl-accent)}.bl-color:focus-visible,.bl-texture:focus-visible,.bl-config__submit:focus-visible{outline:2px solid var(--bl-accent);outline-offset:2px}.bl-summary{background:var(--bl-card);border:1px solid var(--bl-border);border-radius:var(--bl-radius);padding:28px;position:sticky;top:30px}.bl-summary__title{margin:0 0 18px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.bl-preview{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:120px;margin-bottom:20px}.bl-preview__placeholder{opacity:.45;font-size:14px}.bl-preview__letter{font-size:clamp(44px,6vw,72px);font-weight:900;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.12)}.bl-summary__row{display:flex;justify-content:space-between;gap:16px;padding:8px 0;font-size:15px}.bl-summary__row--total{border-top:1px solid var(--bl-border);margin-top:6px;padding-top:16px;font-size:21px;font-weight:700}.bl-summary__text{width:100%;min-height:90px;box-sizing:border-box;margin:14px 0 0;padding:12px 14px;border:none;border-radius:12px;background:#f7f5f1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5;resize:vertical}.bl-config__error{color:#b42318;margin:12px 0 0;font-size:14px}.bl-config__submit{width:100%;margin-top:20px;min-height:56px;border:0;border-radius:12px;background:var(--bl-accent);color:var(--bl-accent-text);font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.bl-config__submit:hover:not(:disabled){transform:translateY(-1px)}.bl-config__submit:disabled{opacity:.45;cursor:not-allowed}.bl-config__submit.is-loading{opacity:.7}.bl-config__hint{margin:12px 0 0;font-size:13px;color:var(--bl-muted);text-align:center}.bl-visually-hidden{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 screen and (max-width:900px){.bl-product{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.bl-config__layout{grid-template-columns:1fr;gap:24px}.bl-summary{position:static}}@media screen and (max-width:480px){.bl-letter{padding:16px}.bl-color{width:32px;height:32px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/bubble-letters.css.map */