@import url(https://fonts.googleapis.com/css?family=Assistant:300,400,500,600,700,800);:root {--gallery-primary-color: #ff2e9a;--gallery-secondary-color: #1272e0;--gallery-background-color: #e1edfb;--gallery-input-field-background-color: #f1f3f7;--gallery-input-field-font-color: #4e7285;--gallery-title-text-color: #556c91;--gallery-title-text-color-rgb: 85, 108, 145; /* #556c91 */--subject-pink-color: #ff33a1;--subject-orange-color: #ff6200;--subject-light-blue-color: #00b3ff;--subject-red-color: #ff1000;--subject-green-color: #58c300;--subject-purple-color: #c400ff;--subject-dark-blue-color: #0031ff;--username-color: #2d414f;--admin-comment-color: linear-gradient(45deg, #FF9800, #fff7b5);--admin-username-color: #ff6e29;--angel-1-username-color: #2393f3;--angel-2-username-color: #9923f3;--angel-3-username-color: #359d00;--activity-status-offline-color: linear-gradient(45deg, #cfd7df, #a4a7ab);--activity-status-online-color: linear-gradient(45deg, #00e307, #cdff93);--activity-status-busy-color: linear-gradient(45deg, #ff8d00, #ffeb00);}body, .gallery.page {background: var(--gallery-background-color);}.gallery.page {width: 100%;max-width: 1100px;padding: 0px;}.main-gallery {padding: 100px 25px 15px 25px;justify-content: normal;}.flex-horizontal {display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;justify-content: space-between;}.flex-vertical {display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;justify-content: space-between;}.flex-horizontal.jc-start {justify-content: start;}.flex-horizontal.jc-center {justify-content: center;}.search-floating-container {padding: 15px;margin-bottom: 15px;position: fixed;bottom: 88px;z-index: 999;left: 0;right: 0;margin: 5px;margin-inline: auto;width: calc(100% - 20px);-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}.search-floating-container .background {position: absolute;display: block;width: 100%;height: 100%;right: 0;bottom: 0;-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);z-index: -1;border-radius: 20px;background: -webkit-linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.8));box-shadow: rgba(85, 108, 145, 9%) 0px 0px 10px;}.left-content .box-container {width: 250px;padding: 15px;background: #fff;box-shadow: rgba(85,108,145,9%) 0px 0px 10px;border-radius: 15px;margin-bottom: 15px;}.search-floating-container .search-box {width: 100%;background: rgb(21 53 66 / 11%);border: none;border-radius: 15px;}.left-content .box-container .search-box {width: 100%;background: var(--gallery-background-color);border: none;border-radius: 15px;}.left-content .box-container .search-box .search-input, .search-floating-container .search-box .search-input {width: 100%;padding: 12px;background: var(--gallery-background-color);border: none;border-radius: 15px;font-size: 18px;color: var(--gallery-title-text-color);font-weight: 600;}.search-floating-container .search-box .search-input {background: unset;}.left-content .box-container .search-box img, .search-floating-container .search-box img {width: 20px;height: 22px;margin: auto;padding: 12px;}.left-content .box-container .menu-button {border-radius: 10px;text-decoration: none;cursor: hand;-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}.left-content .box-container .menu-button:hover {background: var(--gallery-background-color);}.left-content .box-container .menu-item {padding: 5px;margin-top: 10px;font-weight: 700;color: var(--gallery-secondary-color);justify-content: flex-start;}.left-content .box-container .menu-item .title {padding: 0px 8px;position: relative;line-height: 1.25;font-size: 25px;}.left-content .box-container .menu-item.active {color: var(--gallery-primary-color);}.left-content .box-container .menu-item.active  .title::before {content: "";position: absolute;top: 100%;width: 100%;left: 0;height: 5px;border-radius: 2px;margin: -6px -5px;background: linear-gradient(111.3deg, rgb(255 255 255 / 20%), var(--gallery-primary-color));}.left-content .box-container .menu-item.active svg path {stroke: var(--gallery-primary-color);}.left-content .box-container .menu-item svg {fill: var(--gallery-secondary-color);}.left-content .box-container .menu-item svg g {fill: var(--gallery-secondary-color);}.left-content .box-container .menu-item.active svg {fill: var(--gallery-primary-color);}.left-content .box-container .menu-item.active svg g {fill: var(--gallery-primary-color);}.left-content .box-container .menu-item .avatar-image {width: 38px;border: none;}.left-content .box-container .menu-item.active .avatar-image {background: var(--gallery-primary-color);}.left-content .box-container .menu-item .notification-count {position: absolute;color: #fff;background: var(--gallery-primary-color);border-radius: 40px;width: 23px;height: 24px;text-align: center;line-height: 23px;box-sizing: content-box;margin-right: -4px;margin-top: -4px;padding-left: 1px;}.left-content .box-container .box-title {justify-content: flex-start;color: var(--gallery-title-text-color);}.left-content .box-container .box-title img {width: 19px;}.box-container .user-interaction-container {margin-top: 15;}.box-container .user-interaction-link {text-decoration: none;}.box-container .user-interaction-container.clickable {border-radius: 14px;cursor: hand;text-decoration: none;-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}.box-container .user-interaction-container.clickable:hover {background: var(--gallery-background-color);}.box-container .user-interaction-container .user-section .avatar-image {width: 45px;}.box-container .user-interaction-container .user-section {justify-content: normal;}.box-container .user-interaction-container .title {color: var(--gallery-title-text-color);padding-top: 5px;font-size: 16px;}.box-container .user-interaction-container .username {color: var(--username-color);font-weight: 700;}.write-feed-section input {width: 100%;border-radius: 15px;font-size: 16px;font-weight: 600;color: var(--gallery-input-field-font-color);height: 46px;padding: 8px 14px;background: var(--gallery-input-field-background-color);border: unset;margin-top: 5px;}.right-content {margin: 0px 30px;width: 100%;}.section {margin-bottom: 20px;}.section .section-title {justify-content: flex-start;color: var(--gallery-title-text-color);margin-bottom: 10px;}.section .section-title img {margin: auto 0;}.follow-list .follow-avatar {position: relative;margin: 0px 8px 8px 8px;}.avatar-image {width: 70px;border-radius: 50%;background: var(--gallery-secondary-color);border: 5px solid #fff;}.avatar-frame {position: relative;}.avatar-frame.birthday::after {content: '';position: absolute;top: 3px;left: 6px;width: 58px;height: 50px;background: url(/tropy/images/style/gallery/new/avatar/birthday_frame_avatar.svg) no-repeat;background-size: 58px;border-radius: 30px;-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}.avatar-frame.birthday .avatar-image, .section-profile .avatar-frame.birthday .avatar-profile-picture {background: #d4b2ff;}/* Home Follow List */.follow-list .follow-avatar .avatar-username {color: var(--gallery-secondary-color);font-weight: 700;font-size: 18px;text-align: center;}.follow-list .follow-avatar .follow-button {position: absolute;top: 49px;display: block;margin-left: -28px;padding: 2px 8px;left: 50%;transform: translateX(-50%);border-radius: 50px;border: 4px solid #fff;font-weight: 900;font-size: 16px;z-index: 2;-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}.follow-list .follow-avatar .follow-button::before {content: '';display: inline-block;position: absolute;margin-block-end: auto;margin-right: -6px;border-radius: 24px;padding: 0;width: 16px;height: 13px;-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}.follow-list .follow-avatar .follow-button.following::before {background-size: 13px;background-color: #8bc34a;}.follow-list .follow-avatar a {text-decoration: none;}.follow-list .scroller-container {  position: relative;  overflow: hidden;    display: block;width: 100%;min-width: 100%;max-width: 0px;}.follow-list .scroller {  display: flex;  overflow-x: auto;  scroll-snap-type: x mandatory;  scroll-behavior: smooth;  -webkit-overflow-scrolling: touch;  justify-content: normal;}.scroll-btn {  display: none;  visibility: hidden;  position: absolute;}.scroll-btn.scroll-right {left: 0;}.scroller::-webkit-scrollbar {width: 8px;height: 8px;}.scroller::-webkit-scrollbar-track {-webkit-box-shadow: none;background: rgba(0,0,0,0.05);border-radius: 10px;}.scroller::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: none;background: rgba(0,0,0,0.2);}@media (min-width: 768px) {  .scroll-btn {display: block;border: none;color: #0a5083;font-size: 2rem;cursor: pointer;position: absolute;height: 105px;visibility: visible;width: 90px;z-index: 5;  }    .scroll-btn.scroll-left {  background: linear-gradient(90deg, transparent, var(--gallery-background-color) 90%);  text-align: right;  }    .scroll-btn.scroll-right {  background: linear-gradient(90deg, var(--gallery-background-color) 10%, transparent);  text-align: left;  }}/* Floating Dialog box container */.dialog-container {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, 0.5);z-index: 150;}/* Dialog box */.dialog-container .dialog-box {box-shadow: rgba(0,0,0,5%) 0px 0px 10px;background-color: #fff;border-radius: 15px;max-width: 400px;width: 100%;max-height: 70%;overflow: hidden;display: flex;flex-direction: column;}.dialog-container .dialog-box .close-btn {padding: 4px 16px;cursor: pointer;position: absolute;font-size: 30px;border-radius: 50px;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}.dialog-container .dialog-box .close-btn:hover {background: #7895a71c;}/* Dialog header */.dialog-container .dialog-box .dialog-header {padding: 10px;background: #fff;border-bottom: 1px solid #eaeaea;text-align: center;color: var(--gallery-secondary-color);}.dialog-container .dialog-box .dialog-header h2 {margin: 8px;}/* Dialog body */.dialog-container .dialog-box .dialog-body {flex-grow: 1;overflow-y: auto;}/* Settings Item */.dialog-container .dialog-box .settings-item {padding: 10px;border-bottom: 1px solid #eaeaea;align-items: center;-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;text-decoration: none;height: 50px;color: var(--gallery-title-text-color);font-size: 19px;}/* Follower Item */.dialog-container .dialog-box .follower-item {padding: 10px;border-bottom: 1px solid #eaeaea;align-items: center;-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;text-decoration: none;}.dialog-container .dialog-box .follower-item .item-avatar {align-items: center;justify-content: start;text-decoration: none;}.dialog-container .dialog-box .follower-item .avatar-image {width: 54px;}.dialog-container .dialog-box .follower-item .username {margin-left: 10px;margin-right: 10px;color: var(--username-color);font-weight: 600;font-size: 19px;}.dialog-container .dialog-box .follower-item:hover {background: var(--gallery-background-color);}.dialog-container .loader {text-align: center;padding: 20px;}.dialog-container .dialog-box .follower-item .notification-post-image {min-width: 77px;min-height: 77px;border-radius: 12px;background-size: cover !important;background-position: center !important;}.dialog-container .dialog-box .follower-item.unread {background: #bae2ff;}.dialog-container .dialog-box .follower-item.unread:hover {background: #97d3ff;}/* editor */.editor * {box-sizing: border-box;}.editor {width: 100%;border: 2px solid #C3DBF7;border-radius: 15px;background: #fff;}.editor .editor-textarea {width: 100%;min-width: 100%;max-width: 0px;border-radius: 15px;font-size: 16px;font-weight: 600;color: var(--gallery-input-field-font-color);height: 80px;padding: 8px 14px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}.editor .editor-video-input {max-width: 0px;min-width: calc(100% - 30px);min-height: 50px;height: auto;width: 710px;border-radius: 15px;font-size: 16px;font-weight: 600;color: var(--gallery-input-field-font-color);padding: 8px 14px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;margin: 0px 15px 15px 15px;background: var(--gallery-input-field-background-color);border: unset;background-image: url(/tropy/images/style/gallery/new/icons/upload_video_icon.svg);background-repeat: no-repeat;background-position: right 10px center;background-size: 20px;padding-right: 36px;}.editor .editor-textarea.color-container {margin: 15px;min-width: calc(100% - 60px);min-height: 81px;height: auto;width: 710px;background: var(--gallery-input-field-background-color);}.editor .editor-textarea.color-container.green, .editor .colors-menu .color-button.green, .main-feed-posts .feed-item .content .content-container.green, .section-announcements.green {background: #cff7a3;color: #4c7002;}.editor .editor-textarea.color-container.blue, .editor .colors-menu .color-button.blue, .main-feed-posts .feed-item .content .content-container.blue, .section-announcements.blue {background: #add3ff;color: #004391;}.editor .editor-textarea.color-container.light-blue, .editor .colors-menu .color-button.light-blue, .main-feed-posts .feed-item .content .content-container.light-blue, .section-announcements.light-blue {background: #a7e7ff;color: #025270;}.editor .editor-textarea.color-container.pink, .editor .colors-menu .color-button.pink, .main-feed-posts .feed-item .content .content-container.pink, .section-announcements.pink {background: #ffd0f3;color: #70025d;}.editor .editor-textarea.color-container.purple, .editor .colors-menu .color-button.purple, .main-feed-posts .feed-item .content .content-container.purple, .section-announcements.purple {background: #e6d0ff;color: #4b0270;}.editor .editor-textarea.color-container.orange, .editor .colors-menu .color-button.orange, .main-feed-posts .feed-item .content .content-container.orange, .section-announcements.orange {background: #ffbb66;color: #894900;}.editor .editor-textarea.color-container.red, .editor .colors-menu .color-button.red, .main-feed-posts .feed-item .content .content-container.red, .section-announcements.red {background: #ffcfcf;color: #b92727;}.editor .editor-textarea.color-container.yellow, .editor .colors-menu .color-button.yellow, .main-feed-posts .feed-item .content .content-container.yellow, .section-announcements.yellow {background: #fff5b1;color: #915000;}.section-announcements {background: #ffffff;padding: 10px;margin-bottom: 10px;border-radius: 15px;word-wrap: break-word;justify-content: start;cursor: hand;}.section-announcements .avatar-image {width: 70px;height: 70px;}.section-announcements .content-container {margin: 0px 10px;}.section-announcements .username {color: var(--username-color);font-weight: 700;}.editor .colors-menu {justify-content: flex-start;padding-right: 5px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding: 0px 8px;border-top: 0px solid #C3DBF7;height: 0px;overflow-y: hidden;}.editor .colors-menu.show {height: 58px;border-top: 2px solid #C3DBF7;}.editor .colors-menu .color-button {width: 40px;height: 40px;margin: 8px;border-radius: 10px;border: 3px solid rgba(0,0,0,0.2);background: #fff;cursor: hand;-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}.editor .colors-menu .color-button:hover {opacity: 0.7;}.editor .editor-menu {border-top: 2px solid #C3DBF7;padding: 7px;}.editor .editor-menu .editor-menu-item {color: #949CA6;font-weight: 500;padding: 0px 5px;align-items: center;cursor: hand;-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}.editor .editor-menu .editor-menu-item:hover {background: #f2f4f7;border-radius: 10px;}.editor .editor-menu .editor-menu-item span {margin: 0px 2px;}.editor .editor-menu .alert {background: #E7EBF3;border-radius: 18px;color: var(--gallery-title-text-color);font-weight: 600;padding: 4px 11px;font-size: 15px;margin-left: 10px;}.editor .editor-menu .upload-button {background: var(--gallery-primary-color);border-radius: 8px;padding: 4px 20px;color: #fff;font-weight: 700;cursor: hand;}.editor .editor-menu .upload-button.disabled {pointer-events: none;cursor: no-drop;opacity: 0.5;}.editor-loader {text-align: center;}.file-upload {  background-color: #ffffff;  width: 100%;  margin: 0 auto;}.file-upload-content {  display: none;  text-align: center;}.file-upload-input {  position: absolute;  margin: 0;  padding: 0;  width: 100%;  height: 100%;  outline: none;  opacity: 0;  cursor: pointer;  z-index: -1;}.file-upload-input.show {z-index: 1;}.image-upload-wrap {  position: relative;}.image-dropping {  border: 2px dashed #fe8643;}.image-title-wrap {  padding: 0 15px 15px 15px;  color: #222;}.drag-text {  text-align: center;}.drag-text h3 {  font-weight: 100;  text-transform: uppercase;color: #fc8245;  padding: 60px 0;}.file-upload-image {  max-height: 200px;  max-width: 200px;  margin: auto;  padding: 20px;}.remove-image {display: block;  width: 200px;  margin: 0;  color: #fff;  background: #cd4535;  border: none;  padding: 10px;  border-radius: 4px;  border-bottom: 4px solid #b02818;  transition: all .2s ease;  outline: none;  text-transform: uppercase;  font-weight: 700;  margin: auto;}.remove-image:hover {  background: #c13b2a;  color: #ffffff;  transition: all .2s ease;  cursor: pointer;}.remove-image:active {  border: 0;  transition: all .2s ease;}.image-upload {position: relative;-webkit-flex-basis: auto;-ms-flex-preferred-size: auto;flex-basis: auto;width: 50%;}.image-details {position: relative;width: 221px;-webkit-flex-basis: auto;-ms-flex-preferred-size: auto;flex-basis: auto;width: 50%;}.upload .wrapper {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;width: 100%;}.image-details input,.image-details textarea {width: 95%;height: 50px;border: 1px solid #37adf0;margin-bottom: 15px;border-radius: 35px;padding: 15px;font-size: 17px;font-weight: 400;}.image-details textarea {height: 122px;border-radius: 20px;resize: none;}.image-details button {width: 95% !important;}/* end editor */.section-subjects {flex-wrap: wrap;justify-content: space-around;gap: 6px 0px;}.section-subjects .subject {background: linear-gradient(0, black, transparent);border: none;border-radius: 35px;padding: 10px 28px;color: #fff;font-size: 17px;font-weight: 600;cursor: hand;-webkit-transition: background 1000ms linear, transform 100ms linear;-ms-transition: background 1000ms linear, transform 100ms linear;transition: background 1000ms linear, transform 100ms linear;}.section-subjects .subject:hover {transform: scale(1.05);}.section-subjects .subject.active:hover {transform: scale(1);}.section-subjects .subject.pink {background: linear-gradient(0, var(--subject-pink-color), transparent);}.section-subjects .subject.pink.active {background: var(--subject-pink-color);}.section-subjects .subject.orange {background: linear-gradient(0, var(--subject-orange-color), transparent);}.section-subjects .subject.orange.active {background: var(--subject-orange-color);}.section-subjects .subject.light-blue {background: linear-gradient(0, var(--subject-light-blue-color), transparent);}.section-subjects .subject.light-blue.active {background: var(--subject-light-blue-color);}.section-subjects .subject.red {background: linear-gradient(0, var(--subject-red-color), transparent);}.section-subjects .subject.red.active {background: var(--subject-red-color);}.section-subjects .subject.green {background: linear-gradient(0, var(--subject-green-color), transparent);}.section-subjects .subject.green.active {background: var(--subject-green-color);}.section-subjects .subject.purple {background: linear-gradient(0, var(--subject-purple-color), transparent);}.section-subjects .subject.purple.active {background: var(--subject-purple-color);}.section-subjects .subject.dark-blue {background: linear-gradient(0, var(--subject-dark-blue-color), transparent);}.section-subjects .subject.dark-blue.active {background: var(--subject-dark-blue-color);}#dummy.section {display: flex;justify-content: center;}.gallery.page .main-feed-posts {display: flex;flex-flow: column;gap: 15px;place-self: center;}.gallery.page .main-feed {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;gap: 5px;justify-content: center;width: 100%;}.gallery.page .main-feed.m-b-5 {margin-bottom: 5px !important;}.gallery.page .main-feed .feed-item {width: 230px;height: 230px;-webkit-flex-basis: auto;-ms-flex-preferred-size: auto;flex-basis: auto;border-radius: 10px;position: relative;/*margin-bottom: 15px;*/border: 1px solid #e4e4e4;cursor: pointer;}.gallery.page .main-feed .feed-item .wrapper {width: 100%;height: 230px;border-radius: 10px;}.gallery.page .main-feed .feed-item .item-footer {position: absolute;width: 100%;justify-content: flex-start;align-items: center;padding: 0;bottom: 0;border-radius: 0px 0px 10px 10px;background: linear-gradient(rgba(0, 0, 0, 0), #1894ff);}.gallery.page .main-feed .feed-item.hot .item-footer {background: linear-gradient(rgba(0,0,0,0), #ff7400);}.gallery.page .main-feed .feed-item .avatar {border-radius: 50%;width: 55px;height: 55px;border: 3px solid #fff;background: #bce3f5;margin: 5px;}.gallery.page .main-feed .feed-item .username, .gallery.page .main-feed .feed-item .views {font-size: 20px;font-weight: 700;color: #fff;text-shadow: 0px 0px 8px #000;margin: 8px;overflow: auto;}.gallery.page .main-feed .feed-item .views {width: 100%;text-align: left;padding-left: 35px;}.gallery.page .main-feed .feed-item .views::after {content: '';display: inline-block;width: 20px;height: 17px;background-size: 100%;position: absolute;margin-right: 8px;margin-top: 5px;background: url(https://www.tropy.co.il/tropy/images/style/gallery/new/icons/eye_filled_icon.svg) no-repeat;background-size: 20px;filter: drop-shadow(0px 0px 8px #000);}a:has(> span.username) {color: unset;text-decoration: unset;}.main-feed-posts .feed-item {width: 600px;background: #fff;border-radius: 20px;box-shadow: rgba(85,108,145,9%) 0px 0px 10px;/*margin: auto auto 20px auto;*/}.feed-item .bottom-line {border-bottom: 2px solid #D8DEE7;}.main-feed-posts .feed-item .wrapper img {max-height: 500px;max-width: 100%;margin: auto;display: block;}.main-feed-posts .feed-item .top-section {padding: 10px;align-items: center;}.main-feed-posts .feed-item .top-section .user-section {align-items: center;}.main-feed-posts .feed-item .top-section .edit-button {cursor: hand;background: url(/tropy/images/style/gallery/new/icons/edit_filled_icon.svg) no-repeat;background-size: 35px;background-position: center;width: 40px;height: 30px;padding: 10px;opacity: 0.8;box-sizing: content-box;}.main-feed-posts .feed-item .top-section .avatar {border-radius: 50%;width: 55px;height: 55px;border: 3px solid #fff;background: #bce3f5;margin: 5px;}.main-feed-posts .feed-item .top-section .username {font-size: 22px;font-weight: 700;color: #3d6bb5;margin-right: 2px;}.main-feed-posts .feed-item .top-section .following-button {border: 2px solid var(--gallery-primary-color);padding: 14px 28px;border-radius: 30px;color: var(--gallery-primary-color);font-weight: 600;font-size: 18px;margin-left: 7px;cursor: hand;}.follow-button {position: relative;background: var(--gallery-primary-color);padding: 14px 28px;border-radius: 30px;color: #fff;font-weight: 600;font-size: 18px;margin-left: 7px;cursor: hand;white-space: nowrap;}.follow-button::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0); /* Transparent black */border-radius: 30px;-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}.follow-button:hover::after {background-color: rgba(0, 0, 0, 0.1); /* Semi-transparent black on hover */}.follow-button.following {background: #8BC34A;padding-right: 50px;}.follow-button.following::before {content: '';display: inline-block;width: 20px;height: 17px;background-size: 100%;position: absolute;margin-right: -32px;margin-top: 5px;background: url(https://www.tropy.co.il/tropy/images/style/gallery/new/icons/v_icon.svg) no-repeat;background-size: 20px;}.main-feed-posts .feed-item .content {padding: 15px;color: #485568;font-size: 18px;font-weight: 500;}.main-feed-posts .feed-item .content .content-container {background: var(--gallery-input-field-background-color);padding: 10px;border-radius: 15px;word-wrap: break-word;}.main-feed-posts .feed-item .content .content-container .read-more-btn {background: unset;border: none;font-size: 17px;font-weight: 700;color: var(--gallery-title-text-color);cursor: hand;}.main-feed-posts .feed-item .content .content-container .read-more-btn:hover {text-decoration: underline;}.main-feed-posts .feed-item .content .content-container .text-expander {line-height: 1.4;}.main-feed-posts .feed-item .content .content-container .text-expander.active {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 6;-moz-box-orient: vertical;display: -ms-flexbox;-ms-line-clamp: 6;-ms-flex-direction: column;display: -o-flex;-o-line-clamp: 6;-o-flex-direction: column;}.main-feed-posts .feed-item .content .content-container .text-expander.active.expanded {  -webkit-line-clamp: unset;}.main-feed-posts .feed-item .interaction-section {padding: 10px;}.main-feed-posts .feed-item .interaction-section .like, .main-feed-posts .feed-item .interaction-section .comment, .main-feed-posts .feed-item .interaction-section .share {width: 40px;height: 40px;margin: 0px 10px;cursor: hand;}.main-feed-posts .feed-item .interaction-section .like {background: url(https://www.tropy.co.il/tropy/images/style/gallery/new/icons/like_outline_icon.svg);background-repeat: no-repeat;background-size: 100%;}.main-feed-posts .feed-item .interaction-section .comment {background: url(https://www.tropy.co.il/tropy/images/style/gallery/new/icons/comment_outline_icon.svg);background-repeat: no-repeat;background-size: 100%;}.main-feed-posts .feed-item .interaction-section .share {background: url(https://www.tropy.co.il/tropy/images/style/gallery/new/icons/share_outline_icon.svg);background-repeat: no-repeat;background-size: 100%;}.main-feed-posts .feed-item .interaction-section .share-options {position: absolute;width: 230px;margin-right: 245px;margin-top: -56px;padding: 15px;background: #fff;box-shadow: rgba(85,108,145,9%) 0px 0px 10px;border-radius: 15px;margin-bottom: 15px;box-sizing: content-box;}.main-feed-posts .feed-item .interaction-section .share-options .option {width: 80px;height: 80px;text-align: center;border-radius: 80px;}.main-feed-posts .feed-item .interaction-section .share-options .option.copy-link {background: url(/tropy/images/style/gallery/new/icons/link_icon.svg) no-repeat var(--gallery-background-color);background-size: 38px;background-position: center;}.main-feed-posts .feed-item .interaction-section .share-options .option.whatsapp {background: url(/tropy/images/style/gallery/new/icons/whatsapp_icon.svg) no-repeat #d7ffe6;background-size: 45px;background-position: 19px 15px;}.main-feed-posts .feed-item .interaction-section .share-options .option.discord {background: url(/tropy/images/style/gallery/new/icons/discord_icon.svg) no-repeat #e5e9ff;background-size: 48px;background-position: center;}.main-feed-posts .feed-item .interaction-section .share-options .title {text-align: center;color: var(--gallery-secondary-color);margin-top: 5px;text-decoration: none;}.main-feed-posts .feed-item .interaction-section .share-options .container {padding: 11px 15px;border-radius: 20px;cursor: hand;text-decoration: none;}.main-feed-posts .feed-item .interaction-section .share-options .container:hover {background: #f6faff;-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}.main-feed-posts .feed-item .comments-section {padding: 10px;}.main-feed-posts .feed-item .comments-section .comment {width: 100%;margin-bottom: 5px;}.main-feed-posts .feed-item .comments-section .comment-container {display: flex;}.main-feed-posts .feed-item .comments-section .comment.admin .wrapper {background: linear-gradient(45deg, #FF9800, #fff7b5);}.main-feed-posts .feed-item .comments-section .comment-container .avatar-image {margin-left: 6px;width: 37px;height: 37px;box-sizing: content-box;}.main-feed-posts .feed-item .comments-section .comment-container .wrapper {border-radius: 18px;background: var(--gallery-input-field-background-color);padding: 8px 12px;max-width: 85%;}.main-feed-posts .feed-item .comments-section .comment-container .wrapper .username {font-weight: 600;font-size: 15px;}.main-feed-posts .feed-item .comments-section .comment-container .wrapper .username:hover {border-bottom: 1px solid #99a5ab;cursor: hand;}.main-feed-posts .feed-item .comments-section .comment-container .wrapper .comment-content {font-size: 17px;word-wrap: break-word;}.emoji-img {display: inline-block !important;vertical-align: middle !important;width: 21px;}.feed-item .content .emoji-img {width: 30px;}.main-feed-posts .feed-item .comments-section .comments-section {padding-right: 50px;}.main-feed-posts .feed-item .bottom-interaction-button {cursor: hand;padding: 0px 5px;font-weight: 600;color: #798c97;text-decoration: auto;}.main-feed-posts .feed-item .bottom-interaction-button.active {color: var(--gallery-primary-color);font-weight: 700;}.main-feed-posts .feed-item .bottom-interaction-button:hover {text-decoration: underline;}.main-feed-posts .feed-item .comment-date {padding: 0px 5px;}.main-feed-posts .feed-item .feed-interaction-section {padding: 8px 15px;color: #7f90a9;font-weight: 600;font-size: 16px;}.feed-item .feed-interaction-section.padding-bottom {padding-bottom: 15px;}.main-feed-posts .feed-item .comment-interaction-section {justify-content: initial;font-size: 15px;color: #798c97;margin-right: 50px;margin-top: 5px;}.main-feed-posts .feed-item .feed-interaction-section .bottom-interaction-button {padding-right: 25px;}.main-feed-posts .feed-item .feed-date {font-weight: 500;color: #98a1a7;position: relative;}.main-feed-posts .feed-item .feed-date .feed-date-post-link {font-weight: 500;color: #98a1a7;position: relative;text-decoration: none;}.main-feed-posts .feed-item .feed-date .feed-date-post-link:hover {text-decoration: underline;}.main-feed-posts .feed-item .feed-subject {display: inline;position: relative;padding: 5px 15px;margin-right: 5px;color: #fff;border-radius: 35px;opacity: 0.85;left: 0;bottom: 0px;font-size: 14px;}.main-feed-posts .feed-item .feed-subject.pink {background: var(--subject-pink-color);}.main-feed-posts .feed-item .feed-subject.red {background: var(--subject-red-color);}.main-feed-posts .feed-item .feed-subject.orange {background: var(--subject-orange-color);}.main-feed-posts .feed-item .feed-subject.light-blue {background: var(--subject-light-blue-color);}.main-feed-posts .feed-item .feed-subject.red {background: var(--subject-red-color);}.main-feed-posts .feed-item .feed-subject.green {background: var(--subject-green-color);}.main-feed-posts .feed-item .feed-subject.purple {background: var(--subject-purple-color);}.main-feed-posts .feed-item .feed-subject.dark-blue {background: var(--subject-dark-blue-color);}.main-feed-posts .feed-item .feed-subject.gold {background: linear-gradient(45deg, #ffeb01, #ff8f00);}.main-feed-posts .feed-item .feed-likes::before {content: "";width: 18px;height: 18px;position: absolute;background: url(https://www.tropy.co.il/tropy/images/style/gallery/new/icons/like_filled_icon.svg);background-size: 18px;background-repeat: no-repeat;background-position: center;margin-top: 2px;margin-right: -22px;}.main-feed-posts .feed-item .feed-likes.active::before {background: url(https://www.tropy.co.il/tropy/images/style/gallery/new/icons/like_filled_red_icon.svg);background-size: 18px;background-repeat: no-repeat;background-position: center;animation: 1.2s like-animation both cubic-bezier(0.45, 0.05, 0.55, 0.95);}.main-feed-posts .feed-item .feed-comments::before {content: "";width: 18px;height: 18px;position: absolute;background: url(https://www.tropy.co.il/tropy/images/style/gallery/new/icons/comment_filled_icon.svg);background-size: 18px;background-repeat: no-repeat;background-position: center;margin-top: 2px;margin-right: -22px;}.comments-section .comment .comment-container .wrapper .creator {background: #b8e7ff;padding: 3px 8px;margin-right: 6px;border-radius: 25px;font-size: 14px;color: #0063ab;}.main-feed-posts .feed-item .comment-field {width: 100%;background: var(--gallery-input-field-background-color);align-items: center;border-radius: 45px;}.main-feed-posts .feed-item .comment-field .comment-field-input {width: 100%;padding: 10px 5px 10px 15px;background: transparent;border: none;font-size: 16px;}.main-feed-posts .feed-item .comment-field .emojis-button {background: url(https://www.tropy.co.il/tropy/images/style/gallery/new/icons/emoji_outline_icon.svg) no-repeat;background-size: 20px;background-position: center;width: 21px;height: 21px;padding: 10px 6px 10px 6px;margin-right: 10px;cursor: hand;}.main-feed-posts .feed-item .comment-field .emojis-container {position: absolute;background: #fff;padding: 14px;border-radius: 15px;box-shadow: rgba(85,108,145,9%) 0px 0px 10px;width: 250px;margin-top: -410px;z-index: 50;}.main-feed-posts .feed-item .comment-field .emojis-container .emojis-wrapper {}.main-feed-posts .feed-item .comment-field .emojis-container .emojis-wrapper .emoji {padding: 8px;width: 30px;height: 30px;border-radius: 8px;cursor: hand;margin: 2px;-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}.main-feed-posts .feed-item .comment-field .emojis-container .emojis-wrapper .emoji:hover {background: var(--gallery-background-color);}.main-feed-posts .feed-item .comment-field .send-comment {background: url(https://www.tropy.co.il/tropy/images/style/gallery/new/icons/send_filled_icon.svg) no-repeat;background-position: center;width: 21px;height: 21px;margin: 5px 15px;cursor: hand;}.comments-section .load-more-comments {padding: 10px 35px;margin-bottom: 15px;background: #f7f8f9;border-radius: 12px;color: #72869b;font-weight: 700;position: relative;cursor: hand;-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}.comments-section .load-more-comments:hover {background: #ecf1f5;}.comments-section .load-more-comments::before {content: '';width: 12px;height: 12px;display: block;position: absolute;background: url(/tropy/images/style/gallery/new/icons/arrow_down_icon.svg);background-position: center;background-size: cover;margin-top: 5px;right: 16px;}.hashtag {color: var(--gallery-primary-color);text-decoration: none;padding: 0 1.5px;}.hashtag:hover {text-decoration: underline;}/* Scroll up button */#scrollUpButton {width: 60px;height: 60px;position: fixed;bottom: 20px;left: 30px;z-index: 99;border: none;outline: none;background: url(/tropy/images/style/gallery/new/icons/navigate_up_arrow_icon.svg) no-repeat;background-size: 40%;background-position: center;background-color: white;color: white;cursor: pointer;padding: 15px;box-shadow: rgb(0 45 116 / 50%) 0px 0px 10px;border-radius: 50px;}#scrollUpButton:hover {background-color: var(--gallery-background-color);}/* skeleton */.skeleton-wrapper {  background: #fff;  border: 1px solid;  border-color: #e5e6e9 #dfe0e4 #d0d1d5;  border-radius: 4px;  -webkit-border-radius: 4px;  margin: 10px 15px;}.skeleton-wrapper-inner {height: 100%;width: 100%;position: relative;}.skeleton-wrapper-body div {  -webkit-animation-duration: 1s;  -webkit-animation-fill-mode: forwards;  -webkit-animation-iteration-count: infinite;  -webkit-animation-name: placeholderSkeleton;  -webkit-animation-timing-function: linear;  background: #f6f7f8;  background-image: -webkit-gradient(linear, left center, right center, from(#f6f7f8), color-stop(.2, #edeef1), color-stop(.4, #f6f7f8), to(#f6f7f8));  background-image: -webkit-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);  background-repeat: no-repeat;  background-size: 800px 500px;  height: 104px;  position: relative;}.skeleton-wrapper-body {  -webkit-animation-name: skeletonAnimate;  background-image: -webkit-gradient(linear, center top, center bottom, from(deg), color-stop(0, red), color-stop(.15, orange), color-stop(.3, yellow), color-stop(.45, green), color-stop(.6, blue), color-stop(.75, indigo), color-stop(.8, violet), to(red));  background-image: -webkit-linear-gradient(135deg, red 0%, orange 15%, yellow 30%, green 45%, blue 60%,indigo 75%, violet 80%, red 100%);  background-repeat: repeat;  background-size: 50% auto;}.skeleton-wrapper-body div {  position: absolute;  right: 15px;  left: 15px;  top: 15px;}div.skeleton-avatar {  height: 60px;  width: 60px;  border-radius: 60px;  right: auto;}div.skeleton-author {  top: 20px;  height: 20px;  left: 95px;  width: 150px;}div.skeleton-title {top: 0;height: 20px;left: 0;width: 150px;}div.skeleton-chart {top: 50px;height: 360px;left: 0;right: 0;}div.skeleton-feed-item {border-radius: 10px;width: 100%;height: 100%;top: 0;left: 0;right: 0;}div.follow-avatar-circle {height: 70px;width: 70px;border: 5px solid #fff;border-radius: 60px;right: auto;left: 0;top: 0;}div.follow-avatar-label {left: 0;right: 0;top: 87px;height: 13px;width: 100%;}div.post-feed-item-avatar-circle {height: 55px;width: 55px;border: 3px solid #fff;border-radius: 60px;right: 0;left: 0;top: 10px;margin: 5px;}div.post-feed-item-avatar-label {left: 0;right: 73px;top: 32px;height: 24px;width: 103px;}div.post-feed-item-image {left: 0;right: 0px;top: 0px;height: 100%;width: 100%;}div.post-feed-item-like {height: 45px;width: 45px;border-radius: 15px;right: 0;left: 0;top: 0;margin: 5px;}div.post-feed-item-comment {height: 45px;width: 45px;border-radius: 15px;right: 55px;left: 0;top: 0;margin: 5px;}div.post-feed-item-share {height: 45px;width: 45px;border-radius: 15px;margin: 5px;top: 0;right: auto;left: 0;display: block;}div.post-feed-item-bottom-date {height: 18px;width: 115px;top: 0;right: 0;left: 0;display: block;}div.post-feed-item-bottom-like {height: 18px;width: 18px;border-radius: 5px;top: 0;right: auto;left: 149px;display: block;}div.post-feed-item-bottom-like-text {height: 18px;width: 50px;top: 0;right: auto;left: 94px;display: block;}div.post-feed-item-bottom-comment {height: 18px;width: 18px;border-radius: 5px;top: 0;right: auto;left: 54px;display: block;}div.post-feed-item-bottom-comment-text {height: 18px;width: 50px;top: 0;right: auto;left: 0px;display: block;}div.post-feed-item-text {border-radius: 15px;}div.post-feed-item-comment-field {border-radius: 55px;height: 41px;}div.skeleton-label {  left: 95px;  top: 50px;  height: 10px;  width: 100px;}div.skeleton-content-1,div.skeleton-content-2,div.skeleton-content-3 {  left: 15px;  right: 15px;  height: 10px;}div.skeleton-content-1 {  top: 100px;}div.skeleton-content-2 {  top: 120px;}div.skeleton-content-3 {  top: 140px;}@-webkit-keyframes placeholderSkeleton {  0% {background-position: -468px 0;  }  100% {background-position: 800px 0;  }}@-webkit-keyframes skeletonAnimate {  from {background-position: top left;  }  to {background-position: top right;  }}/* end skeleton *//* toast */.toast {position: fixed;width: 100%;bottom: -100;right: 0;left: 0;font-size: 19px;/*background: #333e44;*/background: #ff5e00;color: #fff;z-index: 999;display: none;margin-bottom: -15px;}.toast-container {padding: 20px 50px;}.toast.success {background: #71d700;}.toast.show {display: block;animation: toast-animation 0.5s both ease-in-out;}@keyframes toast-animation {  0% {bottom: -100px;padding-bottom: 20px;  }  to {bottom: 0;padding-bottom: 20px;  }}/* end toast *//* mention users */.mention-users {position: absolute;z-index: 12;background: #fff;border-radius: 15px;box-shadow: rgba(85,108,145,9%) 0px 0px 10px;margin-left: -30px;}.mention-users .suggestion {display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;justify-content: flex-start;align-items: center;padding: 12px 15px;border-radius: 15px;-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;cursor: hand;}.mention-users .suggestion:hover {background: var(--gallery-background-color);}.mention-users .suggestion img {width: 45px;border-radius: 50%;background: var(--gallery-secondary-color);}.mention-users .suggestion .username {margin-left: 10px;margin-right: 10px;color: var(--gallery-title-text-color);font-weight: 600;font-size: 18px;}/* end mention users *//* post options */.edit-section .edit-options {position: absolute;z-index: 12;background: #fff;border-radius: 15px;box-shadow: rgba(85,108,145,9%) 0px 0px 10px;margin-right: -85px;overflow-y: auto;}.edit-section .edit-options .option {display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;justify-content: flex-start;align-items: center;padding: 18px 20px;border-radius: 15px;-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;cursor: hand;border-radius: 0;color: var(--gallery-title-text-color);}.edit-section .edit-options .option:hover {background: var(--gallery-background-color);}.edit-section .edit-options .option img {margin-left: 8px;}.dialog-body .button {position: relative;width: 49%;text-align: center;padding: 10px;border-radius: 8px;margin: 10px;font-size: 18px;cursor: hand;}.dialog-body .button::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0);border-radius: 8px;-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}.dialog-body .button:hover::after {background-color: rgba(0, 0, 0, 0.1);}.dialog-body .button.primary {background-color: var(--gallery-primary-color);color: #fff;}.dialog-body .button.secondary {background-color: var(--gallery-background-color);color: var(--gallery-secondary-color);}.dialog-body .delete-post-content-container {align-items: center;justify-content: start;text-decoration: none;margin: auto;justify-content: center;padding: 18px;}.dialog-body .delete-post-content-container .title {margin-left: 10px;margin-right: 10px;color: var(--username-color);font-weight: 600;font-size: 19px;}.dialog-body .delete-post-content-container .post-image {min-width: 77px;min-height: 77px;border-radius: 12px;background-size: cover !important;background-position: center !important;}/* end post options *//* like */.liked {background-image: url(https://www.tropy.co.il/tropy/images/style/gallery/new/icons/like_filled_red_icon.svg) !important;  animation: 1.2s like-animation both cubic-bezier(0.45, 0.05, 0.55, 0.95);}@keyframes like-animation {  0% {transform: scale(0);  }  15% {transform: scale(1.25);  }  32% {transform: scale(0.95);  }  50% {transform: scale(1);opacity: 1;  }  to {transform: scale(1);opacity: 1;  }}/* end like */h3 {margin: 0 6px;}textarea:focus, input:focus, .editor-textarea:focus{outline: none;}/* Tooltip */.tooltip-container {  position: relative;  display: inline-block;}.tooltip-container .tooltip-content {  visibility: hidden;  width: auto;  background-color: #000;  color: #fff;  text-align: center;  border-radius: 0.25rem;  padding: 0.25rem 0.5rem;  position: absolute;  z-index: 1;  bottom: 100%;  left: 50%;  transform: translateX(-50%);  opacity: 0;  transition: opacity 0.3s;}.tooltip-container:hover .tooltip-content {  visibility: visible;  opacity: 1;}/* Tooltip Arrow */.tooltip-container .tooltip-content::after {  content: "";  position: absolute;  top: 100%;  left: 50%;  margin-left: -5px;  border-width: 5px;  border-style: solid;  border-color: #000 transparent transparent transparent;}/* Floating Feed Card */.feed-card {position: fixed;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index: 900;background: rgba(0, 0, 0, .80);overflow: auto;}.feed-card .card-wrapper {min-height: 100%;display: flex;flex-direction: row;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;}.feed-card .close-btn {position: fixed;background: #fff;top: 18px;text-align: center;padding: 4px 16px;cursor: pointer;font-size: 30px;border-radius: 50px;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;right: 15;}/* Switch Toggle */.switch input[type=checkbox] {opacity: 0;position: absolute}.switch input[type=checkbox]+label {position: relative;display: inline-block;transition: 0.4s ease;-webkit-transition: 0.4s ease;-moz-transition: 0.4s ease;-o-transition: 0.4s ease;-ms-transition: 0.4s ease;height: 25px;width: 50px;border: 1px solid #bfbfbf;background-color: #bfbfbf;border-radius: 60px;margin-bottom: 0px;cursor: pointer}.switch input[type=checkbox]+label:before {content: '';position: absolute;display: block;transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);-webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);-moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);-o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);-ms-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);height: 25px;width: 50px;top: 0;left: 0;border-radius: 30px}.switch input[type=checkbox]+label:after {content: '';position: absolute;display: block;box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);transition: 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);-webkit-transition: 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);-moz-transition: 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);-o-transition: 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);-ms-transition: 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);background: #fff;height: 21px;width: 21px;top: 1px;left: 1px;border-radius: 60px}.switch input[type=checkbox]:checked+label {background: #8bd337;border-color: #8bd337}.switch input[type=checkbox]:checked+label:before {transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);-webkit-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);-moz-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);-o-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);-ms-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1)}.switch input[type=checkbox]:checked+label:after {left: 25px}.switch input[type=checkbox]:checked:active:not(:disabled)+label:after {width: 24px;left: 22px}.switch input[type=checkbox]:not(:checked):active:not(:disabled)+label:after {width: 24px}.switch input[type=checkbox]:disabled+label {opacity: 0.6;cursor: not-allowed}#gallery-menu .glass {display: none;}/* mobile */@media only screen and (max-width: 770px) {.main-gallery {display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;justify-content: space-between;padding: 90px 10px 15px 10px;}#scrollUpButton {bottom: 105px;}#gallery-menu {position: fixed;bottom: 0;right: 0;padding: 0;width: 100%;z-index: 1;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;justify-content: center;margin: auto;border-radius: 15px 15px 0px 0px;background: -webkit-linear-gradient(rgba(255,255,255,0.95), rgba(255, 255, 255, 0.8));}#gallery-menu .glass {position: absolute;display: block;width: 100%;height: 100%;-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);z-index: -1;border-radius: 15px 15px 0px 0px;}#gallery-menu .menu-item {display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;justify-content: space-between;margin-top: 0;padding: 12px 0 18px;width: 95px;text-align: center;}#gallery-menu .menu-button {border-radius: 0;}#gallery-menu .menu-button:hover {background: #0093ff26;}#gallery-menu .menu-button.active {background: linear-gradient(180deg, #ffd7ed, transparent);}#gallery-menu .menu-item svg, #gallery-menu .menu-item img {margin: auto;}#gallery-menu .menu-item.active .title::before {background: unset;}#gallery-menu .menu-item .title {font-size: 16px;}#gallery-menu .search-box {display: none;}#gallery-menu .menu-item .notification-count {margin-right: 23px;}.section-profile .avatar-frame.birthday::after {width: 144px !important;height: 144px !important;background-size: 136px !important;}.right-content {margin: auto;}.section-subjects {flex-wrap: wrap;justify-content: center;}.section-subjects .subject {margin: 3px;padding: 10px 28px;}.editor .editor-textarea.color-container {min-width: unset;min-height: 81px;max-width: 100%;height: auto;width: auto;margin: 10px;}.editor-menu.flex-horizontal, .editor-menu .flex-horizontal {-ms-flex-direction: column;flex-direction: column;}.editor-menu .post-options {flex-direction: row;justify-content: start;}.editor .editor-menu .editor-menu-item {padding: 10px;}.editor .editor-menu .editor-menu-item img {width: 35px;height: 35px;}.editor .colors-menu .color-button {min-width: 40px;}.editor .editor-menu .alert {margin: 10px 0 10px 0;padding: 10px 15px;border-radius: 35px;text-align: center;}.editor .editor-menu .upload-button {text-align: center;padding: 12px;border-radius: 25px;}.gallery.page .main-feed {gap: 0.8vw !important;}.gallery.page .main-feed.m-b-5 {margin-bottom: 0.8vw !important;}.gallery.page .main-feed .feed-item {width: 49%;}.main-feed-posts .feed-item {max-width: 100%;margin: auto;margin-bottom: 20px;}#floating-feed-posts {margin-top: 90px;}.feed-card .close-btn {position: absolute;left: 50%;transform: translate(-50%);}.toast {margin-bottom: -0px;}.main-feed-posts .feed-item .comments-section .comment-container .wrapper {max-width: 75%;}.main-feed-posts .feed-item .top-section .username {font-size: 18px;}.main-feed-posts .feed-item .top-section .avatar {width: 45px;height: 45px;}.follow-button {font-size: 16px;}.main-feed-posts .feed-item .content, .main-feed-posts .feed-item .comments-section .comment-container .wrapper .comment-content, .main-feed-posts .feed-item .comment-field .comment-field-input, .main-feed-posts .feed-item .content .content-container .read-more-btn { font-size: 16px;}.main-feed-posts .feed-item .feed-interaction-section {font-size: 13px;}.main-feed-posts .feed-item .wrapper img {max-height: 280px;}.main-feed-posts .feed-item .feed-subject {font-size: 11px;}.main-feed-posts .feed-item .feed-likes::before, .main-feed-posts .feed-item .feed-comments::before {margin-top: 0px;}.main-feed-posts .feed-item .feed-interaction-section {padding: 8px;}.main-feed-posts .feed-item .interaction-section .like, .main-feed-posts .feed-item .interaction-section .comment, .main-feed-posts .feed-item .interaction-section .share {width: 33px;height: 33px;margin: 0px 8px;}}@media (max-width: 360px) {#gallery-menu .menu-item {width: 75px;font-size: 12px;}#gallery-menu .menu-item.item-search {width: 65px !important;}#gallery-menu .menu-item .title {font-size: 12px;}.left-content .box-container .menu-item svg {scale: 0.8;}}@media (min-width: 770px) and (max-width: 940px) {.main-feed-posts .feed-item {max-width: 100%;width: auto;}.gallery.page .main-feed .feed-item {width: 49%;height: 210px;}.gallery.page .main-feed .feed-item .wrapper {height: 210px;}.right-content {width: 60%;}.section-subjects {flex-wrap: wrap;justify-content: center;}}@media (min-width: 940px) and (max-width: 1070px) {.gallery.page .main-feed .feed-item {width: 210px;height: 210px;}.gallery.page .main-feed .feed-item .wrapper {height: 210px;}}/* ai badge */.ai-badge {display: inline-flex;align-items: center;gap: 8px;background: linear-gradient(135deg, #143fff 0%, #b164ff 100%);color: white;padding: 8px 16px;border-radius: 20px;font-size: 14px;font-weight: 600;text-decoration: none;box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);border: 1px solid rgba(255, 255, 255, 0.2);transition: all 0.3s ease;position: relative;overflow: hidden;margin-right: 10px;}.ai-badge::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition: left 0.6s ease;}.ai-badge:hover {/*transform: translateY(-2px);*/box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);}.ai-badge:hover::before {left: 100%;}.ai-spark-icon {width: 16px;height: 16px;}.ai-badge-text {white-space: nowrap;}/* Alternative badge styles */.ai-badge-dark {background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);border: 1px solid rgba(255, 255, 255, 0.1);}.ai-badge-glow {background: linear-gradient(135deg, #146bff 0%, #9100ff 100%);box-shadow: 0 0 20px rgba(102, 126, 234, 0.6);animation: ai-glow 2s ease-in-out infinite alternate;}@keyframes ai-glow {from { box-shadow: 0 0 20px rgba(102, 126, 234, 0.6); }to { box-shadow: 0 0 30px rgba(102, 126, 234, 0.8); }}