.spb{display:block;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--color-mono-white);box-shadow:0 -2px 20px #0000001f;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);padding-bottom:env(safe-area-inset-bottom,0px)}.spb.is-visible{transform:translateY(0)}.spb__inner{display:flex;align-items:center;gap:var(--spacing-s);padding:12px 1.5rem;max-width:var(--page-width, 1200px);margin:0 auto;width:100%;box-sizing:border-box}.spb__img{flex-shrink:0;width:56px;height:56px;border-radius:var(--radius-s);overflow:hidden;background:#f0f0f0}.spb__img img{width:100%;height:100%;object-fit:cover;display:block}.spb__meta{flex:1;min-width:0}.spb__name{font-size:14px;font-weight:var(--font-body-weight-bold);color:rgb(var(--color-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;margin-bottom:var(--spacing-xxs)}.spb__varname:before{content:" ("}.spb__varname:after{content:")"}.spb__prices{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.spb__compare{font-size:14px;color:rgba(var(--color-foreground),.45);text-decoration:line-through}.spb__price{font-size:14px;color:rgb(var(--color-foreground));line-height:1}.spb__btn{flex-shrink:0;white-space:nowrap;font-size:14px!important;font-weight:var(--font-body-weight-bold)}.spb__btn.success{background-color:rgba(var(--color-button),var(--alpha-button-background))}.spb__btn.loading{color:#0000;position:relative}.spb__btn.loading>.loading__spinner{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;height:100%;display:flex;align-items:center}.spb__btn.loading>.loading__spinner .spinner{width:fit-content}.spb__btn.loading>.loading__spinner .path{stroke:rgb(var(--color-button-text))}@media(max-width:749px){.spb__inner{flex-wrap:wrap;padding:10px 1.2rem 14px;gap:10px}.spb__img{width:50px;height:50px}.spb__meta{flex:1}.spb__name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spb__btn{width:100%;order:3;min-width:unset;padding:14px}}@media(min-width:750px){.spb__inner{padding:14px 5rem}.spb__name,.spb__price,.spb__compare{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/121/assets/component-sticky-buy-button.css.map */