:root{color:#333;font-family:Verdana,Geneva,Tahoma,sans-serif}body{background-color:#fff5e7}text{fill:currentColor}.main-scrolly{display:flex;flex-direction:column}.main-scrolly>div{--borderRadius:0.2rem;background-color:#fff8ef;border-radius:var(--borderRadius);margin-inline:auto;position:relative;text-align:center;width:min(90rem,100%)}.main-scrolly>div:after{border-radius:var(--borderRadius);box-shadow:0 54px 55px #7a501440,0 -12px 30px #7a50141f,0 4px 6px #7a50141f,0 12px 13px #7a50142b,0 -3px 5px #7a501417;content:"";inset:0;opacity:.3;position:absolute;transition:opacity .2s;z-index:-1}.main-scrolly>div.focused:after{opacity:1}.main-scrolly>:first-child{--approx-card-height:20rem;margin-bottom:calc(50vh - var(--approx-card-height)/2);margin-top:calc(50vh - var(--approx-card-height)/2)}.main-scrolly>:last-child{margin-block:20vh}.scroll-card{max-width:30rem;padding:1rem}.example-vizes-card{margin-block:2rem;padding:1rem}.vizes{align-items:center;display:flex;gap:.5rem;justify-content:center}.axis-y-label{text-anchor:middle;alignment-baseline:hanging}.bar-graph .axis-x .tick text{text-anchor:end;transform:translate(-10px) rotate(-45deg)}.bars{fill:#4682b4}.bucket-label text{text-anchor:middle;alignment-baseline:middle;font-size:.5rem}
/*# sourceMappingURL=main.17ed2d19.css.map*/