.gn-navtip-layer{position:fixed;z-index:2147482000;inline-size:320px;pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity .14s var(--gn-ease, cubic-bezier(.4, 0, .2, 1)),transform .14s var(--gn-ease, cubic-bezier(.4, 0, .2, 1))}.gn-navtip-layer[data-open]{opacity:1;transform:translateY(0);pointer-events:auto}.gn-navtip{position:relative;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #071b2f12,0 2px 4px #071b2f0a,0 20px 44px -18px #071b2f57;overflow:hidden}.gn-navtip__media{display:grid;place-items:center;aspect-ratio:1 / 1;padding:8px;background:radial-gradient(120% 100% at 50% 0%,#6e57ff12,#6e57ff00 70%),var(--gn-grey-100, #f4f7fb);border-block-end:1px solid var(--gn-grey-200, #e5eaef);overflow:hidden}.gn-navtip__asset{inline-size:auto;block-size:100%;max-inline-size:100%;object-fit:contain;display:block;border-radius:8px}.gn-navtip__text{padding:14px 16px 16px}.gn-navtip__heading{margin:0 0 5px;color:var(--gn-navy, #071b2f);font-family:var(--font-heading--family, inherit);font-size:.9375rem;font-weight:700;line-height:1.25;letter-spacing:-.01em}.gn-navtip__body{margin:0;color:var(--gn-grey-800, #435465);font-size:.8125rem;line-height:1.5;text-wrap:pretty}.gn-navtip__cta{display:inline-flex;align-items:center;gap:5px;margin-block-start:12px;color:var(--gn-violet, #6e57ff);font-size:.8125rem;font-weight:600}.gn-navtip__cta svg{transition:transform .14s var(--gn-ease, cubic-bezier(.4, 0, .2, 1))}.gn-navtip-layer:hover .gn-navtip__cta svg{transform:translate(2px)}.gn-navtip:before{content:"";position:absolute;inset-block-start:-5px;inset-inline-start:var(--gn-navtip-arrow, 28px);inline-size:10px;block-size:10px;border-radius:2px;background:#fff;box-shadow:0 0 0 1px #071b2f12;transform:rotate(45deg);clip-path:polygon(0 0,100% 0,0 100%)}@media(hover:none),(pointer:coarse){.gn-navtip-layer{display:none}}@media(prefers-reduced-motion:reduce){.gn-navtip-layer{transition:opacity .1s linear;transform:none}.gn-navtip-layer[data-open]{transform:none}.gn-navtip__cta svg{transition:none}}.gn-navtip__links{display:grid;gap:1px;margin:12px 0 0;padding:0;list-style:none}.gn-navtip__link{display:block;padding:7px 9px;margin-inline:-9px;border-radius:8px;color:var(--gn-navy, #071b2f);font-size:.8125rem;font-weight:500;text-decoration:none;transition:background-color .11s var(--gn-ease, cubic-bezier(.4, 0, .2, 1))}.gn-navtip__link:hover{background:var(--gn-grey-100, #f4f7fb);color:var(--gn-deep-purple, #4f47eb);text-decoration:none}.gn-navtip__link:focus-visible{outline:2px solid var(--gn-violet, #6e57ff);outline-offset:-2px}.gn-navtip:has(.gn-navtip__links) .gn-navtip__media{display:none}nav.menu-list li[data-gn-navtip-menu] .mega-menu__list,nav.menu-list li[data-gn-navtip-menu]>details,nav.menu-list li[data-gn-navtip-menu] [class*=submenu]{display:none}nav.menu-list li[data-gn-navtip-menu]>a,nav.menu-list li[data-gn-navtip-menu] .menu-list__trigger{cursor:default}
/*# sourceMappingURL=/cdn/shop/t/12/assets/gn-nav-tips.css.map */