#Stylez { position: absolute;top: 25vh;background: black;background: var(--body-background-fill);width: 50%;z-index: 1000;right: 0;height: fit-content;display: none;border: solid var(--button-primary-background-fill) !important;border-radius: 10px;border-width: 2px !important;box-shadow: #00000094 0px 0px 35px 1px;}
#style_cards_column{height: 37vh; min-width: unset !important;overflow: auto;padding-top: 10px;padding-left: 5px;}
#civit_cards_column{height: 29vh; min-width: unset !important;padding-top: 10px;padding-left: 5px;}
.style_card{ display: flex; flex-direction: column; align-items: center; justify-content: center;float: left; contain: content;margin-top: unset !important; margin: 5px;}
.styles_overlay{position: absolute;width: 100%; ;height:100% ;background-color: rgba(46, 46, 46, 0.642);opacity: 0; transition:opacity 0.5s ease;}
.style_card:hover .styles_overlay{ opacity: 1;}
.style_card:hover {box-shadow: 0px 0px 12px 1px var(--button-primary-background-fill) !important;}
.styles_thumbnail{height:inherit !important; width:auto; object-fit: contain;}
.styles_title{pointer-events: none;position: absolute;top: 0;left: 0;background:#00000094; padding: 2px;font-size: 11px;}
.styles_description{pointer-events: none;position: fixed;text-align: center; opacity: 0; transition:opacity 0.5s ease;}
.style_card:hover .styles_description{ opacity: 1; }
#txt2img_styles_popout > div{left: 0.3vw;flex-flow: column;}
#img2img_styles_popout > div{left: 0.3vw;flex-flow: column;}
#txt2img_styles_popout {border-left-style: solid;border-left-width: 2px}
#img2img_styles_popout {border-left-style: solid;border-left-width: 2px}
#style_refresh{min-width:unset !important;max-width: 2vw;align-self: flex-end;}
#style_tags > label > div{margin-top: 10px;}
.EditStyleJson{z-index: 9999;position: absolute;background-color: #00000094 !important;right: 0;bottom: 0; padding: 5px !important;}
.favouriteStyleJson{z-index: 9999;position: absolute;left: 0;bottom: 0; padding: 5px !important;}
#style_command_btn_row{width: fit-content !important;align-self: end;}
#style_filename_check_container{top:-20px;}
#gradio_style_savefolder_row{top: -35px;position: relative !important;}
.styles_checkbox{max-width: fit-content;min-width: unset !important;}
.styles_dropdown > label > div{background-color: #00000042 !important;}
.styles_checkbox > label > input{box-shadow: none !important;}
#previewPromptPos > label > textarea{ max-height:63px ;}
#previewPromptNeg > label > textarea{ max-height:63px ;}
.favouriteStyleBtn{font-size: 30px !important;position: absolute;-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; bottom: -10px !important;left: 0px !important;}
#style_quicklist_column{height:inherit ;min-width: unset !important;max-width:161px; background-color: var(--input-background-fill); padding: 5px; min-width: min(0px,100%) !important;}
#styles_quicksave_list{min-height: 310px;max-height: 310px;overflow: hidden;background: var(--body-background-fill);border-radius: 5px;padding-left: 6px !important;padding-top: 6px !important;}
#civit_tags_column{min-width: unset !important;max-width: 161px;}
#civit_cards_column{height: 37vh;}
.styles_quicksave{text-wrap: nowrap;display: flex;align-items: center;border-style: solid;background: var(--input-background-fill);border-radius:5px;max-width: fit-content !important;min-width: -webkit-fill-available;}
.styles_quicksave_del{padding-left: 5px !important;padding-right: 5px !important;opacity: 70%;}
.styles_quicksave_del:hover{opacity: 100%;}
.stylezquicksave_add{max-width:50%;min-width: 2.2em !important;align-content: space-around;font-size:15px !important;height:20px;}
.styles_quicksave_btn{display: flex;opacity: 70%;padding-left: 5px !important;font-weight: bold !important;font-size: 10px;}
.styles_quicksave_btn:hover{opacity: 100%;color: var(--button-primary-background-fill);}
.styles_quicksave_apply{border-left-style:solid;border-left-width: 2px;border-color:#0000006e;display: grid;margin-bottom:unset !important;}
#card_thumb_size{max-width: 60px;position: absolute;right: 0px;bottom: 10px;}
.stylezPreviewBox{position: fixed;display: none;bottom: 10px;left: 10px;width: 400px;background-color:var(--body-background-fill);border: 1px solid #ccc;padding: 10px;border: solid var(--button-primary-background-fill) !important;border-radius: 10px;border-width: 2px !important;box-shadow: #00000094 0px 0px 35px 1px;}
#style_Catagory{align-self: flex-end;}
#civitai_cardholder{overflow: auto;height: 36vh;}
#styles_generator{height: 440px;}
.stylez_promptgenbox > label > textarea{ overflow-y: scroll;max-height: 168px !important;min-height: 168px;}
#civitaiimages_loading{text-align-last: center;position: absolute;z-index: 9;background: #000000bd;width: -webkit-fill-available;height: -webkit-fill-available;backdrop-filter: blur(5px);}
#civitaiimages_loading p{margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); color: var(--button-primary-background-fill);font-size: 50px;text-shadow: 0 0 20px #fff0, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;}