.fluid-fraction-comparison_comparison___ccS8{width:100%;--travel-x:var(--compare-travel,0px);--travel-y:0px}.fluid-fraction-comparison_bars__R47Wi{display:flex;justify-content:space-between;gap:16px}.fluid-fraction-comparison_bars__R47Wi>div{flex:0 0 var(--original-card-width,calc(45% - 7.2px));width:var(--original-card-width,calc(45% - 7.2px));height:var(--original-card-height,187px);min-width:0;position:relative}.fluid-fraction-comparison_secondBar__FjVHl{z-index:2}.fluid-fraction-comparison_secondBar__FjVHl .fluid-fraction-comparison_fractionLabel__02PKB{text-align:right}.fluid-fraction-comparison_fluidBar__vicli{position:relative;height:100px;margin-top:20px;overflow:hidden;border:2px solid var(--slate-950);border-radius:16px;background:#fff}.fluid-fraction-comparison_fluidHalf__1sKq0{position:absolute;inset:0 auto 0 0;width:50%;z-index:1}.fluid-fraction-comparison_halfLine__KtAcP,.fluid-fraction-comparison_quarterLine__vsstF{position:absolute;inset-block:0;width:2px;background:rgb(154 154 154/45%);z-index:2;transform:translateX(-1px)}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.fluid-fraction-comparison_comparison___ccS8[data-phase=waiting] .fluid-fraction-comparison_bars__R47Wi>div{opacity:0}}@media (prefers-reduced-motion:no-preference){.fluid-fraction-comparison_comparison___ccS8[data-phase=playing] .fluid-fraction-comparison_firstBar__XWCCL{animation:fluid-fraction-comparison_first-card__T54Yi 4.9s cubic-bezier(.16,1,.3,1) both}.fluid-fraction-comparison_comparison___ccS8[data-phase=playing] .fluid-fraction-comparison_firstBar__XWCCL .fluid-fraction-comparison_fluidHalf__1sKq0{transform-origin:left center;animation:fluid-fraction-comparison_first-fill__FjY5D 4.9s cubic-bezier(.22,1,.36,1) both}.fluid-fraction-comparison_comparison___ccS8[data-phase=playing] .fluid-fraction-comparison_secondBar__FjVHl{animation:fluid-fraction-comparison_second-card__9ebqb 4.9s cubic-bezier(.16,1,.3,1) both}.fluid-fraction-comparison_comparison___ccS8[data-phase=playing] .fluid-fraction-comparison_secondBar__FjVHl .fluid-fraction-comparison_fluidHalf__1sKq0{transform-origin:left center;animation:fluid-fraction-comparison_second-fill__BfJPv 4.9s cubic-bezier(.22,1,.36,1) both}.fluid-fraction-comparison_comparison___ccS8[data-phase=playing] .fluid-fraction-comparison_firstBar__XWCCL .fluid-fraction-comparison_fractionLabel__02PKB{animation:fluid-fraction-comparison_first-label__0SFWI 4.9s ease both}.fluid-fraction-comparison_comparison___ccS8[data-phase=playing] .fluid-fraction-comparison_secondBar__FjVHl .fluid-fraction-comparison_fractionLabel__02PKB{animation:fluid-fraction-comparison_second-label__oI0xJ 4.9s ease both}}@keyframes fluid-fraction-comparison_first-card__T54Yi{0%{opacity:0;transform:translateY(8px)}10%,60%{opacity:1;transform:translate(0)}74%,84%{opacity:1;transform:translate(var(--travel-x),var(--travel-y))}to{opacity:1;transform:translate(0)}}@keyframes fluid-fraction-comparison_first-fill__FjY5D{0%,8%{transform:scaleX(0)}24%,to{transform:scaleX(1)}}@keyframes fluid-fraction-comparison_first-label__0SFWI{0%,22%{opacity:0}28%,to{opacity:1}}@keyframes fluid-fraction-comparison_second-card__9ebqb{0%,26%{opacity:0;transform:translateY(8px)}36%,60%{opacity:1;transform:translate(0)}74%,84%{opacity:.45;transform:translate(calc(0px - var(--travel-x)),calc(0px - var(--travel-y)))}to{opacity:1;transform:translate(0)}}@keyframes fluid-fraction-comparison_second-fill__BfJPv{0%,34%{transform:scaleX(0)}52%,to{transform:scaleX(1)}}@keyframes fluid-fraction-comparison_second-label__oI0xJ{0%,50%{opacity:0}58%,to{opacity:1}}@media (max-width:1279px),(max-width:1399px) and (pointer:coarse){.fluid-fraction-comparison_comparison___ccS8{--travel-y:0px}.fluid-fraction-comparison_bars__R47Wi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fluid-fraction-comparison_bars__R47Wi>div{width:100%;height:auto;padding:12px;border-radius:16px}.fluid-fraction-comparison_fluidBar__vicli{height:64px;margin-top:12px;border-radius:10px}}@media (min-width:640px) and (max-width:1279px),(min-width:640px) and (max-width:1399px) and (pointer:coarse){.fluid-fraction-comparison_bars__R47Wi{gap:20px}.fluid-fraction-comparison_bars__R47Wi>div{padding:20px;border-radius:24px}.fluid-fraction-comparison_fluidBar__vicli{height:96px;margin-top:16px;border-radius:14px}}