.nf-scene{--nf-green:#00845c;--nf-green-dark:#00543e;--nf-green-lightest:#e3fcf6;--nf-line:#c5d0ed;--nf-page:#f2f6ff;--nf-surface:#fff;--nf-surface-2:#edf2fd;--nf-ink:#1c1d21;--nf-edge:#d3def1;--nf-edge-dark:#b9c8e4;--nf-ease:cubic-bezier(.2, .9, .25, 1)}@keyframes nf-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes nf-drop{0%{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:none}}@keyframes nf-fade{0%{opacity:0}to{opacity:1}}@keyframes nf-settle{0%{opacity:0;transform:translate(8px,-12px)}to{opacity:1;transform:none}}.nf-deck{animation:nf-rise .52s var(--nf-ease) both}.nf-num{animation:nf-drop .56s 90ms var(--nf-ease) both}.nf-void{animation:.42s linear .52s both nf-fade}.nf-callout{animation:.42s linear .7s both nf-fade}.nf-piece__in{animation:nf-settle .48s var(--nf-delay,0s) var(--nf-ease) both}.nf-num,.nf-tile{transition:transform .45s var(--nf-ease)}.nf-scene[data-mode=exploded] .nf-num{transform:translateY(-16px)}.nf-scene[data-mode=exploded] .nf-tile{transform:translate(var(--tx,0), var(--ty,0))}.nf-guides{opacity:0;transition:opacity .32s linear}.nf-scene[data-mode=exploded] .nf-guides{opacity:1}.nf-piece{left:var(--nf-x);top:var(--nf-y);width:var(--nf-w);transform:translate(-50%, -50%) translate(var(--nf-tx,0px), var(--nf-ty,0px));transition:transform .45s var(--nf-ease);position:absolute}.nf-scene[data-mode=idle] .nf-piece{pointer-events:none}.nf-scene[data-mode=exploded] .nf-piece{--nf-tx:var(--nf-ex,0px);--nf-ty:var(--nf-ey,0px)}.nf-piece:before{content:"";position:absolute;inset:-16px -10px -38px}.nf-plate{aspect-ratio:100/34;border:1px solid var(--nf-line);background:linear-gradient(160deg, var(--nf-surface) 0%, var(--nf-surface) 58%, var(--nf-page) 100%);width:100%;box-shadow:4px 6px 0 -1px var(--nf-edge), 7px 11px 0 -2px var(--nf-edge-dark), 0 16px 22px -14px #1c1d2180;transition:border-color .2s var(--nf-ease), background .2s var(--nf-ease), box-shadow .2s var(--nf-ease);border-radius:4px;position:relative;transform:skew(-34deg)}.nf-plate:after{content:"";background:var(--nf-green);border-radius:9999px;width:5px;height:5px;position:absolute;inset-block-end:5px;inset-inline-start:7px}.nf-plate:before{content:"";background:var(--nf-line);opacity:.85;height:1px;position:absolute;inset-block-start:34%;inset-inline:6px}.nf-piece:hover .nf-plate,.nf-piece:focus-visible .nf-plate{border-color:var(--nf-green);background:linear-gradient(160deg, var(--nf-surface) 0%, var(--nf-surface) 58%, var(--nf-green-lightest) 100%);box-shadow:4px 6px 0 -1px var(--nf-green-lightest), 7px 11px 0 -2px var(--nf-edge), 0 18px 26px -14px #00845c80}.nf-piece__label{text-align:center;opacity:0;transition:opacity .26s linear, transform .32s var(--nf-ease);pointer-events:none;position:absolute;inset-block-start:calc(100% + 16px);inset-inline:-40px;transform:translateY(-4px)}.nf-scene[data-mode=exploded] .nf-piece__label{opacity:1;transform:none}.nf-piece{--nf-w:58px}.nf-piece--learn{--nf-x:85%;--nf-y:10%;--nf-ex:10px;--nf-ey:-10px}.nf-piece--explore{--nf-x:15%;--nf-y:10%;--nf-ex:-10px;--nf-ey:-10px}.nf-piece--continue{--nf-x:13%;--nf-y:54%;--nf-ex:-8px;--nf-ey:8px}@media (min-width:480px){.nf-piece{--nf-w:92px}.nf-piece--learn{--nf-x:79%;--nf-y:12%;--nf-ex:40px;--nf-ey:-24px}.nf-piece--explore{--nf-x:21%;--nf-y:12%;--nf-ex:-40px;--nf-ey:-24px}.nf-piece--continue{--nf-x:12%;--nf-y:54%;--nf-ex:-34px;--nf-ey:10px}}@media (min-width:1024px){.nf-piece{--nf-w:104px}}.nf-halo{isolation:isolate;border-radius:12px;padding:2px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 4px #00845c99}.nf-halo:before{content:"";aspect-ratio:1;z-index:0;will-change:transform;backface-visibility:hidden;background:conic-gradient(#e3fcf6,#00845c,#fff);width:150%;animation:8s linear infinite nf-halo-spin;position:absolute;top:50%;left:50%}.nf-halo>*{z-index:2;position:relative}@keyframes nf-halo-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.nf-deck,.nf-num,.nf-void,.nf-callout,.nf-piece__in,.nf-halo:before{animation:none}.nf-num,.nf-tile,.nf-guides,.nf-piece,.nf-plate,.nf-piece__label{transition:none}}