.pwa-popup,.pwa-sheet{font-family:var(--text-font-family, inherit)}.pwa-popup{position:fixed;left:0;right:0;bottom:0;z-index:999;display:flex;justify-content:center;padding:0 10px calc(16px + env(safe-area-inset-bottom,0px));pointer-events:none;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .26s ease,transform .26s ease,visibility 0s linear .26s}.pwa-popup.is-visible{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .26s ease,transform .26s ease,visibility 0s linear 0s}.pwa-popup__card{pointer-events:auto;width:100%;max-width:420px;background:var(--background, #fff);border:1px solid var(--border-color, #e7e2de);border-radius:18px;box-shadow:0 10px 30px #0000001f,0 2px 8px #0000000d;padding:14px 14px 12px;color:var(--text-color, #333)}.pwa-popup__card:focus{outline:none}.pwa-popup__header{display:flex;align-items:flex-start;gap:8px;margin-bottom:14px}.pwa-popup__icon{flex:none;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color, #e7e2de);border-radius:12px;background:#fff;overflow:hidden}.pwa-popup__icon img{display:block;width:100%;height:100%;object-fit:contain}.pwa-popup__headline-wrap{flex:1 1 auto;min-width:0;padding-top:1px}.pwa-popup__title{margin:0;font-size:13.5px;font-weight:700;line-height:1.3;color:var(--heading-color, #111);white-space:nowrap}.pwa-popup__close{flex:none;width:24px;height:24px;margin:-2px -2px 0 0;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--text-color, #666);opacity:.55;cursor:pointer;transition:opacity .15s ease,background .15s ease}.pwa-popup__close:hover,.pwa-popup__close:focus-visible{opacity:1;background:#0000000f}.pwa-popup__close svg{width:14px;height:14px}.pwa-popup__desc{margin:3px 0 0;font-size:12.5px;line-height:1.4;color:var(--text-color, #555);opacity:.8}.pwa-popup__cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;border-radius:10px;padding:13px 16px;background:var(--primary-button-background, #000);color:var(--primary-button-text-color, #fff);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s ease}.pwa-popup__cta:hover{opacity:.92}.pwa-popup__cta:focus-visible{outline:2px solid var(--primary-button-background, #000);outline-offset:2px}.pwa-popup__cta-icon{width:15px;height:15px;flex:none}.pwa-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility 0s linear .22s}.pwa-sheet.is-visible{opacity:1;visibility:visible;transition:opacity .22s ease,visibility 0s linear 0s}.pwa-sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059}.pwa-sheet__panel{position:relative;width:100%;max-width:420px;margin:0 14px calc(16px + env(safe-area-inset-bottom,0px));background:var(--background, #fff);border:1px solid var(--border-color, #e7e2de);border-radius:18px;box-shadow:0 14px 40px #0003;padding:20px 18px 18px;color:var(--text-color, #333);transform:translateY(14px);transition:transform .22s ease}.pwa-sheet.is-visible .pwa-sheet__panel{transform:translateY(0)}.pwa-sheet__close{position:absolute;top:12px;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--text-color, #666);opacity:.55;cursor:pointer;transition:opacity .15s ease,background .15s ease}.pwa-sheet__close:hover,.pwa-sheet__close:focus-visible{opacity:1;background:#0000000f}.pwa-sheet__close svg{width:14px;height:14px}.pwa-sheet__title{margin:0 0 14px;padding-right:28px;font-size:15px;font-weight:700;color:var(--heading-color, #111)}.pwa-sheet__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.pwa-sheet__steps li{display:flex;align-items:center;gap:12px;font-size:13.5px;line-height:1.4}.pwa-sheet__step-icon{flex:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-button-background, #000);color:var(--primary-button-text-color, #fff)}.pwa-sheet__step-icon svg{width:13px;height:13px}.pwa-sheet__step-icon--num{font-size:11px;font-weight:700}@media screen and (min-width:768px){.pwa-popup,.pwa-sheet{display:none!important}}@media(prefers-reduced-motion:reduce){.pwa-popup,.pwa-popup.is-visible,.pwa-sheet,.pwa-sheet.is-visible,.pwa-sheet__panel{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/pwa-install-popup-v2.css.map */