.sticky-bar-anchor[hidden]{display:none}.sticky-bar{--sticky-bar-shift: calc(100% + 2.4rem) ;position:fixed;right:0;bottom:0;left:0;z-index:1000;padding:1rem 0 calc(1rem + env(safe-area-inset-bottom,0px));background:rgb(var(--color-background));color:rgb(var(--color-foreground));transform:translateY(var(--sticky-bar-shift));opacity:0;visibility:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .3s ease,visibility 0s linear .4s,top .3s ease}.sticky-bar[data-shown]{transform:none;opacity:1;visibility:visible;transition-delay:0s}.sticky-bar--border{border-top:.1rem solid rgba(var(--color-foreground),.1)}.sticky-bar--shadow{box-shadow:0 -.8rem 2.4rem rgba(var(--color-shadow, 0, 0, 0),.08)}.sticky-bar--blur{background:rgba(var(--color-background),.82);-webkit-backdrop-filter:saturate(1.6) blur(1.6rem);backdrop-filter:saturate(1.6) blur(1.6rem)}.sticky-bar__inner{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;min-width:0}.sticky-bar__inner:not(.container){padding:0 1.5rem}.sticky-bar__info{display:flex;flex:1 1 auto;align-items:center;gap:1.2rem;min-width:0}.sticky-bar__media{flex:none;width:5.6rem;aspect-ratio:1;overflow:hidden;border-radius:var(--media-radius, .6rem);background:rgba(var(--color-foreground),.04)}.sticky-bar__image{display:block;width:100%;height:100%;object-fit:cover}.sticky-bar__text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.sticky-bar__title,.sticky-bar__variant,.sticky-bar__price{margin:0;line-height:1.3}.sticky-bar__title{overflow:hidden;font-size:1.5rem;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.sticky-bar__variant{overflow:hidden;font-size:1.3rem;white-space:nowrap;text-overflow:ellipsis;color:rgba(var(--color-foreground),.75)}.sticky-bar__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .8rem;font-size:1.4rem;font-variant-numeric:tabular-nums}.sticky-bar__current{font-weight:600}.sticky-bar__compare s{color:rgba(var(--color-foreground),.75)}.sticky-bar__compare s[hidden]{display:none}.sticky-bar__actions{display:flex;flex:none;align-items:center;gap:.8rem;min-width:0}.sticky-bar__select{position:relative;min-width:0}.sticky-bar__field{box-sizing:border-box;max-width:24rem;height:4.6rem;margin:0;padding:0 4rem 0 1.4rem;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, .8rem);background:transparent;color:inherit;font:inherit;font-size:1.4rem;text-overflow:ellipsis;-webkit-appearance:none;appearance:none;cursor:pointer}.sticky-bar__field:hover{border-color:rgba(var(--color-foreground),.45)}.sticky-bar__field:focus-visible{border-color:rgb(var(--color-foreground));outline:.2rem solid rgb(var(--color-foreground));outline-offset:.1rem}.sticky-bar__field option{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.sticky-bar__chevron{position:absolute;top:50%;right:1.5rem;width:1.2rem;height:.8rem;transform:translateY(-50%);pointer-events:none}.sticky-bar__quantity{display:flex;flex:none;align-items:center;height:4.6rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, .8rem)}.sticky-bar__step{display:grid;place-items:center;width:3.8rem;height:100%;margin:0;padding:0;border:0;background:none;color:inherit;cursor:pointer}.sticky-bar__step svg{width:1.2rem;height:1.2rem}.sticky-bar__step:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.2rem}.sticky-bar__number{width:3.4rem;height:100%;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:1.5rem;text-align:center;-moz-appearance:textfield}.sticky-bar__number::-webkit-outer-spin-button,.sticky-bar__number::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.sticky-bar__button{position:relative;flex:none;min-height:4.6rem;margin:0;white-space:nowrap}.sticky-bar__label span[data-offers-token],.sticky-bar__label s{display:inline}.sticky-bar__label s{margin-left:.4rem;opacity:.7}.sticky-bar__label s[hidden]{display:none}.sticky-bar__button.loading .sticky-bar__label{visibility:hidden}.sticky-bar__button .loading-overlay__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.sticky-bar__button .loading-overlay__spinner.hidden{display:none}@media screen and (min-width:750px){.sticky-bar--top{--sticky-bar-shift: calc(-100% - 2.4rem) ;top:var(--header-sticky-offset, 0px);bottom:auto;padding-bottom:1rem}.sticky-bar--top.sticky-bar--border{border-top:0;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.sticky-bar--top.sticky-bar--shadow{box-shadow:0 .8rem 2.4rem rgba(var(--color-shadow, 0, 0, 0),.08)}.sticky-bar--floating{--sticky-bar-x: -50%;right:auto;bottom:2rem;left:50%;width:min(var(--sticky-bar-width, 72rem),calc(100% - 4rem));padding:1rem;border-radius:var(--sticky-bar-radius, 1.6rem);transform:translate(var(--sticky-bar-x),var(--sticky-bar-shift))}.sticky-bar--floating[data-shown]{transform:translate(var(--sticky-bar-x))}.sticky-bar--floating.sticky-bar--align-left{--sticky-bar-x: 0;left:2rem}.sticky-bar--floating.sticky-bar--align-right{--sticky-bar-x: 0;right:2rem;left:auto}.sticky-bar--floating.sticky-bar--border{border:.1rem solid rgba(var(--color-foreground),.1)}.sticky-bar--floating.sticky-bar--shadow{box-shadow:0 1.2rem 4rem rgba(var(--color-shadow, 0, 0, 0),.16)}.sticky-bar--floating .sticky-bar__inner{max-width:none;padding:0}.sticky-bar--floating .sticky-bar__media{width:4.8rem}.sticky-bar--on-mobile{display:none}}@media screen and (max-width:749px){.sticky-bar--on-desktop{display:none}.sticky-bar{padding-top:.8rem;padding-bottom:calc(.8rem + env(safe-area-inset-bottom,0px))}.sticky-bar--mobile-top{--sticky-bar-shift: calc(-100% - 2.4rem) ;top:var(--header-sticky-offset, 0px);bottom:auto;padding-bottom:.8rem}.sticky-bar--mobile-top.sticky-bar--border{border-top:0;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.sticky-bar__inner{gap:1rem}.sticky-bar__media{width:4.4rem}.sticky-bar__title{font-size:1.4rem}.sticky-bar__field,.sticky-bar__quantity,.sticky-bar__button{height:4.4rem;min-height:4.4rem}.sticky-bar__field{max-width:none;width:100%}.sticky-bar--compact .sticky-bar__media,.sticky-bar--compact .sticky-bar__title,.sticky-bar--compact .sticky-bar__variant,.sticky-bar--compact .sticky-bar__select,.sticky-bar--compact .sticky-bar__quantity{display:none}.sticky-bar--compact .sticky-bar__info{flex:0 1 auto}.sticky-bar--compact .sticky-bar__actions{flex:1 1 auto}.sticky-bar--compact .sticky-bar__button{flex:1 1 auto;min-width:0}.sticky-bar--full .sticky-bar__inner{flex-wrap:wrap}.sticky-bar--full .sticky-bar__info{flex-basis:100%}.sticky-bar--full .sticky-bar__actions{flex:1 1 100%}.sticky-bar--full .sticky-bar__select{flex:1 1 0}.sticky-bar--full .sticky-bar__button{flex:1 1 0;min-width:0}.sticky-bar__label{overflow:hidden;text-overflow:ellipsis}}.sticky-bar.sticky-bar--preview{position:relative;inset:auto;width:auto;max-width:100%;transform:none;opacity:1;visibility:visible}@media(prefers-reduced-motion:reduce){.sticky-bar,.sticky-bar--floating{transition:opacity .2s ease,visibility 0s linear .2s}.sticky-bar:not([data-shown]){transform:none}.sticky-bar--floating:not([data-shown]){transform:translate(var(--sticky-bar-x))}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-product-sticky-bar.css.map */