body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}.App{align-items:center;justify-content:center;width:100vw}.App,.dashboard{background:#fff;display:flex;height:900px;position:absolute}.dashboard{width:1410px}.sidebar{background:#f6f6fb;box-shadow:inset 0 4px 4px rgba(0,0,0,.25);flex:1 1;height:912px;left:0;position:absolute;top:-6px;width:295px}.top{display:flex;margin-top:20px;width:100%}.circle{background:#e17cfd;border-radius:50%;display:flex;height:65px;left:36px;position:relative;top:38px;width:65px;z-index:1}.innerCircle{background:#4cd7f6;border-radius:50%;-webkit-filter:blur(11.5px);filter:blur(11.5px);height:38px;left:45px;position:absolute;top:25px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:38px;z-index:2}.searchIcon{display:flex;height:30px;margin-left:20px;margin-top:20px;position:absolute;width:30px;z-index:3}.top>span{color:#000;font-family:Roboto;font-size:20px;font-weight:700;line-height:23px;margin-left:120px;margin-top:60px;position:absolute}.bottom,.middle{display:flex;justify-content:center;margin-top:100px}ul{list-style:none;margin:0;padding:0;width:100%}li{align-items:center;border-right:0 solid #7166f9;cursor:pointer;display:flex;height:64px;padding-left:20px;&:hover{background-color:#fff;border-right-width:5px}}li>span{font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;letter-spacing:-.005em;line-height:16px;padding:20px}.sidebaricon{height:20px;padding:10px;width:20px}.displayer{flex:3 1;height:900px}.navbar{height:147.06px;left:317px;width:1039px}.group1,.navbar{position:absolute;top:25px}.group1{height:50.11px;width:1030px}.group1>.left{align-items:center;height:50.03px;position:absolute;width:246px}.group1>.right{height:45px;left:826px;width:204px}.group1>.right,.keybasewrapper{align-items:center;display:flex;position:absolute}.keybasewrapper{background:#f6f6fb;border-radius:12px;height:50.03px;justify-content:center;width:52px}.left>.selectdropdown{height:22.13px;left:60px;position:absolute;width:120px}.left>.selectdropdown>select{border:none;color:#000;font-family:Roboto;font-size:20px;font-style:normal;font-weight:700;line-height:23px;&:hover{color:#7166f9}}.left>.pluswrapper{align-items:center;border-radius:50%;display:flex;height:38.49px;justify-content:center;left:200px;position:absolute;width:40px}.right>.profileicon{border-radius:12px;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));height:45px;position:absolute;width:43px}.right>.selectdropdown{height:22.13px;left:50px;position:absolute;width:120px}.right>.selectdropdown>select{border:none;color:#000;font-family:Roboto;font-size:20px;font-style:normal;font-weight:700;line-height:23px;&:hover{color:#7166f9}}.group2{background:#f6f6fb;height:.98px;top:77.94px;width:1028px}.group2,.group3{position:absolute}.group3{height:52px;top:120.06px;width:1030px}.group3>h1{color:#575353;font-family:Alatsi;font-size:36px;font-style:normal;font-weight:700;height:44.26px;line-height:46px;position:absolute;width:266px}.group3>.questionwrapper{align-items:center;border-radius:50%;display:flex;height:48.49px;justify-content:center;left:300px;position:absolute;width:50px}.group3>.questionwrapper>img{bottom:82.57%;left:44.29%;position:absolute;right:53.98%;top:14.84%}.group3>.frames{background-color:#fff;gap:5px;justify-content:flex-start;left:642px;width:398px}.frame1,.group3>.frames{display:flex;height:52px;position:absolute}.frame1{align-items:center;background:#7166f9;border-radius:32px;justify-content:center;width:92px}.frame1>h1{color:#f6f6fb;font-family:Neuton;font-size:14px;font-style:normal;height:32px;letter-spacing:-.005em;line-height:32px;width:44px}.frame2{align-items:center;background:#f6f6fb;border-radius:32px;display:flex;height:52px;justify-content:center;left:100px;position:absolute;width:92px;&:hover{background-color:#7166f9}}.frame2>h1{color:#7166f9;font-family:Neuton;font-size:14px;font-style:normal;height:32px;letter-spacing:-.005em;line-height:32px;width:44px;&:hover{color:#f6f6fb}}.frame3{align-items:center;background:#f6f6fb;border-radius:32px;display:flex;height:52px;justify-content:center;left:200px;position:absolute;width:95px;&:hover{background-color:#7166f9}}.frame3>h1{color:#7166f9;font-family:Neuton;font-size:14px;font-style:normal;height:32px;letter-spacing:-.005em;line-height:32px;width:60px;&:hover{color:#f6f6fb}}.frame4{align-items:center;background:#f6f6fb;border-radius:32px;display:flex;height:52px;justify-content:center;left:303px;position:absolute;width:95px;&:hover{background-color:#7166f9}}.frame4>h1{color:#7166f9;font-family:Neuton;font-size:14px;font-style:normal;height:32px;letter-spacing:-.005em;line-height:32px;width:60px;&:hover{color:#f6f6fb}}.graph-displayer{background-color:rgba(237,237,246,.4);border:1px solid #f6f6fb;border-radius:32px;box-sizing:border-box;height:407.55px;left:326px;position:absolute;top:225px;width:506.46px}.graph-displayer>.text1{color:#000;font-size:20px;font-weight:400;height:31.43px;left:36.18px;letter-spacing:-.02em;line-height:32px;top:28.43px;width:92.45px}.graph-displayer>.text1,.graph-displayer>.text2{font-family:Roboto;font-style:normal;position:absolute}.graph-displayer>.text2{color:#7166f9;font-size:32px;font-weight:500;height:37.32px;left:370.8px;line-height:38px;top:21.55px;width:124.6px}hr{background:#c4c4c4;height:.98px;opacity:.5;top:87.35px}.graph-container,hr{left:36.18px;position:absolute;width:443.15px}.graph-container{height:249.44px;top:108.95px}.group1-wrapper,.group1-wrapper>.mask{background:#4cd7f6;border-radius:32px;display:flex;height:190.52px;position:absolute;width:241.17px}.group1-wrapper>.mask{-webkit-filter:blur(2px);filter:blur(2px);overflow:hidden}.group1-wrapper>.mask>.ellipse1{-webkit-filter:blur(36px);filter:blur(36px);height:119.07px;left:-30px;top:-30px;width:120.59px}.group1-wrapper>.mask>.ellipse1,.group1-wrapper>.mask>.ellipse2{background:#e17cfd;border-radius:50%;opacity:.9;position:absolute}.group1-wrapper>.mask>.ellipse2{-webkit-filter:blur(49.5px);filter:blur(49.5px);height:191.51px;left:100px;top:50px;width:208.01px}.group1-wrapper>.text1{color:#f6f6fb;font-family:Roboto;font-size:32px;font-style:normal;font-weight:700;height:37.71px;left:20px;line-height:38px;position:absolute;top:85px;width:104.51px}.group1-wrapper>.graphicon-wrapper{align-items:center;background:hsla(0,0%,100%,.02);border-radius:16px;display:flex;height:45px;justify-content:center;left:30px;padding:0;position:absolute;top:20px;width:45px}.group1-wrapper>.uparrow-wrapper{align-items:center;border-radius:1px;display:flex;gap:5px;height:6.77px;justify-content:cneter;left:160px;position:absolute;top:42px;width:120px}.group1-wrapper>.uparrow-wrapper>span{color:#fff;font-family:Roboto;font-size:12px;font-style:normal;font-weight:700;line-height:14px}.group1-wrapper>.text3{color:#f6f6fb;font-family:Roboto;font-size:14px;font-style:normal;font-weight:700;height:15.88px;left:20px;line-height:16px;opacity:.72;position:absolute;top:130px;width:80.39px}.group1-wrapper>.question-circle-wrapper{align-items:center;border-radius:50%;display:flex;height:31.75px;justify-content:center;left:160px;position:absolute;top:120px;width:32.16px}.group2-wrapper{background:#f6f6fb;border-radius:32px;height:190.52px;left:265.17px;position:absolute;width:241.17px}.group2-wrapper>.text1{color:#2b2f42;font-family:Roboto;font-size:32px;font-style:normal;font-weight:700;height:37.71px;left:20px;line-height:38px;position:absolute;top:85px;width:104.51px}.group2-wrapper>.calandericon-wrapper{align-items:center;background:hsla(0,0%,100%,.02);border-radius:16px;display:flex;height:45px;justify-content:center;left:30px;padding:0;position:absolute;top:20px;width:45px}.group2-wrapper>.uparrow-wrapper{align-items:center;border-radius:1px;display:flex;gap:5px;height:6.77px;justify-content:cneter;left:176.86px;position:absolute;top:42px;width:120px}.group2-wrapper>.uparrow-wrapper>span{font-size:12px;line-height:14px}.group2-wrapper>.text3,.group2-wrapper>.uparrow-wrapper>span{color:#2b2f42;font-family:Roboto;font-style:normal;font-weight:700}.group2-wrapper>.text3{font-size:14px;height:16.69px;left:20px;line-height:16px;position:absolute;top:130px;width:139.68px}.group2-wrapper>.question-circle-wrapper{align-items:center;border-radius:50%;display:flex;height:31.75px;justify-content:center;left:160px;position:absolute;top:120px;width:32.16px}.group3-wrapper{background:#f6f6fb;border-radius:32px;display:flex;height:190.52px;position:absolute;top:216.87px;width:241.17px}.group3-wrapper>.text1{color:#2b2f42;font-family:Roboto;font-size:32px;font-style:normal;font-weight:700;height:37.71px;left:20px;line-height:38px;position:absolute;top:85px;width:104.51px}.group3-wrapper>.usericon-wrapper{align-items:center;background:hsla(0,6%,76%,.04);border-radius:16px;display:flex;height:45px;justify-content:center;left:30px;padding:0;position:absolute;top:20px;width:45px}.group3-wrapper>.downarrow-wrapper{align-items:center;border-radius:1px;display:flex;gap:5px;height:6.77px;justify-content:cneter;left:160px;position:absolute;top:42px;width:120px}.group3-wrapper>.downarrow-wrapper>span{color:#000;font-family:Roboto;font-size:12px;font-style:normal;font-weight:700;line-height:14px}.group3-wrapper>.text3{color:#2b2f42;font-family:Roboto;font-size:14px;font-style:normal;font-weight:700;height:15.88px;left:20px;line-height:16px;opacity:.72;position:absolute;top:130px;width:120px}.group4-wrapper{background:#f6f6fb;border-radius:32px;display:flex;height:190.52px;left:265.17px;position:absolute;top:216.87px;width:241.17px}.group4-wrapper>.text1{color:#2b2f42;font-family:Roboto;font-size:32px;font-style:normal;font-weight:700;height:37.71px;left:20px;line-height:38px;position:absolute;top:85px;width:104.51px}.group4-wrapper>.hourglassicon-wrapper{align-items:center;background:hsla(0,6%,76%,.04);border-radius:16px;display:flex;height:45px;justify-content:center;left:30px;padding:0;position:absolute;top:20px;width:45px}.group4-wrapper>.downarrow-wrapper{align-items:center;border-radius:1px;display:flex;gap:5px;height:6.77px;justify-content:cneter;left:160px;position:absolute;top:42px;width:120px}.group4-wrapper>.downarrow-wrapper>span{color:#000;font-family:Roboto;font-size:12px;font-style:normal;font-weight:700;line-height:14px}.group4-wrapper>.text3{color:#2b2f42;font-family:Roboto;font-size:14px;font-style:normal;font-weight:700;height:15.88px;left:20px;line-height:16px;opacity:.72;position:absolute;top:130px;width:120px}.statesdisplayer{height:407.55px;left:849.54px;position:absolute;top:220px;width:506.46px}.trafficsource1-container{background-color:rgba(237,237,246,.4);border-radius:32px;height:235px;left:326px;position:absolute;top:670px;width:504px}.trafficsource1-container>.title-wrapper1{color:#000;font-family:Roboto;font-size:20px;font-style:normal;font-weight:400;height:31px;left:33px;letter-spacing:-.02em;line-height:32px;position:absolute;top:30px;width:135px}.trafficsource1-container>hr{background:#c4c4c4;height:.98px;left:34px;position:absolute;top:87px;width:443.15px}.trafficsource1-container>.source-graph1{height:135px;left:34px;position:absolute;top:100px;width:443.15px}.source-graph1>.left1{height:135px;position:absolute;width:316px}.source-graph1>.left1>.search-bar{background:#efeff8;border-radius:12px;height:30px;position:absolute;top:14px;width:266px}.left1>.search-bar>.source-type{color:#a9a9a9;left:46px}.left1>.search-bar>.source-type,.left1>.search-bar>.source-value{font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;height:32px;letter-spacing:-.02em;line-height:32px;position:absolute;width:110px}.left1>.search-bar>.source-value{color:#b2b2b3;left:133px}.left1>.source1{height:30px;position:absolute;top:53px;width:266px}.left1>.source1>.color-box1{background:#4cd7f6;border-radius:2px;height:12px;left:19px;position:absolute;top:8px;width:18px}.left1>.source1>.source-name1{left:49px;line-height:32px;width:30px}.left1>.source1>.source-name1,.left1>.source1>.source-value1{color:#000;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;height:30px;letter-spacing:-.02em;position:absolute}.left1>.source1>.source-value1{left:160px;top:10px;width:14px}.left1>.source2{height:30px;position:absolute;top:83px;width:266px}.left1>.source2>.color-box2{background:#e17cfd;border-radius:2px;height:12px;left:19px;position:absolute;top:8px;width:18px}.left1>.source2>.source-name2{left:49px;line-height:32px;width:30px}.left1>.source2>.source-name2,.left1>.source2>.source-value2{color:#000;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;height:30px;letter-spacing:-.02em;position:absolute}.left1>.source2>.source-value2{left:160px;top:10px;width:14px}.source-graph1>.right1{align-items:center;display:flex;height:135px;justify-content:center;left:316px;padding:10;position:absolute;width:143.15px}.trafficsource2-container{background-color:rgba(237,237,246,.4);border-radius:32px;height:235px;left:850px;position:absolute;top:670px;width:504px}.trafficsource2-container>.title-wrapper2{color:#000;font-family:Roboto;font-size:20px;font-style:normal;font-weight:400;height:31px;left:33px;letter-spacing:-.02em;line-height:32px;position:absolute;top:30px;width:135px}.trafficsource2-container>hr{background:#c4c4c4;height:.98px;left:34px;position:absolute;top:87px;width:443.15px}.trafficsource2-container>.source-graph2{height:135px;left:34px;position:absolute;top:100px;width:443.15px}.source-graph2>.left2{height:135px;position:absolute;width:316px}.source-graph2>.left2>.search-bar{background:#efeff8;border-radius:12px;height:30px;position:absolute;top:14px;width:266px}.left2>.search-bar>.source-type{color:#a9a9a9;left:46px}.left2>.search-bar>.source-type,.left2>.search-bar>.source-value{font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;height:32px;letter-spacing:-.02em;line-height:32px;position:absolute;width:110px}.left2>.search-bar>.source-value{color:#b2b2b3;left:133px}.left2>.source1{height:30px;position:absolute;top:53px;width:266px}.left2>.source1>.color-box1{background:#4cd7f6;border-radius:2px;height:12px;left:19px;position:absolute;top:8px;width:18px}.left2>.source1>.source-name1{left:49px;line-height:32px;width:30px}.left2>.source1>.source-name1,.left2>.source1>.source-value1{color:#000;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;height:30px;letter-spacing:-.02em;position:absolute}.left2>.source1>.source-value1{left:160px;top:10px;width:14px}.left2>.source2{height:30px;position:absolute;top:83px;width:266px}.left2>.source2>.color-box2{background:#e17cfd;border-radius:2px;height:12px;left:19px;position:absolute;top:8px;width:18px}.left2>.source2>.source-name2{left:49px;line-height:32px;width:30px}.left2>.source2>.source-name2,.left2>.source2>.source-value2{color:#000;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;height:30px;letter-spacing:-.02em;position:absolute}.left2>.source2>.source-value2{left:160px;top:10px;width:14px}.source-graph2>.right2{align-items:center;display:flex;height:135px;justify-content:center;left:316px;padding:10;position:absolute;width:143.15px}
/*# sourceMappingURL=main.13c837a0.css.map*/