.obz-flyout{position:fixed;right:0;bottom:0;left:0;z-index:60;max-height:75svh;overflow-y:auto;border-radius:var(--radius) var(--radius) 0 0;background:radial-gradient(60% 50% at 50% 50%,rgb(235 32 32 / .75),transparent 70%),radial-gradient(45% 40% at 50% 50%,rgb(120 10 10 / .9),transparent 70%),var(--color-black);background-position:100% 0%,0% 100%,0 0;background-size:200% 200%,220% 220%,auto;color:var(--color-white);box-shadow:0 -12px 40px #0000004d;opacity:0;transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,0,1),opacity .3s ease}.obz-flyout.is-open{opacity:1;transform:none;animation:obz-flyout-glow 14s ease-in-out infinite alternate}@keyframes obz-flyout-glow{50%{background-position:0% 30%,100% 60%,0 0}to{background-position:40% 100%,30% 0%,0 0}}.obz-flyout[hidden]{display:none}.obz-flyout__close{position:absolute;top:.6rem;right:.6rem;z-index:1;display:grid;place-items:center;width:2.5rem;height:2.5rem;border:0;border-radius:999px;background:#0000008c;color:var(--color-white);cursor:pointer}.obz-flyout__close:hover{background:var(--color-accent)}.obz-flyout__close .obz-icon{width:1.1rem;height:1.1rem}.obz-flyout__media{aspect-ratio:3 / 1;overflow:hidden}.obz-flyout__media img{display:block;width:100%;height:100%;object-fit:cover}.obz-flyout__form{padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom))}.obz-flyout__fields{display:grid;grid-template-columns:minmax(0,1fr);gap:.55rem}.obz-flyout__form.is-done .obz-flyout__fields{display:none}.obz-flyout__title{padding-right:2.5rem;font-family:var(--font-heading);font-weight:var(--weight-heading);font-size:clamp(1.35rem,1.5vw + 1rem,1.65rem);letter-spacing:-.02em;line-height:1.05}.obz-flyout__text{margin:0;color:#ffffffc7;font-size:.82rem;line-height:1.45}.obz-flyout__perks{display:grid;gap:.35rem;margin:0;padding:0;list-style:none;font-size:.8rem}.obz-flyout__perks li{display:flex;align-items:center;gap:.5rem}.obz-flyout__perks .obz-icon{flex:none;width:1.05rem;height:1.05rem;color:var(--color-accent)}.obz-flyout__row{display:flex;gap:.35rem;padding:.3rem;border:1px solid rgb(255 255 255 / .25);border-radius:999px;background:#ffffff12}.obz-flyout__row:focus-within{border-color:#fff9}.obz-flyout__input{flex:1 1 0;width:100%;min-width:0;min-height:2.5rem;padding:0 .9rem;border:0;background:none;color:var(--color-white);font:inherit;font-size:1rem}.obz-flyout__input::placeholder{color:#ffffff8c}.obz-flyout__input:focus{outline:none}.obz-flyout__row:has(.obz-flyout__input:focus-visible),.obz-flyout__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.obz-flyout__button{flex:none;min-height:2.5rem;padding:0 1rem;border:0;border-radius:999px;background:var(--color-white);color:var(--color-black);font-family:var(--font-heading);font-weight:var(--weight-heading);font-size:.9rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.obz-flyout__button:hover{background:var(--color-accent);color:var(--color-white)}.obz-flyout__button[aria-busy=true]{opacity:.7;cursor:progress}.obz-flyout__error{margin:0;color:#ff7b7b;font-size:.85rem}.obz-flyout__legal{margin:0;color:#ffffff8c;font-size:.66rem;line-height:1.4}.obz-flyout__legal a{color:inherit}.obz-flyout__success{display:grid;gap:.5rem;outline:none}.obz-flyout__success[hidden]{display:none}.obz-flyout-teaser{position:fixed;bottom:calc(1rem + env(safe-area-inset-bottom));left:1rem;z-index:39;padding:.6rem 1rem;border:0;border-radius:999px;background:var(--color-accent);color:var(--color-white);box-shadow:0 8px 24px #00000040;font-family:var(--font-heading);font-weight:var(--weight-heading);font-size:.85rem;cursor:pointer;transition:transform .2s ease}.obz-flyout-teaser:hover{transform:translateY(-2px)}.obz-flyout-teaser[hidden]{display:none}@media(prefers-reduced-motion:reduce){.obz-flyout,.obz-flyout-teaser{transition:none}.obz-flyout.is-open{animation:none}}@media(min-width:750px){.obz-flyout{right:1.25rem;bottom:1.25rem;left:auto;width:21rem;max-height:calc(100svh - 2.5rem);border-radius:var(--radius);box-shadow:0 20px 50px #00000059;transform:translateY(1.5rem) scale(.98)}.obz-flyout__form{padding:1.25rem}.obz-flyout-teaser{bottom:1.25rem;left:1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/obz-flyout.css.map */