bb-studio{display:contents}.bb-studio{--space-studio: 16px;--height-studio-preview: 50svh;--width-studio-column: 560px;--space-studio-card: 4px;--width-design-card: var(--width-design-card-compact);box-sizing:border-box;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;border:0;background:var(--color-surface-page);color:var(--color-text-primary);font-family:var(--font-family-body)}.bb-studio[open]{display:flex;flex-direction:column;animation:bb-studio-in var(--motion-duration-base) var(--motion-ease-out)}.bb-studio::backdrop{background:var(--color-surface-page)}:root:has(.bb-studio[open]){overflow:hidden}.bb-studio__top{position:sticky;top:0;z-index:1;padding:var(--space-studio) var(--space-page-inline);border-bottom:var(--border-width-hairline) solid var(--color-border-subtle);background:var(--color-surface-page)}.bb-studio__close{position:absolute;z-index:2;top:var(--space-studio);right:var(--space-page-inline)}.bb-studio .bb-studio__preview>*{width:100%;max-width:var(--height-studio-preview);margin-inline:auto;overflow:hidden;border-radius:var(--radius-image)}.bb-studio .bb-studio__preview>:is([hidden],[style*="display: none"]){display:block!important}.bb-studio__panel{flex:1 0 auto;box-sizing:border-box;width:100%;max-width:calc(var(--width-studio-column) + 2 * var(--space-page-inline));margin-inline:auto;padding:var(--space-studio) var(--space-page-inline)}.bb-studio .bb-builder__design{--space-builder-option: var(--space-studio-card)}.bb-studio__proof{--size-studio-step-icon: 18px;--width-studio-step-dash: 8px;--color-studio-proof-bg: color-mix(in srgb, var(--color-surface-raised) 88%, transparent);--blur-studio-proof: 8px;position:absolute;bottom:0;inset-inline:0;padding:8px var(--space-page-inline);border-top:var(--border-width-hairline) solid var(--color-border-subtle);background:var(--color-studio-proof-bg);-webkit-backdrop-filter:blur(var(--blur-studio-proof));backdrop-filter:blur(var(--blur-studio-proof))}.bb-studio__steps{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;margin:0;padding:0;list-style:none}.bb-studio__step{display:flex;align-items:center;gap:4px;position:relative;color:var(--color-text-primary);font-size:var(--font-size-12);font-weight:500;line-height:1.3;white-space:nowrap}.bb-studio__step+.bb-studio__step:before{content:"";position:absolute;top:50%;left:calc(-6px - var(--width-studio-step-dash) / 2);width:var(--width-studio-step-dash);border-top:var(--border-width-hairline) dashed var(--color-border-default)}.bb-studio__step-icon{display:grid;flex-shrink:0;place-items:center;width:var(--size-studio-step-icon);height:var(--size-studio-step-icon);border:var(--border-width-hairline) solid var(--color-border-accent);border-radius:var(--radius-pill);color:var(--color-icon)}.bb-studio__proof-note{margin:4px 0 0;color:var(--color-text-secondary);font-size:var(--font-size-12);line-height:1.35;text-align:center}.bb-studio__foot{position:sticky;bottom:0;display:flex;justify-content:center;padding:12px var(--space-page-inline) calc(12px + env(safe-area-inset-bottom,0px));border-top:var(--border-width-hairline) solid var(--color-border-subtle);background:var(--color-surface-raised)}.bb-studio__done{box-sizing:border-box;width:100%;max-width:var(--width-studio-column)}@keyframes bb-studio-in{0%{opacity:0;translate:0 var(--distance-reveal)}}.bb-button.bb-studio-open{--button-bg: var(--color-surface-selected);align-self:flex-start;gap:8px}.bb-button.bb-studio-open:is(:hover,:focus-visible):not(:disabled){--button-bg: color-mix(in srgb, var(--color-surface-selected), var(--color-text-primary) 8%)}.bb-studio .bb-button.bb-studio-open{display:none}@media screen and (min-width:1150px){.bb-button.bb-studio-open{display:none}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/component-bb-studio.css.map */