.calculator-page{flex-direction:column;gap:.875rem;display:flex}@media (min-width:40rem){.calculator-page{gap:1.125rem}}@media not (min-width:48rem){.calculator-page>[data-game-head]{padding-block:.5rem}}.calculator-title{font-size:calc(var(--text-heading) * 1.1);letter-spacing:-.025em;font-weight:800;line-height:1.08}@media (min-width:48rem){.calculator-title{font-size:calc(var(--text-heading) * 1.3)}}.calculator-workspace{grid-template-columns:minmax(0,1fr);align-items:start;gap:.875rem;display:grid}.calculator-below{flex-direction:column;gap:.875rem;min-width:0;display:flex}.calculator-rail{display:contents}.calculator-workspace>.calculator-rail>.calculator-aside{order:1}.calculator-rail>.calculator-fix{order:2}.calculator-workspace>.calculator-below{order:3}.calculator-rail>.calculator-rail-card{order:5}@media (min-width:64rem){.calculator-workspace{grid-template-columns:minmax(0,1fr) 22rem;grid-template-areas:"board aside""below aside";gap:1.5rem}.calculator-board{grid-area:board}.calculator-aside,.calculator-rail{top:calc(var(--bar-offset,72px) + 1.5rem);grid-area:aside;position:sticky}.calculator-rail{max-height:calc(100svh - var(--bar-offset,72px) - 3rem - var(--ad-rail-top,0px));overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;gap:1rem;display:flex;overflow-y:auto}.calculator-rail::-webkit-scrollbar{display:none}.calculator-rail>.calculator-aside{position:static}.calculator-below{grid-area:below;gap:1.25rem}}.calculator-board.surface{background:var(--card);flex-direction:column;gap:1rem;padding:.875rem;display:flex}@media (min-width:40rem){.calculator-board.surface{padding:1.25rem}.calculator-aside>[data-slot=trade-done-ask]{margin-block-start:1rem}}.board-sides{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}@container sides (min-width:34rem){.board-sides{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1rem}}@container sides not (min-width:34rem){.board-sides>.side-split{flex-direction:row}}.board-sides>.side-split>[data-part=line]{background:color-mix(in oklab, var(--foreground) 16%, transparent)}.board-dock{border-top:1px solid var(--offer-panel-edge);padding-top:.875rem}.calculator-board .board-empty-add{background:0 0;gap:.625rem;min-height:9rem}@media (min-width:40rem){.calculator-board .board-empty-add{min-height:11.5rem}}.calculator-board .board-empty-add .float-empty-plus{width:3rem;height:3rem;box-shadow:0 0 0 6px color-mix(in oklab, var(--brand-ink) 10%, transparent), var(--button-primary-rest)}.calculator-board .board-empty-add .float-empty-plus svg{width:1.5rem;height:1.5rem}.calculator-board .board-empty-add .float-empty-plus+span{font-size:var(--text-title-md)}.calculator-board [data-slot=calculator-side][data-previewing]{border-radius:var(--radius-2xl);background:color-mix(in oklab, var(--primary) 9%, transparent);box-shadow:0 0 0 .5rem color-mix(in oklab, var(--primary) 9%, transparent), 0 0 0 calc(.5rem + 2px) color-mix(in oklab, var(--primary) 55%, transparent)}.ghost-cell [data-slot=float-card]{outline:2px solid color-mix(in oklab, var(--primary) 80%, transparent);outline-offset:-2px;background:color-mix(in oklab, var(--primary) 14%, var(--card))}.calculator-recent{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));grid-auto-rows:1fr;gap:.5rem;display:grid}@container float not (min-width:23rem){.calculator-sides [data-slot=float-name]{font-size:var(--text-body)}}@media not (min-width:40rem){.calculator-workspace>.calculator-rail>.calculator-aside{display:contents}.calculator-workspace [data-slot=calculator-verdict],.calculator-workspace [data-slot=calculator-empty]{order:4}.calculator-workspace [data-slot=trade-done-ask]{order:1}.surface[data-slot=calculator-verdict]{z-index:20;box-shadow:inset 0 0 0 1px var(--offer-panel-edge), 0 -12px 30px -10px rgb(var(--landing-black-rgb) / .45);gap:.625rem;padding:.75rem .875rem;position:sticky;bottom:.5rem}:root:has([data-slot=site-nav-bottom]) .surface.calculator-verdict{bottom:calc(var(--bar-foot) + 1.75rem);margin-inline:-.25rem;padding-bottom:2.5rem}:root:has([data-slot=actions-dock]) .calculator-verdict{bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}:root .surface[data-slot=calculator-verdict][data-word]{padding:1.25rem 1.25rem max(1.25rem, env(safe-area-inset-bottom,0px));border-end-end-radius:0;border-end-start-radius:0;gap:1rem;margin-inline:calc(50% - 50vw);bottom:0}[data-slot=calculator-verdict] [data-slot=verdict-plain],[data-slot=calculator-verdict] [data-slot=verdict-gap],[data-slot=calculator-verdict] [data-slot=result-sum],[data-slot=calculator-verdict] [data-slot=verdict-demand],[data-slot=calculator-verdict] [data-slot=calculator-says]>span{display:none}.calculator-sides button{scroll-margin-bottom:15rem}body:has([data-slot=actions-root]) .calculator-acts{padding-inline-end:3.5rem}:root .calculator-verdict[data-word] .calculator-acts{padding-inline-end:0}body:has([data-slot=actions-root]) .calculator-empty{text-align:start;flex-wrap:nowrap;justify-content:flex-start;padding-inline-end:4.5rem}}@media (not (min-width:40rem)) and (max-height:30rem){.surface[data-slot=calculator-verdict]{position:static}}@media (min-width:40rem) and (not (min-width:64rem)){body:has([data-slot=actions-root]) .calculator-acts{padding-inline-end:4.5rem}}@media (min-width:64rem){body:has([data-slot=actions-root]) .calculator-page{width:min(100%,100vw - 12rem);margin-inline:auto}}[data-slot=calculator-details] [data-slot=share-bar] li>span{font-size:var(--text-body);line-height:var(--text-body--line-height)}.calculator-page{--border:color-mix(in oklab, var(--foreground) 9%, transparent);--offer-panel-edge:color-mix(in oklab, var(--foreground) 9%, transparent)}.dark .calculator-page{--border:var(--border-soft);--offer-panel-edge:var(--border-soft)}.calculator-page :is(.float-add,.float-add-shell,.float-add-foot){border-color:color-mix(in oklab, var(--muted-foreground) 22%, transparent)}.dark .calculator-page :is(.float-add,.float-add-shell,.float-add-foot){border-color:color-mix(in oklab, var(--muted-foreground) 32%, transparent)}@media (prefers-reduced-motion:no-preference){.calculator-aside,.calculator-rail{transition:top .3s cubic-bezier(.2,0,0,1)}}.recent-side-choice{background:color-mix(in oklab, var(--card) 55%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
