@property --nx-lx{syntax:"<number>";inherits:true;initial-value:-.4}@property --nx-ly{syntax:"<number>";inherits:true;initial-value:-.6}.nx-glass{--nx-glass-blur:18px;--nx-glass-sat:170%;--nx-glass-pad:clamp(1.5rem, 2.8vw, 2.5rem);--nx-glass-depth:0 1px 0 0 #ffffff0d, 0 36px 70px -34px #0009, 0 12px 28px -16px #0006;border-radius:var(--nx-glass-r,28px);color:var(--nx-glass-text,#fff);-webkit-backdrop-filter:var(--nx-glass-refract,) blur(var(--nx-glass-blur)) saturate(var(--nx-glass-sat));backdrop-filter:var(--nx-glass-refract,) blur(var(--nx-glass-blur)) saturate(var(--nx-glass-sat));box-shadow:var(--nx-glass-depth);text-align:inherit;display:block;position:relative}.nx-glass[data-refract=on]{--nx-glass-blur:7px}.nx-glass[data-text=dark]{--nx-glass-depth:0 1px 0 0 #fff9, 0 30px 60px -34px #0c0c0c47, 0 10px 24px -16px #0c0c0c29}.nx-glass__defs{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.nx-glass__tint,.nx-glass__spec,.nx-glass__edge{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.nx-glass__tint{background:radial-gradient(90% 70% at calc(50% - var(--nx-lx) * 45%) calc(100% - (var(--nx-ly) + 1) * 12%), var(--nx-glass-wash), transparent 70%), var(--nx-glass-scrim);box-shadow:inset 0 0 0 1px #ffffff12,inset 0 1.5px 1px -.5px #ffffff52,inset 0 -18px 30px -24px #ffffff29,inset 0 24px 40px -30px #ffffff1a}.nx-glass[data-text=dark] .nx-glass__tint{box-shadow:inset 0 0 0 1px #ffffffb3,inset 0 1.5px 1px -.5px #ffffffe6,inset 0 -18px 30px -24px #0c0c0c14}.nx-glass__spec{background:radial-gradient(55% 45% at calc(50% + var(--nx-lx) * 42%) calc(50% + var(--nx-ly) * 52%), #ffffff12, #fff0 70%), linear-gradient(calc(180deg + var(--nx-lx) * 22deg), #ffffff0d, #fff0 38%)}.nx-glass__edge{background:conic-gradient(from calc(atan2(var(--nx-ly), var(--nx-lx)) + 90deg), var(--nx-glass-edge) 0deg, var(--nx-glass-edge-soft) 38deg, transparent 92deg, var(--nx-glass-edge-soft) 180deg, transparent 268deg, var(--nx-glass-edge-soft) 322deg, var(--nx-glass-edge) 360deg);-webkit-mask-composite:xor;padding:1.5px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.nx-glass__content{z-index:1;padding:var(--nx-glass-pad);display:block;position:relative}.nx-glass[data-variant=card]{--nx-glass-pad:1.5rem}.nx-glass[data-variant=popup]{--nx-glass-blur:26px}.nx-glass[data-variant=popup][data-refract=on]{--nx-glass-blur:12px}.nx-glass[data-variant=pill]{--nx-glass-blur:14px;display:inline-flex}.nx-glass[data-variant=pill]>.nx-glass__content{align-items:center;gap:.5rem;min-height:44px;padding:.625rem 1.25rem;font-size:1rem;font-weight:600;line-height:1.2;display:inline-flex}.nx-glass[data-variant=frame]{--nx-frame-inset:clamp(8px, .9vw, 12px)}.nx-glass__media{z-index:1;margin:var(--nx-frame-inset);border-radius:max(10px, calc(var(--nx-glass-r) - var(--nx-frame-inset)));isolation:isolate;display:block;position:relative;overflow:hidden}.nx-glass__media>:is(img,video,picture,canvas,iframe){width:100%;height:auto;display:block}.nx-glass__media:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 1px #ffffff38}:is(a,button).nx-glass{cursor:pointer;font:inherit;transition:transform .16s var(--ease-nx-out,ease-out);background:0 0;border:0;text-decoration:none}:is(a,button).nx-glass:hover .nx-glass__edge{padding:2px}:is(a,button).nx-glass:active{transform:scale(.98)}.nx-glass:focus-visible{outline-offset:3px;outline:2px solid #fff}.nx-glass[data-text=dark]:focus-visible{outline-color:var(--color-nx-ink,#0c0c0c)}@keyframes nx-glass-drift{0%{--nx-lx:-.55;--nx-ly:-.7}50%{--nx-lx:.5;--nx-ly:-.45}to{--nx-lx:.15;--nx-ly:.55}}@media (prefers-reduced-motion:no-preference){.nx-glass:not([data-light=live]){animation:nx-glass-drift 11s var(--ease-nx-inout,ease-in-out) infinite alternate}}@media (max-width:767px),(pointer:coarse){.nx-glass{--nx-glass-blur:11px;--nx-glass-sat:150%}.nx-glass[data-variant=popup]{--nx-glass-blur:16px}}@media (prefers-reduced-transparency:reduce){.nx-glass{-webkit-backdrop-filter:none;backdrop-filter:none}.nx-glass__tint{background:var(--nx-glass-scrim-solid)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nx-glass__tint{background:var(--nx-glass-scrim-solid)}}@media (forced-colors:active){.nx-glass{border:1px solid canvastext}}.nx-popup{width:100%;max-width:none;height:100%;max-height:none;color:inherit;overscroll-behavior:contain;background:0 0;border:0;margin:0;padding:clamp(16px,4vw,48px);position:fixed;inset:0;overflow-y:auto}.nx-popup:not([open]){display:none}.nx-popup[open]{place-items:center;display:grid}.nx-popup::backdrop{-webkit-backdrop-filter:blur(6px)saturate(120%);backdrop-filter:blur(6px)saturate(120%);background:#0508179e}.nx-popup[data-tint=wine]::backdrop,.nx-popup[data-tint=crimson]::backdrop{background:#1505099e}.nx-popup[data-tint=aubergine]::backdrop{background:#0d06169e}.nx-popup[data-tint=ember]::backdrop{background:#1709039e}.nx-popup__frame{width:100%}.nx-popup__head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.nx-popup__title{font-family:var(--font-display);font-size:var(--text-nx-h3);line-height:var(--text-nx-h3--line-height);letter-spacing:var(--text-nx-h3--letter-spacing);margin:0;font-weight:600}.nx-popup__desc{font-size:var(--text-nx-body);max-width:60ch;margin:.75rem 0 0;line-height:1.55}.nx-popup__body{margin-top:1.5rem}.nx-popup__close{width:44px;height:44px;color:inherit;cursor:pointer;background:#ffffff1a;border:0;border-radius:9999px;flex:none;place-items:center;margin:-6px -6px 0 0;transition:background-color .16s;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 1px #ffffff40}.nx-popup__close:hover{background:#ffffff29}.nx-popup__close:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (prefers-reduced-motion:no-preference){.nx-popup[data-state=open] .nx-popup__frame{animation:nx-popup-in .32s var(--ease-nx-out,cubic-bezier(.16, 1, .3, 1)) both}.nx-popup[data-state=closing] .nx-popup__frame{animation:.22s cubic-bezier(.4,0,1,1) both nx-popup-out}.nx-popup[data-state=open] .nx-popup__pane{animation:.2s ease-out both nx-veil-in}.nx-popup[data-state=closing] .nx-popup__pane{animation:.2s ease-in reverse both nx-veil-in}.nx-popup[data-state=open]::backdrop{animation:.26s ease-out both nx-veil-in}.nx-popup[data-state=closing]::backdrop{animation:.22s ease-in reverse both nx-veil-in}}@keyframes nx-popup-in{0%{transform:translateY(14px)scale(.96)}to{transform:none}}@keyframes nx-popup-out{0%{transform:none}to{transform:translateY(10px)scale(.97)}}@keyframes nx-veil-in{0%{opacity:0}to{opacity:1}}.nx-glass :is(.nx-body,.nx-lead,.nx-caption){color:inherit}
