.sticky-banner{position:fixed;inset-block-end:0;inset-inline:0;z-index:10;width:100%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-block-start:.1rem solid rgba(var(--color-border),var(--alpha-border));transform:translateY(0);visibility:visible;opacity:1;pointer-events:all;transition:all .45s cubic-bezier(.68,0,.35,1)}.sticky-banner.is-hidden{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(100%)}.sticky-banner__relative{position:relative}.sticky-banner__inner{padding-block:1.6rem 2.4rem;padding-inline:2rem}.sticky-banner__row{display:flex;flex-direction:column;align-items:center;gap:1.6rem}.sticky-banner__text{width:100%;margin-block-end:0;text-align:center}.sticky-banner__heading{margin:0;font-size:var(--font-size-static-sm);line-height:var(--line-height-static-md);color:rgb(var(--color-foreground))}.sticky-banner__action{display:flex;justify-content:flex-end;width:100%}.sticky-banner__button{width:100%;display:inline-flex;justify-content:center;align-items:center;text-align:center;padding:1.2rem 1.6rem;border:.1rem solid rgb(var(--color-foreground));background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));text-transform:uppercase;font-size:var(--font-size-static-xs);font-weight:var(--font-weight-xs);letter-spacing:var(--letter-spacing-medium);cursor:pointer;transition:background-color .2s,color .2s;border-radius:999px}.sticky-banner__button:hover{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.sticky-banner__close{position:absolute;inset-block-start:.8rem;inset-inline-end:1.2rem;z-index:10;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background-color:transparent;color:#000;cursor:pointer}.sticky-banner__close:hover{color:#000}.sticky-banner__close svg,.sticky-banner__close svg path{fill:#000;stroke:#000}@media screen and (min-width:750px){.sticky-banner__row{flex-direction:row;align-items:center;justify-content:center;gap:2rem}.sticky-banner__text{width:auto;max-width:64rem;flex:0 1 auto}.sticky-banner__heading{font-size:var(--font-size-static-md)}.sticky-banner__action{width:auto;max-width:28.8rem}.sticky-banner__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-sticky-banner.css.map */