body{padding:1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:linear-gradient(20deg,var(--mdf-color-text-brand-primary-default),var(--mdf-color-background-brand-primary));min-height:100vh}.back{display:inline-block;margin-bottom:1rem;cursor:pointer}.card-container{width:fit-content;padding:10px;border-radius:40px;background:#ffffff65;box-shadow:0 0 4px #0000001b;transition:background .2s ease-out,box-shadow .2s ease-out}.card-container .card{background-color:#fff;border-radius:30px;padding:1.5rem;border:none;box-shadow:none}.card-container .card .title,.card-container .card .subtitle{margin-bottom:10px}.card-container:hover{box-shadow:0 0 4px #0000;background:#ffffff3a}.entry-button{appearance:none;background:none;color:var(--mdf-color-text-brand-primary-default);border:none;border-radius:3px;padding:0;text-decoration:underline;cursor:pointer;font-size:inherit}.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-weight:600;font-size:1rem}.value{transition:opacity .1s ease-out;text-anchor:middle;alignment-baseline:middle;fill:#fff;font-size:1rem;font-weight:500;opacity:0}.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{display:inline-flex;background-color:var(--mdf-color-background-brand-primary);border:1px solid var(--mdf-color-border-brand-primary);box-shadow:0 1px 1px var(--mdf-color-transparent-300);padding:2px 4px;border-radius:5px}@media(max-width:750px){.card-container .card{padding:1rem}.tick>text{font-size:.7rem;font-weight:400}.title{font-size:1rem}}@media(max-width:450px){.tick>text{font-size:.5rem}}