{ "name": "Blockbenchcord (Patched)", "author": "Ewan Howell, akirapink", "borders": true, "main_font": "Inter Variable", "headline_font": "ABC Ginto Nord Black", "code_font": "gg mono", "css":" :root{ --bb-avatar:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAGtElEQVR4XqWXXWxcRxXHz//M3U971x9x1k6cpLFjIZMEaJKCQLRUpWojhAR9QQiVhyLxBhJCSKnEUwEVeOClKFSCl0otAhAVlH6BRAtS2yRtSBCJnC+cEHtNUzvZdffDjte7e+ewd2bv1d672ViJ/5od7x175nfO8X9mZzH+8wsgkC8R0SLUW9LuRczLjoAIAIia4ekgcpgVQF3C+DMXzE9LJdmYShRmC9k+GlwgBhyAw3iV+cK3fe4tqOgQgTqn+s+wpNuH65qlGUAI3IPKFmebH0YorIAaGe+B1yIMWLojXeEGhBAGfmwgROZs6AgEbGpoHWNmgEnItmjAsJ1N1zbAz3LD/ODPjciyhYipWx0YwwGADbLqrSDuaM07sxW6Y4nvjw3mhtmuCPdaTshuUvOmR0gW142UyGBXVFokMBcCJLyXfWcfOw4N2xuoEWnR4otEK5ItCdWXULmUyibVYFINJ1U24bw9X363oNs+MXIoIKMzZIsVyyahkZjOpTmb4NZC/XEeSat0TOXSLYYzkmwxnIGkM5J2UgnnloZY+0P+xBohlTVr2u0UwAwLftICP2WiJDXf+sZ0a3W6W51dKOqyyypG8ZSNi02JohvDZhlUcO+wsxmq1npmsUqsdOWGNGrWGYGrJVIhCZqWg2Mp2oSuFSs3akSsCCwrH+rGup+xQfe2rj60Lb0Z8Jn565odAhOUiOjqh7S+5gQ72v//duXtNu8bz2wG/O98UcASOIl0cq1swNZpIr690blHx1MYG0hsKuN8QYi1DuhUc13jassJIwP2wW0pBu6aKiJnWxm7abguQVkDN4ScyMmH4NGH37e9jzahYnl1fnkV6bhGncFw2kQmkaiZg1BFi3ZPzxVfPDbzr9mF5fKKiNxxnecWhWPeRLcp9bq4rgU5utn0ovAobpJlrM+ZHIxPDCYmh+JTQ8mxTPxqcfX81YW/npmb/WC5WFnJ9qV2bMlO5AYncgMTW7MTWwe3bcn2pxIAelj6BjkJAhNRCyHr64jFmRnZH/+TndgTezPf+tTo9mwinXBuexRIsXrz6lLp0mLpyvXS7LXlK9cK798oxRTvzg1Mjg61AronN9Dqd+UGtw9nlFJPHH3td+fLYIcAMIOZwCBC9umTrNQor31prP7I/p33792VSsTpTtR0daG8MvtB6cpSaXapPLtYurxUyhdWhKRVm/yK1DhBUGAg+JCwYAAkWt+susV8v5L7p0Yf3b/j4X079owN42793Gy6+ULlsaN/n60I7FUnLGR+dKJ9SmtX6jWpFoiVAn3lI/1LC3PTu3KPHJr+3MenEvE7KIPW8tJ7F37y6pmZEnE8aZfvAv/gneDPW2xq1HWt+ti+3K+/+QARXf7f0rOvvvvcW+ce2rf78IE9hw9O3TN6uzJorV86PvP0n0+dKwHJfihFPW5OTIFEvMYOx9Pf/fw0GU3tGK3W6mtIvn6p+J3fn9r35G8PHHn+yRf+8eaZ/9bW65GD4rXjZx868suvPfu38yVpJQoSLxnR4jWJgJ3Q7QQs1PzMzoEDu0f+k1985eTFl09fPjlfpngSUKSUZudShS6+s/DM2/MZbjwwOXz4YzsP3zt57uq1oy8fe/STH/30/j3vFS4D8IpHJBACE9ujD2Gw1gHYamaxcvB7v7r4fgHJjKgYkn0AU9BYwbRV8Ovz9Uo9/8djM5NjQ88deXxsOPvFp54nsAjBy5I7WOjKOFIELSsaVTXOAw6JthvfgCFer4iDIMAq9rPHH7x3YisZ1RvN0/MFcL+tvFlZQsxIqcPVJvF44GxO3yyRdi2VyOtNY7Cy7/duTX1i94ilLldWf/ibN0uuAxUCoeMW2QW2B6nWYCYr8dCcHtS1FeM4bgcFAH4EQl89tBNAo9F84Y1TT714/HojhliSwAACoIjALCcinfZG5vtviNskkVCErudGsz1cadTISODJ4NkO/OLL06hXf/qnE3NV8QzIjvGRtYLtVeAMCgv9R/4SHkDHttZi5dZJpINte2rFpKsFAsCOhYVtGPSKgJ77OCoLsHLiJvbobMSSamh7q+9BheGBSHcDVPyzXw/BQkYTEhAM3yzke6QjBgCxFOmmGeU2yTy0Xd2eFFzpzKBumlJHMtE6FIfvR1PzhpjfovuCs75KEmQW+MAgzcFJluzL6Um1aTFTICEwi+t6mI7vUO2MEn2eDd0mkURiIi3EiIw7t6YKEbOlBoJSJAxWIhoeuqW2AU0FGNxHjZp493UJbVxsdIBEvBWVdolgGaYXanjU0Jx4CsxSXyPp+G4o0s3+P0Nwfwsl7Sr4AAAAAElFTkSuQmCC); --header-shadow:#02020233 0 1px 0 0,#0606070c 0 1.5px 0 0,#0202020c 0 2px 0 0; --dialog-shadow:0 0 0 1px #1e1f2299,#0003 0 2px 10px 0; --box-shadow:#0000003d 0 8px 16px 0; --drop-shadow:drop-shadow(#0000003d 0 8px 16px); --color-link:#00a8fc } *{ scrollbar-width:initial; scrollbar-color:initial; --color-confirm:#57f287!important; --color-warning:#f0b132!important; --color-error:#ed4245!important; --color-stream:#593695!important; --color-menu_separator:#b5bac1!important; --color-close:var(--color-error)!important; --color-axis-x:var(--color-error)!important; --color-axis-y:var(--color-confirm)!important; --color-axis-z:var(--color-accent)!important } code,pre{ font-family:gg mono } #corner_logo>img,.project_tab.new_tab,.project_tab:not(.selected) .project_tab_close_button,.project_tab .unsaved_icon,.start_screen_close_button,#start_files li.format_entry.selected:after{ display:none!important } #corner_logo{ margin-right:119px; width:auto!important } #corner_logo:before{ content:\"\"; background-image:url(data:image/png; base64,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); background-size:contain; width:113px; height:8px; display:flex; position:absolute; top:8px; left:12px } #header_free_bar{ font-size:12px; font-weight:700; line-height:17px } #header_free_bar:after{ content:\"cord\" } #center{ background-image:none; margin:-8px 0; background-color:#282a2e!important; & .panel{ z-index:2 } } #preview .preview_menu{ gap:16px; bottom:16px; left:16px; background-color:initial!important; right:initial!important; top:initial!important; & .tool{ color:#c4c9ce; z-index:1; height:24px; position:relative; width:24px!important; &>i{ margin:0 } &:hover,&.enabled{ color:#fff } & .tooltip{ transform:translate(calc(12px - 50%)); margin-top:-50px!important; &:before{ content:\"\"; border-top:5px solid #111214; border-left:5px solid #0000; border-right:5px solid #0000; position:absolute; bottom:0; left:50%; transform:translate(-50%,100%) } & .tooltip_description{ margin-top:-61px!important } } &:before{ content:\"\"; z-index:-1; border-radius:4px; position:absolute; inset:-4px } &.enabled{ color:var(--color-accent_text)!important; &:before{ background-color:var(--color-light) } } } } #page_wrapper{ background-color:var(--color-border); border:none; flex-direction:row; height:calc(100% - 22px); display:flex } #tab_bar{ z-index:4; flex-direction:column; min-width:72px; height:100%; padding:0 0 12px; display:flex!important } #tab_bar_list{ padding-top:55px; flex-direction:column!important; flex-grow:0!important; overflow:visible!important } #search_tab_button,#new_tab_button,.project_tab,#title_bar_home_button>i:before,.sidebar_explorer_open_button{ color:#23a559; border-radius:50%; justify-content:center; align-items:center; padding:0; transition:color .15s ease-out,background-color .15s ease-out,border-radius .15s ease-out; display:flex; position:relative; cursor:pointer!important; background-color:#303338!important; width:48px!important; height:48px!important; margin:4px 12px!important } .project_tab:hover,.sidebar_explorer_open_button:hover{ border-radius:16px } #search_tab_button:active,#new_tab_button:active,.project_tab:active,#title_bar_home_button:active>i,.sidebar_explorer_open_button:active{ transform:translateY(1px) } .project_tab:active:before,#search_tab_button:active:before,#new_tab_button:active:before{ transform:translateY(calc(-50% - 1px)) } .project_tab:active label,#search_tab_button:active>i:before,#new_tab_button:active>i:before{ transform:translate(100%,calc(-50% - 1px)) } #search_tab_button:active>i:after,#new_tab_button:active>i:after{ transform:translate(-100%,calc(-50% - 1px)) } #search_tab_button:hover,#new_tab_button:hover{ color:var(--color-light); border-radius:16px; background-color:#23a559!important } #search_tab_button{ position:relative; margin-top:14px!important } #search_tab_button:after{ content:\"\"; background-color:#303338; width:32px; height:2px; position:absolute; top:-10px } #search_tab_button:active:after{ top:-11px } .project_tab{ border-top:none!important; min-width:48px!important; overflow:visible!important } .project_tab>:first-child{ color:#dadde0 } #search_tab_button:before,#new_tab_button:before,.project_tab:before,#title_bar_home_button>i:after,.sidebar_explorer_open_button:before{ content:\"\"; opacity:0; background-color:#dadbdd; border-radius:4px; width:8px; height:8px; transition:height .15s ease-out,opacity .15s ease-out; display:flex; position:absolute; top:50%; left:-16px; transform:translateY(-50%) } #search_tab_button:hover:before,#new_tab_button:hover:before,.project_tab:hover:before,.sidebar_explorer_open_button:hover:before{ opacity:1; height:20px } .project_tab:has(>.unsaved):before{ opacity:1 } body:has(>#page_wrapper>#tab_bar>#tab_bar_list>.project_tab.new_tab.selected) #title_bar_home_button{ color:var(--color-light)!important; &>i{ &:before{ border-radius:16px; background-color:var(--color-accent)!important } &:after{ opacity:1; height:40px } } } .project_tab.selected:before{ opacity:1; height:40px!important } header{ height:22px; position:relative; overflow:visible!important; &>*{ z-index:99 } } #title_bar_home_button{ z-index:5; color:#dadde0; cursor:pointer; justify-content:center; align-items:center; width:48px; height:48px; margin:0; transition:color .15s ease-out; position:absolute; top:26px; left:12px; display:flex!important; &:hover{ color:var(--color-light)!important; &>i{ &:before{ border-radius:16px; background-color:var(--color-accent)!important } &:after{ opacity:1; height:20px } } } &>i{ z-index:2; transform:translate(0); &:before{ content:\"\"; z-index:-1; position:absolute; top:50%; transform:translateY(-50%); margin:0!important } &:after{ left:-27px } } } .project_tab_close_button,.project_tab_session_badge{ border:4px solid var(--color-border); background-color:var(--color-button); border-radius:50%; width:24px; height:24px; transition:background-color .15s ease-out; position:absolute; top:-4px; right:-4px; &>i{ transition:color .15s ease-out; position:absolute; inset:-1px 0 0; display:initial!important; font-size:13px!important } &:hover{ background-color:var(--color-selected) } } .project_tab_session_badge{ top:initial; background-color:var(--color-accent); min-width:24px; bottom:-4px; font-size:0!important; &>i{ color:var(--color-light); justify-content:center; align-items:center; max-width:16px; font-size:10px!important; display:flex!important } &:before{ display:none } } .project_tab label:not(.project_tab_session_badge),#title_bar_home_button:before,#search_tab_button>i:before,#new_tab_button>i:before,.sidebar_explorer_open_button>i:after{ pointer-events:none; color:var(--color-text); opacity:0; transform-origin:0 0; box-shadow:var(--box-shadow); background-color:#111214; border-radius:5px; font-family:gg sans; font-size:16px; font-weight:600; line-height:20px; transition:opacity 50ms ease-out,scale 50ms ease-out; position:absolute; top:50%; right:-20px; transform:translate(100%,-50%)scale(.95); width:initial!important; padding:8px 12px!important; display:flex!important; overflow:visible!important } .project_tab label:not(.project_tab_session_badge):before,#title_bar_home_button:after,#search_tab_button>i:after,#new_tab_button>i:after,.sidebar_explorer_open_button:after{ pointer-events:none; content:\"\"; border:5px solid #0000; border-right-color:#111214; position:absolute; top:50%; left:0; transform:translate(-100%,-50%) } #title_bar_home_button:after,#search_tab_button>i:after,#new_tab_button>i:after,.sidebar_explorer_open_button:after{ left:initial; opacity:0; transition:opacity 50ms ease-out,scale 50ms ease-out; right:-30px; scale:.95 } .project_tab:hover label:not(.project_tab_session_badge),#title_bar_home_button:hover:before,#search_tab_button:hover>i:before,#new_tab_button:hover>i:before,#title_bar_home_button:hover:after,#search_tab_button:hover>i:after,#new_tab_button:hover>i:after,.sidebar_explorer_open_button:hover>i:after,.sidebar_explorer_open_button:hover:after{ opacity:1; scale:1 } #title_bar_home_button:before{ content:\"Start Screen\" } #search_tab_button>i:before{ content:\"Tab Overview\" } #new_tab_button>i:before{ content:\"New Tab\" } .sidebar_explorer_open_button>i:after{ content:\"Open Explorer\" } #title_bar_home_button:after{ transform-origin:-60px 0 } #search_tab_button>i:after{ transform-origin:-120px 0 } #new_tab_button>i:after{ transform-origin:-80px 0 } .project_tab>.icon,#search_tab_button>i,#new_tab_button>i,#title_bar_home_button>i{ justify-content:center; font-size:30px; display:flex; overflow:visible } #start_screen{ border-top-left-radius:8px; padding:0 } #start_screen>content{ max-width:initial; flex-direction:column; height:100%; display:flex; position:relative; &:not(:has(>#splash_screen)){ &:before{ content:\"\"; background-image:linear-gradient(#0006,#0000 43%),url(assets/splash_art/1.webp); background-position:50%; background-size:cover; width:240px; height:135px; display:flex } &:after{ content:\"Blockbenchcord\"; color:var(--color-light); filter:drop-shadow(0 1px 1px #000c); margin-right:4px; font-weight:600; line-height:20px; text-decoration:none; position:absolute; top:13px; left:16px; font-size:16px!important } } } #splash_screen{ min-height:135px; position:absolute; width:240px!important; height:135px!important } .start_screen_graphic_description{ filter:drop-shadow(0 1px 1px #000c); font-size:0; top:12px; left:16px; right:16px; bottom:initial!important; background:0 0!important; padding-left:0!important; & a{ margin-right:4px; font-weight:600; line-height:20px; text-decoration:none; color:var(--color-light)!important; font-size:16px!important; &:first-child:before{ content:\"By\"; margin-right:4px } &:not(:first-child):before{ content:\"&\"; margin-right:4px } } } .splash_art_slideshow_image:before{ content:\"\"; background:linear-gradient(#0006,#0000); height:58px; position:absolute; top:0; left:0; right:0 } #start_files{ flex:1; position:absolute } #start_files>.start_screen_left{ max-height:initial!important; background-color:var(--color-ui)!important; width:240px!important; padding:12px 0 0!important } #start_files>.start_screen_left>:first-child{ font-size:0; margin:0!important } #start_files>.start_screen_left>:first-child:before{ content:\"\"; background-color:#3b3d44; width:calc(100% - 16px); height:1px; margin:12px 8px; display:flex } #start_files>.start_screen_left>ul{ height:100%; max-height:calc(100vh - 226px); position:relative; overflow-x:hidden } #start_files>.start_screen_left>ul::-webkit-scrollbar{ width:8px } #start_files>.start_screen_left>ul::-webkit-scrollbar-thumb{ background-color:var(--color-ui); border:2px solid var(--color-ui) } #start_files>.start_screen_left>ul:hover::-webkit-scrollbar-thumb{ background-color:var(--color-dark) } ::-webkit-scrollbar-thumb{ background-color:var(--color-dark) } ::-webkit-scrollbar-thumb:hover{ background-color:var(--color-dark)!important } #start_files>.start_screen_format_page::-webkit-scrollbar-thumb{ border-top:48px solid var(--color-ui); border-bottom:68px solid var(--color-ui); border-radius:0; min-height:150px } .format_category:first-child{ margin-top:0!important } .format_category>label{ text-transform:uppercase; letter-spacing:.24px; font-weight:600; margin:16px!important; font-size:12px!important } .format_category>ul{ flex-direction:column; gap:2px; min-width:240px; padding:0 8px; display:flex } .format_entry,#start_files>.start_screen_left:before{ border-radius:4px; align-items:center; gap:6px; font-weight:500; line-height:20px; color:var(--color-subtle_text)!important; padding:6px 8px!important; font-size:16px!important; display:flex!important } .format_entry:hover,#start_files:has(>.start_screen_right .format_page_close_button:hover)>.start_screen_left:before{ background-color:#35373c; color:var(--color-text)!important } .format_entry.selected,#start_files:not(:has(>.start_screen_right .format_page_close_button))>.start_screen_left:before{ color:var(--color-light)!important; background-color:#404249!important } .format_entry>.icon_wrapper{ align-items:center; width:20px!important; height:20px!important } .format_entry>.icon_wrapper>i,#start_files>.start_screen_left:after{ color:#80848e; margin:0; font-size:20px } .format_entry label{ flex:1 } .format_entry img{ border-radius:4px; width:20px; height:20px } .format_entry.start_screen_link:after{ color:#80848e; margin:0 } #start_files>.start_screen_left:before{ content:\"Recent Models\"; cursor:pointer; margin:0 8px; padding-left:33px!important } #start_files>.start_screen_left:after{ content:\"history\"; pointer-events:none; font-family:Material Icons; position:absolute; top:13px; left:16px } .format_page_close_button{ opacity:0; min-width:224px; min-height:32px; top:161px; left:82px; position:fixed!important } #start_files>.start_screen_right{ flex-wrap:wrap; margin-top:-135px; max-height:initial!important; min-height:initial!important; background-color:#282a2e!important; flex-direction:row!important; padding:0!important; &>div:nth-child(2):not(#start_screen_view_menu){ cursor:not-allowed; background-color:#303338; border-radius:12px; align-items:center; height:58px; margin:24px; padding-left:46px; font-size:0; font-weight:700; display:flex; position:relative; &:before{ content:\"Streamer mode enabled\"; color:#87898c; font-size:20px; font-weight:600 } &:after{ content:\"block\"; color:#b5bac1; text-align:center; width:34px; font-family:Material Icons; font-size:24px; position:absolute; left:8px } } } #start_files>.start_screen_right>*{ flex:100% } #start_files>.start_screen_right>h2{ color:#f2f3f5; z-index:1; align-items:center; height:48px; padding-left:8px; font-size:16px; font-weight:600; display:flex; position:sticky; top:0 } #start_files>.start_screen_right>h2:before{ content:\"history\"; color:#80848e; margin:0 8px; font-family:Material Icons; font-size:24px } #start_files>.start_screen_right:before{ content:\"\"; box-shadow:var(--header-shadow); z-index:1; background-color:#282a2e; height:48px; position:fixed; left:312px; right:0 } #start_files>.start_screen_format_page:before{ background-color:#303338 } #start_screen_view_menu{ top:initial; right:initial; width:100%; padding:24px; position:relative } #start_screen_view_menu>.search_bar{ width:100%; display:flex } #start_screen_view_menu>.search_bar>i{ color:#b5bac1; cursor:pointer; font-size:24px; left:8px; transform:scaleX(-1); top:12px!important } #start_screen_view_menu input{ color:var(--color-text); border-radius:12px; width:100%; font-size:20px; font-weight:600; background-color:#303338!important; border:none!important; height:58px!important; padding-left:46px!important } #start_screen_view_menu>.search_bar>i:not(.light_on_hover){ overflow:visible; &:before{ content:\"Search recents...\"; font-family:var(--font-main); color:#87898c; pointer-events:none; font-size:20px; font-weight:600; position:absolute; top:8px; left:-149px; transform:scaleX(-1) } } #start_files>.start_screen_right>.button_bar>button{ color:var(--color-light); background-color:var(--color-accent); border-radius:18px; align-items:center; height:36px; font-size:14px; font-weight:500; text-decoration:none; transition:background-color .17s; display:flex; position:absolute; top:63px; right:45px } #start_files>.start_screen_right>.button_bar>button:hover{ background-color:#4752c4; color:var(--color-light)!important } #start_files>.start_screen_right>.button_bar>button:active{ background-color:#3c45a5 } #start_files>.start_screen_right>.button_bar>button:before{ content:\"file_open\"; margin-right:6px; font-family:Material Icons } #start_screen_view_menu>li{ background-color:var(--color-border); color:#b5bac1; cursor:pointer; border-radius:16px; align-items:center; gap:8px; height:32px; padding:0 12px; font-size:14px; font-weight:500; display:flex; position:absolute; top:106px; width:initial!important; border:1px solid #0000!important } #start_screen_view_menu>li.selected{ color:var(--color-light); background-color:#2f334b; border:1px solid var(--color-accent)!important } #start_screen_view_menu>li.selected:hover{ background-color:var(--color-border) } #start_screen_view_menu>li>i{ min-width:18px; min-height:18px; font-size:18px; margin:0!important } #start_screen_view_menu>li:nth-child(2):after{ content:\"Grid view\" } #start_screen_view_menu>li:last-child{ left:138px } #start_screen_view_menu>li:last-child:after{ content:\"List view\" } #start_files>.start_screen_right>.recent_list_grid{ grid-gap:16px; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); max-height:calc(100vh - 216px); margin-top:98px; padding:2px 24px 24px!important } #start_files>.start_screen_right .recent_project{ border:1px solid #0000; flex-direction:column-reverse; align-items:flex-start; padding:14px 12px 12px; transition:box-shadow .2s ease-out,transform .2s ease-out,border .2s ease-out; position:relative; height:initial!important; background-color:#303338!important; border-radius:12px!important; display:flex!important } #start_files>.start_screen_right .recent_project:hover{ box-shadow:var(--box-shadow); border:1px solid #4e50584c; transform:translateY(-2px) } #start_files>.start_screen_right .thumbnail_image{ object-fit:contain; image-rendering: ; border:1px solid #4e50587a; border-radius:8px; width:100%!important; height:210px!important } #start_files>.start_screen_right .recent_project_name{ text-overflow:ellipsis; max-width:100%; font-weight:800; line-height:20px; position:initial!important; color:#f2f3f5!important; margin-bottom:3px!important } #start_files>.start_screen_right .icon_wrapper,#start_files>.start_screen_right .recent_favorite_button{ box-shadow:var(--header-shadow); border-radius:50%; justify-content:center; align-items:center; width:22px; height:22px; position:absolute; bottom:19px; top:initial!important; right:initial!important; background-color:#232428e5!important; display:flex!important } #start_files>.start_screen_right .icon_wrapper{ font-size:10px; left:49px; color:var(--color-light)!important } #start_files>.start_screen_right .recent_favorite_button{ transition:filter .17s; left:19px; visibility:visible!important; color:var(--color-text)!important } #start_files>.start_screen_right .recent_favorite_button:hover{ filter:brightness(2.25) } #start_files>.start_screen_right .favorite_enabled{ background-color:var(--color-accent)!important; filter:initial!important } #start_files>.start_screen_right .recent_favorite_button:after{ content:\"\"; pointer-events:none; filter:invert(); background-image:url(\"data:image/svg+xml,\"); min-width:18px; min-height:18px; display:flex } #start_files>.start_screen_right .recent_favorite_button>i{ display:none } #start_files>.start_screen_right>ul:not(.recent_list_grid){ flex-direction:column; margin-top:98px; display:flex; gap:8px!important; max-height:calc(100vh - 216px)!important; margin-left:0!important; padding:2px 24px 24px!important; & .recent_project{ background-color:#303338!important; border:none!important; margin:0!important; & :is(.icon_wrapper,.recent_favorite_button){ box-shadow:none; transform:translate(-6px); bottom:initial!important; margin:0!important; top:13px!important } } & .recent_project_name{ font-size:20px; font-weight:600; line-height:24px; overflow:hidden; margin:29px 0 28px!important } } #start_files>.start_screen_right .recent_project_date{ font-size:14px; bottom:12px; position:absolute!important } #start_files>.start_screen_right .recent_project_date:before{ content:initial } #start_files>.start_screen_format_page{ grid-template-rows:1fr; grid-template-columns:auto 1fr; overflow-y:auto; background-color:#303338!important; max-height:calc(100vh - 22px)!important; display:grid!important } .start_screen_format_page :is(.format_target,content){ grid-column:1/-1 } #start_files>.start_screen_right .format_description{ z-index:1; align-items:center; margin-right:16px; font-size:14px; font-weight:500; line-height:18px; display:flex; position:sticky; top:0; overflow:hidden; height:48px!important } #start_files>.start_screen_right .format_description:before{ content:\"\"; background-color:#3f4147; width:1px; height:24px; margin:0 16px } .start_screen_format_page #create_new_model_button{ align-items:center; font-size:14px; display:flex; top:initial!important; width:initial!important; color:var(--color-light)!important; gap:16px!important; height:44px!important; padding:16px!important; text-decoration:none!important; position:fixed!important; bottom:24px!important; left:328px!important; right:16px!important } .start_screen_format_page #create_new_model_button:before{ z-index:-1; pointer-events:none; background-color:#303338; position:absolute; inset:0 -18px -24px -16px; content:\"\"!important; margin:0!important } .start_screen_format_page #create_new_model_button:after{ content:\"\"; background-color:var(--color-button); z-index:-1; transition:background-color .17s; position:absolute; inset:0; border-radius:8px!important } .start_screen_format_page #create_new_model_button>i{ width:24px; height:24px; box-sizing:initial!important; margin:1px 0 0!important } .start_screen_format_page content{ padding:0 48px 22px 0; position:relative; margin:8px 0 64px 72px!important } .start_screen_format_page .format_target{ flex-wrap:wrap; align-items:flex-end; padding:0; font-size:0; line-height:1.5; display:flex; position:relative; margin:0 0 -9px 72px!important } .start_screen_format_page .format_target:before{ content:\"\"; background-image:var(--bb-avatar); background-size:cover; border-radius:50%; width:40px; height:40px; position:absolute; bottom:-18px; left:-56px } .start_screen_format_page .format_target>b:before{ content:\"Blockbenchcord\"; font-size:16px; font-weight:500 } .start_screen_format_page .format_target>span{ color:var(--color-light); text-transform:uppercase; border-radius:3px; margin:0 0 4px 5px; padding:0 4.4px; font-size:12.8px; font-weight:700; line-height:15px } .markdown{ padding:0!important; & p{ margin:0 } & ul,& ol{ margin:4px 0 0 16px; padding:0; line-height:22px!important } & li{ margin:0 0 4px } & code,& pre,& table{ background-color:var(--color-ui); border:1px solid var(--color-border); border-radius:4px; padding:0 2.72px; font-size:13.6px } & pre>code{ background-color:initial; border:initial } & pre{ padding:7px!important } & table{ border-spacing:0; padding:0!important; & td{ padding:7px } &>:first-child>tr:first-child>*{ border-top:none } & code,& pre{ background-color:var(--color-border) } } } h1.markdown,.markdown h1,dialog#plugins #about-content h1{ font-size:32px; font-weight:700; line-height:44px; margin:8px 0!important; &:not(:first-child){ margin-top:16px!important } } h2.markdown,.markdown h2,dialog#plugins #about-content h2{ font-size:28px; font-weight:700; line-height:38.5px; margin:8px 0!important; &:not(:first-child){ margin-top:16px!important } } h3.markdown,.markdown h3,dialog#plugins #about-content h3{ font-size:24px; font-weight:700; line-height:33px; margin:8px 0!important; &:not(:first-child){ margin-top:16px!important } } h4.markdown,.markdown h4,dialog#plugins #about-content h4{ font-size:20px; font-weight:700; line-height:27.5px; margin:8px 0!important; &:not(:first-child){ margin-top:16px!important } } h5.markdown,.markdown h5,dialog#plugins #about-content h5{ font-size:16px; font-weight:700; line-height:22px; margin:8px 0!important; &:not(:first-child){ margin-top:16px!important } } div.markdown>*{ padding:2px 0; &:first-child{ padding-top:0 } } .markdown a,p a{ color:var(--color-link)!important; text-decoration:none!important; &:hover{ text-decoration:underline!important } } blockquote{ background-color:#0000; border:none; position:relative; padding-left:16px!important; &:before{ content:\"\"; background-color:var(--color-button); border-radius:2px; width:4px; position:absolute; top:0; bottom:0; left:0 } } .start_screen_format_page content>img:first-child{ border-radius:8px; &+p{ &:before{ content:\"\"; background-image:var(--bb-avatar); background-size:cover; border-radius:50%; width:40px; height:40px; position:absolute; top:-23px; left:-56px } &:after{ content:\"Blockbenchcord\"; font-weight:500; position:absolute; top:-25px } } } #start_screen:not([style=\"display: none; \"])>content:has(>section:not(#splash_screen):not(#start_files):not(#quick_setup):not([section_id=new_version])){ & #splash_screen,&:before,&:after{ margin-top:36px } & #start_files{ &>.start_screen_left>ul{ max-height:calc(100vh - 262px)!important } &>.start_screen_right>ul{ max-height:calc(100vh - 252px)!important } &>.start_screen_format_page{ max-height:calc(100vh - 58px)!important } & .format_page_close_button{ top:197px } } } #start_screen>content>.start_screen_section:is([section_id=recover_backup],[section_id=streamer_mode],[section_id=update_notification],[section_id=twitter_link],[section_id=discord_link]){ z-index:1; height:36px; position:absolute; top:0; overflow:hidden; background-color:var(--color-accent)!important; &[section_id=recover_backup]{ background-color:var(--color-error)!important } &[section_id=streamer_mode]{ background-color:var(--color-stream)!important } &[section_id=twitter_link]{ background-color:#1da1f2!important } & .start_screen_close_button{ color:var(--color-light); opacity:1; font-size:20px; right:18px; display:flex!important } & .start_screen_right{ justify-content:center; align-items:center; gap:4px; padding:0; display:flex } & h2,& h3{ display:none } & *{ color:var(--color-light); z-index:1; text-align:center; margin:0; font-size:14px; font-weight:500; line-height:100% } & button{ border:1px solid var(--color-light); min-width:initial; background-color:#0000; border-radius:3px; justify-content:center; align-items:center; height:22px; margin:0 0 0 2px; padding:0 10px; transition:background-color .2s,color .2s; display:flex; &:hover{ background-color:var(--color-light); &>p{ color:var(--color-error) } } &:last-child{ display:none } } & .start_screen_left>i{ margin:0; font-size:16px; font-weight:600; position:absolute; top:10px; left:20px; overflow:visible } & a{ color:var(--color-light)!important; text-decoration:underline!important } } .ewan-format-page{ display:contents!important; & .spacer{ display:none } & #create_new_model_button{ margin:0!important } & content{ overflow-y:initial!important; margin-bottom:0!important } &>:nth-last-child(2){ flex-wrap:wrap; grid-column:1/-1; justify-content:flex-start; gap:8px; margin:0 72px 98px; &>a{ &:after{ content:\"open_in_new\"; margin-left:3px; font-family:Material Icons; font-size:20px } &>i{ width:initial; height:20px; font-size:20px; color:var(--color-light)!important } &>.fab{ margin-right:5px } &:first-child{ background-color:#da373c; &:hover{ background-color:#a12828 } &:active{ background-color:#8f2022 } } &:nth-child(2){ background-color:var(--color-accent); &:hover{ background-color:#4752c4 } &:active{ background-color:#3c45a5 } } } } } .ewan-format-page>:nth-last-child(2)>a,.start_screen_format_page content button{ background-color:var(--color-button); flex-direction:row; flex-grow:initial; white-space:pre; border-radius:3px; padding:2px 16px; font-size:14px; font-weight:500; text-decoration:none; transition:background-color .17s; color:var(--color-light)!important; &:hover{ background-color:var(--color-selected) } &:active{ background-color:#80848e } } .contextMenu{ box-shadow:var(--box-shadow); z-index:99; background-color:#111214; border-radius:4px; &:not([style*=min-width]){ min-width:188px } &>li{ cursor:pointer; box-sizing:initial; align-items:center; height:32px; font-size:14px; font-weight:500; line-height:normal; position:relative; color:#b5bac1!important; background-color:#0000!important; padding:1px 16px!important; &[menu_item=delete],&[menu_item=reset_layout],&[menu_item=reset_layout]+li,&[menu_item=reload]{ color:#f23f42!important } &:is(.focused,.opened):not(.hybrid_parent.opened){ color:var(--color-light)!important; &:before{ content:\"\"; background-color:var(--color-accent); z-index:-1; border-radius:2px; position:absolute; inset:1px 8px } &[menu_item=delete]:before,&[menu_item=reset_layout]:before,&[menu_item=reset_layout]+li:before,&[menu_item=reload]:before{ background-color:#da363c!important } } &:active:not(:has(:active)){ color:var(--color-light)!important; &:before{ background-color:#3c45a5!important } } &:after{ justify-content:center; width:18px; margin:0 0 0 8px!important; font-size:12px!important; display:flex!important } &:not(:is(.menu_separator,.menu_search_bar))>:first-child{ order:1; width:18px; height:18px; margin:0 0 0 8px; padding:0; font-size:18px } &>:first-child.fa_big{ justify-content:center; align-items:center; font-size:14px; display:flex } &>.sub{ align-self:flex-start; transform:translate(4px,-4px); &[style*=\"left: -\"]{ transform:translate(-4px,-4px); &[style*=\"margin-top: -\"]{ transform:translate(-4px,14px) } } &[style*=\"margin-top: -\"]{ transform:translate(4px,14px) } } &.hybrid_parent>:first-child{ display:none!important } &>.menu_more_button{ cursor:pointer; align-items:center; width:40px; height:34px; display:flex; position:relative; background-color:#0000!important; margin:0 -16px 0 8px!important; &>i{ margin-left:5px } } } &>:first-child{ padding-top:8px!important; &:is(.focused,.opened):not(.hybrid_parent.opened):before{ inset:8px 8px 1px } } &>:last-child{ padding-bottom:8px!important; &:is(.focused,.opened):not(.hybrid_parent.opened):before{ inset:1px 8px 8px } } &>:only-child:is(.focused,.opened):not(.hybrid_parent.opened):before{ inset:8px } &>.parent>:first-child{ display:none!important } & .keybinding_label{ display:none } &>.menu_separator{ width:initial; border-bottom:1px solid #2e2f34; border-radius:0; justify-content:center; height:0; display:flex; margin:3px 12px!important; padding:0!important; &.has_label>label{ color:#b5bac1; text-transform:uppercase; letter-spacing:.22px; background-color:#111214; height:6px; margin:1px 0 0; font-size:10px; font-weight:600; line-height:6px } } &>.menu_search_bar{ height:initial; position:relative; color:#b5bac1!important; background-color:#0000!important; padding:0!important; &>:first-child{ order:0 } &>div{ cursor:pointer; box-sizing:initial; align-items:flex-end; width:26px; padding:8px; display:flex; position:absolute; top:0; bottom:0; right:0 } & i{ font-size:18px } &>input{ margin:0; font-weight:500; background-color:#0000!important; height:32px!important; padding:1px 16px!important; font-size:14px!important } &:first-child>input{ padding-top:8px!important } } &>.opened>.menu_more_button{ color:var(--color-light); &:before{ content:\"\"; background-color:var(--color-accent); z-index:-1; border-radius:2px; position:absolute; inset:1px 8px 1px 0 } &:active:before{ background-color:#3c45a5 } } } .contextMenu::-webkit-scrollbar-track{ background-color:#0000 } #menu_bar>li{ color:var(--color-subtle_text); cursor:pointer; z-index:1; padding:0 8px; font-size:13px; font-weight:700; position:relative; transform:translateY(-1px); background-color:#0000!important } #menu_bar>.opened,#menu_bar>:hover{ color:var(--color-light) } #menu_bar>.opened:before{ content:\"\"; background-color:var(--color-accent); z-index:-1; border-radius:4px; position:absolute; inset:1px 0 4px } #settings_profiles_header_menu{ cursor:pointer; justify-content:center; display:flex; &>i{ color:var(--color-subtle_text); border-radius:4px; justify-content:center; align-items:center; width:100%; margin:0; display:flex; transform:translateY(2px); min-height:16px!important; max-height:16px!important; font-size:14px!important } &:hover>i{ color:var(--color-light); background-color:var(--color-accent) } &.hidden{ display:none } } #windows_window_menu svg{ display:none } #windows_window_menu>li{ cursor:pointer; justify-content:center; align-items:center; width:28px; display:flex } #windows_window_menu>li:hover{ background-color:#2d2e32 } #windows_window_menu>li:before{ content:\"\"; width:12px; height:12px; display:flex } #windows_window_menu{ &>:first-child:before{ background-image:url(\"data:image/svg+xml,\") } &>:nth-child(2):before{ background-image:url(\"data:image/svg+xml,\") } &>:last-child:before{ background-image:url(\"data:image/svg+xml,\") } &>:first-child:hover:before{ background-image:url(\"data:image/svg+xml,\") } &>:nth-child(2):hover:before{ background-image:url(\"data:image/svg+xml,\") } &>:last-child:hover:before{ background-image:url(\"data:image/svg+xml,\") } &>:last-child:hover{ background-color:#f23f42 } } body{ background-color:var(--color-border) } #blackout{ width:initial; height:initial; pointer-events:none; inset:-400px; opacity:0!important; background-color:#000000b2!important; transition:opacity .2s!important; display:block!important; position:fixed!important } #dialog_wrapper:has(>:not(#settings):not(#keybindings))~#page_wrapper #blackout,#page_wrapper:has(>dialog#action_selector)>#blackout{ pointer-events:initial; opacity:1!important } #page_wrapper>*,#title_bar_home_button{ transform-origin:50vw 50vh; transition:scale .25s } #dialog_wrapper:has(>dialog:is(#settings,#keybindings)){ &~#page_wrapper>*,&~header #title_bar_home_button{ scale:.9 } &~#page_wrapper #blackout{ opacity:0!important } } @keyframes discord-dialog-show{ 0%{ opacity:0; scale:.75 } to{ opacity:1; scale:1 } } dialog{ box-shadow:var(--dialog-shadow); background-color:#303338; border-radius:4px; animation:.2s forwards discord-dialog-show; overflow:hidden; max-height:calc(100% - 43px)!important; & .dialog_handle{ background:0 0; height:62px; padding:16px; & .dialog_title{ color:#f2f3f5; align-items:center; padding:0; font-size:24px; line-height:30px; display:flex; &:before{ content:\"\"; background-image:var(--bb-avatar); background-size:cover; border-radius:50%; width:24px; height:24px; margin-right:8px; display:flex } } } & .dialog_close_button{ color:#73767d; width:32px; height:32px; padding:4px; transition:color .2s ease-in-out; top:16px; right:16px; background:0 0!important; &>i{ min-width:24px; font-size:24px } &:hover{ color:var(--color-text) } } & .dialog_content{ max-height:calc(100vh - 172px); padding:0 16px 16px; margin:0!important } } @keyframes discord-fade-in{ 0%{ opacity:0; scale:1.1 } to{ opacity:1; scale:1 } } dialog#settings .dialog_sidebar_pages:before{ content:\"SETTINGS\" } dialog#keybindings .dialog_sidebar_pages:before{ content:\"KEYBINDINGS\" } dialog#settings,dialog#keybindings{ box-shadow:none; animation:.25s discord-fade-in; width:initial!important; min-width:initial!important; max-width:initial!important; height:initial!important; min-height:initial!important; max-height:initial!important; position:fixed!important; inset:22px 0 0!important; & .dialog_handle{ display:none } & .dialog_wrapper{ background-color:var(--color-ui); justify-content:flex-end; display:flex } & .dialog_sidebar{ background-color:var(--color-ui); width:221px; min-width:221px; max-width:221px; max-height:calc(100vh - 22px); padding:59px 17px 60px 20px; &::-webkit-scrollbar{ width:4px } & li{ color:#b5bac1; border:none; border-radius:4px; align-items:center; height:32px; margin-bottom:2px; padding:6px 10px; font-weight:500; line-height:20px; display:flex; &.selected{ color:var(--color-light); background-color:#404249 } &:hover{ color:var(--color-text); background-color:#35373c } & label{ display:none } & i{ order:1; width:16px; height:16px; margin:0; padding:0; font-size:16px; &.fa_big{ font-size:14px } } &.error:after{ margin:0; right:28px } } & .dialog_sidebar_pages{ margin:0; &:before{ color:var(--color-subtle_text); padding:0 10px 5px; font-size:12px; font-weight:700; display:block } } & .dialog_sidebar_actions{ border:0; margin:0; padding:0; &:before{ content:\"\"; background-color:#3b3d44; height:1px; margin:8px 10px; display:flex } } } & .dialog_content{ background-color:#303338; max-width:calc(50vw + 259.5px); max-height:calc(100vh - 22px); padding:0; &>div{ width:calc(min(100vw - 221px,740px) - 36px); max-width:740px; padding:60px 40px 80px; position:relative; &>h2{ margin:15px 0 25px; font-size:20px; font-weight:600; line-height:24px } } } & .button_bar{ display:none } & .dialog_close_button{ color:#b5bac1; border:2px solid #b5bac1; border-radius:50%; justify-content:center; align-items:center; width:36px; height:36px; display:flex; top:60px; right:calc(50vw - 480.5px); & i{ min-width:initial; font-size:20px } &:hover{ border:2px solid var(--color-text); color:var(--color-text); background-color:#393c41 } &:before{ content:\"ESC\"; pointer-events:none; font-size:13px; font-weight:600; position:absolute; bottom:-26px; left:50%; transform:translate(-50%) } } & #settings_search_bar{ width:initial; position:absolute; top:15px; left:40px; right:40px } & #settings_profile_wrapper{ font-weight:600; top:64px; right:40px; position:absolute!important; & i{ cursor:pointer; color:var(--color-text)!important } } & .bar_select{ width:initial; margin:0 } } .profile_is_selected{ color:var(--color-accent_text)!important } .settings_list{ max-height:initial; overflow-y:initial; padding:0!important; &>li{ flex-wrap:wrap; justify-content:space-between; padding:24px 0 20px; display:flex; position:relative; &:not(:last-child):after{ content:\"\"; border-bottom:1px solid #3f4147; display:flex; position:absolute; bottom:0; left:0; right:0 } &>:is(.bar_select,input:is([type=text],[type=password])){ width:100%!important; margin-top:8px!important; &+.password_toggle{ margin-top:-40px; margin-left:auto } } & .setting_icon{ z-index:2; cursor:pointer; margin:0; position:absolute; top:37px; left:16px; &>i{ justify-content:center; width:32px; height:32px; margin:0; font-size:32px; transition:color .17s; display:flex; overflow:visible; color:var(--color-text)!important } &+.setting_label{ z-index:1; box-sizing:border-box; max-width:initial; cursor:pointer; width:100%; height:68px; margin:-4px 0 5px; padding:16px; position:relative; &>*{ cursor:pointer } &:before{ content:\"\"; z-index:-1; background-color:#232428; border-radius:8px; transition:background-color .17s; position:absolute; inset:0 } & .setting_name{ margin-left:48px; font-size:16px; font-weight:600; transition:color .17s } & .setting_description{ margin:0 0 0 48px; font-size:12px; line-height:16px } } } &:hover .setting_icon+.setting_label{ &:before{ background-color:var(--color-border) } & .setting_name{ color:var(--color-light) } } } & .setting_element{ width:initial; order:1; margin:0 } & .setting_label{ max-width:calc(100% - 95px); margin:0 10px 0 0 } & input:is([type=text],[type=password]){ margin:0; width:100%!important } & .setting_name{ color:#f2f3f5; font-weight:500; line-height:24px } & .setting_description{ color:#b5bac1; margin-top:8px; font-size:14px; line-height:20px } & .numeric_input{ max-width:77px } } #keybindlist{ overflow:initial; max-height:min(555px,100vh - 235px); margin:0 -16px 0 0; padding:12px 16px 0 0; &>li{ border-top:1px solid #404148; padding:18px 0 27px; position:relative; &:before{ content:\"ACTION\"; margin-bottom:7px; display:block } &:after{ content:\"KEYBIND\"; position:absolute; top:20px; left:calc(50% + 10px) } &:before,&:after{ letter-spacing:.24px; color:#b5bac1; font-size:12px; font-weight:700 } &:hover>.keybind_line>.tool{ display:flex } & .keybind_line:after{ content:\"\"; width:66px; display:flex; position:absolute; top:-12px; bottom:12px; right:-66px } & .keybind_line__sub:after{ top:0; bottom:0 } } } .keybind_line{ position:initial; align-items:flex-start; gap:20px; &>:first-child{ width:calc(50% - 10px)!important; padding:0!important; &>:first-child{ background-color:var(--color-border); white-space:nowrap; text-overflow:ellipsis; border-radius:4px; width:100%; height:36px; padding:8px 12px; line-height:20px; overflow:hidden } } & .keybindslot:empty~[title=Empty]{ display:none!important } } .keybind_line .tool{ color:var(--color-light); cursor:pointer; z-index:1; border-radius:50%; justify-content:center; align-items:center; min-width:24px; max-width:24px; min-height:24px; max-height:24px; margin:0; display:none; position:absolute; top:0; right:0; transform:translateY(-50%); box-shadow:0 0 0 1px #1e1f2299,0 1px 5px #0000004d; &>i{ justify-content:center; align-items:center; display:flex; font-size:16px!important } &[title=Empty]{ background-color:#f23f42; right:-60px } &[title=Reset]{ background-color:var(--color-accent); right:-30px } } .keybind_guide_line{ display:none } .keybindslot{ border:1px solid #1f2023; border-radius:3px; align-items:center; gap:3px; min-width:calc(50% - 10px); transition:border-color .15s; display:flex; position:relative; cursor:pointer!important; background-color:#2c2e32!important; width:calc(50% - 10px)!important; height:40px!important; padding:10px!important; &:empty:before{ content:\"No Keybind Set\"; color:var(--color-subtle_text); font-size:14px; line-height:22px } &:after{ content:\"keyboard\"; background-color:var(--color-button); color:var(--color-light); border-radius:2px; justify-content:center; align-items:center; width:40px; height:30px; font-family:Material Icons; font-size:24px; font-weight:500; transition:background-color .2s ease-in-out,width .2s ease-in-out; display:flex; position:absolute; right:4px; overflow:hidden } &:hover{ border-color:#683337!important; &:after{ background-color:var(--color-selected)!important } } &:active{ border-color:#683337!important; &:after{ background-color:#80848e!important } } &:hover:after,&:active:after{ content:\"Edit Keybind\"; width:128px; font-family:gg sans; font-size:14px } &:empty:after{ content:\"Record Keybind\"; width:136px; font-family:gg sans; font-size:14px } &>*{ text-transform:uppercase; font-size:14px; background-color:initial!important; color:#f2f3f5!important; padding:0!important } &.conflict{ border-left:4px solid var(--color-close)!important } } .keybind_item_sub_keybinds{ flex-direction:column; gap:6px; margin-top:6px; display:flex!important } .keybind_line__sub{ position:relative; & .tool{ top:20px } &:hover .tool{ display:flex } & .keybindslot:empty~[title=Empty]{ display:none } } .keybind_line__sub:before{ content:\"subdirectory_arrow_right\"; height:36px; margin:3px -12px 0 0; padding:0; font-family:Material Icons; font-size:18px } input:is([type=text],[type=password],:not([type])),.cem_animation_range_number{ color:var(--color-text); box-sizing:border-box; border-radius:4px; font-size:16px; display:flex; background-color:var(--color-border)!important; height:40px!important; padding:10px!important; &::placeholder{ color:#87898c; opacity:1 } &::-webkit-calendar-picker-indicator{ transform:translate(3px,-4px) } &+.password_toggle{ cursor:pointer; width:40px; height:40px; &>i{ color:#b5bac1; justify-content:center; align-items:center; width:40px; height:40px; margin:0; font-size:18px; display:flex } &:hover>i{ color:var(--color-text) } } } .search_bar,.minecraft-texture-search{ & input{ height:34px!important; padding:0 10px!important } & i{ cursor:pointer; color:#ded5c7; justify-content:center; align-items:center; min-width:34px; min-height:34px; margin:0; font-size:25px; display:flex; right:0!important; top:initial!important; &:hover{ color:var(--color-text) } } &.minecraft-texture-search i{ top:50%!important } } :not(.setting_element)>input[type=checkbox],#import_texture_list>li{ cursor:pointer; min-width:24px; max-width:24px; padding:0!important; &:before{ background-image:url(\"data:image/svg+xml,\"); border-radius:6px; min-width:24px; height:24px; display:flex; content:\"\"!important } &:checked:before,&.selected:before{ background-image:url(\"data:image/svg+xml,\") } } .setting_element>input[type=checkbox]{ cursor:pointer; background-color:#80848e; border-radius:12px; width:40px; height:24px; margin:0; transition:background-color .3s; position:relative; &:before,&:after{ color:#80848e; background-image:none; width:18px; height:18px; display:flex; position:absolute; top:3px; left:12px; content:\"\"!important } &:before{ background-color:var(--color-light); border-radius:10px; animation:.3s reverse forwards discord-toggle-bg; transform:translate(-50%) } &:after{ background-color:inherit; animation:.3s reverse forwards discord-toggle-fg; transform:translate(-50%)rotate(-45deg); -webkit-mask-image:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAABlBMVEX/////AADrWueTAAAAAXRSTlMAQObYZgAAABNJREFUeF5joBzI/xiqjFEGxQAAPmI2fxoBv/YAAAAASUVORK5CYII=),url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAABlBMVEX/////AADrWueTAAAAAXRSTlMAQObYZgAAABRJREFUeF5jGIGA8T8YNFCfMfIAANzbQM899tcIAAAAAElFTkSuQmCC); mask-image:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAABlBMVEX/////AADrWueTAAAAAXRSTlMAQObYZgAAABNJREFUeF5joBzI/xiqjFEGxQAAPmI2fxoBv/YAAAAASUVORK5CYII=),url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAABlBMVEX/////AADrWueTAAAAAXRSTlMAQObYZgAAABRJREFUeF5jGIGA8T8YNFCfMfIAANzbQM899tcIAAAAAElFTkSuQmCC); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat } &:checked{ background-color:#23a55a; &:before{ animation:.3s forwards discord-toggle-bg2 } &:after{ animation:.3s forwards discord-toggle-fg2 } } } @keyframes discord-toggle-bg{ 0%{ width:18px; left:12px } 50%{ width:25px } to{ width:18px; left:28px } } @keyframes discord-toggle-bg2{ 0%{ width:18px; left:12px } 50%{ width:25px } to{ width:18px; left:28px } } @keyframes discord-toggle-fg{ 0%{ width:18px; left:12px; transform:translate(-50%)rotate(-45deg); -webkit-mask-position:50%,50%; mask-position:50%,50%; -webkit-mask-size:14px 14px,14px 14px; mask-size:14px 14px,14px 14px } 50%{ width:25px; transform:translate(-50%); -webkit-mask-position:50%,50%; mask-position:50%,50%; -webkit-mask-size:14px 0,7px 14px; mask-size:14px 0,7px 14px } to{ width:18px; left:28px; transform:translate(-50%)rotate(-45deg); -webkit-mask-position:-60% 40%,50% 60%; mask-position:-60% 40%,50% 60%; -webkit-mask-size:14px 7px,14px 12px; mask-size:14px 7px,14px 12px } } @keyframes discord-toggle-fg2{ 0%{ width:18px; left:12px; transform:translate(-50%)rotate(-45deg); -webkit-mask-position:50%,50%; mask-position:50%,50%; -webkit-mask-size:14px 14px,14px 14px; mask-size:14px 14px,14px 14px } 50%{ width:25px; transform:translate(-50%); -webkit-mask-position:50%,50%; mask-position:50%,50%; -webkit-mask-size:14px 0,7px 14px; mask-size:14px 0,7px 14px } to{ width:18px; left:28px; transform:translate(-50%)rotate(-45deg); -webkit-mask-position:-60% 40%,60% 60%; mask-position:-60% 40%,60% 60%; -webkit-mask-size:14px 7px,14px 12px; mask-size:14px 7px,14px 12px } } bb-select{ background-color:var(--color-border); box-sizing:initial; cursor:pointer; border-radius:4px; align-items:center; height:36px; padding:0 26.8px 0 12.8px; display:flex; color:var(--color-text)!important; display:flex!important; &:before{ content:\"expand_more\"; align-items:center; font-family:Material Icons; font-weight:500; display:flex; top:50%; right:8px; transform:translateY(-50%) } } .numeric_input{ min-width:72px; height:36px!important; &>input{ height:36px!important } } .numeric_input_slider{ border-radius:4px; align-items:center; display:flex; color:var(--color-text)!important; width:30px!important; height:36px!important; right:0!important; &>i{ min-width:18px!important; min-height:18px!important; margin:0 0 0 2px!important; padding:0!important } } #quick_message_box{ background-color:var(--color-border); color:#f2f3f5; box-shadow:none; border-radius:32px; max-width:calc(100vw - 40px); padding:16px; animation:.15s forwards discord-message-box; top:36px } @keyframes discord-message-box{ 0%{ transform:translateY(-100px) } to{ transform:translateY(0) } } dialog .dialog_bar.button_bar{ background-color:var(--color-ui); gap:0; padding:16px; flex-wrap:nowrap!important; margin:0!important; & button{ min-width:78px; height:38px; padding:2px 7px; font-size:14px; font-weight:500; text-decoration:none; color:var(--color-light)!important; background-color:#0000!important; &:hover{ text-decoration:underline } &.confirm_btn{ border-radius:3px; order:1; min-width:96px; padding:2px 16px; text-decoration:none; transition:background-color .17s; background-color:var(--color-accent)!important; &:hover{ background-color:#4752c4!important } &:active{ background-color:#3c45a5!important } &.cancel_btn{ background-color:var(--color-button)!important; &:hover{ background-color:var(--color-selected)!important } &:active{ background-color:#80848e!important } } } &:last-child:nth-child(2){ min-width:96px; padding:2px 16px } &:last-child:not(:nth-child(2)):not(:first-child){ min-width:87px; padding:2px 16px 2px 7px } } } .dialog_bar.form_bar{ flex-wrap:wrap; align-items:center; column-gap:8px; margin:0; display:flex; position:relative; &:not(:last-child){ margin-bottom:16px } &>label{ color:#b5bac1; text-transform:uppercase; letter-spacing:.24px; flex:100%; margin-bottom:8px; padding:0; font-size:12px; font-weight:700; line-height:16px; &:empty{ pointer-events:none; &~*{ margin-top:-32px } &~.dialog_form_description{ display:none } } } & input{ color:var(--color-text) } &>.half{ width:initial } &.small_text>p{ font-size:16px; &:empty{ display:none } } &.form_toggle_disabled>label{ opacity:1 } &>:not(label){ order:2 } & .form_input_toggle{ order:1 } & .form_inline_select{ flex-direction:column; gap:8px; & li{ height:initial; background-color:var(--color-ui); text-align:left; color:#b5bac1; border-radius:4px; padding:10px 10px 10px 42px; position:relative; &:before{ content:\"\"; border:2px solid #b5bac1; border-radius:50%; width:20px; height:20px; display:flex; position:absolute; top:50%; left:12px; transform:translateY(-50%) } &:hover{ color:var(--color-text); background-color:#393c41; &:before{ border:2px solid var(--color-text) } } &.selected{ color:var(--color-light); background-color:#43444b; &:before{ border:2px solid var(--color-light) } &:after{ content:\"\"; background-color:var(--color-light); border-radius:50%; width:10px; height:10px; display:flex; position:absolute; top:50%; left:17px; transform:translateY(-50%) } } } } &.form_bar_file .input_wrapper{ cursor:pointer; & input{ padding-right:34px } & i{ opacity:1; margin:0; top:50%; right:7px; transform:translateY(-50%) } &:hover i{ color:var(--color-light) } &+.tool{ width:32px; &>i{ margin:4px } } } & :not(.numeric_input)>.tool{ cursor:pointer; width:22px!important; height:22px!important } & .password_toggle{ position:absolute; top:24px; right:0 } & .range_input_label{ padding-top:0 } } .dialog_form_description{ color:#73767d; cursor:pointer; width:28px; transition:color .2s ease-in-out; position:absolute; top:-6px; right:2px; &:hover{ color:var(--color-text) } } .sp-replacer{ background-color:#0000; padding:0; position:relative } .sp-preview{ border-radius:6px; min-width:60px; height:100%; margin:0 } .sp-dd,#theme_editor .color_input{ cursor:pointer; border-radius:6px; font-size:0; position:relative; &:before{ content:\"colorize\"; filter:drop-shadow(0 0 1px #000)drop-shadow(0 0 3px #0004); color:#f9f9f9; font-family:Material Icons; font-size:14px; position:absolute; top:4px; right:4px } } .sp-preview-inner{ border-radius:4px } dialog#validator :is(.validator_warning,.validator_error),.theme_backup_bar{ background-color:#444037; border:1px solid #f0b132; border-radius:4px; align-items:flex-start; margin-bottom:16px; padding:8px; line-height:22px; display:flex; &:is(.validator_warning,.validator_error)>i{ display:none } &.theme_backup_bar>i{ max-width:initial; flex:1; justify-content:flex-end; align-items:center; height:22px; margin-left:10px; padding:0; display:flex } & p{ align-items:center; min-height:22px; font-size:14px; font-weight:500; line-height:18px; display:flex } & .tool{ height:initial; width:initial; margin-left:10px; & i{ cursor:pointer; justify-content:center; align-items:center; margin:0; padding:0; font-size:22px; display:flex; &.fa_big{ font-size:20px } } } &:before{ content:\"error\"; color:var(--color-warning); align-items:center; height:22px; margin-right:10px; font-family:Material Icons; font-size:22px; display:flex } &.validator_error{ border:1px solid var(--color-error); background-color:#433439; &:before{ color:var(--color-error) } } &:last-child{ margin-bottom:0 } & .markdown>p{ align-items:flex-start; gap:10px; display:flex } & code{ background-color:var(--color-ui); border-radius:4px; padding:7px } } dialog#action_selector{ height:initial; transform-origin:50%; width:570px; max-height:calc(100vh - 220px); padding:20px 20px 0; &>:is(:first-child,i){ background-color:initial; cursor:pointer; z-index:1; justify-content:center; align-items:center; min-width:36px; height:70px; padding:0; display:flex; position:absolute; top:20px; left:20px } &>i{ right:20px; left:initial!important } &>input{ border:none; border-radius:5px; width:100%; margin-bottom:16px; font-size:22px; line-height:70px; height:70px!important; padding:0 48px!important } } .action_selector_type_overlay{ background-color:var(--color-border); height:70px; font-size:22px; top:20px; left:68px } #action_selector_list{ width:initial!important; box-shadow:none!important; background-color:initial!important; margin:0 -17px 0 -20px!important; &>ul{ color:#b5bac1; background-color:initial; max-height:calc(min(400px,100vh - 364px)); padding:0 9px 0 20px; overflow-y:scroll; &>li{ cursor:pointer; border-radius:3px; align-items:center; height:34px; padding:0 10px; color:#b5bac1!important; &.selected{ background-color:#404249 } &>i{ justify-content:center; align-items:center; padding:0; font-size:16px; display:flex; width:20px!important } &>span{ padding:0 4px 0 5px; font-weight:500 } &>label{ font-size:14px; font-weight:500 } } } & .small_text{ align-items:center; min-height:38px; line-height:18px; display:flex; color:#94979b!important; background-color:initial!important; padding:10px 20px!important } } dialog#scale .dialog_bar:first-child{ margin-bottom:44px; & label.toggle_panel{ background-color:var(--color-button); border-radius:3px; justify-content:center; align-items:center; height:36px; margin:0; font-size:14px; font-weight:500; transition:background-color .17s; display:flex; color:var(--color-light)!important; &:hover{ background-color:var(--color-selected) } &:active{ background-color:#80848e } } & input:checked+label{ &:nth-child(2){ background-color:#da373c; &:hover{ background-color:#a12828 } &:active{ background-color:#8f2022 } } &:nth-child(4){ background-color:#248046; &:hover{ background-color:#1a6334 } &:active{ background-color:#15562b } } &:nth-child(6){ background-color:var(--color-accent); &:hover{ background-color:#4752c4 } &:active{ background-color:#3c45a5 } } } } .dialog_vector_group{ gap:8px } .form_bar_pivot_options .dialog_form_buttons{ width:66.1%; transform:translateY(-16px); &>a{ flex:1 } } ::-webkit-slider-thumb{ box-shadow:0 3px 1px #0000000d,0 2px 2px #0000001a,0 3px 3px #0000000d; background-color:var(--color-light)!important; border:1px solid #e3e5e8!important; border-radius:3px!important; width:10px!important; height:24px!important } ::-webkit-slider-runnable-track{ border-radius:4px; background-color:var(--color-accent)!important; height:8px!important } #panel_display{ & [title=X] ::-webkit-slider-runnable-track{ background-color:var(--color-axis-x)!important } & [title=Y] ::-webkit-slider-runnable-track{ background-color:var(--color-axis-y)!important } } .sp-container{ box-shadow:var(--box-shadow); border:1px solid var(--color-border); background-color:#303338; border-radius:4px; padding:16px; margin:0!important; &.sp-flat{ width:100%!important; & .sp-picker-container{ width:100% } } } .sp-picker-container{ flex-direction:column; width:220px; display:flex; margin:0!important; padding:0!important } .sp-fill{ display:none } .sp-top-inner{ height:150px; position:relative } .sp-color{ border-radius:3px; right:16px } .sp-sat,.sp-val{ cursor:crosshair; border-radius:3px } .sp-hue{ cursor:crosshair; border-radius:3px; width:8px } .sp-slider{ background-color:var(--color-light); cursor:ns-resize; border:none; border-radius:3px; width:16px; height:8px; left:-4px; transform:translateY(12px); box-shadow:0 0 2px #0009 } .sp-alpha{ border-radius:3px; height:8px; margin-top:-6px; margin-right:16px } .sp-alpha-inner{ cursor:crosshair; border-radius:3px } .sp-alpha-handle{ cursor:ew-resize; border:none; border-radius:3px; width:8px; height:16px; top:2px; box-shadow:0 0 2px #0009; background-color:var(--color-light)!important } .sp-input-container{ width:100%; margin-top:19px } .sp-input{ font-family:gg sans } .sp-dragger{ box-shadow:var(--color-light)0 0 0 1.5px,#0000004d 0 0 1px 1px inset,#0006 0 0 1px 2px; background-color:initial; border:none; border-radius:50%; width:4px; height:4px; transform:translate(-1px,-1px) } .sp-button-container{ height:initial; gap:8px; width:100%; margin-top:8px; display:flex; &:before,&:after{ display:none } & a{ color:var(--color-light); border-radius:3px; flex:1; justify-content:center; align-items:center; min-height:32px; margin:0; padding:0; font-size:14px; text-decoration:none; transition:background-color .17s; display:flex; &>i{ display:none } &:first-child{ background-color:#da373c; &:hover{ background-color:#a12828 } &:active{ background-color:#8f2022 } &:after{ content:\"Reset\" } } &:nth-child(2){ background-color:var(--color-button); &:hover{ background-color:var(--color-selected) } &:active{ background-color:#80848e } &:after{ content:\"Cancel\" } } &:last-child{ background-color:#248046; &:hover{ background-color:#1a6334 } &:active{ background-color:#15562b } &:after{ content:\"Confirm\" } } } } #panel_color .sp-container{ padding:0 } dialog:not(#settings):not(#keybindings){ & .dialog_wrapper.has_sidebar{ flex-direction:column; padding-left:176px; display:flex!important; &>.button_bar{ border-left:1px solid var(--color-border) } } & .dialog_sidebar{ background-color:var(--color-ui); width:176px; position:absolute; top:0; bottom:0; left:0 } & .dialog_sidebar_pages,& .dialog_sidebar_actions,& #cem-report-issues{ flex-direction:column; gap:2px; display:flex; margin:8px 0!important; &>li,&>a{ color:var(--color-subtle_text); border-radius:4px; justify-content:flex-start; align-items:center; gap:0; min-height:34px; margin:0 8px; font-weight:500; line-height:22px; display:flex; width:initial!important; border:none!important; padding:6px 8px!important; &:hover{ color:var(--color-text)!important; background-color:#35373c!important } &:active{ color:var(--color-text)!important; background-color:#3b3d44!important } &.selected{ color:var(--color-light)!important; background-color:#404249!important } &>i{ color:var(--color-subtle_text); width:20px; height:20px; margin:0 6px 0 0; font-size:20px; &.fa_big{ font-size:18px } } &>*{ text-decoration:none } } } & .dialog_sidebar_actions,& #cem-report-issues{ border-top:1px solid var(--color-border); justify-content:center; min-height:63px; padding:8px 0 0; margin-top:auto!important } } .dialog_handle:has(+.has_sidebar){ margin-left:176px } .dialog_bar{ align-items:center; display:flex } #web_download_button{ color:var(--color-subtle_text); margin-top:1px; font-size:12px; font-weight:700; &>a{ align-items:center; gap:4px; padding:0 4px; display:flex } & i{ font-size:14px } } .prism-editor-wrapper,textarea{ cursor:text; border:1px solid var(--color-border); border-radius:4px; padding:0; background-color:var(--color-ui)!important; & .prism-editor__line-numbers{ position:sticky; left:0; background-color:var(--color-ui)!important; min-height:initial!important; padding:7px 0 0 7px!important } & .prism-editor__line-number{ padding:0 4px; font-size:14px; line-height:18px; translate:-4px; background-color:var(--color-ui)!important } & pre{ background-color:var(--color-ui); padding:7px 7px 7px 14px } & pre,& code{ text-shadow:none; font-size:14px; line-height:18px } } .prism-editor-wrapper pre,textarea{ padding:7px!important } .panel .prism-editor-wrapper,textarea{ background-color:var(--color-border)!important; & .prism-editor__line-numbers,& .prism-editor__line-number,& pre{ background-color:var(--color-border)!important; &.cem_animation_error_line{ margin-right:0; background-color:var(--color-error)!important; &:after{ border-top-width:9px; border-bottom-width:9px; border-left-width:9px } &:before{ content:\"\"; background-color:var(--color-error); width:3px; position:absolute; top:0; bottom:0; left:-3px } } } } .dialog_menu_button{ margin-right:2px } #css_editor{ height:calc(100vh - 237px); min-height:128px } #thumbnail_editor{ height:calc(100vh - 363px); min-height:128px } .language-css{ & .selector,& .property,& .important{ color:#79c0ff } & .comment{ color:#8b949e } } .language-json{ & .property,& .number{ color:#79c0ff } & .string{ color:#a5d6ff } } #var_placeholder_area{ width:calc(100% - 20px); margin:10px } :is(.form_bar,.dialog_bar) .prism-editor-component{ border-radius:4px; width:100%; height:83px; font-size:16px; display:flex; & .prism-editor-wrapper{ background-color:var(--color-border)!important } & pre{ background-color:var(--color-border); padding:0; font-size:16px; line-height:normal } & code{ min-height:initial; font-size:16px; line-height:20px } } .panel .prism-editor-wrapper,.form_bar .prism-editor-wrapper{ &::-webkit-scrollbar{ width:10px; height:10px } &::-webkit-scrollbar-corner{ background-color:var(--color-border)!important } &::-webkit-scrollbar-track{ border:2px solid var(--color-border); border-radius:5px } &::-webkit-scrollbar-thumb:vertical{ border-left:2px solid var(--color-border); border-right:2px solid var(--color-border); border-radius:5px } &::-webkit-scrollbar-thumb:horizontal{ border-top:2px solid var(--color-border); border-bottom:2px solid var(--color-border); border-radius:5px } } #theme_list{ gap:16px; margin:-1px -8px -16px; padding:1px 8px 16px } .theme{ border-radius:8px; flex-direction:column; transition:box-shadow .2s ease-out,transform .2s ease-out,background-color .2s ease-out,border .2s ease-out; display:flex; position:relative; overflow:hidden; box-shadow:0 4px 4px #00000029; background-color:var(--color-back)!important; border:2px solid #0000!important; padding:0!important; &:before{ content:\"\"; background-color:var(--color-back); z-index:99; color:#f2f3f5; border-radius:10px; justify-content:center; align-items:center; width:44px; height:44px; font-family:\"Font Awesome 6 Free\"; font-size:26px; font-weight:600; transition:background-color .2s ease-out; display:flex; position:absolute; top:86px; left:16px } &:hover{ box-shadow:var(--box-shadow); transform:translateY(-1px); background-color:var(--color-border)!important; &:before{ background-color:var(--color-border) } } &.selected{ border:2px solid var(--color-accent)!important } } .theme_name{ color:#f2f3f5; padding:22px 16px 0; font-weight:600 } .theme_author{ color:#b5bac1; padding:0 16px 16px; font-size:14px } dialog#theme{ & h2{ margin-bottom:8px; font-size:28px; font-weight:700 } & #color_wrapper{ grid-template-columns:repeat(auto-fill,minmax(69px,1fr)); grid-auto-rows:auto; gap:8px 16px; display:grid } & .color_field{ flex-direction:column; align-items:center; display:flex; position:relative; &:hover p{ display:block } } & .color_input{ width:69px; height:50px; margin:0 } & .desc{ width:100%; & h4{ text-align:center; color:#b5bac1; margin-top:4px; font-size:12px; line-height:1.33333 } & p{ z-index:1; text-align:center; color:var(--color-text); box-shadow:var(--box-shadow); text-overflow:ellipsis; background-color:#111214; border-radius:5px; width:max-content; max-width:calc(100vw - 208px); padding:8px 12px; font-size:16px; font-weight:600; line-height:20px; display:none; position:absolute; top:-10px; left:50%; transform:translate(-50%,-100%); &:before{ content:\"\"; border-top:5px solid #111214; border-left:5px solid #0000; border-right:5px solid #0000; position:absolute; bottom:0; left:50%; transform:translate(-50%,100%) } } } & .dialog_bar{ margin:0; &:not(:last-child){ margin-bottom:8px } & label{ padding:0 } } } @media screen and (width>871px){ #theme_editor .color_field{ &:nth-child(8n) p{ right:50%; left:initial; transform:translate(10px,-100%); &:before{ left:initial; right:0 } } &:nth-child(8n+1) p{ transform:translate(-10px,-100%); &:before{ left:0; transform:translate(50%,100%) } } } } @media screen and (786pxdiv{ box-shadow:var(--dialog-shadow); background-color:#303338; border-radius:4px; padding:16px; position:relative; margin:0!important; &:before{ content:\"\"; background-color:var(--color-ui); z-index:1; border-radius:0 0 4px 4px; height:70px; display:flex; position:absolute; bottom:0; left:0; right:0 } } & h3{ text-align:left; height:52px; margin:0; padding:0; font-size:24px; &>i{ display:none } &>span{ display:inline-flex; transform:translateY(-2px) } &:before{ content:\"\"; background-image:var(--bb-avatar); background-size:cover; border-radius:50%; width:24px; height:24px; margin-right:8px; display:inline-flex; transform:translateY(1px) } } & p{ text-align:left; margin-bottom:40px!important } & button{ z-index:1; border-radius:3px; min-width:96px; height:38px; font-size:14px; font-weight:500; text-decoration:none; transition:background-color .17s; position:relative; color:var(--color-light)!important; &:hover{ background-color:var(--color-selected) } &:active{ background-color:#80848e } &:nth-child(3){ margin:0 4px 0 168px } } } dialog#screenshot{ min-width:425px; & center{ flex-direction:column; align-items:center; display:flex; &>:first-child{ order:1; margin-top:16px } &>img{ border:none; border-radius:8px } } } dialog#about{ & .dialog_handle{ margin-bottom:14px } & .dialog_title:before{ display:none } & .dialog_content{ max-height:calc(100vh - 222px); margin-bottom:50px!important; &>div{ flex-direction:column; display:flex; &>:first-child{ order:0 } &:before{ content:\"BLOCKBENCH\"; text-align:left; color:#949cf7; border:none; order:1; margin:40px 0 0; padding:0; font-size:16px; font-weight:700; line-height:20px } &:after{ content:\"\"; background-color:#949cf7; order:1; height:1px; margin:-11px 0 31px 107px } &>:not(:first-child){ order:2 } &>:nth-child(2){ color:#c4c9ce; pointer-events:none; font-size:0; position:absolute; top:43px; &>span{ font-size:12px; &:before{ content:\"v\" } } } &>:nth-child(4){ z-index:1; filter:drop-shadow(0 0 2px #000)drop-shadow(0 0 5px #00000040); white-space:nowrap; justify-content:flex-end; width:128px; margin:-190px auto 166px; display:flex; overflow:hidden } &>:nth-child(5),&>ul>li,&>p[style=\"margin-bottom: 16px; \"]{ list-style:initial; text-align:left; margin:0 0 8px 17px; line-height:20px; display:list-item; color:#c4c9ce!important } &>p[style=\"margin-bottom: 16px; \"]{ font-weight:700 } &>:nth-last-child(2),&>:last-child{ font-size:0; position:absolute; bottom:17px; &>a{ font-size:12px; color:var(--color-text)!important } } &>:nth-last-child(2){ right:104px } &>:last-child{ right:16px } } } & .socials{ background-color:var(--color-ui); align-items:center; height:50px; position:absolute; bottom:0; left:0; right:0; max-width:initial!important; padding:0 16px!important; &>a{ margin-right:16px; background-color:initial!important; max-width:16px!important; padding:0!important; &>label{ display:none } &>i{ width:16px; color:#c4c9ce!important; font-size:16px!important } } } & h4{ color:#2dc770; border:none; align-items:center; gap:4px; margin:40px 0 20px; padding:0; font-size:16px; font-weight:700; line-height:20px; display:flex; &:after{ content:\"\"; background-color:#2dc770; flex:1; height:1px } &:nth-of-type(2){ color:#f0b132; &:after{ background-color:#f0b132 } } } } dialog#about div.socials a:hover i{ color:#c4c9ce!important } #about_page_title{ border-radius:3px; justify-content:center; height:256px; display:flex; position:relative; overflow:hidden; &:before{ content:\"\"; filter:blur(4px); background-image:url(https://raw.githubusercontent.com/JannisX11/blockbench.net/main/assets/background.jpg); background-position:50%; background-size:cover; position:absolute; inset:0 } &>img{ z-index:1; filter:drop-shadow(0 0 2px #000)drop-shadow(0 0 5px #00000040) } } .dialog_menu_button{ display:none } dialog#plugins{ height:calc(100vh - 128px)!important; & .dialog_handle{ margin-left:38.2% } & .dialog_wrapper{ overflow:visible } & .dialog_content{ z-index:9999; padding:0; position:relative; overflow:visible } } #plugin_browser_sidebar{ background-color:var(--color-ui); margin-top:-62px; padding:0 } .pagination_numbers{ align-items:center; height:54px; gap:8px!important; &>li{ justify-content:center; align-items:center; width:28px; height:28px; font-weight:600; display:flex; color:#f2f3f5!important; border-radius:50%!important; &:hover{ color:var(--color-text)!important; background-color:var(--color-back)!important } &.selected{ background-color:var(--color-accent)!important } } } #plugins_list_main_bar{ height:50px; padding:16px 16px 0; & .search_bar{ margin:0 8px } } #plugin_list{ background-color:initial; max-height:calc(100vh - 255px); margin:-2px 8px 0 0; padding-top:2px; &.paginated_list{ max-height:calc(100vh - 309px) } &>li{ background-color:#35373c; border-radius:12px; flex-direction:column; margin:12px 16px; padding:12px; transition:box-shadow .2s ease-out,transform .2s ease-out,background-color .2s ease-out; display:flex; &:first-child{ margin-top:0 } &:last-child{ margin-bottom:16px } &:hover{ box-shadow:var(--box-shadow); background-color:#404249; transform:translateY(-2px) } &.selected{ background-color:var(--color-button) } & :not(.plugin_tag_list){ order:1 } &>:first-child{ margin-bottom:0!important } & .title{ margin-bottom:6px; font-size:20px; font-weight:600; line-height:24px; color:#f2f3f5!important } & .author{ color:#f2f3f5; font-size:14px; font-weight:600; line-height:18px } & .description{ color:#b5bac1; margin-top:8px; font-size:14px; font-weight:500; line-height:18px } & .plugin_icon_area{ height:48px; &>i{ color:#f2f3f5 } } &.disabled_plugin{ & .title,& .author,& .description,& .plugin_icon_area>i{ color:var(--color-subtle_text)!important } } } } .plugin_tag_list{ flex-wrap:wrap; gap:8px; margin-bottom:8px; display:flex; margin:0 0 8px!important; &:empty{ display:none } &>li{ border:1px solid #0000; border-radius:12px; align-items:center; gap:6px; margin:0; font-weight:600; display:flex; color:var(--color-text)!important; background-color:var(--color-back)!important; height:24px!important; padding:0 8px!important; font-size:12px!important; &:before{ content:\"\"; background-position:50%; background-repeat:no-repeat; min-width:12px; height:12px } &.plugin_tag_source:before{ content:\"\"; color:#ff7952; font-family:\"Font Awesome 6 Free\" } &.plugin_tag_mc:before{ background-image:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAMAAABstdySAAABX1BMVEVEKR2o8n1/V0Cj73ue8XG49JGe7Hay8Imx8Imx7oio8327/ZGa722l9Hq3+o2i8Hi08ovE/5md82+59ZK3/4XG/5lTazCW6moKQwKZXmA5JhmTZ0s8Fhaba0w/Jxh4VD2igW0/JRhDKh2kjIKYbFChbks/Kh4/IxejiHuZcFWNYUSTZ0pKMSExMC8/KyFAJBi1/Imt94Cb8HBGoi944lyg7niK1WUuhCYAZQUpOBGi9Xel93qRR0V+ikhhiz1up0kibiEQFAQtOxQ/LRmk83iP6nCCWkCSYkaUS0J1kEEnRyJFFiFIHhs+JRyS6GmLYUaBVzmQbl6sfmZvTTM4HRQ0Gw4+Lyc/LiRGKRmo93q//5KpgmmkelyBUTxBJRozHRFDKhyo9nyf73am/4Sz/YXF/5Of6XiTaEtMLyA2KiVOnT6o9HxpbUpuu1Om9Hy4+4yo+Xqx/4DG/5hyx1sWVA3dEdIpAAAAMHRSTlMAAAAlvgAlAAAAAX+//n8BAFDZANpR+P338vLy8vf3UdnaUgGA/oABAAAmv78nAABZ3TzzAAAAZUlEQVQIHQXAwQ3BUBgA4Pf97zV9LQedoAxgAOlN4mxOQzgQAzRuzCHhhOT228h9Wn2qjuX2fYfBepevuieHbqEVlPya0lBrrfVU8m8GosTcA1GiB4QjAKMJXIgNe84eJTXcqNIfxWsQCB1pkdYAAAAASUVORK5CYII=) } &.plugin_tag_deprecated:before{ content:\"\"; color:#ff3467; font-family:\"Font Awesome 6 Free\" } &:not([class]):before{ content:\"\"; color:var(--color-accent); font-family:\"Font Awesome 6 Free\" } } } #plugin_browser_start_page{ max-height:calc(100vh - 190px); padding:0 16px 16px; position:relative; &>h1{ color:#f2f3f5; width:66.66%; margin:0 0 30px; font-family:ABC Ginto Nord; font-size:44px; font-weight:800; line-height:44px } &>img{ width:33.33%; margin:0; position:absolute; top:0; right:0 } &>:nth-child(3){ width:66.66% } } @media screen and (width<850px){ #plugin_browser_start_page>h1{ font-size:32px; line-height:32px } } @media screen and (width<650px){ #plugin_browser_start_page>h1{ font-size:24px; line-height:24px } } .plugins_suggested_row{ margin-top:32px; &>h3{ color:#f2f3f5; margin:0 0 16px; padding:0; font-weight:600; line-height:24px } &>ul{ width:initial; background-color:initial; margin:-1px 0 -8px; padding:1px 0 8px; overflow-x:auto } & li{ border-radius:8px; flex-direction:column; justify-content:center; min-height:80px; display:flex; position:relative; height:initial!important; width:244px!important; padding:16px 16px 16px 80px!important; &:hover{ box-shadow:var(--box-shadow); transform:translateY(-1px); background-color:var(--color-back)!important } & .plugin_icon_area{ height:48px; margin:0; padding:0; position:absolute; top:50%; left:16px; transform:translateY(-50%) } & .title{ text-align:left; color:#f2f3f5; margin-bottom:12px; height:initial!important; font-weight:500!important; line-height:20px!important } & .author{ text-align:left; font-size:12px; line-height:16px; color:#b5bac1!important } } } #plugin_browser_page{ max-height:calc(100vh - 190px); padding:0 16px 16px; overflow-y:auto; & .button_bar{ margin:0; &>button{ background-color:var(--color-button); border-radius:3px; justify-content:center; align-items:center; gap:4px; width:112px; height:38px; padding:0 16px; font-size:14px; font-weight:500; transition:background-color .17s; display:flex; position:absolute; left:20px; color:var(--color-light)!important; &:hover{ background-color:var(--color-selected) } &:active{ background-color:#80848e } &:last-child{ background-color:var(--color-accent); top:178px; &:hover{ background-color:#4752c4 } &:active{ background-color:#3c45a5 } } &>i{ width:19px; margin:0; font-size:19px; overflow:visible } &:first-child:not(:last-child){ top:226px; &>i{ transform:translateY(-1px) } &:has(+button:not(:last-child)){ width:51px; min-width:51px; &>span{ display:none } } } &:nth-child(2):not(:last-child){ width:51px; min-width:51px; top:226px; left:81px; &>span{ display:none } &:hover:before{ content:\"Refresh\"!important } } &:first-child:not(:last-child):has(+button:not(:last-child)):hover,&:nth-child(2):not(:last-child):hover{ &:before{ content:\"Disable\"; z-index:1; color:var(--color-text); box-shadow:var(--box-shadow); background-color:#111214; border-radius:5px; padding:8px 12px; font-size:16px; font-weight:600; line-height:20px; position:absolute; bottom:-10px; left:50%; transform:translate(-50%,100%) } &:after{ content:\"\"; border-bottom:5px solid #111214; border-left:5px solid #0000; border-right:5px solid #0000; position:absolute; bottom:-5px; left:50%; transform:translate(-50%,100%) } } } } &>.about,&>div:has(>.settings_list),& .features_list{ min-height:128px; margin-right:-8px; overflow-y:auto; padding:0 8px 0 0!important } & .settings_list{ &:empty:before{ content:\"No settings to configure\" } &>:first-child{ padding-top:8px!important } } & .features_list{ &>li:not(:first-child){ margin-top:16px } & h4{ color:#f2f3f5; margin:0 0 8px; font-size:17px; font-weight:600; line-height:24px } & ul{ background-color:var(--color-ui); border-radius:8px; flex-direction:column; gap:16px; padding:16px; display:flex; & li{ gap:16px; position:relative; &.clickable:hover label{ background-color:var(--color-button) } } & .description,& .extra_info{ white-space:nowrap; text-overflow:ellipsis; color:var(--color-text); margin:0; overflow:hidden; min-height:initial!important } & .extra_info{ overflow:initial } & label{ color:#f2f3f5; background-color:#303338; border:1px solid #4e50587a; border-radius:4px; padding:10px 12px; font-weight:600; transition:background-color .17s } & i{ color:#f2f3f5; position:absolute; left:15px; &+label{ padding-left:39px } } } } & .about li{ margin-left:1px } } #plugin_browser_sidebar .tab_bar,#plugin_browser_page_tab_bar,.contrast_graph_selector,#brush_preset_bar,.bar.tabs_small,#uv_cube_face_bar,#skin_pose_selector,#minecraft-title-tabs,#minecraft_title_generator .form_inline_select,#minecraft-title-render-output>.form_inline_select{ height:initial; border-bottom:1px solid #3f4147; width:calc(100% - 32px); height:39px; margin:24px 16px 16px; overflow:hidden; background-color:#0000!important; gap:32px!important; padding:0!important; &>div:not(.tool),&>li:not(.tool),& label{ flex:initial; color:#b5bac1; cursor:pointer; width:initial; background-color:initial; height:38px; margin:0; font-weight:500; line-height:20px; border:none!important; margin:0!important; padding:0 0 16px!important; &:hover{ color:var(--color-text); border-bottom:2px solid var(--color-accent)!important } &.open,&.selected{ color:var(--color-light); cursor:default; border-bottom:2px solid #949cf7!important } &>i{ margin:0 } } & input:checked+label{ cursor:default; background-color:#0000; color:var(--color-light)!important; border-bottom:2px solid #949cf7!important } & .tool:not(label){ justify-content:center; align-items:center; width:32px; height:32px; margin:-8px 0 0 auto; padding:0; display:flex; &>i{ margin:0 } & .tooltip{ margin-top:73px!important } } &.bar.tabs_small,&#uv_cube_face_bar,&.form_inline_select{ gap:16px; width:calc(100% - 16px); height:31px; margin:12px 8px 8px; & label,& li:not(.tool){ height:30px; padding-bottom:8px!important } & .tool:not(label){ margin:-5px 0 0 auto!important } } } #plugin_browser_page_tab_bar{ width:initial; min-height:39px; margin:24px 0 16px } .plugin_browser_page_header{ flex-direction:column; padding:102px 0 0; display:flex; position:relative; &:before,& .plugin_tag_source:after,& .plugin_compatibility_issue:after,& .plugin_tag_deprecated:after,& .plugin_tag_mc:after{ content:\"\"; background-color:var(--color-accent); pointer-events:none; border-radius:8px; height:102px; position:absolute; top:0; left:0; right:0 } & .plugin_tag_source:after{ z-index:-1; background-color:#ff7a52 } & .plugin_compatibility_issue:after{ background-color:var(--color-error); z-index:-2 } & .plugin_tag_deprecated:after{ z-index:-3; background-color:#ff3467 } & .plugin_tag_mc:after{ z-index:-4; background-color:#73e473 } & .plugin_icon_area{ box-sizing:initial; z-index:2; background-color:#404249; border:6px solid #303338; border-radius:24px; width:92px; height:92px; margin:0; padding:0; position:absolute; top:50px; left:24px; overflow:hidden; &>img{ width:92px; height:92px } &>i{ color:#f2f3f5; justify-content:center; align-items:center; width:100%; height:100%; margin:0; font-size:72px; display:flex; &.fa_big{ font-size:64px } } } & .plugin_tag_list{ z-index:1; width:100%; position:absolute; top:0; &>li{ margin:8px 0 0; &:first-child{ margin-left:8px } } } & .description{ margin:0 0 16px 152px } & .plugin_dependencies{ color:var(--color-text); margin:0 0 7px 152px; display:flex; &>a{ color:#c9cdfb; background-color:#3c4270; gap:4px; padding:0 2px 0 4px; transition:background-color 50ms ease-out,color 50ms ease-out; display:flex; &:before{ content:\"extension\"; font-family:Material Icons } &:hover{ background-color:var(--color-accent); color:var(--color-light) } } } } #plugin_browser_page:is(.plugin_installed,.plugin_disabled) .plugin_browser_page_header{ & .button_bar>:last-child{ background-color:#da373c!important; &:hover{ background-color:#a12828!important } &:active{ background-color:#8f2022!important } } & .description{ min-height:63px; &:has(+.plugin_dependencies){ min-height:32px } } } .plugin_browser_page_titlebar{ margin-left:152px; & h1{ color:#f2f3f5; margin-top:16px; font-size:32px; font-weight:700; line-height:32px } & .version{ z-index:2; align-items:center; height:24px; font-weight:600; line-height:normal; position:absolute; top:8px; right:8px; color:var(--color-text)!important; border-radius:12px!important; padding:0 8px!important; font-size:12px!important; display:flex!important } & .author{ font-size:14px; margin-top:2px!important } } .plugin_installed_tag,.plugin_disabled_tag,.plugin_compatibility_issue{ background-color:var(--color-back); z-index:2; border-radius:8px; align-items:center; gap:4px; height:30px; padding:4px 12px 4px 8px; font-size:0; display:flex; position:absolute; top:64px; right:8px; &:before{ content:\"done\"; font-family:Material Icons; font-size:22px } &:after{ content:\"Installed\"; font-size:16px; font-weight:500 } } .plugin_disabled_tag{ color:#ffd300; &:before{ content:\"bedtime\"; font-size:20px; transform:translateY(-1px) } &:after{ content:\"Disabled\" } } .plugin_compatibility_issue{ font-size:16px; font-weight:600; &:before,&:after{ display:none } } #plugin_page_background_decoration{ position:initial; width:initial; justify-content:center; align-items:safe center; margin:32px 0 0; padding:0; font-size:256px; display:flex } #plugin_browser_details{ background-color:var(--color-ui); border-radius:8px; min-height:128px; padding:0; display:flex; overflow:hidden auto; &::-webkit-scrollbar-track{ background-color:#0000 } &>tbody{ flex:1; grid-template-columns:min-content 1fr; gap:16px; padding:16px 16px 0; display:grid; &:after{ content:\"\"; width:1px; height:1px; margin-top:-1px; display:flex } } & tr{ display:contents } & td{ white-space:nowrap; align-items:center; display:flex; &:first-child{ color:#f2f3f5; background-color:#303338; border:1px solid #4e50587a; border-radius:4px; padding:10px 12px; font-weight:600 } } & a{ color:var(--color-link); text-decoration:none; &:hover{ text-decoration:underline } } } #plugin_browser_changelog{ flex-direction:column; gap:16px; padding:0; display:flex; & h3{ margin:0; font-size:28px; font-weight:700 } &>li{ padding:0 } } .tool{ cursor:pointer; color:#b5bac1; width:40px; height:32px; margin:0; display:flex; &:hover{ color:var(--color-text) } &.enabled{ color:var(--color-light); border:none } & i{ min-width:24px; min-height:24px; margin:4px 8px; font-size:24px; &.fa_big{ font-size:22px } } &:active .icon{ padding-top:0 } & .tooltip{ color:var(--color-text); box-shadow:var(--box-shadow); height:initial; background-color:#111214; border-radius:5px; padding:8px 12px; font-weight:600; line-height:20px; margin-top:35px!important; & .keybinding_label:empty{ display:none } } & .tooltip_description{ box-shadow:var(--box-shadow); background-color:#111214; border:none; border-radius:5px; padding:4px 10px; font-weight:600; transform:translate(-7px); margin-top:13px!important } &.side_menu_tool>.action_more_options{ color:#b5bac1; align-items:center; min-width:20px; font-size:0; line-height:32px; margin:0 0 0 -10px!important; display:flex!important; &:before{ content:\"keyboard_arrow_down\"; font-size:20px } } } .dialog_message_box_checkboxes{ flex-direction:column; gap:8px; margin-bottom:0; display:flex } .dialog_message_box_checkbox{ display:flex; &>:last-child{ padding-left:8px } & *{ cursor:pointer } } #toast_notification_list{ position:fixed; top:22px; left:72px } .toast_notification{ box-shadow:none; width:initial; color:var(--color-text); border-top-left-radius:8px; height:36px; margin:0; padding:0; position:absolute; inset:0; &>span{ color:var(--color-light); justify-content:center; align-items:center; font-size:14px; font-weight:500; display:flex; position:absolute; inset:0 } & i{ color:var(--color-light); font-size:20px } &>i{ margin:8px 0 0 17px } } .toast_close_button{ width:initial; max-height:20px; padding:0; top:50%; right:18px; transform:translateY(-50%) } select{ background-color:var(--color-border); cursor:pointer; border-radius:4px; font-weight:500; color:var(--color-text)!important; height:36px!important; padding:0 14.8px 0 12.8px!important; text-decoration:none!important } #view_backups_list,#model_select_list,.unsaved_models_list,#uv_face_properties>ul,#minecraft-title-presets{ background-color:#303338; padding-right:8px; overflow-y:auto; max-height:calc(100vh - 288px)!important; margin:16px -8px 0 0!important; &>li,&>div{ background-color:initial; align-items:center; min-height:50px; display:flex; border-top:1px solid #3f4147!important; padding:0 12px!important; & *{ font-size:14px; font-weight:500; color:var(--color-text)!important } &:hover{ background-color:#393c41; border-radius:8px; border-top:1px solid #0000!important; &+li,&+div{ border-top:1px solid #0000!important } } &:first-child{ border-top:none!important } & i{ font-size:22px } } &#minecraft-title-presets i:hover{ color:var(--color-light)!important } } #bedrock_model_select{ width:initial } #model_select_list li{ justify-content:space-between; &>p{ line-break:anywhere } &>label{ white-space:nowrap } } #edit_history_list ul{ flex-direction:column; gap:8px; margin:0; display:flex; & li{ height:initial; color:#b5bac1; background-color:var(--color-ui); border:none; border-radius:3px; padding:10px; font-weight:500; line-height:20px; &:hover{ color:var(--color-text); background-color:#393c41 } &.selected{ color:var(--color-light); background-color:#43444b } & .edit_history_time{ color:inherit; font-size:14px } &.current{ border-left:3px solid var(--color-accent) } &:before{ display:none!important } } &:not(:has(>.selected)) .current{ background-color:#43444b; color:var(--color-light)!important } } dialog#image_extruder canvas,dialog#share_model .dialog_content>img{ border-radius:8px; margin:0 auto; display:block } .slider_input_combo:not(.dialog_bar){ align-items:center; gap:12px; height:42px; padding:4px 0; display:flex; margin:0!important } .button_bar_checkbox{ color:var(--color-light); height:24px; font-size:14px; font-weight:500; left:23px; bottom:23px!important; &>label{ cursor:pointer; align-items:center; height:100%; padding-left:8px; display:flex } &:hover label{ text-decoration:underline } } .texture_adjust_previews{ border-radius:8px; align-self:center; max-width:100%; float:initial!important; order:2!important; width:min-content!important; margin:40px auto 8px!important; &:has(>:nth-child(2))+:before{ content:\"Textures\" } } .texture_adjust_preview_toggle{ position:absolute; top:62px; color:#f2f3f5!important; &:before{ content:\"Texture\"; font-size:20px } &>i{ margin:0; padding:4px 8px; overflow:visible } } dialog#adjust_curves{ max-width:444px } #contrast_graph{ border-radius:8px; overflow:visible; margin:0!important } .contrast_graph_selector,#brush_preset_bar{ width:100%; margin:8px 0 16px; &>div{ flex:1!important } } #predicate_override_add,.dialog_form_buttons{ justify-content:flex-start; gap:8px; width:100%; display:flex } #predicate_override_add button,#predicate_override_generator>.tool,.dialog_form_buttons a,.dialog_message_box_command,#animation_controller_presets li,.cem_animation_button>button,.minecraft-title-button-row>button,#minecraft-title-custom-overlay>button,#minecraft-title-preset-export-buttons>button,#minecraft-title-presets-container button,.tracker-row>button,#item_wizard_wrapper button,#block_wizard_wrapper button,#block_wizard_loot_list button,#block_wizard_loot_list+button,#entity_wizard_page button,#resource_pack_utilities button,#no-ffmpeg button{ background-color:var(--color-button); border-radius:3px; justify-content:center; align-items:center; height:36px; padding:0 16px; font-size:14px; font-weight:500; transition:background-color .17s; color:var(--color-light)!important; margin:0!important; text-decoration:none!important; display:flex!important; &:hover{ background-color:var(--color-selected) } &:active{ background-color:#80848e } &>i,&:before{ min-width:19px; min-height:19px; margin:0 4px 0 0; font-size:19px } &:disabled,&.disabled,&.cem_animation_button_disabled{ background-color:var(--color-button); opacity:.5; cursor:not-allowed; color:var(--color-light)!important } } #predicate_overrides input[type=text]{ height:36px!important } #predicate_override_add{ margin-top:16px } .predicate_override_top_bar{ justify-content:space-between; align-items:center; min-height:34px; display:flex; &>span{ color:var(--color-text) } &+div{ gap:40px; margin:0 40px 3px 34px; &>:first-child{ max-width:240px } } } #predicate_override_list{ border-radius:8px; padding:0; overflow:auto; min-height:40px!important; &>li{ border-radius:6px; overflow:hidden } &:empty{ min-height:40px!important; &:before{ content:\"No predicates...\"; color:var(--color-subtle_text); padding:8px 12px; display:flex } } } .predicate_drag_handle{ cursor:grab; background-color:#0000; justify-content:center; align-items:center; padding-left:8px; display:flex; &:before{ content:\"drag_indicator\"; color:#b5bac1; font-family:Material Icons } &:hover:before{ color:var(--color-text) } } .predicate_model{ max-width:256px; padding:8px!important } .predicate_list{ flex-direction:column; gap:8px; padding:8px 0; display:flex; &>li{ align-items:center; gap:8px!important; padding:0!important; &>input{ width:initial!important } &>.tool{ width:initial!important; &>i{ margin-left:0; margin-right:0 } } } &>.tool{ bottom:10px!important; left:-36px!important } &+.tool{ justify-content:center; width:32px; display:flex; margin-top:10px!important; &>i{ margin-left:0; margin-right:0 } } & .numeric_input{ max-width:128px } } #predicate_override_generator{ background-color:var(--color-ui); height:initial; text-align:center; border:none; border-radius:6px; grid-template-rows:repeat(2,auto); grid-template-columns:1fr min-content min-content 1fr; grid-auto-flow:column; align-items:center; gap:8px; margin:48px 8px 60px; padding:8px; display:grid; position:relative; &:before{ content:\"\"; background-color:var(--color-back); z-index:-1; border-radius:8px; position:absolute; inset:-8px } &>*{ order:1 } &:after{ content:\"Type\" } &>:nth-child(2n+3),&:after{ color:var(--color-subtle_text); margin:-62px 0 0; padding:0 } &>:nth-child(2n+2){ margin-top:-8px } &>.tool{ width:calc(50% + 4px); position:absolute; bottom:-60px; left:-8px; &:after{ content:\"Cancel Generation\" } &:last-child{ left:initial; right:-8px; &:after{ content:\"Cancel Generation\" } } } } hr{ border-top-color:#3f4147 } .form_bar_reset .dialog_form_buttons a:before{ content:\"replay\"; font-family:Material Icons } .add_brush_preset{ display:contents; background-color:#0000!important; border:none!important; &>i{ min-width:40px } &:before{ content:\"\"; pointer-events:none; flex:1 } &:after{ content:\"\"; width:38px; height:38px; position:absolute; right:16px } } #bar_items_current{ box-shadow:var(--header-shadow); background-color:#303338; border:none; align-items:center; height:48px; margin:-8px -16px 16px; padding:8px; display:flex; & li{ cursor:grab; &:nth-last-child(-n+3):nth-child(n+7) .tooltip{ transform:translate(calc(30px - 100%)); &:after{ left:initial; top:0; right:5px; transform:translateY(-100%) } } } & .icon_wrapper[style=\"opacity: 0.4; \"]{ color:#80848e; opacity:1!important } & .toolbar_separator:not(.spacer){ color:#b5bac1; border-radius:4px; margin:0 4px; background-color:var(--color-back)!important } & .spacer{ padding:0 8px; &:after{ border-color:#b5bac1!important } } & .tooltip{ transform:translate(calc(20px - 50%)); margin-top:37px!important; &:after{ content:\"\"; border-bottom:5px solid #111214; border-left:5px solid #0000; border-right:5px solid #0000; position:absolute; top:0; left:50%; transform:translate(-50%,-100%) } } } #bar_item_list{ flex-direction:column; gap:2px; display:flex; overflow-y:auto; &>li{ border-radius:4px; min-height:34px; padding:6px 8px; overflow:hidden; &>i{ display:initial!important } &:hover{ background-color:#393c41 } &:active{ color:var(--color-light); background-color:#3f4147 } } & *{ cursor:pointer } & .add{ display:none!important } } dialog#toolbar_edit .search_bar{ margin:8px 0 } dialog#message_box{ & ul{ flex-direction:column; gap:8px; display:flex } } .message_box_icon{ border-radius:8px; width:54px; margin:0 8px 2px 0; padding:0!important } .dialog_message_box_command{ flex-direction:row-reverse; &:has(>i):before{ display:none } &>i{ order:-3; margin:0 0 0 4px!important } &:before{ order:-3; justify-content:center; width:19px; display:flex; margin:0 0 0 4px!important; font-size:17px!important } &:after{ content:\"\"; flex:1; order:-2 } &>label{ order:-1; margin:0 0 0 8px; color:var(--color-subtle_text)!important } } dialog#model_stats .form_bar:not(:last-child){ margin-bottom:16px } dialog#edit_bedrock_binding .dialog_bar{ gap:8px; margin:0; & .tool{ justify-content:center; align-items:center; min-width:32px; display:flex } } dialog#error_log p{ font-family:var(--font-code); user-select:text; background-color:var(--color-ui); border:1px solid var(--color-border); border-radius:4px; padding:7px 7px 7px 24px; position:relative; &:not(:last-child){ border-bottom:none; border-bottom-right-radius:0; border-bottom-left-radius:0 } &:not(:first-child){ border-top:none; border-top-left-radius:0; border-top-right-radius:0 } &:before{ content:\"∟\"; position:absolute; left:5px; transform:translate(1px)rotate(-135deg) } } dialog#select_texture .search_bar{ margin-bottom:16px; height:34px!important } #import_texture_list{ flex-wrap:wrap; gap:8px; display:flex; overflow-y:auto; & *{ cursor:pointer } &>li{ border:none; border-radius:8px; flex:1; align-items:flex-end; min-width:150px; min-height:150px; margin:0; padding:0; display:flex; &:hover{ background-color:#393c41 } &.selected{ background-color:#43444b } &:after{ display:none } &:before{ position:absolute; top:8px; right:8px } } & label{ text-shadow:0 0 3px #000; padding:8px; color:var(--color-text)!important; margin:0!important } } #texture_menu_thumbnail{ border-radius:8px; width:128px; &>img{ object-fit:contain; width:100%; height:100% } } .project_thumbnail{ box-shadow:var(--box-shadow); background-color:#282a2e; border:8px solid #111214; border-radius:5px; translate:68px } .form_input_tool{ justify-content:center; align-items:center; width:32px; display:flex; &>i{ margin:0 } } .dialog_resize_handle{ z-index:9999 } .select_menu{ background-color:var(--color-ui); box-shadow:none; border:1px solid var(--color-border); border-radius:0 0 4px 4px; &>li{ height:initial; font-size:16px; line-height:16px; padding:12px!important; &:is(:first-child,:not(:first-child)):not(.menu_search_bar,.menu_separator){ padding:12px!important } &:is(.focused,.opened){ color:var(--color-text)!important; background-color:#35373c!important } &:has(>.fa-dot-circle){ color:var(--color-light)!important; background-color:#404249!important } & .fa-circle{ display:none!important } & .fa-dot-circle{ position:relative; width:20px!important; height:20px!important; margin:0!important; &:before{ content:\"\"; background-color:var(--color-accent); border-radius:50%; width:20px; height:20px } &:after{ content:\"check\"; font-family:Material Icons; font-size:16px; position:absolute; left:2.5px } } &>span{ margin-right:8px } &.menu_separator{ border-bottom:1px solid var(--color-border); margin:7px 0 0!important } } } #work_screen{ grid-gap:8px; border-top-left-radius:8px; grid-template-rows:48px minmax(200px,5000px) 32px; & .bar_select{ margin:0 4px } & bb-select{ height:32px } } #work_screen:has(>#center>#toast_notification_list>.toast_notification){ border-top-left-radius:0; margin-top:36px; &[style*=\"grid-template-columns: 0px\"] .toolbar_wrapper.tool_options{ border-radius:0 } } :is(#bottom_slot,#top_slot) .panel{ width:initial!important } #left_bar,#left_bar .panel{ border-top-right-radius:8px; border-bottom-right-radius:8px } #left_bar .panel:first-child>.panel_handle{ border-top-right-radius:8px } #left_bar .panel:not(.hidden){ & .panel_handle{ border-top-right-radius:8px } &~.panel:not(.hidden)>.panel_handle{ border-top-right-radius:0 } } #left_bar .list{ border-bottom-right-radius:8px } #status_bar{ background-color:var(--color-ui); background-image:linear-gradient(#1f2124,#1f2124 1px,#282a2e 1px 2px,#0000 2px); border-bottom-right-radius:8px; border-bottom-left-radius:8px; &>:not(.hidden){ align-items:center; display:flex } &>div[title=\"Streamer Mode Enabled\"]{ cursor:pointer; filter:brightness(1.5)saturate(75%); background-color:initial!important; color:var(--color-stream)!important } } #main_toolbar{ display:contents } #right_bar,#right_bar .panel,#right_bar .panel_vue_wrapper>.list{ border-bottom-left-radius:8px } #right_bar{ margin-top:-8px } #resizer_left,#resizer_right{ width:8px; transform:translate(2px); opacity:0!important } #resizer_right{ transform:translate(-2px); top:48px!important } .toolbar_wrapper.tools{ grid-area:center; justify-content:center; align-self:start; position:relative; display:flex!important; &:before{ content:\"\"; z-index:2; width:100%; height:88px; margin-top:-8px; position:absolute } &:after{ content:\"\"; z-index:1; opacity:0; background-image:linear-gradient(#000 0%,#000000bc 19%,#0000008a 34%,#00000061 47%,#00000047 56.5%,#00000031 65%,#00000020 73%,#00000013 80.2%,#0000000b 86.1%,#00000005 91%,#00000002 95.2%,#00000001 98.2%,#0000 100%); width:100%; height:160px; margin-top:-8px; transition:opacity .2s ease-in-out; position:absolute } & .toolbar{ z-index:2; flex-flow:wrap; justify-content:center; row-gap:8px; margin-top:10px; position:relative; overflow:visible!important; & .tool{ opacity:0; transition:transform .2s ease-in-out,opacity .2s ease-in-out; transform:translateY(-8px) } &:before{ content:\"keyboard_arrow_down\"; font-family:Material Icons; font-size:24px; transition:opacity .2s ease-in-out,transform .2s ease-in-out; position:absolute; top:0; transform:translateY(-16px) } } & .content{ display:contents; &>:not(.tool){ display:none } } & .tool{ filter:drop-shadow(0 1px 1px #0008); justify-content:center; width:72px; height:56px; display:none; position:relative; &[class=tool],&[class=tool\\ enabled],&[class=tool\\ side_menu_tool],&[class=\"tool side_menu_tool enabled\"],&[class=tool\\ toolbar_menu]{ display:flex } & .tooltip{ margin-top:66px!important; &:before{ content:\"\"; border-bottom:5px solid #111214; border-left:5px solid #0000; border-right:5px solid #0000; position:absolute; top:0; left:50%; transform:translate(-50%,-100%) } } &>i:nth-child(2){ background-color:var(--color-ui); color:var(--color-light); border-radius:50%; justify-content:center; align-items:center; width:56px; min-width:56px; height:56px; min-height:56px; margin:0; font-size:26px; transition:background-color .15s ease-in-out,color .15s ease-in-out; display:flex; &:not([class*=material-icons]){ font-size:24px } } &>i:nth-child(3){ background-color:var(--color-ui); border-radius:50%; width:20px; height:20px; min-height:20px; margin:0; transition:background-color .15s ease-in-out,color .15s ease-in-out; position:absolute; bottom:0; right:8px; &:before{ translate:0 1px } } &.side_menu_tool>i:nth-child(2){ clip-path:path(\"M 0 0 H 56 V 56 H 0 Z m 32 45 a 14 14 0 1 0 28 1 a 14 14 0 1 0 -28 -1\") } &>i:hover{ background-color:var(--color-border) } &.enabled i{ background-color:var(--color-light); color:var(--color-accent_text)!important; &:hover{ background-color:#f2f3f5!important } } &:hover{ z-index:1 } } & .toolbar_overflow_button{ display:none!important } & .toolbar_menu{ order:1; & .tooltip{ margin-top:112px!important } } &:hover{ &:after{ opacity:1 } & .toolbar{ & .tool{ opacity:1; transform:initial } &:before{ opacity:0; transform:translateY(8px) } } } } .toolbar_wrapper.tool_options{ box-shadow:var(--header-shadow); z-index:2; background-color:#303338; border-top-left-radius:8px; grid-area:toolbar; align-items:center; min-width:100%; padding:0 256px 0 16px; display:flex!important; & .content{ align-items:center; display:flex } } #work_screen[style*=\"grid-template-columns: 0px\"] :is(.toolbar_wrapper.tools,.toolbar_wrapper.tool_options,#center,#status_bar){ border-radius:0; margin-left:-8px } #work_screen[style*=\" 0px; \"] :is(.toolbar_wrapper.tools,#center,#status_bar){ margin-right:-8px } #mode_selector{ z-index:2; grid-area:toolbar; justify-content:flex-end; align-items:center; gap:16px; height:100%; padding:0 16px; display:flex; &>li{ color:#b5bac1; border-radius:4px; align-items:center; height:24px; margin:0; padding:2px 8px; font-size:16px; font-weight:500; display:flex; border:none!important; &:hover{ color:var(--color-text); background-color:#393c41 } &.selected{ background-color:var(--color-accent); color:var(--color-light); &:active{ background-color:#4752c4 } } } } #top_slot{ order:1 } #bottom_slot{ order:2 } #resizer_top{ display:none } .orbit_gizmo{ margin:0 8px 8px 0 } dialog#animated_texture_editor_code content>:last-child{ flex-direction:column; display:flex; position:relative; & .code_editor_file_title{ background-color:var(--color-ui); border:1px solid var(--color-border); color:#b5bac1; cursor:text; border-top:none; border-radius:0 0 8px 8px; order:1; align-items:center; height:40px; padding:0 16px; font-size:14px; line-height:18px; display:flex } & .prism-editor-wrapper{ border-radius:8px 8px 0 0 } &>button{ background-color:initial; order:1; justify-content:center; align-items:center; min-width:28px; height:28px; padding:0; font-size:0; text-decoration:none; display:flex; position:absolute; bottom:6px; right:17px; width:initial!important; &:before{ content:\"content_copy\"; color:#b5bac1; font-family:Material Icons; font-size:24px } &:hover{ &:before{ color:#d9dcdf } &:after{ content:\"Copy\"; color:var(--color-text); background-color:#111214; border-radius:5px; padding:8px 12px; font-size:14px; font-weight:500; position:absolute; top:-8px; transform:translateY(-100%) } } } } #flipbook_editor{ flex-direction:row-reverse; gap:16px; max-height:720px; position:relative; & button{ background-color:var(--color-button); border-radius:3px; min-width:96px; height:38px; padding:2px 16px; font-size:14px; font-weight:500; text-decoration:none; transition:background-color .17s; color:var(--color-light)!important; &:hover{ background-color:var(--color-selected) } &:active{ background-color:#80848e } } } .flipbook_frame_timeline{ background-color:var(--color-back); border-radius:8px 8px 0 0; width:288px; margin-bottom:71px; padding:16px; &>button{ margin-bottom:27px; position:relative; &:before{ content:\"\"; background-color:#37393f; height:1px; position:absolute; bottom:-17px; left:-16px; right:-16px } } &>ul{ background-color:var(--color-border); min-height:initial; flex:initial; border-radius:8px; flex-direction:column; gap:8px; padding:12px; display:flex; overflow-y:auto } &>div{ flex:1; justify-content:center; align-items:flex-end; gap:16px; margin-top:27px; display:flex; position:relative; &:before{ content:\"\"; background-color:#37393f; height:1px; position:absolute; bottom:54px; left:-16px; right:-16px } } & .tool{ background-color:var(--color-button); border-radius:3px; justify-content:center; align-items:center; height:38px; font-size:14px; font-weight:500; text-decoration:none; transition:background-color .17s; display:flex; color:var(--color-light)!important; &>i{ margin:0 } &:hover{ background-color:var(--color-selected) } &:active{ background-color:#80848e } } } .flipbook_frame{ border:1px solid #0000; border-radius:6px; gap:8px; padding:7px; background-color:var(--color-ui)!important; color:#b5bac1!important; &:before{ content:\"drag_indicator\"; justify-content:center; width:10px; font-family:Material Icons; display:flex } &>label{ flex:initial; width:initial; order:1; width:10px } &>img{ border-radius:6px; margin:auto } &.viewing{ border:1px solid var(--color-accent) } } .flipbook_options{ background-color:var(--color-back); border-radius:0 0 8px 8px; justify-content:center; width:288px; position:absolute; bottom:0; right:0; border-top:1px solid #37393f!important; margin:0!important; padding:16px!important } .flipbook_frame_preview{ flex:1; padding-bottom:26px; &>:first-child{ flex:1; &>img{ width:initial; max-height:initial; object-fit:contain; border-radius:8px } } } #flipbook_editor_timeline{ border:2px solid var(--color-accent); background-color:var(--color-ui); width:calc(100% - 224px); min-height:60px; margin-top:20px; margin-left:172px; position:relative; &:before,&:after{ content:\"\"; background-color:var(--color-accent); border-radius:8px 0 0 8px; width:18px; position:absolute; top:-2px; bottom:-2px; left:-20px } &:after{ left:initial; border-radius:0 8px 8px 0; right:-20px } & .frame{ border:none; height:100%; margin-left:4px; position:relative; &:nth-last-child(2):after{ content:\"\"; background-color:var(--color-back); width:3px; position:absolute; top:0; bottom:0; right:-3px } } } #flipbook_editor_playhead{ background-color:var(--color-text); width:4px; min-height:60px; transform:translate(7px); border:none!important; border-radius:0!important; &:before{ display:none } } .flipbook_controls{ background-color:#111214; border-radius:8px; align-self:flex-start; gap:8px; height:60px; margin-top:-60px; margin-left:34px; padding:25px; & .tool{ color:var(--color-text); width:24px; height:24px; &>i{ justify-content:center; align-items:center; min-width:18px; min-height:18px; margin:0; display:flex; font-size:32px!important } } } #quick_setup,.start_screen_section[section_id=new_version]{ z-index:5; flex-direction:column; max-width:min(512px,100vw - 80px); max-height:calc(100vh - 80px); top:50%; left:50%; transform:translate(-50%,-50%); background-color:initial!important; color:var(--color-text)!important; border:none!important; padding:0!important; display:flex!important; position:fixed!important; &:before{ content:\"\"; z-index:-1; background-color:#000000b2; width:100vw; height:100vh; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%) } &:after{ content:\"\"; z-index:-1; box-shadow:var(--dialog-shadow); background-color:#303338; border-radius:4px; position:absolute; inset:0 } &>h2,& .start_screen_right:before{ color:#f2f3f5; height:62px; padding:16px; font-size:24px; line-height:30px } & .start_screen_close_button{ color:#73767d; min-width:32px; height:32px; padding:4px; font-size:24px; transition:color .2s ease-in-out; top:16px; right:16px; display:initial!important; background:0 0!important; top:16px!important; right:16px!important; &:hover{ color:var(--color-text) } } &>div{ flex-direction:row; padding:0 16px; width:initial!important; align-items:stretch!important; margin:0 0 16px!important; &>:first-child{ color:#b5bac1; text-transform:uppercase; letter-spacing:.24px; min-width:100%; margin-bottom:8px; font-size:12px; font-weight:700; line-height:16px } } & .start_screen_right{ padding:0 0 16px; box-shadow:none!important; margin:0!important; &:before{ content:\"New Update\"; display:flex } &>h3{ color:#c4c9ce; pointer-events:none; text-transform:initial; text-align:left; font-size:12px; font-weight:400; position:absolute; top:44px; left:16px } &>:nth-last-child(2){ margin-top:-12px } } } .quick_setup_theme{ z-index:1; border-radius:50%; justify-content:center; align-items:center; max-width:60px; margin-top:8px; font-size:0; display:flex; position:relative; &:not(:last-child){ margin-right:16px } &:last-child>div{ background-color:#303338; border:1px solid #b4b9c0 } &.selected{ &>div{ width:56px; height:56px } &:before{ content:\"\"; background-color:var(--color-accent); z-index:-1; border-radius:50%; position:absolute; inset:-2px } &:after{ content:\"\"; z-index:-1; background-color:#303338; border-radius:50%; position:absolute; inset:0 } } &>div{ border:none; justify-content:center; align-items:center; width:60px; height:60px; padding:0; display:flex; margin:0!important; &>i{ min-width:28px; font-size:28px; overflow:visible } } &:hover{ &:nth-child(2)>div:before{ content:\"Dark\" } &:nth-child(3)>div:before{ content:\"Light\" } &:nth-child(4)>div:before{ content:\"Contrast\" } &:last-child>div:before{ content:\"More...\" } &>div{ &:before{ z-index:1; color:var(--color-text); box-shadow:var(--box-shadow); background-color:#111214; border-radius:5px; padding:8px 12px; font-size:16px; font-weight:600; line-height:20px; position:absolute; top:-8px; left:50%; transform:translate(-50%,-100%) } &:after{ content:\"\"; border-top:5px solid #111214; border-left:5px solid #0000; border-right:5px solid #0000; position:absolute; top:-3px; left:50%; transform:translate(-50%,-100%) } } } } .start_screen_features{ overflow:auto; padding:16px!important; &>li{ flex-direction:column; display:flex; text-align:left!important; margin:0!important; padding:0!important; &>*{ order:2 } &>p{ list-style:initial; margin-left:17px!important; display:list-item!important } &:first-child h3{ margin-top:0!important } &:nth-child(2) h3{ color:#2dc770; &:after{ background-color:#2dc770 } } &:nth-child(3) h3{ color:#f0b132; &:after{ background-color:#f0b132 } } } & img{ margin-bottom:16px!important } & h3{ color:#949cf7; text-transform:uppercase; order:1; align-items:center; gap:4px; line-height:20px; margin:40px 0 20px!important; font-size:16px!important; font-weight:700!important; display:flex!important; &:after{ content:\"\"; background-color:#949cf7; flex:1; height:1px; display:flex } } } #update_menu .tool{ height:22px; width:28px!important; &>i{ justify-content:center; align-items:center; min-width:28px; min-height:22px; margin:0; font-size:16px; display:flex; margin:0!important } & .tooltip{ transform:translate(calc(14px - 50%)); margin-top:27px!important; margin-left:0!important } } #cubes_list{ padding-top:8px; &>:last-child{ margin-bottom:13px } &.drag_hover>li:last-child:after{ background-color:#23a559; border-radius:2px; width:calc(100% - 8px); height:4px; margin-left:8px; translate:0 -1px; box-shadow:0 0 3px #0006 } } .outliner_object{ cursor:pointer; align-items:center; background-color:initial!important; &>*{ padding:0!important } & input{ color:var(--color-subtle_text); background-color:initial!important; padding:0!important } } .outliner_node{ position:relative } .outliner_object.group{ height:24px; padding:0 8px 0 0; & input{ letter-spacing:.24px; font-size:14px; font-weight:600; height:16px!important } &>:nth-child(2){ display:none } &>:first-child{ color:var(--color-subtle_text); opacity:1; justify-content:center; align-items:center; max-width:16px; height:100%; font-size:8px; display:flex; padding:0 2px!important } &:hover{ & input,&>:first-child{ color:var(--color-text)!important } } &.selected{ & input,&>:first-child{ color:var(--color-light)!important } } } .outliner_object:not(.group){ z-index:1; height:34px; padding:0 24px 0 0; position:relative; &:before{ content:\"\"; z-index:-1; border-radius:4px; position:absolute; inset:1px 0 1px 8px } &>*{ translate:16px } & input{ font-weight:500; height:20px!important } &:hover{ & input{ color:var(--color-text) } &:before{ background-color:#35373c } } &.selected{ & input{ color:var(--color-light) } &:before{ background-color:#404249 } } &>:nth-child(2){ height:initial; color:#80848e; margin-right:6px; position:relative; overflow:visible; font-size:22px!important; &.fa,&.fa_big{ font-size:17px!important } &:after{ content:\"\"; background-image:url(\"data:image/svg+xml; utf8,\"); width:4000px; height:34px; position:absolute; top:-9px; left:-4px; transform:translate(-100%) } } & .outliner_opener_placeholder{ display:none } } .outliner_line_guide{ display:none } .outliner_toggle,#panel_animations .in_list_button>i,.channel_head>.text_button:not(:first-child)>i,.controller_state_section_title>.text_button>i{ justify-content:center; align-items:center; height:100%; display:flex; color:#d8dbdd!important; max-width:16px!important; margin:0 0 0 4px!important; font-size:16px!important; overflow:visible!important; &.fa,&.far,&.fas{ font-size:13px!important } &.icon_off{ color:var(--color-subtle_text)!important } } #panel_animations .in_list_button,.channel_head>.text_button:not(:first-child),.controller_state_section_title .text_button{ width:initial; height:100%; &.off>i{ color:var(--color-subtle_text)!important } } .drag_hover[order]:before{ background-color:#23a559; border-radius:2px; width:calc(100% - 8px); min-height:4px; margin-left:8px; translate:0 -1px; box-shadow:0 0 3px #0006 } .drag_hover[order=\"0\"]:before{ width:4px; margin-left:0 } .panel{ & .list{ background-color:initial; &::-webkit-scrollbar-track{ background-color:initial!important } } &:not(.hidden)~.panel>.panel_handle{ background-image:linear-gradient(#1f2124,#1f2124 1px,#282a2e 1px 2px,#0000 2px) } &.floating{ box-shadow:var(--dialog-shadow); border:none; border-radius:4px; &>:first-child{ border-radius:4px 4px 0 0 } &>:last-child{ border-radius:0 0 4px 4px } } &.folded>.panel_handle{ box-shadow:none } &.floating.folded>.panel_handle{ border-radius:4px } & .bar.next_to_title{ z-index:1; align-items:center; margin-top:-48px; margin-right:128px; display:flex; transform:translateY(calc(24px - 50%)) } & .toolbar{ padding:8px; &>.content{ padding-right:8px } } } .panel_handle{ box-shadow:var(--header-shadow); box-sizing:border-box; z-index:1; padding-right:0 8px 0 0!important; height:48px!important; &>label{ align-items:center; height:100%; font-weight:600; line-height:20px; display:flex; color:#f2f3f5!important; text-transform:initial!important; margin:0!important; padding:0 0 0 16px!important; font-size:16px!important } } #uv_resolution_status{ cursor:pointer; color:#b5bac1; &:hover{ color:var(--color-text) } } #texture_list{ padding-bottom:13px } .texture{ z-index:1; cursor:pointer; align-items:center; height:60px; padding:1px 8px 1px 16px; display:flex; position:relative; background-color:initial!important; & *{ cursor:pointer!important; margin:0!important } &:after{ content:\"\"; z-index:-1; border-radius:4px; position:absolute; inset:1px 0 1px 8px } &:hover{ &:after{ background-color:#35373c } & .texture_name,& .texture_res{ color:var(--color-text) } } &.multi_selected{ &:after{ background-color:#3c3c42 } & .texture_name,& .texture_res{ color:var(--color-text) } } &.selected{ &:after{ background-color:#404249 } & .texture_name,& .texture_res{ color:var(--color-text) } } & i{ color:#aaacb0; max-width:16px; margin-left:4px!important; font-size:16px!important; &.fa,&.far,&.fas{ font-size:13px!important } &:hover{ color:var(--color-text)!important } &:not(.clickable){ color:var(--color-subtle_text)!important } &.texture_multi_select_icon{ color:#23a559!important } } } div.texture_icon_wrapper{ border-radius:3px; margin-right:12px!important; & .texture_error{ text-shadow:none; z-index:1; border-radius:50%; top:2px; left:2px; overflow:visible; color:var(--color-error)!important; margin:0!important; &:before{ content:\"\"; background-color:var(--color-light); z-index:-1; border-radius:50%; position:absolute; inset:2px } } &>img+.texture_error{ filter:drop-shadow(0 0 5px #000) } } .texture_name{ color:var(--color-subtle_text); font-weight:500; line-height:20px } .texture_res{ font-size:12px; font-weight:500; line-height:16px } .texture[order]:before{ background-color:#23a559; border-radius:2px; width:calc(100% - 8px); min-height:4px; margin-left:8px; translate:0 -1px; box-shadow:0 0 3px #0006 } .toolbar{ overflow:visible; &>.content{ row-gap:8px } &.no_wrap{ max-height:32px; overflow:hidden } & .tool>input[type=range]{ margin:0 4px } } .toolbar_menu{ justify-content:center; align-items:center; min-width:16px; display:flex; color:#b5bac1!important; margin:0!important; &:hover{ color:var(--color-text)!important } &>i{ justify-content:center; align-items:center; min-width:16px; margin:0; display:flex; margin-left:0!important } } .nslide_tool{ margin:0 4px; position:relative; width:80px!important; padding:0!important; &.is_colored{ &>.nslide{ padding-left:2px!important } & .na_left{ left:2px } } } .nslide{ color:var(--color-text); border-radius:4px; justify-content:center; align-items:center; font-weight:500; display:flex; background-color:var(--color-border)!important; height:100%!important; padding:0!important; &:before{ bottom:0; left:0; right:initial!important; border-width:0 4px 0 0!important } } .nslide_arrow{ cursor:pointer; top:50%; overflow:visible; transform:translateY(-50%); width:initial!important; margin:0!important; &>i{ max-width:initial; min-width:32px; margin:0 } &:hover{ color:var(--color-light) } } .na_left{ left:0 } .na_right{ right:0 } .toolbar_separator.border{ background-color:#3f4147!important; width:1px!important; margin-bottom:4px!important } #panel_element,#panel_color,#panel_variable_placeholders,#panel_bone{ &>:nth-child(2){ margin-top:8px!important } &>:last-child{ margin-bottom:8px!important } } .panel_toolbar_label{ text-transform:uppercase; letter-spacing:.24px; padding:8px 12px 0; font-size:12px; font-weight:600; line-height:16px; margin:0!important } .icon_mode{ border-radius:4px; overflow:hidden; background-color:var(--color-border)!important; padding:0!important; & .select_option{ cursor:pointer; justify-content:center; align-items:center; display:flex; width:32px!important; &>i{ justify-content:center; align-items:center; font-size:20px; display:flex; margin:0!important; padding:0!important } &.selected{ background-color:var(--color-light)!important } } } #display_sliders{ & .display_slot_section_bar{ margin:0; padding-right:8px } & .slider_input_combo{ margin:0 8px!important; &>div:first-child{ margin-right:-8px } } & [title=X]{ margin-top:8px!important } & [title=Z]{ margin-bottom:8px!important } } #panel_color{ & #main_colorpicker+div{ width:calc(100% - 20px)!important; margin:0 12px 0 8px!important } & [toolbar=color_picker]{ margin:1px 8px 0 4px } } #color_panel_wrapper>:nth-child(3):not([style=\"display: none; \"])+div{ margin-top:8px } #color_panel_wrapper>:nth-child(4){ margin:0 8px } #palette_list{ flex-wrap:wrap; align-content:flex-start; gap:4px; min-height:170px; max-height:228px; margin:8px -8px 0 0; padding:0; display:flex; &>li{ cursor:pointer; border-radius:3px; overflow:hidden; &:not(:hover):not(.selected){ background-color:#0000!important } &:hover{ padding:2px!important } &>div{ cursor:pointer; border-radius:3px } } } #color_panel_head{ height:initial; & .chosen{ width:58px; &>div{ cursor:pointer; border-radius:4px; box-shadow:none!important; border:none!important; width:32px!important; height:32px!important; &.selected{ position:relative; transform:translate(2px,2px); width:28px!important; height:28px!important; &:before{ content:\"\"; border:2px solid var(--color-ui); outline:2px solid var(--color-accent); border-radius:6px; position:absolute; inset:-2px } } &.secondary{ top:22px } } & .switcher{ right:2px } } & .side>input{ font-family:var(--font-main) } } #color_history{ gap:4px; height:20px; margin-top:4px; &>li{ border-radius:3px; min-width:20px; max-width:20px; height:20px; position:relative; border:none!important } } #uv_viewport{ margin-top:2px } #uv_frame{ border-radius:8px; position:relative; &:before{ content:\"\"; border:4px solid var(--color-ui); pointer-events:none; position:absolute; inset:-4px } } #UVEditor>.uv_painter_info+div{ margin:4px 8px 8px; &.joined_uv_bar>.uv_editor_sliders{ margin-bottom:0!important } & .uv_editor_sliders{ margin:0 0 8px -4px!important } & .toolbar{ padding:0 } } kbd{ box-shadow:0 -4px 0 0 var(--color-border)inset; border:1px solid var(--color-ui); text-transform:uppercase; color:#f9f9f9; height:23px; font-size:12px; font-weight:600; line-height:12px; background-color:#41434a!important; border-radius:4px!important; padding:3px 6px 4px!important } .status_bar_modifier_key{ white-space:nowrap; gap:4px } #face_properties_header_bar{ height:48px; padding:8px; &>:first-child{ color:#f2f3f5; align-items:center; padding-left:16px; font-weight:500; display:flex; &:before{ content:\"Face Properties\" } } & .face_properties_toggle{ justify-content:center; align-items:center; width:32px; height:32px; display:flex; &>i{ margin:0 } } } .uv_face_properties_labels{ box-shadow:var(--header-shadow); border-top:1px solid #3f4147; gap:8px; width:100%; height:41px; padding:0 24px; &>label{ text-transform:uppercase; color:#b5bac1; align-items:center; gap:4px; font-size:12px; font-weight:700; display:flex; &>i{ cursor:pointer; &:hover{ color:var(--color-text) } } &:nth-child(3){ width:80px!important } &:nth-child(4){ flex:initial; width:initial!important } } } #uv_face_properties>ul{ background-color:#0000; width:100%; padding:0 12px; margin-top:8px!important; &>li{ opacity:1; cursor:pointer; gap:8px; width:100%; &>[style=\"width: 58px; display: flex; \"]{ align-items:center; gap:8px; display:flex; width:80px!important } & input[type=number]{ background-color:var(--color-border); border-radius:4px; height:32px; padding:0 4px 0 12px; width:48px!important } &.selected{ background-color:#393c48; border-radius:8px; &:not(:first-child),&+li{ border-top:1px solid #0000!important } } &.disabled>*{ opacity:.64 } & label{ text-decoration:initial } & .face_properties_texture{ text-overflow:ellipsis; align-items:center; gap:8px; display:flex } &>bb-select{ flex:initial } & img,& .texture_dummy_icon{ border-radius:4px } & .texture_dummy_icon{ background-color:var(--color-border) } } } #placeholder_buttons{ flex-wrap:wrap; gap:8px; padding:0 8px 8px; display:flex; &>li{ background-color:var(--color-back); border:1px solid var(--color-border); border-radius:4px; flex-direction:row-reverse; height:26px; margin:0; padding:0; overflow:hidden; & label{ background-color:#111214; padding:0 8px; color:var(--color-text)!important; margin:0!important } & .numeric_input{ border:none; min-width:60px; padding:0 8px; height:24px!important; &>input{ border:none; width:26px; margin:0; background-color:initial!important; height:24px!important; padding:0!important } & .tool{ width:24px!important; height:24px!important } } &>i{ align-items:center; display:flex; padding:0!important } &>input{ scale:.75 } } } #keyframe_type_label{ height:initial; margin-bottom:8px; padding:0 8px } .keyframe_data_point_header{ height:initial; align-items:center; padding:0; & .flex_fill_line{ opacity:0 } & .in_list_button{ cursor:pointer } } .keyframe_data_point{ gap:8px; padding:8px; &:first-child{ padding-top:0 } & .bar{ min-height:34px!important; margin:0!important; &>label{ z-index:1; border:1px solid var(--color-border); border-radius:4px 0 0 4px; justify-content:center; align-items:center; width:26px; margin-right:-26px; display:flex; background-color:#111214!important } & pre{ margin-left:26px } &[id*=uniform]>label{ font-size:12px; font-weight:700 } } } #animations_list{ padding-top:8px } .animation_file_head{ cursor:pointer; align-items:center; height:24px; padding:0 8px 0 0; display:flex; &>*{ cursor:pointer } &>i{ justify-content:center; align-items:center; padding:0 2px; font-size:8px; display:flex; width:16px!important; margin:0!important } &>label{ text-overflow:ellipsis; letter-spacing:.24px; font-size:14px; font-weight:600 } } .animation{ z-index:1; cursor:pointer; align-items:center; height:34px; position:relative; background-color:initial!important; padding:0 8px 0 16px!important; &>*{ cursor:pointer } &:before{ content:\"\"; z-index:-1; border-radius:4px; position:absolute; inset:1px 0 1px 8px } &:hover{ & label{ color:var(--color-text) } &:before{ background-color:#35373c } } &.selected{ & label{ color:var(--color-light) } &:before{ background-color:#404249 } } &>:first-child{ color:#80848e; margin-right:6px } &>label{ text-overflow:ellipsis; color:var(--color-subtle_text); font-weight:500 } } #timeline_vue{ margin-bottom:-2px } .animator_head_bar .channel_head{ padding-right:16px; &>:first-child{ justify-content:center; align-items:center; width:16px; padding:0 2px; font-size:8px; display:flex; color:var(--color-subtle_text)!important } &>span{ color:var(--color-subtle_text); font-size:14px; font-weight:600 } &:hover>:first-child,&:hover>span{ color:var(--color-text)!important } } .channel_head{ cursor:pointer; box-shadow:none; border:none; border-right:8px solid var(--color-border); align-items:center; &>*{ cursor:pointer } } .animator_channel_bar .channel_head{ height:34px; background-color:var(--color-ui)!important; padding:0 16px!important; &>:first-child{ color:#80848e; width:22px; margin-right:6px } &:before{ content:\"\"; z-index:-1; border-radius:4px; position:absolute; inset:1px 8px } &:hover{ & span{ color:var(--color-text) } &:before{ background-color:#35373c } } &:has(+.keyframe_section>.selected){ & span{ color:var(--color-light) } &:before{ background-color:#404249 } } &>span{ text-overflow:ellipsis; color:var(--color-subtle_text); font-weight:500 } } .animator.selected{ & .channel_head{ background-color:#34373d!important } & .animator_head_bar .channel_head{ &>:first-child,&>span{ color:var(--color-light)!important } } } .keyframe_section .keyframe{ justify-content:center; align-items:center; display:flex; position:relative; height:100%!important; margin-left:-5px!important; &:after{ translate:-.5px; top:10px!important } } #resizer_timeline_head{ width:8px; translate:-78px -2px; opacity:0!important; bottom:38px!important } #timeline_playhead{ background-color:var(--color-light); border:none; border-radius:0; width:4px; translate:7px; &:after{ background-color:var(--color-light); height:calc(var(--timeline-height) - 11px); width:4px; margin:0 } } #timeline_endbracket{ background-color:var(--color-accent); border-radius:0 4px 4px 0; height:26px; translate:8px; &:after{ pointer-events:none; border:2px solid var(--color-accent); border-left:none; border-right:none; left:0; transform:translate(calc(2px - 100%),-1px); width:10000px!important; height:26px!important } } .timeline_timecode{ display:flex; &>span{ font-size:10px; font-weight:700; line-height:10px; transform:translate(calc(3px - 50%),5px) } & .substeps>div{ border-left-width:2px } } .timeline_marker{ background-color:#000; background-color:var(--color); border-radius:50%; width:20px; height:20px; translate:0 3px; &>i{ display:none } &:before{ content:\"flag\"; color:var(--color-light); font-family:Material Icons; font-size:14px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) } &[style*=\"--color: #58C0FF; \"]{ background-color:#669ffa } &[style*=\"--color: #C7D5F6; \"]{ background-color:#8e9199 } } #timeline_corner>*{ font:var(--font-main); font-weight:600 } #timeline_time:before{ content:\"\"; z-index:3; background-color:var(--color-accent); border-radius:4px 0 0 4px; width:6px; position:absolute; top:0; bottom:-1px; left:-8px } #timeline_time:after{ content:\"\"; z-index:2; background-color:var(--color-back); width:6px; position:absolute; top:0; bottom:-1px; left:-8px } #animation_controller_presets{ &>h4{ text-align:center; margin:16px 0 32px; font-weight:700 } &>ul{ flex-direction:column; gap:8px; display:flex } } .controller_state{ filter:drop-shadow(0 0 2px #1e1f22)drop-shadow(0 2px 10px #0003); border-radius:4px; padding:8px; box-shadow:none!important; border:none!important; &>.prism-editor-component{ background-color:#383a40; border-radius:4px; padding:8px; box-shadow:none!important } & .prism-editor-wrapper{ min-height:36px; & code{ min-height:initial } } &>ul{ flex-direction:column; gap:8px; display:flex; &:empty{ display:none } } & li,& .controller_state_input_bar{ box-shadow:none!important; &.controller_state_input_bar:not(:first-child){ margin-top:8px } &:not(:has(>.bar)),& .bar{ background-color:#383a40; border-radius:4px; gap:8px; margin:0; padding:8px } &:has(>.bar){ flex-direction:column; gap:8px; display:flex } & bb-select{ text-overflow:ellipsis; min-height:36px } & input{ min-width:0; height:36px!important } & input[type=checkbox]{ align-items:center; display:flex } & .tool{ align-items:center; height:36px; margin:0 -4px; display:flex } & label{ color:var(--color-text); background-color:initial; align-items:center; height:36px; display:flex; padding:4px!important } } } .controller_state_title_bar{ border-radius:4px 4px 0 0; justify-content:center; align-items:center; height:62px; margin:-8px -8px 0; padding:16px; font-size:24px; line-height:30px; display:flex; &>label{ color:#f2f3f5; padding:0; text-decoration:none!important } & .tool{ color:var(--color-text); width:32px; height:32px; padding:4px; transition:color .2s ease-in-out; &>i{ margin:0; &:before{ content:\"menu\" } } &:hover{ color:var(--color-light) } } } .controller_state_section_title{ cursor:pointer; align-items:center; height:24px; margin:4px 0; padding:0; display:flex; &>*{ cursor:pointer } &>i{ justify-content:center; align-items:center; padding:0 2px; font-size:8px; display:flex; width:16px!important; margin:0!important } &>label,&>span{ text-overflow:ellipsis; letter-spacing:.24px; font-size:12px; font-weight:600 } &:hover>:is(i,label,span){ color:var(--color-text) } & .controller_state_section_info{ margin:0 0 0 4px; &:before{ content:\"(\" } &:after{ content:\")\" } } } .controller_item_drag_handle{ border-radius:4px 0 0 4px; justify-content:flex-end; align-self:stretch; align-items:center; width:18px; margin:-8px 0 -8px -8px; display:flex; &:before{ content:\"drag_indicator\"; color:#b5bac1; font-family:Material Icons } } .controller_state_gate{ box-shadow:none; border-radius:10px; min-width:20px; height:20px; translate:0 -5px; width:20px!important } .controller_state_gate_bottom{ border-top-left-radius:0; border-top-right-radius:0; height:10px; translate:0 5px; background-color:var(--color-button)!important } .controller_add_column{ background-color:var(--color-button); border-radius:4px; width:32px; height:62px; margin:0; transition:background-color .17s; position:relative; &>i{ justify-content:center; align-items:center; min-width:32px; height:32px; display:flex; position:absolute; top:15px; left:0 } &:hover{ background-color:var(--color-selected) } &:active{ background-color:#80848e } } #outliner_search_bar{ padding:0 8px; &>i{ translate:-8px } } #amend_edit_menu{ background-color:var(--color-ui); box-shadow:var(--dialog-shadow); border-radius:4px; flex-direction:column; gap:8px; padding:8px; display:flex; bottom:16px; &>div.amend_edit_line{ padding:0 32px 0 0 } } .amend_edit_close_button{ top:8px; right:8px } .toolbar[toolbar_id=reference_images]{ box-shadow:var(--dialog-shadow); border:none; border-radius:4px; padding:8px; top:64px } .prism-editor__autocomplete{ box-shadow:var(--box-shadow); background-color:#111214; border:none; border-radius:4px; padding:8px; &>li{ color:#b5bac1; border-radius:2px; align-items:center; height:32px; padding:8px; font-size:14px; font-weight:500; display:flex; &.selected{ color:var(--color-light) } &:hover{ background-color:var(--color-accent) } } &:has(>:hover)>.selected:not(:hover){ color:#b5bac1; background-color:initial } &::-webkit-scrollbar-track{ background-color:#0000 } &::-webkit-scrollbar-thumb{ cursor:default } } #tab_overview_search{ background-color:var(--color-ui); box-shadow:var(--dialog-shadow); border-radius:4px; padding:8px; position:relative; top:130px; & .search_bar{ position:relative; top:0; box-shadow:none!important } } #tab_overview_grid{ background-color:var(--color-ui); box-shadow:var(--dialog-shadow); border-radius:4px; padding:12px; &>li{ box-shadow:none; border:1px solid #0000; border-radius:4px; flex-direction:column; gap:8px; padding:8px; font-weight:700; transition:box-shadow .2s ease-out,transform .2s ease-out,border .2s ease-out; display:flex; background-color:#33353a!important; &:hover{ box-shadow:var(--box-shadow); border:1px solid #4e50584c; transform:translateY(-2px) } } } #skin_pose_selector{ justify-content:space-around; gap:8px; height:56px; &>li{ max-width:32px; flex:1!important; height:55px!important } } #chat_bar{ height:68px; margin:0; padding:0 16px 24px; position:relative; &>i{ color:#959cf7; cursor:pointer; justify-content:center; align-items:center; min-width:52px; height:44px; padding-left:3px; transition:color .25s ease-in-out; display:flex; position:absolute; top:-4px; right:12px; overflow:visible; &:hover{ color:var(--color-accent) } &:before{ content:\"\"; background-color:#43444b; width:1px; height:28px; position:absolute; top:50%; left:0; transform:translateY(-50%) } } } #chat_input{ border:none; width:100%; margin:0; background-color:#383a40!important; height:44px!important; padding:0 68px 0 16px!important } #chat_history{ background-color:initial; max-height:initial; flex-direction:column; flex:1; padding:22px 0 0; display:flex; &>:first-child{ margin-top:auto!important } &>:last-child{ margin-bottom:22px } &>li{ z-index:1; flex-wrap:wrap; flex-shrink:0; min-height:26px; padding:2px 48px 2px 72px; display:flex; position:relative; &:hover{ &>b:after{ background-color:#2e3035 } & .text:after{ content:\"\"; z-index:-1; background-color:#2e3035; position:absolute; inset:0 } & .timestamp:nth-child(2){ display:initial; font-size:11px; position:absolute; left:27px } } &>b,&>.text[style*=\"color: rgb\"]{ margin-top:17px!important; &.text:after,&+.text:after{ top:17px } } } & .text{ order:1; min-width:100%; min-height:22px; line-height:22px } & .timestamp{ font-weight:500; line-height:22px; translate:0 18px; margin:0 0 0 4px!important; font-size:12px!important; &:nth-child(2){ display:none } } & b{ min-height:22px; font-weight:500; line-height:22px; position:relative; color:#f2f3f5!important; background-color:initial!important; margin:0!important; padding:0!important; &.self{ color:#26afff!important; &:before{ filter:initial } } &:after{ content:\"\"; background-color:#303338; width:4px; height:8px; margin-left:-4px; display:inline-flex } &:before{ content:\"\"; background-image:var(--bb-avatar); filter:grayscale()brightness(1.1); background-size:cover; border-radius:50%; width:40px; height:40px; position:absolute; bottom:-20px; left:-56px } &:hover{ text-decoration:underline } } & .text:is([style=\"color: rgb(0, 235, 59); \"],[style=\"color: rgb(255, 65, 88); \"],[style=\"color: rgb(255, 209, 0); \"]){ min-width:initial; color:var(--color-subtle_text)!important; &+.timestamp{ display:initial; order:1; font-size:12px; position:initial!important } &:before{ content:\"arrow_right_alt\"; color:var(--color-confirm); font-family:Material Icons; font-size:24px; position:absolute; left:24px } &[style=\"color: rgb(255, 65, 88); \"]:before{ content:\"arrow_left_alt\"; color:var(--color-error) } &[style=\"color: rgb(255, 209, 0); \"]:before{ content:\"add\" } } } #panel_chat{ background-color:#303338; flex:1; min-height:256px; position:relative; &.floating{ position:absolute } & .panel_vue_wrapper{ flex-direction:column; flex:1; min-height:0; display:flex } } #panel_display .tabs_small label{ min-width:24px } dialog#cem_template_loader{ & .dialog_content{ padding:0!important } & #cem-report-issues{ width:176px } & #cem-footer{ background-color:var(--color-ui); border-left:1px solid var(--color-border); align-items:center; min-height:70px; padding:16px; font-size:14px } & h1{ margin-top:-6px; margin-bottom:8px; font-size:28px; font-weight:700 } & #load-texture{ gap:8px } & #cem-search{ height:34px; &>input{ height:34px!important } &>i{ justify-content:center; align-items:center; min-width:34px; height:34px; font-size:25px; display:flex; right:0 } } } #cem-details{ margin-right:8px } #cem-buttons{ gap:0!important; &>button{ border-radius:3px; min-width:96px; height:38px; font-weight:500; text-decoration:none; transition:background-color .17s; color:var(--color-light)!important; background-color:var(--color-accent)!important; &:first-child{ order:1; &:hover:not(:disabled){ background-color:#4752c4!important } &:active:not(:disabled){ background-color:#3c45a5!important } } &:last-child{ background-color:initial!important; &:hover{ text-decoration:underline } } } } .cem-models{ gap:8px!important; margin:0 16px 16px 0!important; &>div{ border-radius:8px; height:108px; border:none!important; padding:8px 16px!important; &:hover{ background-color:var(--color-button)!important } &.selected{ background-color:var(--color-accent)!important } &>div{ font-weight:600; margin:0!important } } } #cem_animation_title{ padding:0 0 0 4px } #cem_animation_format_button{ justify-content:center; align-items:center; min-width:20px; height:20px; display:flex; top:4px; right:4px; &>i{ position:initial; min-width:20px; font-size:20px } } #cem_animation_controller_container{ padding:0; &>:first-child{ background-color:#383a40; border-radius:4px; min-height:32px; overflow:hidden; margin:8px!important; padding:8px!important } } #cem_animation_controller_variables{ margin:0 0 8px; &:empty{ display:none } &>div{ background-color:#383a40; border-radius:4px; margin:0 8px; padding:8px; overflow:hidden } &:not(:empty):before{ display:none } } .cem_animation_range_number{ cursor:text; color:var(--color-text)!important; min-width:70px!important; height:32px!important } .cem_animation_range{ height:32px!important; padding:0!important; & p{ margin:0 } } #cem_animation_range_labels{ gap:4px!important; &>div{ height:32px } } #cem_animation_range_sliders{ gap:4px!important } #cem_animation_bools{ gap:8px; &>div{ flex:1 } } #cem_animation_documentation{ & .dialog_content{ padding:0 } & :is(code,pre){ border-radius:4px; font-size:14px; line-height:18px; background-color:var(--color-ui)!important; padding:0 2.72px!important } & pre{ margin-top:6px; padding:7px!important; &+*{ margin-top:16px!important } } & .cem-doc-tab-link{ color:var(--color-link)!important; text-decoration:none!important; &:hover{ text-decoration:underline!important } } & img{ border-radius:3px; box-shadow:none!important; margin:2px 0 0!important; &+*{ margin-top:16px!important } } & h1{ font-weight:700; margin:16px 0 8px!important; padding:0!important; font-size:24px!important; line-height:33px!important; &:first-child{ margin-top:0!important } } & .page{ gap:0!important; &>p{ margin:1px 0; line-height:22px } } & table+*{ margin-top:16px!important } & hr{ margin-bottom:8px!important } & td{ margin-bottom:4px; line-height:22px } } #jem_restrictions_dialog{ & label{ gap:8px!important; &+p{ margin:8px 0 -8px } } } #jem-restrictions-footer{ margin-left:-16px; & #cem-buttons button{ background-color:var(--color-button)!important; min-width:96px!important; &:hover{ background-color:var(--color-selected)!important } &:active{ background-color:#80848e!important } } } dialog#new_minecraft_title_text{ & .dialog_content{ padding:0 } &:before{ content:\"\"; background-color:var(--color-ui); z-index:-8; width:8px; height:70px; position:absolute; bottom:0; right:0 } } #minecraft_title_generator{ &>:first-child{ right:48px!important } &>:nth-child(2){ right:80px!important } } #minecraft-title-tabs{ box-sizing:initial; height:38px; margin-top:8px; position:relative; overflow:visible; top:8px!important; &:before{ content:\"\"; z-index:-1; background-color:#303338; position:absolute; inset:-8px 0 -17px } &:after{ content:\"\"; background-color:#3f4147; height:1px; position:absolute; top:38px; left:0; right:0 } } #minecraft-title-preview-container{ background-color:#303338; margin-left:16px; padding-bottom:16px; position:relative; width:calc(100% - 32px)!important; top:63px!important; &>i{ translate:0 -16px } } #minecraft-title-preview{ border-radius:8px } .minecraft-title-contents{ padding:0 16px 16px!important; & .form_inline_select{ width:100%!important; margin:4px 0 8px!important } & h2{ font-size:28px; font-weight:700 } & .slider_input_combo{ height:36px; margin-bottom:8px!important; &>:first-child{ margin:0 } } & p{ margin-bottom:8px } & .checkbox-row{ margin-bottom:8px; &>div{ margin:0 0 0 8px!important } } } .minecraft-title-list{ padding-right:8px; gap:8px!important; &>div{ border-radius:8px; outline:none!important; &.selected{ background-color:var(--color-accent) } &>:nth-child(2){ margin:0; font-weight:600 } } } #minecraft-title-buttons{ position:relative; gap:0!important; padding:16px 8px 16px 16px!important; &>button{ border-radius:3px; min-width:96px; height:38px; font-size:14px; font-weight:500; text-decoration:none; transition:background-color .17s; color:var(--color-light)!important; background-color:var(--color-accent)!important; &:last-child{ &:hover:not(:disabled){ background-color:#4752c4!important } &:active:not(:disabled){ background-color:#3c45a5!important } } &:not(:last-child){ background-color:initial!important; &:hover{ text-decoration:underline } } } } #minecraft-title-custom-gradient>label{ margin:16px 0 0!important } #minecraft-title-custom-gradient-customiser,#minecraft-title-preset-export-buttons,#minecraft-title-preset-buttons{ gap:8px!important } #minecraft-title-gradient-preview{ border-radius:8px; height:182px!important } #minecraft-title-gradient-colours{ gap:8px; &>div{ align-items:center; gap:8px!important } & .sp-preview:after{ border-radius:4px } } #minecraft-title-custom-texture>canvas,#minecraft-title-custom-overlay>canvas{ border-radius:8px } .minecraft-title-button-row>button{ height:36px!important } .minecraft-title-item-author:after{ color:var(--color-text); box-shadow:var(--box-shadow); border-radius:5px; font-size:16px; font-weight:600; line-height:20px; top:25px; left:50%; background-color:#111214!important; margin:0!important; padding:8px 12px!important; transform:translate(-50%)!important } .minecraft-title-item{ &:nth-child(3n-2) .minecraft-title-item-author:hover:after{ left:0; transform:initial!important } } .tileable-preview{ border-radius:4px } body[mode=minecraft_title_render]{ & #center{ margin-bottom:-40px!important } & #mode_selector{ box-shadow:var(--header-shadow); background-color:#303338; width:calc(100% + 8px); margin-left:-8px } } #minecraft-title-render-controls{ border-radius:8px; box-shadow:var(--box-shadow)!important; gap:16px!important; padding:16px!important; & input{ margin-left:8px } } #minecraft-title-render-resolutions{ border-radius:4px } .minecraft-title-render-controls-row,#minecraft-title-preset-export,#minecraft-title-presets-container{ gap:16px!important } #minecraft-title-render-buttons{ gap:8px!important; & .tool{ padding:0 30px; height:34px!important; &:before{ border-radius:3px; transition:background-color .17s } &:last-child:before{ background-color:#da373c } &:hover{ &:before{ filter:initial } &:first-child:before{ background-color:#4752c4 } &:last-child:before{ background-color:#a12828 } } &:active{ &:first-child:before{ background-color:#3c45a5 } &:last-child:before{ background-color:#8f2022 } } & .tooltip{ transform:translate(calc(20px - 50%),-81px) } & .tooltip_description{ transform:translate(-7px,-74px) } } } #minecraft-title-preset-export-text{ border-radius:4px; background-color:var(--color-ui)!important; padding:7px!important } .minecraft-title-preset{ gap:8px!important } .minecraft-title-preset-date{ margin:0!important; font-size:12px!important } #minecraft-title-render-content{ margin:0!important } #minecraft-title-render-output{ gap:8px!important; height:calc(100vh - 188px)!important; &>.form_inline_select{ width:100%!important; min-height:38px!important; margin:8px 0!important; &>li{ min-height:38px!important } } } #minecraft-title-output{ border-radius:8px; margin-top:8px; border:none!important } .minecraft-output-options input:not([type=checkbox]){ width:80px!important } #minecraft-title-render-button-row,#jem-restrictions-footer{ background-color:var(--color-ui); justify-content:flex-end; margin-bottom:-16px; padding:16px; width:calc(100% + 32px)!important; & button{ box-sizing:border-box; border-radius:3px; width:96px; height:38px; padding:2px 16px; font-size:14px; font-weight:500; transition:background-color .17s; color:var(--color-light)!important; background-color:#0000!important; background-color:var(--color-button)!important; flex:initial!important; gap:4px!important; min-width:140px!important; text-decoration:none!important; &:hover{ background-color:var(--color-selected)!important } &:active{ background-color:#80848e!important } & *{ text-decoration:none!important } } } #render-detail-row{ color:var(--color-subtle_text); margin:8px 0 16px; justify-content:center!important; &>:not(:last-child):after{ content:\",\" } } .minecraft-output-label{ font-size:16px!important; &~.tool{ margin-left:-8px } &~input[type=checkbox]{ margin:3px 0 } } #tracker-container{ gap:16px; & h1{ margin:0; font-size:24px; font-weight:700; line-height:33px } & h2{ font-size:20px; font-weight:700; line-height:27.5px } &>:last-child{ gap:8px!important } } #project-tracker{ flex-direction:column; gap:16px; display:flex } .tracker-row{ margin:0; gap:16px!important } .tracker-line{ border-top:1px solid #3b3d44; margin:0 } .tracker-col>p{ font-size:1.25rem } #about-content>img:first-child{ filter:var(--drop-shadow) } #about-markdown-links{ flex-wrap:wrap; grid-column:1/-1; gap:8px; justify-content:flex-start!important; margin:16px 0 0!important; &>a{ background-color:var(--color-button); white-space:pre; border-radius:3px; padding:8px 16px 16px 12px; font-size:14px; font-weight:500; transition:background-color .17s; color:var(--color-light)!important; flex-direction:row!important; flex-grow:initial!important; padding:2px 14px 2px 16px!important; text-decoration:none!important; &:hover{ background-color:var(--color-selected)!important } &:active{ background-color:#80848e!important } &:first-child{ background-color:#da373c; &:hover{ background-color:#a12828!important } &:active{ background-color:#8f2022!important } } &:nth-child(2){ background-color:var(--color-accent); &:hover{ background-color:#4752c4!important } &:active{ background-color:#3c45a5!important } } &:after{ content:\"open_in_new\"; margin-left:3px; font-family:Material Icons; font-size:20px } &>i,&>svg{ color:var(--color-light)!important; width:initial!important; height:20px!important; font-size:20px!important; & path{ stroke:var(--color-light) } } &>.fab{ margin-right:5px } &>p{ flex:initial!important } } } #format_page_minecraft_entity_wizard,#format_page_minecraft_item_wizard,#format_page_minecraft_block_wizard{ background-position:50% calc(100% - 68px); background-size:100%; & img{ margin-bottom:-40px } & #create_new_model_button:after{ box-shadow:var(--box-shadow) } } #format_page_minecraft_item_wizard #create_new_model_button:before{ background-color:#b084c2 } #format_page_minecraft_block_wizard #create_new_model_button:before{ background-color:#a1701e } #entity_wizard_start_page{ width:calc(100% + 213px); margin:48px -214px 0 0; padding:0 19px 24px 16px; position:relative; translate:-214px; &:before{ content:\"\"; z-index:-1; background-color:#276948; height:68px; position:absolute; bottom:0; left:0; right:0 } &>div{ flex-direction:column; justify-content:flex-end; height:100%; display:flex; &>section{ text-align:left; margin:0!important; padding:0!important; &:last-child{ min-width:100% } & label,& p{ color:var(--color-text)!important } &:first-child{ position:relative; &:before{ content:\"\"; background-image:var(--bb-avatar); background-size:cover; border-radius:50%; width:40px; height:40px; position:absolute; top:-23px; left:-56px } &:after{ content:\"Blockbenchcord\"; font-weight:500; position:absolute; top:-25px } } &:not(:last-child){ min-width:calc(100% - 320px); max-width:calc(100% - 320px)!important; margin-left:56px!important; padding-bottom:32px!important } } } &>img{ position:absolute; bottom:75px; right:16px } } #entity_wizard_start_button{ content:\"\"; box-shadow:var(--box-shadow); text-align:left; align-items:center; gap:8px; padding:16px; font-size:0; text-decoration:none; transition:background-color .17s; display:flex; background-color:var(--color-button)!important; color:var(--color-light)!important; border-radius:8px!important; width:100%!important; height:44px!important; margin:0!important; &:before{ content:\"arrow_forward\"; font-family:Material Icons; font-size:22px } &:after{ content:\"Create an Entity!\"; font-size:14px } &:hover{ background-color:var(--color-selected)!important } &:active{ background-color:#80848e!important } } .start_screen_format_page #create_new_model_button:hover:after{ background-color:var(--color-selected) } .start_screen_format_page #create_new_model_button:active:after{ background-color:#80848e } .item_wizard_preset_list,.block_wizard_preset_list,.entity_wizard_mob_list{ flex-wrap:wrap; gap:8px; margin-top:8px; padding-right:8px; display:flex; overflow-y:auto!important; &::-webkit-scrollbar-track{ background-color:var(--color-back) } &>li{ border-radius:8px; flex:1; min-width:100px; font-weight:600; background-position-x:50%!important; border:none!important; margin:0!important; &:after{ display:none } &:hover{ background-color:var(--color-button)!important } &.selected{ background-color:var(--color-accent)!important } &>label{ margin-bottom:4px } } } .entity_wizard_mob_list>li{ min-height:100px } dialog#minecraft_item_wizard,dialog#minecraft_block_wizard,dialog#minecraft_entity_wizard{ & .required_message,& #required_message{ padding:0 0 0 16px } & .required:after,& .required_message:before,& #required_message:before{ color:var(--color-error) } & content{ & input[type=text],& bb-select{ margin-top:8px } & input[type=checkbox]{ height:24px } & li{ align-items:center; gap:8px; &>label{ font-weight:600 } & .description{ margin:0 0 0 auto!important } } } & h2{ font-size:28px; font-weight:700 } & .bar{ gap:8px; margin-top:8px; & input[type=number]{ color:var(--color-text); box-sizing:border-box; border-radius:4px; min-width:80px; font-size:16px; display:flex; background-color:var(--color-border)!important; height:40px!important; padding:10px!important; &::-webkit-calendar-picker-indicator{ transform:translate(3px,-4px) } } } & .search_bar{ margin:8px 0; &>input{ margin:0!important } } } .item_wizard_functionality_options{ width:100%; margin-left:10px } #item_durability_markers,#item_fuel_markers,#block_explosion_resistance_markers{ width:calc(100% - 75px); margin-left:80px!important; &>li{ justify-content:center; display:flex } } #item_durability_markers>:last-child{ translate:-4px } #block_friction_markers{ width:calc(100% - 50px); margin-left:54px!important } #item_wizard_glint_input:after{ inset:-3px } #item_wizard_pack_list{ flex-wrap:wrap; gap:8px; display:flex; & li{ border-radius:4px; align-items:center; display:flex; &:hover{ background-color:var(--color-button) } &.selected{ background-color:var(--color-selected); color:var(--color-light) } &>img,&>div{ border-radius:4px } } } #item_wizard_export_options,#block_wizard_export_options,#entity_wizard_export_options{ gap:8px; &>div{ border-top:none; border-left:none; border-right:none; border-radius:8px; &.selected{ background-color:var(--color-accent); & *{ color:var(--color-light)!important } } } } .item_wizard_icon_picker,.block_wizard_icon_picker,.entity_wizard_icon_picker{ margin-top:8px; & .icon_picker_left{ border-radius:4px } } #item_wizard_wrapper,#block_wizard_wrapper,#entity_wizard_page{ & button{ margin:8px 0!important } & a{ color:var(--color-link); text-decoration:none; &:hover{ text-decoration:underline } } } #block_wizard_launch_vscode,#entity_wizard_launch_vscode{ margin-top:8px; text-decoration:none; color:var(--color-link)!important; & img{ margin-right:8px } &:hover{ text-decoration:underline } } #block_wizard_loot_list,#entity_wizard_loot_list{ border-radius:8px; &>li{ border-radius:6px; margin:8px; padding:8px } & p{ color:var(--color-text)!important } & button{ margin:0 0 0 4px!important; display:inline-flex!important } & label{ padding:0 0 0 8px!important } &+button{ margin-top:8px!important } } #block_wizard_loot_item_list,#entity_wizard_loot_item_list{ flex-direction:column; gap:8px; margin:8px 0 16px; display:flex; &>li{ align-items:center; padding:0; display:flex } & bb-select{ margin:0!important } } #entity_wizard_egg_color_bar label{ margin-left:8px } #entity_wizard_egg_color_preview{ border-radius:8px; margin:7px 16px 5px 0 } dialog#minecraft_entity_wizard{ & .dialog_handle{ margin-left:176px } & .dialog_content{ padding:0 } } #entity_wizard_page{ padding:0 16px 70px 192px; &>:nth-last-child(2){ margin-bottom:16px } } #entity_wizard_navigation{ background-color:var(--color-ui); border-left:1px solid var(--color-border); align-items:center; height:70px; padding:16px; display:flex; position:absolute; bottom:0; left:176px; right:0; & button{ box-sizing:border-box; width:96px; height:38px; padding:2px 7px; font-size:14px; font-weight:500; text-decoration:none; color:var(--color-light)!important; background-color:#0000!important; &:hover{ text-decoration:underline!important } &.confirm_btn{ border-radius:3px; order:1; min-width:96px; padding:2px 16px; transition:background-color .17s; background-color:var(--color-accent)!important; text-decoration:none!important; &:hover{ background-color:#4752c4!important } &:active{ background-color:#3c45a5!important } } } } #entity_wizard_sidebar{ background-color:var(--color-ui); flex-direction:column; gap:2px; width:176px; padding:8px 0 0; display:flex; position:absolute; top:0; bottom:0; overflow-y:auto; &>li,& a{ width:initial; color:var(--color-subtle_text); border-radius:4px; margin:0 8px; padding:6px 8px; font-weight:500; line-height:22px; border:none!important; &:hover{ color:var(--color-text); background-color:#35373c } &:active{ color:var(--color-text); background-color:#3b3d44 } &.selected{ color:var(--color-light); background-color:#404249 } & *{ text-decoration:none!important } } } .entity_wizard_documentation{ display:contents; &:before{ content:\"\"; border-bottom:1px solid var(--color-border); flex:1; margin-bottom:-3px } &>a{ margin:18px 8px!important } } dialog#colour_gradient_generator{ & .dialog_content>div>:first-child{ right:48px!important } & h2{ margin-bottom:8px; font-size:28px; font-weight:700 } & .checkbox-row{ align-items:center; display:flex; & div{ margin:0 0 0 8px; font-size:14px } &:last-child{ margin-top:8px } } } #colour-gradient-preview{ filter:var(--drop-shadow)!important; &>:first-child{ border-radius:8px 0 0 8px } &>:last-child{ border-radius:0 8px 8px 0 } } .about-colour-gradient{ filter:var(--drop-shadow)!important; &>:first-child{ border-radius:8px 0 0 8px } &>:last-child{ border-radius:0 8px 8px 0 } &>:first-child:nth-last-child(2){ border-radius:8px } } .sidebar_explorer_open_button{ z-index:1; color:#23a559; order:1; &>i{ padding:0!important } &:hover{ color:var(--color-light); background-color:#23a559!important } } #sidebar_explorer{ box-shadow:var(--box-shadow); border:none; border-top-right-radius:8px; gap:8px; padding:16px; transition:left .17s,box-shadow .17s; &>:first-child{ height:initial } & .search_bar{ margin:0 8px 0 0!important; &+.tool{ width:32px; &>i{ margin:4px } } } & .list{ border-radius:4px; padding:8px 0; margin:0!important; overflow-y:scroll!important; &::-webkit-scrollbar-track{ background-color:#0000 } } } .sidebar_explorer_location{ height:initial; direction:initial; flex-direction:row-reverse; padding:0 10px; position:relative; &>*{ height:30px; position:relative; background-color:initial!important; padding:3px 4px!important; &:after{ font-size:14px; content:\"/\"!important; color:var(--color-text)!important; font-weight:initial!important; font-family:var(--font-main)!important; margin:0 0 0 8px!important } &:hover:before{ content:\"\"; background-color:var(--color-accent); z-index:-1; border-radius:4px; position:absolute; inset:4px 14px 4px 0 } &:first-child:before{ inset:4px 0 } } &:before{ content:\"\"; background-color:var(--color-border); z-index:-1; border-radius:4px; position:absolute; inset:0 } } .sidebar_explorer_file{ z-index:1; position:relative; background-color:initial!important; gap:0!important; height:34px!important; padding:0 16px 0 8px!important; &:before{ content:\"\"; z-index:-1; border-radius:4px; position:absolute; inset:1px 0 1px 8px } &>*{ translate:8px } & i{ justify-content:center; align-items:center; width:20px; display:flex; height:initial!important } &>span{ color:var(--color-subtle_text); text-overflow:ellipsis; margin-left:6px; font-weight:500 } &:hover{ &>span{ color:var(--color-text) } &:before{ background-color:#35373c } } &.selected{ &>span{ color:var(--color-light) } &:before{ background-color:#404249 } } &:last-child{ margin-bottom:16px } } .sidebar_explorer_is_open_icon{ width:initial!important; padding:0 0 0 8px!important } #resource_pack_utilities{ & #home{ & .search_bar{ width:100%; margin:0 } &>:last-child{ margin:16px 0 0 } &>:nth-child(2):not(:last-child){ margin:16px 0 } &>:not(:first-child)>div{ border-radius:8px } } & #header{ border-radius:8px } & .utility{ margin:16px 0 0!important; & h3,& h2{ font-weight:600 } & input[type=text]{ max-height:36px } & div[style=\"width: 120px; \"]{ width:126px!important } } & .component-checkboxRow{ &>label{ gap:8px!important } &+.component-checkboxRow{ margin-top:-8px!important } } & .folder-selector{ &>button{ font-size:20px; min-width:36px!important; margin-left:8px!important } } & .component-ignoreList{ & input+button{ font-size:20px; min-width:36px!important; margin-left:8px!important } &>ul{ border-radius:4px; background-color:var(--color-ui)!important } & li{ background-color:#303338!important; & button{ font-size:20px } } } & #back-button{ color:var(--color-text)!important } & #info-button{ font-size:20px } & code{ border-radius:4px; font-size:13.6px; background-color:var(--color-ui)!important; padding:0 2.72px!important } & .component-outputLog{ & .log{ background-color:var(--color-ui)!important; & code{ background-color:var(--color-back)!important } } & .buttons{ background-color:var(--color-ui); border:1px solid var(--color-border); border-top:none; border-radius:0 0 8px 8px; padding:8px; margin-top:0!important } } & .component-progressBar{ font-weight:600 } & .progress-bar-container{ border-radius:4px } & .progress-bar{ border-radius:3px } & .component-radioRow{ flex-direction:column; gap:8px; display:flex; &>label{ background-color:var(--color-ui); color:#b5bac1; border-radius:4px; padding:10px; gap:8px!important; &:hover{ color:var(--color-text); background-color:#393c41 } &:active{ color:var(--color-light); background-color:#3f4147 } &:has(>input:checked){ color:var(--color-light); background-color:#43444b } } & input{ justify-content:center; align-items:center; height:24px; display:flex; min-width:24px!important } } } #no-ffmpeg{ max-width:592px!important; & h1{ margin:-6px 0 8px; font-size:28px; font-weight:700 } } ", "thumbnail": ".theme_preview_header{ align-items:center; height:17px; display:flex } .theme_preview_menu_header{ border-radius:2px; align-items:center; height:13px; margin:0 4px; padding:0 5px; display:flex } .theme_preview_menu_header>span{ opacity:1; margin:0; background-color:var(--color-light)!important } .theme_preview_menu{ background-color:#111214; border-radius:3px; top:20px; left:32px; box-shadow:0 6px 14px #0000003d } .theme_preview_text{ background-color:#b5bac1!important } .theme_preview_window{ width:calc(100% - 17px); height:calc(100% - 17px); margin-left:17px; position:relative; background-color:initial!important } .theme_preview_window:before{ top:1px } .theme_preview_window:after{ top:17px } .theme_preview_window:before,.theme_preview_window:after{ content:\"·\"; color:var(--color-text); background-color:#313338; border-radius:50%; justify-content:center; align-items:center; width:13px; height:13px; padding-bottom:2px; font-size:50px; line-height:400px; display:flex; position:absolute; left:-16px } .theme_preview_sidebar{ position:initial; flex:0 0 38px } .theme_preview_sidebar:first-child{ border-radius:3px 3px 3px 0 } .theme_preview_sidebar:first-child:after{ height:initial; width:initial; background-color:#282a2e; border-radius:3px; inset:0 41px } .theme_preview_sidebar:last-child{ border-radius:3px 0 0 3px } .theme_preview_sidebar:last-child:after{ display:none } ; .outliner_object.group>:nth-child(2) { display: inline-block; margin-inline-end: 4px"; } ", "colors": { "ui": "#2b2d31", "back": "#232428", "dark": "#1a1b1e", "border": "#1e1f22", "selected": "#6d6f78", "button": "#4e5058", "bright_ui": "#ffffff", "accent": "#5865f2", "frame": "#1e1f22", "text": "#dbdee1", "light": "#ffffff", "accent_text": "#060607", "bright_ui_text": "#060607", "subtle_text": "#949ba4", "grid": "#4e5058", "wireframe": "#6d6f78", "checkerboard": "#232428" .outliner_object.group>:nth-child(2) { display: inline-block; margin-inline-end: 4px; } } } ", "thumbnail": ".theme_preview_header{align-items:center;height:17px;display:flex}.theme_preview_menu_header{border-radius:2px;align-items:center;height:13px;margin:0 4px;padding:0 5px;display:flex}.theme_preview_menu_header>span{opacity:1;margin:0;background-color:var(--color-light)!important}.theme_preview_menu{background-color:#111214;border-radius:3px;top:20px;left:32px;box-shadow:0 6px 14px #0000003d}.theme_preview_text{background-color:#b5bac1!important}.theme_preview_window{width:calc(100% - 17px);height:calc(100% - 17px);margin-left:17px;position:relative;background-color:initial!important}.theme_preview_window:before{top:1px}.theme_preview_window:after{top:17px}.theme_preview_window:before,.theme_preview_window:after{content:\"·\";color:var(--color-text);background-color:#313338;border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;padding-bottom:2px;font-size:50px;line-height:400px;display:flex;position:absolute;left:-16px}.theme_preview_sidebar{position:initial;flex:0 0 38px}.theme_preview_sidebar:first-child{border-radius:3px 3px 3px 0}.theme_preview_sidebar:first-child:after{height:initial;width:initial;background-color:#282a2e;border-radius:3px;inset:0 41px}.theme_preview_sidebar:last-child{border-radius:3px 0 0 3px}.theme_preview_sidebar:last-child:after{display:none}; .outliner_object.group>:nth-child(2) { display: inline-block; margin-inline-end: 4px"; } " , "colors": { "ui": "#2b2d31", "back": "#232428", "dark": "#1a1b1e", "border": "#1e1f22", "selected": "#6d6f78", "button": "#4e5058", "bright_ui": "#ffffff", "accent": "#5865f2", "frame": "#1e1f22", "text": "#dbdee1", "light": "#ffffff", "accent_text": "#060607", "bright_ui_text": "#060607", "subtle_text": "#949ba4", "grid": "#4e5058", "wireframe": "#6d6f78", "checkerboard": "#232428" } }