.gn-demo{max-inline-size:min(560px,calc(100vw - 32px));max-block-size:calc(100dvh - 32px);inline-size:100%;padding:0;border:0;border-radius:20px;background:transparent;overflow:visible}.gn-demo::backdrop{background:#09093b8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}@media(prefers-reduced-motion:no-preference){.gn-demo::backdrop{animation:gn-demo-fade .26s var(--gn-ease, cubic-bezier(.4, 0, .2, 1)) both}}@keyframes gn-demo-fade{0%{opacity:0}to{opacity:1}}.gn-demo__card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 2px 6px #09093b14,0 32px 64px -24px #09093b73;max-block-size:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}@media(prefers-reduced-motion:no-preference){.gn-demo__card{opacity:0;transform:translateY(12px) scale(.98);transition:opacity .26s var(--gn-ease, cubic-bezier(.4, 0, .2, 1)),transform .26s var(--gn-ease, cubic-bezier(.4, 0, .2, 1))}.gn-demo--open .gn-demo__card{opacity:1;transform:none}.gn-demo--closing .gn-demo__card{opacity:0;transform:translateY(8px) scale(.98)}}.gn-demo__banner{position:relative;display:grid;place-items:center;min-block-size:132px;padding:28px 24px;overflow:hidden;background:radial-gradient(120% 140% at 15% 0%,#6e57ff,#6e57ff00 58%),linear-gradient(135deg,#09093b,#221a6b 52%,#4f47eb)}.gn-demo__glow{position:absolute;inset-block-start:-42%;inset-inline-end:-14%;inline-size:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#84e9fd80,#84e9fd00 68%);pointer-events:none}.gn-demo__logo{position:relative;inline-size:auto;block-size:34px;max-inline-size:72%;object-fit:contain}.gn-demo__close{position:absolute;inset-block-start:14px;inset-inline-end:14px;display:grid;place-items:center;inline-size:34px;block-size:34px;padding:0;border:0;border-radius:999px;background:#ffffff29;color:#fff;cursor:pointer;transition:background-color .15s var(--gn-ease, cubic-bezier(.4, 0, .2, 1)),transform .15s var(--gn-ease, cubic-bezier(.4, 0, .2, 1))}.gn-demo__close svg{inline-size:17px;block-size:17px}.gn-demo__close:hover{background:#ffffff4d;transform:rotate(90deg)}.gn-demo__close:focus-visible{outline:2px solid #84e9fd;outline-offset:2px}.gn-demo__body{padding:26px 30px 30px;font-family:var(--gn-font, inherit)}.gn-demo__eyebrow{display:inline-block;margin-block-end:10px;padding:4px 10px;border-radius:999px;background:#6e57ff1a;color:#4f47eb;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.gn-demo__title{margin:0 0 8px;color:#09093b;font-size:clamp(1.35rem,1.1rem + 1vw,1.65rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;text-wrap:balance}.gn-demo__text{margin:0;color:#435465;font-size:.9375rem;line-height:1.55;text-wrap:pretty}.gn-demo__points{display:grid;gap:10px;margin:20px 0 0;padding:16px;border:1px solid #e5eaef;border-radius:12px;background:#f4f7fb;list-style:none}.gn-demo__point{display:flex;align-items:flex-start;gap:10px}.gn-demo__point-icon{flex:0 0 auto;display:grid;place-items:center;inline-size:20px;block-size:20px;margin-block-start:1px;border-radius:999px}.gn-demo__point-icon svg{inline-size:12px;block-size:12px}.gn-demo__point-icon--yes{background:#108a5a1f;color:#0f7a51}.gn-demo__point-icon--no{background:#071b2f14;color:#7a8a9a}.gn-demo__point-text{color:#435465;font-size:.875rem;line-height:1.5}.gn-demo__point-text strong{color:#071b2f;font-weight:600}.gn-demo__actions{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:22px}.gn-demo__btn{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;min-block-size:46px;padding:0 20px;border:0;border-radius:10px;font-family:inherit;font-size:.9375rem;font-weight:600;letter-spacing:-.01em;text-align:center;text-decoration:none;cursor:pointer;transition:transform .15s var(--gn-ease, cubic-bezier(.4, 0, .2, 1)),box-shadow .15s var(--gn-ease, cubic-bezier(.4, 0, .2, 1)),filter .15s var(--gn-ease, cubic-bezier(.4, 0, .2, 1))}.gn-demo__btn--primary{background-color:#6e57ff;background-image:linear-gradient(180deg,#ffffff40,#fff0);box-shadow:0 0 0 1.1px #4f47eb,0 1.1px 2.2px #1a13a180,inset 0 -4px #4f586640;color:#fff}.gn-demo__btn--primary:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 0 0 1.1px #4f47eb,0 6px 16px -2px #1a13a173,inset 0 -4px #4f586640}.gn-demo__btn--secondary{border:1px solid #d0d8e0;background:radial-gradient(circle at 50% 7%,#fff,#f2f2f2);box-shadow:0 1.1px 2.2px -4px #0003,inset 0 -4px #4f58661f;color:#071b2f}.gn-demo__btn--secondary:hover{transform:translateY(-2px);box-shadow:0 6px 16px -4px #0000001f,inset 0 -4px #4f58661f}.gn-demo__btn:active{transform:translateY(0) scale(.99)}.gn-demo__btn:focus-visible{outline:2px solid #4f47eb;outline-offset:2px}.gn-demo__footnote{margin:14px 0 0;color:#7a8a9a;font-size:.75rem;line-height:1.5;text-align:center}@media screen and (max-width:480px){.gn-demo__banner{min-block-size:108px;padding:22px 20px}.gn-demo__logo{block-size:28px}.gn-demo__body{padding:22px 20px 24px}.gn-demo__actions{flex-direction:column}.gn-demo__btn{inline-size:100%}}@media(prefers-reduced-motion:reduce){.gn-demo__close:hover,.gn-demo__btn:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/gn-demo-notice.css.map */