.in-app-browser-banner{position:fixed;inset-inline-start:calc(var(--spacing-3) + env(safe-area-inset-left));inset-inline-end:calc(var(--spacing-3) + env(safe-area-inset-right));inset-block-end:calc(var(--spacing-3) + env(safe-area-inset-bottom));z-index:998;opacity:0;pointer-events:none;transform:translateY(var(--spacing-3));transition:opacity .2s ease,transform .2s ease}.in-app-browser-banner[hidden]{display:none}.in-app-browser-banner.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.in-app-browser-banner__inner{position:relative;display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:var(--spacing-3);width:min(100%,42rem);margin-inline:auto;padding:var(--spacing-3);border:1px solid rgb(var(--text-primary) / .14);border-radius:var(--rounded-xs);background:rgb(var(--background-primary));color:rgb(var(--text-primary));box-shadow:0 14px 45px rgb(var(--text-primary) / .16)}.in-app-browser-banner__icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:var(--rounded-full);background:rgb(var(--accent) / .08);color:rgb(var(--accent))}.in-app-browser-banner__title{margin:0;font-size:var(--text-sm);font-weight:700;line-height:1.35}.in-app-browser-banner__message,.in-app-browser-banner__instruction{margin:var(--spacing-0-5) 0 0;font-size:var(--text-xs);line-height:1.45;color:rgb(var(--text-primary) / .74)}.in-app-browser-banner__instruction:not([hidden]){display:block}.in-app-browser-banner__actions{display:flex;align-items:center;gap:var(--spacing-2)}.in-app-browser-banner__button{white-space:nowrap}.in-app-browser-banner__dismiss{display:grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:var(--rounded-full);background:transparent;color:rgb(var(--text-primary) / .7);cursor:pointer;transition:color .15s ease,background-color .15s ease}.in-app-browser-banner__dismiss:hover{background:rgb(var(--text-primary) / .06);color:rgb(var(--text-primary))}@media screen and (max-width:699px){.in-app-browser-banner__inner{grid-template-columns:max-content minmax(0,1fr);align-items:start;padding-inline-end:calc(var(--spacing-3) + 2rem)}.in-app-browser-banner__actions{display:contents}.in-app-browser-banner__button{grid-column:2;justify-self:start;margin-block-start:var(--spacing-2)}.in-app-browser-banner__dismiss{position:absolute;inset-block-start:var(--spacing-2);inset-inline-end:var(--spacing-2)}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/in-app-browser-banner.css.map */