.dashboardMainContainer{background-color:var(--background-color1);flex-direction:column;align-items:center;width:100vw;min-height:100vh;display:flex;font-family:var(--sample-font)!important}.dashboardMainPage{flex-direction:column;gap:10px;width:85%;margin-top:7rem;display:flex}.dashboardTopContainer{margin-left:2%;display:flex;position:relative}.storyContainer{cursor:pointer;flex-direction:column;align-items:center;gap:10px;display:flex!important}.loadingStories{justify-content:center;align-items:center;width:95%;height:15vh;display:flex}.storiesLoaderWrapper{gap:2rem;display:flex}.loadingAd{width:90%;height:10vh;margin-left:1.75rem}.storyImageContainer{background-color:var(--white-color);border-radius:50%;width:84px;height:84px;padding:8px;transition:all .4s;position:relative;overflow:hidden}.storyImageContainer img{object-fit:contain;width:100%;height:100%}.storyImageContainer:hover{transform:scale(.9)}.storyCompanyName{font-size:var(--mini-two-content);font-weight:var(--title-upperMedium);font-family:var(--fourth-font);white-space:nowrap;text-overflow:ellipsis;max-width:90%;overflow:hidden}.slider{width:90%;margin-left:3%}.leftArrow,.rightArrow{background-color:var(--white-color);width:31px;height:31px;filter:drop-shadow(0px 4px 4px var(--black-25-color));z-index:10;cursor:pointer;opacity:1;border-radius:50%;padding:.5%;position:absolute;top:25%}.leftArrow{left:0%}.rightArrow{right:0%}.disabled{opacity:.5;cursor:default}.recentStory{background:radial-gradient(circle,var(--notification-red)30%,var(--white-color)40%);border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;display:flex;position:absolute;right:2%}.dashboardFeedAdContainer{flex-direction:row;justify-content:space-between;width:100%;padding-top:2%;padding-bottom:2%;display:flex}.postContainer{flex-direction:column;flex-basis:65%;gap:10px;width:65%;margin-left:2%;display:flex}.adContainer{flex-direction:column;gap:1rem;width:30%;display:flex;position:relative}.adImageContainer{cursor:pointer}.createNewPostContainer{background-color:var(--white-color);cursor:pointer;border-radius:12px;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:3%;display:flex}.profileImageDashboard{width:5%}.postInputBox{border:1px solid var(--border-auth);background-color:var(--white-color);border-radius:12px;flex-direction:row;justify-content:space-between;width:80%;padding-right:2%;display:flex}.publishButton{background-color:var(--primary-color);color:var(--white-color);cursor:pointer;width:15%;height:3rem;font-size:var(--medium-font-size);font-weight:700;font-family:var(--fourth-font);border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;transition:all .3s;display:flex}.publishButton:hover{background-color:var(--white-color);border:1px solid var(--primary-color);color:var(--primary-color);transition:all .3s}.postBoxPublishContainer{background-color:var(--white-color);flex-direction:row;justify-content:flex-end;gap:10px;width:95%;height:3rem;display:flex}.newPostPublishInputBox{width:85%;font-size:var(--medium-font-size);font-family:var(--fourth-font);background-color:var(--white-color);color:var(--secondary-color);border:none;outline:none;margin:1%;padding-left:1%}.createPostIcons{width:4%}.createPostButton{width:12%;color:var(--white-color);background-color:var(--primary-color);font-size:var(--title2);font-weight:var(--title-upperMedium);font-family:var(--fourth-font);cursor:pointer;border:none;border-radius:35px;outline:none;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:1%;transition:all .3s;display:flex;position:fixed;bottom:3%;right:8%;overflow:hidden;box-shadow:0 1px 1px #03071214,0 5px 4px #0307120f,0 12px 9px #0307120d,0 20px 15px #03071208,0 32px 24px #03071205}.createPostText{font-size:var(--mobile-title1)}.createPostButton:hover{background-color:var(--white-color);color:var(--primary-color);border:1px solid var(--primary-color);transition:all .3s;transform:scale(1.03)}.createPostButton:hover .createIcon{background-image:url(/feeds/postPencilBlue.svg)}.createIcon{background-image:url(/feeds/editIcon.svg);background-position:50%;background-repeat:no-repeat;width:15%;height:22px}.editIcon{width:15%}.bottomNavigationDisplay{display:none!important}.storiesSection{justify-content:center;align-items:center;gap:2rem;width:100%;height:10rem;display:flex;overflow:hidden}.storyElement{background-color:var(--white-color);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:100%;width:7rem;height:7rem;padding-left:1rem;padding-right:1rem}@media only screen and (min-width:1450px){.leftArrow{left:1%}.rightArrow{right:1%}}@media only screen and (min-width:0) and (max-width:1150px){.postBoxPublishContainer{width:88%}.bottomNavigationDisplay{display:flex!important}.adContainer{display:none}.createPostButton:hover{background-color:var(--primary-color);color:var(--white-color);border:1px solid var(--primary-color);transition:all .3s;transform:scale(1)}.postContainer{flex-basis:100%!important;padding-bottom:5rem!important}.dashboardMainPage{width:100%!important}.postContainer{margin-left:0!important}.createNewPostContainer{border-radius:0!important;align-items:center!important;height:5rem!important;padding-left:4%!important;padding-right:2%!important}.publishButton{display:none}.profileImageDashboard{width:11%!important}.postInputBox{padding-left:1%;width:95%!important}.postBoxPublishContainer{justify-content:center!important;height:3rem!important}.cretePostGalleryIcon{display:none!important}.createImageIcon{width:8%!important}.newPostPublishInputBox{width:90%;padding-left:0%;font-family:var(--fourth-font)!important;opacity:.7!important;font-size:var(--medium-font-size)!important}.storyImageContainer{width:4rem!important;height:4rem!important}.storyCompanyName{font-size:var(--border-radius-mobile)!important}.createPostText{display:none}.editIcon{width:50%!important}.createPostButton{width:4rem!important;height:4rem!important;bottom:10%!important;right:8%!important;box-shadow:0 4px 20px #0006!important}.createIcon{width:40%}.createPostButton:hover .createIcon{background-image:url(/feeds/editIcon.svg)}}@media only screen and (min-width:0) and (max-width:350px){.slider{width:100%;margin-left:unset}}@media only screen and (min-width:350px) and (max-width:480px){.createPostButton{z-index:1;bottom:13%!important}.createIcon{width:40%}.dashboardMainPage{margin-top:100px}.leftArrow{width:21px;height:21px;display:none;left:1%}.rightArrow{width:21px;height:21px;display:none;right:1%}.slider{width:100%;margin-left:unset}}@media only screen and (min-width:768px) and (max-width:1150px){.dashboardMainPage{margin-top:16vh}.createPostButton{width:20%}.postBoxPublishContainer{width:94%}.newPostPublishInputBox{width:95%}.createPostButton{bottom:14%!important}}
