:root {
        --main-color: #0069ff;
        --main-color-h: #216ad2;
        --main-color-a: #155ec5;
		/*--main-color-2: #53b2e9;#379ad3*/

		--bg-color: #fff;
		--bg-color-2: #f9f9f9;
		--bg-color-2h: #f1f1f1;/*hover*/
		--bg-color-2a: #f6f6f6;/*active*/
		--bg-color-3: #0069ff1a;
		--toast-bg: #e5f0ff;
		--app-menubar-border-bottom:#ebebeb73;
		--search-list-border-bottom:#f0f0f0;
		--sc-li-h:#d9d9d9;
		--sc-li-a:#dfdfdf;
		--sc-li-span:#efefef;
		--text-gray:#404040;/*rgba(0, 0, 0, 0.75)*/
		--text-gray-2:rgba(0, 0, 0, 0.3);
		--text-gray-3:#666;
		--text-bright:#000;
		--text-hl:#0047aa;
		--item-categories:#9f9f9f;
		--item-categories-h:#7c7c7c;
		--item-element-h:#000;
		--item-element-a:#333;
		--item-element-r:#fff;
		--userli-fpage:#f9f9f9;
		--userli-fpage-border-top:#efefef;
		--userli-add-h:#eee;
		--userli-add-a:#f3f3f3;
		--lmp-topprofile-img-box-shadow:rgb(249 249 249 / 20%) 0 0 0 4px;
		--fpage-right-bg:#f1f1f1;
		--fpage-right-border:#ebebeb;
		--fpage-right-sep:#e9e9e9;
		--testy-disabled:#e9e9e9;
		--line-loader-bg:#f3f3f3;
		--line-loader-bg2:#f6f6f6;
		--line-loader-bg3:#f9f9f9;
		--tl-content-border:#dedede;
		--right-footer-border:#eee;
		--scrollbar-color1:#b1b1b1;
		--scrollbar-color2:#eee;
		--scrollbar-color3:#888;
		--scrollbar-color4:#eee;
		--scrollbar-color5:#ddd;
		--db-list-testimonial-h:rgba(0, 0, 0, 0.75);
		--c-line-bg-h:#0000000a;
		--c-line-bg-a:#00000005;
		--db-title-border:#f3f3f3;
		--main-color-filter:invert(89%) sepia(0%) saturate(793%) hue-rotate(140deg) brightness(83%) contrast(83%);
		--pd-arrow-filter:invert(42%) sepia(5%) saturate(0%) hue-rotate(148deg) brightness(89%) contrast(82%);
		--pop-menu-border:#0000001c;
		--pop-menu-border-bottom:#0000002b;
		--profile-menubar-bg:rgb(255 255 255 / 36%);
		--profile-menubar-border:#e7e7e773;
		--dc-newtab-filter:invert(0%) sepia(7%) saturate(0%) hue-rotate(146deg) brightness(101%) contrast(106%);
		--pop-overlay:#d1d1d157;
		--input:#ffffff;
		--input-border:#c3c3c3;
		--input-box-shadow:#e5e5e5;
		--update-notification-bg:#b6cbdd;
		--update-notification-color:#4c4c4c;
		--update-notification-border:#7ca4c5;
		--update-notification-box-shadow:#6ea3cb;
		--update-notification-text-shadow:#dbecfb;
		--search-label-h:rgba(0, 0, 0, 0.5);
		--search-label-a:rgba(0, 0, 0, 0.4);
		--fp-search-border:#e9e9e9;
		--fp-search-border-focus:#dedede;
		--items-tab-bg-h:#f0f0f0;
		--items-tab-bg-a:#f3f3f3;
		--item-border-color:#f5f5f5;
		--item-border-color-b:#eee;
		--item-border-color-c:#e8e8e8;
		--items-tab-border-s:#999;
		--items-tab-color-s:#000;
		--items-tab-border:#f0f0f06e;
		--items-tab-add-bg:#00000005;
		--items-tab-add-bg-h:#e3e3e3;
		--items-tab-add-bg-a:#e9e9e9;
		--items-tab-add-border:#00000017;
		--subscribebox-btn-border:#00000020;
		--subscribebox-btn-border-h:#999;
		--subscribebox-btn-border-a:#ccc;
		--mini-profile-box-shadow:#00000020;
		--fp-search-bg:#fff;
		--uitem-border:rgb(0 0 0 / 15%);
		--uitem-border-h:rgb(0 0 0 / 3%);
		--uitem-border-a:rgb(0 0 0 / 5%);
		--follow-btn-text-shadow:0 1px 1px rgb(0 0 0 / 30%);
		--follow-btn-text-shadow-isfollowed:0 1px 1px rgb(255 255 255 / 30%);
		--follow-btn-bg-h:#000;
		--follow-btn-bg-a:rgba(0, 0, 0, 0.8);
		--follow-btn-isfollowed:#e9eef5;
		--follow-btn-isfollowed-h:#dae7f4;
		--follow-btn-isfollowed-a:#e5eaf3;
		--follow-btn-isfollowed-color-h:#000;
		--follow-btn-color-h:#fff;
		--comment-level:0;
		--comments-filter-bg:#fffffff2;
		--comments-filter-box-shadow:0 1px 2px #fff;
		--app-menubar-box-shadow: 0 1px 4px 0 #00000008, 0 0 0 1px #0000000f;
		--btn-bg-h:#0000000f;
		--btn-bg-a:#00000008;
		--just-created-bg-color:#eaf2fe;
		--just-created-border-color:#bed1ec57;
		--just-created-shadow-color:#bbcae147;
		--jc-close-h:#6a7f9d;
		--jc-close-a:#b1c2db;
		--jc-check-color:#99b9e7;
		--copy-share-bg-color:#e0ebfa;
		--copy-share-border-color:#c5d2e5;
		--copy-share-bg-color-h:#d8e7fa;
		--copy-share-bg-color-a:#e5eefc;
		--downvote-arrow-img:url(../img/arrow-down-solid.svg);
		--post-status-content-color:#745f00ad;
		--post-status-content-bg-color:#e3dbb633;
		--votes-text-bg-image:url(../img/updown.svg);
		--fpbg:url(img/fpbg.png);
		--fpbg-mask:#ffffff5e;
		--bar-shadow-color:rgba(255, 255, 255, 0.5);
		--bar-success-bg-color:#f2faf4;
		--bar-success-box-shadow:inset 1px 1px 3px 0 #d2ecd8, inset 0px 0px 0px 1px #dceee0;
		--bar-warning-bg-color:#fef6e1;
		--bar-warning-box-shadow:inset 1px 1px 3px 0 #ffe8a7, inset 0px 0px 0px 1px #f7edd1;
		--bump-box-shadow-color:#d3e5ff;
}

html.dark-theme{
        --main-color: #0069ff;
        --main-color-h: #216ad2;
        --main-color-a: #155ec5;
		--bg-color: #1d1d1d;
		--bg-color-2: #151515;
		--bg-color-2h: #282828;/*hover*/
		--bg-color-2a: #2a2a2a;/*active*/
		--bg-color-3: #207bff1a;
		--toast-bg: #1d2734;
		--app-menubar-border-bottom:#ebebeb73;
		--search-list-border-bottom:#f0f0f0;
		--sc-li-h:#d9d9d9;
		--sc-li-a:#dfdfdf;
		--sc-li-span:#efefef;
		--text-gray:#ddd;/*rgba(255, 255, 255, 0.85)*/
		--text-gray-2:rgba(255, 255, 255, 0.5);
		--text-gray-3:#b3b3b3;
		--text-bright:#fff;
		--text-hl:#558bd8;
		--item-categories:#9f9f9f;
		--item-categories-h:#7c7c7c;
		--item-element-h:#fff;
		--item-element-a:#ccc;
		--item-element-r:#000;
		--userli-fpage:#f9f9f9;
		--userli-fpage-border-top:#efefef;
		--userli-add-h:#eee;
		--userli-add-a:#f3f3f3;
		--lmp-topprofile-img-box-shadow:rgb(249 249 249 / 20%) 0 0 0 4px;
		--fpage-right-bg:#f1f1f1;
		--fpage-right-border:#ebebeb;
		--fpage-right-sep:#e9e9e9;
		--testy-disabled:#e9e9e9;
		--line-loader-bg:#262626;
		--line-loader-bg2:#292929;
		--line-loader-bg3:#2c2c2c;
		--tl-content-border:#dedede;
		--right-footer-border:#eee;
		--scrollbar-color1:#565656;
		--scrollbar-color2:#3a3a3a;
		--scrollbar-color3:#777777;
		--scrollbar-color4:#3a3a3a;
		--scrollbar-color5:#4a4a4a;
		--db-list-testimonial-h:rgba(0, 0, 0, 0.75);
		--c-line-bg-h:#ffffff0a;
		--c-line-bg-a:#ffffff05;
		--db-title-border:#383838;
		--main-color-filter:invert(89%) sepia(0%) saturate(793%) hue-rotate(140deg) brightness(83%) contrast(83%);
		--pd-arrow-filter:invert(42%) sepia(5%) saturate(0%) hue-rotate(148deg) brightness(89%) contrast(82%);
		--pop-menu-border:#d2d2d21c;
		--pop-menu-border-bottom:#ffffff2b;
		--profile-menubar-bg:rgb(0 0 0 / 36%);
		--profile-menubar-border:#e7e7e773;
		--dc-newtab-filter:invert(0%) sepia(7%) saturate(0%) hue-rotate(146deg) brightness(101%) contrast(106%);
		--pop-overlay:#d1d1d157;
		--input:#1d1d1d;
		--input-border:#616161;
		--input-box-shadow:#4c4c4c;
		--update-notification-bg:#50697e;
		--update-notification-color:rgb(255 255 255 / 60%);
		--update-notification-border:#354654;
		--update-notification-box-shadow:#2e3e4c;
		--update-notification-text-shadow:#445666;
		--search-label-h:rgba(255, 255, 255, 0.7);
		--search-label-a:rgba(255, 255, 255, 0.6);
		--fp-search-border:#e9e9e9;
		--fp-search-border-focus:#dedede;
		--items-tab-bg-h:#f0f0f0;
		--items-tab-bg-a:#f3f3f3;
		--item-border-color:#272727;
		--item-border-color-b:#383838;
		--item-border-color-c:#313131;
		--items-tab-border-s:#999;
		--items-tab-color-s:#000;
		--items-tab-border:#f0f0f06e;
		--items-tab-add-bg:#00000005;
		--items-tab-add-bg-h:#e3e3e3;
		--items-tab-add-bg-a:#e9e9e9;
		--items-tab-add-border:#00000017;
		--subscribebox-btn-border:#00000020;
		--subscribebox-btn-border-h:#999;
		--subscribebox-btn-border-a:#ccc;
		--mini-profile-box-shadow:#00000085;
		--fp-search-bg:#fff;
		--uitem-border:rgb(255 255 255 / 15%);
		--uitem-border-h:rgb(255 255 255 / 3%);
		--uitem-border-a:rgb(255 255 255 / 5%);
		--follow-btn-text-shadow:0 1px 1px rgb(0 0 0 / 30%);
		--follow-btn-text-shadow-isfollowed:0 1px 1px rgb(255 255 255 / 30%);
		--follow-btn-bg-h:#000;
		--follow-btn-bg-a:rgba(0, 0, 0, 0.8);
		--follow-btn-isfollowed:#e9eef5;
		--follow-btn-isfollowed-h:#dae7f4;
		--follow-btn-isfollowed-a:#e5eaf3;
		--follow-btn-isfollowed-color-h:#000;
		--follow-btn-color-h:#fff;
		--comment-level:0;
		--comments-filter-bg:#1d1d1df2;
		--comments-filter-box-shadow:0 1px 2px #1d1d1d;
		--app-menubar-box-shadow: 0 1px 4px 0 #00000008, 0 0 0 1px #ffffff0f;
		--btn-bg-h:#ffffff0f;
		--btn-bg-a:#ffffff08;
		--just-created-bg-color:#1f2c3d;
		--just-created-border-color:#11213957;
		--just-created-shadow-color:#0b1c3747;
		--jc-close-h:#b1c2db;
		--jc-close-a:#6a7f9d;
		--jc-check-color:#64758e;
		--copy-share-bg-color:#172435;
		--copy-share-border-color:#2b3b51;
		--copy-share-bg-color-h:#141e2c;
		--copy-share-bg-color-a:#1a2839;
		--downvote-arrow-img:url(../img/arrow-down-solid-dark.svg);
		--post-status-content-color:#9a8e59ad;
		--post-status-content-bg-color:#6a603033;
		--votes-text-bg-image:url(../img/updown-dark.svg);
		--fpbg:url(img/fpbg-dark.png);
		--fpbg-mask:#1d1d1d5e;
		--bar-shadow-color:rgba(0, 0, 0, 0.5);
		--bar-success-bg-color:#02280a;
		--bar-success-box-shadow:inset 1px 1px 3px 0 #073712, inset 0px 0px 0px 1px #043f11;
		--bar-warning-bg-color:#2a2004;
		--bar-warning-box-shadow:inset 1px 1px 3px 0 #372a05, inset 0px 0px 0px 1px #443102;
		--bump-box-shadow-color:#293647;
}

@media (prefers-color-scheme: dark) {
	:root{
        --main-color: #0069ff;
        --main-color-h: #216ad2;
        --main-color-a: #155ec5;
		--bg-color: #1d1d1d;
		--bg-color-2: #151515;
		--bg-color-2h: #282828;/*hover*/
		--bg-color-2a: #2a2a2a;/*active*/
		--bg-color-3: #207bff1a;
		--toast-bg: #1d2734;
		--app-menubar-border-bottom:#ebebeb73;
		--search-list-border-bottom:#f0f0f0;
		--sc-li-h:#d9d9d9;
		--sc-li-a:#dfdfdf;
		--sc-li-span:#efefef;
		--text-gray:#ddd;
		--text-gray-2:rgba(255, 255, 255, 0.5);
		--text-gray-3:#b3b3b3;
		--text-bright:#fff;
		--text-hl:#558bd8;
		--item-categories:#9f9f9f;
		--item-categories-h:#7c7c7c;
		--item-element-h:#fff;
		--item-element-a:#ccc;
		--item-element-r:#000;
		--userli-fpage:#f9f9f9;
		--userli-fpage-border-top:#efefef;
		--userli-add-h:#eee;
		--userli-add-a:#f3f3f3;
		--lmp-topprofile-img-box-shadow:rgb(249 249 249 / 20%) 0 0 0 4px;
		--fpage-right-bg:#f1f1f1;
		--fpage-right-border:#ebebeb;
		--fpage-right-sep:#e9e9e9;
		--testy-disabled:#e9e9e9;
		--line-loader-bg:#262626;
		--line-loader-bg2:#292929;
		--line-loader-bg3:#2c2c2c;
		--tl-content-border:#dedede;
		--right-footer-border:#eee;
		--scrollbar-color1:#565656;
		--scrollbar-color2:#3a3a3a;
		--scrollbar-color3:#777777;
		--scrollbar-color4:#3a3a3a;
		--scrollbar-color5:#4a4a4a;
		--db-list-testimonial-h:rgba(0, 0, 0, 0.75);
		--c-line-bg-h:#ffffff0a;
		--c-line-bg-a:#ffffff05;
		--db-title-border:#383838;
		--main-color-filter:invert(89%) sepia(0%) saturate(793%) hue-rotate(140deg) brightness(83%) contrast(83%);
		--pd-arrow-filter:invert(42%) sepia(5%) saturate(0%) hue-rotate(148deg) brightness(89%) contrast(82%);
		--pop-menu-border:#d2d2d21c;
		--pop-menu-border-bottom:#ffffff2b;
		--profile-menubar-bg:rgb(0 0 0 / 36%);
		--profile-menubar-border:#e7e7e773;
		--dc-newtab-filter:invert(0%) sepia(7%) saturate(0%) hue-rotate(146deg) brightness(101%) contrast(106%);
		--pop-overlay:#d1d1d157;
		--input:#1d1d1d;
		--input-border:#616161;
		--input-box-shadow:#4c4c4c;
		--update-notification-bg:#50697e;
		--update-notification-color:rgb(255 255 255 / 60%);
		--update-notification-border:#354654;
		--update-notification-box-shadow:#2e3e4c;
		--update-notification-text-shadow:#445666;
		--search-label-h:rgba(255, 255, 255, 0.7);
		--search-label-a:rgba(255, 255, 255, 0.6);
		--fp-search-border:#e9e9e9;
		--fp-search-border-focus:#dedede;
		--items-tab-bg-h:#f0f0f0;
		--items-tab-bg-a:#f3f3f3;
		--item-border-color:#272727;
		--item-border-color-b:#383838;
		--item-border-color-c:#313131;
		--items-tab-border-s:#999;
		--items-tab-color-s:#000;
		--items-tab-border:#f0f0f06e;
		--items-tab-add-bg:#00000005;
		--items-tab-add-bg-h:#e3e3e3;
		--items-tab-add-bg-a:#e9e9e9;
		--items-tab-add-border:#00000017;
		--subscribebox-btn-border:#00000020;
		--subscribebox-btn-border-h:#999;
		--subscribebox-btn-border-a:#ccc;
		--mini-profile-box-shadow:#00000085;
		--fp-search-bg:#fff;
		--uitem-border:rgb(255 255 255 / 15%);
		--uitem-border-h:rgb(255 255 255 / 3%);
		--uitem-border-a:rgb(255 255 255 / 5%);
		--follow-btn-text-shadow:0 1px 1px rgb(0 0 0 / 30%);
		--follow-btn-text-shadow-isfollowed:0 1px 1px rgb(255 255 255 / 30%);
		--follow-btn-bg-h:#000;
		--follow-btn-bg-a:rgba(0, 0, 0, 0.8);
		--follow-btn-isfollowed:#e9eef5;
		--follow-btn-isfollowed-h:#dae7f4;
		--follow-btn-isfollowed-a:#e5eaf3;
		--follow-btn-isfollowed-color-h:#000;
		--follow-btn-color-h:#fff;
		--comment-level:0;
		--comments-filter-bg:#1d1d1df2;
		--comments-filter-box-shadow:0 1px 2px #1d1d1d;
		--app-menubar-box-shadow: 0 1px 4px 0 #00000008, 0 0 0 1px #ffffff0f;
		--btn-bg-h:#ffffff0f;
		--btn-bg-a:#ffffff08;
		--just-created-bg-color:#1f2c3d;
		--just-created-border-color:#11213957;
		--just-created-shadow-color:#0b1c3747;
		--jc-close-h:#b1c2db;
		--jc-close-a:#6a7f9d;
		--jc-check-color:#64758e;
		--copy-share-bg-color:#172435;
		--copy-share-border-color:#2b3b51;
		--copy-share-bg-color-h:#141e2c;
		--copy-share-bg-color-a:#1a2839;
		--downvote-arrow-img:url(../img/arrow-down-solid-dark.svg);
		--post-status-content-color:#9a8e59ad;
		--post-status-content-bg-color:#6a603033;
		--votes-text-bg-image:url(../img/updown-dark.svg);
		--fpbg:url(img/fpbg-dark.png);
		--fpbg-mask:#1d1d1d5e;
		--bar-shadow-color:rgba(0, 0, 0, 0.5);
		--bar-success-bg-color:#02280a;
		--bar-success-box-shadow:inset 1px 1px 3px 0 #073712, inset 0px 0px 0px 1px #043f11;
		--bar-warning-bg-color:#2a2004;
		--bar-warning-box-shadow:inset 1px 1px 3px 0 #372a05, inset 0px 0px 0px 1px #443102;
		--bump-box-shadow-color:#293647;
	}
	html.light-theme{
        --main-color: #0069ff;
        --main-color-h: #216ad2;
        --main-color-a: #155ec5;
		--bg-color: #fff;
		--bg-color-2: #f9f9f9;
		--bg-color-2h: #f1f1f1;/*hover*/
		--bg-color-2a: #f6f6f6;/*active*/
		--bg-color-3: #0069ff1a;
		--toast-bg: #e5f0ff;
		--app-menubar-border-bottom:#ebebeb73;
		--search-list-border-bottom:#f0f0f0;
		--sc-li-h:#d9d9d9;
		--sc-li-a:#dfdfdf;
		--sc-li-span:#efefef;
		--text-gray:#404040;
		--text-gray-2:rgba(0, 0, 0, 0.3);
		--text-gray-3:#666;
		--text-bright:#000;
		--text-hl:#0047aa;
		--item-categories:#9f9f9f;
		--item-categories-h:#7c7c7c;
		--item-element-h:#000;
		--item-element-a:#333;
		--item-element-r:#fff;
		--userli-fpage:#f9f9f9;
		--userli-fpage-border-top:#efefef;
		--userli-add-h:#eee;
		--userli-add-a:#f3f3f3;
		--lmp-topprofile-img-box-shadow:rgb(249 249 249 / 20%) 0 0 0 4px;
		--fpage-right-bg:#f1f1f1;
		--fpage-right-border:#ebebeb;
		--fpage-right-sep:#e9e9e9;
		--testy-disabled:#e9e9e9;
		--line-loader-bg:#f3f3f3;
		--line-loader-bg2:#f6f6f6;
		--line-loader-bg3:#f9f9f9;
		--tl-content-border:#dedede;
		--right-footer-border:#eee;
		--scrollbar-color1:#b1b1b1;
		--scrollbar-color2:#eee;
		--scrollbar-color3:#888;
		--scrollbar-color4:#eee;
		--scrollbar-color5:#ddd;
		--db-list-testimonial-h:rgba(0, 0, 0, 0.75);
		--c-line-bg-h:#0000000a;
		--c-line-bg-a:#00000005;
		--db-title-border:#f3f3f3;
		--main-color-filter:invert(89%) sepia(0%) saturate(793%) hue-rotate(140deg) brightness(83%) contrast(83%);
		--pd-arrow-filter:invert(42%) sepia(5%) saturate(0%) hue-rotate(148deg) brightness(89%) contrast(82%);
		--pop-menu-border:#0000001c;
		--pop-menu-border-bottom:#0000002b;
		--profile-menubar-bg:rgb(255 255 255 / 36%);
		--profile-menubar-border:#e7e7e773;
		--dc-newtab-filter:invert(0%) sepia(7%) saturate(0%) hue-rotate(146deg) brightness(101%) contrast(106%);
		--pop-overlay:#d1d1d157;
		--input:#ffffff;
		--input-border:#c3c3c3;
		--input-box-shadow:#e5e5e5;
		--update-notification-bg:#b6cbdd;
		--update-notification-color:#4c4c4c;
		--update-notification-border:#7ca4c5;
		--update-notification-box-shadow:#6ea3cb;
		--update-notification-text-shadow:#dbecfb;
		--search-label-h:rgba(0, 0, 0, 0.5);
		--search-label-a:rgba(0, 0, 0, 0.4);
		--fp-search-border:#e9e9e9;
		--fp-search-border-focus:#dedede;
		--items-tab-bg-h:#f0f0f0;
		--items-tab-bg-a:#f3f3f3;
		--item-border-color:#f5f5f5;
		--item-border-color-b:#eee;
		--item-border-color-c:#e8e8e8;
		--items-tab-border-s:#999;
		--items-tab-color-s:#000;
		--items-tab-border:#f0f0f06e;
		--items-tab-add-bg:#00000005;
		--items-tab-add-bg-h:#e3e3e3;
		--items-tab-add-bg-a:#e9e9e9;
		--items-tab-add-border:#00000017;
		--subscribebox-btn-border:#00000020;
		--subscribebox-btn-border-h:#999;
		--subscribebox-btn-border-a:#ccc;
		--mini-profile-box-shadow:#00000020;
		--fp-search-bg:#fff;
		--uitem-border:rgb(0 0 0 / 15%);
		--uitem-border-h:rgb(0 0 0 / 3%);
		--uitem-border-a:rgb(0 0 0 / 5%);
		--follow-btn-text-shadow:0 1px 1px rgb(0 0 0 / 30%);
		--follow-btn-text-shadow-isfollowed:0 1px 1px rgb(255 255 255 / 30%);
		--follow-btn-bg-h:#000;
		--follow-btn-bg-a:rgba(0, 0, 0, 0.8);
		--follow-btn-isfollowed:#e9eef5;
		--follow-btn-isfollowed-h:#dae7f4;
		--follow-btn-isfollowed-a:#e5eaf3;
		--follow-btn-isfollowed-color-h:#000;
		--follow-btn-color-h:#fff;
		--comment-level:0;
		--comments-filter-bg:#fffffff2;
		--comments-filter-box-shadow:0 1px 2px #fff;
		--app-menubar-box-shadow: 0 1px 4px 0 #00000008, 0 0 0 1px #0000000f;
		--btn-bg-h:#0000000f;
		--btn-bg-a:#00000008;
		--just-created-bg-color:#eaf2fe;
		--just-created-border-color:#bed1ec57;
		--just-created-shadow-color:#bbcae147;
		--jc-close-h:#6a7f9d;
		--jc-close-a:#b1c2db;
		--jc-check-color:#99b9e7;
		--copy-share-bg-color:#e0ebfa;
		--copy-share-border-color:#c5d2e5;
		--copy-share-bg-color-h:#d8e7fa;
		--copy-share-bg-color-a:#e5eefc;
		--downvote-arrow-img:url(../img/arrow-down-solid.svg);
		--post-status-content-color:#745f00ad;
		--post-status-content-bg-color:#e3dbb633;
		--votes-text-bg-image:url(../img/updown.svg);
		--fpbg:url(img/fpbg.png);
		--fpbg-mask:#ffffff5e;
		--bar-shadow-color:rgba(255, 255, 255, 0.5);
		--bar-success-bg-color:#f2faf4;
		--bar-success-box-shadow:inset 1px 1px 3px 0 #d2ecd8, inset 0px 0px 0px 1px #dceee0;
		--bar-warning-bg-color:#fef6e1;
		--bar-warning-box-shadow:inset 1px 1px 3px 0 #ffe8a7, inset 0px 0px 0px 1px #f7edd1;
		--bump-box-shadow-color:#d3e5ff;
	}
}
html.dark-theme .mb-theme .fa-moon:before {
    content: "\f185";
}

@font-face{font-family:logofont3;src:url(cb.ttf)}
@font-face{font-family:logofont2;src:url(Exalted.otf) format('opentype');font-weight:normal;font-style:normal}
@font-face{font-family:logofont4;src:url(ShameimaruSansAlternatives.ttf)}
@font-face{font-family:logofont5;src:url(OleoScriptSwashCaps-Bold.ttf)}
@font-face{font-family:logofont;src:url(OleoScriptSwashCaps-Regular.ttf)}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(roboto-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'disolve';
  font-style:  normal;
  font-weight: 400;
  font-display: swap;
  src: url("Inter-Regular.woff2?v=3.19") format("woff2"),
       url("Inter-Regular.woff?v=3.19") format("woff");
}
*{
  -webkit-touch-callout: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
*, *::before, *::after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border: 0;
    list-style: none;
}
html{
	height: 100%;
    color: var(--text-bright);
	background-color: var(--bg-color);
}
html.disable-transition *,
html.disable-transition *::after,
html.disable-transition *::before{
	transition: none !important;
}
a,a:hover,a:active {
    color: var(--main-color);
    word-break: break-word;
	text-decoration:none;
    transition: color .3s;
}
a:not(.mb-link):not(.app-logo):not(.sbtn):not(.fp-h1-a):not(.af-footer-pop-a):not(.update-notification):not(.fpa):hover {
    color: var(--main-color-h) !important;
}
a:not(.mb-link):not(.app-logo):not(.sbtn):not(.fp-h1-a):not(.af-footer-pop-a):not(.update-notification):not(.fpa):active {
    color: var(--main-color-a) !important;
}
.fp-footer>div>span.mb-theme{width:20px;display:inline-block;
    font-size: 10px;
    top: -1px;
    position: relative;}
.fp-footer>div>a.fpa,
.fp-footer>div>span.mb-theme{
	color:var(--text-gray);
	transition:color .3s;
}
.fp-footer>div>a.fpa:hover,
.fp-footer>div>span.mb-theme:hover{
	cursor:pointer;
	color: var(--item-element-h) !important;
}
.fp-footer>div>a.fpa:active,
.fp-footer>div>span.mb-theme:active{
	color: var(--item-element-a) !important;
}
h1,h2,h3,h4{font-weight:normal}
h1{line-height: 38px !important;}
h2{line-height: 30px !important;}
h3{line-height: 26px !important;}
.fr-view pre{line-height: 20px !important;}
body{
	font-family: 'Roboto', sans-serif;
	line-height: 20px;
	font-size: 14px;
    height: calc(100% - 46px);
	container-type: inline-size; /* Enables queries for width */
	container-name: bodycontainer; /* Optional: names the container */
}

.bar-container{
    z-index: 1614;
    position: fixed;
    height: 0;
    min-width: 160px;
    left: 0;
    right: 0;
    top: 3px;
    padding: 0 10px;}
#bar{
    font-family: 'Roboto', "Open Sans", sans-serif;
    margin: 0 0 0 auto;
    font-size: 17px;
    font-weight: 400;
    padding: .33em .5em;
    -webkit-font-smoothing: antialiased;
    box-shadow: inset 1px 1px 3px 0 rgb(0 0 0 / 5%),inset 0px 0px 0px 1px rgb(0 0 0 / 5%);
    border: 1px solid rgba(0, 0, 0, 0.15);
    opacity: 0;
    text-shadow: 0 1px 0 var(--bar-shadow-color);
    max-width: 90vw;
}

#bar.hide,.hide{display:none !important}
#bar.regular {
    height: 40px; 
    width: 0; 
    font-size: 14px;
    padding: 5px 0;
    line-height: 30px;
    background: var(--bg-color);
    color: var(--text-gray);
	border: none;
    border-radius: 20px 10px 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    transition: opacity .3s, width .3s;
	transition-timing-function: cubic-bezier(0.37, -0.06, 1, -0.06);
	will-change: opacity, width;
}
#bar.bar-success{
    background-color: var(--bar-success-bg-color);
    box-shadow: var(--bar-success-box-shadow);
    color: #098926;
}
#bar.bar-warning{
    background: var(--bar-warning-bg-color);
    box-shadow: var(--bar-warning-box-shadow);
    color: #dba402;
}
#bar.regular.show {
	transition-timing-function: cubic-bezier(0, 1.06, 0.63, 1.06);
	opacity:1;
}
.hb-content-wrapper {
    text-align: center;
    text-align: center;
    position: relative;
    display: table-cell;
    vertical-align: middle;
	right: -3px;
    padding-left: 5px;
}
.hb-content-wrapper p {
    margin-top: 0;
    margin-bottom: 0;
}
.hb-text-wrapper {
    margin:0 10px;
    display: inline-block;
    line-height: 1.3;
}
.hb-text-wrapper .hb-headline-text {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
.bar-text i{
    margin-right: 5px;
}
#bar .hb-cta {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0;
    color: #ffffff;
    background-color: #22af73;
    border-color: #22af73
}
.hb-cta-button {
    opacity: 1;
    color: #fff;
    display: block;
    cursor: pointer;
    line-height: 1.5;
    max-width: 22.5em;
    text-align: center;
    position: relative;
    border-radius: 3px;
    white-space: nowrap;
    margin: 1.75em auto 0;
    text-decoration: none;
    padding: 0;
    overflow: hidden;
}
.hb-cta-button .hb-text-holder {
    border-radius: inherit;
    padding: 5px 15px;
}
.hb-close-wrapper {
    display: table-cell;
    width: 1.6em;
}
.hb-close-wrapper .bar-close {
    font-size: 14px;
    top: 7px;
    right: -10px;
    width: 15px;
    height: 15px;
    opacity: .15;
    color: #000;
    cursor: pointer;
    position: relative;
    text-align: center;
    line-height: 15px;
    z-index: 1000;
    text-decoration: none;
}

.update-notification{
	position: fixed;
    width: 100%;
    top: 0;
    z-index: 1612;
    padding: 11px;
    text-align: center;
    background: var(--update-notification-bg);
    color: var(--update-notification-color);
    border-bottom: 2px solid var(--update-notification-border);
    font-size: 12px;
    line-height: 22px;
    /* font-style: italic; */
    box-shadow: 0 0 10px -3px var(--update-notification-box-shadow) inset;
    text-shadow: 0 1px 2px var(--update-notification-text-shadow);
}
.update-notification:hover,
.update-notification:active{text-decoration: none;color: var(--update-notification-color);cursor:pointer}
.update-notification span{text-decoration: underline;}
.update-notification i:hover{color:var(--text-bright)}
.update-notification i:active{color:var(--update-notification-color)}
.update-notification i{
    padding: 16px 18px;
	width: auto;
	top: 0;
    position: absolute;
    right: 0;
	transition: color .3s;
}
	
.text-success {
    color: #098926;
}
.text-warning {
  color: #dba402;
}

#content{
    background-color: var(--bg-color);
    margin-top: 46px;
    height: calc(100% - 44px);
    display: inline-table;
    width: 100%;}
.app-menubar>div{
    display: flex;
    justify-content: space-between;
    max-width: 764px;
    margin: auto;}
.app-menubar{
    top: 0;
    left: 0;
    background: var(--bg-color);
    z-index: 1611;
    position: fixed;
    height: 46px;
    width: 100%;
    box-shadow: var(--app-menubar-box-shadow);
	}
.app-logo{
    text-decoration: none;
    color: var(--text-gray);
    font-size: 21px;
    padding: 12px 20px 10px 20px;
    display: block;
    float: left;
    height: 46px;
    font-family: logofont;
    line-height: 20px;
	position:relative;
}
.mb-link::before{content:"";
    width: 1px;
    position: absolute;
    height: 12px;
    background: var(--item-border-color);
    top: 17px;
    left: -1px;}
.app-logo:hover{
	color: var(--item-element-h);
	}
.app-logo:active{
	color: var(--item-element-a);
	}
.mb-link{
	border-bottom: 2px solid transparent;
    color: var(--text-gray);
    text-decoration: none;
    padding: 14px 20px 11px 20px;
    float: left;
    height: 46px;
}
.mb-link.active{border-color:var(--text-gray);transition:color .3s, border-color .3s;}
.mb-link:hover{
	cursor:pointer;
    color: var(--item-element-h);
}
.mb-link:active{
    color: var(--item-element-a);
}
.mb-link-history,
.mb-link-new{
	padding-left: 38px;
    position: relative;
    margin-left: 1px;
}
.mb-link-new{
	padding-left: 33px;
}
.mb-link>svg{ 
    position: absolute;
    left: 17px;
    top: 16px;
}
.mb-link-new>svg{ 
    left: 13px;
}

@container bodycontainer (max-width: 539px) {
	.mb-link-new{padding-left: 25px !important;}
	.mb-link-history{padding-left: 30px !important;}
	.mb-link>svg{left:11px}
	.mb-link-new>svg{left:7px}
	.mb-link>i{left:6px;}
}

.app-page{padding: 0 10px;
    margin: auto;
    max-width: 764px;}
.app-page-header{font-size:20px;line-height: 26px !important;padding:10px 0}

@container bodycontainer (max-width: 539px) {
	.app-logo,.mb-link{padding-left:10px;padding-right:10px;}
	.app-logo{padding-right:13px;}
	.just-created{
        margin: 10px 0 0 0;
        padding-left: 10px !important;
        padding-bottom: 10px !important;
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
	}
	.jc-check{display:none;}
	.jc-close{padding: 12px 15px 12px 12px !important;}
	.comment-text{max-width:calc(100% + 5px);}
	.fp-footer {margin:0 10px !important}
}
@container bodycontainer (min-width: 540px) {
	.bar-container{max-width:764px;padding:0 20px;margin: auto;}
	.app-page{padding: 10px 20px;}
	.history-container{margin-top:10px;}
	.just-created{margin:0 20px;}
	.jc-check-s{display:none !important;}
	.comments-filter::before{left: -20px !important;}
}
@container bodycontainer (max-width: 764px) {
	.comment-text{max-width: calc(100% + 7px);}
	.fp-footer {margin:0 20px}
}
@container bodycontainer (min-width: 765px) {
	.comment-text{max-width: 704px;}
	/*.app-pop-window>div:not(.pop-wide) {
        left: 161px !important;
    }*/
	.just-created{margin: auto;}
	.fp-footer {margin:auto}
}
.app-page.post-edit .post-container,
.app-page.post-edit .comment-box,
.app-page.post-edit .comment-box-placeholder,
.app-page.post-edit .comments-filter,
.app-page.post-edit .comments,
.app-page:not(.post-edit) .post-container-edit{
	display:none;
}
.just-created{
    background-color: var(--just-created-bg-color);
    max-width: 724px;
    padding: 10px 42px 15px 15px;
    border-radius: 0 0 10px 10px;
    border: 1px solid var(--just-created-border-color);
    position: relative;
	text-shadow: 0 1px 2px var(--bg-color);
    margin-top: 0;
    border-top: none;
    box-shadow: 0 -2px 4px -2px var(--just-created-shadow-color) inset;
	opacity:0;
	transition: transform .1s, opacity .3s;
	transition-timing-function: cubic-bezier(0.68, 0.96, 0.63, 1) !important;
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}
.jc-close{
	transition: color .3s;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 17px 20px 17px 17px;
	color: #94a5be;
}
.jc-close:hover{cursor:pointer;color:var(--jc-close-h)}
.jc-close:active{color:var(--jc-close-a)}
.copy-ownerkey,
.share-it,
.copy-link{
	background-color: var(--copy-share-bg-color);
	transition: background-color .3s;
	border: 1px solid var(--copy-share-border-color);
	border-radius: 100px;
	padding: 1px 12px;
	margin-top: 7px;
	position: relative;
}
.share-it,
.copy-link{
	border-radius: 14px;
	padding: 3px 12px;
	z-index: 2;
}
.copy-ownerkey{
	text-shadow: 0 1px 2px var(--bg-color);    text-align: left;
	margin-top: 5px;
	padding: 6px 70px 6px 12px;
	word-break: break-word;
	box-shadow: 0 0 2px 0 #00000014;
	border-radius: 17px;
}
.pop-disabled .copy-ownerkey{box-shadow: 0 0 0 2px var(--main-color), 0 0 2px 2px #00000014;}
.ownerkey-note i{
font-size: 24px;
margin-right: 7px;
color: var(--text-gray-3);}
.ownership-learnmore:not(.learnmore-open):hover {cursor:pointer;color:var(--text-bright)}
.ownership-learnmore:not(.learnmore-open):active {color: var(--text-gray);}
.ownership-learnmore{
display: flex;
justify-content: space-between;}
.ownership-learnmore,.ownerkey-note{    background-color: var(--btn-bg-a);
color: var(--text-gray);
padding: 7px 10px;
border-radius: 10px;
margin-top: 14px;
font-size: 12px;
line-height: 16px;
text-shadow: 0 1px 2px var(--bg-color);    display: flex;
align-items: center;
}
.ownership-learnmore.learnmore-open{padding: 2px 5px;}
.ownership-learnmore{transition:color .3s;
background-color: var(--bg-color);
box-shadow: 0 0 0 1px var(--btn-bg-h);}
.copy-link{
margin-right: 4px;
word-break: break-word;
padding-right:70px;
}
.copy-ownerkey::after,
.copy-link::after{
	content:"Copy link"; 
	font-size: 12px;
	margin-left: 5px;
	color: #94a5be;
	position: absolute;
	white-space: nowrap;
	right: 12px;
	top: 6px;
	min-width: 53px;
	text-align: right;
}
.copy-link::after{
	top: 3px;
}
.copy-ownerkey::after{
	content:"Copy key";
}
.copy-link.copied::after,
.copy-ownerkey.copied::after{
	content:"Copied!";
}
.copy-ownerkey:hover,
.share-it:hover,
.copy-link:hover{
	cursor: pointer;
}
@media (any-pointer: fine) {
	.copy-ownerkey:hover,
	.share-it:hover,
	.copy-link:hover{
		background-color: var(--copy-share-bg-color-h);
	}
	
	/* scrollbar */
	*::-webkit-scrollbar {
	  width: 6px;
	  height: 6px;z-index: 27;
	}
	.scroll-light *::-webkit-scrollbar,
	.scroll-light::-webkit-scrollbar {
	  width: 4px;
	}

	*::-webkit-scrollbar-track {
	  background-color: var(--scrollbar-color2);z-index: 27;
	}
	*::-webkit-scrollbar-thumb {
	  background-color: var(--scrollbar-color1);
	  border-radius: 20px;z-index: 27;
	  transition:background-color .3s;
	}
	*::-webkit-scrollbar-thumb:hover {
	  background-color:var(--scrollbar-color3)
	}
	.scroll-light *::-webkit-scrollbar-thumb,
	.scroll-light::-webkit-scrollbar-thumb {
	  /*background-color:var(--scrollbar-color4)*/
	  background-color:var(--scrollbar-color1)
	}
	.scroll-light *::-webkit-scrollbar-thumb:hover,
	.scroll-light::-webkit-scrollbar-thumb:hover {
	  /*background-color:var(--scrollbar-color5)*/
	  background-color:var(--scrollbar-color3)
	}
	.scroll-light *::-webkit-scrollbar-track,
	.scroll-light *:not(:hover)::-webkit-scrollbar-thumb,
	.scroll-light::-webkit-scrollbar-track,
	.scroll-light:not(:hover)::-webkit-scrollbar-thumb {
	  background-color: transparent;
	}
	.app-pop-window .pop-container::-webkit-scrollbar-track {
	  background-color: transparent;
	}	
	
}
.copy-ownerkey:active,
.share-it:active,
.copy-link:active{
	background-color: var(--copy-share-bg-color-a);
}
.post-container{
    padding-top: 10px;
    max-width: 724px;
	position:relative;
}
.post-container-edit{
    max-width: 724px;
	position:relative;
}
.post-locked .post-container-edit,
.post-locked .comment-box-placeholder,
.post-locked .comment-box,
.post-locked .comments-refresh,
.post-locked .comments-ri,
.post-locked .no-comments span,
.post-locked .cbtn-reply,
.post-locked .comment[data-owner="true"] > .c-inner .comment-buttons .cbtn-dots,
.post-status{display:none}
.post-locked .post-status{display:block}
.post-status,
.post-title{
    padding-bottom: 10px;
    border-bottom: 1px solid var(--item-border-color);
    margin-bottom: 10px;
    position: relative;
}
.post-locked.no-post-text .post-status,
.post-locked .post-title,
.post-locked .post-text{
    border-bottom: none;
    margin-bottom: 0;
}
.post-locked.no-post-text .post-status,
.post-locked .post-text{
    padding-bottom: 0;
}

.post-locked .cbtn-votes .cbtn{border-color:#fafafa;
    background-color: #00000005;}
	.post-locked .cbtn-votes .cbtn-upvote{border-right-color:#f3f3f3;}
.post-locked .cbtn-votes .cbtn-upvote,
.post-locked .cbtn-votes .cbtn-downvote{background-image:unset !important}

.app-page:not(.post-locked) .comment[data-isvotedup="true"]>.c-inner .cbtn-upvote::after,
.app-page:not(.post-locked) .comment[data-isvoteddown="true"]>.c-inner .cbtn-downvote::after,
.post-locked .cbtn-votes .cbtn-upvote::after,
.post-locked .cbtn-votes .cbtn-downvote::after {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .5;
  pointer-events: none;
  background-size: 16px;
}
/*
.app-page:not(.post-locked) .comment[data-isvotedup="true"]>.c-inner .cbtn-upvote::after,
.post-locked .cbtn-votes .cbtn-upvote::after {
  background-image: url(../img/arrow-up.svg);
  background-position: 6px 6px;
}
.app-page:not(.post-locked) .comment[data-isvoteddown="true"]>.c-inner .cbtn-downvote::after,
.post-locked .cbtn-votes .cbtn-downvote::after {
  background-image: url(../img/arrow-down.svg);
  background-position: 6px 6px;
}

.post-locked .comment[data-isvotedup="true"]>.c-inner .cbtn-upvote::after{background-image:url(../img/arrow-up-solid.svg);}
.post-locked .comment[data-isvoteddown="true"]>.c-inner .cbtn-downvote::after{background-image:url(../img/arrow-down-solid.svg);}
*/

.post-locked .cbtn-upvote,
.post-locked .cbtn-downvote{pointer-events: none;}
.post-status-content{
    background-color: var(--post-status-content-bg-color);
    padding: 6px 10px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 16px;
    color: var(--post-status-content-color);
    text-shadow: 0 1px 2px var(--bg-color);
    box-shadow: 0 0 0 1px var(--btn-bg-a) inset;
}
.post-status-content i{    margin-right: 3px;
}
.history-container{max-width: 724px;
    border-top: 1px solid var(--item-border-color-b);
    margin-bottom: 40px;}
.history{position:relative}
.history:not(:last-child){
    border-bottom: 1px solid var(--item-border-color);}
.history .post-title-text{
	display:block;
	text-decoration:none;
	color:var(--text-bright);
    margin-bottom: 0;
	padding:10px 0
}

.history-container .post-title-text{
    margin-right: 40px;
}

.post-title-text{
    font-size: 20px;
    font-weight: bold;
    line-height: 26px !important;
    margin-bottom: 5px;
    word-break: break-word;
    transition: color .3s;
}
@container bodycontainer (max-width: 539px) {
	.app-page-header,
	.post-title-text {
		font-size: 18px;
		line-height: 24px !important;
	}
	.history-clear-item{top:9px !important}
	h2 .history-count{top:-1px !important}
}
@container bodycontainer (max-width: 379px) {
	.app-page-header,
	.post-title-text {
		font-size: 16px;
		line-height: 22px !important;
	}
	.history-clear-item{top:8px !important}
	h2 .history-count{top:0 !important}
	.share-it i,.copy-ownerkey,
	.share-it,.copy-link{font-size:12px !important;
        line-height: 16px;}.share-it,.copy-link{
        padding-top: 5px;
        padding-bottom: 5px;}.copy-ownerkey{
        padding-top: 8px;
        padding-bottom: 8px;}
	.copy-ownerkey::after, .copy-link::after{font-size:11px !important;
    top: 9px;}.copy-link::after{
    top: 6px;}
}
.post-url{
    margin-bottom: 10px;
}
.post-text{
    border-bottom: 1px solid var(--item-border-color);
    margin-bottom: 10px;
    padding-bottom: 10px;
    display: flow-root;
}
.comment-box-editable{ 
    line-height: 20px;
    font-size: 20px;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #eee;
  outline: 0px solid transparent;}
.comments{padding:0 0 10px 10px;
    margin-bottom: 100px;}
	.comments-filter{
    max-width: 724px;
    padding: 9px 0 5px 0;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--item-border-color);
    text-shadow: var(--comments-filter-box-shadow);
    position: sticky;
    top: 42px;
    z-index: 10;}
	.comments-filter::before{
		content:"";
		position: absolute;
		background-color: var(--comments-filter-bg);
		width:100cqw;
		height: 100%;
		z-index: -2;
		top: 0;
		backdrop-filter: blur(5px);
		left: -10px;
		max-width: 764px;
	}
	.comments-count{margin-right:15px;font-size:12px;line-height:16px;}
	.comments-refresh-i,
	.comments-refresh{
    /*background-image: url(../img/refresh.svg);
    background-repeat: no-repeat;    background-position: 10px center;
    background-size: 18px;*/
    padding-left: 32px !important;}
	.comments-refresh-i::before,
	.comments-refresh::before{	content:"";background-color: var(--text-bright); /* icon color */
	mask: url("../img/dots.svg") no-repeat 10px center / 18px;
	-webkit-mask: url("../img/refresh.svg") no-repeat 10px center / 18px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;}
	.comments-refresh-i,
	.comments-refresh{
	background-color:transparent;
    transition: background-color .3s;
    font-size: 12px;
    padding: 4px 11px;
    display: inline-block;
    border-radius: 100px;
    border: 1px solid transparent;
    position: relative;}
	.comments-ri{text-align:center;max-width:704px;padding-top:10px;padding-bottom:30px;position: relative;}
	.comments-refresh-i:hover,
	.comments-refresh:hover{
		cursor: pointer;
	}
	.comments-sort {
    font-size: 12px;
    padding:5px 5px 4px 5px;
    border-bottom: 1px solid transparent;
	color:var(--text-gray-3);    transition: color .3s, border-color .3s;}
	.comments-sort:hover {cursor: pointer;color:var(--item-element-h);}
	.comments-sort:active {color:var(--item-element-a);}
	.comments-refresh-i:active,
	.comments-refresh:active{
		background-color: var(--btn-bg-a) !important;
	}
	.sort-selected{color:var(--text-bright);border-bottom-color:var(--item-border-color-c);}
	.comments-filter-loader{position:relative;top:-1px;right: 5px;}
	.comments-filter-loader-sort{left:15px;position:relative;}
	.post-locked .comments-filter-loader{
		top:5px
	}
	.comments-filter-loader-i .mx-box{
    position: absolute;
    left: calc(50% - 9px);
    bottom:0;}
	.comments-filter-loader .mx-box{
    position: absolute;
    top: 1px;
    right: 10px;}
.no-comments .icon{background-image:url(../img/comments.svg);
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    margin: auto;
    margin-bottom: 5px;display:none}
.no-comments{color:var(--text-gray-3);font-size:12px;
    margin-top: 10px;
    text-align: center;
    max-width: 724px;
    border-top: 1px solid var(--item-border-color);
    padding-top: 20px;
    margin-left: -10px;}
.comment{ 
    position: relative;
    border-left: 1px solid var(--item-border-color-c);
    padding-left: 16px;
    margin-bottom: 5px;
}
.c-inner{
    margin-top: 15px;}
.comment[data-owner="true"][data-status="null"] > .c-inner .commenter-text::before{content:"You";
    position: absolute;
    font-size: 10px;
    font-weight: normal;
    top: 0;
    right: -31px;
    line-height: 15px;
    padding: 0 5px;
    background: var(--bg-color-3);
    border-radius: 100px;
    text-shadow: 0 1px 1px var(--comments-filter-bg);
    height: 15px;
    color: var(--text-hl)}
.comment[data-owner="true"][data-status="null"] > .c-inner .commenter-text{
	position:relative;
    margin-right: 31px;
}
.comment[data-status="1"]:not(.collapse)>.c-inner .comment-commenter{margin-bottom:-13px}
.comment[data-status="1"]:not([data-haschildren="true"]),
.comment[data-status="1"]>.c-inner .comment-date,
.comment[data-status="1"]>.c-inner .comment-date-edited,
.comment[data-status="1"]>.c-inner .comment-text,
.comment[data-status="1"]>.c-inner .comment-buttons,
.comment.comment-edit>.c-inner .comment-text,
.comment.comment-edit>.c-inner .comment-buttons{display:none}
.comment.comment-edit>.commentform{margin-top:7px;}
.post-box,.comment-box{max-width:724px;
    display: flow-root;}
	.comment-box,.commentform{
    z-index: 12;
    position: relative;}
	.comment-box-placeholder:hover{
    cursor: text;}
	.comment-box-placeholder{
    height: 40px;
    border: 1px solid var(--input-border);
    border-radius: 10px;
    padding: 10px;
    color: var(--text-gray-2);
    max-width: 724px;}
.commentform{
    padding-top: 3px;
    margin-bottom: 10px;
    max-width: 697px;
}
#cmntr_commentform,.commentform{
    container-type: inline-size;
    container-name: commentformcontainer;
}
	.commenting-as{
    font-size: 12px;
    color: var(--text-gray-3);
    line-height: 14px;
    top: 1px;
    left: 11px;
	}
	.commenting-as b{color: var(--text-bright);}
.c-line{
    display: block;
    width: 15px;
    position: absolute;
    left: -8px;
    background: transparent;
    top: 31px;
	z-index:1;
    transition: background .3s;
    height: 15px;
    border-radius: 100px;
	}
.c-line:hover{cursor:pointer; background: var(--c-line-bg-h);}
.c-line:active{background: var(--c-line-bg-a);}
.c-line:hover ~ .comment::after{z-index:1}
.my-post-x{
    background: var(--bg-color-3);
    color: #6194dc;
    box-shadow: 0 0 0 1px var(--bump-box-shadow-color);
    text-shadow: 0 1px 1px var(--comments-filter-bg);
    padding: 2px 6px;
    font-size: 10px;
    line-height: 12px;
    border-radius: 100px;    }
.comment-commenter{font-size:12px;
    margin-left: -20px;
    background-color: var(--bg-color);
    margin-bottom: 3px;
    transition: padding-left .2s;}
.comment-commenter img{
    width: 21px;
    height: 21px;
    border-radius: 100px;
    top: 0;
    position: relative;
    left: -7px;
	z-index:2;
    margin: -7px -1px -7px 0;
    background-color: #00000033;}
	.comment-deleted{font-size:12px;font-weight:normal;color:var(--text-gray-2)}
.post-date,
.comment-date,
.comment-date-edited{
    color: var(--text-gray-3);
    font-size: 12px;
}

.toast {
    position: absolute;
    right:90px;
    top: 9px;
    opacity: 0;
    pointer-events: none;
    z-index: 9999;
    translate: 0 5px;
    background-color: var(--toast-bg);
    color: var(--text-hl);
    text-shadow: 0 1px 1px var(--comments-filter-bg);
    padding: 9px 15px;
    border-radius: 100px;
    font-size: 12px;
    line-height: 12px;
	height:30px;
    white-space: nowrap;
}

.toast.show {
    animation: toast-anim 2.5s ease forwards;
}

@keyframes toast-anim {
    0% {
        opacity: 0;
        translate: 0 5px;     /* start lower */
    }
    10% {
        opacity: 1;
        translate: 0 0;        /* slide up into place */
    }
    80% {
        opacity: 1;
        translate: 0 0;        /* stay visible */
    }
    100% {
        opacity: 0;
        translate: 0 -9px;    /* fade + slide up */
    }
}

.comment-date{position:relative}
.comment-date.isnew{padding-right:20px}
.comment-date.isnew::before{
	content: "";
    background: var(--bg-color-3);
    border-radius: 100px;
    top: 0;
    right: 0;
    position: absolute;
    height: 15px;
    width: 15px;
	}
.comment-date.isnew::after{
	content: "";
    position: absolute;
    background-color: var(--main-color);
    width: 5px;
    height: 5px;
    border-radius: 100px;
    right: 5px;
    top: 5px;
    box-shadow: 0 1px 1px 0 var(--comments-filter-bg);}
.post-date-edited,
.comment-date-edited{font-style:italic;}
.post-title .post-date{
	margin-right:40px;}
.post-date{
	font-weight:normal;
    display: block;
}
.post-date>span{
    white-space: nowrap;
}
.comment-text{
	padding: 3px 7px;
    word-break: break-word;
    display: inline-block;
    margin: 2px 0 2px -7px;
    border-radius: 10px;
}
.comment-text.bump{
  -webkit-animation: bump 2s cubic-bezier(0.85, 0.1, 0.35, 0.96) 0s 1;
          animation: bump 2s cubic-bezier(0.85, 0.1, 0.35, 0.96) 0s 1;}
@-webkit-keyframes bump {
  0% {
	background-color:  var(--bg-color-3);
    box-shadow: 0 0 0 1px var(--bump-box-shadow-color);
    text-shadow: 0 1px 1px var(--comments-filter-bg);
  }
  100% {
    background-color: transparent;
    box-shadow: 0 0 0 1px transparent;
    text-shadow: 0 1px 1px transparent;
  }
}
@keyframes bump {
  0% {
	background-color:  var(--bg-color-3);
    box-shadow: 0 0 0 1px var(--bump-box-shadow-color);
    text-shadow: 0 1px 1px var(--comments-filter-bg);
  }
  100% {
    background-color: transparent;
    box-shadow: 0 0 0 1px transparent;
    text-shadow: 0 1px 1px transparent;
  }
}
.comment-buttons{display:flex;
    font-size: 12px;
    align-items: center;
    margin-bottom: 7px;
    flex-wrap: wrap;
}
.comment-b{display:flex;justify-content:space-between;align-items: center;}
.comment.collapse{border-color:transparent;}
.comment-expand{position:absolute;display:none;
    left: -10px;
    font-size: 10px;
    top: -1px;
    color: var(--text-gray-2);
    padding: 2px 3px;
    width: 42px;
    height: 22px;
    z-index: 3;
    transition: color .3s;}
.comment-expand:hover{cursor:pointer;
    color: var(--text-gray-3);}
.comment-expand:active{
    color: var(--text-gray-2);}
.comment-expand i{
    transform: rotate(-90deg);}
.comment.collapse .comment-expand{display:block}
.comment.collapse .comment-commenter{
    padding-left: 20px;
    margin-bottom: 10px;padding-bottom: 0;}
.comment.collapse>.comment,
.comment.collapse .c-line,
.comment.collapse .comment-text,
.comment.collapse .comment-buttons,
.comment.collapse .commentform{
	display:none
}
.sbtn{
	position:relative;
    outline: none;
    transition: background-color .3s, color .3s !important;
    border: none;
    border-radius: 100px;
    padding: 10px 25px;
    margin-top: 5px;
    font-size: 14px;
    line-height: 14px;
    white-space: nowrap;
	color: var(--text-bright);
    background-color: var(--bg-color);
    box-shadow: 0 0 3px 0 #00000014, 0 0 0 1px #0000002b inset;
}
.sbtn:not(.btn-default) {
    box-shadow: 0 0 2px 0 #00000014, 0 0 0 1px var(--uitem-border) inset;
}
.sbtn:hover{
    cursor: pointer;
    background-color: var(--btn-bg-h);
}
.sbtn:active{
    background-color: var(--btn-bg-a);
}
a.sbtn{
    text-decoration: none;
    color: var(--text-gray-3);
	}
.not-found a.sbtn{
    margin-top: 35px;
    display: inline-block;
	}
.not-found{margin-top:20px;
    text-align: center;}
a.sbtn:hover{
    color: var(--item-element-h);
	}
a.sbtn:active{
    color: var(--item-element-a);
	}
.btn-default{
    color: #fff !important;background-color: var(--main-color);}
.btn-default:hover{background-color: var(--main-color-h);}
.btn-default:active{background-color: var(--main-color-a);}
.btn-default.btn-loading{pointer-events: none;background-color: #7aa6e4;
    box-shadow: 0 0 3px 0 #0000000a, 0 0 0 1px #00000014 inset;color:transparent !important}
.history-count{
	background-color: var(--uitem-border-a);
	border-radius: 100px;
	padding: 5px 10px;
	font-size: 11px;
	text-shadow: 0 1px 0 var(--bg-color);
	box-shadow: 0 0 0 1px var(--c-line-bg-h) inset;
	line-height: 12px;
    display: inline-block;
    height: 20px;
    margin: -3px 0 -3px 10px;
    color: var(--text-gray-3);
}
h2 .history-count{
    padding: 4px 10px;
    top: -2px;
    position: relative;
    margin: 0 0 0 15px;
    line-height: 14px;
    display: inline;}
.history-clear-item{
    transition: color .3s;
    position: absolute;
    right: 0;
    top: 10px;
    width: 36px;
    height: 28px;
    padding: 5px;
	text-align:center;color: var(--text-gray-2);
}
.comment-cancel-post,.comment-cancel-edit,.comment-submit-edit,.comment-cancel,.comment-submit{margin-left:4px}

.comment-cancel>i,.comment-cancel-edit>i,.comment-cancel-post>i{width: 14px;}
@container commentformcontainer (min-width: 348px) {
	.comment-cancel>i,.comment-cancel-edit>i,.comment-cancel-post>i{display:none}
}
@container commentformcontainer (max-width: 347px) {
	.comment-cancel,.comment-cancel-edit,.comment-cancel-post{padding:10px}
	.comment-cancel>span,.comment-cancel-edit>span,.comment-cancel-post>span{display:none}
}

.cbtn{border-radius:100px;height: 28px;min-width:36px;transition:background-color .3s;
    border: 1px solid #00000017;}
.history-clear-item:hover{cursor:pointer;
    color: var(--search-label-h);}
.cbtn:hover{cursor:pointer;}
@media (any-pointer: fine) {
	.comments-refresh-i:hover,.comments-refresh:hover,.cbtn:hover{background-color:var(--btn-bg-h)}
}
.history-clear-item:active{color: var(--search-label-a);}
.cbtn:active{background-color:var(--btn-bg-a);}
.cbtn-upvote,.cbtn-downvote,.cbtn-reply,.cbtn-dots{
    width: 18px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;}
.cbtn-upvote{
	/*background-image:url(../img/arrow-up.svg);*/
	background-size: 16px;
    width: auto;
    min-width: unset;
    border-radius: 14px 0 0 14px;
    background-position: 6px 6px;
    border-right-color: var(--item-border-color);
}
.cbtn-downvote{
	/*background-image:url(../img/arrow-down.svg);*/
	background-size: 16px;
	border-left: none;
	border-radius: 0 14px 14px 0;
    background-position: 6px 6px;
    min-width: unset;
}
.cbtn-reply{
	/*background-image:url(../img/reply.svg?v=1);
	background-position: 9px center;*/
	width:unset;
	padding:0 11px 0 31px;
	display:flex;align-items:center;border: none;
	}
.cbtn-reply::before{
	content:"";
	background-color: var(--text-bright); /* icon color */
	mask: url("../img/reply.svg?v=1") no-repeat 9px center / 16px;
	-webkit-mask: url("../img/reply.svg?v=1") no-repeat 9px center / 16px;
    width: 28px;
    height: 28px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 14px 0 0 14px;
}
.cbtn-upvote:hover,.cbtn-upvote:active,.cbtn-downvote:hover,.cbtn-downvote:active{background-color:transparent}
.cbtn-upvote::before,
.cbtn-downvote::before{
	content:"";width:28px;height:28px;border-radius:100px;
    display: block;
    position: absolute;
	transition:background-color .3s;
    left: 0;
    top: 0;
}
.cbtn-upvote-arrow,
.cbtn-downvote-arrow{
	width:28px;
	height:28px;
	position:absolute;
	background-color: var(--text-bright); /* icon color */
    border-radius: 100px;
}
.comment[data-isvotedup="true"]>.c-inner .cbtn-upvote .cbtn-upvote-arrow,
.comment[data-isvoteddown="true"]>.c-inner .cbtn-downvote .cbtn-downvote-arrow{background-color: transparent;}
.cbtn-upvote-arrow{
	mask: url("../img/arrow-up.svg") no-repeat center / 16px;
	-webkit-mask: url("../img/arrow-up.svg") no-repeat center / 16px;
}
.cbtn-downvote-arrow{
	mask: url("../img/arrow-down.svg") no-repeat center / 16px;
	-webkit-mask: url("../img/arrow-down.svg") no-repeat center / 16px;
}
	
	.cbtn-upvote{border:none}
	.cbtn-downvote{width:28px;border:none}
	.cbtn-upvote:hover::before,
	.cbtn-downvote:hover::before{
    background-color: var(--btn-bg-h);
	}
	.cbtn-upvote:active::before,
	.cbtn-downvote:active::before{
    background-color: var(--btn-bg-a);
	}
.cbtn-votes{display:flex;align-items:center;margin-left: -7px;}
.votes-text{line-height:28px;color:var(--text-gray-3);margin-right:11px;
    background-image: var(--votes-text-bg-image);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 1px 6px;
    padding-left: 24px;display:none}
.post-locked .votes-text{display:block}
.post-locked .cbtn-votes{display:none}
.votes-text span{font-style: italic;display: inline-block;}
.cbtn-dots{
	/*background-image:url(../img/dots.svg);*/
	padding:0 5px;
  }
.cbtn-dots::before{content:"";
	background-color: var(--text-bright); /* icon color */
	mask: url("../img/dots.svg") no-repeat center / 20px;
	-webkit-mask: url("../img/dots.svg") no-repeat center / 20px;
    width: 100%;
    height: 100%;
    display: block;
	}
.comment-buttons .cbtn-dots::before{
    mask-size: 16px;
    -webkit-mask-size: 16px;}
.comment-buttons .cbtn-dots {
    background-size: 16px;
    border: none;
}.post-title .cbtn-dots {
    border: none;
}
.mp-lock[data-locked="1"] i::before {
  content: "\f09c";
}
.cbtn.cancel-edit i{
    font-size: 16px;
    top: -3px;
    position: relative;
    left: 7px;}
.cbtn.cancel-edit,
.post-container .cbtn-dots{
    position: absolute;
    right: 0; 
    bottom: 7px;}
.cbtn.cancel-edit{bottom:10px}
.votes-count{margin-top:4px;margin-left:28px;}
.post-locked .cbtn-votes .votes-count{opacity:.5}


.comment[data-level]:not([data-level="0"]):has(+ .comment[data-level])::before {
    background-color: transparent;
	z-index:-2;
}
.comment:not([data-haschildren="true"]){border-left-color:var(--bg-color)}

.comment:not([data-haschildren="true"])>.c-line::before{content:"";position:absolute;
    width: 1px;
    background-color: var(--item-border-color-c);transition: background .3s;
    height: 18px;
    left: 7px;
    top: -10px;}
	.comment>.c-line::after{content:"";position:absolute;
    background-color: var(--item-border-color-c);transition: background .3s;
    width: 5px;
    height: 5px;
    border-radius: 100px;
    left: 5px;
    top: 5px;}

	.comment>.c-line:hover::after{background-color: #bbb;}
	.comment>.c-line:active::after{background-color: #d8d8d8;}
.comment[data-level="0"] .comment::before{
    content: "";
    background-color: var(--bg-color);
    width: 11px;
    height: 100%;
    position: absolute;
    left: -23px;
    top: 0;
	z-index:2;
	}
.comment[data-level="0"] .comment::after{
    content: "";
    width: 7px;
    height: 11px;
    position: absolute;
    left: -18px;
    top: 0;
	z-index:3;
    border-left: 1px solid var(--item-border-color-c);
    border-bottom: 1px solid var(--item-border-color-c);
    border-radius: 0 0 0 100px;}
	
	/*high indent*/

@container bodycontainer (min-width: 540px) {
	.comment:not([data-level="0"]){margin-left:10px}
	.comment[data-level="0"] .comment::before{left: -33px;}
	.comment[data-level="0"] .comment::after{width:17px;left: -28px;}
}

.comment[data-isvotedup="true"]>.c-inner .cbtn-upvote{background-image:url(../img/arrow-up-solid.svg);}
.comment[data-isvoteddown="true"]>.c-inner .cbtn-downvote{background-image:var(--downvote-arrow-img);}
.input,.textarea{
    color: var(--item-element-h);
	border:1px solid var(--input-border);
	border-radius:10px;
    background: var(--input);
	outline: none;
    transition: border-color .3s, box-shadow .3s;
    padding: 10px;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
}
.textarea:focus,
.input:focus{
	border-color:var(--text-gray-2);
    box-shadow: 0 0 5px var(--input-box-shadow);
}
.input[name="ownership_key"],
.input[name="commenter"]{
	height:34px;
}
label[for="cmntr_title"],label[for="cmntr_text"]{
    margin-bottom: 5px;
    display: inline-block;
}
.commenter-input{
    margin-right: 5px;
    margin-top: 5px;position:relative}
.commenter-input .error{position:absolute;
    right: 10px;
    top: 28px;
    background: var(--bg-color);
    padding: 0 2px 0 4px;
    margin-right: -2px;
    line-height: 10px;}
.input[name="ownership_key"]{
	font-size:14px;
}
.ownershipkeyerror{position:absolute;right:10px;top:8px;display:none}
.showerror.ownershipkeyerror{display:block}
.showerror + .input[name="ownership_key"]{padding-right: 55px;}
.commenter-input input{
	font-size:14px
}
.input[name="title"],.input[name="commenter"]{font-family: 'Roboto', sans-serif;}
.input[name="title"]::placeholder,.input[name="commenter"]::placeholder{font-size:14px;font-weight:normal;
    color: var(--text-gray-2);}
.input[name="ownership_key"]::placeholder,
.commenter-input input::placeholder{
	font-weight:normal
}
.commenter-picker-list>div>div:not(:last-child){
    padding-bottom: 3px;
    border-bottom: 1px solid var(--uitem-border-h);
}
.commenter-picker-list>div>div:not(:first-child){
    padding-top: 5px;
}
.commenter-picker-list>div{
    max-height: 150px;
    overflow: auto;
}
.commenter-picker-list{
    border: 1px solid var(--pop-menu-border);
    border-bottom-color: var(--pop-menu-border-bottom);
    box-shadow: 0 1px 4px 0 var(--mini-profile-box-shadow);
    position: absolute;
    z-index: 4;
    width: 100%;
    border-radius: 10px;
    padding: 7px 10px;
    background: var(--bg-color);
    top: 38px;
    right: 0;
	visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px);
	transition:transform .1s,opacity .1s;
	height:0;
    overflow: hidden;
}
.comment-box .commenter-picker-list{z-index:12}
.commenter-picker-list::before {
    content: "\f0de";
    font-family: fontawesome;
    position: absolute;
    font-size: 14px;
    line-height: 14px;
    top: -5px;
    color: var(--bg-color);
    text-shadow: 0 -1px 1px var(--pop-menu-border-bottom);
    right: 11px;
}
.commenter-picker-list.appear {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
	height:auto;
    overflow: unset;
}
.commenter-picker-btn {
	transition:color .3s;
	width: 34px;
	text-align: center;
	height: 34px;
	vertical-align: middle;
	padding: 9px 0;
	color: var(--text-gray);
}
.commenter-picker-list>div>div.active{
	color:var(--text-hl);
}
.commenter-picker-list>div>div{
	transition:color .3s;
	color: var(--text-gray);}
.commenter-picker-list>div>div:not(.active):hover,
.commenter-picker-btn:hover {
	cursor:pointer;
	color: var(--item-element-h);
}
.commenter-picker-list>div>div.active:hover{cursor:pointer;}
.commenter-picker-list>div>div:not(.active):active,
.commenter-picker-btn:active {
	color: var(--item-element-a);
}
.sbtn .mx-box{position:absolute;
    left: 5px;
    top: 8px;
}	
.sbtn.btn-loading .mx-box{
    left: calc(50% - 9px);
}	
.mx-box{
  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;
}
.si-sugg-el .mx-box{
    right:16px;bottom:5px;opacity:.5;z-index:1}
.mx-box.mx-small .mx-loader{
  width: 18px;
}
.mx-box.mx-x-small .mx-loader{
  width: 14px;
}
.mx-loader {
  position: relative;
  margin: 0 auto;
  width: 34px;
}
.mx-loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.mx-circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.mx-path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}
.mx-white .mx-path {
  -webkit-animation: dash 1.5s ease-in-out infinite, colorwhite 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, colorwhite 6s ease-in-out infinite;
}
.mx-refreshed .mx-path {
  -webkit-animation: dash 1.5s ease-in-out infinite, colorrefresh 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, colorrefresh 6s ease-in-out infinite;
}
.mx-box.esearch-ajload{background:none}
.mx-box.esearch-ajload.search-btn-sim{left:-35px}
.mx-box.esearch-ajload.search-btn-adv,
.mx-box.esearch-ajload.search-btn-pub{
    background:rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    padding: 4px 3px 2px 3px;
    left: 100px;
    top:5px ;z-index:100}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes color {
  100%,
  0% {
    stroke: var(--main-color);
  }
  40% {
    stroke: var(--main-color);
  }
  66% {
    stroke: #7a7a1f;
  }
  80%,
  90% {
    stroke: #267326;
  }
}
@keyframes color {
  100%,
  0% {
    stroke: var(--main-color);
  }
  40% {
    stroke: var(--main-color);
  }
  66% {
    stroke: var(--main-color);
  }
  80%,
  90% {
    stroke: var(--main-color);
  }
}
@-webkit-keyframes colorwhite {
  100%,
  0% {
    stroke: #fff;
  }
  40% {
    stroke: #fff;
  }
  66% {
    stroke: #fff;
  }
  80%,
  90% {
    stroke: #fff;
  }
}
@keyframes colorwhite {
  100%,
  0% {
    stroke: #fff;
  }
  40% {
    stroke: #fff;
  }
  66% {
    stroke: #fff;
  }
  80%,
  90% {
    stroke: #fff;
  }
}
@-webkit-keyframes colorrefresh {
  100%,
  0% {
    stroke: #666;
  }
  40% {
    stroke: #666;
  }
  66% {
    stroke: #666;
  }
  80%,
  90% {
    stroke: #666;
  }
}
@keyframes colorrefresh {
  100%,
  0% {
    stroke: #222;
  }
  40% {
    stroke: #222;
  }
  66% {
    stroke: #222;
  }
  80%,
  90% {
    stroke: #222;
  }
}

.menu-pop{
	opacity:0;
	transition: opacity .1s, transform .1s;
	transition-timing-function: cubic-bezier(0.68, 0.96, 0.63, 1) !important;
	-webkit-transform: translate(0,-3px);
	transform: translate(0,-3px);
	color:var(--text-shadow);
	background: var(--bg-color);
	right: 4px;
	top: 34px;
	position: absolute;
	border-radius: 10px;
	border: 1px solid var(--pop-menu-border);
	border-bottom-color: var(--pop-menu-border-bottom);
	box-shadow: 0 1px 4px 0 var(--mini-profile-box-shadow);
	z-index: 1610;
	min-width: 160px;
	font-size: 14px;
}
.menu-pop-small{min-width: 120px;}
.menu-pop::before{
    content: "\f0de";
    font-family: fontawesome;
    position: absolute;
    font-size: 14px;
    line-height: 14px;
    top: -5px;
    color: var(--bg-color);
    text-shadow: 0 -1px 1px var(--pop-menu-border-bottom);
    right: 13px;
    z-index: -2;}
.menu-pop.appear{
	opacity:1;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}
.menu-pop>.lmp:first-child{
	border-radius: 5px 5px 0 0;
}
.menu-pop>.lmp:not(:first-child){
	border-top:1px solid var(--uitem-border-h);
}

.lmp{color:var(--text-gray);
	overflow: hidden;
	display:block;
	padding: 7px 14px;
	width: 100%;
	transition: color .3s;
}
.lmp:hover{color:var(--item-element-h);cursor:pointer}
.lmp:active{color:var(--item-element-a);}
.lmp i {
    width: 20px;
    text-align: center;
    margin-left: -5px;
    margin-right: 5px;
}

.af-footer-pop.active{
	opacity:1;
	visibility:visible;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}

.af-footer-pop{
	font-family: 'Roboto', sans-serif;
    visibility: visible;
	-webkit-transform: translate(0,3px);
	transform: translate(0,3px);
    border: 1px solid var(--pop-menu-border);
    border-bottom-color: var(--pop-menu-border-bottom);
    box-shadow: 0 1px 4px 0 var(--mini-profile-box-shadow);
    top: unset;
    background: var(--bg-color);
    border-radius: 10px;
	text-align: left;
	
    width: 124px;
	min-width:auto;
    z-index: 104;
    bottom: 25px;
    position: absolute;
    left: 5px;
    font-weight: normal;
    color: var(--text-gray);
    display: flex;
    flex-direction: column;
}
.af-footer-pop:before{
    content: "\f0d7";
    font-family: fontawesome;
    position: absolute;
    font-size: 12px;
    line-height: 12px;
    color: var(--bg-color);
    bottom: -7px;
    text-shadow: 0 1px 1px rgb(0 0 0 / 30%);
    left: auto;
    right: 11px;
}
.af-footer-pop div i,
.af-footer-pop a i{margin-right:6px;}
.af-footer-pop div,
.af-footer-pop a{
	text-decoration:none;
	transition:color .3s;
	padding: 7px 10px;
	color: var(--text-gray);
	position: relative;
}
.af-footer-pop .lmp-feedback,
.af-footer-pop a{border-bottom: 1px solid var(--search-list-border-bottom);}
.af-footer-pop div:hover,
.af-footer-pop a:hover{
	cursor:pointer;
	color: var(--item-element-h);
}
.af-footer-pop div:active,
.af-footer-pop a:active{
	color: var(--item-element-a);
}
.af-footer-pop.appear{
	visibility: visible;
	opacity:1;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}

.af-footer{
	transition:color .3s;
	padding: 2px 7px;
	margin: -2px 0;
	top: 1px;
	position: relative;
	width: 124px;
	text-align: right;
	margin-left: -103px;
	margin-right: -9px;
}
.af-footer:hover{
	cursor:pointer;
	color:var(--item-element-h)
}
.af-footer:active{
	color:var(--item-element-a)
}

.topbar-loader {
	display:none;
    position: fixed;
    width: 100%;
    height: 3px;
    background-color:rgba(0, 0, 0, 0.03);
    z-index: 10000;
    overflow: hidden;top:0;
}
.page-loading .topbar-loader {
	display:block
}
.topbar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center;
}
.topbar:nth-child(1) {
  background-color:  var(--main-color);
  -webkit-animation: loading 3s cubic-bezier(0.85, 0.1, 0.35, 0.96) .5s infinite;
          animation: loading 3s cubic-bezier(0.85, 0.1, 0.35, 0.96) .5s infinite;
}
.topbar:nth-child(2) {
  background-color:  var(--main-color);
  -webkit-animation: loadingb 3s cubic-bezier(0.85, 0.1, 0.35, 0.96) .5s infinite;
          animation: loadingb 3s cubic-bezier(0.85, 0.1, 0.35, 0.96) .5s infinite;
}
.topbar:nth-child(3) {
  background-color:  var(--main-color);
  -webkit-animation: loadingc 3s cubic-bezier(0.85, 0.1, 0.35, 0.96) 0s infinite;
          animation: loadingc 3s cubic-bezier(0.85, 0.1, 0.35, 0.96) 0s infinite;
}
@-webkit-keyframes loading {
    from {left: 0%; width: 0%;z-index:100;opacity:0;}
    25% {left: 0; width: 50%;z-index: 10;opacity:1;}
    to {left:100%; width: 0;opacity:0;}
}
@keyframes loading {
    from {left: 0%; width: 0%;z-index:100;opacity:0;}
    25% {left: 0; width: 50%;z-index: 10;opacity:1;}
    to {left:100%; width: 0;opacity:0;}
}
@-webkit-keyframes loadingb {
    from {left: 0; width: 0;z-index:100;opacity:0;}
    75% {left: 30%; width: 100%;z-index: 10;opacity:1;}
    to {left: 100%; width: 20%;opacity:0;}
}
@keyframes loadingb {
    from {left: 0; width: 0;z-index:100;opacity:0;}
    75% {left: 30%; width: 100%;z-index: 10;opacity:1;}
    to {left: 100%; width: 20%;opacity:0;}
}
@-webkit-keyframes loadingc {
    from {left: 0%; width: 100%;z-index:100;opacity:0;}
    25% {left: 30%; width:30% ;z-index: 10;opacity:1;}
    to {left: 100%; width: 80%;opacity:0;}
}
@keyframes loadingc {
    from {left: 0%; width: 100%;z-index:100;opacity:0;}
    25% {left: 30%; width:30% ;z-index: 10;opacity:1;}
    to {left: 100%; width: 80%;opacity:0;}
}

.line-loader>div{
    margin-bottom: 10px;height:20px;width:70%;background-color:var(--line-loader-bg);border-radius:100px;
	animation-name: loaderpulse;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.line-loader>div:nth-child(2){animation-delay: -1s;width:40%;}
.line-loader>div:nth-child(3){animation-delay: -2s;width:60%;}

@keyframes loaderpulse{
	0%{
		background-color: var(--line-loader-bg2);
	}
	65%{
		background-color: var(--line-loader-bg3);
	}
	90%{
		background-color: var(--line-loader-bg);
	}
}
.comments .line-loader{max-width: 704px;margin-top:20px}


	
.app-pop-overlay{
	display:none;
	opacity:0;
    width: 100%;
    height: 100%;
    z-index: 1612;
    top: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    background: transparent;
  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;}
.app-pop-window{
    top: 0px;
    left: 0px;
	display:none;
	opacity:0;
    z-index: 1613;
    position: fixed;
    width: 100%;
    height: 100%;

  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;}
.app-pop-window>div{
    width: 100%;max-width: 442px;
    margin: auto; 
    position: absolute;
    top: 30%;
    -ms-transform: translateY(-28%);
    transform: translateY(-28%);
	}
.app-pop-window>div.pop-wide{max-width: 548px;}
.app-pop-window>div.pop-lm{max-width: 812px;}
  

.open-pop .app-pop-window,
.open-pop .app-pop-overlay{
	display:block;
	opacity:1;
    backdrop-filter: blur(5px);
	  -o-transition:.3s;
	  -ms-transition:.3s;
	  -moz-transition:.3s;
	  -webkit-transition:.3s;
	  transition:.3s;
	}
.open-pop .app-pop-overlay{background: var(--pop-overlay);}


.pop-container{
    background: var(--bg-color);
    box-shadow: 0 3px 5px 5px rgb(0 0 0 / 5%), 0 1px 3px 0px rgb(0 0 0 / 15%);
    border-radius: 10px;
    max-height: calc(100vh - 62px);
    max-height: calc(100cqh - 62px);
    max-height: calc(100dvh - 62px);
    min-height: 46px;
    overflow: auto;
    width: 100%;position:relative;}
	
.pop-container.slide-up {
		opacity:0;
		transition: transform .1s, opacity .1s;
		transition-timing-function: cubic-bezier(0.68, 0.96, 0.63, 1) !important;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  }.just-created.slideit,
.pop-container.slideit {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;}
  
.ap-title-top{
    position: sticky;
    background: var(--bg-color);
    border-bottom: 1px solid var(--db-title-border);
    top: 0;
    width: 100%;
    height: 46px;
    z-index: 202;
    padding-top:10px;
}
.ap-title>i{
	margin-right:5px;
}
.ap-title{
    float: left;
    padding: 5px 0 5px 10px;
    font-size: 16px;
    font-weight: bold;
    max-width: calc(100% - 50px);
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lock-info ul li{
    list-style: circle;
    margin-left: 23px;
	}
.lock-info-note{
    color: var(--text-gray);
    font-size: 12px;
    line-height: 16px;
	padding:7px 10px;
    border-radius: 10px;
    background: var(--btn-bg-a);
    text-shadow: 0 1px 2px var(--bg-color);
	}
@container bodycontainer (min-width: 443px){
	.app-pop-window>div:not(.pop-wide){
		left: calc(50% - 221px);
	}
}
@container bodycontainer (min-width: 549px){
	.app-pop-window>div.pop-wide{
		left: calc(50% - 274px);
	}
}

.pad10 {
    padding: 10px;
}	
.text-xl {
    font-size: 20px;
}
.text-center {
    text-align: center;
}
.push-left {
    float: left;
}
.push-right {
    float: right;
}
.app-pop-window .text-xl {
    height: 100%;
    margin-bottom: 5px;
    padding: 7px 10px 10px 10px;
}
.ap-title-top .pop-close{padding:7px 10px 10px 10px;color:var(--text-gray-2);transition:color .3s;}
.pop-close:hover {
    cursor: pointer;
}.ap-title-top .pop-close:hover {
    color: var(--search-label-h);
}.ap-title-top .pop-close:active {
    color: var(--search-label-a);
}
.pop-disabled .ap-title-top .pop-close{
    pointer-events: none;
    color: transparent;
}
.pop-btn-continue{
	transition:background-color .3s, color .3s, opacity .3s !important;
}
.pop-disabled .pop-btn-cancel,
.pop-disabled .pop-btn-continue{
    pointer-events: none;
    opacity:.5;
}
.app-pop-window .textarea{font-family: 'Roboto', sans-serif;
	width:100%;
	max-width:100%;
    margin-top: 20px;
}
.pop-btn{padding:1px 10px 5px 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;}
.pop-btn>span{margin-left:5px;margin-right:5px;margin-bottom:5px}
.fp-footer a{text-decoration:none}
.fp-footer{
	padding: 11px 10px;font-size: 12px;
	color: var(--text-gray-3);
    height: 44px;    visibility: hidden;
    max-width: 724px;
    border-top: 1px solid var(--item-border-color);
    text-align: center;
}
.fp-footer>i{display:none;
	color: var(--text-gray);}.fp-footer>div {
    display: inline-block;
}
.fp-footer.show{visibility: visible;}

span.char-counter{
    position:absolute;
    z-index: 2;
    cursor: text;
    transition-duration:100ms !important;
    font-size: 13px;
    transform: none;
    top: 4px;
    right: 10px; 
	color:#999;
    visibility: visible;
}