@import"https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=Barlow:wght@300;400;500;600&family=Barlow+Condensed:wght@500;600;700&display=swap";:root{--fn-bg: #0A0A0A;--fn-bg-raised: #111111;--fn-surface: #161616;--fn-surface-2: #1D1D1D;--fn-surface-hover: #222222;--fn-border: rgba(255, 255, 255, .07);--fn-border-strong: rgba(255, 255, 255, .12);--fn-border-emphasis: rgba(255, 255, 255, .18);--fn-text-primary: #F0EFED;--fn-text-secondary: #888884;--fn-text-tertiary: #4C4C4A;--fn-text-inverse: #0A0A0A;--fn-active: #00D48A;--fn-active-bg: rgba(0, 212, 138, .1);--fn-active-border: rgba(0, 212, 138, .22);--fn-locked: #FF6B35;--fn-locked-bg: rgba(255, 107, 53, .09);--fn-locked-border: rgba(255, 107, 53, .2);--fn-included: #4A9EFF;--fn-included-bg: rgba(74, 158, 255, .09);--fn-included-border: rgba(74, 158, 255, .2);--fn-pending: #F0C040;--fn-pending-bg: rgba(240, 192, 64, .09);--fn-font-display: "Syne", sans-serif;--fn-font-body: "Barlow", sans-serif;--fn-font-label: "Barlow Condensed", sans-serif;--fn-text-2xs: 10px;--fn-text-xs: 11px;--fn-text-sm: 13px;--fn-text-base: 15px;--fn-text-md: 17px;--fn-text-lg: 20px;--fn-text-xl: 24px;--fn-space-1: 4px;--fn-space-2: 8px;--fn-space-3: 12px;--fn-space-4: 16px;--fn-space-5: 20px;--fn-space-6: 24px;--fn-space-8: 32px;--fn-space-10: 40px;--fn-radius-sm: 4px;--fn-radius-md: 8px;--fn-radius-lg: 12px;--fn-radius-xl: 16px;--fn-radius-full: 999px;--fn-ease-out: cubic-bezier(.2, 0, .1, 1);--fn-ease-spring: cubic-bezier(.34, 1.12, .64, 1);--fn-dur-fast: .14s;--fn-dur-base: .22s;--fn-dur-slow: .38s;--fn-bottom-nav-h: 72px;--fn-bottom-nav-pb: env(safe-area-inset-bottom, 0px);--fn-z-backdrop: 900;--fn-z-drawer: 910;--fn-z-bottom-nav: 920}.fn-root,.fn-root *,.fn-root *:before,.fn-root *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.fn-root button{border:none;background:none;cursor:pointer;font-family:inherit;line-height:1;padding:0;-webkit-appearance:none}.fn-root a{text-decoration:none;color:inherit}.fn-root ul,.fn-root ol{list-style:none;margin:0;padding:0}.fn-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--fn-bottom-nav-h) + var(--fn-bottom-nav-pb));padding-bottom:var(--fn-bottom-nav-pb);background:#0a0a0aeb;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-top:1px solid var(--fn-border);display:flex;align-items:stretch;z-index:var(--fn-z-bottom-nav);will-change:transform;transform:translateZ(0)}@media (min-width: 768px){.fn-bottom-nav{display:none}}.fn-bottom-nav-spacer{display:block;height:calc(var(--fn-bottom-nav-h) + var(--fn-bottom-nav-pb))}@media (min-width: 768px){.fn-bottom-nav-spacer{display:none}}.fn-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px 6px;position:relative;color:var(--fn-text-tertiary);transition:color var(--fn-dur-fast) ease;min-width:44px;min-height:44px}.fn-nav-tab:focus-visible{outline:2px solid var(--fn-included);outline-offset:-2px;border-radius:var(--fn-radius-sm)}.fn-nav-tab.is-active,.fn-nav-tab:hover{color:var(--fn-text-primary)}.fn-nav-tab:active{transform:scale(.94);transition:transform 80ms ease}.fn-nav-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fn-nav-icon svg{width:22px;height:22px;display:block;transition:transform var(--fn-dur-fast) var(--fn-ease-spring)}.fn-nav-tab.is-active .fn-nav-icon svg{transform:scale(1.08)}.fn-nav-label{font-family:var(--fn-font-label);font-size:var(--fn-text-2xs);font-weight:600;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;transition:color var(--fn-dur-fast) ease}.fn-nav-tab--access{flex:1.1;overflow:visible}.fn-nav-tab--access:active{transform:none}.fn-access-orb{position:relative;top:-30px;width:55px;height:55px;flex-shrink:0;border-radius:6px;background:#1c1c1c;border:1px solid rgba(255,255,255,.14);box-shadow:0 6px 18px #00000073,0 2px 6px #00000040,inset 0 1px #ffffff1f,inset 0 -1px #0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;transition:transform var(--fn-dur-base) var(--fn-ease-spring),box-shadow var(--fn-dur-base) ease,background var(--fn-dur-base) ease}.fn-access-orb svg{width:22px;height:22px;display:block;stroke:#ffffffbf;transition:transform var(--fn-dur-fast) var(--fn-ease-spring)}.fn-nav-tab--access:hover .fn-access-orb{transform:scale(1.04)}.fn-nav-tab--access:active .fn-access-orb{transform:scale(.96);transition-duration:80ms}[data-fn-state=member] .fn-access-orb{border-color:var(--fn-active-border);box-shadow:0 6px 18px #00000073,0 2px 6px #00000040,inset 0 1px #ffffff1f,inset 0 -1px #0006,0 0 12px #00d48a33}[data-fn-state=member] .fn-access-orb svg{stroke:var(--fn-active)}[data-fn-state=nonmember] .fn-access-orb{border-color:var(--fn-locked-border)}.fn-nav-tab--access.is-active .fn-access-orb:after{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:44px;height:3px;background:#ffffff59;border-radius:0 0 2px 2px}.fn-cart-badge{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;background:var(--fn-locked);color:#fff;font-family:var(--fn-font-label);font-size:9px;font-weight:700;letter-spacing:0;border-radius:var(--fn-radius-full);display:flex;align-items:center;justify-content:center;padding:0 3px;border:1.5px solid var(--fn-bg);pointer-events:none}.fn-cart-badge:empty,.fn-cart-badge[data-count="0"]{display:none}.fn-nav-tab:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%) scaleX(0);width:16px;height:2px;background:var(--fn-text-primary);border-radius:1px;transition:transform var(--fn-dur-base) var(--fn-ease-spring)}.fn-nav-tab.is-active:after{transform:translate(-50%) scaleX(1)}.fn-nav-tab--access:after{display:none}.fn-drawer.is-open .fn-drawer__identity,.fn-drawer.is-open .fn-drawer-section{animation:fn-fade-up var(--fn-dur-base) both}.fn-drawer.is-open .fn-drawer__identity{animation-delay:40ms}.fn-drawer.is-open .fn-drawer-section:nth-child(1){animation-delay:80ms}.fn-drawer.is-open .fn-drawer-section:nth-child(2){animation-delay:.12s}.fn-drawer.is-open .fn-drawer-section:nth-child(3){animation-delay:.16s}@keyframes fn-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fn-drawer__handle{width:36px;height:4px;background:var(--fn-border-strong);border-radius:2px;margin:12px auto 0;flex-shrink:0;cursor:ns-resize}.fn-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:14px var(--fn-space-5) 0;flex-shrink:0}.fn-drawer__wordmark{font-family:var(--fn-font-display);font-size:var(--fn-text-md);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--fn-text-primary);display:flex;align-items:center;gap:var(--fn-space-2)}.fn-drawer__wordmark-badge{font-family:var(--fn-font-label);font-size:var(--fn-text-2xs);font-weight:700;letter-spacing:.12em;padding:3px 7px;border-radius:var(--fn-radius-sm)}.fn-close-btn{width:34px;height:34px;background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--fn-text-secondary);transition:all var(--fn-dur-fast) ease}.fn-close-btn:hover{background:var(--fn-surface-2);color:var(--fn-text-primary);border-color:var(--fn-border-strong)}.fn-close-btn:focus-visible{outline:2px solid var(--fn-included);outline-offset:2px}.fn-close-btn svg{width:12px;height:12px;display:block}.fn-drawer__identity{margin:var(--fn-space-4) var(--fn-space-5) 0;padding:var(--fn-space-4);background:var(--fn-surface);border:1px solid var(--fn-border-strong);border-radius:var(--fn-radius-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--fn-space-3);flex-shrink:0}.fn-identity-eyebrow{font-family:var(--fn-font-label);font-size:var(--fn-text-2xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fn-text-tertiary);margin-bottom:4px}.fn-identity-name{font-family:var(--fn-font-display);font-size:var(--fn-text-base);font-weight:700;color:var(--fn-text-primary);line-height:1.2}.fn-identity-sub{font-size:var(--fn-text-sm);color:var(--fn-text-secondary);margin-top:2px;line-height:1.4}.fn-identity-cta{font-family:var(--fn-font-label);font-size:var(--fn-text-xs);font-weight:700;letter-spacing:.06em;padding:8px 14px;border-radius:var(--fn-radius-md);background:var(--fn-text-primary);color:var(--fn-text-inverse);white-space:nowrap;flex-shrink:0;transition:opacity var(--fn-dur-fast) ease,transform var(--fn-dur-fast) var(--fn-ease-spring)}.fn-identity-cta:hover{opacity:.88}.fn-identity-cta:active{transform:scale(.96)}.fn-identity-cta--secondary{background:var(--fn-surface-2);color:var(--fn-text-secondary);border:1px solid var(--fn-border)}.fn-drawer__scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--fn-space-5) var(--fn-space-5) calc(var(--fn-space-5) + var(--fn-bottom-nav-pb));overscroll-behavior:contain}.fn-drawer__scroll::-webkit-scrollbar{display:none}.fn-drawer-section{margin-top:var(--fn-space-6)}.fn-drawer-section:first-child{margin-top:var(--fn-space-5)}.fn-section-header{display:flex;align-items:center;gap:var(--fn-space-3);margin-bottom:var(--fn-space-3)}.fn-section-header__label{font-family:var(--fn-font-label);font-size:var(--fn-text-2xs);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--fn-text-tertiary);white-space:nowrap}.fn-section-header__rule{flex:1;height:1px;background:var(--fn-border)}.fn-platform-cards{display:flex;flex-direction:column;gap:6px}.fn-hud-card{position:relative;background:var(--fn-surface);border:1px solid var(--fn-border-strong);border-radius:var(--fn-radius-md);padding:13px 15px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;gap:5px;transition:border-color var(--fn-dur-fast) ease,background var(--fn-dur-fast) ease,transform var(--fn-dur-fast) ease;min-height:72px;text-align:left;width:100%}.fn-hud-card:hover{background:var(--fn-surface-hover);border-color:var(--fn-border-emphasis)}.fn-hud-card:active{transform:scale(.99);transition-duration:80ms}.fn-hud-card:focus-visible{outline:2px solid var(--fn-included);outline-offset:2px}.fn-hud-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 85% 40%,rgba(255,255,255,.028) 0%,transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.80' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");background-size:auto,200px 200px;pointer-events:none;z-index:0}.fn-hud-card--access{min-height:96px}[data-fn-state=member] .fn-hud-card--access{border-color:var(--fn-active-border)}[data-fn-state=member] .fn-hud-card--access:before{background:radial-gradient(ellipse at 80% 30%,rgba(0,212,138,.05) 0%,transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.80' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");background-size:auto,200px 200px}.fn-hud-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--fn-space-2);position:relative;z-index:1}.fn-hud-card__title{font-family:var(--fn-font-display);font-size:var(--fn-text-base);font-weight:700;color:var(--fn-text-primary);letter-spacing:-.01em;line-height:1.2}.fn-hud-card__desc{font-size:var(--fn-text-sm);color:var(--fn-text-secondary);line-height:1.45;position:relative;z-index:1;font-weight:400}.fn-hud-card__actions{display:flex;flex-wrap:wrap;gap:var(--fn-space-2);margin-top:var(--fn-space-2);position:relative;z-index:1}.fn-card-action{font-family:var(--fn-font-label);font-size:var(--fn-text-xs);font-weight:700;letter-spacing:.05em;padding:6px 12px;border-radius:var(--fn-radius-md);transition:all var(--fn-dur-fast) ease}.fn-card-action--primary{background:var(--fn-text-primary);color:var(--fn-text-inverse)}.fn-card-action--secondary{background:var(--fn-surface-2);color:var(--fn-text-secondary);border:1px solid var(--fn-border)}.fn-card-action:hover{opacity:.82}.fn-card-action:active{transform:scale(.96)}.fn-chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--fn-font-label);font-size:var(--fn-text-2xs);font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding:3px 8px;border-radius:var(--fn-radius-sm);white-space:nowrap;flex-shrink:0;line-height:1.4}.fn-chip:before{content:"";display:block;width:5px;height:5px;border-radius:50%;flex-shrink:0}.fn-chip--active{color:var(--fn-active);background:var(--fn-active-bg);border:1px solid var(--fn-active-border)}.fn-chip--active:before{background:var(--fn-active)}.fn-chip--locked{color:var(--fn-locked);background:var(--fn-locked-bg);border:1px solid var(--fn-locked-border)}.fn-chip--locked:before{background:var(--fn-locked)}.fn-chip--included{color:var(--fn-included);background:var(--fn-included-bg);border:1px solid var(--fn-included-border)}.fn-chip--included:before{background:var(--fn-included)}.fn-row-list{background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:var(--fn-radius-lg);overflow:hidden}.fn-menu-row{display:flex;align-items:center;gap:var(--fn-space-3);padding:11px 14px;border-bottom:1px solid var(--fn-border);cursor:pointer;transition:background var(--fn-dur-fast) ease;text-align:left;width:100%;position:relative}.fn-menu-row:last-child{border-bottom:none}.fn-menu-row:hover{background:var(--fn-surface-hover)}.fn-menu-row:active{background:var(--fn-surface-2);transition-duration:60ms}.fn-menu-row:focus-visible{outline:2px solid var(--fn-included);outline-offset:-2px}.fn-row-icon{width:32px;height:32px;border-radius:var(--fn-radius-md);background:var(--fn-surface-2);border:1px solid var(--fn-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.fn-row-icon svg{width:16px;height:16px;display:block}.fn-row-icon--accent{background:var(--fn-text-primary);border-color:transparent}.fn-row-icon--accent svg{stroke:var(--fn-text-inverse)!important}.fn-row-content{flex:1;min-width:0}.fn-row-title{font-size:var(--fn-text-base);font-weight:500;color:var(--fn-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--fn-font-body);line-height:1.3}.fn-row-desc{font-size:var(--fn-text-sm);color:var(--fn-text-tertiary);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fn-row-right{display:flex;align-items:center;gap:var(--fn-space-2);flex-shrink:0}.fn-row-chevron{opacity:.28;transition:opacity var(--fn-dur-fast) ease,transform var(--fn-dur-fast) ease}.fn-menu-row:hover .fn-row-chevron{opacity:.55;transform:translate(2px)}.fn-row-chevron svg{width:14px;height:14px;display:block}[data-fn-state=guest] [data-fn-show-state~=nonmember],[data-fn-state=guest] [data-fn-show-state~=member],[data-fn-state=nonmember] [data-fn-show-state~=guest],[data-fn-state=nonmember] [data-fn-show-state~=member],[data-fn-state=member] [data-fn-show-state~=guest],[data-fn-state=member] [data-fn-show-state~=nonmember],[data-fn-state=member] [data-fn-show-state~=locked],[data-fn-state=guest] [data-fn-show-state~=unlocked],[data-fn-state=nonmember] [data-fn-show-state~=unlocked]{display:none!important}.fn-wallet-row{display:flex;align-items:center;gap:var(--fn-space-3);padding:var(--fn-space-3) var(--fn-space-4);background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:var(--fn-radius-md);margin-top:6px}.fn-wallet-item{flex:1;text-align:center}.fn-wallet-item+.fn-wallet-item{border-left:1px solid var(--fn-border)}.fn-wallet-label{font-family:var(--fn-font-label);font-size:var(--fn-text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fn-text-tertiary);margin-bottom:3px}.fn-wallet-value{font-family:var(--fn-font-display);font-size:var(--fn-text-sm);font-weight:700;color:var(--fn-text-primary)}@media (min-width: 768px){.fn-mobile-only{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/freedom-nav.css.map */