.shopify-section--app-banner{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0;opacity:1;overflow:hidden;height:auto;max-height:100%;background-color:var(--app-banner-background-color,#000000);color:var(--app-banner-text-color,#ffffff);box-sizing:border-box;padding:var(--app-banner-padding-top, 8px) 4.5rem var(--app-banner-padding-bottom, 8px);transition:padding .3s ease}.body--scrolled .shopify-section--app-banner{padding:0}.shopify-section--app-banner:has(.app-banner--dismissed){pointer-events:none}.app-banner{align-content:center;width:100%;height:100%;min-height:var(--app-banner-min-height, 3.2rem)}.app-banner__content{text-align:center}.app-banner__content *{margin:0;padding:0;list-style:none;color:inherit;font-family:var(--app-banner-font-family, var(--font-din-next-lt));font-size:var(--app-banner-font-size, 1.6rem);font-weight:var(--app-banner-font-weight, 400);letter-spacing:var(--app-banner-letter-spacing, 0);line-height:var(--app-banner-line-height, 1);text-transform:var(--app-banner-text-transform, none)}.app-banner__content a{color:inherit;text-decoration:underline}.app-banner__link{opacity:1;transition:opacity .3s ease}.app-banner__link:empty{opacity:0}.app-banner__close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:currentColor;pointer-events:auto}.app-banner__close-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media screen and (min-width: 990px){body:not(.design-mode) .shopify-section--app-banner{display:none}body.design-mode:not(.body--scrolled) .shopify-section--app-banner:has(.app-banner--ready){height:auto;opacity:1}body.design-mode:not(.body--scrolled) .app-banner{display:block}}@media screen and (max-width: 989px){body:not(.body--scrolled) .shopify-section--app-banner:not(:has(.app-banner--ready)),.shopify-section--app-banner:has(.app-banner--dismissed){padding:0}body:not(.body--scrolled) .shopify-section--app-banner:has(.app-banner--ready:not(.app-banner--dismissed)){opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/1569/assets/app-banner.css.map */