@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";body{margin:0;overflow-x:hidden}.heroWrapper{width:100%;height:100vh;background-color:#2a2a2a;display:flex;flex-direction:column;gap:32px;justify-content:center;position:relative;z-index:10000}.heroWrapper>*{color:#fff;margin:0 0 0 32px;width:60%;transform:translateY(-20%);opacity:0%;transition:.5s all ease-in-out}.heroWrapper>h1{font-size:clamp(128px,10vh,200px);color:#3c6aff}.heroWrapper>h2{font-size:clamp(36px,3vh,50px);font-family:Inter}.heroWrapper>p{font-size:clamp(32px,2vh,48px);font-family:Inter}.heroWrapper.isVisible>*{transform:translateY(0);opacity:100%;transition:.5s all ease-in-out}.heroWrapper>img{position:absolute;right:5%;top:90%;margin:0 auto;width:30px;animation:bounce .5s linear infinite alternate;filter:drop-shadow(0 0 1rem white)}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(20%)}}.mainContainer{height:100vh;display:grid;grid-template-columns:3fr 1.75fr;grid-template-rows:1.5fr 4fr;background-color:#2a2a2a;transition:.5s all ease-in-out}.mainContainer.isVisible{background-color:#fff}.infoPanel{border-left:1px solid lightgray;grid-area:2 / 2 / 3 / 3;transform:translate(100%);opacity:0%;transition:transform .75s ease-in-out,opacity .5s ease-in-out .25s}.mainContainer.isVisible>.infoPanel{transform:translate(0);opacity:100%}.infoPanel{padding:2rem 2rem 0px;display:flex;flex-direction:column}.infoPanel>div{display:flex;flex-direction:column;border-bottom:1px solid darkgray}.title{margin-bottom:4rem}.subTitle{gap:1rem;margin-bottom:2rem}.misc{gap:1rem}.infoPanel>*>p{margin:0;font-family:Inter;font-weight:500}.id{font-size:.75rem;font-weight:800}.name{font-size:3rem;font-weight:800}.price,.year,.hours,.ratings{font-size:1.5rem;border-bottom:1px dotted darkgray}.genres,.studio{font-size:1.75rem}._rects_1dqgd_1{transition:.5s all ease-in-out}._active_1dqgd_5._selected_1dqgd_5,._selected_1dqgd_5{fill:#006400;fill-opacity:1!important}._active_1dqgd_5{fill:green;fill-opacity:.6}._inactive_1dqgd_15{fill:#000;fill-opacity:1}._svgWrapper_1dqgd_20,._swarmWrapper_1dqgd_20{position:absolute;opacity:0;visibility:hidden;transition:.5s all ease-in-out}._svgWrapper_1dqgd_20._activeChart_1dqgd_27,._swarmWrapper_1dqgd_20._activeChart_1dqgd_27{position:absolute;opacity:1;visibility:visible;transition:.5s all ease-in-out}@keyframes _FlyIn_1dqgd_1{0%{opacity:1;visibility:visible}}._header_9mzhl_1{grid-area:1 / 1 / 2 / 3;transform:translateY(-100%);opacity:0%;transition:transform .75s ease-in-out,opacity .7s ease-in-out .25s;pointer-events:none;display:flex;flex-direction:column;gap:32px;font-family:Inter}._header_9mzhl_1>*{margin:16px 0 0 16px}.mainContainer.isVisible>._header_9mzhl_1{pointer-events:all;border-bottom:1px solid lightgray;box-shadow:0 0 1rem #a9a9a9;transform:translateY(0);opacity:100%}._hero_9mzhl_26{display:flex;flex-direction:column;gap:16px}._hero_9mzhl_26>h2,._controlPanel_9mzhl_33>p{margin:0;font-size:1.5rem}._hero_9mzhl_26>div{display:flex;gap:16px}._controlPanel_9mzhl_33{margin-top:0}._controls_9mzhl_47{display:flex;gap:16px}._btn_1sqnq_1{background-color:#3c6aff;border:none;max-width:100%;height:2.25rem;border-radius:10px;color:#fff;filter:drop-shadow(0px 5px 0px black);font-size:1rem;font-weight:700;transform:translateY(0);transition:.1s transform ease-out,.1s filter ease-in-out;cursor:pointer}._btn_1sqnq_1:active,._btn_1sqnq_1._inactive_1sqnq_16{filter:drop-shadow(0px 0px 0px black);transform:translateY(5px);background-color:#213987;color:#9d9d9d}._btn_1sqnq_1._inactive_1sqnq_16{pointer-events:none}._chartWrapper_1s0mo_1{grid-area:2 / 1 / 3/ 2;display:flex;place-content:space-around;place-items:center;flex-direction:column;position:relative}