.floating-atc-bar{--floating-atc-gutter: 1.2rem;position:fixed;inset-inline:var(--floating-atc-gutter);top:.5rem;z-index:10;max-width:var(--page-width);margin-inline:auto;transform:translateY(-100%);visibility:hidden;transition:transform .25s ease,visibility .25s ease;border:.1rem solid rgba(var(--color-foreground),.08);border-top:0;border-radius:.6rem;box-shadow:0 .5rem 1.6rem rgba(var(--color-foreground),.18);padding-top:env(safe-area-inset-top)}.floating-atc-bar.is-visible{transform:translateY(0);visibility:visible}.floating-atc-bar__inner{display:flex;align-items:center;gap:1.5rem;padding:.8rem 1.2rem}.floating-atc-bar__media{flex:0 0 auto}.floating-atc-bar__image{width:4.8rem;height:4.8rem;object-fit:contain;border-radius:var(--media-radius, .4rem)}.floating-atc-bar__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.2rem}.floating-atc-bar__actions{flex:0 0 auto;display:flex;align-items:center;gap:1rem}.floating-atc-bar__title{font-size:1.6rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-atc-bar__price .price{font-size:1.6rem}.floating-atc-bar__button{--shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);--shadow-vertical-offset: var(--buttons-shadow-vertical-offset);--shadow-blur-radius: var(--buttons-shadow-blur-radius);--shadow-opacity: var(--buttons-shadow-opacity);--shadow-visible: var(--buttons-shadow-visible);--border-offset: var(--buttons-border-offset);--border-opacity: calc(1 - var(--buttons-border-opacity));position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border:0;border-radius:var(--buttons-radius-outset);padding:1rem 1.6rem;min-height:calc(4.5rem + var(--buttons-border-width) * 2);cursor:pointer;font:inherit;font-size:1.6rem;font-weight:500;letter-spacing:.1rem;line-height:calc(1 + .2 / var(--font-body-scale));text-decoration:none;color:rgb(var(--color-button-text));background-color:rgba(var(--color-button),var(--alpha-button-background));transition:box-shadow var(--duration-short) ease;-webkit-appearance:none;appearance:none;flex:0 0 auto;margin:0;min-width:16rem}.floating-atc-bar__button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--buttons-radius-outset);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.floating-atc-bar__button:after{content:"";position:absolute;top:var(--buttons-border-width);right:var(--buttons-border-width);bottom:var(--buttons-border-width);left:var(--buttons-border-width);z-index:1;border-radius:var(--buttons-radius);box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background));transition:box-shadow var(--duration-short) ease}.floating-atc-bar__button:not([disabled]):hover:after{--border-offset: 1.3px;box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button),var(--alpha-button-background))}.floating-atc-bar__button:focus-visible,.floating-atc-bar__button:focus,.floating-atc-bar__button.focused{outline:0;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5),0 0 .5rem .4rem rgba(var(--color-foreground),.3)}.floating-atc-bar__button:focus:not(:focus-visible):not(.focused){box-shadow:inherit}.floating-atc-bar__button::selection{background-color:rgba(var(--color-button-text),.3)}.floating-atc-bar__button:disabled,.floating-atc-bar__button[aria-disabled=true],.floating-atc-bar__button.disabled{cursor:not-allowed;opacity:.5}@media(forced-colors:active){.floating-atc-bar__button{border:transparent solid .1rem}.floating-atc-bar__button:focus-visible,.floating-atc-bar__button:focus,.floating-atc-bar__button.focused{outline:solid transparent .1rem}}@media screen and (max-width:749px){.floating-atc-bar__inner{gap:1rem;font-size:1.5rem}.floating-atc-bar__title,.floating-atc-bar__price .price{font-size:1.5rem}.floating-atc-bar__button{min-width:0;white-space:nowrap;font-size:1.5rem}.floating-atc-bar__hide-mobile{display:none!important}}@media screen and (min-width:750px){.floating-atc-bar{--floating-atc-gutter: 1rem}.floating-atc-bar__hide-desktop{display:none!important}.floating-atc-bar--mobile-only.is-visible{transform:translateY(-100%);visibility:hidden}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-floating-add-to-cart-bar.css.map */