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}.value{text-anchor:middle;alignment-baseline:middle;fill:#fff;opacity:0;font-size:1rem;font-weight:500;transition:opacity .1s ease-out}.point>circle{fill:var(--mdf-color-text-brand-primary-default);r:6px;stroke:rgb(from var(--mdf-color-text-brand-primary-default) r g b / calc(alpha - .6));stroke-width:6px;cursor:pointer;transition:stroke .2s ease-out}.point>circle:hover,.point>circle.active{stroke:rgb(from var(--mdf-color-text-brand-primary-default) r g b / calc(alpha - .4))}.focus-ring{fill:none;stroke-width:2px;stroke:var(--mdf-color-text-default);pointer-events:none;stroke-linejoin:round}#tooltip-container{pointer-events:none}#tooltip-container .tooltip{background-color:var(--mdf-color-background-brand-primary);border:1px solid var(--mdf-color-border-brand-primary);box-shadow:0px 1px 1px var(--mdf-color-transparent-300);border-radius:5px;padding:2px 4px;display:inline-flex}@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}}