.gn-spot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:none;pointer-events:none}.gn-spot[data-open]{display:block}.gn-spot__hole{position:fixed;border-radius:var(--gn-spot-radius, 14px);box-shadow:0 0 0 9999px rgb(7 27 47 / var(--gn-spot-dim, .62));pointer-events:none;transition:inset-block-start .26s var(--gn-ease, cubic-bezier(.4, 0, .2, 1)),inset-inline-start .26s var(--gn-ease, cubic-bezier(.4, 0, .2, 1)),inline-size .26s var(--gn-ease, cubic-bezier(.4, 0, .2, 1)),block-size .26s var(--gn-ease, cubic-bezier(.4, 0, .2, 1))}.gn-spot__ring{position:fixed;border-radius:var(--gn-spot-radius, 14px);pointer-events:none;box-shadow:0 0 0 2px var(--gn-violet, #6e57ff);animation:gn-spot-pulse 2.4s var(--gn-ease, cubic-bezier(.4, 0, .2, 1)) infinite}@keyframes gn-spot-pulse{0%{box-shadow:0 0 0 2px #6e57ffe6,0 0 #6e57ff73}70%{box-shadow:0 0 0 2px #6e57ffe6,0 0 0 14px #6e57ff00}to{box-shadow:0 0 0 2px #6e57ffe6,0 0 #6e57ff00}}.gn-spot__card{position:fixed;pointer-events:auto;inline-size:min(360px,calc(100vw - 32px));padding:18px;border-radius:16px;background:#fff;box-shadow:0 1px 2px #071b2f14,0 18px 44px -16px #071b2f73;color:var(--gn-navy, #071b2f);font-family:var(--font-body--family, inherit);opacity:0;transform:translateY(6px);transition:opacity .2s var(--gn-ease, cubic-bezier(.4, 0, .2, 1)),transform .2s var(--gn-ease, cubic-bezier(.4, 0, .2, 1))}.gn-spot__card[data-shown]{opacity:1;transform:translateY(0)}.gn-spot__media{display:block;aspect-ratio:16 / 10;margin:-18px -18px 14px;border-start-start-radius:16px;border-start-end-radius:16px;overflow:hidden;background:var(--gn-grey-100, #f4f7fb)}.gn-spot__media :is(img,video,iframe){inline-size:100%;block-size:100%;border:0;object-fit:cover;display:block}.gn-spot__media--square{aspect-ratio:1 / 1}.gn-spot__step{display:block;margin-block-end:6px;color:var(--gn-violet, #6e57ff);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.gn-spot__title{margin:0 0 6px;font-family:var(--font-heading--family, inherit);font-size:1.0625rem;font-weight:700;line-height:1.25;letter-spacing:-.01em}.gn-spot__body{margin:0;color:var(--gn-grey-800, #4a5b6d);font-size:.875rem;line-height:1.55;text-wrap:pretty}.gn-spot__foot{display:flex;align-items:center;gap:8px;margin-block-start:16px}.gn-spot__dots{display:flex;gap:5px;margin-inline-end:auto}.gn-spot__dot{inline-size:6px;block-size:6px;border-radius:50%;background:var(--gn-grey-300, #d0d8e0)}.gn-spot__dot[data-on]{background:var(--gn-violet, #6e57ff)}.gn-spot__btn{padding:9px 14px;border:0;border-radius:9px;font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background-color .12s var(--gn-ease, cubic-bezier(.4, 0, .2, 1)),transform .12s var(--gn-ease, cubic-bezier(.4, 0, .2, 1))}.gn-spot__btn--ghost{background:transparent;color:var(--gn-grey-600, #6b7c8f)}.gn-spot__btn--ghost:hover{background:var(--gn-grey-100, #f4f7fb);color:var(--gn-navy, #071b2f)}.gn-spot__btn--primary{background:var(--gn-violet, #6e57ff);background-image:linear-gradient(180deg,#ffffff38,#fff0);color:#fff;box-shadow:0 0 0 1px #4f47eb,0 1px 2px #1a13a166}.gn-spot__btn--primary:hover{transform:translateY(-1px)}.gn-spot__btn:focus-visible{outline:2px solid var(--gn-violet, #6e57ff);outline-offset:2px}.gn-spot__close{position:absolute;inset-block-start:8px;inset-inline-end:8px;display:grid;place-items:center;inline-size:28px;block-size:28px;padding:0;border:0;border-radius:8px;background:#ffffffd9;color:var(--gn-grey-600, #6b7c8f);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gn-spot__close:hover{background:#fff;color:var(--gn-navy, #071b2f)}@media screen and (max-width:560px){.gn-spot__card{inset-block-start:auto!important;inset-block-end:12px;inset-inline-start:50%!important;inline-size:calc(100vw - 24px);transform:translate(-50%) translateY(6px)}.gn-spot__card[data-shown]{transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.gn-spot__hole,.gn-spot__card,.gn-spot__btn{transition:none}.gn-spot__ring{animation:none}.gn-spot__card,.gn-spot__card[data-shown]{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/gn-spotlight.css.map */