:root{--fpd-gap: clamp(1rem, 2vw, 1.5rem);--fpd-radius: .85rem;--fpd-border-color: rgba(15, 23, 42, .08);--fpd-shadow: 0 14px 34px -18px rgba(15, 23, 42, .55)}.fun-economics{--fpd-foreground-rgb: var(--color-foreground-rgb, 17, 24, 39);--fpd-background-rgb: var(--color-background-rgb, 255, 255, 255);--fpd-foreground: rgba(var(--fpd-foreground-rgb), .92);--fpd-foreground-subtle: rgba(var(--fpd-foreground-rgb), .72);--fpd-foreground-muted: rgba(var(--fpd-foreground-rgb), .6);--fpd-border: rgba(var(--fpd-foreground-rgb), .14);--fpd-card-bg: rgba(var(--fpd-background-rgb), .96);--fpd-card-elevated-bg: rgba(var(--fpd-background-rgb), .99);--fpd-bar-track: rgba(var(--fpd-foreground-rgb), .12);--fpd-surface-note: rgba(var(--fpd-foreground-rgb), .55);--fpd-accent-gradient: linear-gradient(135deg, #2563eb, #7c3aed);position:relative;background:var(--color-background, #ffffff);color:var(--fpd-foreground);padding:clamp(3rem,5vw,5rem) 0;overflow:hidden;border-top:1px solid rgba(var(--fpd-foreground-rgb),.08);border-bottom:1px solid rgba(var(--fpd-foreground-rgb),.08)}.fun-economics--gradient{--fpd-foreground-rgb: 248, 250, 252;--fpd-background-rgb: 15, 23, 42;--fpd-foreground: rgba(var(--fpd-foreground-rgb), .94);--fpd-foreground-subtle: rgba(226, 232, 240, .88);--fpd-foreground-muted: rgba(148, 163, 184, .75);--fpd-border: rgba(148, 163, 184, .22);--fpd-card-bg: rgba(15, 23, 42, .55);--fpd-card-elevated-bg: rgba(15, 23, 42, .7);--fpd-bar-track: rgba(148, 163, 184, .2);--fpd-surface-note: rgba(148, 163, 184, .6);--fpd-accent-gradient: linear-gradient(135deg, #38bdf8, #6366f1);background:linear-gradient(135deg,#0f172af5,#2563ebd1),#0f172a;color:var(--fpd-foreground);border-top-color:#94a3b82e;border-bottom-color:#94a3b82e}.fun-economics--gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,rgba(96,165,250,.3),transparent 55%),radial-gradient(circle at 85% 15%,rgba(56,189,248,.25),transparent 55%),radial-gradient(circle at 70% 85%,rgba(59,130,246,.18),transparent 60%);pointer-events:none;mix-blend-mode:screen;opacity:.8}.fun-economics--gradient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0f172a00,#0f172a0d 55%,#ffffff59);pointer-events:none}.fun-economics__inner{position:relative;z-index:2;display:grid;gap:clamp(2.5rem,4vw,4rem)}.fun-economics__header{display:grid;gap:1rem;max-width:54ch}.fun-economics__eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:999px;background:rgba(var(--fpd-foreground-rgb),.12);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.fun-economics__title{margin:0;font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;font-weight:700;letter-spacing:-.02em}.fun-economics__lede{font-size:1.125rem;line-height:1.75;color:var(--fpd-foreground-subtle);max-width:65ch}.fun-economics__grid{display:grid;gap:clamp(2.5rem,4vw,4rem);max-width:72rem;margin:0 auto}.fun-economics__card{background:var(--fpd-card-bg);border:1px solid var(--fpd-border);border-radius:calc(var(--fpd-radius) * 1.2);box-shadow:0 8px 32px -12px #0f172a59,0 2px 8px -4px #0f172a26;padding:clamp(2rem,4vw,3rem);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.fun-economics__card-title{margin-bottom:2rem;font-size:1.75rem;font-weight:700;display:flex;align-items:center;gap:.85rem;letter-spacing:-.01em}.fun-economics__card-title svg{flex-shrink:0;width:2rem;height:2rem;opacity:.9}.fun-economics__fields{display:grid;gap:1rem}.fun-economics__fieldset{border:1px solid var(--fpd-border);border-radius:calc(var(--fpd-radius) * .75);padding:1.5rem;display:grid;gap:1.25rem;background:var(--fpd-card-elevated-bg);box-shadow:0 2px 8px -4px #0f172a1a}.fun-economics__fieldset legend{float:none;width:auto;margin-bottom:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;color:var(--fpd-foreground-muted)}.fun-economics__input-row{display:grid;gap:1rem}@media (min-width: 640px){.fun-economics__input-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.fun-economics__field{display:grid;gap:.35rem}.fun-economics__field--checkbox{display:grid;grid-template-columns:auto 1fr;align-items:flex-start;gap:.85rem;padding:1.125rem 1.25rem;border-radius:calc(var(--fpd-radius) * .9);border:1px solid rgba(var(--fpd-foreground-rgb),.12);background:rgba(var(--fpd-background-rgb),.92);transition:border-color .2s ease,background-color .2s ease;cursor:pointer}.fun-economics__field--checkbox:hover{border-color:rgba(var(--fpd-foreground-rgb),.2);background:rgba(var(--fpd-background-rgb),.98)}.fun-economics__checkbox{-webkit-appearance:none;appearance:none;width:1.2rem;height:1.2rem;border-radius:.25rem;border:2px solid rgba(var(--fpd-foreground-rgb),.35);background:rgba(var(--fpd-background-rgb),.96);cursor:pointer;display:inline-grid;place-items:center;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.fun-economics__checkbox:after{content:"";width:.65rem;height:.65rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%230f172a' d='M16.707 5.293a1 1 0 0 1 0 1.414l-7.071 7.07a1 1 0 0 1-1.414 0L3.293 8.85a1 1 0 0 1 1.414-1.414l3.222 3.221 6.364-6.364a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E") center/contain no-repeat;opacity:0;transition:opacity .15s ease}.fun-economics__checkbox:checked{background:var(--fpd-accent-gradient);border-color:#3b82f6cc;box-shadow:0 4px 12px -6px #2563eb80}.fun-economics__checkbox:checked:after{background:#0f172af2;opacity:1}.fun-economics__checkbox:focus-visible{outline:none;border-color:#3b82f6e6;box-shadow:0 0 0 3px #3b82f640}.fun-economics__field--checkbox .fun-economics__label{display:grid;gap:.35rem}.fun-economics__field--checkbox .fun-economics__label span{font-weight:400}.fun-economics__advanced-fields{margin-top:1.25rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}.fun-economics__label{font-weight:600;font-size:1rem;line-height:1.5}.fun-economics__label span{display:block;font-weight:400;font-size:.875rem;color:var(--fpd-foreground-muted);letter-spacing:.01em;margin-top:.25rem;line-height:1.5}.fun-economics__input,.fun-economics__select{-webkit-appearance:none;appearance:none;width:100%;padding:.875rem 1.125rem;background:rgba(var(--fpd-background-rgb),.85);border:1.5px solid rgba(var(--fpd-foreground-rgb),.18);border-radius:.75rem;color:var(--fpd-foreground);font-size:1.0625rem;line-height:1.5;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.fun-economics__input:focus,.fun-economics__select:focus{outline:none;border-color:#3b82f6cc;box-shadow:0 0 0 4px #3b82f633;background:rgba(var(--fpd-background-rgb),.95)}.fun-economics__input::placeholder{color:rgba(var(--fpd-foreground-rgb),.4)}.fun-economics__hint{font-size:.875rem;color:var(--fpd-foreground-muted);line-height:1.5}.fun-economics__controls{display:flex;flex-wrap:wrap;gap:.875rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--fpd-border)}.fun-economics__button{-webkit-appearance:none;appearance:none;border:none;border-radius:999px;padding:.875rem 2rem;font-size:1.0625rem;font-weight:600;letter-spacing:.005em;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.fun-economics__button--primary{background:var(--fpd-accent-gradient);color:#fff;box-shadow:0 8px 24px -8px #3b82f680,0 2px 8px -4px #2563eb4d}.fun-economics__button--primary:hover,.fun-economics__button--primary:focus-visible{transform:translateY(-2px);box-shadow:0 12px 32px -8px #3b82f699,0 4px 12px -4px #2563eb66}.fun-economics__button--ghost{background:transparent;color:var(--fpd-foreground);border:1px solid rgba(var(--fpd-foreground-rgb),.24)}.fun-economics__button--ghost:hover,.fun-economics__button--ghost:focus-visible{border-color:rgba(var(--fpd-foreground-rgb),.4);color:var(--fpd-foreground-subtle)}.fun-economics__results{display:grid;gap:1.75rem;padding-top:1rem}.fun-economics__results.is-hidden{display:none}.fun-economics__chart-container{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--fpd-border)}.fun-economics__chart-title{font-size:1.125rem;font-weight:700;margin-bottom:1.25rem;color:var(--fpd-foreground);letter-spacing:-.01em}.fun-economics__radar-chart{width:100%;max-width:400px;margin:0 auto}.fun-economics__radar-chart svg{width:100%;height:auto;background:rgba(var(--fpd-foreground-rgb),.05);border-radius:.75rem;border:1px solid var(--fpd-border);padding:1rem}.fun-economics__result-card{background:var(--fpd-card-elevated-bg);border-radius:calc(var(--fpd-radius) * 1.1);border:1px solid var(--fpd-border);padding:2rem;display:grid;gap:1.5rem;box-shadow:0 4px 16px -8px #0f172a33}.fun-economics__stat-grid{display:grid;gap:1.5rem}@media (min-width: 640px){.fun-economics__stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}.fun-economics__stat{display:grid;gap:.5rem}.fun-economics__stat-label{font-size:.8125rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--fpd-foreground-muted)}.fun-economics__stat-value{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.02em}.fun-economics__comparison{display:grid;gap:1.25rem;padding-top:.5rem}.fun-economics__comparison-copy{font-size:1.0625rem;line-height:1.7;color:var(--fpd-foreground-subtle)}.fun-economics__bars{display:grid;gap:1rem;padding:1.25rem 0}.fun-economics__bar{display:grid;gap:.5rem}.fun-economics__bar-label{font-weight:600;font-size:.9375rem;color:var(--fpd-foreground)}.fun-economics__bar-track{position:relative;width:100%;height:.875rem;border-radius:999px;background:var(--fpd-bar-track);overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.fun-economics__bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;background:var(--fpd-accent-gradient);transition:transform .5s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #3b82f666}.fun-economics__notation{font-size:.9375rem;line-height:1.8;color:var(--fpd-foreground-muted);font-family:SF Mono,Monaco,Inconsolata,Fira Code,Courier New,monospace;background:rgba(var(--fpd-foreground-rgb),.04);padding:1.25rem 1.5rem;border-radius:calc(var(--fpd-radius) * .75);border:1px solid var(--fpd-border);margin:1.25rem 0}.fun-economics__note{font-size:.875rem;line-height:1.6;color:var(--fpd-surface-note)}.fun-economics__note--small{font-size:.75rem;line-height:1.5}.fun-economics__sources{margin-top:2.5rem;padding:1.5rem 1.75rem;border:1px solid var(--fpd-border);border-radius:calc(var(--fpd-radius) * .85);background:var(--fpd-card-elevated-bg);display:grid;gap:1rem;box-shadow:0 2px 12px -6px #0f172a26}.fun-economics__sources-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.fun-economics__sources-title{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.fun-economics__sources-updated{font-size:.75rem;color:var(--fpd-foreground-muted)}.fun-economics__source-list{margin:0;padding-left:1.1rem;display:grid;gap:.5rem;font-size:.8rem}.fun-economics__source-list li{list-style:disc}.fun-economics__source-list a{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}.fun-economics__source-list p{margin:.35rem 0 0;color:var(--fpd-foreground-muted);font-size:.75rem;line-height:1.4}.fun-economics__errors{border-radius:.65rem;border:1px solid rgba(248,113,113,.6);background:#f8717126;color:#fee2e2;padding:.75rem 1rem;display:none}.fun-economics__errors.is-visible{display:block}.fun-economics__errors ul{margin:0;padding-left:1.25rem;display:grid;gap:.35rem;font-size:.85rem}.fun-economics__table{width:100%;border-collapse:collapse;font-size:.9375rem;margin-top:.5rem}.fun-economics__table th,.fun-economics__table td{padding:.875rem .75rem;text-align:left}.fun-economics__table th:first-child,.fun-economics__table td:first-child{padding-left:0}.fun-economics__table th:last-child,.fun-economics__table td:last-child{padding-right:0}.fun-economics__table tbody tr+tr{border-top:1px solid var(--fpd-border)}.fun-economics__table thead{color:var(--fpd-foreground-muted);font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid var(--fpd-border)}.fun-economics__table thead th{padding-bottom:.75rem}.fun-economics__table strong{font-weight:700}@media (max-width: 639px){.fun-economics{padding:clamp(2rem,4vw,3rem) 0}.fun-economics__title{font-size:clamp(2rem,8vw,2.5rem)}.fun-economics__card{padding:clamp(1.5rem,4vw,2rem)}.fun-economics__fieldset{padding:1.25rem}.fun-economics__stat-grid{gap:1.25rem}.fun-economics__sources{padding:1.25rem}}@media (min-width: 640px){.fun-economics__input-row{gap:1.25rem}}@media (prefers-reduced-motion: reduce){.fun-economics__button,.fun-economics__bar-fill,.fun-economics__field--checkbox{transition-duration:0ms}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/fun-per-dollar-calculator.css.map */