.d-none { display: none !important; }
.count-row { margin-top: 10px; margin-bottom: 1rem; font-size: 15px; }
.btns-row { margin-top: 10px; margin-bottom: 10px; }
.find-replace-wrap, .find-replace-wrap-plain { margin-top: 25px; display: flex; align-items: center; }
.find-replace-wrap input[type=text], .find-replace-wrap-plain input[type=text] { margin-bottom: 0; margin-right: 10px; width: 50%; }		
.ipgenerator-column { text-align: center; float: left; width: 50%; padding: 10px; }		
.ipgenerator-row:after { content: ""; display: table; clear: both; }
.ipgenerator-column .ip-data { font-weight: 900; border-top: 3px solid var(--ast-global-color-0); border-right: 1px solid var(--ast-global-color-0); border-bottom: 1px solid var(--ast-global-color-0); border-left: 1px solid var(--ast-global-color-0); padding: 50px; background-color: #ffff; }
.copy-wrap { margin: 10px 0px; text-align: right; font-size: 15px; font-weight: bold; }
.copy-wrap .cctooltiptext { font-weight: normal !important; font-size: 13px !important; }
.copy-wrap-sub { text-align: right; font-size: 15px; font-weight: bold; color: var(--ast-global-color-0); }
.copy-wrap-sub .cctooltiptext, .copy-icon .cctooltiptext { font-weight: normal !important; font-size: 13px !important; }
.cctooltip { position: relative; display: inline-block; cursor: pointer; padding: 5px 7px 5px 7px; }
.cctooltip .cctooltiptext { visibility: hidden;	background-color: #333333b8; color: #fff; text-align: center;	border-radius: 5px;	padding: 0 10px; position: absolute; z-index: 1; left: 55%;	opacity: 0; top: -50%; transform: translate(-50%, -50%); }
.ipgenerator-row .cctooltiptext { padding: 10px !important; }
.case-convert-home .cctooltiptext { padding: 10px !important; }
.cctooltip.active .cctooltiptext { visibility: visible; opacity: 1; }
.textarea-container { display: flex; justify-content: space-between; }
.subpage-textarea-container { display: block !important; z-index: 0; }
.textarea-container .textarea { border: 2px solid #ccc; border-radius: 10px; background-color: #f8f8f8; resize: both; scrollbar-width: thin; }
#textarea_1:focus, .textarea-container .textarea:focus { outline: none !important; border:1px solid var(--ast-global-color-0); box-shadow: 0 0 5px var(--ast-global-color-0);	}
#textarea_plain:focus { outline: none !important; border:1px solid var(--ast-global-color-0); box-shadow: 0 0 5px var(--ast-global-color-0); }
.result-here-js { margin-bottom: 0 !important; }
.result-here-js pre { background: #ffffff !important; margin-bottom: 0 !important;	padding: 10px !important; }
.password-row {	text-align: center;	margin-bottom: var(--widgets-spacing-row); }
.password-container { margin-bottom: var(--widgets-spacing-row); }
.password-row .password-container input[type=text] { font-size: 30px; width: 80%; font-weight: 900; text-align: center; }
.password-row .password-container .wton-textarea { width: 80%; min-height: 200px; }
.password-row .elementor-widget-button { padding: 10px; }
.password-row .length-container { display: flex; align-items: center; }
.length-container label, .length-container span { margin: 5px; }
#length_number { border-color: var(--ast-global-color-0); text-align: center; padding-right: 5px; padding-left: 5px; margin-left: 10px; }		
.text-replace-wrap input[type=text] { margin: 0 10px 0 0 !important; width: 30%; }
#textreplace_result { margin: var(--widgets-spacing-row) 0; }
.home-copy-wrap .elementor-button:hover { border: 2px solid; border-color: #999 !important; }
.home-copy-wrap .cctooltip .home-copy-wrap .cctooltiptext { visibility: visible; opacity: 1; }
.home-copy-wrap .cctooltip:hover .home-copy-wrap .cctooltiptext { visibility: visible; opacity: 1; }
.switch-lbl.active { color : var(--ast-global-color-0); }
#showing_plain, #showing_rich { display: inline-block; width: -webkit-fill-available; width: -moz-available; width: fill-available; }
.hide-show-plain-rich-wrap { position: relative; display: flex; align-items: center;	margin: 0; float: inline-end; font-size: 12px; margin-bottom: 1em; z-index: 1; }
.hide-show-plain-rich-wrap span.br-btn { margin: 0 5px; font-size: 1.2em; font-weight: 700; }
#cc_vc_ifr { min-height: 250px !important; }
.switch { font-size: 1.5em; position: relative; display: inline-block; aspect-ratio: 2/1; height: 1em; }  
.switch input {	opacity: 0;	width: 0; height: 0; }  
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--ast-global-color-0); -webkit-transition: .4s; transition: .4s; border-radius: 1em; }  
.slider:before { position: absolute; content: ""; height: 0.8em; left: 0.1em; bottom: 0.1em; aspect-ratio: 1/1; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; }
input:checked + .slider { background-color: var(--ast-global-color-0); }  
input:focus + .slider { box-shadow: 0 0 1px var(--ast-global-color-0); }  
input:checked + .slider:before { -webkit-transform: translateX(1em); -ms-transform: translateX(1em); transform: translateX(1em); }  
.slider.round { border-radius: 1em; }  
.slider.round:before { border-radius: 50%; }
.term-text { text-align: justify; font-size: 15px; font-weight: 700; }
.messages { background: #eee; border-top: 3px solid red; padding: 5px 5px; margin-left: auto; margin-right: auto; margin-bottom: 5px; width: 100%; display: flex; }
.convert-to-clear-case-subpage { padding: 0px 0px 0px 15px !important; }
.convert-to-clear-case-merge-words { cursor: pointer; }
.convert-button-wrap { text-align: center; margin: 1rem; }
.convert-alternating-checkbox-wrap { float: left; }
.display-left-set { float:left; margin-right: 10px; }
.count-row .pointer { cursor: pointer; }
.result-here-js-wrap { position: relative; border-radius: 10px; background-color: white; border: 1px solid #cccccc; }
.result-here-js-wrap .single-icon { font-size: 20px; color: #999; text-align: center; line-height: 40px; cursor: pointer; height: 40px; width: 40px; padding: 0 !important; }
.result-here-js-wrap .single-icon:hover { color: #4b4f58; }
.online-tools { margin: 0 0 20px; padding: 20px; border: 2px solid #ccc; background-color: #fff; clear: both; border-radius: 12px; min-height:100px; }
#wordList { margin-top: 25px; }
#wordList span { background-color: #dedede; padding: 6px 12px; margin: 6px 6px; border-right: 1px solid #c5c3c3; border-bottom: 1px solid #c5c3c3; display: inline-block; }
.savedWords { background-color: #f5f5f5; padding: 6px 12px; margin: 6px 6px; border-right: 1px solid #c5c3c3; border-bottom: 1px solid #c5c3c3; display: inline-block; }
#wordList span:hover { background-color: #f5f5f5; cursor: pointer; }
#wordPen span:hover { background-color: #dedede; cursor: pointer; }
#fileWords { position:absolute; width:100px; left: -1000px; overflow:hidden; }
.sc-container { padding: 25px !important; display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; }
.box { background-color: #f5f5f5; text-align: center; padding: 20px; width: 18%; box-sizing: border-box; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
#findreplace_result_plain, #findreplace_result { margin: 10px; width: 100%; }
.fill-area { display: inline-block; margin-bottom: 12px !important; }
.text-justify { text-align: justify; }
#regular-text:focus, #webdings-text:focus { outline: none !important; border:1px solid var(--ast-global-color-0); box-shadow: 0 0 5px var(--ast-global-color-0); }
#morse_setting { text-align: center; line-height: 35px !important; }
.sliders-container label, .sliders-container span { font-size: 15px; }
.sliders-container .sliders { width: 100px; }
.sliders-container { margin: 0 15px; }
input[type=range] { font-size: 20px; width: 100%; background: transparent; border-style: none !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 5px; }
input[type=range]:focus { outline: none; border: 0; border-color: transparent !important; }

/* Chrome, Safari, Opera */
input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 0.2em; cursor: pointer; background: #4b4f58; border-radius: 0.3em; }
input[type=range]::-webkit-slider-thumb { border: 1px solid #000000; height: 1em; width: 1em; background: #ffffff; cursor: pointer; -webkit-appearance: none; margin-top: -8px; }
#length::-webkit-slider-thumb { border: 1px solid #000000; height: 1em; width: 1em; background: #ffffff; cursor: pointer; -webkit-appearance: none; }
input[type=range]:focus::-webkit-slider-runnable-track { background: #4b4f58; }
.password-row input[type=range]::-webkit-slider-runnable-track { background: var(--ast-global-color-0) !important; }
.password-row input[type="range"]::-webkit-slider-thumb { border: 1px solid var(--ast-global-color-0) !important; background: var(--ast-global-color-0) !important; }
.password-row input[type="range"]::-webkit-slider-thumb { border: 1px solid var(--ast-global-color-0) !important; background: var(--ast-global-color-0) !important; }
.password-row input[type=range]:focus::-webkit-slider-runnable-track { background: var(--ast-global-color-0) !important; }

/* Firefox */
input[type=range]::-moz-range-track { width: 100%; height: 0.2em; cursor: pointer; background: #4b4f58; border-radius: 0.3em; transform: translateY(0.2em); }
input[type=range]::-moz-range-thumb { height: 1em; width: 1em; border-radius: 0.3em; background: #ffffff; border: 1px solid #000000; cursor: pointer; transform: translateY(0.2em); }
#length::-moz-range-thumb { height: 1em; width: 1em; border-radius: 3em; background: #ffffff; border: 1px solid #000000; cursor: pointer; }
input[type=range]:focus::-moz-range-track { background: #4b4f58; }
.password-row input[type=range]::-moz-range-track { background: var(--ast-global-color-0) !important; }
.password-row input[type="range"]::-moz-range-thumb { border: 1px solid var(--ast-global-color-0) !important; background: var(--ast-global-color-0) !important; }
.password-row input[type="range"]::-moz-range-thumb { border: 1px solid var(--ast-global-color-0) !important; background: var(--ast-global-color-0) !important; }
.password-row input[type=range]:focus::-moz-range-track { background: var(--ast-global-color-0) !important; }

/* Internet Explorer */
input[type=range]::-ms-track { width: 100%; height: 0.2em; cursor: pointer; background: transparent; border-color: transparent; border-width: 16px 0; color: transparent; }
input[type=range]::-ms-fill-lower { background: #4b4f58; border-radius: 5px; }
input[type=range]::-ms-fill-upper { background: #4b4f58; border-radius: 5px; }
input[type=range]::-ms-thumb { border: 1px solid #000000; height: 1em; width: 1em; border-radius: 3em; background: #ffffff; cursor: pointer; }
input[type=range]:focus::-ms-fill-lower { background: #4b4f58; }
input[type=range]:focus::-ms-fill-upper { background: #4b4f58; }

#separator_output, #separator_input { padding: 20px; height: 40px; width: 70px; }
#morse-light { border-radius: 5px; width: 100%; height: 125px; margin: 25px 0 0 0; border: 5px solid #000; background-color: white; }
.clickble { cursor:pointer; margin: 0 15px; }
.clickble.active { opacity: 1; }
.clickble.deactive { opacity: 0.6; }
.hidden { display: none; }
.disabled { cursor: not-allowed; opacity: 0.6; }
input[type="range"]:disabled { opacity: 0.6; cursor: not-allowed; background-color: lightgray; }
input[type="range"]:disabled::-webkit-slider-thumb { background-color: darkgray; }
input[type="range"]:disabled::-moz-range-thumb { background-color: darkgray; }
input[type="range"]:disabled::-ms-thumb { background-color: darkgray; }
.dropdown-wrap { margin-bottom: 1em; display: flex; flex-wrap: wrap; gap: 10px; }
.dropdown-wrap label { padding-top: 5px; }
.text-replace-wrap { display: block; margin-bottom: 10px; }
.rounded-btn { padding: 10px 15px; border-radius: 50%; width: 40px; height: 40px; font-size: 1em; text-align: center; line-height: 1; cursor: pointer; margin: 3px; }
.find-replace-count { width: 100% !important; }
.find-replace-clear { padding: 10px 0 !important; }
.find-replace-file { padding: 5px; border-radius: 5px; width: 250px; font-size: 15px; }
.upload-file { position: relative; display: inline-block; }  
.file-upload-label { border: 1px solid #cccccc; padding: 0.3em 0.5em; background-color: #f0f0f0; border-radius: 0.4em; cursor: pointer; font-size: 1em; }  
.file-upload-label:hover { background-color: #e0e0e0; }  
.upload-icon { margin-right: 8px; font-size: 18px; }  
.find-replace-file { display: none; }
.url-upload { cursor: pointer; padding-left: 30px !important; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="gray" class="bi bi-search" viewBox="0 0 16 16"> <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.099zm-5.44 1.1a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11z"/> </svg>') no-repeat 8px center !important; }
.repeat-settings { line-height: 50px; margin-bottom: var(--widgets-spacing-row); }
#seperator, #repetitions, #userDefined { width: 100px; height: 45px; }
.result-wrap-js .action-wrap { clear: both; }
.result-wrap-js h3 { display: inline-block; }
.preview-size-slider { float: right; margin-bottom: 1em; }
.preview-size-slider .sliders { width: 200px !important; }
.preview-size-slider label { padding-right: 5px; }
.result-settings { border: 1px solid #cccccc; display: flex; gap: 10px; border-radius: 10px; padding: 5px; background-color: #ffffff; font-size: 15px; }
.result-settings label { vertical-align: middle; padding: 0px 5px; }
.strength-bar-container { width: 100%; margin-top: -15px; }
#strengthBar { display: inline-block; height: 10px; width: 80%; background-color: #ddd; transition: background-color 0.3s ease; }
#strengthText { font-weight: bold; color: #333; }
#easysayCb, #easyreadCb, #allCb, #words, #currency, #writing { border: 1px solid #767676; appearance: none; border-radius: 50%; }
.options-container { background-color: #fafafa; border-radius: 20px; border: 5px solid var(--ast-global-color-0); display: grid; grid-template-columns: 35% 25% 30%; gap: 50px; max-width: 80%; margin: 0 auto; align-items: center; padding: 25px 10px 25px 10px; text-wrap: wrap; text-align: start; }
.ans-options-container { text-align: justify; background-color: #fafafa; border-radius: 20px; border: 5px solid var(--ast-global-color-0); max-width: 80%; margin: 0 auto; padding: 25px 10px 25px 10px; }
.options-container-two { grid-template-columns: 50% 50% !important; }
.options-container .option-item { padding: 5px 5px; display: flex; align-items: center; gap: 10px; position: relative; }
.options-container label { cursor: pointer; }
.tooltip { position: relative; cursor: pointer; color: var(--ast-global-color-8); }
.tooltip-text { visibility: hidden; background-color: var(--ast-global-color-0); color: #fff; text-align: center; border-radius: 5px; padding: 5px 10px; position: absolute; z-index: 1; bottom: 125%; left: 50%; transform: translateX(-50%); opacity: 0; transition: opacity 0.3s; white-space: normal; font-size: 15px; width: 150px; }
.tooltip:hover .tooltip-text { visibility: visible; opacity: 1; }
.morse-image { margin-top: 25px; }
.swap-box { font-size: 18px; color: #fff; background-color: var(--ast-global-color-0); border-radius: 5px; padding: 6px 10px 0px 10px; }
.swap-box:hover { background-color: #3a3a3a; cursor: pointer; }
.roman-date-wrap { border-radius: 20px; padding: 20px 20px !important; border: 5px solid var(--ast-global-color-0); }
.date-converter-wrap { display: grid; gap: 20px; grid-template-columns: repeat(5, 1fr); }
.date-converter-wrap .input_heading { padding: 10px; }
.date-converter-wrap select { width: 100%; }
.roman-date-wrap .button-box { text-align: center; margin: var(--widgets-spacing-row) 0; }
.preview-size-reset { margin-left: 10px; }
#preview_size_reset, #preview_size_reset_stacked, #preview_size_reset_zalgo { cursor: pointer; }
.randomip-tool-options { font-size: 16px; gap: 50px; padding: 25px 25px; margin: 0 auto; border-radius: 20px; border: 5px solid var(--ast-global-color-0); display: grid; grid-template-columns: 30% 30% 30%; }
.randomip-tool-options .tool-options-group-title { margin-bottom: 20px; font-weight: bold; font-size: 18px; }
.randomip-tool-options .tool-options-button { margin-bottom: 10px; }
.ipgenerator-row .tool-error { color: #ed6969; font-size: 16px; margin: 5px; }
.ipgenerator-row .button-wrap { margin: var(--widgets-spacing-row) 0; }
.randomip-tool-options label { vertical-align: text-bottom; }
.ipgenerator-row .ipv6-option { text-align: center; }
#birthdaySectionArea, #dateSectionArea, #yearsSectionArea, #result_instagram, #numbersSectionArea { display: grid; grid-template-columns: 25% 25% 25% 25%; }
#settingsSectionArea { display: grid; grid-template-columns: 33.3% 33.3% 33.3% }
.customize-card { border-radius: 10px; font-size: 18px; margin: 5px; padding: 8px 5px; background-color: #ffffff; text-align: center; min-height: 89%; border: 1px solid #cccccc; }
.card-content { margin-top: 1em; }
.range-slider1 { display: inline-block; position: relative; width: 350px; margin: 30px 0px 70px 0px; }
.range-slider1 input { pointer-events: none; position: absolute; left: 0; width: 350px; outline: none; height: 20px; margin: 0; padding: 0; }
.range-slider1 input::-webkit-slider-runnable-track { height: 5px; border: none; border-radius: 3px; background: transparent; }
.range-slider1 input::-ms-track { height: 5px; border: none; border-radius: 3px; background: transparent; color: transparent; }
.range-slider1 input::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: #555; margin-top: -5px; position: relative; z-index: 10000; pointer-events: all; }
.range-slider1 input::-moz-range-thumb { z-index: 1; height: 15px; width: 15px; pointer-events: all; }
.range-slider1 input::-moz-range-track { border: none; height: 0px; }
.range-slider1 input::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #555; position: relative; z-index: 10000; }
.range-slider1 .output { position: absolute; border: 1px solid #999; width: 40px; height: 30px; text-align: center; color: #999; border-radius: 4px; display: inline-block; font: bold 15px/30px Helvetica, Arial; bottom: 75%; left: 50%; transform: translate(-50%, 0); }
.full-range, .incl-range { width: 100%; height: 5px; left: 0; top: 21px; position: absolute; background: #DDD; }
.incl-range { background: var(--ast-global-color-0); }
.top-keyword-wrap { display: flex; gap: 10px; }
.sentence-counter .tabs { display: flex; gap: 10px;	flex-direction: column; }
.sentence-counter .tab { padding: 10px 50px !important; cursor: pointer;	text-align: center; }
.sentence-counter .tab.active { padding: 10px; background-color: #f5f5f5; border: 2px solid #eaeaea; font-weight: bold; }
.sentence-counter .tab-content { flex: 1; display: none; }
.sentence-counter .tab-content.active {	display: block; }
.sentence-counter ul { list-style: none; padding: 0; }
.sentence-counter li { margin: 1px 0; }
.sentence-counter li span { padding-right: 30px; }
.tk-wrap { padding: 15px 20px; margin-top: 10px; border-radius: 10px; background-color: white; }
.is-narrow { position: relative; }
.is-narrow .copy-icon { font-size: 20px; position: absolute; top: 5px; right: 3px; color: #999; text-align: center; line-height: 40px; cursor: pointer; height: 40px; width: 40px; padding: 0 !important; }
.is-narrow .wish-icon { font-size: 20px; position: absolute; top: 30px; right: 3px; color: #999; text-align: center; line-height: 40px; cursor: pointer; height: 40px; width: 40px; padding: 0 !important; }
.is-narrow .copy-icon:hover, .is-narrow .wish-icon:hover { color: #4b4f58; }
.is-narrow .wish-icon .cctooltiptext { font-size: 13px; }
.radio-wrap { margin-bottom: 1rem; }
.radio-wrap label { margin-right: 15px; }
.year-wrap input[type=number] { width: 150px; height: 45px; }
.buttons-container-wrap { display: flex; flex-wrap: wrap; gap: 30px; margin: var(--widgets-spacing-row) 0; }
.buttons-container-wrap .form-group { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; }
.buttons-container-wrap .form-group input.sizeSmall { width: 250px; text-align: center; }
.three-col { padding: 1em 0; display: grid;	grid-template-columns: 1fr 1fr 1fr; }
#pagination_controls { text-align: center; }
#pagination_controls button { font-size: 15px; margin: 25px 5px 0px 5px; padding: 15px; }
.review-wrap { text-align: center; padding: 10px; border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; margin: var(--widgets-spacing-row); margin-top: 20px; }
.box-radio { margin: 5px; display: inline-block; padding: 5px 20px;	background-color: #fff; border: 1px solid #4b4f58; border-radius: 4px; cursor: pointer; }
#F_help_n:checked ~ [for="F_help_n"], #F_help_y:checked ~ [for="F_help_y"] { border-color: var(--ast-global-color-0); background-color: var(--ast-global-color-0); color: #fff; }
.wp-forms-wrap .wpforms-field-label { font-weight: 400 !important; } 
.effect-review .review-wrap { border-top: 0 !important; }
.review-wrap .wpforms-field-small, .review-wrap .wpforms-field-large { border-radius: 0.4em; }
.remove-line-settings { margin-bottom: var(--widgets-spacing-row); }
.remove-line-settings label { margin-right: 10px; }
.remove-line-settings .setting-title { margin-right: 1rem; font-weight: bold; }
.remove-line-settings .single-row { margin-bottom: 0.3em; line-height: 2em; }
#zalgo_output_text { max-width: 100%; word-break: break-word; white-space: pre-wrap; overflow-wrap: break-word; }

/* Remove Text Formatting */
.app-container { display: flex; flex-wrap: wrap; gap: 10px; }
.app-box { flex: 1 1 calc(33% - 10px); border: 2px solid #ccc; background-color: #f9f9f9; padding: 1rem; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 10px; box-sizing: border-box; }
.form-check-input { margin-top:.3em; }
.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label { opacity:1; }
.form-check-input:disabled+.form-check-label, .form-check-input[disabled]+.form-check-label { opacity:.5; }
.input-number { width: 60px; }
.text-clean-area-wrap { padding-bottom: 0.5rem; }
.text-clean-file-wrap { padding-bottom: 0.3rem; }
.text-clean-file-wrap .form-control-file { border-color: #f5f5f5 !important; }
.result-message { text-align:center; color:#077207; }
.settings-title { margin-left:3px; display:inline-block; }
.checkbox-settings { float:right; margin-right:3px; }
.collapse-section { display: none; }
.collapse-section.show { display: inline-block; }

/* Playback Speed Calculator */
.playback-box-wrap { border: 1px solid #cccccc; border-radius: 0.4em; padding: 1rem; }
.playback-input-group { display: flex; justify-content: space-between; margin-bottom: 15px; }
.playback-input-group label { flex: 1; }
.playback-input-group input { flex: 2; }
.playback-result { margin-top: 20px; font-size: 1.1em; }
.playback-result span { font-weight: bold; }
.playback-button, .playback-reset-button { width: 30%;	}
.playback-button-wrap { text-align: center; }

/* Word-frequencycounter */
.word-frequencycounter-total { padding: 10px 35px 10px 15px; font-weight: bold; color: var(--ast-global-color-0); font-size: 15px; }

/* Online-vibration-simulator */
.vibrationwrap { display: inline-block; }
.vibrationstatus { font-weight: bold; font-size: 22px; margin-left: 35px; display: inline-block; }
.vibration-phone-icon { vertical-align: middle; font-size: 60px; transition: transform 0.1s ease; display: inline-block; }
.vibrating { animation: vibrate 0.3s linear infinite; }
@keyframes vibrate {
	0% { transform: translateX(0); }
	20% { transform: translateX(-3px); }
	40% { transform: translateX(3px); }
	60% { transform: translateX(-3px); }
	80% { transform: translateX(3px); }
	100% { transform: translateX(0); }
}

.topkeyword-list-ul { list-style: none; padding: 0; margin: 0; max-width: 600px; border: 1px solid #ddd; border-collapse: collapse; overflow-y: scroll; height: 20rem; }
.topkeyword-list-ul li { display: flex; justify-content: space-between; padding: 8px 12px; border-bottom: 1px solid #ddd; background-color: #f9f9f9; }
.topkeyword-list-ul li:nth-child(even) { background-color: #f1f1f1; }
.topkeyword-list-ul li span { flex: auto; text-align: left; padding: 0 20px; min-width: 10rem; }
.topkeyword-list-ul li.header { font-weight: 500; background-color: #eaeaea; border-bottom: 2px solid #ccc; }

.threebox-grid { gap: 1%; display: grid; grid-template-columns: 32.5% 32.5% 32.5%; margin-bottom: 1rem; }
.merge-words-settings { display: grid; grid-template-columns: 30% 30% 30%; }

#vc-frequencyTable td { text-align: center; }

.blurred { filter: blur(4px); }

#color-field { font-size: 15px; height: 30vh; overflow-y: auto; resize: both; }
.color-code-white { color: white; mix-blend-mode: difference; }
.color-code { margin: 4px; width: 12vh; float: left; aspect-ratio: 1; min-width: 100px; display: flex; align-items: center; justify-content: center; }
.hex-tooltip { position: absolute; top: 5px; left: 25px; background-color: rgba(0,0,0,0.7); color: white; padding: 2px 6px; font-size: 12px; border-radius: 3px; z-index: 10; display: none; pointer-events: none; }

.cc-select { padding: 0.4em !important; height: 2.5em !important; font-size: 0.9em !important; border-radius: 0.4em !important; }
.cc-text { height: 2.5em !important; font-size: 1em !important; border-radius: 0.4em !important; }
.cc-number { height: 2.5em !important; font-size: 1em !important; border-radius: 0.4em !important; }
.cc-radio { vertical-align: text-bottom; width: 1.2em; height: 1.2em; }
.cc-radio:checked { color: var(--ast-global-color-0); accent-color: var(--ast-global-color-0); }
.cc-checkbox { vertical-align: text-bottom; width: 1.2em; height: 1.2em; }
.cc-checkbox:focus { color: var(--ast-global-color-0); accent-color: var(--ast-global-color-0); }
.cc-checkbox:checked { color: var(--ast-global-color-0); accent-color: var(--ast-global-color-0); }
.cc-color { height: 2.5em !important; font-size: 1em !important; border-radius: 0.4em !important; }

.ast-scroll-to-top-right { bottom: 100px !important; right: 30px !important; }

@media only screen and (max-width: 600px) {
	.create_custom_layout .elementor-button { padding-top: 12px !important; padding-right: 12px !important; padding-bottom: 12px !important; padding-left: 12px !important; font-size: 15px !important; margin: 2px !important; }
	.home-copy-wrap .elementor-button { background-color: #f5f5f5 !important; color: var(--ast-global-color-0) !important; padding-top: 10px !important; padding-right: 10px !important; padding-bottom: 10px !important; padding-left: 10px !important; border: 2px solid !important; border-color: var(--ast-global-color-0) !important; font-size: 15px !important; margin: 2px !important; }	
	.copy-wrap-sub { text-align: center !important; }
	.ipgenerator-column { width: 100%; }
	.home-copy-wrap { padding-top: 5px; }
	.ast-scroll-to-top-right { bottom: 60px !important; right: 10px !important;	}

	/*.custom-line { position: relative; max-height: 3em; overflow: hidden; }
	.custom-line::before { content: " "; display: block; background: linear-gradient(0deg, #f5f5f5, transparent); position: absolute; top: 0; left: 0;	width: 100%; height: 100%; z-index: 999; }
	.custom-line::after { border-radius: 0px; content: '\25bc'; position: absolute; bottom: 0; right: 0; background-color: var(--ast-global-color-0); color: #ffffff; cursor: pointer; padding: 0 5px 0 5px; z-index: 9999; }  
	.custom-line.open::after { border-radius: 0px; content: '\25b2'; position: absolute; bottom: 0; right: 0; background-color: var(--ast-global-color-0); color: #ffffff; cursor: pointer; padding: 0 5px 0 5px; z-index: 9999; }
	.custom-line.open::before { z-index: -1; background: linear-gradient(to bottom, #f5f5f5, #f5f5f5); }
	.custom-line.open { max-height: none; }
	.custom-line p { margin-bottom: 1.6em; }*/

	.app-container { flex-direction: column; }
    .app-box { flex: 1 1 100%; }
}
@media only screen and (min-width: 600px) {
	.home-copy-wrap .elementor-button { background-color: #f5f5f5 !important; color: var(--ast-global-color-0) !important; border: 2px solid !important; border-color: var(--ast-global-color-0) !important; }
}
@media (max-width: 600px) {
	.buttons-container-wrap .form-group { flex: 1 1 45%; }
	.buttons-container-wrap { gap: 5px !important; }
	.is-centered { text-align: center; }
	.randomip-tool-options { grid-template-columns: 100% !important; }
	#birthdaySectionArea, #dateSectionArea, #yearsSectionArea, #result_instagram, #numbersSectionArea { grid-template-columns: 50% 50% !important; }
	#settingsSectionArea { grid-template-columns: 100% !important; }
	div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater) {
        overflow-x: unset !important;
    }
}
@media (max-width: 620px) {
    .options-container-two { max-width: 95%; padding: 20px; }	
}
@media screen and (max-width: 480px) {
	.vibrationwrap { display: block; text-align: center; margin-bottom: 3rem; }
	.vibrationstatus { margin-top: 25px; margin-left: 0px; display: block; }
	.vibration-phone-icon { margin-top: 25px; margin-left: 0px; }	
}
@media (max-width: 480px) {
    .box { width: 90%; margin-bottom: 20px; }
    .sc-container { flex-direction: column; align-items: center; }
	.options-container { font-size: 14px !important; grid-template-columns: repeat(1, 1fr); max-width: 80%; gap: 5px; padding: 10px; width: 100%; display: inline-block; }
	.options-container-two { max-width: 95%; padding: 5px; }
	.date-converter-wrap { display: block !important; }
}
@media (min-width: 480px) and (max-width: 768px) {
    .box { width: 45%; margin-bottom: 20px; }	
}
@media only screen and (max-width: 768px) {
	.three-col { display: grid; grid-template-columns: 1fr; padding: 1em 0; }
	.is-narrow .wish-icon { top: 5px; right: 30px; }
	.top-keyword-wrap { display: inline-block !important; min-width: 100%; }
	.sentence-counter .tabs { width: 90%; display: inline-block !important; margin-bottom: 10px; }
	.topkeyword-list-ul li { display: block !important; }
	.tk-wrap #results { width: 90%; } 
	.threebox-grid { grid-template-columns: 100%; }
}
@media screen and (max-width: 640px) {
	#decode_style_selection { display: block; margin: 0 !important; }
	#decode_style_selection label { display: inline-block !important; }
	#decode_style_selection select { display: inline-block !important; margin: 0px 10px 20px 15px !important; }
	.hide-show-plain-rich-wrap { float: none; margin-bottom: 1rem; }
	.swap-box { margin-bottom: 0; padding: 5px 5px 5px 5px !important; }
	.textheaxe-button-wrap { float: none !important; }	
}
@media screen and (min-width: 640px) {
	#decode_style_selection { margin: 0 35px; display: inline-flex; }
	.textheaxe-button-wrap { float: right !important; margin: 0px !important; }
}
@media screen and (max-width: 652px) {
	.swap-box { margin-bottom: 10px; padding: 5px 5px 0px 5px !important; }
}
@media screen and (max-width: 767px) {
	.result-settings { display: inline-block !important; }	
	.result-settings .preview-size-slider { float: none !important; }	
}
@media (max-width: 768px) {
    .options-container { font-size: 21px; grid-template-columns: repeat(1, 1fr) !important; max-width: 80%; gap: 5px; padding: 50px; width: 100%; display: inline-block; }
	.is-narrow .card { padding: var(--widgets-spacing-row) 0; }
}
@media screen and (max-width: 870px) {
    .dropdown-wrap { display: block; }
    .dropdown-wrap label { display: block; width: 100%; margin-bottom: 10px; }
    .selection { margin-right: 0; }
	#decode_style_selection label, #decode_style_selection select { width: auto !important; }
	#decode_style_selection { margin: 0px 0px 0px 20px !important; }
	.swap-box { margin-bottom: 10px; padding: 5px 5px 0px 5px; }
	.merge-words-settings { gap: 15px; grid-template-columns: 100% !important; }
}
@media screen and (max-width: 900px) {
	.result-settings input[type="range"] { width: 100px !important; }
	.app-box { flex: 1 1 calc(50% - 10px); }	
}
@media only screen and (max-width: 1024px) {
	.display-left-set { width: -webkit-fill-available; }
	.convert-alternating-checkbox-wrap { float: none; }
	.radio-wrap, .button-wrap { line-height: 3; }
}
@media (max-width: 1020px) {
    .randomip-tool-options { grid-template-columns: 45% 45%; }
	#birthdaySectionArea, #dateSectionArea, #yearsSectionArea, #result_instagram, #numbersSectionArea { grid-template-columns: 33% 33% 33%; }
	#settingsSectionArea { grid-template-columns: 50% 50%; }
	.options-container { font-size: 15px; grid-template-columns: 40% 25% 30%; max-width: 95%; gap: 10px; }
	.date-converter-wrap { gap: 20px !important; grid-template-columns: repeat(3, 1fr) !important; }
	.merge-words-settings { gap: 15px; grid-template-columns: 35% 35%; }
}
@media screen and (max-width: 1050px) {
	.repeat-settings { line-height: 40px; }
}
@media (max-width: 1140px) {
    .options-container { font-size: 18px; grid-template-columns: 35% 25% 30%; max-width: 90%; }
}
@supports (-webkit-appearance: none) {
    .range-slider1 input { top: 15px; }
}
@-moz-document url-prefix() {
    .range-slider1 input { top: 12px; }
}

/* Fake-tweet-generator */
.tweet-main-wrap { display: flex; align-items: flex-start; }
.tweet-main-wrap .form { background-color: white; border: 1px #dde7ef solid; border-radius: 8px; padding: 24px; flex: 1; }
.tweet-main-wrap .form .form-control { margin-bottom: 24px; }
.tweet-main-wrap .form .form-control label { display: block; font-weight: 500; }
.tweet-main-wrap .form .form-control input,	.tweet-main-wrap .form .form-control textarea { display: block; font: inherit; width: 100%; padding: 10px 14px; margin: 4px 0; border: 1px #cbd5e1 solid; border-radius: 6px; outline: none; transition: border-color 200ms ease-in; }
.tweet-main-wrap .form .form-control input:focus, .tweet-main-wrap .form .form-control textarea:focus {	border-color: #1da1f2;	}
.tweet-main-wrap .form .form-control input::placeholder, .tweet-main-wrap .form .form-control textarea::placeholder { color: #9ca1a5; }
.tweet-main-wrap .form .form-control textarea { resize: vertical; }
.tweet-main-wrap .form .form-control small { font-size: 13px; color: #8c9094; }
.tweet-main-wrap .form .form-control .username_input { display: block; background-color: white; color: #8c9094; font: inherit; width: 100%; padding: 0 14px; margin: 4px 0; border: 1px #cbd5e1 solid; border-radius: 6px; outline: none; transition: border-color 200ms ease-in, color 200ms ease-in; display: flex; align-items: center; }
.tweet-main-wrap .form .form-control .username_input:focus-within { border-color: #1da1f2; color: #0f1419; }
.tweet-main-wrap .form .form-control .username_input::placeholder { color: #9ca1a5; }
.tweet-main-wrap .form .form-control .username_input input { display: inline; margin: 0 0 0 2px; padding: 10px 0; border: none; }
.tweet-main-wrap .form .form-control .username_input input:focus { border-style: none; }
.tweet-main-wrap .form .form-control input[type=radio] { display: inline; width: fit-content; }
.tweet-main-wrap .form .form-control input[type=radio] + label { display: inline; }
.tweet-main-wrap .form .form-control p { font-weight: 500; }
.tweet-main-wrap .form .form-control .group { margin-top: 10px; display: flex; }
.tweet-main-wrap .form .form-control .group .radio_container { display: block; position: relative; padding-left: 22px; margin-right: 20px; cursor: pointer; font-size: 16px; font-weight: 400; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.tweet-main-wrap .form .form-control .group .radio_container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.tweet-main-wrap .form .form-control .group .radio_mark { position: absolute; top: 4px; left: 0; height: 16px; width: 16px; border: 1px #aab8c2 solid; border-radius: 50%; background-color: white; }
.tweet-main-wrap .form .form-control .group .radio_container input:focus ~ .radio_mark { box-shadow: 0 0 0 3px rgba(29, 161, 242, 0.4); }
.tweet-main-wrap .form .form-control .group .radio_container input:checked ~ .radio_mark { background-color: var(--ast-global-color-0); border-color: var(--ast-global-color-1); }
.tweet-main-wrap .form .form-control .group .radio_mark:after { content: ""; position: absolute; display: none; }
.tweet-main-wrap .form .form-control .group .radio_container input:checked ~ .radio_mark:after { display: block; }
.tweet-main-wrap .form .form-control .group .radio_container .radio_mark:after { top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 50%; background: white; }
.tweet-main-wrap .form .form-control.upload { margin-bottom: 60px; display: flex; position: relative; }
.tweet-main-wrap .form .form-control.upload label { display: inline-block; position: relative; border-radius: 99px; background-color: var(--ast-global-color-0); color: #fff; font-weight: 400; padding: 10px 30px; cursor: pointer; }
@media (hover: hover) {
	.tweet-main-wrap .form .form-control.upload label { transition: background 200ms ease-in; }
	.tweet-main-wrap .form .form-control.upload label:hover { background-color: var(--ast-global-color-1); }
}
@media (hover: none) {
	.tweet-main-wrap .form .form-control.upload label:active { background-color: #1a90d9; }
}
.tweet-main-wrap .form .form-control.upload .file { opacity: 0; width: 0; height: 0; position: absolute; top: 0; left: 0; cursor: pointer; z-index: -10; }
.tweet-main-wrap .form .form-control.upload .file-name { font-size: 13px; font-weight: 400; position: absolute; bottom: -55px; background-color: #eef3f7; color: #0f1419; border-radius: 99px; padding: 4px 16px; display: none; }
.tweet-main-wrap .form .form-control.upload .file-name.show { display: block; }
.tweet-main-wrap .form .form-control.upload .reset { border: 1px solid var(--ast-global-color-0); border-radius: 99px; background-color: white; color: var(--ast-global-color-0); font: inherit; cursor: pointer; padding: 10px 30px; margin-left: 12px; }
@media (hover: hover) {
	.tweet-main-wrap .form .form-control.upload .reset { transition: background 200ms ease-in; }
	.tweet-main-wrap .form .form-control.upload .reset:hover { background-color: var(--ast-global-color-1); color: #fff;}
}
@media (hover: none) {
	.tweet-main-wrap .form .form-control.upload .reset:active { background-color: #e6e8eb; }
}
@media (max-width: 890px) {
	.tweet-main-wrap .form { width: 75%; margin: 0 auto; }
}
@media (max-width: 700px) {
	.tweet-main-wrap .form { width: 85%; margin: 0 auto; }
}
@media (max-width: 640px) {
	.tweet-main-wrap .form { width: 95%; margin: 0 auto; }
}
@media (max-width: 520px) {
	.tweet-main-wrap .form { background-color: #f5f5f5; width: 100%; margin: 0 auto; box-shadow: none; border: none; border-radius: 0; padding: 24px 10px; }
}
.tweet-main-wrap .tweet-desk { background-color: white; border: 1px #dde7ef solid; border-radius: 8px; padding: 24px; margin-left: 16px; position: sticky; top: 16px; z-index: 10; }
.tweet-main-wrap .tweet-desk .tweet_box { border: 1px #eff3f4 solid; background-color: white; margin: 32px 0 0; width: 440px; }
.tweet-main-wrap .tweet-desk .tweet_box.dim { border: 1px #15202b solid; background-color: #15202b; }
.tweet-main-wrap .tweet-desk .tweet_box.dark { border: 1px #000000 solid; background-color: #000000; }
@media (max-width: 940px) {
	.tweet-main-wrap .tweet-desk .tweet_box { width: 400px; }
}
@media (max-width: 890px) {
	.tweet-main-wrap .tweet-desk .tweet_box { max-width: 440px; width: 100%; margin: 32px auto 0; }
}
.tweet-main-wrap .tweet-desk .tweet { border: 1px transparent solid; background-color: white; padding: 0 16px; font-size: 15px; width: 100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; }
.tweet-main-wrap .tweet-desk .tweet .head { padding-top: 12px; display: flex; justify-content: space-between; }
.tweet-main-wrap .tweet-desk .tweet .head .title { display: flex; align-items: center; }
.tweet-main-wrap .tweet-desk .tweet .head .title img { display: inline-block; border-radius: 50%; margin-right: 12px; }
.tweet-main-wrap .tweet-desk .tweet .head .title .text .top { font-weight: 700; display: flex; align-items: center; }
.tweet-main-wrap .tweet-desk .tweet .head .title .text .top .tweet_name { margin-right: 2px; }
.tweet-main-wrap .tweet-desk .tweet .head .title .text .top .verified { font-weight: 400; color: #1da1f2; }
.tweet-main-wrap .tweet-desk .tweet .head .title .text .top .verified.hide { display: none; }
.tweet-main-wrap .tweet-desk .tweet .head .title .text .bottom { color: #536471; }
.tweet-main-wrap .tweet-desk .tweet .head .dots { color: #536471; }
.tweet-main-wrap .tweet-desk .tweet .content .message { padding-top: 16px; font-size: 23px; }
.tweet-main-wrap .tweet-desk .tweet .content .message .highlight { color: #1b95e0; }
.tweet-main-wrap .tweet-desk .tweet .content .tweet_info { color: #536471; padding: 16px 0; display: flex; }
.tweet-main-wrap .tweet-desk .tweet .stats { border-top: 1px #eff3f4 solid; color: #536471; padding: 16px 4px; display: flex; flex-wrap: wrap; }
.tweet-main-wrap .tweet-desk .tweet .stats .stat { margin-right: 24px; }
.tweet-main-wrap .tweet-desk .tweet .stats .stat .count { font-weight: 700; color: #0f1419; }
.tweet-main-wrap .tweet-desk .tweet .stats .stat.hide { display: none; }
@media (max-width: 520px) {
	.tweet-main-wrap .tweet-desk .tweet .stats .stat { margin-right: 12px; }
}
.tweet-main-wrap .tweet-desk .tweet .tail { border-top: 1px #eff3f4 solid; padding: 12px 0; display: flex; justify-content: space-around; }
.tweet-main-wrap .tweet-desk .tweet .tail svg { color: #536471; }
.tweet-main-wrap .tweet-desk .tweet .dsvg svg { color: #536471; }
.tweet-main-wrap .tweet-desk .tweet .tail span { display: flex; align-items: center; gap: 3px; }
.tweet-main-wrap .tweet-desk .tweet.dim { background-color: #15202b; color: white; }
.tweet-main-wrap .tweet-desk .tweet.dim .head .title .text .top .verified { color: white; }
.tweet-main-wrap .tweet-desk .tweet.dim .head .title .text .bottom, .tweet-main-wrap .tweet-desk .tweet.dim .head .title .text .dots { color: #798a96; }
.tweet-main-wrap .tweet-desk .tweet.dim .content .tweet_info { color: #798a96; }
.tweet-main-wrap .tweet-desk .tweet.dim .content .tweet_info .tweet_client { color: #1b95e0; }
.tweet-main-wrap .tweet-desk .tweet.dim .stats { border-top: 1px #38444d solid; color: #798a96; }
.tweet-main-wrap .tweet-desk .tweet.dim .stats .stat .count { color: white; }
.tweet-main-wrap .tweet-desk .tweet.dim .tail { border-top: 1px #38444d solid; }
.tweet-main-wrap .tweet-desk .tweet.dim .tail svg { color: #798a96; }
.tweet-main-wrap .tweet-desk .tweet.dim .dsvg svg { color: #798a96; }
.tweet-main-wrap .tweet-desk .tweet.dark { background-color: #000000; color: #d9d9d9; }
.tweet-main-wrap .tweet-desk .tweet.dark .head .title .text .top .verified { color: #d9d9d9; }
.tweet-main-wrap .tweet-desk .tweet.dark .head .title .text .bottom, .tweet-main-wrap .tweet-desk .tweet.dark .head .title .text .dots { color: #6e767d; }
.tweet-main-wrap .tweet-desk .tweet.dark .content .tweet_info { color: #6e767d; }
.tweet-main-wrap .tweet-desk .tweet.dark .content .tweet_info .tweet_client { color: #1b95e0; }
.tweet-main-wrap .tweet-desk .tweet.dark .stats { border-top: 1px #2f3336 solid; color: #6e767d; }
.tweet-main-wrap .tweet-desk .tweet.dark .stats .stat .count { color: #d9d9d9; }
.tweet-main-wrap .tweet-desk .tweet.dark .tail { border-top: 1px #2f3336 solid; }
.tweet-main-wrap .tweet-desk .tweet.dark .tail svg { color: #6e767d; }
.tweet-main-wrap .tweet-desk .tweet.dark .dsvg svg { color: #6e767d; }
@media (max-width: 395px) {
	.tweet-main-wrap .tweet-desk .tweet { font-size: 14px; }
	.tweet-main-wrap .tweet-desk .tweet .content .message { font-size: 21px; }
	.tweet-main-wrap .tweet-desk .tweet .stats { padding: 16px 0; }
	.tweet-main-wrap .tweet-desk .tweet .stats .stat { margin-right: 8px; }
	.tweet-main-wrap .form .form-control.upload { text-align: center; display: block; margin-bottom: 24px; }
	.tweet-main-wrap .form .form-control.upload label { margin: 10px; }
	.tweet-main-wrap .form .form-control.upload .file-name { position: unset; }
}
.tweet-main-wrap .tweet-desk .btn { display: block; border: none; border-radius: 6px; border-radius: 99px; background-color: var(--ast-global-color-0); color: white; font: inherit; margin: 35px auto 0; padding: 11px 33px; cursor: pointer; }
@media (hover: hover) {
	.tweet-main-wrap .tweet-desk .btn { transition: background 200ms ease-in; }
	.tweet-main-wrap .tweet-desk .btn:hover { background-color: var(--ast-global-color-1); }
}
@media (hover: none) {
	.tweet-main-wrap .tweet-desk .btn:active { background-color: #1a90d9; }
}
@media (max-width: 890px) {
	.tweet-main-wrap .tweet-desk { width: 75%; margin: 0 auto 16px; position: static; }
}
@media (max-width: 700px) {
	.tweet-main-wrap .tweet-desk { width: 85%; margin: 0 auto 16px; }
}
@media (max-width: 640px) {
	.tweet-main-wrap .tweet-desk { width: 95%; margin: 0 auto 16px; }
}
@media (max-width: 520px) {
	.tweet-main-wrap .tweet-desk { background-color: #f5f5f5; width: 100%; margin: 0 auto 16px; box-shadow: none; border: none; border-radius: 0; padding: 24px 10px; }
}
@media (max-width: 890px) {
	.tweet-main-wrap { flex-direction: column-reverse; }
}
@media (max-width: 520px) {
	.tweet-main-wrap { padding: 16px; }
}
.tweet-tabs { display: flex; }
.tweet-tabs .tab { padding: 10px 20px; cursor: pointer; border: 1px solid #ccc; border-bottom: none; background-color: #f0f0f0; }
.tweet-tabs .tab.active { background-color: #fff; font-weight: bold; }
.tweet-main-wrap .form-section { display: none; border: 1px solid #ccc; padding: 20px; background: #fff; }
.tweet-main-wrap .form-section.active { display: block; }
.single-comment-wrap { padding: 0 16px; }
.tweet-container { padding: 10px 0 0 0; max-width: 600px; display: flex; position: relative; }
.profile-pic img { border: 1px solid #cccccc !important; width: 48px; height: 48px; border-radius: 50% !important; margin-right: 10px; }
.tweet-content { flex: 1; }
.user-info { font-size: 14px; color: #555; }
.user-info b { color: #000; }
.replying-to { color: #1da1f2; font-size: 14px; margin-bottom: 5px; }
.tweet-text { font-size: 15px; margin: 5px 0; } 
.tweet-text a { color: #1da1f2; text-decoration: none; }
.tweet-actions { display: flex; gap: 25px; margin-top: 10px; font-size: 16px; color: #657786; }
.delete-icon { position: absolute; top: 10px; right: 10px; cursor: pointer; }
.thread-line { position: absolute; left: 24px; top: 58px; bottom: -12px; width: 2px; background: #ccc; }
.comment_box { border: 1px #eff3f4 solid; background-color: white; width: 440px; padding-bottom: 10px; }
.tweet-icon { color: #536471; font-size: 14px; }
@media (max-width: 890px) {
	.comment_box { max-width: 440px; width: 100%; margin: 0 auto 32px; }
}
.comment_box .tweet-actions span { display: flex; align-items: center; gap: 3px; }
.comment_box .highlight { color: #1b95e0; }
.tweet-main-wrap #comment-form .btn {  border-radius: 99px; background-color: var(--ast-global-color-0); color: white; font: inherit; padding: 11px 33px; cursor: pointer; }
.tweet-main-wrap #comment-form .btn:hover { background-color: var(--ast-global-color-1); }
.tweet-comment { margin-top: 25px; border-top: 1px solid #cccccc; }
.comment_box .stroke svg { stroke: #1da1f2; }
.comment_box .point-cursor { cursor: pointer; }
.editable { cursor: pointer; }
.modal { width: 500px; position: fixed; top: 20%; left: 50%; transform: translate(-50%, 0); background: #fff; border: 1px solid #ccc; padding: 20px; z-index: 9999; }
.closeModal { color: #fff; padding: 0 7px 5px 7px; border-radius: 50%; background-color: #1da1f2; font-size: 30px; float: right; cursor: pointer; }
@media (max-width: 890px) {
	.modal { width: 250px; }
}
.tweet-main-wrap .tweet-desk .comment_box.dim { border: 1px #15202b solid; background-color: #15202b; }
.tweet-main-wrap .tweet-desk .comment_box.dark { border: 1px #000000 solid; background-color: #000000; }
.tweet-main-wrap .tweet-desk .single-comment-wrap.dim { background-color: #15202b; color: white; }
.tweet-main-wrap .tweet-desk .single-comment-wrap.dim .user-info b { color: white !important; }
.tweet-main-wrap .tweet-desk .single-comment-wrap.dim .user-info { color: #798a96 !important; }
.tweet-main-wrap .tweet-desk .single-comment-wrap.dim .count { color: white !important; }
.tweet-main-wrap .tweet-desk .tweet_box .dim .people-tag { color: #798a96 !important; }
.tweet-main-wrap .tweet-desk .single-comment-wrap.dark { background-color: #000000; color: #d9d9d9; }
.tweet-main-wrap .tweet-desk .single-comment-wrap.dark .user-info b { color: #d9d9d9 !important; }
.tweet-main-wrap .tweet-desk .single-comment-wrap.dark .user-info { color: #6e767d !important; }
.tweet-main-wrap .tweet-desk .single-comment-wrap.dark .count { color: #d9d9d9 !important; }
.tweet-main-wrap .tweet-desk .tweet_box.dark .people-tag { color: #6e767d !important; }
/* Fake-tweet-generator */

/* Fake-instagram-post-generator */
#post_avatar_image { max-width: 100%; height: auto; display: block; margin: 0 auto; }
.post_img .dot-indicator { display: inline-flex; ;margin-top: 10px; text-align: center; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); }
.post_img .dot { height: 8px; width: 8px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block;transition: background-color 0.3s ease; }
.post_img .dot.active { background-color: #0095f6; }
.post_img .people-tag { position: absolute; bottom: 10px; left: 10px; background-color: rgba(255, 255, 255, 0.8); border-radius: 50%; padding: 5px; display: flex; align-items: center; justify-content: center; }
.post_img.mb20 { margin-bottom: 20px; }
.insta-story { border: 3px solid #f66090 !important; }
#instagram_like #liked-red { display: none !important; }
#instagram_like #liked-gray { display: block !important; }
#instagram_like.stroke #liked-red { display: block !important; }
#instagram_like.stroke #liked-gray { display: none !important; }
/* Fake-instagram-post-generator */

/* Fake-name-generator */
.fake-name-wrap { border-radius: 8px; background-color: #fff; padding: 25px; }
.fake-name-wrap label { display: block; font-weight: bold; margin-bottom: 5px; }
.fake-name-wrap select, .fake-name-wrap input[type="number"] { width: 100%;	padding: 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 5px; }
.fake-name-wrap .form-group { margin-bottom: 20px; }
.fake-name-wrap .row { display: flex; gap: 20px; }
.fake-name-wrap .col { flex: 1; }
.fake-name-wrap .name-generate-button-wrap { text-align: center; }
/* Fake-name-generator */

/* Hyperlink-generator */
.hyperlink-container { display: flex; flex-wrap: wrap; gap: 20px; }
.hyperlink-container .left-panel, 
.hyperlink-container .right-panel { flex: 1 1 48%; border: 1px solid #ccc; padding: 20px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); background: #fafafa; }
.hyperlink-container .form-group { margin-bottom: 15px; }
.hyperlink-container .mb label { margin-bottom: 5px; font-weight: bold; }
.hyperlink-container label { font-weight: bold; }
.hyperlink-container input[type="text"], 
.hyperlink-container select, 
.hyperlink-container input[type="color"] { width: 100%; padding: 6px; margin-bottom: 5px; }							
.hyperlink-container .inline-group { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; align-items: center; }
.hyperlink-container .checkbox-group { display: flex; gap: 10px; align-items: center; }
.hyperlink-container .output-box { background: #f1f1f1; border: 1px solid #dcdcdc; padding: 10px; font-family: monospace; white-space: pre-wrap; margin-bottom: 2rem; }
.highlight-box label { font-size: 16px; }
.highlight-box { border: 2px solid #dcdcdc; padding: 10px; background: #f1f1f1; margin: 2rem 0; border-left: 5px solid var(--ast-global-color-0);     text-align: center; }
.output-box-show { border: 2px solid #dcdcdc; padding: 10px; background: #f1f1f1; margin-bottom: 2rem; border-left: 5px solid var(--ast-global-color-0); }
.CodeMirror { width: 100%; max-width: 545px; }
@media (max-width: 1280px) {
	.hyperlink-container .inline-group { grid-template-columns: repeat(2, 1fr); }
}
/* Hyperlink-generator */

/* UTM-generator */
.utm-result { width: 45%; min-height: 250px; }
.utm-result .utm-output-wrap.error { padding: 5px 0; border-top: 3px solid red; }
.utm-result .utm-output-wrap .error-msg { display: none; }
.utm-result .utm-output-wrap.error .error-msg { display: block; }
.utm-result .utm-output-wrap .url-text { display: block; }
.utm-result .utm-output-wrap.error .url-text { display: none; }
.input-error { border-color: red !important; }
.input-error-text{ color: red !important; }
/* UTM-generator */

/* Duplicate Lines Remover */
.duplicate-line-remover .flex-row { display: flex; gap: 10px; margin-bottom: 1rem; }
.duplicate-line-remover .panel { background: #fff; padding: 20px; flex: 1; border: 1px solid #ccc; box-shadow: 0px 0px 10px 0px #ccc; }
.duplicate-line-remover .capital-options { display: none; margin: 10px; }
.duplicate-line-remover .capital-options span { border-radius: 8px; padding: 3px 10px; border: 2px solid var(--ast-global-color-0);; cursor: pointer; white-space: pre; display: inline-block; margin: 3px; }
.duplicate-line-remover .capital-options span.active { color: #fff; background-color: var(--ast-global-color-0); }
.duplicate-line-remover .options-row label { cursor: pointer; padding-right: 10px; }
.duplicate-line-remover .options-row.seprate label { white-space: pre; }
.duplicate-line-remover .options-row.seprate { line-height: 30px; margin-top: 15px; }
.duplicate-line-remover .panel-title { margin-bottom: 8px; font-weight: bold; font-size: 1em; }
.duplicate-line-remover .action-button { cursor: pointer; padding: 10px 5px; font-size: 14px; white-space: pre; }
.duplicate-line-remover .panel-box { margin-bottom: 2rem; }
.duplicate-line-remover .textarea { resize: vertical !important; }
.duplicate-line-remover .footer-btn { text-align: center; }
@media (max-width: 768px) {
	.duplicate-line-remover .flex-row{ display: block; }
}
/* Duplicate Lines Remover */

/* Random State Generator */
.random-container { background: white;border: 1px solid #ccc;border-radius: 8px;padding: 20px;margin: auto; }
.random-container legend { font-weight: bold; font-size: 18px; margin-bottom: 0px; }
.country-select { width: 100%; padding: 10px; margin-bottom: 10px; font-size: 18px; border-radius: 8px; }
.state-list { display: flex; flex-direction: column; gap: 5px; max-height: 500px; overflow-y: auto; border: 1px solid #ccc; border-radius: 10px; padding: 10px; min-height: 250px; margin-bottom: 5px; }
.state-item { display: flex; align-items: center; background: #f5f5f5; border-radius: 6px; padding: 8px 10px; justify-content: space-between; cursor: move; }
.drag-handle { cursor: grab; font-size: 18px; margin-right: 10px; }
.checkbox-wrap { display: flex; align-items: center; gap: 10px; flex-grow: 1; }
.state-name { flex-grow: 1; }
.reset-button { font-size: 12px; cursor: pointer; padding: 0 10px; border-radius: 5px; border: 2px solid #ccc; float: right; }
.reset-button:hover { background: #ccc; }
#wheelWrapper { position: relative; width: 650px; margin: 0 auto; }
#spinBtn { font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 20; padding: 35px 25px; font-size: 18px; background: #000; color: white; border: none; border-radius: 50px; cursor: pointer; border: 5px solid #fff; }
@media (max-width: 768px) {
	#wheelWrapper { width: 100%; }
	#wheel { width: 100%; }
}
@keyframes zoomEffect {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.3); }
}
.spin-label { display: inline-block; transition: transform 0.3s ease; }
.spin-label.spin-zoom { animation: zoomEffect 1s ease-in-out infinite; }
.modal { display: none; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); justify-content: center; align-items: center; }
.modal-content { background: #fff; padding: 20px 30px; border-radius: 12px; text-align: center; min-width: 300px; animation: popUp 0.3s ease-out; }
@keyframes popUp {
	from { transform: scale(0.8); opacity: 0; }
	to { transform: scale(1); opacity: 1; }
}
.close-modal { float: right; cursor: pointer; font-size: 24px; color: #888; }
#confettiCanvas { position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: -1; }
#arrowSymbol { position: absolute; top: 51%; right: -25px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 25px solid #333; transform: rotate(90deg); }
@media (max-width: 520px) {
	#arrowSymbol { position: absolute; top: 55%; right: -15px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 15px solid #333; transform: rotate(90deg); }
	#spinBtn { padding: 25px 15px !important; }
}
/* Random State Generator */

/* Calculate String Length */
#loadurlModal .modal { display: none; background-color: rgba(0,0,0,0.4); }
#loadurlModal .modal-content { background-color: #fff; margin: 15% auto; padding: 20px; width: 40%; position: relative; }
#loadurlModal .close-modal { position: absolute; right: 10px; top: 10px; cursor: pointer;	font-size: 20px; }
/* Calculate String Length */

/* Caesar Cipher Solver */
.caesar-cipher-wrap .cc-container { display: flex; gap: 20px; flex-wrap: wrap; } 
.caesar-cipher-wrap .section { background: white; padding: 15px; border: 1px solid #ccc; border-radius: 5px; flex: 1; min-width: 300px; }
.caesar-cipher-wrap .output-box { min-height: 5rem; margin-top: 15px; padding: 10px; background: #f5f5f5; border: 1px solid #ccc; border-radius: 10px; }
.caesar-cipher-wrap .cipher-table { margin-top: 15px; padding: 10px; background: #fff; border: 1px solid #ccc; }
.caesar-cipher-wrap .cipher-table td { padding: 5px; text-align: center; }
.caesar-cipher-wrap .footer-example { margin: 10px 0 20px 20px; }
/* Caesar Cipher Solver */


.cc-button { display: flex; flex-wrap: wrap; gap: 0.5em; margin-bottom: var(--widgets-spacing-row); }
@media (max-width: 768px) {
	.cc-button a { flex: 1; white-space: nowrap; }
}
.txt-area-on-icon { font-size: 20px; color: #999; text-align: center; line-height: 40px; cursor: pointer; height: 40px; width: 40px; padding: 0 !important; }
.txt-area-on-icon:hover { color: #4b4f58; }

.textarea-container .sort1 { position: absolute; top: 2px; right: 0; }
.textarea-container .sort2 { position: absolute; top: 32px; right: 0; }
.textarea-container .sort3 { position: absolute; top: 62px; right: 0; }
.textarea-container .sort4 { position: absolute; top: 92px; right: 0; }
.textarea-container .sort5 { position: absolute; top: 122px; right: 0; }

.dropdown-wrap.textheaxe-button-wrap { margin-bottom: 1em !important; }

.result-here-js-wrap { display: flex; flex-direction: row-reverse; flex-wrap: wrap; align-items: flex-start; gap: 0px; padding: 12px 3px 12px 12px; border: 1px solid #ccc; }
.result-here-js { flex: 1 1 10%; margin: 0; font-size: 19px; line-height: 1.4; padding-top: 3px; }
.icon-group { display: flex; flex-direction: row; flex-shrink: 0; }
.single-icon { height: 30px !important; width: 30px !important; line-height: 30px !important; }
.single-icon .cctooltiptext { font-weight: normal !important; font-size: 13px !important; text-wrap: nowrap; }

.case-convert-home .cctooltiptext { font-weight: normal !important; font-size: 13px !important; text-wrap: nowrap; top: -30%; line-height: normal !important; }
.case-convert-home .txt-area-on-icon.left .cctooltiptext { font-weight: normal !important; font-size: 13px !important; text-wrap: nowrap; line-height: normal !important; right: 75% !important; top: 0% !important; transform: translate(0%, 0%) !important; left: unset !important; }

.pbt-5 { padding-bottom: 5px; }
.preview-size-text span { user-select: none; padding: 0 3px 0 0; cursor: pointer; font-weight: bold; font-size: 18px; }


.global-bottam-margin { margin-bottom: var(--widgets-spacing-row); width: 100%; display: block; }
.flexi-view { display: flex; gap: 1rem; }
.flexi-box { flex:1; }
.side-output .action-wrap{ max-height: 195px; min-height: 195px; overflow: auto; }
.mobile-show { display: none; }
#firstOutput { word-wrap: break-word; overflow-wrap: break-word; white-space: pre-wrap; width: 100%; max-width: 100%; flex: 1; }
.flexi-box .single-icon { line-height: 40px !important; height: 40px !important; width: 40px !important; }

/* @media (max-width: 1340px) { */
	.flexi-box .single-icon.left .cctooltiptext { right: 75% !important; top: 0% !important; transform: translate(0%, 0%) !important; left: unset !important; }
/* } */

@media (max-width: 768px) {
  .flexi-view { flex-direction: column; }
  .flexi-box { width: 100%; flex: unset; }
  .side-output { display: block; }
  .icon-group { flex-direction: column; }
  .icon-group .cctooltiptext { right: 85% !important; top: 0% !important; transform: translate(0%, 0%) !important; left: unset !important; }
}
.side-textarea { padding-right: 30px; resize: vertical; }
.pointer-in .result-here-js-wrap { cursor: pointer; }
.copy-bg { background-color: #e2f5eb33; }
.options-container .cc-checkbox { min-width: 1.2rem; }

@media (max-width: 1340px) {
	.cctooltip .cctooltiptext { right: 85% !important; top: 0% !important; transform: translate(0%, 0%) !important; left: unset !important; }
}

/*plain text converter*/
.plaintext-wrap .options-group { min-width: 200px; flex: 1 1 200px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px 5px; margin-bottom: 1.5rem; }
.plaintext-wrap .options-header { grid-column: 1 / -1; font-weight: bold; font-size: 1.1em; margin-bottom: 5px; }
@media (max-width: 700px) {
	.plaintext-wrap .options-group { grid-template-columns: 1fr; }
}
/*plain text converter*/

/* Robot Voice Generator */
.loading { opacity: 0.7; pointer-events: none; }
.loading .elementor-button-text { color: #666 !important; }
.robot-voice-settings { transition: all 0.3s ease; }
.robot-voice-settings .form-group { margin-bottom: 1rem; }
.robot-voice-settings select:disabled, .robot-voice-settings input:disabled { opacity: 0.6; cursor: not-allowed; }
#btn_robot_voice_generator.loading, #download_voice_btn.loading { background-color: #f0f0f0 !important; border-color: #ccc !important; color: #666 !important; }
#btn_robot_voice_generator.loading:hover, #download_voice_btn.loading:hover { background-color: #f0f0f0 !important; border-color: #ccc !important; color: #666 !important; }
/* Robot Voice Generator */