:root {
    --transparent: transparent;
    --smoke-50-wptr: #f7f8fa;
    --smoke-100-wptr: #ecf0f3;
    --smoke-200-wptr: #e8eaee;
    --smoke-400-wptr: #91a2af;
    --smoke-600-wptr: #718797;
    --smoke-800-wptr: #565d6a;
    --smoke-900-wptr: #313237;
    --cobalt-wptr: #5374ff;
}

.bg-smoke-50-wptr {
    background: var(--smoke-50-wptr);
}

.bg-transparent {
    background: var(--transparent);
}

.new_highlight_wptr {
    background-color: #fbfbc1;
}

.hover-bg-smoke-100-wptr:hover {
    background: var(--smoke-100-wptr);
}

.bg-smoke-100-wptr {
    background: var(--smoke-100-wptr);
}

.bg-smoke-200-wptr {
    background: var(--smoke-200-wptr);
}

.bg-smoke-400-wptr {
    background: var(--smoke-400-wptr);
}

.bg-smoke-600-wptr {
    background: var(--smoke-600-wptr);
}

.bg-smoke-800-wptr {
    background: var(--smoke-800-wptr);
}

.bg-smoke-900-wptr {
    background: var(--smoke-900-wptr);
}

.bg-cobalt-wptr {
    background: var(--cobalt-wptr) !important;
}

.text-smoke-100-wptr {
    color: var(--smoke-100-wptr);
}

.text-smoke-200-wptr {
    color: var(--smoke-200-wptr);
}

.text-smoke-400-wptr {
    color: var(--smoke-400-wptr);
}

.text-smoke-600-wptr {
    color: var(--smoke-600-wptr);
}

.text-smoke-800-wptr {
    color: var(--smoke-800-wptr);
}

.text-smoke-900-wptr {
    color: var(--smoke-900-wptr);
}

.text-cobalt-wptr {
    color: var(--cobalt-wptr);
}

.border-smoke-100-wptr {
    border-color: var(--smoke-100-wptr);
}

.border-smoke-200-wptr {
    border-color: var(--smoke-200-wptr);
}

.border-smoke-400-wptr {
    border-color: var(--smoke-400-wptr);
}

.border-smoke-600-wptr {
    border-color: var(--smoke-600-wptr);
}

.border-smoke-800-wptr {
    border-color: var(--smoke-800-wptr);
}

.border-smoke-900-wptr {
    border-color: var(--smoke-900-wptr);
}

.border-cobalt-wptr {
    border-color: var(--cobalt-wptr);
}

.home-header-wptr {
    /* margin-top: -32px; */
}

.new_post_dialog_wptr {
    height: 100vh;
    width: 100vw;
    position: absolute;
    background: #80808082;
}

.common_dialog_bg_wptr {
    height: 100vh;
    width: 100vw;
    position: absolute;
    background: #80808082;
}

.wptr_dialog_bg {
    background: #80808082;
}

.wptr_space_privacy_group_wptr label.checked {
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 255 / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgb(199 210 254 / var(--tw-border-opacity));
}

.new_post_spaces_dropdown_wptr li.selected {
    font-weight: 600 !important;
    background: rgb(79 70 229) !important;
}

.new_post_spaces_dropdown_wptr li.selected .wptr_li_space_name {
    font-weight: 600 !important;
    color: white;
}

/* .new_post_spaces_dropdown_wptr li.selected .wptr_li_space_check_icon{
    color: rgb(79 70 229) !important;
} */
.create_space_dialog_wptr nav a.active_wptr {
    color: var(--cobalt-wptr) !important;
    border-color: var(--cobalt-wptr) !important;
}

.wptr_home_content_collection_wrapper nav a.active_wptr {
    color: var(--cobalt-wptr) !important;
    border-color: var(--cobalt-wptr) !important;
}

.left_side_bar_wptr li.active_wptr {
    color: var(--smoke-900-wptr) !important;
    background-color: rgb(249 250 251 / 1) !important;
}

.wptr_tabs_wrapper .active_tab_wptr {
    color: var(--cobalt-wptr) !important;
    border-color: var(--cobalt-wptr) !important;
}

.wptr_max_width {
    max-width: 1340px !important;
}

[contenteditable=true]:empty:not(:focus):before {
    content: attr(data-placeholder);
    color: grey;
}

.is_liked_wptr {
    color: rgb(59 130 246 / 1) !important;
}

.wptr_emoji_container {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    --tw-border-opacity: 1;
    z-index: 9999;
    background: white;
    position: absolute;
    margin-top: 0.25rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    border-width: 1px;
}

.wptr_emoji_container .ec {
    cursor: pointer;
    padding: 0px 4px;
}

.ul_header_wptr {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.8em;
}

.on_click_single_collection_wptr:hover {
    text-decoration: underline;
}

.common_sel_val_wptr {
    background: var(--smoke-50-wptr);
}

.common_sel_val_wrapper_wptr>label {
    font-size: 0.75rem;
    color: var(--smoke-600-wptr);
}

.collection_moderator_sel_val_wptr,
.space_moderator_sel_val_wptr,
.user_space_sel_val_wptr,
.user_collection_sel_val_wptr,
.user_moderator_space_sel_val_wptr,
.user_moderator_collection_sel_val_wptr {
    background-color: white;
}

.user_spaces_sel_val_wrapper_wptr,
.user_collections_sel_val_wrapper_wptr,
.user_moderator_spaces_sel_val_wrapper_wptr,
.user_moderator_collections_sel_val_wrapper_wptr {
    margin: 0 0.5rem 0.5rem;
}

.collection_moderators_sel_val_wrapper_wptr>label,
.space_moderators_sel_val_wrapper_wptr>label {
    display: none;
}

.space_member_sel_val_wptr {
    background: var(--smoke-50-wptr);
}

.space_members_sel_val_wrapper_wptr>label {
    font-size: 0.75rem;
    color: var(--smoke-600-wptr);
}

.left_grid_wptr.show_left_grid_only_on_mobile_wptr {
    grid-column: span 12 / span 12;
    display: block !important;
}

.middle_grid_wptr.hide_middle_grid_only_on_mobile_wptr {
    display: none !important;
}

ul.comment_children_ul_wptr {
    margin-top: 10px;
    position: relative;
}

ul.comment_children_ul_wptr li {
    border-top: 1px solid var(--smoke-200-wptr);
    position: relative;
}

ul.comment_children_ul_wptr::before {
    content: '';
    position: absolute;
    width: 2px;
    height: 43px;
    top: 0;
    left: 0;
    margin-left: -30px;
    background-color: var(--smoke-200-wptr);
    margin-top: -36px;
}

ul.comment_children_ul_wptr li:not(:last-child)::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    left: 0;
    margin-left: -30px;
    background-color: var(--smoke-200-wptr);
}

ul.comment_children_ul_wptr li::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: -1px;
    left: 0;
    margin-left: -30px;
    border-color: var(--smoke-200-wptr);
    border-width: 0 0 2px 2px;
    border-bottom-left-radius: 10px;
}

ul.comment_children_ul_wptr li .gravatar {
    width: 1.6rem;
    height: 1.6rem;
}

ul.wptr_comments_list_box:not(:empty) {
    padding: 1rem;
}

ul.wptr_comments_list_box li {
    border: 0;
}

ul.wptr_comments_list_box li .single_cmt_options_parent_wptr {
    display: none;
}

ul.wptr_comments_list_box li:hover>.single_cmt_options_parent_wptr {
    display: inline-block;
}

.wptr_collections_select_dropdown_wrapper {
    z-index: 1;
}

[contenteditable="true"].space_member_sel_txt_wptr {
    width: 100%;
    -moz-user-select: text;
}

img.dialog_image_wptr {
    max-height: 80vh;
}

.wptr_noti_error_icon{
    display: none;
}

.error .wptr_noti_error_icon{
    display: inline-block;
}

.error .wptr_noti_success_icon{
    display: none;
}

.scrollbar_width_fix_wptr::-webkit-scrollbar {
    display: none;
}

.scrollbar_width_fix_wptr::-webkit-scrollbar{
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.overflow-scroll::-webkit-scrollbar{
    display: none;
}

.overflow-scroll::-webkit-scrollbar{
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}


/* Tribe theme colors */