.sb-sticky{--sticky-viewport: 100vw;--sticky-size: min(var(--sticky-width), calc(var(--sticky-viewport) - 2 * var(--sticky-side)));position:fixed;z-index:999;box-sizing:border-box;width:var(--sticky-size);padding:var(--sticky-padding);border:var(--sticky-border-width) solid var(--sticky-border);border-radius:var(--sticky-radius);background:var(--sticky-background);color:var(--sticky-ink);font-family:var(--sb-font, inherit);font-size:var(--sticky-textSize);line-height:1.25;box-shadow:0 5px 24px #0002}.sb-sticky[data-position=bottom]{bottom:calc(var(--sticky-edge) + env(safe-area-inset-bottom,0px))}.sb-sticky[data-position=top]{top:calc(var(--sticky-edge) + env(safe-area-inset-top,0px))}.sb-sticky[data-align=center]{left:clamp(var(--sticky-side),calc((var(--sticky-viewport) - var(--sticky-size)) / 2 + var(--sticky-offset)),calc(var(--sticky-viewport) - var(--sticky-size) - var(--sticky-side)))}.sb-sticky[data-align=left]{left:clamp(var(--sticky-side),calc(var(--sticky-side) + var(--sticky-offset)),calc(var(--sticky-viewport) - var(--sticky-size) - var(--sticky-side)))}.sb-sticky[data-align=right]{left:clamp(var(--sticky-side),calc(var(--sticky-viewport) - var(--sticky-size) - var(--sticky-side) + var(--sticky-offset)),calc(var(--sticky-viewport) - var(--sticky-size) - var(--sticky-side)))}.sb-sticky-row{display:flex;align-items:center;gap:12px;min-width:0}.sb-sticky img{width:var(--sticky-imageSize);height:var(--sticky-imageSize);object-fit:contain;border-radius:min(8px,var(--sticky-radius));flex-shrink:0}.sb-sticky-copy{min-width:0;flex:1;display:grid;gap:3px;overflow-wrap:anywhere}.sb-sticky-copy:empty{display:none}.sb-sticky-copy strong{font-weight:var(--sticky-weight)}.sb-sticky button{min-height:var(--sticky-buttonHeight);padding:8px 16px;border:0;border-radius:var(--sticky-radius);background:var(--sticky-button-background);color:var(--sticky-button-color);font:inherit;font-weight:700;cursor:pointer;flex:0 1 auto;overflow-wrap:anywhere}.sb-sticky-copy:empty+button{flex:1}.sb-sticky button:disabled{opacity:.6;cursor:not-allowed}.sb-sticky button:focus-visible{outline:2px solid var(--sticky-ink);outline-offset:3px}.sb-sticky-error{margin:8px 0 0;font-size:13px}@media(max-width:600px){.sb-sticky{--sticky-size: min(var(--sticky-mobileWidth), calc(var(--sticky-viewport) - 2 * var(--sticky-side)))}.sb-sticky[data-devices=desktop]{display:none}}@media(min-width:601px){.sb-sticky[data-devices=mobile]{display:none}}.sb-sticky-preview.sb-sticky{--sticky-viewport: 100%;position:relative;top:auto;bottom:auto;margin:var(--sticky-edge) 0;text-align:left;z-index:auto}.preview-stage.mobile .sb-sticky-preview{--sticky-size: min(var(--sticky-mobileWidth), calc(100% - 2 * var(--sticky-side)))}.preview-stage.desktop .sb-sticky-preview{--sticky-size: min(var(--sticky-width), calc(100% - 2 * var(--sticky-side)))}.preview-stage.mobile .sb-sticky-preview[data-devices=desktop],.preview-stage.desktop .sb-sticky-preview[data-devices=mobile]{display:none}.preview-stage.mobile .sb-sticky-preview[data-devices=mobile],.preview-stage.desktop .sb-sticky-preview[data-devices=desktop]{display:block}.sb-sticky-preview button:disabled{opacity:1;cursor:default}@media(hover:hover)and (prefers-reduced-motion:no-preference){.sb-sticky{transition:translate .18s ease,box-shadow .18s ease}.sb-sticky:hover{translate:0 -2px;box-shadow:0 8px 28px #0003}.sb-sticky button{transition:translate .18s ease,filter .18s ease}.sb-sticky button:not(:disabled):hover{translate:0 -1px;filter:brightness(1.08)}.sb-sticky button:not(:disabled):active{translate:0 0}}
