@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;transition:all .3s ease-in-out}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:Jost,sans-serif;background-color:#f7f8fd}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}html,body{height:100%;margin:0;padding:0}ul,ol{list-style:none}a{text-decoration:none}button{cursor:pointer}hr{color:#8c92b3;padding-inline:24px;margin-block:24px}.suggestionsPageHeader{background:radial-gradient(128.88% 128.88% at 103.9% -10.39%,#e84d70,#a337f6 53.09%,#28a7ed);display:flex;justify-content:space-between;padding-inline:24px;position:relative;z-index:100;height:72px}.suggestionsPageHeader img{padding-block:27px;cursor:pointer}.selection-area{background-color:#373f68;padding-inline:24px;display:flex;align-items:center;justify-content:space-between}.addFeedbackBtn{background-color:#ad1fea;color:#fff;padding:10px 16px;border:none;border-radius:10px;margin-left:0;margin-block:10px}.feedbackList{margin-top:32px}.feedback{padding:24px;background-color:#fff;margin-bottom:16px;border-radius:10px}.feedback h5{color:#3a4374;font-weight:700;font-size:13px;line-height:18.79px;letter-spacing:-.18px;background-color:#fff}.feedback p{margin-block:8px;font-family:Jost;font-weight:400;font-size:13px;line-height:18.79px;letter-spacing:0px;color:#647196}.feedback button{border:none}.feedbackBtn{display:flex;align-items:center;justify-content:space-between}.feedbackBtn .upvote-section{justify-content:center}.detailPage{border-radius:10px;margin-bottom:24px}.detailPageHeader{display:flex;align-items:center;justify-content:space-between}.goBack,.goBack-new-edit-page a{color:#647196;font-weight:700;font-size:13px;line-height:18.79px;letter-spacing:0px;cursor:pointer}.goBack{display:flex;justify-content:center;align-items:center;gap:15.67px}.goBack,.goBack-new-edit-page svg path{stroke:#4661e6}.goBack-new-edit-page{display:flex;align-items:center;gap:15.67px;margin-bottom:35px}.editBtn{background-color:#4661e6;color:#fff;padding:10.5px 16px;border:none;border-radius:10px;font-weight:700;font-size:13px;line-height:18.79px;letter-spacing:0px}.commentsSection{padding:24px;background-color:#fff}.commentsSection h5{color:#3a4374;font-weight:700;font-size:18px;line-height:26.01px;letter-spacing:-.25px;margin-bottom:24px}.commentsList p{color:#647196;font-weight:400;font-size:13px;line-height:18.79px;letter-spacing:0px}.comment-button{display:flex;align-items:center;gap:3px}.empty-page{background-color:#fff;margin-block:32px 47px;margin-inline:24px;padding-block:76px;display:flex;align-items:center;flex-direction:column;border-radius:10px;text-align:center}.empty-page h3{color:#3a4374;font-family:Jost;font-weight:700;font-size:18px;line-height:26.01px;letter-spacing:-.25px;margin-block:39px 12px}.empty-page p{color:#647196;font-weight:400;font-size:13px;line-height:18.79px;letter-spacing:0px;margin-bottom:24px;padding-inline:24px}.empty-page button{background-color:#ad1fea;color:#fff;padding:16px 10.5px;font-weight:700;font-size:13px;line-height:18.79px;border:none;border-radius:10px}.button-flex button{border:none;display:flex;align-items:center;gap:3px;background-color:transparent}.headerText{padding-block:15px;color:#fff;width:100%}.headerText h5{font-weight:700;font-size:15px;line-height:21.68px;letter-spacing:-.19px}.headerText p{font-weight:500;font-size:13px;line-height:18.79px;letter-spacing:0px}.hamburger-menu-overlay.block:before{content:"";position:fixed;z-index:200;z-index:10;top:72px;left:0;right:0;bottom:0;background-color:#00000080}.hamburger-menu-content.block{position:absolute;z-index:300;height:100vh;width:271px;top:72px;right:0;background-color:#f7f8fd;padding:24px;transition:transform .3s ease-in-out;transform:translate(0)}.hamburger-menu-content.block .hamburgerCategoriesBox{width:100%;padding:24px;background-color:#fff;border-radius:10px;margin-bottom:24px}.hamburger-menu-content.block .hamburgerCategoriesBox .hamburgerCategories{display:flex;flex-wrap:wrap;gap:8px}.hamburger-menu-content.block .hamburgerCategoriesBox .hamburgerCategories button{font-family:Jost;font-weight:600;font-size:13px;line-height:18.79px;letter-spacing:0px;background-color:#f2f4ff;color:#4661e6;padding:5px 16px;border:none;border-radius:10px}.hamburger-menu-content.block .hamburgerCategoriesBox .hamburgerCategories button.active{background-color:#4661e6;color:#fff}.hamburger-menu-content.block .hamburgerRoadmapBox{width:100%;padding:19px 24px;background-color:#fff;border-radius:10px}.hamburger-menu-content.block .hamburgerRoadmapBox .hamburgerRoadmapBoxHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.hamburger-menu-content.block .hamburgerRoadmapBox .hamburgerRoadmapBoxHeader h6{font-family:Jost;font-weight:700;font-size:18px;line-height:26.01px;letter-spacing:-.25px;color:#3a4374}.hamburger-menu-content.block .hamburgerRoadmapBox .hamburgerRoadmapBoxHeader a{font-family:Jost;font-weight:600;font-size:13px;line-height:18.79px;letter-spacing:0px;text-decoration:underline;text-decoration-style:solid;text-decoration-thickness:Auto;color:#4661e6}.hamburger-menu-content.block .hamburgerRoadmapBox ul .inProgress span{background-color:#ad1fea}.hamburger-menu-content.block .hamburgerRoadmapBox ul .planned span{background-color:#f49f85}.hamburger-menu-content.block .hamburgerRoadmapBox ul .live span{background-color:#62bcfa}.hamburger-menu-content.block .hamburgerRoadmapBox ul li{display:flex;justify-content:space-between}.hamburger-menu-content.block .hamburgerRoadmapBox ul li p{font-family:Jost;font-weight:700;font-size:16px;line-height:23.12px;letter-spacing:0px;text-align:right;color:#647196}.hamburger-menu-content.block .hamburgerRoadmapBox ul li h6{display:flex;align-items:center;gap:16px;font-family:Jost;font-weight:400;font-size:16px;line-height:23.12px;letter-spacing:0px;color:#647196}.hamburger-menu-content.block .hamburgerRoadmapBox ul li h6 span{display:inline-block;width:8px;height:8px;border-radius:50%}.hamburger-menu{position:relative;z-index:400}.hamburger-menu .categories{background-color:#fff;border-radius:10px;padding:24px 18px 36px 24px;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.hamburger-menu .categories button{background-color:#f2f4ff;color:#4661e6;font-weight:600;font-size:13px;line-height:18.79px;letter-spacing:0px;border:none;padding:5px 16px;border-radius:10px}.hamburger-menu .categories button:active,.hamburger-menu .categories button:focus{background-color:#4661e6;color:#fff}.hamburger-menu .categories button:hover{background-color:#cfd7ff}.hamburger-menu-overlay.none,.hamburger-menu-content.none{display:none}.hamburger-menu-overlay.block,.hamburger-menu-content.block{display:block}.commentsList{list-style:none;padding:0}.authorSection{display:flex;align-items:center;gap:32px}.authorSection img{width:40px;height:40px}.commentAuthor{display:flex;flex-direction:column}.addComment{background:#fff;padding:20px;border-radius:8px}.addComment form{display:flex;flex-direction:column}.addComment textarea{width:100%;height:80px;border-radius:5px;border:1px solid #ccc;padding:10px;font-size:14px;resize:none}.commentFooter{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.commentFooter p{font-size:14px;color:#666}.commentFooter button{background:#4661e6;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-weight:700}.commentFooter button:disabled{background:#b3b3b3;cursor:not-allowed}.detailPageContainer{padding:24px}.detailPageFeedback{background-color:#fff;margin-block:24px;padding:24px;border-radius:10px}.feedbackTitleHeader{font-weight:700;font-size:13px;line-height:18.79px;letter-spacing:-.18px;color:#3a4374;margin-bottom:9px}.feedbackDescription{font-weight:400;font-size:13px;line-height:18.79px;letter-spacing:0px;color:#647196;margin-bottom:10px}.feedbackCategory{background-color:#f2f4fe;color:#4661e6;font-weight:600;font-size:13px;line-height:18.79px;letter-spacing:0px;padding:5px 16px;border-radius:10px}.upvoteCommentsSection{margin-top:24px;display:flex;justify-content:space-between}.upvoteSection{display:flex;gap:10px;align-items:center;background-color:#f2f4ff;border-style:none;padding:6px 14px;border-radius:10px;cursor:pointer}.upvoteSection:hover{background-color:#cfd7ff;color:#3a4374}.upvoteCount,.commentCountNumber{font-weight:700;font-size:13px;line-height:18.79px;letter-spacing:-.18px;color:#3a4374}.commentHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.commentsList .commentAuthorName,.replyAuthorName{font-weight:700;font-size:13px;line-height:18.79px;letter-spacing:-.18px;color:#3a4374}.commentsList,.replyAuthorUsername{font-weight:400;font-size:13px;line-height:18.79px;letter-spacing:0px;color:#3a4374;margin-top:0}.commentAuthorUserName{font-weight:400;font-size:13px;line-height:18.79px;letter-spacing:0px;color:#0326e9;margin-top:0}.replyUserInfo{display:flex;gap:16px;margin-bottom:16px}.commentsList .commentContent{font-weight:400;font-size:13px;line-height:18.79px;letter-spacing:0px;color:#647196;margin-left:40px;margin-top:17px}.replyArea{margin-top:24px;background:#f1f1f9;padding:10px 15px;border-radius:5px;margin-left:40px;border-left:2px solid #ccc}.replyCommentAuthor{display:flex;flex-direction:column}.addCommentHeader{font-weight:700;font-size:18px;line-height:26.01px;letter-spacing:-.25px;color:#3a4374}.addComment .addCommentTextArea{margin-top:24px;background-color:#f7f8fd;cursor:pointer}.addCommentTextArea:hover{border:1px solid #4661e6}.commentFooter .leftCharactersCount{font-weight:400;font-size:13px;line-height:18.79px;letter-spacing:0px;color:#647196}.commentFooter .postCommentButton{width:119;height:40;border-radius:10px;padding:10px 16px;background-color:#ad1fea;color:#f2f4fe;cursor:pointer}.roadmapPageContainer{background-color:#f7f8ff}.roadmapPageContainer .roadmapPageHeader{display:flex;background-color:#373f68;padding:26px 24px;justify-content:space-between}.roadmapPageContainer .roadmapPageHeader .addFeedbackBtnRoadmap{font-family:Jost;font-weight:700;font-size:13px;line-height:18.79px;letter-spacing:0px;color:#f2f4fe;width:134px;height:40px;background-color:#ad1fea;border-radius:10px;border:none;align-self:center;display:flex;align-items:center;justify-content:center}.roadmapPageContainer .roadmapNavigation ul{display:flex;padding:0;list-style:none;border-bottom:1px solid #8c92b3}.roadmapPageContainer .roadmapNavigation ul li{padding-top:20px;padding-bottom:16px;display:flex;justify-content:center;width:100%;border-bottom:4px solid transparent;font-family:Jost;font-weight:700;font-size:13px;line-height:18.79px;letter-spacing:-.18px;text-align:center;color:#3a437466}.roadmapPageContainer .roadmapNavigation ul li.active{border-bottom:4px solid #ad1fea;color:#3a4374}.roadmapPageContainer .roadMapPageCategories.planned.active{border-bottom:4px solid #f49f85;color:#3a4374}.roadmapPageContainer .roadMapPageCategories.inProgress.active{border-bottom:4px solid #ad1fea;color:#3a4374}.roadmapPageContainer .roadMapPageCategories.live.active{border-bottom:4px solid #62bcfa;color:#3a4374}.roadmapPageContainer .roadmapGoBack{display:flex;flex-direction:column;gap:3px}.roadmapPageContainer .roadmapGoBack h5{font-family:Jost;font-weight:700;font-size:18px;line-height:26.01px;letter-spacing:-.25px;color:#fff}.roadmapPageContainer .roadmapGoBack .goBackBtnRoadmap{display:flex;align-items:center;gap:15.67px}.roadmapPageContainer .roadmapGoBack .goBackBtnRoadmap span{font-family:Jost;font-weight:700;font-size:13px;line-height:18.79px;letter-spacing:0px;color:#fff}.roadmapPageContainer .filteredFeedbacks{padding:24px}.roadmapPageContainer .filteredFeedbacks .statusSection h5{font-family:Jost;font-weight:700;font-size:18px;line-height:26.01px;letter-spacing:-.25px;color:#3a4374}.roadmapPageContainer .filteredFeedbacks .statusSection ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:16px;margin-top:24px}.roadmapPageContainer .filteredFeedbacks .statusSection ul li{background-color:#fff;padding:16px 24px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.roadmapPageContainer .filteredFeedbacks .statusSection ul li h2{font-family:Jost;font-weight:400;font-size:13px;line-height:18.79px;letter-spacing:0px;color:#647196;display:flex;align-items:center;gap:8px;margin-bottom:16px}.roadmapPageContainer .filteredFeedbacks .statusSection ul li .feedbackRoadmapPageStatus span{display:inline-block;width:8px;height:8px;border-radius:50%}.roadmapPageContainer .filteredFeedbacks .statusSection ul li h5{font-family:Jost;font-weight:700;font-size:13px;line-height:18.79px;letter-spacing:-.18px;color:#3a4374;margin-bottom:8px}.roadmapPageContainer .filteredFeedbacks .statusSection ul li p{font-family:Jost;font-weight:400;font-size:13px;line-height:18.79px;letter-spacing:0px;color:#647196;margin-bottom:8px}.roadmapPageContainer .filteredFeedbacks .statusSection ul li h6{font-family:Jost;font-weight:600;font-size:13px;line-height:18.79px;letter-spacing:0px;color:#4661e6;background-color:#f2f4ff;display:inline-block;padding:5px 17px;border-radius:10px;margin-bottom:16px}.roadmapPageContainer .filteredFeedbacks .statusSection ul li .roadmapFeedbackBtns{display:flex;justify-content:space-between}.roadmapPageContainer .filteredFeedbacks .statusSection ul li .roadmapFeedbackBtns .roadmapUpvotesBtn{display:flex;align-items:center;gap:10px;background-color:#f2f4fe;width:69px;height:32px;border:none;border-radius:10px}.roadmapPageContainer .filteredFeedbacks .statusSection ul li .roadmapFeedbackBtns .roadmapCommentsBtn{display:flex;align-items:center;gap:4px;border:none;padding:5px;background-color:transparent}.roadmapPageContainer .filteredFeedbacks .statusSection ul li .roadmapFeedbackBtns span{font-family:Jost;font-weight:700;font-size:13px;line-height:18.79px;letter-spacing:-.18px;text-align:center;color:#3a4374}.roadmapPageContainer .filteredFeedbacks .statusSection.planned li{border-top:6px solid #f49f85;border-top-left-radius:5px;border-top-right-radius:5px}.roadmapPageContainer .filteredFeedbacks .statusSection.planned .feedbackRoadmapPageStatus span{background-color:#f49f85}.roadmapPageContainer .filteredFeedbacks .statusSection.inProgress li{border-top:6px solid #ad1fea;border-top-left-radius:5px;border-top-right-radius:5px}.roadmapPageContainer .filteredFeedbacks .statusSection.inProgress .feedbackRoadmapPageStatus span{background-color:#ad1fea}.roadmapPageContainer .filteredFeedbacks .statusSection.live li{border-top:6px solid #62bcfa;border-top-left-radius:5px;border-top-right-radius:5px}.roadmapPageContainer .filteredFeedbacks .statusSection.live .feedbackRoadmapPageStatus span{background-color:#62bcfa}.commentsBtn{display:flex;align-items:center;gap:4px;border:none;padding:5px;background-color:transparent}.sort-button{display:flex;background-color:transparent;align-items:center;gap:9px;border:none;font-weight:400;font-size:14px;line-height:20.23px;letter-spacing:0px;color:#f2f4febf}.sort-button span{font-weight:700}.sort-button .upIcon,.sort-button .downIcon{color:#fff}.selectedOption{display:flex;align-items:center;justify-content:space-between}.feedbackCategory{font-family:Jost;font-weight:600;font-size:13px;line-height:18.79px;letter-spacing:0px;color:#4661e6;background-color:#f2f4ff;display:inline-block;padding:5px 17px;border-radius:10px;margin-bottom:16px}.commentHeader{display:flex}.replyBtn{border-style:none;color:#4661e6;font-weight:700;cursor:pointer;background-color:#fff;margin-left:auto}.replyArea{background:#f5f5fb;border-radius:5px;padding:10px;margin-top:10px;color:#00f}.replyArea textarea{width:100%;height:60px;border-radius:5px;border:1px solid #ddd;padding:5px;font-size:14px}.reply{background:#f1f1f9;border-radius:5px;margin-top:10px;position:relative;margin-left:40px;padding:10px;border-left:2px solid #ccc}.new-feedback-container-inner{max-width:327px;margin-inline:auto;padding-block:34px}.username{color:#ad1fea;font-family:Jost;font-weight:700;font-size:13px;line-height:18.79px;letter-spacing:0px}.add-icon{background:radial-gradient(128.88% 128.88% at 103.9% -10.39%,#e84d70,#a337f6 53.09%,#28a7ed);border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;position:absolute;top:-20px;left:25px}.upvote-section{display:flex;align-items:center;gap:10px;background-color:#f2f4fe;width:69px;height:32px;border:none;border-radius:10px}.upvote-section:hover{background-color:#cfd7ff;color:#3a4374}.upvote-section p{font-weight:700;font-size:13px;line-height:18.79px;letter-spacing:-.18px;text-align:center;color:#3a4374}.new-feedback-page,.edit-feedback-page{margin-inline:auto;background-color:#fff;border-radius:10px;padding-inline:24px;padding-bottom:24px;padding-top:44px;position:relative}.new-feedback-page h2,.edit-feedback-page h2{font-weight:700;font-size:18px;line-height:26.01px;letter-spacing:-.25px;color:#3a4374;margin-bottom:24px}.new-feedback-form-section form,.edit-feedback-form-section form{display:grid;grid-template-columns:1fr;gap:24px}.new-feedback-form-section form label,.edit-feedback-form-section form label{font-weight:700;font-size:13px;line-height:18.79px;letter-spacing:-.18px;color:#3a4374;margin-bottom:3px}.new-feedback-form-section form span,.edit-feedback-form-section form span{font-weight:400;font-size:13px;line-height:18.79px;letter-spacing:0px;color:#647196;margin-bottom:16px}.new-feedback-form-section form input,.new-feedback-form-section form textarea,.edit-feedback-form-section form input,.edit-feedback-form-section form textarea{background-color:#f7f8fd;border:none;border-radius:5px;min-width:279px;padding:8px;font-size:16px;outline:none;font-weight:400;font-size:15px;line-height:21.68px;letter-spacing:0px;color:#3a4374}.new-feedback-form-section form input,.edit-feedback-form-section form input{min-height:48px}.new-feedback-form-section form textarea,.edit-feedback-form-section form textarea{min-height:120px;resize:none}.new-feedback-form-section form input:focus,.new-feedback-form-section form textarea:focus,.edit-feedback-form-section form input:focus,.edit-feedback-form-section form textarea:focus{border:1px solid #4661e6}.feedback-title,.category-part,.status-part,.feedback-detail-part,.btns-part{display:flex;flex-direction:column}.btns-part{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}.btns-part button{width:100%;padding-block:10.5px;border-radius:10px;border:none;font-weight:700;font-size:13px;line-height:18.79px;letter-spacing:0px;color:#f2f4fe;cursor:pointer}.btns-part-edit{display:grid;grid-template-columns:1fr;margin-top:16px}.btns-part-edit button,.btns-part-edit a{padding-block:10.5px;border-radius:10px;border:none;font-weight:700;font-size:13px;line-height:18.79px;letter-spacing:0px;color:#f2f4fe;cursor:pointer}.btns-right-side{display:grid;flex-direction:column;gap:16px}.save-changes-btn{grid-row:1}.add-feedback-btn,.save-changes-btn{background-color:#ad1fea}.cancel-btn{background-color:#3a4374;grid-row:2}.delete-btn{background-color:#d73737;grid-row:3;margin-top:16px}.add-feedback-btn:hover,.save-changes-btn:hover{background-color:#c75af6}.cancel-btn:hover{background-color:#656ea3}.delete-btn:hover{background-color:#e98888}.select-wrapper{position:relative;width:100%;max-width:300px;background-color:#f7f8fd;border:none;border-radius:5px;cursor:pointer;-webkit-user-select:none;user-select:none}.selected-option{padding:15px;display:flex;justify-content:space-between;align-items:center}.selected-option p{font-weight:400;font-size:13px;line-height:18.79px;letter-spacing:0px;color:#3a4374;align-self:center}.dropdown{position:absolute;background-color:#fff;top:120px;border-radius:10px;width:50%;max-width:255px;box-shadow:0 10px 40px -7px #373f6859}.dropdown li{font-family:Jost;font-weight:400;font-size:16px;line-height:23.12px;letter-spacing:0px;color:#647196;padding:12px 24px;border-bottom:1px solid rgba(58,67,116,.15)}.dropdown li:last-child{border-bottom:none}.dropdown-options{position:absolute;top:65px;left:0;width:100%;border:1px solid #ccc;border-radius:5px;box-shadow:0 10px 40px -7px #373f6859;z-index:1000;background:#fff;display:none}.select-wrapper.active .dropdown li,.select-wrapper.active .dropdown-options{display:block}.option-item{padding:12px 24px;font-weight:400;font-size:16px;line-height:23.12px;letter-spacing:0px;color:#647196;cursor:pointer;border-bottom:1px solid rgba(58,67,116,.15)}.option-item:hover{color:#ad1fea}@media (width >= 768px){.hamburger-menu-overlay,.hamburger-menu{display:none}.roadmapPageContainer{padding:56px 39px}.roadmapPageContainer .roadmapPageHeader{border-radius:10px}.roadmapPageContainer .filteredFeedbacks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.roadmapPageContainer .statusSection{display:flex;flex-direction:column;gap:10px;width:100%}.roadmapPageContainer .feedbackItem{display:flex;flex-direction:column;background-color:#fff;border:1px solid #ccc;padding:20px;box-sizing:border-box;min-height:200px;height:100%}.roadmapPageContainer .filteredFeedbacks{align-items:stretch}.suggestionsPage{padding:56px 40px}.selection-area{border-radius:10px}.selection-area-text{display:flex;gap:16px}.selection-area-text p{display:flex;font-family:Jost;font-weight:700;font-size:18px;line-height:26.01px;letter-spacing:-.25px;color:#fff}.tabletHeaderSection{display:flex;justify-content:space-between;gap:10px;margin-bottom:40px}.tabletHeaderTextBox{background:radial-gradient(128.88% 128.88% at 103.9% -10.39%,#e84d70,#a337f6 53.09%,#28a7ed);height:178px;width:33%;display:flex;align-items:end;padding:24px;border-radius:10px}.tabletHeaderTextBox h5{font-family:Jost;font-weight:700;font-size:20px;line-height:28.9px;letter-spacing:-.25px;color:#fff}.tabletHeaderTextBox p{font-family:Jost;font-weight:500;font-size:15px;line-height:21.68px;letter-spacing:0px;color:#fff}.tabletCategoriesBox{width:33%;padding:24px;background-color:#fff;border-radius:10px}.tabletCategoriesBox .tabletCategories{display:flex;flex-wrap:wrap;gap:8px}.tabletCategoriesBox .tabletCategories button{font-family:Jost;font-weight:600;font-size:13px;line-height:18.79px;letter-spacing:0px;background-color:#f2f4ff;color:#4661e6;padding:5px 16px;border:none;border-radius:10px}.tabletCategoriesBox .tabletCategories button.active{background-color:#4661e6;color:#fff}.tabletRoadmapBox{width:33%;padding:19px 24px;background-color:#fff;border-radius:10px}.tabletRoadmapBox .tabletRoadmapBoxHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.tabletRoadmapBox .tabletRoadmapBoxHeader h6{font-family:Jost;font-weight:700;font-size:18px;line-height:26.01px;letter-spacing:-.25px;color:#3a4374}.tabletRoadmapBox .tabletRoadmapBoxHeader a{font-family:Jost;font-weight:600;font-size:13px;line-height:18.79px;letter-spacing:0px;text-decoration:underline;text-decoration-style:solid;text-decoration-thickness:Auto;color:#4661e6}.tabletRoadmapBox ul .inProgress span{background-color:#ad1fea}.tabletRoadmapBox ul .planned span{background-color:#f49f85}.tabletRoadmapBox ul .live span{background-color:#62bcfa}.tabletRoadmapBox ul li{display:flex;justify-content:space-between}.tabletRoadmapBox ul li p{font-family:Jost;font-weight:700;font-size:16px;line-height:23.12px;letter-spacing:0px;text-align:right;color:#647196}.tabletRoadmapBox ul li h6{display:flex;align-items:center;gap:16px;font-family:Jost;font-weight:400;font-size:16px;line-height:23.12px;letter-spacing:0px;color:#647196}.tabletRoadmapBox ul li h6 span{display:inline-block;width:8px;height:8px;border-radius:50%}.feedback-tablet{display:flex}.feedback-tablet .upvote-section{display:flex;flex-direction:column;width:40px;height:53px;margin-right:40px;padding-top:12px}.feedback-tablet .upvote-section p{margin:0}.feedback-tablet .feedbackText{margin-right:auto;align-items:center;cursor:pointer}.feedback-tablet .feedbackText p{font-family:Jost;font-weight:400;font-size:16px;line-height:23.12px;letter-spacing:0px;color:#647196}.feedback-tablet .feedbackText h5{font-family:Jost;font-weight:700;font-size:18px;line-height:26.01px;letter-spacing:-.25px;color:#3a4374}.feedback{padding:28px 32px}.new-feedback-container-inner{max-width:540px;padding-block:56px}.goBack,.goBack-new-edit-page{font-size:14px;line-height:20.23px}.goBack-new-edit-page{margin-bottom:40px}.editBtn{font-size:14px;line-height:20.23px}.add-icon{background:radial-gradient(128.88% 128.88% at 103.9% -10.39%,#e84d70,#a337f6 53.09%,#28a7ed);border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;position:absolute;top:-20px;left:25px}.new-feedback-page,.edit-feedback-page{padding-inline:42px;padding-bottom:40px;padding-top:52px}.new-feedback-page h2,.edit-feedback-page h2{font-size:24px;line-height:34.68px;letter-spacing:-.33px;color:#3a4374;margin-bottom:40px}.new-feedback-form-section form label,.edit-feedback-form-section form label{font-size:14px;line-height:20.23px;letter-spacing:-.19px;margin-bottom:2px}.new-feedback-form-section form span,.edit-feedback-form-section form span{font-size:14px;line-height:20.23px;margin-bottom:16px}.new-feedback-form-section form input,.new-feedback-form-section form textarea,.edit-feedback-form-section form input,.edit-feedback-form-section form textarea{padding:13px 24px}.new-feedback-form-section form textarea,.edit-feedback-form-section form textarea{min-height:98px}.btns-part{display:flex;flex-direction:row-reverse;margin-top:32px}.btns-part button{width:auto;padding:10.5px 24px}.btns-part-edit{display:flex;justify-content:space-between}.btns-part-edit button{padding:10.5px 24px;font-size:14px;line-height:20.23px}.delete-btn{margin-top:0}.btns-right-side{display:flex;flex-direction:row;gap:16px}.select-wrapper{max-width:456px}}@media (width >= 1110px){.suggestionsPage{display:flex;gap:30px}.tabletHeaderSection{display:flex;flex-direction:column;justify-content:flex-start}.suggestionPageInner{width:100%}.tabletHeaderTextBox,.tabletCategoriesBox,.tabletRoadmapBox{width:100%;width:255px}.page{max-width:1110px;margin-inline:auto}.roapmapContainer{padding:78px 165px}.dropdown{top:130px}.new-feedback-container-inner{max-width:540px;padding-block:92px}.goBack-new-edit-page{margin-bottom:40px}.editBtn{font-size:14px;line-height:20.23px}.add-icon{background:radial-gradient(128.88% 128.88% at 103.9% -10.39%,#e84d70,#a337f6 53.09%,#28a7ed);border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;position:absolute;top:-20px;left:25px}.new-feedback-page,.edit-feedback-page{padding-inline:42px;padding-bottom:40px;padding-top:52px}.new-feedback-page h2,.edit-feedback-page h2{font-size:24px;line-height:34.68px;letter-spacing:-.33px;color:#3a4374;margin-bottom:40px}.new-feedback-form-section form label,.edit-feedback-form-section form label{font-size:14px;line-height:20.23px;letter-spacing:-.19px;margin-bottom:2px}.new-feedback-form-section form span,.edit-feedback-form-section form span{font-size:14px;line-height:20.23px;margin-bottom:16px}.new-feedback-form-section form input,.new-feedback-form-section form textarea,.edit-feedback-form-section form input,.edit-feedback-form-section form textarea{padding:13px 24px}.new-feedback-form-section form textarea,.edit-feedback-form-section form textarea{min-height:98px}.btns-part{margin-top:32px}.btns-part button{width:auto;padding:10.5px 24px}.btns-part-edit{display:flex;justify-content:space-between}.btns-part-edit button{padding:10.5px 24px;font-size:14px;line-height:20.23px}.delete-btn{margin-top:0}.btns-right-side{display:flex;flex-direction:row;gap:16px}.select-wrapper{max-width:456px}}