@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&family=Roboto&display=swap);:root{--default__fs:1rem;--default__br:15px;--default__padding:15px;--color__text:#4d4d4d;--color__primary:#56ccce;--color__primaryLight:#a3e1dc;--color__secondary:#fcb9a9;--color__secondaryLight:#ffdbcb;--color__background:#eee9e6;--view__color:#fff}*{margin:0;box-sizing:border-box;font-family:"Roboto";color:#4d4d4d;color:var(--color__text)}h1,h2,h3,h4,h5,h6{font-family:"Open Sans"}p{font-size:1rem;font-size:var(--default__fs)}.svgWrapper{top:0;left:0;position:fixed;height:100vh;width:100vw;z-index:1}svg{width:100%;height:100%;margin:auto;overflow:visible}svg .song:hover{cursor:pointer}#root,body,html,main{height:100%;overflow:hidden;background-color:#eee9e6;background-color:var(--color__background)}main{overflow-y:auto;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;z-index:3}main,section{position:relative}section{scroll-snap-align:start;height:100vh;width:100vw;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center}section>*{z-index:2}.hover-modal__body{padding:15px;padding:var(--default__padding)}.hover-modal__body>span{margin:2px 0}.section__introduction{font-weight:700;font-size:1.8rem;text-align:center}.section__viewByType>div{background-color:hsla(0,0%,100%,.75);border-radius:15px;border-radius:var(--default__br);padding:30px}.section__viewByType>div>h1{text-align:center;font-size:2rem}.section__viewByType>div>div{display:flex}.section__viewByType label{pointer-events:all;width:-webkit-max-content;width:-moz-max-content;width:max-content;font-weight:700;background-color:#56ccce;background-color:var(--color__primary);color:#fff;padding:10px 15px;border-radius:100vh;margin:5px 0;cursor:pointer;transition:all .25s ease-out}.section__viewByType label:focus,.section__viewByType label:hover{transform:scale(1.1)}.section__viewByType input[type=radio]:checked+label{background-color:#fcb9a9;background-color:var(--color__secondary);cursor:default}.section__viewByType input{display:none}.section__viewByType form{display:flex;flex-direction:column;justify-content:center;padding-right:15px;padding-right:var(--default__padding)}.section__viewByType .svgContainer{min-height:500px;min-width:500px;position:relative}.section__viewByType .svgContainer>.viewByType__content{position:absolute;min-height:500px;min-width:500px;display:flex;justify-content:center;align-items:center}.section__viewByType .slice{pointer-events:all;cursor:pointer}.viewByType__individual,.viewByType__summary{display:flex;flex-direction:column;align-items:center}.viewByType__summary p{font-size:1.5rem}.viewByType__content .hover-tooltip{position:absolute;font-size:.6rem;color:#4d4d4d;width:100%;text-align:center}.viewByType__content .hover-tooltip span{position:absolute;transform-origin:top;width:5px;text-align:center}.viewByType__individual{padding:100px;text-align:center}.section__highestViewByYear>div>h1{text-align:center;font-size:2rem}.section__highestViewByYear>div{background-color:hsla(0,0%,100%,.75);border-radius:15px;border-radius:var(--default__br);padding:30px}.highestViewByYear_controls{display:flex;justify-content:center;margin:15px 0;margin:var(--default__padding) 0;font-size:1.5rem}.highestViewByYear_controls>*{pointer-events:all}.highestViewByYear_controls input{border:none;background-color:transparent;text-align:center;margin:0 15px;margin:0 var(--default__padding);font-size:1.5rem}.highestViewByYear_controls button{border:none;background-color:transparent;cursor:pointer;border-radius:100vh;padding:0;width:2rem}.highestViewByYear_controls button:hover{border:none;background-color:#d3d3d3;outline:0}.highestViewByYear_controls button:focus{outline:0}.highestViewByYear_controls input::-webkit-inner-spin-button{-webkit-appearance:none}.section__highestViewByYear .svgContainer{min-height:300px;min-width:600px;position:relative;overflow:hidden}.section__highestViewByYear svg{min-height:300px;min-width:600px;position:relative;z-index:3;pointer-events:all;cursor:move}.youtube__container{position:fixed;height:270px;width:100vw;max-width:480px;background-color:#fff;bottom:0;left:0;z-index:5;transform:translate(0);transition:transform .25s ease}.youtube__container.expand{transform:translateY(270px)}.youtube__container>div:not(.playerToggle){height:100%;width:100%}.playerToggle{position:absolute;background-color:#fff;height:30px;width:30px;top:-30px;left:calc(50vw - 15px);border-radius:100vh 100vh 0 0;cursor:pointer}.playerInstruction,.playerToggle{display:flex;justify-content:center;align-items:center}.playerInstruction{height:100%;width:100%;overflow:hidden}@media only screen and (min-width:480px){.youtube__container{transform:translate(calc(50vw - 240px),270px)}.youtube__container.expand{transform:translate(calc(50vw - 240px))}.playerToggle{left:225px}}@media only screen and (min-width:768px){.section__introduction{font-size:3rem}}
/*# sourceMappingURL=main.ccb6357f.chunk.css.map */