.nf-banner{display:block;padding-block:var(--nf-banner-pt, 0px) var(--nf-banner-pb, 0px);background-color:rgb(var(--color-background))}.nf-banner__notice{margin-block:2.4rem;padding:4.8rem 2.4rem;border:.1rem dashed color-mix(in srgb,var(--nf-accent) 45%,transparent);color:var(--nf-text-muted, var(--nf-text));font-size:1.4rem;text-align:center}.nf-banner__frame{position:relative}.nf-banner__viewport{overflow:hidden;aspect-ratio:var(--nf-banner-ratio, 3 / 1);border-radius:var(--nf-banner-radius, 0px);background-color:var(--nf-surface-2)}@media screen and (max-width:749px){.nf-banner__viewport{aspect-ratio:var(--nf-banner-ratio-m, var(--nf-banner-ratio, 1 / 1))}}.nf-banner--animate .nf-banner__viewport{transition:aspect-ratio var(--nf-dur-slow) var(--nf-ease)}.nf-banner__track{display:flex;align-items:stretch;width:100%;height:100%;will-change:transform}.nf-banner__slide{flex:0 0 100%;width:100%;min-width:100%;height:100%}.nf-banner__media{position:relative;display:block;width:100%;height:100%;overflow:hidden;background-color:var(--nf-surface-2)}.nf-banner__picture,.nf-banner__image{display:block;width:100%;height:100%}.nf-banner__image{object-fit:contain}.nf-banner__placeholder-svg{display:block;width:100%;aspect-ratio:3 / 1;object-fit:contain}.nf-banner__media--link .nf-banner__image{transition:transform var(--nf-dur-slow) var(--nf-ease)}.nf-banner__media--link:hover .nf-banner__image{transform:scale(1.02)}.nf-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:var(--nf-space-5);pointer-events:none}.nf-banner__box{max-width:52rem;padding:var(--nf-space-5) var(--nf-space-6);border-radius:var(--nf-radius-lg);background:color-mix(in srgb,rgb(var(--color-background)) 82%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:rgb(var(--color-foreground));pointer-events:auto}.nf-banner__heading{margin:0;font-size:var(--nf-text-3xl);line-height:var(--nf-leading-3xl);text-transform:uppercase;letter-spacing:.02em}.nf-banner__subheading{margin:var(--nf-space-3) 0 0;font-size:var(--nf-text-base);line-height:var(--nf-leading-base);color:var(--nf-text-muted)}.nf-banner__cta{display:inline-flex;align-items:center;min-height:4.4rem;margin-top:var(--nf-space-4);padding:0 var(--nf-space-5);border-radius:var(--nf-radius-md);background:var(--nf-btn-bg);color:var(--nf-btn-fg);font-weight:600;text-decoration:none;transition:background-color var(--nf-dur-base) var(--nf-ease),transform var(--nf-dur-fast) var(--nf-ease)}.nf-banner__cta:hover{background:var(--nf-btn-bg-hover);transform:translateY(-1px)}.nf-banner__arrow{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:1px solid var(--nf-border);border-radius:var(--nf-radius-pill);background:var(--nf-surface);color:var(--nf-text);cursor:pointer;box-shadow:var(--nf-shadow-sm);transform:translateY(-50%);transition:background-color var(--nf-dur-base) var(--nf-ease),box-shadow var(--nf-dur-base) var(--nf-ease)}.nf-banner__arrow:hover{background:var(--nf-surface-2);box-shadow:var(--nf-shadow-md)}.nf-banner__arrow:focus-visible{outline:none;box-shadow:var(--nf-focus)}.nf-banner__arrow--prev{left:var(--nf-space-4)}.nf-banner__arrow--next{right:var(--nf-space-4)}.nf-banner__arrow svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nf-banner__dots{position:absolute;left:50%;bottom:var(--nf-space-4);z-index:2;display:inline-flex;align-items:center;gap:var(--nf-space-1);padding:var(--nf-space-1) var(--nf-space-3);border-radius:var(--nf-radius-pill);background:color-mix(in srgb,rgb(var(--color-background)) 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translate(-50%)}.nf-banner__dot{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:0;background:transparent;cursor:pointer}.nf-banner__dot:before{content:"";width:1rem;height:1rem;border-radius:var(--nf-radius-pill);border:1.5px solid var(--nf-border-strong);background:transparent;transition:background-color var(--nf-dur-base) var(--nf-ease),border-color var(--nf-dur-base) var(--nf-ease),transform var(--nf-dur-fast) var(--nf-ease)}.nf-banner__dot:hover:before{border-color:var(--nf-accent)}.nf-banner__dot.is-active:before{background:var(--nf-accent);border-color:var(--nf-accent);transform:scale(1.15)}.nf-banner__dot:focus-visible{outline:none;border-radius:var(--nf-radius-pill);box-shadow:var(--nf-focus)}@media screen and (min-width:750px){.nf-banner__arrow--prev{left:var(--nf-space-5)}.nf-banner__arrow--next{right:var(--nf-space-5)}.nf-banner__overlay{padding:var(--nf-space-7)}.nf-banner__heading{font-size:var(--nf-text-4xl);line-height:var(--nf-leading-4xl)}}@media(prefers-reduced-motion:no-preference){.nf-banner--animate .nf-banner__track{transition:transform .38s var(--nf-ease)}}@media(prefers-reduced-motion:reduce){.nf-banner__media--link .nf-banner__image,.nf-banner__cta,.nf-banner__arrow,.nf-banner__dot:before{transition:none}.nf-banner__media--link:hover .nf-banner__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/nf-banner.css.map */