/* Wrapper states from the original AnnualOfferPopup; badge design is source CSS. */
.ik-annual-offer { position: fixed; z-index: 50; right: max(24px, env(safe-area-inset-right)); bottom: calc(112px + env(safe-area-inset-bottom)); display: none; width: 380px; max-width: calc(100vw - 48px); opacity: 0; visibility: hidden; translate: 0 24px; pointer-events: none; transition: opacity .5s ease, translate .5s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .5s; }
.ik-annual-offer[data-visible="true"] { opacity: 1; visibility: visible; translate: 0 0; pointer-events: auto; transition-delay: 0s; }
.ik-annual-offer-close { position: absolute; z-index: 1; right: -10px; top: -10px; display: grid; width: 44px; height: 44px; padding: 13px; place-items: center; border: 1px solid rgb(255 255 255 / 20%); border-radius: 50%; background: #17110a; color: #fff; box-shadow: 0 8px 18px -6px rgb(0 0 0 / 60%); cursor: pointer; }
.ik-annual-offer-close svg { display: block; width: 18px; height: 18px; }
.ik-annual-offer-close:hover { background: #000; }
.ik-annual-offer-close:focus-visible { outline: 2px solid #ffd27a; outline-offset: 2px; }
@media (min-width: 768px) { .ik-annual-offer { display: block; } }
@media (min-width: 1024px) { .ik-annual-offer { bottom: max(24px, env(safe-area-inset-bottom)); } }
@media (prefers-reduced-motion: reduce) { .ik-annual-offer { transition: none; } }