/*!*****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/snippets/app-banner.css ***!
  \*****************************************************************************************************************************************************/.app-banner{display:none;width:100%;background-color:#f8f8f8;background-color:var(--app-banner-bg, var(--color-background, #f8f8f8));border-bottom:.0625rem solid #e5e5e5;border-bottom:.0625rem solid var(--color-border, #e5e5e5)}.app-banner[aria-hidden=false]{display:block;animation:app-banner-slide-down .3s ease-out}.app-banner[aria-hidden=true]{animation:app-banner-slide-up .2s ease-in forwards}.app-banner__inner{display:flex;align-items:center;gap:.625rem;gap:var(--spacing-2, 10px);padding:.5rem .75rem;padding:var(--spacing-2, 8px) var(--spacing-3, 12px);max-width:100%}.app-banner__close{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;background:none;cursor:pointer;color:#666;color:color-mix(in srgb,#111 55%,transparent);flex-shrink:0}@supports (color: color-mix(in lch,red,blue)){.app-banner__close{color:color-mix(in srgb,var(--app-banner-text, var(--color-foreground, #111)) 55%,transparent)}}.app-banner__close:hover{color:#111;color:var(--app-banner-text, var(--color-foreground, #111))}.app-banner__close:focus-visible,.app-banner__cta:focus-visible{outline:.125rem solid #111;outline:.125rem solid var(--app-banner-text, var(--color-foreground, #111));outline-offset:.125rem}.app-banner__icon{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:.5rem;border-radius:var(--radius-md, 8px);overflow:hidden}.app-banner__icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-banner__content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.app-banner__message{font-size:.9375rem;font-weight:600;line-height:1.25;color:#111;color:var(--app-banner-text, var(--color-foreground, #111));display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-banner__subtitle{font-size:.75rem;line-height:1.3;color:#8a8a8e;color:color-mix(in srgb,#111 60%,transparent);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (color: color-mix(in lch,red,blue)){.app-banner__subtitle{color:color-mix(in srgb,var(--app-banner-text, var(--color-foreground, #111)) 60%,transparent)}}.app-banner__cta{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:.4375rem 1rem;font-size:.8125rem;font-size:var(--text-sm, 13px);font-weight:600;font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.02em;color:#fff;color:var(--app-banner-btn-text, var(--color-background, #fff));background-color:#007aff;background-color:var(--app-banner-btn-bg, #007aff);border-radius:61.25rem;-webkit-text-decoration:none;text-decoration:none;line-height:1}.app-banner__cta:hover{background-color:#333;background-color:var(--app-banner-btn-bg, var(--color-foreground-muted, #333));filter:brightness(.85)}@media(min-width:750px){.app-banner{display:none!important}}@media(prefers-reduced-motion:reduce){.app-banner[aria-hidden=false],.app-banner[aria-hidden=true]{animation:none}}@keyframes app-banner-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes app-banner-slide-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0;display:none}}body.app-webview .app-banner{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/194/assets/snippet.app-banner.css.map */