body{background:linear-gradient(20deg, var(--mdf-color-text-brand-primary-default), var(--mdf-color-background-brand-primary));min-height:100vh;padding:1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.back{cursor:pointer;margin-bottom:1rem;display:inline-block}.card-container{background:#ffffff65;border-radius:40px;width:fit-content;padding:10px;transition:background .2s ease-out,box-shadow .2s ease-out;box-shadow:0 0 4px #0000001b}.card-container .card{box-shadow:none;background-color:#fff;border:none;border-radius:30px;padding:1.5rem}.card-container .card .title,.card-container .card .subtitle{margin-bottom:10px}.card-container:hover{background:#ffffff3a;box-shadow:0 0 4px #0000}.entry-button{appearance:none;color:var(--mdf-color-text-brand-primary-default);cursor:pointer;font-size:inherit;background:0 0;border:none;border-radius:3px;padding:0;text-decoration:underline}.entry-button:focus-visible{outline:2px solid var(--mdf-color-text-default);outline-offset:2px}.exit-block{display:inline}.exit-block:focus{outline:2px solid var(--mdf-color-text-default);outline-offset:2px;border-radius:3px}.tick>line{stroke:#cdcdcd;stroke-width:2px;stroke-dasharray:8 8}.tick>text{fill:#505050;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:600}.bar-bg{fill:var(--mdf-color-text-brand-primary-default);stroke:rgb(from var(--mdf-color-text-brand-primary-default) r g b / calc(alpha - .6));stroke-width:10px;transition:stroke .2s ease-out}.value{text-anchor:middle;alignment-baseline:middle;fill:#fff;opacity:0;font-size:1.2rem;font-weight:500;transition:opacity .1s ease-out}.bar:hover>.bar-bg{stroke:rgb(from var(--mdf-color-text-brand-primary-default) r g b / calc(alpha - .4))}.bar:hover>.value,.bar.active>.value{opacity:1}.focus-ring{fill:none;stroke-width:2px;stroke:var(--mdf-color-text-default);pointer-events:none}@media (width<=750px){.card-container .card{padding:1rem}.tick>text{font-size:.7rem;font-weight:400}.title{font-size:1rem}}@media (width<=450px){.tick>text{font-size:.5rem}}