.yc-card{display:grid;grid-template-columns:1fr 1fr;max-width:800px;margin:0 auto;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgb(0 0 0 / .1)}.yc-left{background:#fff;padding:32px}.yc-field{margin-bottom:24px;text-align:left}.yc-field label{display:block;font-weight:500;margin-bottom:8px;color:var(--contrast)}.yc-value{font-size:1.4rem;font-weight:700;margin-bottom:8px;color:var(--contrast)}.yc-left input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,var(--base-3) var(--pct,50%),#dddddd var(--pct,50%));cursor:pointer}.yc-left input[type="range"]::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:#fff0}.yc-left input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--base-3);cursor:pointer;margin-top:-4px}.yc-left input[type="range"]::-moz-range-track{height:8px;border-radius:4px;background:linear-gradient(to right,var(--base-3) var(--pct,50%),#dddddd var(--pct,50%))}.yc-left input[type="range"]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--base-3);border:none;cursor:pointer}.yc-left input[type="range"]::-ms-track{height:8px;border-radius:4px;background:#fff0;border-color:#fff0;color:#fff0}.yc-left input[type="range"]::-ms-fill-lower{background:var(--base-3);border-radius:4px}.yc-left input[type="range"]::-ms-fill-upper{background:#ddd;border-radius:4px}.yc-left input[type="range"]::-ms-thumb{width:16px;height:16px;border-radius:50%;background:var(--base-3);border:none;cursor:pointer;margin-top:0}.yc-pct{font-weight:500;color:#1f3354;margin-left:4px;font-size:.9rem}.yc-right{background:var(--contrast);color:var(--base-2);padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:center}.yc-sup{color:var(--accent);font-size:1.1rem;margin:0 0 8px}.yc-economies{font-size:2.5rem;font-weight:700;margin-bottom:8px}.yc-economies.yc-pos{color:var(--accent)}.yc-economies.yc-neg{color:#F05F5F}.yc-note{font-size:.85rem;color:var(--base-2);margin:0}.yc-left .yc-value{margin-bottom:16px}.yc-right .yc-sup{margin-top:16px}.yc-right .yc-note{margin-top:12px}@media (max-width:768px){.yc-card{grid-template-columns:1fr!important;border-radius:0!important;box-shadow:none}.yc-left,.yc-right{padding:20px;border-radius:0!important}.yc-field{margin-bottom:16px}.yc-value{font-size:1.2rem}.yc-economies{font-size:2rem}.yc-note{font-size:.75rem}}