@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&family=DM+Sans:wght@400;500;600&display=swap");*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{background:#f6f3ee;font-family:DM Sans,sans-serif;color:#2c2c2c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#2c2c2c;color:#f6f3ee}.pill{transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.pill:hover:not(.pill-active){background:hsla(0,0%,100%,.9)!important;border-color:#c8c3bb!important;box-shadow:0 1px 4px rgba(0,0,0,.04)}.option-card{transition:all .2s cubic-bezier(.16,1,.3,1)}.option-card:hover:not(.option-active){background:hsla(0,0%,100%,.95)!important;border-color:#c8c3bb!important;box-shadow:0 2px 8px rgba(0,0,0,.05);transform:translateY(-1px)}.option-card:active{transform:translateY(0)!important}.input-field{transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:#2c2c2c!important;box-shadow:0 0 0 3px rgba(44,44,44,.06)!important;outline:none}.btn-primary{transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-primary:hover{box-shadow:0 4px 12px rgba(0,0,0,.12);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.results-enter{opacity:0;transform:translateY(12px);transition:all .5s cubic-bezier(.16,1,.3,1)}.results-visible{opacity:1;transform:translateY(0)}.justify-toggle{transition:color .15s}.justify-toggle:hover{color:#ddd!important}.bar-segment{transition:width .6s cubic-bezier(.16,1,.3,1)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:#ddd8d0;outline:none;width:100%;margin-top:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#2c2c2c;cursor:pointer;border:3px solid #f6f3ee;box-shadow:0 1px 4px rgba(0,0,0,.15);-webkit-transition:transform .15s,box-shadow .15s;transition:transform .15s,box-shadow .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px rgba(0,0,0,.2)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#2c2c2c;cursor:pointer;border:3px solid #f6f3ee;box-shadow:0 1px 4px rgba(0,0,0,.15)}@media (max-width:600px){.input-row,.option-row,.results-grid{grid-template-columns:1fr!important}}