remove unnecessary comments/styles from CSS

public/style.css

@@ -215,7 +215,6 @@ code {
     box-shadow: 0 2px 20px 0 var(--black70a);
     backdrop-filter: blur(var(--SmartThemeBlurStrength));
     background-color: var(--SmartThemeBlurTintColor);
-    /* border-radius: 0 0 20px 20px; */
     -webkit-backdrop-filter: blur(var(--SmartThemeBlurStrength));
     z-index: 3000;
 }
@@ -276,7 +275,6 @@ code {
 }
 
 #chat {
-    /* margin-top: 5px; */
     max-height: calc(100vh - 42px);
 
     overflow-x: hidden;
@@ -292,7 +290,6 @@ code {
     -webkit-backdrop-filter: blur(var(--SmartThemeBlurStrength));
     text-shadow: 0px 0px calc(var(--shadowWidth) * 1px) var(--SmartThemeShadowColor);
     scrollbar-width: thin;
-    /* transition: all 1s ease-in-out; */
     flex-direction: column;
     z-index: 3;
 }
@@ -406,7 +403,6 @@ code {
     box-shadow: 0 0 5px black;
     text-shadow: 0px 0px calc(var(--shadowWidth) * 1px) var(--SmartThemeShadowColor);
     backdrop-filter: blur(calc(var(--SmartThemeBlurStrength)*2));
-    /* min-width: 200px; */
     z-index: 2000;
     margin-bottom: 3px;
 }
@@ -531,14 +527,9 @@ code {
 .ui-settings {
     display: flex;
     flex-direction: column;
-    /* align-items: flex-end; */
     gap: 10px;
 }
 
-/* .ui-settings>div {
-         flex: 1; 
-}
- */
 #avatars-style .range-block-range,
 #chat-display .range-block-range,
 #sheld-width .range-block-range {
@@ -610,7 +601,6 @@ code {
     object-fit: cover;
     object-position: center;
     border: 1px solid var(--black30a);
-    /* border-radius: 10px; */
 }
 
 .hotswapAvatar .avatar {
@@ -619,7 +609,6 @@ code {
     object-fit: cover;
     object-position: center center;
     border-radius: 50% !important;
-    /* border: 1px solid var(--black30a); */
     box-shadow: 0 0 5px var(--black50a);
 }
 
@@ -697,24 +686,10 @@ body.big-avatars .avatar img {
     padding-top: 5px;
     padding-bottom: 5px;
     max-width: 100%;
-    /* word-wrap: break-word; */
     overflow-wrap: anywhere;
-    /* animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite; */
-}
 
-/* .mes_text::after {
-    content: "▋";
-    animation: blink 1s steps(1) infinite;
-    opacity: 0.7;
-    display: none;
 }
 
-@keyframes blink {
-    60% {
-        visibility: hidden;
-    }
-} */
-
 br {
     display: block;
     margin: 3px 0;
@@ -742,8 +717,6 @@ select {
 }
 
 #send_textarea {
-    /*     font-size: 1rem;
-    line-height: 1.5rem;*/
     min-height: 40px;
     max-height: 50svh;
     word-wrap: break-word;
@@ -948,16 +921,6 @@ input[type="file"] {
     filter: brightness(150%);
 }
 
-/* ####################################################################### */
-
-#characloud_url {
-    opacity: 0.3;
-}
-
-#characloud_url img {
-    width: 25px;
-}
-
 #rm_print_characters_block {
     padding: 5px 0;
     overflow-y: auto;
@@ -1043,7 +1006,6 @@ select option:not(:checked) {
 
 #api_url_text,
 #textgenerationwebui_api_url_text {
-    /*margin-right: 4px;*/
     display: block;
 }
 
@@ -1071,7 +1033,6 @@ select option:not(:checked) {
     display: flex;
     overflow-y: auto;
     flex-direction: column;
-    /* visibility: hidden; */
 }
 
 #rm_characters_block .right_menu_button {
@@ -1149,7 +1110,6 @@ input[type=search]:focus::-webkit-search-cancel-button {
 
 /*applies to both groups and solos chars in the char list*/
 #rm_print_characters_block .ch_name {
-    /* margin-left: 5px; */
     width: 100%;
     white-space: nowrap;
     max-width: calc(100% - 29px);
@@ -1447,7 +1407,6 @@ input[type=search]:focus::-webkit-search-cancel-button {
     transform: translateY(-50%);
     text-align: center;
     box-shadow: 0px 0px 14px var(--black50a);
-    /* var(--fullred) */
     border: 1px solid var(--white30a);
     padding: 4px;
     background-color: var(--black30a);
@@ -1526,7 +1485,6 @@ input[type=search]:focus::-webkit-search-cancel-button {
 
 .menu_button {
     color: var(--SmartThemeBodyColor);
-    /* color: var(--white70); */
     background-color: var(--black50a);
     border: 1px solid var(--white30a);
     border-radius: 10px;
@@ -1683,7 +1641,6 @@ input[type=search]:focus::-webkit-search-cancel-button {
     top: 40px;
     box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
     padding: 4px;
-    /*border: 1px solid #333333;*/
     flex-direction: column;
     z-index: 3010;
     border-radius: 0 0 20px 20px;
@@ -1816,11 +1773,6 @@ input[type=search]:focus::-webkit-search-cancel-button {
     cursor: pointer;
 }
 
-.world_entry_form_control label {
-    /* margin-left: 10px; */
-}
-
-
 .world_entry_form_control label h4 {
     margin-bottom: 0px;
     margin-top: 0.5rem;
@@ -1892,9 +1844,8 @@ input[type=search]:focus::-webkit-search-cancel-button {
 }
 
 /* STLYES FOR THE CHAT MESSAGE DELETION CHECKBOXES */
-/* --------------------------------------------------------------------------------------*/
+/* ------------------------------------------------*/
 
-/* checkboxes default to being hidden unless called by the delete mesasges option menu button, which uses JS to force them to be display:block*/
 .del_checkbox {
     display: none;
     opacity: 0.7;
@@ -1902,12 +1853,10 @@ input[type=search]:focus::-webkit-search-cancel-button {
     margin-right: 12px;
 }
 
-/*this hides the replacement for input form until Delete Messages mode is called*/
 #dialogue_del_mes {
     display: none;
 }
 
-/*this is the default-shown div that is shown when message-deletion mode is NOT on, and hidden when JS calls message deletion mode*/
 .for_checkbox {
     display: block;
 }
@@ -1928,7 +1877,6 @@ input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin) {
     flex-shrink: 0;
 }
 
-/* the checkbox starts with a size 0 background of a checkmark */
 input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button_panel_pin)::after {
     content: '';
     color: var(--white100);
@@ -1949,14 +1897,11 @@ input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button
     background-image: url("data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ0OCIgaGVpZ2h0PSI0NDgiIHZpZXdCb3g9IjAgMCA0NDggNDQ4Ij4KPHRpdGxlPjwvdGl0bGU+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZD0iTTQxNy43NSAxNDEuNWMwIDYuMjUtMi41IDEyLjUtNyAxN2wtMjE1IDIxNWMtNC41IDQuNS0xMC43NSA3LTE3IDdzLTEyLjUtMi41LTE3LTdsLTEyNC41LTEyNC41Yy00LjUtNC41LTctMTAuNzUtNy0xN3MyLjUtMTIuNSA3LTE3bDM0LTM0YzQuNS00LjUgMTAuNzUtNyAxNy03czEyLjUgMi41IDE3IDdsNzMuNSA3My43NSAxNjQtMTY0LjI1YzQuNS00LjUgMTAuNzUtNyAxNy03czEyLjUgMi41IDE3IDdsMzQgMzRjNC41IDQuNSA3IDEwLjc1IDcgMTd6Ij48L3BhdGg+Cjwvc3ZnPgo=");
 }
 
-/* when the checkbox is checked, the background image is grown to normal size to fill the background of the 'checkbox'*/
 input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button_panel_pin):checked::after {
     -webkit-transform: scale(1);
     transform: scale(1);
 }
 
-/*---------------------------------------------------------------------------------------------------------*/
-
 .option_select_right_menu {
     width: 284px;
     margin-bottom: 35px;
@@ -1996,7 +1941,6 @@ input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button
     display: flex;
     justify-content: center;
     align-items: center;
-    /*this is just a big + sign, no need to dynamically size it*/
     font-size: 3rem;
 }
 
@@ -2022,7 +1966,6 @@ input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button
 }
 
 .range-block-counter {
-    /* width: max-content; */
     margin-left: 5px;
     margin-right: 15px;
     font-size: calc(var(--mainFontSize) * 0.95);
@@ -2053,9 +1996,7 @@ input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button
 
 .range-block-range {
     margin: 0;
-    /* width: 80%; */
     flex: 5;
-    /* margin-bottom: 10px; */
 }
 
 input[type="range"] {
@@ -2080,7 +2021,6 @@ input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none;
     height: 15px;
     width: 15px;
-    /* margin-top: -5px; */
     border-radius: 50%;
     background: var(--white100);
 }
@@ -2394,15 +2334,14 @@ h5 {
     min-height: 100px;
     position: absolute;
     z-index: 2066;
-    margin-left: auto;
-    margin-right: auto;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     margin-top: auto;
     margin-bottom: auto;
-    /* margin-top: 40px; */
+    margin-left: auto;
+    margin-right: auto;
     box-shadow: 0px 0px 20px black;
     padding: 10px;
     background-color: var(--SmartThemeBlurTintColor);
@@ -2554,7 +2493,6 @@ h5 {
 
 .tag_view_name {
     text-align: left;
-    /* flex: 2; */
 }
 
 .tag_view_counter {
@@ -2688,18 +2626,10 @@ body .ui-widget-content li:hover {
 
 /* GROUP CHATS */
 
-#rm_group_top_bar {
-    /*     display: flex;
-    flex-direction: row;
-    width: 100%;
-    column-gap: 5px;
-    justify-content: space-evenly; */
-}
 
 #rm_button_group_chats h2 {
     margin-top: auto;
     margin-bottom: auto;
-    /* font-size: 16px; */
     color: rgb(188, 193, 200, 1);
     border: 1px solid #333;
     background-color: rgba(0, 0, 0, 0.3);
@@ -2709,8 +2639,6 @@ body .ui-widget-content li:hover {
 
 #rm_group_chats_block {
     display: none;
-    /*     height: calc(100% - 45px);
-    flex-direction: column; */
     align-items: flex-start;
     padding: 0 5px;
     overflow-y: auto;
@@ -2722,16 +2650,6 @@ body .ui-widget-content li:hover {
     margin-bottom: 5px;
 }
 
-#rm_group_buttons {
-    /*     display: flex;
-    flex-direction: row;
-    width: 100%;
-    align-items: center;
-    column-gap: 10px;
-    flex-wrap: wrap;
-    padding: 0 5px; */
-}
-
 #rm_group_buttons>div {
     display: flex;
     flex-direction: column;
@@ -2869,7 +2787,6 @@ body .ui-widget-content li:hover {
 .group_select {
     display: flex;
     flex-direction: row;
-    /* align-items: center; */
     padding: 5px;
     border-radius: 10px;
     cursor: pointer;
@@ -2885,12 +2802,6 @@ body .ui-widget-content li:hover {
     margin: 0 10px;
 }
 
-/* .group_select .ch_name {
-    max-width: calc(100% - 100px);
-    overflow: hidden;
-    text-overflow: ellipsis;
-} */
-
 .group_select .group_fav_icon {
     filter: drop-shadow(0px 0px 1px black);
     color: #c5b457;
@@ -2917,7 +2828,6 @@ body .ui-widget-content li:hover {
     vertical-align: bottom;
     animation: ellipsis steps(4, end) 1500ms infinite;
     content: "";
-    /* ascii code for the ellipsis character */
     width: 0px;
 }
 
@@ -3129,8 +3039,6 @@ span.warning {
     text-align: right;
 }
 
-/* css/style.css */
-
 p {
     margin-bottom: 16px;
     margin-top: 0;
@@ -3179,7 +3087,6 @@ a {
     flex-direction: column;
     padding-left: 0;
     margin-top: 0;
-    /* margin-bottom: 3px; */
     overflow: hidden;
     background-color: var(--SmartThemeBlurTintColor);
     backdrop-filter: blur(calc(var(--SmartThemeBlurStrength)*2));
@@ -3196,7 +3103,6 @@ a {
 .list-group-item {
     color: var(--SmartThemeBodyColor);
     padding: 0.75rem 1.25rem;
-    /* margin-bottom: -1px; */
     box-sizing: border-box;
     user-select: none;
     cursor: pointer;
@@ -3224,7 +3130,6 @@ a {
     border: 0;
     border-left: 1px solid var(--grey30a);
     border-bottom: 1px solid var(--grey30a);
-    /* max-height: 100svh; */
     box-shadow: none;
     border-radius: 0 0 0 20px;
     overflow: hidden;
@@ -3244,11 +3149,6 @@ a {
     z-index: 3001;
 }
 
-/* #right-nav-panel>div:not(#right-nav-panel-tabs) {
-    height: calc(100% - 50px);
-    overflow-y: auto;
-} */
-
 #hidden-divs {
     display: none;
 }
@@ -3311,7 +3211,6 @@ label[for="extensions_autoconnect"] {
 .extensions_block {
     clear: both;
     padding: 0.05px;
-    /* clear fix */
 }
 
 .extensions_info {
@@ -3367,7 +3266,6 @@ label[for="extensions_autoconnect"] {
     padding-top: 5px;
     height: 40px;
     max-width: var(--sheldWidth);
-    /* color: white; */
     justify-content: center;
     display: grid;
     grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10%;
@@ -3382,8 +3280,6 @@ label[for="extensions_autoconnect"] {
     display: flex;
     flex-flow: column;
     width: 100%;
-    /* z-index: 3001; */
-
 }
 
 .drawer-icon {
@@ -3405,10 +3301,6 @@ label[for="extensions_autoconnect"] {
     opacity: 1;
 }
 
-.inline-drawer {
-    /* padding-bottom: 10px; */
-}
-
 .code-copy {
     cursor: pointer;
     position: absolute;
@@ -3483,7 +3375,6 @@ label[for="extensions_autoconnect"] {
     position: absolute;
     left: 0;
     right: 0;
-    /* max-width: var(--sheldWidth); */
     margin: 35px auto 0 auto;
     backdrop-filter: blur(calc(var(--SmartThemeBlurStrength)));
     -webkit-backdrop-filter: blur(calc(var(--SmartThemeBlurStrength)));
@@ -3743,11 +3634,8 @@ toolcool-color-picker {
     line-height: 1.2;
 }
 
-
-
 /*bubble chat style*/
 
-
 body.bubblechat .mes {
     padding: 10px;
     border-radius: 20px;
@@ -3795,7 +3683,6 @@ body.no-blur .ui-widget-content {
 
 /* wAIfu mode*/
 
-
 body.waifuMode #top-bar {
     border-radius: 0 0 20px 20px;
     border: 1px solid var(--grey30a);
@@ -3847,6 +3734,7 @@ body.movingUI #avatar_zoom_popup {
 }
 
 /*No Text Shadows Mode*/
+
 body.noShadows * {
     text-shadow: none !important;
 }
@@ -3950,7 +3838,6 @@ body.waifuMode #avatar_zoom_popup {
 
 
 /* ---------- @media queries must always go at the bottom ------------*/
-
 /*will apply to anything 1000px or less. this catches ipads, horizontal phones, and vertical phones)*/
 
 @media screen and (max-width: 1000px) {
@@ -3974,11 +3861,6 @@ body.waifuMode #avatar_zoom_popup {
         aspect-ratio: 2 / 3;
     }
 
-    /* 
-    .mes img.img_extra {
-        max-width: 100%;
-    } */
-
     .world_entry_thin_controls {
         flex-direction: column;
     }
@@ -4034,11 +3916,6 @@ body.waifuMode #avatar_zoom_popup {
 
     #bg1,
     #bg_custom {
-        /* position: fixed; */
-        /*         top: 0 !important;
-        bottom: 0 !important;
-        left: 0 !important;
-        right: 0 !important; */
         height: 100svh !important;
         width: 100svw !important;
 
@@ -4206,8 +4083,6 @@ body.waifuMode #avatar_zoom_popup {
 
 /*this part only only applies to iOS devices*/
 
-
-
 @supports (-webkit-touch-callout: none) {
     body {
         margin: 0 auto;