.zero-opacity {opacity: 0;}
.dracula-btn {display: inline-flex;align-items: center;justify-content: center;padding: 10px 12px;border-radius: .25rem;font-size: .875rem;font-weight: 500;color: #fff;cursor: pointer;transition: all .2s ease-in-out;border: none;background: #000;-webkit-user-select: none;-moz-user-select: none;user-select: none;line-height: normal;}
.dracula-btn i {margin-right: .5rem;}
.dracula-btn:hover {background-color: #0091c2;border-color: #0091c2;}
.dracula-btn:focus {outline: 0;}
.dracula-btn:disabled {opacity: .5;cursor: not-allowed;}
.dracula-btn.btn-primary {background-color: #675ed5;}
.dracula-btn.btn-primary:hover {background-color: #4136ca;}
.dracula-btn.btn-purple {background-color: #7c5dee;border-color: #7c5dee;}
.dracula-btn.btn-purple:hover {background-color: #6f4dda;border-color: #6f4dda;}
.dracula-btn.btn-secondary {background-color: #fff;border-color: #fff;}
.dracula-btn.btn-secondary:hover {background-color: #f5f5f5;border-color: #f5f5f5;}
.dracula-btn.btn-success {background-color: #28a745;border-color: #28a745;}
.dracula-btn.btn-success:hover {background-color: #28a745;border-color: #28a745;}
.dracula-btn.btn-warning {background-color: #f9d6b7;color: #a65300;}
.dracula-btn.btn-warning:hover {background-color: #fc9;}
.dracula-btn.btn-danger {background-color: #f8d7da;color: #d8000c;}
.dracula-btn.btn-danger .dracula-btn-icon {background: #d8000c;}
.dracula-btn.btn-danger:hover {background-color: #f5c6cb;}
.dracula-btn.btn-info {background-color: #b4d8e7;color: #1f4e6e;}
.dracula-btn.btn-info .dracula-btn-icon {background: #1f4e6e;}
.dracula-btn.btn-info:hover {background-color: #00a5e6;}
.dracula-btn.btn-light {background-color: #f8f9fa;border-color: #f8f9fa;color: #000;}
.dracula-btn.btn-light:hover {background-color: #f8f9fa;border-color: #f8f9fa;}
.dracula-btn.btn-dark {background-color: #343a40;border-color: #343a40;color: #fff;}
.dracula-btn.btn-dark:hover {background-color: #343a40;border-color: #343a40;}
.dracula-btn.btn-link {background-color: transparent;border-color: transparent;color: #00a0d2;}
.dracula-btn.btn-link:hover {background-color: transparent;border-color: transparent;color: #0091c2;}
.dracula-btn.btn-outline-primary {background-color: #fff;border: 1px solid #8d86e0;color: #675ed5;}
.dracula-btn.btn-outline-primary:hover {background-color: #675ed5;border-color: #8d86e0;color: #fff;}
.dracula-btn.btn-outline-secondary {background-color: transparent;border-color: #fff;color: #fff;}
.dracula-btn.btn-outline-secondary:hover {background-color: transparent;border-color: #f5f5f5;color: #f5f5f5;}
.dracula-btn.btn-outline-success {background-color: transparent;border: 1px solid #28a745;color: #28a745;}
.dracula-btn.btn-outline-success:hover {background-color: #28a745;color: #fff;}
.dracula-btn.btn-outline-danger {background-color: #fff;border: 1px solid #eb5757;color: #eb5757;}
.dracula-btn.btn-outline-danger:hover {background-color: #eb5757;color: #fff;}
.dracula-btn.btn-outline-warning {background-color: transparent;border-color: #ffc107;color: #ffc107;}
.dracula-btn.btn-outline-warning:hover {background-color: transparent;border-color: #ffc107;color: #ffc107;}
.dracula-btn.btn-outline-info {background-color: #fff;border: 1px solid #17a2b8;color: #17a2b8;}
.dracula-btn.btn-outline-info:hover {background-color: #17a2b8;color: #fff;}
.dracula-btn.btn-outline-light {background-color: transparent;border-color: #f8f9fa;color: #f8f9fa;}
.dracula-btn.btn-outline-light:hover {background-color: transparent;border-color: #f8f9fa;color: #f8f9fa;}
.dracula-btn.btn-outline-dark {background-color: transparent;border-color: #343a40;color: #343a40;}
.dracula-btn.btn-outline-dark:hover {background-color: transparent;border-color: #343a40;color: #343a40;}
.dracula-btn.btn-outline-link {background-color: transparent;border-color: #00a0d2;color: #00a0d2;}
.dracula-btn.btn-outline-link:hover {background-color: transparent;border-color: #0091c2;color: #0091c2;}
.dracula-btn.btn-outline-dark {background-color: transparent;border-color: #343a40;color: #343a40;}
.dracula-btn.btn-outline-dark:hover {background-color: transparent;border-color: #343a40;color: #343a40;}
.components-angle-picker-control .components-input-control__backdrop {border-radius: 5px !important;border-color: #ddd !important;}
.components-angle-picker-control .components-spacer {border: none !important;padding: 0 !important;}
.components-circular-option-picker__clear {border: 1px solid #ddd;border-radius: 5px;}
.dracula-button-group.components-button-group, .dracula-radio-group.components-button-group {background: #fff;background: rgba(103,94,213,.05);padding: 7px 5px;width: -moz-max-content;width: max-content;border-radius: 10px;border: 1px solid rgba(221,221,221,.5);}
.dracula-button-group.components-button-group .dracula-btn-icon, .dracula-radio-group.components-button-group .dracula-btn-icon {background: #675ed5;}
.dracula-button-group.components-button-group button, .dracula-radio-group.components-button-group button {color: #675ed5;box-shadow: inset 0 0 0 1px rgba(103,94,213,.25) !important;margin: 0 2px !important;border-radius: 5px !important;transition: all .2s ease-in-out;padding: 10px;}
.dracula-button-group.components-button-group button:first-child, .dracula-radio-group.components-button-group button:first-child {border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.dracula-button-group.components-button-group button:last-child, .dracula-radio-group.components-button-group button:last-child {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.dracula-button-group.components-button-group button.is-primary, .dracula-radio-group.components-button-group button.is-primary {z-index: auto;background: #675ed5 !important;color: #fff !important;border-color: #8d86e0 !important;box-shadow: none;}
.dracula-button-group.components-button-group button.is-primary .dracula-btn-icon, .dracula-radio-group.components-button-group button.is-primary .dracula-btn-icon {background: #fff;}
.dracula-button-group.components-button-group button:hover:not(.is-primary), .dracula-radio-group.components-button-group button:hover:not(.is-primary) {background: rgba(103,94,213,.3) !important;color: #675ed5;}
.dracula-button-group.components-button-group.disabled, .dracula-radio-group.components-button-group.disabled {opacity: .5;}
.dracula-color-palette {border: 1px solid #e5e5e5;padding: 11px;border-radius: 10px;background: #fff;width: 400px;max-width: 100%;position: relative;}
.dracula-color-palette legend {display: none;}
.dracula-color-palette .components-dropdown {width: -moz-max-content;width: max-content;max-width: 100%;}
.dracula-color-palette .components-dropdown>button {width: 100px;height: 40px;border-radius: 5px;}
.dracula-color-palette .components-dropdown>button .components-truncate {display: none;}
.dracula-color-palette .components-dropdown>button .components-color-palette__custom-color-value {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.dracula-color-palette .components-dropdown .components-popover {left: 0 !important;z-index: 99;}
.dracula-color-palette .components-dropdown .components-popover .components-popover__content {outline-color: rgba(221,221,221,.5);border-radius: 5px;box-shadow: rgba(0,0,0,.16) 0 10px 36px 0,rgba(0,0,0,.06) 0 0 0 1px;}
.dracula-color-palette .components-dropdown .components-popover .components-popover__content .react-colorful+div {padding-top: 0;display: flex;}
.dracula-color-palette .components-dropdown .components-popover .components-popover__content .react-colorful+div>div:first-child {width: auto;padding-right: 0;gap: 0;}
.dracula-color-palette .components-dropdown .components-popover .components-popover__content .react-colorful+div>div:first-child>button {margin-left: 5px;}
.dracula-color-palette .components-dropdown .components-popover .components-popover__content .react-colorful+div>div:last-child {padding: 5px;flex: 1;}
.dracula-color-palette .components-dropdown .components-popover .components-popover__content .react-colorful+div>div:last-child .components-input-control__container {width: 100%;}
.dracula-color-palette .components-dropdown .components-popover .components-popover__content .react-colorful+div>div:last-child .components-input-control__container .components-spacer {margin-left: 10px;}
.dracula-color-palette .components-dropdown .components-popover .components-popover__content .react-colorful+div>div:last-child .components-input-control__container input {height: 30px;min-height: 30px;padding-right: 5px;}
.dracula-color-palette .components-dropdown .components-popover .components-popover__content .react-colorful+div>div:last-child .components-input-control__container .components-input-control__backdrop {border-color: #ddd;border-radius: 5px;}
.dracula-color-palette .components-dropdown .components-popover .components-popover__content .react-colorful__saturation {height: 100px;margin-bottom: 10px;}
.dracula-color-palette .components-dropdown .components-popover .components-popover__content::-webkit-scrollbar {width: 5px;height: 5px;}
.dracula-color-palette .components-dropdown .components-popover .components-popover__content::-webkit-scrollbar-track {background: #f1f1f1;}
.dracula-color-palette .components-dropdown .components-popover .components-popover__content::-webkit-scrollbar-thumb {background: #888;}
.dracula-color-palette .components-dropdown .components-popover .components-popover__content::-webkit-scrollbar-thumb:hover {background: #555;}
.dracula-color-palette .components-dropdown .components-popover .components-popover__content .components-select-control {width: unset;}
.dracula-color-palette .components-dropdown .components-popover .components-popover__content .components-select-control .components-select-control__input {height: unset !important;}
.dracula-color-palette .components-color-palette__custom-color-wrapper {width: 300px;max-width: 100%;height: 50px;overflow: hidden;}
.dracula-color-palette .components-color-palette__custom-color-wrapper .components-color-palette__custom-color-button {width: 100%;max-width: 100%;height: 100%;border-radius: 4px;}
.dracula-color-palette .components-color-palette__custom-color-wrapper .components-color-palette__custom-color-text-wrapper {position: absolute;width: 100%;pointer-events: none;box-shadow: none;}
.dracula-color-palette .components-circular-option-picker__custom-clear-wrapper {position: absolute;margin: 0;right: 14px;top: 17px;}
.dracula-color-palette .components-circular-option-picker__custom-clear-wrapper button {color: #fdb837;background: #fff;border: 1px solid rgba(253,184,55,.7);font-size: 12px;text-transform: capitalize;height: 30px;max-width: 60px;text-align: center;border-radius: 5px;padding: 5px 12px;transition: all .2s ease-in-out;outline: 0 !important;box-shadow: none !important;}
.dracula-color-palette .components-circular-option-picker__custom-clear-wrapper button:hover {background: #fca605 !important;color: #fff !important;border: 1px solid #fdb837 !important;}
.dracula-color-palette .components-circular-option-picker__option:after, .dracula-color-palette .components-circular-option-picker__option:before {width: auto;height: auto;}
.dracula-color-palette .components-circular-option-picker__option .components-tooltip {display: none;}
.dracula-color-palette .components-select-control .components-input-control__backdrop {display: block;border-color: #ddd !important;border-radius: 5px !important;}
.dracula-color-palette.disabled {opacity: .5;}
@media (max-width:768px) {.dracula-color-palette {width: 100%;}
	.dracula-color-palette .components-dropdown {width: 100%;}
	.dracula-color-palette .components-dropdown .components-color-palette__custom-color-wrapper {width: 100%;}}
.dracula-gradient-picker {position: relative;border: 1px solid #e5e5e5;padding: 11px;border-radius: 10px;background: #fff;}
.dracula-gradient-picker .components-input-control__backdrop {display: block;border-color: #ddd !important;border-radius: 5px !important;}
.dracula-gradient-picker .components-custom-gradient-picker__gradient-bar {opacity: 1;border-radius: 10px;}
.dracula-gradient-picker .components-custom-gradient-picker__markers-container {z-index: 9;}
.dracula-gradient-picker .components-popover {left: 0 !important;}
.dracula-gradient-picker .components-popover .components-popover__content {outline-color: rgba(221,221,221,.5);border-radius: 5px;box-shadow: rgba(0,0,0,.16) 0 10px 36px 0,rgba(0,0,0,.06) 0 0 0 1px;}
.dracula-gradient-picker .components-popover .components-popover__content .react-colorful+div {padding-top: 0;display: flex;}
.dracula-gradient-picker .components-popover .components-popover__content .react-colorful+div>div:first-child {width: auto;padding-right: 0;}
.dracula-gradient-picker .components-popover .components-popover__content .react-colorful+div>div:first-child>button {margin-left: 5px;}
.dracula-gradient-picker .components-popover .components-popover__content .react-colorful+div>div:last-child {padding: 5px;flex: 1;}
.dracula-gradient-picker .components-popover .components-popover__content .react-colorful+div>div:last-child .components-input-control__container {width: 100%;}
.dracula-gradient-picker .components-popover .components-popover__content .react-colorful+div>div:last-child .components-input-control__container .components-spacer {margin-left: 10px;}
.dracula-gradient-picker .components-popover .components-popover__content .react-colorful+div>div:last-child .components-input-control__container input {height: 30px;min-height: 30px;padding-right: 5px;}
.dracula-gradient-picker .components-popover .components-popover__content .react-colorful+div>div:last-child .components-input-control__container .components-input-control__backdrop {border-color: #ddd;border-radius: 5px;}
.dracula-gradient-picker .components-popover .components-popover__content .react-colorful__saturation {height: 100px;margin-bottom: 10px;}
.dracula-gradient-picker .components-popover .components-popover__content::-webkit-scrollbar {width: 5px;}
.dracula-gradient-picker .components-popover .components-popover__content::-webkit-scrollbar-track {background: #f1f1f1;}
.dracula-gradient-picker .components-popover .components-popover__content::-webkit-scrollbar-thumb {background: #888;}
.dracula-gradient-picker .components-popover .components-popover__content::-webkit-scrollbar-thumb:hover {background: #555;}
.dracula-gradient-picker .components-custom-gradient-picker__ui-line {padding-right: 90px;}
.dracula-gradient-picker .components-circular-option-picker__custom-clear-wrapper {position: absolute;margin: 0;right: 10px;top: 102px;}
.dracula-gradient-picker .components-circular-option-picker__custom-clear-wrapper button {color: #675ed5 !important;background: #fff !important;border: 1px solid rgba(103,94,213,.25) !important;box-shadow: none;font-size: .875rem;height: 32px;width: 60px;text-align: center;border-radius: 5px;padding: 5px 12px;}
.dracula-gradient-picker .components-circular-option-picker__custom-clear-wrapper button:hover {color: #fff;background: #675ed5;border: 1px solid rgba(103,94,213,.25);}
.dracula-range-control {width: 400px;max-width: 100%;}
.dracula-range-control .components-base-control__field {margin-bottom: 0;}
.dracula-range-control .components-range-control__mark {top: -6px;}
.dracula-range-control .components-range-control__mark-label {top: 26px;font-size: 14px;left: 14px;}
.dracula-range-control .components-range-control__mark-label:last-child {left: calc(100% - 14px);}
.dracula-range-control .components-range-control__wrapper {margin-bottom: 0;}
.dracula-range-control .components-range-control__slider+span {height: 7px !important;}
.dracula-range-control .components-range-control__track {background-color: #675ed5 !important;height: 7px;}
.dracula-range-control .components-range-control__track+span {height: 15px !important;width: 15px !important;}
.dracula-range-control .components-range-control__track+span>span {background-color: #675ed5 !important;}
.dracula-range-control .components-range-control__mark {display: none;}
.dracula-range-control .components-input-control__container {border-radius: 7px;}
.dracula-range-control .components-input-control__container .components-input-control__backdrop {border-color: rgba(103,94,213,.5);}
.dracula-range-control .components-range-control__reset {color: #fdb837;background: #fff;border: 1px solid rgba(253,184,55,.7);font-size: .875rem;height: 32px;width: 60px;text-align: center;border-radius: 5px;padding: 5px 12px;transition: all .2s ease-in-out;outline: 0 !important;box-shadow: none !important;}
.dracula-range-control .components-range-control__reset:hover {background: #fca605 !important;color: #fff !important;border: 1px solid #fdb837 !important;}
.dracula-range-control .components-range-control__tooltip {background-color: #675ed5;bottom: 100%;font-size: .875rem;}
.dracula-range-control .components-range-control__tooltip:after {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136,183,213,0);border-top-color: #675ed5;border-width: 5px;margin-left: -5px;}
.dracula-range-control .components-number-control {margin-left: 10px !important;}
.dracula-range-control .components-range-control__root {display: flex;align-items: center;}
.dracula-range-control.disabled {opacity: .5;pointer-events: none;}
.dracula-live-edit .components-form-toggle, .dracula-settings .components-form-toggle, .dracula-toggle-builder .components-form-toggle {width: -moz-max-content;width: max-content;background: #fff;padding: 3px;border-radius: 15px;line-height: 1;}
.dracula-live-edit .components-form-toggle__track, .dracula-settings .components-form-toggle__track, .dracula-toggle-builder .components-form-toggle__track {width: 44px;height: 22px;border-radius: 22px;background: #fff;}
.dracula-live-edit .components-form-toggle__thumb, .dracula-settings .components-form-toggle__thumb, .dracula-toggle-builder .components-form-toggle__thumb {background: #675ed5;border: none;width: 15px;height: 15px;border-radius: 25px;top: 6px;left: 6px;}
.dracula-live-edit .components-form-toggle.is-checked .components-form-toggle__thumb, .dracula-settings .components-form-toggle.is-checked .components-form-toggle__thumb, .dracula-toggle-builder .components-form-toggle.is-checked .components-form-toggle__thumb {background: #fff;transform: translateX(22px);}
.dracula-live-edit .components-form-toggle.is-checked .components-form-toggle__track, .dracula-settings .components-form-toggle.is-checked .components-form-toggle__track, .dracula-toggle-builder .components-form-toggle.is-checked .components-form-toggle__track {background: #675ed5;}
.dracula-live-edit .components-form-toggle.disabled, .dracula-settings .components-form-toggle.disabled, .dracula-toggle-builder .components-form-toggle.disabled {opacity: .5;}
.dracula-live-edit .components-checkbox-control .components-checkbox-control__input-container, .dracula-settings .components-checkbox-control .components-checkbox-control__input-container, .dracula-toggle-builder .components-checkbox-control .components-checkbox-control__input-container {margin-right: 5px;}
.dracula-live-edit .components-checkbox-control .components-checkbox-control__input-container .components-checkbox-control__input, .dracula-settings .components-checkbox-control .components-checkbox-control__input-container .components-checkbox-control__input, .dracula-toggle-builder .components-checkbox-control .components-checkbox-control__input-container .components-checkbox-control__input {border-color: #ddd;}
.dracula-live-edit .components-checkbox-control .components-checkbox-control__label, .dracula-settings .components-checkbox-control .components-checkbox-control__label, .dracula-toggle-builder .components-checkbox-control .components-checkbox-control__label {text-transform: capitalize;font-size: .75rem;font-weight: 500;line-height: 1;}
.dracula-live-edit .components-base-control .components-select-control, .dracula-settings .components-base-control .components-select-control, .dracula-toggle-builder .components-base-control .components-select-control {width: 300px;max-width: 100%;}
.dracula-live-edit .components-base-control .components-select-control .components-input-control__container .components-select-control__input, .dracula-settings .components-base-control .components-select-control .components-input-control__container .components-select-control__input, .dracula-toggle-builder .components-base-control .components-select-control .components-input-control__container .components-select-control__input {border-color: #ddd !important;height: 40px !important;}
.dracula-live-edit .components-base-control .components-select-control .components-input-control__container .components-input-control__backdrop, .dracula-settings .components-base-control .components-select-control .components-input-control__container .components-input-control__backdrop, .dracula-toggle-builder .components-base-control .components-select-control .components-input-control__container .components-input-control__backdrop {border-radius: 5px !important;border-color: #ddd;}
.dracula-btn-icon {width: 16px;height: 16px;margin-right: 5px;background: #fff;}
.dracula-btn-icon.icon-color-dynamic {-webkit-mask: url("../images/settings/color-dynamic.svg") no-repeat center/contain;mask: url("../images/settings/color-dynamic.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-color-presets {-webkit-mask: url("../images/settings/color-presets.svg") no-repeat center/contain;mask: url("../images/settings/color-presets.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-color-custom {-webkit-mask: url("../images/settings/color-custom.svg") no-repeat center/contain;mask: url("../images/settings/color-custom.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-position-left {-webkit-mask: url("../images/settings/position-left.svg") no-repeat center/contain;mask: url("../images/settings/position-left.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-position-right {-webkit-mask: url("../images/settings/position-right.svg") no-repeat center/contain;mask: url("../images/settings/position-right.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-position-center {-webkit-mask: url("../images/settings/position-center.svg") no-repeat center/contain;mask: url("../images/settings/position-center.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-custom {-webkit-mask: url("../images/settings/position-custom.svg") no-repeat center/contain;mask: url("../images/settings/position-custom.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-size-small {-webkit-mask: url("../images/settings/size-small.svg") no-repeat center/contain;mask: url("../images/settings/size-small.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-size-normal {-webkit-mask: url("../images/settings/size-normal.svg") no-repeat center/contain;mask: url("../images/settings/size-normal.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-size-large {-webkit-mask: url("../images/settings/size-large.svg") no-repeat center/contain;mask: url("../images/settings/size-large.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-export {-webkit-mask: url("../images/settings/export.svg") no-repeat center/contain;mask: url("../images/settings/export.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-import {-webkit-mask: url("../images/settings/import.svg") no-repeat center/contain;mask: url("../images/settings/import.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-reset {-webkit-mask: url("../images/settings/reset.svg") no-repeat center/contain;mask: url("../images/settings/reset.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-select-elements {width: 20px;height: 20px;-webkit-mask: url("../images/settings/select-elements.svg") no-repeat center/contain;mask: url("../images/settings/select-elements.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-add-image {margin: 0;-webkit-mask: url("../images/settings/add-image.svg") no-repeat center/contain;mask: url("../images/settings/add-image.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-add-video {width: 20px;height: 20px;margin: 0;-webkit-mask: url("../images/settings/add-video.svg") no-repeat center/contain;mask: url("../images/settings/add-video.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-upload {-webkit-mask: url("../images/toggle-builder/upload-icon.svg") no-repeat center/contain;mask: url("../images/toggle-builder/upload-icon.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-layout {-webkit-mask: url("../images/toggle-builder/layout.svg") no-repeat center/contain;mask: url("../images/toggle-builder/layout.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-content {-webkit-mask: url("../images/toggle-builder/content.svg") no-repeat center/contain;mask: url("../images/toggle-builder/content.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-style {-webkit-mask: url("../images/toggle-builder/style.svg") no-repeat center/contain;mask: url("../images/toggle-builder/style.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-light {-webkit-mask: url("../images/icons/1.svg") no-repeat center/contain;mask: url("../images/icons/1.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-dark {-webkit-mask: url("../images/icons/11.svg") no-repeat center/contain;mask: url("../images/icons/11.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-mobile {-webkit-mask: url("../images/settings/mobile.svg") no-repeat center/contain;mask: url("../images/settings/mobile.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-tablet {-webkit-mask: url("../images/settings/tablet.svg") no-repeat center/contain;mask: url("../images/settings/tablet.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-desktop {-webkit-mask: url("../images/settings/desktop.svg") no-repeat center/contain;mask: url("../images/settings/desktop.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-floating-toggle {width: 22px;height: 22px;-webkit-mask: url("../images/settings/floating-toggle.svg") no-repeat center/contain;mask: url("../images/settings/floating-toggle.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-reading-mode {width: 22px;height: 22px;-webkit-mask: url("../images/settings/reading-mode.svg") no-repeat center/contain;mask: url("../images/settings/reading-mode.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-reading-button {width: 22px;height: 22px;-webkit-mask: url("../images/settings/reading-button.svg") no-repeat center/contain;mask: url("../images/settings/reading-button.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-reading-layout {width: 22px;height: 22px;-webkit-mask: url("../images/settings/reading-layout.svg") no-repeat center/contain;mask: url("../images/settings/reading-layout.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-menu-toggle {-webkit-mask: url("../images/settings/menu-toggle.svg") no-repeat center/contain;mask: url("../images/settings/menu-toggle.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-img-replacement {-webkit-mask: url("../images/settings/img-replacement.svg") no-repeat center/contain;mask: url("../images/settings/img-replacement.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-img-behavior {-webkit-mask: url("../images/settings/img-behavior.svg") no-repeat center/contain;mask: url("../images/settings/img-behavior.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-video-replacement {-webkit-mask: url("../images/settings/video-replacement.svg") no-repeat center/contain;mask: url("../images/settings/video-replacement.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-video-behavior {-webkit-mask: url("../images/settings/video-behavior.svg") no-repeat center/contain;mask: url("../images/settings/video-behavior.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-eye {-webkit-mask: url("../images/settings/eye.svg") no-repeat center/contain;mask: url("../images/settings/eye.svg") no-repeat center/contain;}
.dracula-btn-icon.icon-reading-exclude {-webkit-mask: url("../images/settings/excludes.svg") no-repeat center/contain;mask: url("../images/settings/excludes.svg") no-repeat center/contain;}
.loading-spinner {display: flex;justify-content: center;margin-top: 3rem;}
.loading-spinner svg {width: 2.5rem;height: 2.5rem;}
.dracula-color-picker-wrapper .color-holder-wrap {display: flex;align-items: center;}
.dracula-color-picker-wrapper .color-holder-wrap .color-holder {width: 40px;height: 40px;border-radius: 50%;margin-right: 10px;border: 1px solid #ddd;cursor: pointer;position: relative;z-index: 1;overflow: hidden;background: repeating-linear-gradient(45deg,#e0e0e0 25%,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,#e0e0e0 0,#e0e0e0) 0 0/24px 24px,repeating-linear-gradient(45deg,#e0e0e0 25%,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,#e0e0e0 0,#e0e0e0) 12px 12px/24px 24px;}
.dracula-color-picker-wrapper .color-holder-wrap .color-input {width: 120px !important;height: 38px !important;padding: 5px 7px;border: 1px solid #ddd;border-radius: 5px;margin-right: 10px;}
.dracula-color-picker-wrapper .color-holder-wrap .dashicons-edit {cursor: pointer;}
.dracula-color-picker-wrapper .components-color-picker .components-select-control {width: auto;margin-left: 0;}
.dracula-color-picker-wrapper .components-color-picker .components-select-control .components-input-control__container {width: 100%;}
.dracula-color-picker-wrapper .components-color-picker .components-select-control .components-input-control__container select {height: 35px !important;}
.dracula-color-picker-wrapper .components-color-picker .components-select-control .components-input-control__container .components-input-control__backdrop {border-color: #ddd;height: 35px;}
.dracula-color-picker-wrapper .components-color-picker .components-input-control__input {height: 35px !important;min-height: auto !important;}
.dracula-color-picker-wrapper .components-color-picker .components-h-stack {padding: 0;margin-bottom: 7px;}
.dracula-color-picker-wrapper .components-color-picker .components-h-stack+.components-flex {padding: 0;}
.dracula-color-picker-wrapper .components-color-picker .components-h-stack+.components-flex .components-input-control__container {width: 100%;}
.dracula-color-picker-wrapper .components-color-picker .components-h-stack+.components-flex .components-input-control__container .components-input-control__backdrop {border-color: #ddd;height: 40px;}
.dracula-color-picker-wrapper .components-color-picker .react-colorful__saturation {height: 130px;}
.dracula-popup-edit {color: #777;border: 1px solid #ddd;padding: 4px;height: 24px;width: 24px;font-size: 24px;box-sizing: content-box !important;cursor: pointer;background: #fff;border-radius: 3px;transition: all .2s ease-in-out;}
.dracula-popup-edit-wrap {display: flex;align-items: center;}
.dracula-popup-edit:hover {background: #f9f9f9;}
.dracula-tooltip {z-index: 9999999 !important;opacity: 1 !important;}
.dracula-tooltip.dracula-toggle-tooltip {white-space: nowrap;}
.dracula-tooltip.color-picker-tooltip {padding: 10px 10px 15px;}
html[data-dracula-scheme=dark] .dracula-tooltip.type-light.place-top::after {background: #fff !important;}
html[data-dracula-scheme=dark] .dracula-tooltip.type-light.place-bottom::after {background: #fff !important;}
html[data-dracula-scheme=dark] .dracula-tooltip.type-light.place-left::after {background: #fff !important;}
html[data-dracula-scheme=dark] .dracula-tooltip.type-light.place-right::after {background: #fff !important;}
html[data-dracula-scheme=dark] .dracula-toggle-move {color: #fff;}
html[data-dracula-scheme=dark] .toggle-postfix-icon {background-color: #fff !important;}
html[data-dracula-scheme=dark] .mce-dracula-toggle .mce-i-dracula_toggle {background-color: #b0a99f !important;}
html[data-dracula-scheme=dark] #dracula-settings-app .dracula-settings .components-base-control .components-select-control .components-input-control__container .components-select-control__input {background-color: #181a1b;color: #f8f8f2;}
html[data-dracula-scheme=dark] #dracula-settings-app .dracula-settings .components-base-control .components-select-control .components-input-control__container .components-select-control__input option {color: #1e1e1e !important;}
html[data-dracula-scheme=dark] .dracula-live-edit-wrap .dracula-settings-content .settings-field .image-replacements .image-replacements-group .group-item .input-group button {background-color: #8d86e0;border: none;}
html[data-dracula-scheme=dark] .dracula-live-edit-wrap .dracula-settings-content .settings-field .image-replacements .image-replacements-group .group-item .input-group button:hover {background-color: #675ed5;}
html[data-dracula-scheme=dark] .dracula-live-edit-wrap .dracula-settings-content .settings-field .image-replacements .image-replacements-group .group-item .input-group button .dracula-btn-icon {background-color: #fff !important;}
html[data-dracula-scheme=dark] .dracula-live-edit-wrap .dracula-settings-content .field-transition-animation .components-base-control .components-select-control .components-input-control__container .components-select-control__input {color: #f8f8f2 !important;}
html[data-dracula-scheme=dark] .dracula-live-edit-wrap .dracula-settings-content .field-transition-animation .components-base-control .components-select-control .components-input-control__container .components-select-control__input option {color: #1e1e1e !important;}
html[data-dracula-scheme=dark] .dracula-live-edit-wrap .dracula-settings-content .field-transition-animation .components-base-control .components-select-control .components-input-control__container.components-input-control__backdrop {color: #1e1e1e !important;}
.pro-label {position: absolute;top: 5px;right: 5px;border-radius: 3px;background: #fdb837;color: #fff;text-align: center;padding: 3px;display: flex;align-items: center;justify-content: center;font-size: 12px;line-height: 1;}
.dracula-text-control {width: 300px;}
.dracula-text-control .components-base-control__field {margin-bottom: 0;}
.dracula-text-control .components-base-control__field .components-text-control__input {border-radius: 5px;border-color: #ddd;height: 40px;}
@media (max-width:768px) {.dracula-text-control {width: 100%;}}
.dracula-swal {z-index: 99999 !important;}
.dracula-swal .swal2-confirm {background-color: #675ed5 !important;}
.dracula-swal .swal2-close:focus {background: 0 0;color: inherit;box-shadow: none;}
.dracula-swal .swal2-cancel, .dracula-swal .swal2-deny {background-color: #f08080 !important;}
.dracula-swal.save-settings-toast .swal2-popup {display: flex !important;padding: 10px;}
.dracula-swal.save-settings-toast .swal2-popup .swal2-html-container {margin-left: 5px;}
.dracula-swal .swal2-input {width: auto !important;}
.dracula-swal .swal2-title {font-size: 1.2rem;font-weight: 500;}
.dracula-swal:not(.dracula-feedback-swal) .swal2-title {color: #333;}
.dracula-swal .swal2-html-container {font-size: 1rem;color: #555;}
.dracula-swal .swal2-textarea:focus {border-color: #ddd !important;box-shadow: none !important;}
.dracula-swal.dracula-review-remind-swal .swal2-deny {background-color: #999 !important;}
.dracula-swal.dracula-rating-swal .swal2-progress-steps {display: none !important;}
.dracula-swal.dracula-rating-swal .dracula-star-rating i {width: 25px;height: 25px;font-size: 25px;cursor: pointer;}
.dracula-swal.dracula-rating-swal .dracula-star-rating i.dashicons-star-filled, .dracula-swal.dracula-rating-swal .dracula-star-rating i:hover {color: #fa0;}
.dracula-swal.dracula-pro-video-swal .swal2-popup {background: #111;}
.dracula-swal.dracula-pro-video-swal .swal2-popup .swal2-title {color: #fff;}
.dracula-pro-modal {width: 350px;background: #f9f9f9;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 30px 20px;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,.2);position: relative;text-align: center;box-sizing: border-box;}
.dracula-pro-modal-wrap {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999;background: rgba(0,0,0,.5);display: flex;align-items: center;justify-content: center;}
.dracula-pro-modal .dracula-pro-modal-close {position: absolute;top: 8px;right: 10px;cursor: pointer;font-size: 30px;color: #777;padding: 10px;}
.dracula-pro-modal img {width: 100px;margin-top: -100px;}
.dracula-pro-modal h3 {font-size: 1.2rem;font-weight: 600;margin-bottom: 10px;margin-top: 20px;}
.dracula-pro-modal h2 {color: #675ed5;margin: 20px 0 20px 0;font-size: 2.5rem;font-weight: 700;}
.dracula-pro-modal h2 .upto {font-size: 14px;margin-right: 5px;}
.dracula-pro-modal p {font-size: 14px;margin-top: 0;margin-bottom: 20px;line-height: 1.5;text-align: center;}
.dracula-pro-modal-actions {display: flex;align-items: center;margin-top: 20px;}
.dracula-pro-modal-actions a {padding: 10px 20px;text-decoration: none;white-space: nowrap;}
.dracula-pro-modal-actions a.watch-video {margin-right: 10px;}
.dracula-pro-modal .offer-discount {display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;margin: 20px 0;}
.dracula-pro-modal .offer-discount h4 {color: #675ed5;position: absolute;font-size: 28px;top: -24px;background: #f9f9f9;padding: 5px;text-transform: uppercase;margin: 0;}
.dracula-pro-modal .offer-discount span {border: 2px solid #675ed5;font-size: 36px;padding: 20px 20px 20px;border-radius: 5px;font-weight: 700;color: #675ed5;}
.dracula-pro-modal .timer {display: flex;align-items: center;text-align: center;}
.dracula-pro-modal .timer>div {display: inline-block;margin: 0 14px;width: 47px;background-size: contain;line-height: 32px;}
.dracula-pro-modal .timer>div span:first-child {font-size: 28px;height: 52px;margin: 0 0 2px;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,.1);border-radius: 5px;border: 1px dashed rgba(103,94,213,.3);}
.dracula-pro-modal .timer>div span:last-child {font-family: Arial,serif;font-size: 12px;text-transform: uppercase;}
@keyframes dracula-pulse {0%, 100% {transform: scale(1);}
	50% {transform: scale(1.1);}}
@keyframes dracula-shake {0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}}
@keyframes dracula-bounce {0%, 100%, 20%, 50%, 80% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}}
@keyframes dracula-glow {0%, 100% {box-shadow: 0 0 5px #f8f8f2;}
	50% {box-shadow: 0 0 20px #f8f8f2,0 0 30px #f8f8f2;}}
@keyframes dracula-shadow {0%, 100% {box-shadow: 0 0 5px #444;}
	50% {box-shadow: 0 5px 15px #444;}}
@keyframes dracula-ripple {0% {transform: scale(.8);opacity: 1;}
	100% {transform: scale(1.5);opacity: 0;}}
@keyframes dracula-rotate {0% {transform: rotate(0);}
	100% {transform: rotate(360deg);}}
@keyframes dracula-flip {0% {transform: perspective(400px) rotateY(0);}
	100% {transform: perspective(400px) rotateY(1 turn);}}
@keyframes dracula-swing {20% {transform: rotate(15deg);}
	40% {transform: rotate(-10deg);}
	60% {transform: rotate(5deg);}
	80% {transform: rotate(-5deg);}
	100% {transform: rotate(0);}}
@keyframes dracula-tilt {0%, 100% {transform: rotate(0);}
	50% {transform: rotate(10deg);}}
@keyframes dracula-wobble {0%, 100% {transform: none;}
	15% {transform: translateX(-25%) rotate(-5deg);}
	30% {transform: translateX(20%) rotate(3deg);}
	45% {transform: translateX(-15%) rotate(-3deg);}
	60% {transform: translateX(10%) rotate(2deg);}
	75% {transform: translateX(-5%) rotate(-1deg);}}
@keyframes dracula-jiggle {0%, 100% {transform: skew(0);}
	25% {transform: skew(-15deg);}
	50% {transform: skew(10deg);}
	75% {transform: skew(-5deg);}}
@keyframes dracula-fade {0% {opacity: 0;}
	100% {opacity: 1;}}
@keyframes dracula-slide {0% {transform: translateY(-100%);}
	100% {transform: translateY(0);}}
@keyframes dracula-color {0% {background-color: #f8f8f2;}
	50% {background-color: #6272a4;}
	100% {background-color: #f8f8f2;}}
.dracula-effect-pulse {animation: dracula-pulse 1.5s;}
.dracula-effect-shake {animation: dracula-shake 1.5s;}
.dracula-effect-bounce {animation: dracula-bounce 1.5s;}
.dracula-effect-glow {animation: dracula-glow 1.5s;}
.dracula-effect-shadow {animation: dracula-shadow 1.5s;}
.dracula-effect-ripple {animation: dracula-ripple 1.5s;}
.dracula-effect-rotate {animation: dracula-rotate 1.5s;}
.dracula-effect-flip {animation: dracula-flip 1.5s;}
.dracula-effect-swing {animation: dracula-swing 1.5s;}
.dracula-effect-tilt {animation: dracula-tilt 1.5s;}
.dracula-effect-wobble {animation: dracula-wobble 1.5s;}
.dracula-effect-jiggle {animation: dracula-jiggle 1.5s;}
.dracula-effect-fade {animation: dracula-fade 1.5s;}
.dracula-effect-slide {animation: dracula-slide 1.5s;}
.dracula-effect-color {animation: dracula-color 1.5s;}
.dracula-toggle-wrap {--side-offset: 30px;--bottom-offset: 30px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.dracula-toggle-wrap * {box-sizing: border-box;}
.dracula-toggle-wrap.menu-item {line-height: normal !important;display: inline-flex;align-items: center;}
.dracula-toggle-wrap.floating {--toggle-position: fixed;z-index: 9999999999;position: var(--toggle-position);bottom: var(--bottom-offset);}
.dracula-toggle-wrap.floating.position-right {right: var(--side-offset);}
.dracula-toggle-wrap.floating.position-left {left: var(--side-offset);}
.dracula-toggle-wrap.floating.ui-draggable {max-width: -moz-max-content;max-width: max-content;max-height: -moz-max-content;max-height: max-content;}
.dracula-toggle-wrap.custom-toggle {--toggle-icon-light: url("../images/icons/1.svg") no-repeat center/contain;--toggle-icon-dark: url("../images/icons/11.svg") no-repeat center/contain;--toggle-width: auto;--toggle-padding: 10px;--toggle-text-size: 15px;--toggle-bg-light: #eee;--toggle-bg-dark: #00288f;--toggle-text-color-light: #4b5d8a;--toggle-text-color-dark: #fff;--toggle-border-w: 0;--toggle-border-color-light: #4b5d8a;--toggle-border-color-dark: #fff;--toggle-border-radius: 10px;--toggle-icon-spacing: 10px;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle {display: inline-flex;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-1 {border: 0;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-1 .toggle-icon {position: absolute;width: 50%;height: 50%;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-1 .toggle-icon-wrap {width: calc(var(--toggle-width) * var(--toggle-scale));aspect-ratio: 1;padding: var(--toggle-padding);display: flex;align-items: center;justify-content: center;overflow: hidden;background: var(--toggle-bg-light);border-radius: var(--toggle-border-radius);border-width: var(--toggle-border-w);border-style: solid;border-color: var(--toggle-border-color-light);box-shadow: rgba(9,30,66,.25) 0 4px 8px -2px,rgba(9,30,66,.08) 0 0 0 1px;position: relative;transition: background .5s ease-in-out;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-1 .toggle-icon.__light {background-color: var(--toggle-text-color-light);-webkit-mask: var(--toggle-icon-light);mask: var(--toggle-icon-light);top: auto;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-1 .toggle-icon.__dark {background-color: var(--toggle-text-color-dark);-webkit-mask: var(--toggle-icon-dark);mask: var(--toggle-icon-dark);top: -100%;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-1.mode-dark .toggle-icon-wrap {background: var(--toggle-bg-dark);border-color: var(--toggle-border-color-dark);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-1.mode-dark .toggle-icon.__dark {top: auto;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-1.mode-dark .toggle-icon.__light {top: 100%;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-2 {width: calc(var(--toggle-width) * var(--toggle-scale));background: var(--toggle-bg-light);border-radius: var(--toggle-border-radius);display: inline-flex;align-items: center;justify-content: center;padding: var(--toggle-padding);box-shadow: rgba(0,0,0,.1) 0 10px 15px -3px,rgba(0,0,0,.05) 0 4px 6px -2px;border-width: var(--toggle-border-w);border-style: solid;border-color: var(--toggle-border-color-light);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-2 .dracula-toggle-icon {width: calc(var(--toggle-text-size) * 1.5);aspect-ratio: 1;background-color: var(--toggle-text-color-light);-webkit-mask: var(--toggle-icon-light);mask: var(--toggle-icon-light);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-2 .dracula-toggle-icon.position-after {margin-left: var(--toggle-icon-spacing);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-2 .dracula-toggle-icon.position-before {margin-right: var(--toggle-icon-spacing);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-2 .dracula-toggle-label {color: var(--toggle-text-color-light);margin-right: 5px;line-height: 1;font-size: var(--toggle-text-size);font-weight: 400;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-2:not(.mode-dark) .dracula-toggle-label .--dark {display: none;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-2.mode-dark {background: var(--toggle-bg-dark);border-color: var(--toggle-border-color-dark);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-2.mode-dark .dracula-toggle-icon {background-color: var(--toggle-text-color-dark);-webkit-mask: var(--toggle-icon-dark);mask: var(--toggle-icon-dark);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-2.mode-dark .dracula-toggle-label {color: var(--toggle-text-color-dark);margin-right: auto;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-2.mode-dark .dracula-toggle-label .--dark {display: block;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-2.mode-dark .dracula-toggle-label .--light {display: none;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-3 {width: calc(var(--toggle-width) * var(--toggle-scale));display: flex;align-items: center;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-3 .dracula-toggle-icon {background: var(--toggle-text-color-light);-webkit-mask: var(--toggle-icon-light);mask: var(--toggle-icon-light);width: calc(var(--toggle-text-size) * 1.8);aspect-ratio: 1;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-3 .dracula-toggle-icon-wrap {height: 100%;padding: var(--toggle-padding);border-radius: var(--toggle-border-radius);background: var(--toggle-bg-light);box-shadow: 0 .2rem .2rem rgba(0,0,0,.2);flex: 1;margin: 0 var(--toggle-icon-spacing);display: flex;justify-content: flex-start;align-items: center;border-width: var(--toggle-border-w);border-style: solid;border-color: var(--toggle-border-color-light);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-3 .toggle-prefix, .dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-3 .toggle-suffix {font-size: var(--toggle-text-size);color: var(--toggle-text-color-light);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-3 .toggle-suffix {opacity: .4;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-3.mode-dark .toggle-prefix {opacity: .4;color: var(--toggle-text-color-dark);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-3.mode-dark .toggle-suffix {opacity: 1;color: var(--toggle-text-color-dark);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-3.mode-dark .dracula-toggle-icon {background: var(--toggle-text-color-dark);-webkit-mask: var(--toggle-icon-dark);mask: var(--toggle-icon-dark);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-3.mode-dark .dracula-toggle-icon-wrap {background: var(--toggle-bg-dark);justify-content: flex-end;border-color: var(--toggle-border-color-dark);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-4 {width: calc(var(--toggle-width) * var(--toggle-scale));background: var(--toggle-bg-light);border-radius: var(--toggle-border-radius);display: inline-flex;align-items: center;padding: var(--toggle-padding);box-shadow: rgba(0,0,0,.1) 0 10px 15px -3px,rgba(0,0,0,.05) 0 4px 6px -2px;border-width: var(--toggle-border-w);border-style: solid;border-color: var(--toggle-border-color-light);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-4 .dracula-toggle-icon {width: calc(var(--toggle-text-size) * 1.5);height: 100%;background-color: var(--toggle-bg-light);-webkit-mask: var(--toggle-icon-light);mask: var(--toggle-icon-light);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-4 .dracula-toggle-icon-wrap {aspect-ratio: 1;height: 100%;padding: .35rem;border-radius: 50%;background: var(--toggle-bg-dark);box-shadow: 0 .2rem .2rem rgba(0,0,0,.2);margin-right: var(--toggle-icon-spacing);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-4 .dracula-toggle-label {color: var(--toggle-bg-dark);line-height: 1;font-size: var(--toggle-text-size);margin-right: 5px;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-4:not(.mode-dark) .dracula-toggle-label .--dark {display: none;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-4.mode-dark {background: var(--toggle-bg-dark);flex-flow: row-reverse;border-color: var(--toggle-border-color-dark);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-4.mode-dark .dracula-toggle-icon {background-color: var(--toggle-bg-dark);-webkit-mask: var(--toggle-icon-dark);mask: var(--toggle-icon-dark);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-4.mode-dark .dracula-toggle-icon-wrap {background: var(--toggle-bg-light);margin-left: var(--toggle-icon-spacing);margin-right: 0;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-4.mode-dark .dracula-toggle-label {color: var(--toggle-bg-light);margin-right: auto;margin-left: 5px;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-4.mode-dark .dracula-toggle-label .--dark {display: block;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-4.mode-dark .dracula-toggle-label .--light {display: none;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-5 {display: inline-flex;flex-direction: column;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-5 .dracula-toggle-icon {width: calc(var(--toggle-text-size) * 1.8);aspect-ratio: 1;background: var(--toggle-text-color-light);-webkit-mask: var(--toggle-icon-light);mask: var(--toggle-icon-light);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-5 .dracula-toggle-icon-wrap {width: calc(var(--toggle-width) * var(--toggle-scale));padding: var(--toggle-padding);border-radius: var(--toggle-border-radius);background: var(--toggle-bg-light);box-shadow: 0 .2rem .2rem rgba(0,0,0,.2);display: flex;align-items: center;border-width: var(--toggle-border-w);border-style: solid;border-color: var(--toggle-border-color-light);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-5 .dracula-toggle-label {margin-top: var(--toggle-icon-spacing);font-size: var(--toggle-text-size);color: var(--toggle-text-color-light);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-5 .dracula-toggle-label.--dark {display: none;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-5.mode-dark .dracula-toggle-icon {background: var(--toggle-text-color-dark);-webkit-mask: var(--toggle-icon-dark);mask: var(--toggle-icon-dark);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-5.mode-dark .dracula-toggle-icon-wrap {flex-flow: row-reverse;background: var(--toggle-bg-dark);border-color: var(--toggle-border-color-dark);}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-5.mode-dark .dracula-toggle-label.--dark {display: block;}
.dracula-toggle-wrap.custom-toggle .dracula-toggle.layout-5.mode-dark .dracula-toggle-label.--light {display: none;}
.dracula-toggle-wrap[data-style="14"] {--side-offset: 60px;--bottom-offset: 40px;}
.dracula-toggle-wrap.hidden {display: none !important;}
.dracula-toggle-wrap .dracula-toggle-move {fill: #443a96;position: absolute;top: -20px;left: -20px;transition: all .3s ease-in-out;opacity: 0;width: 20px;}
.dracula-toggle-wrap:hover svg {opacity: 1;}
.dracula-toggle {--toggle-scale: 1;transition: all .2s ease-in-out;position: relative;align-items: center;background: 0 0;padding: 0;margin: 0;border-color: transparent;}
.dracula-toggle:focus, .dracula-toggle:hover {background: 0 0;border-color: transparent;}
.dracula-toggle .dracula-toggle-label {font-size: .875rem;white-space: nowrap;}
.dracula-toggle.style-1 {--toggle-bg-light: #eee;--toggle-bg-dark: #444;--toggle-icon-color-light: #555;--toggle-icon-color-dark: #fff;}
.dracula-toggle.style-1 .toggle-icon {position: absolute;width: 50%;height: 50%;}
.dracula-toggle.style-1 .toggle-icon-wrap {width: calc(50px * var(--toggle-scale));aspect-ratio: 1;padding: .75rem;display: flex;align-items: center;justify-content: center;overflow: hidden;background: var(--toggle-bg-light);border-radius: 20%;box-shadow: rgba(9,30,66,.25) 0 4px 8px -2px,rgba(9,30,66,.08) 0 0 0 1px;position: relative;transition: background .5s ease-in-out;}
.dracula-toggle.style-1 .toggle-icon.__light {background-color: var(--toggle-icon-color-light);-webkit-mask: url("../images/toggles/toggle1/light.svg") no-repeat center/contain;mask: url("../images/toggles/toggle1/light.svg") no-repeat center/contain;top: auto;}
.dracula-toggle.style-1 .toggle-icon.__dark {background-color: var(--toggle-icon-color-dark);-webkit-mask: url("../images/toggles/toggle1/dark.svg") no-repeat center/contain;mask: url("../images/toggles/toggle1/dark.svg") no-repeat center/contain;top: -100%;}
.dracula-toggle.style-1.mode-dark .toggle-icon-wrap {background: var(--toggle-bg-dark);}
.dracula-toggle.style-1.mode-dark .toggle-icon.__dark {top: auto;}
.dracula-toggle.style-1.mode-dark .toggle-icon.__light {top: 100%;}
.dracula-toggle.style-2 {--toggle-bg-light: #eee;--toggle-bg-dark: #484d60;--toggle-icon-light: #fff;--toggle-icon-dark: #fff;width: calc(90px * var(--toggle-scale));aspect-ratio: 2/.9;background: var(--toggle-bg-light);border-radius: 100px;display: flex;align-items: center;padding: .35rem;box-shadow: rgba(0,0,0,.1) 0 10px 15px -3px,rgba(0,0,0,.05) 0 4px 6px -2px;}
.dracula-toggle.style-2 .dracula-toggle-icon {width: 100%;height: 100%;background-color: var(--toggle-bg-light);-webkit-mask: url("../images/toggles/light.svg") no-repeat center/contain;mask: url("../images/toggles/light.svg") no-repeat center/contain;}
.dracula-toggle.style-2 .dracula-toggle-icon-wrap {aspect-ratio: 1;height: 100%;padding: .35rem;border-radius: 50%;background: var(--toggle-bg-dark);box-shadow: 0 .2rem .2rem rgba(0,0,0,.2);}
.dracula-toggle.style-2 .dracula-toggle-label {margin-left: auto;color: var(--toggle-bg-dark);margin-right: 5px;line-height: 1;font-size: calc(1rem * var(--toggle-scale));}
.dracula-toggle.style-2:not(.mode-dark) {border: 1px solid #ddd;}
.dracula-toggle.style-2:not(.mode-dark) .dracula-toggle-label .--dark {display: none;}
.dracula-toggle.style-2.mode-dark {background: var(--toggle-bg-dark);flex-flow: row-reverse;}
.dracula-toggle.style-2.mode-dark .dracula-toggle-icon {background-color: var(--toggle-bg-dark);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;}
.dracula-toggle.style-2.mode-dark .dracula-toggle-icon-wrap {background: var(--toggle-bg-light);}
.dracula-toggle.style-2.mode-dark .dracula-toggle-label {color: var(--toggle-bg-light);margin-right: auto;}
.dracula-toggle.style-2.mode-dark .dracula-toggle-label .--dark {display: block;}
.dracula-toggle.style-2.mode-dark .dracula-toggle-label .--light {display: none;}
.dracula-toggle.style-3 {--toggle-bg-dark: linear-gradient(to right,#0f40ff,#4b5d8a);--toggle-bg-light: #eee;--toggle-icon-light: #fff;--toggle-icon-dark: #484d60;width: calc(80px * var(--toggle-scale));aspect-ratio: 2/1;background: var(--toggle-bg-light);border-radius: 100px;display: flex;align-items: center;padding: .25rem;box-shadow: 0 .25rem .25rem rgba(0,0,0,.2);}
.dracula-toggle.style-3 .dracula-toggle-icon {width: 100%;height: 100%;background: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/toggle3/light.svg") no-repeat center/contain;mask: url("../images/toggles/toggle3/light.svg") no-repeat center/contain;}
.dracula-toggle.style-3 .dracula-toggle-icon-wrap {aspect-ratio: 1;height: 100%;padding: .35rem;border-radius: 50%;background: linear-gradient(to right,#0f40ff,#4b5d8a);box-shadow: 0 .2rem .2rem rgba(0,0,0,.2);}
.dracula-toggle.style-3:not(.mode-dark) {border: 1px solid #ddd;}
.dracula-toggle.style-3.mode-dark {background: var(--toggle-bg-dark);flex-flow: row-reverse;}
.dracula-toggle.style-3.mode-dark .dracula-toggle-icon {background: var(--toggle-icon-dark);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;}
.dracula-toggle.style-3.mode-dark .dracula-toggle-icon-wrap {background: #fff;}
.dracula-toggle.style-4 {--toggle-bg-light: #eee;--toggle-bg-dark: #4bda73;--toggle-icon-light: #484d60;--toggle-icon-dark: #fff;width: calc(130px * var(--toggle-scale));aspect-ratio: 3/.8;display: flex;align-items: center;}
.dracula-toggle.style-4 .prefix-icon, .dracula-toggle.style-4 .suffix-icon {height: 70%;aspect-ratio: 1;}
.dracula-toggle.style-4 .prefix-icon {background-color: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/light.svg") no-repeat center/contain;mask: url("../images/toggles/light.svg") no-repeat center/contain;}
.dracula-toggle.style-4 .suffix-icon {background-color: var(--toggle-icon-dark);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;opacity: .8;box-shadow: rgba(50,50,93,.25) 0 30px 60px -12px inset,rgba(0,0,0,.3) 0 18px 36px -18px inset;}
.dracula-toggle.style-4 .dracula-toggle-icon {height: 100%;aspect-ratio: 1;background: var(--toggle-icon-light);border-radius: 50%;box-shadow: rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 2px 6px 2px;}
.dracula-toggle.style-4 .dracula-toggle-icon-wrap {height: 100%;background: var(--toggle-bg-light);padding: .35rem;border-radius: 100px;box-shadow: 0 .2rem .2rem rgba(0,0,0,.2);display: flex;align-items: center;justify-content: flex-start;margin: 0 10px;flex: 1;}
.dracula-toggle.style-4:not(.mode-dark) .dracula-toggle-icon-wrap {border: 1px solid #ddd;}
.dracula-toggle.style-4.mode-dark .prefix-icon {opacity: .8;}
.dracula-toggle.style-4.mode-dark .suffix-icon {opacity: 1;}
.dracula-toggle.style-4.mode-dark .dracula-toggle-icon {background: var(--toggle-icon-dark);}
.dracula-toggle.style-4.mode-dark .dracula-toggle-icon-wrap {background: var(--toggle-bg-dark);justify-content: flex-end;}
.dracula-toggle.style-5 {--toggle-bg-light: #eee;--toggle-bg-dark: #484d60;--toggle-icon-light: #484d60;--toggle-icon-dark: #fff;width: calc(80px * var(--toggle-scale));aspect-ratio: 3/1.4;background: var(--toggle-bg-light);border-radius: 100px;display: flex;align-items: center;justify-content: space-between;padding: .35rem;box-shadow: rgba(50,50,93,.25) 0 6px 12px -2px,rgba(0,0,0,.3) 0 3px 7px -3px;}
.dracula-toggle.style-5 .dracula-toggle-icon {aspect-ratio: 1;height: 90%;background-color: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/light.svg") no-repeat center/contain;mask: url("../images/toggles/light.svg") no-repeat center/contain;}
.dracula-toggle.style-5 .dracula-toggle-icon-wrap {aspect-ratio: 1;height: 100%;padding: .35rem;border-radius: 50%;background: var(--toggle-bg-dark);box-shadow: 0 .2rem .2rem rgba(0,0,0,.2);}
.dracula-toggle.style-5:not(.mode-dark) {border: 1px solid #ddd;}
.dracula-toggle.style-5.mode-dark {background: var(--toggle-bg-dark);flex-flow: row-reverse;}
.dracula-toggle.style-5.mode-dark .dracula-toggle-icon {background-color: var(--toggle-icon-dark);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;}
.dracula-toggle.style-5.mode-dark .dracula-toggle-icon-wrap {background: var(--toggle-bg-light);}
.dracula-toggle.style-6 {--toggle-bg-dark: linear-gradient(to right,#0f40ff,#fff);--toggle-bg-light: linear-gradient(to right,#fff,#0f40ff);--toggle-icon-light: #0f40ff;--toggle-icon-dark: #484d60;--toggle-icon-bg-light: #eee;--toggle-icon-bg-dark: #fff;width: calc(70px * var(--toggle-scale));aspect-ratio: 3/1.2;background: var(--toggle-bg-light);border-radius: 100px;display: flex;align-items: center;justify-content: flex-start;box-shadow: 0 .25rem .25rem rgba(0,0,0,.2);}
.dracula-toggle.style-6 .dracula-toggle-icon {width: 100%;height: 100%;background: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/toggle3/light.svg") no-repeat center/contain;mask: url("../images/toggles/toggle3/light.svg") no-repeat center/contain;}
.dracula-toggle.style-6 .dracula-toggle-icon-wrap {aspect-ratio: 1;height: 130%;padding: .5rem;border-radius: 50%;background: var(--toggle-icon-bg-light);box-shadow: rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 2px 6px 2px;position: absolute;}
.dracula-toggle.style-6.mode-dark {background: var(--toggle-bg-dark);justify-content: flex-end;}
.dracula-toggle.style-6.mode-dark .dracula-toggle-icon {background: var(--toggle-icon-dark);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;}
.dracula-toggle.style-6.mode-dark .dracula-toggle-icon-wrap {background: var(--toggle-icon-bg-dark);}
.dracula-toggle.style-7 {--toggle-bg-light: #eee;--toggle-bg-dark: #4864cf;--toggle-icon-light: #fff;--toggle-icon-dark: #fff;--toggle-icon-bg-light: #484d60;--toggle-icon-bg-dark: #484d60;width: calc(90px * var(--toggle-scale));aspect-ratio: 2.1/1;background: var(--toggle-bg-light);border-radius: 100px;display: flex;align-items: center;justify-content: space-between;padding: .35rem;box-shadow: rgba(0,0,0,.16) 0 3px 6px,rgba(0,0,0,.23) 0 3px 6px;}
.dracula-toggle.style-7 .dracula-toggle-icon {aspect-ratio: 1;height: 70%;position: relative;z-index: 1;}
.dracula-toggle.style-7 .dracula-toggle-icon.--light {background: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/light.svg") no-repeat center/contain;mask: url("../images/toggles/light.svg") no-repeat center/contain;left: 5%;}
.dracula-toggle.style-7 .dracula-toggle-icon.--dark {background: var(--toggle-icon-bg-light);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;right: 5%;}
.dracula-toggle.style-7 .dracula-toggle-icon-wrap {aspect-ratio: 1;height: 80%;padding: 10%;border-radius: 50%;background: var(--toggle-icon-bg-light);box-shadow: 0 .2rem .2rem rgba(0,0,0,.2);position: absolute;left: 5%;}
.dracula-toggle.style-7:not(.mode-dark) {border: 1px solid #ddd;}
.dracula-toggle.style-7.mode-dark {background: var(--toggle-bg-dark);}
.dracula-toggle.style-7.mode-dark .dracula-toggle-icon.--dark {background: var(--toggle-icon-dark);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;}
.dracula-toggle.style-7.mode-dark .dracula-toggle-icon-wrap {background: var(--toggle-icon-bg-dark);right: 5%;left: auto;}
.dracula-toggle.style-8 {--toggle-bg-light: url("../images/toggles/toggle8/light-bg.png") no-repeat center/cover;--toggle-bg-dark: url("../images/toggles/toggle8/dark-bg.png") no-repeat center/cover;--toggle-icon-light: #484d60;--toggle-icon-dark: #484d60;--toggle-icon-bg-light: #fff;--toggle-icon-bg-dark: #fff;width: calc(90px * var(--toggle-scale));aspect-ratio: 2/1;background: var(--toggle-bg-light);border-radius: 100px;display: flex;align-items: center;padding: .25rem;box-shadow: 0 .25rem .25rem rgba(0,0,0,.2);}
.dracula-toggle.style-8 .dracula-toggle-icon {width: 100%;height: 100%;background: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/light.svg") no-repeat center/cover;mask: url("../images/toggles/light.svg") no-repeat center/cover;}
.dracula-toggle.style-8 .dracula-toggle-icon-wrap {aspect-ratio: 1;height: 100%;padding: .5rem;border-radius: 50%;background: var(--toggle-icon-bg-light);box-shadow: 0 .2rem .2rem rgba(0,0,0,.2);}
.dracula-toggle.style-8.mode-dark {background: var(--toggle-bg-dark);flex-flow: row-reverse;border: 1px solid #555;}
.dracula-toggle.style-8.mode-dark .dracula-toggle-icon {background: var(--toggle-icon-dark);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;}
.dracula-toggle.style-8.mode-dark .dracula-toggle-icon-wrap {background: #fff;}
.dracula-toggle.style-9 {--toggle-bg-light: url("../images/toggles/toggle9/light-bg.svg") no-repeat center/cover;--toggle-bg-dark: url("../images/toggles/toggle9/dark-bg.svg") no-repeat center/cover;--toggle-icon-light: #fff;--toggle-icon-dark: #fff;--toggle-icon-bg-light: #4041d8;--toggle-icon-bg-dark: #484d60;width: calc(100px * var(--toggle-scale));aspect-ratio: 2/.9;background: var(--toggle-bg-light);border-radius: 100px;display: flex;align-items: center;justify-content: space-between;padding: .35rem;box-shadow: rgba(0,0,0,.16) 0 3px 6px,rgba(0,0,0,.23) 0 3px 6px;}
.dracula-toggle.style-9 .dracula-toggle-icon {aspect-ratio: 1;height: 70%;position: relative;z-index: 1;}
.dracula-toggle.style-9 .dracula-toggle-icon.--light {background: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/light.svg") no-repeat center/cover;mask: url("../images/toggles/light.svg") no-repeat center/cover;left: 5%;}
.dracula-toggle.style-9 .dracula-toggle-icon.--dark {background: var(--toggle-icon-dark);-webkit-mask: url("../images/toggles/toggle9/dark.svg") no-repeat center/cover;mask: url("../images/toggles/toggle9/dark.svg") no-repeat center/cover;right: 5%;}
.dracula-toggle.style-9 .dracula-toggle-icon-wrap {aspect-ratio: 1;height: 80%;padding: .35rem;border-radius: 50%;background: var(--toggle-icon-bg-light);box-shadow: 0 .2rem .2rem rgba(0,0,0,.2);position: absolute;left: 5%;}
.dracula-toggle.style-9.mode-dark {background: var(--toggle-bg-dark);}
.dracula-toggle.style-9.mode-dark .dracula-toggle-icon-wrap {background: var(--toggle-icon-bg-dark);right: 5%;left: auto;}
.dracula-toggle.style-10 {--toggle-bg-light: url("../images/toggles/toggle10/light-bg.png") no-repeat center/cover;--toggle-bg-dark: url("../images/toggles/toggle10/dark-bg.png") no-repeat center/cover;--toggle-icon-light: #484d60;--toggle-icon-dark: #484d60;--toggle-icon-bg-light: #fff;--toggle-icon-bg-dark: #fff;width: calc(90px * var(--toggle-scale));aspect-ratio: 2/.9;background: var(--toggle-bg-light);border-radius: 100px;display: flex;align-items: center;padding: .25rem;box-shadow: 0 .25rem .25rem rgba(0,0,0,.2);}
.dracula-toggle.style-10 .dracula-toggle-icon {width: 100%;height: 100%;background: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/light.svg") no-repeat center/cover;mask: url("../images/toggles/light.svg") no-repeat center/cover;}
.dracula-toggle.style-10 .dracula-toggle-icon-wrap {aspect-ratio: 1;height: 100%;padding: .5rem;border-radius: 50%;background: var(--toggle-icon-bg-light);box-shadow: 0 .2rem .2rem rgba(0,0,0,.2);}
.dracula-toggle.style-10:not(.mode-dark) {border: 1px solid #ddd;}
.dracula-toggle.style-10.mode-dark {background: var(--toggle-bg-dark);flex-flow: row-reverse;border: 1px solid #787a91;}
.dracula-toggle.style-10.mode-dark .dracula-toggle-icon {background: var(--toggle-icon-dark);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;}
.dracula-toggle.style-10.mode-dark .dracula-toggle-icon-wrap {background: #fff;}
.dracula-toggle.style-11 {--toggle-bg-light: url("../images/toggles/toggle10/light-bg.png") no-repeat center/cover;--toggle-bg-dark: url("../images/toggles/toggle10/dark-bg.png") no-repeat center/cover;--toggle-icon-light: #484d60;--toggle-icon-dark: #fff;--toggle-icon-bg-light: #fff;--toggle-icon-bg-dark: #fff;width: calc(180px * var(--toggle-scale));display: flex;align-items: center;}
.dracula-toggle.style-11.mode-light .toggle-prefix {color: #484d60;}
.dracula-toggle.style-11 .dracula-toggle-icon {aspect-ratio: 1;height: 80%;border-radius: 50%;background: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/light.svg") no-repeat center/cover;mask: url("../images/toggles/light.svg") no-repeat center/cover;}
.dracula-toggle.style-11 .dracula-toggle-icon-wrap {aspect-ratio: 3/1.3;height: 100%;padding: .35rem .5rem;border-radius: 100px;background: var(--toggle-bg-light);box-shadow: 0 .2rem .2rem rgba(0,0,0,.2);flex: 1;margin: 0 10px;display: flex;justify-content: flex-start;align-items: center;}
.dracula-toggle.style-11 .toggle-prefix, .dracula-toggle.style-11 .toggle-suffix {font-size: calc(1rem * var(--toggle-scale));}
.dracula-toggle.style-11 .toggle-suffix {opacity: .5;color: var(--toggle-icon-light);}
.dracula-toggle.style-11.mode-dark .toggle-prefix {opacity: .5;}
.dracula-toggle.style-11.mode-dark .toggle-suffix {opacity: 1;color: var(--toggle-icon-dark);}
.dracula-toggle.style-11.mode-dark .dracula-toggle-icon {background: var(--toggle-icon-dark);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;}
.dracula-toggle.style-11.mode-dark .dracula-toggle-icon-wrap {background: var(--toggle-bg-dark);justify-content: flex-end;}
.dracula-toggle.style-12 {--toggle-bg-light: #eee;--toggle-bg-dark: #a9cbff;--toggle-icon-light: #fff;--toggle-icon-dark: #fff;--toggle-icon-bg-light: #484d60;--toggle-icon-bg-dark: #484d60;width: calc(90px * var(--toggle-scale));aspect-ratio: 2/.9;background: var(--toggle-bg-light);border-radius: .5rem;display: flex;align-items: center;justify-content: space-between;box-shadow: rgba(50,50,93,.25) 0 6px 12px -2px,rgba(0,0,0,.3) 0 3px 7px -3px;}
.dracula-toggle.style-12 .dracula-toggle-icon {aspect-ratio: 1;height: 50%;position: relative;z-index: 1;}
.dracula-toggle.style-12 .dracula-toggle-icon.--light {background: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/light.svg") no-repeat center/contain;mask: url("../images/toggles/light.svg") no-repeat center/contain;left: 10%;}
.dracula-toggle.style-12 .dracula-toggle-icon.--dark {background: var(--toggle-icon-bg-light);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;right: 10%;}
.dracula-toggle.style-12 .dracula-toggle-icon-wrap {aspect-ratio: 1;height: 100%;border-radius: 15%;background: var(--toggle-icon-bg-light);position: absolute;left: 0;}
.dracula-toggle.style-12:not(.mode-dark) {border: 1px solid #ddd;}
.dracula-toggle.style-12.mode-dark {background: var(--toggle-bg-dark);}
.dracula-toggle.style-12.mode-dark .dracula-toggle-icon.--dark {background: var(--toggle-icon-dark);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;}
.dracula-toggle.style-12.mode-dark .dracula-toggle-icon.--light {background: var(--toggle-icon-bg-light);}
.dracula-toggle.style-12.mode-dark .dracula-toggle-icon-wrap {background: var(--toggle-icon-bg-dark);right: 0;left: auto;}
.dracula-toggle.style-13 {--toggle-bg-light: #eee;--toggle-bg-dark: #ff6b03;--toggle-icon-light: #484d60;--toggle-icon-dark: #fff;width: calc(150px * var(--toggle-scale));display: flex;align-items: center;}
.dracula-toggle.style-13 .dracula-toggle-icon {aspect-ratio: 1;height: 100%;border-radius: 50%;background: var(--toggle-icon-light);}
.dracula-toggle.style-13 .dracula-toggle-icon-wrap {width: calc(40px * var(--toggle-scale));aspect-ratio: 2/1;padding: .125rem;border-radius: 30px;background: var(--toggle-bg-light);box-shadow: 0 .2rem .2rem rgba(0,0,0,.2);display: flex;justify-content: flex-start;margin-left: auto;}
.dracula-toggle.style-13 .toggle-prefix-icon {width: calc(15px * var(--toggle-scale));height: calc(15px * var(--toggle-scale));background: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;margin-right: 7px;}
.dracula-toggle.style-13 .toggle-prefix-text {color: #3c434a;font-size: calc(1rem * var(--toggle-scale));line-height: 1;margin-bottom: 2px;}
.dracula-toggle.style-13.mode-dark .toggle-prefix-icon {background: var(--toggle-icon-dark);}
.dracula-toggle.style-13.mode-dark .dracula-toggle-icon {background: var(--toggle-icon-dark);}
.dracula-toggle.style-13.mode-dark .dracula-toggle-icon-wrap {background: var(--toggle-bg-dark);justify-content: flex-end;}
.dracula-toggle-wrap[data-style="15"] {--side-offset: 0;--bottom-offset: 220px;}
.dracula-toggle-wrap[data-style="15"].position-left .dracula-toggle {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.dracula-toggle-wrap[data-style="15"].position-right .dracula-toggle {border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.dracula-toggle.style-15 {--toggle-bg-light: #eee;--toggle-bg-dark: #a9cbff;--toggle-icon-light: #fff;--toggle-icon-dark: #fff;--toggle-icon-bg-light: #484d60;--toggle-icon-bg-dark: #484d60;width: calc(50px * var(--toggle-scale));aspect-ratio: 1/2;background: var(--toggle-bg-light);display: flex;flex-direction: column;align-items: center;justify-content: space-around;box-shadow: rgba(50,50,93,.25) 0 6px 12px -2px,rgba(0,0,0,.3) 0 3px 7px -3px;overflow: hidden;}
.dracula-toggle.style-15 .dracula-toggle-icon {aspect-ratio: 1;width: 25px;position: relative;z-index: 1;}
.dracula-toggle.style-15 .dracula-toggle-icon.--light {background: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/light.svg") no-repeat center/contain;mask: url("../images/toggles/light.svg") no-repeat center/contain;}
.dracula-toggle.style-15 .dracula-toggle-icon.--dark {background: var(--toggle-icon-bg-light);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;}
.dracula-toggle.style-15 .dracula-toggle-icon-wrap {aspect-ratio: 1;width: 100%;background: var(--toggle-icon-bg-light);position: absolute;top: 0;}
.dracula-toggle.style-15.mode-dark {background: var(--toggle-bg-dark);}
.dracula-toggle.style-15.mode-dark .dracula-toggle-icon.--dark {background: var(--toggle-icon-dark);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;}
.dracula-toggle.style-15.mode-dark .dracula-toggle-icon.--light {background: var(--toggle-icon-bg-light);}
.dracula-toggle.style-15.mode-dark .dracula-toggle-icon-wrap {background: var(--toggle-icon-bg-dark);top: auto;bottom: 0;}
.dracula-toggle-wrap[data-style="16"] {--side-offset: 0;--bottom-offset: 220px;}
.dracula-toggle-wrap[data-style="16"].position-left .dracula-toggle {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.dracula-toggle-wrap[data-style="16"].position-right .dracula-toggle {border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.dracula-toggle.style-16 {--toggle-bg-light: #fff;--toggle-bg-dark: #a9cbff;--toggle-icon-light: #fb9c0d;--toggle-icon-dark: #484d60;--toggle-icon-bg-light: #fb9c0d;--toggle-icon-bg-dark: #484d60;width: calc(60px * var(--toggle-scale));aspect-ratio: 1/1.9;background: var(--toggle-bg-light);display: flex;flex-direction: column;align-items: center;justify-content: space-around;box-shadow: rgba(50,50,93,.25) 0 6px 12px -2px,rgba(0,0,0,.3) 0 3px 7px -3px;overflow: hidden;padding-top: 3px;padding-bottom: 3px;}
.dracula-toggle.style-16 .dracula-toggle-icon {aspect-ratio: 1;height: 100%;border-radius: 50%;background: #fff;}
.dracula-toggle.style-16 .dracula-toggle-icon-wrap {width: calc(40px * var(--toggle-scale));aspect-ratio: 2/1;padding: .125rem;border-radius: 30px;background: #484d60;box-shadow: 0 .2rem .2rem rgba(0,0,0,.2);display: flex;justify-content: flex-start;}
.dracula-toggle.style-16 .toggle-prefix-icon {aspect-ratio: 1;width: calc(25px * var(--toggle-scale));background: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/light.svg") no-repeat center/contain;mask: url("../images/toggles/light.svg") no-repeat center/contain;}
.dracula-toggle.style-16 .toggle-prefix-text {color: #3c434a;font-size: calc(14px * var(--toggle-scale));line-height: 1.2;text-align: center;}
.dracula-toggle.style-16.mode-dark {background: var(--toggle-bg-dark);}
.dracula-toggle.style-16.mode-dark .toggle-prefix-text {color: var(--toggle-icon-dark);}
.dracula-toggle.style-16.mode-dark .toggle-prefix-icon {-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;background: var(--toggle-icon-dark);}
.dracula-toggle.style-16.mode-dark .dracula-toggle-icon {background: var(--toggle-bg-dark);}
.dracula-toggle.style-16.mode-dark .dracula-toggle-icon-wrap {justify-content: flex-end;}
.dracula-toggle-wrap[data-style="17"] {--side-offset: 0;--bottom-offset: 220px;}
.dracula-toggle-wrap[data-style="17"].position-left .dracula-toggle {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.dracula-toggle-wrap[data-style="17"].position-right .dracula-toggle {border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.dracula-toggle.style-17 {--toggle-bg-light: #fff;--toggle-bg-dark: #484d60;--toggle-icon-light: #484d60;--toggle-icon-dark: #fff;--toggle-icon-bg-light: #484d60;--toggle-icon-bg-dark: #484d60;width: calc(50px * var(--toggle-scale));aspect-ratio: 1/2;background: var(--toggle-bg-light);display: flex;flex-direction: column;align-items: center;justify-content: space-around;box-shadow: rgba(50,50,93,.25) 0 6px 12px -2px,rgba(0,0,0,.3) 0 3px 7px -3px;}
.dracula-toggle.style-17:after {content: "";position: absolute;width: 100%;height: 1px;background: #ddd;}
.dracula-toggle.style-17 .dracula-toggle-icon {aspect-ratio: 1;height: 25px;width: 25px;position: relative;z-index: 1;}
.dracula-toggle.style-17 .dracula-toggle-icon.--typography {background: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/typography.svg") no-repeat center/contain;mask: url("../images/toggles/typography.svg") no-repeat center/contain;}
.dracula-toggle.style-17 .dracula-toggle-icon.--light {background: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/light.svg") no-repeat center/contain;mask: url("../images/toggles/light.svg") no-repeat center/contain;}
.dracula-toggle.style-17 .dracula-toggle-icon.--dark {background: var(--toggle-icon-bg-light);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;}
.dracula-toggle.style-17 .dracula-toggle-icon-wrap {aspect-ratio: 1;width: 100%;background: var(--toggle-icon-bg-light);position: absolute;top: 0;}
.dracula-toggle.style-17.mode-dark {background: var(--toggle-bg-dark);}
.dracula-toggle.style-17.mode-dark .dracula-toggle-icon.--typography {background: var(--toggle-icon-dark);}
.dracula-toggle.style-17.mode-dark .dracula-toggle-icon.--dark {background: var(--toggle-icon-dark);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;}
.dracula-toggle.style-17.mode-dark .dracula-toggle-icon.--light {background: var(--toggle-icon-bg-light);}
.dracula-toggle.style-17.mode-dark .dracula-toggle-icon-wrap {background: var(--toggle-icon-bg-dark);top: auto;bottom: 0;}
.dracula-toggle.style-18 {--toggle-bg-light: #fff;--toggle-bg-dark: #484d60;--toggle-icon-light: #484d60;--toggle-icon-dark: #fff;--toggle-icon-bg-light: #484d60;--toggle-icon-bg-dark: #484d60;width: calc(90px * var(--toggle-scale));aspect-ratio: 2/1;background: var(--toggle-bg-light);display: flex;align-items: center;justify-content: space-around;box-shadow: rgba(50,50,93,.25) 0 6px 12px -2px,rgba(0,0,0,.3) 0 3px 7px -3px;border-radius: 5px;}
.dracula-toggle.style-18:after {content: "";position: absolute;height: 100%;width: 1px;background: #ddd;}
.dracula-toggle.style-18 .dracula-toggle-icon {aspect-ratio: 1;width: 22px;height: 22px;padding: 0;position: relative;z-index: 1;}
.dracula-toggle.style-18 .dracula-toggle-icon.--typography {background: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/typography.svg") no-repeat center/contain;mask: url("../images/toggles/typography.svg") no-repeat center/contain;}
.dracula-toggle.style-18 .dracula-toggle-icon.--light {background: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/light.svg") no-repeat center/contain;mask: url("../images/toggles/light.svg") no-repeat center/contain;}
.dracula-toggle.style-18 .dracula-toggle-icon.--dark {background: var(--toggle-icon-bg-light);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;}
.dracula-toggle.style-18 .dracula-toggle-icon-wrap {aspect-ratio: 1;width: 100%;background: var(--toggle-icon-bg-light);position: absolute;top: 0;}
.dracula-toggle.style-18.mode-dark {background: var(--toggle-bg-dark);}
.dracula-toggle.style-18.mode-dark .dracula-toggle-icon.--typography {background: var(--toggle-icon-dark);}
.dracula-toggle.style-18.mode-dark .dracula-toggle-icon.--dark {background: var(--toggle-icon-dark);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;}
.dracula-toggle.style-18.mode-dark .dracula-toggle-icon.--light {background: var(--toggle-icon-bg-light);}
.dracula-toggle.style-18.mode-dark .dracula-toggle-icon-wrap {background: var(--toggle-icon-bg-dark);top: auto;bottom: 0;}
.dracula-toggle.style-19 {--toggle-bg-light: #eee;--toggle-bg-dark: #484d60;--toggle-icon-light: #484d60;--toggle-icon-dark: #fff;width: calc(80px * var(--toggle-scale));aspect-ratio: 3/1.4;background: var(--toggle-bg-light);border-radius: 100px;display: flex;align-items: center;justify-content: space-between;padding: .35rem;box-shadow: rgba(50,50,93,.25) 0 6px 12px -2px,rgba(0,0,0,.3) 0 3px 7px -3px;margin-right: 30px;}
.dracula-toggle.style-19 .dracula-toggle-icon {aspect-ratio: 1;height: 90%;background-color: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/light.svg") no-repeat center/contain;mask: url("../images/toggles/light.svg") no-repeat center/contain;}
.dracula-toggle.style-19 .dracula-toggle-icon-wrap {aspect-ratio: 1;height: 100%;padding: .35rem;border-radius: 50%;background: var(--toggle-bg-dark);box-shadow: 0 .2rem .2rem rgba(0,0,0,.2);}
.dracula-toggle.style-19 .toggle-postfix-icon {aspect-ratio: 1;margin-left: 10px;width: 20px;right: -30px;position: absolute;height: 90%;background-color: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/settings.svg") no-repeat center/contain;mask: url("../images/toggles/settings.svg") no-repeat center/contain;}
.dracula-toggle.style-19:not(.mode-dark) {border: 1px solid #ddd;}
.dracula-toggle.style-19.mode-dark {background: var(--toggle-bg-dark);flex-flow: row-reverse;}
.dracula-toggle.style-19.mode-dark .dracula-toggle-icon {background-color: var(--toggle-icon-dark);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;}
.dracula-toggle.style-19.mode-dark .dracula-toggle-icon-wrap {background: var(--toggle-bg-light);}
.dracula-toggle.style-14 {--toggle-bg-light: #eee;--toggle-bg-dark: #ff6b03;--toggle-icon-light: #484d60;--toggle-icon-dark: #fff;}
.dracula-toggle.style-14 .dracula-toggle-icon {width: calc(22px * var(--toggle-scale));height: calc(22px * var(--toggle-scale));display: block;}
.dracula-toggle.style-14:not(.mode-dark) .dracula-toggle-icon {background-color: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/light.svg") no-repeat center/contain;mask: url("../images/toggles/light.svg") no-repeat center/contain;}
.dracula-toggle.style-14.mode-dark .dracula-toggle-icon {background-color: var(--toggle-icon-dark);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;}
.dracula-toggle.style-14.mode-auto .dracula-toggle-icon {background-color: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/system.svg") no-repeat center/contain;mask: url("../images/toggles/system.svg") no-repeat center/contain;}
.dracula-toggle.style-14 .toggle-modal-content .toggle-option {display: flex;align-items: center;cursor: pointer;padding: 2px 10px 7px 10px;transition: all .2s ease-in-out;}
.dracula-toggle.style-14 .toggle-modal-content .toggle-option-icon {width: 15px;height: 15px;margin-right: 7px;margin-top: 3px;background-color: #555;}
.dracula-toggle.style-14 .toggle-modal-content .toggle-option-icon.--light {-webkit-mask: url("../images/toggles/light.svg") no-repeat center/contain;mask: url("../images/toggles/light.svg") no-repeat center/contain;}
.dracula-toggle.style-14 .toggle-modal-content .toggle-option-icon.--dark {-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;}
.dracula-toggle.style-14 .toggle-modal-content .toggle-option-icon.--auto {-webkit-mask: url("../images/toggles/system.svg") no-repeat center/contain;mask: url("../images/toggles/system.svg") no-repeat center/contain;}
.dracula-toggle.style-14 .toggle-modal-content .toggle-option-label {font-size: 12px;margin-top: 5px;color: #555;white-space: nowrap;}
.dracula-toggle.style-14 .toggle-modal-content .toggle-option.active .toggle-option-label {color: #2471b1;}
.dracula-toggle.style-14 .toggle-modal-content .toggle-option.active .toggle-option-icon {background-color: #2471b1;}
.dracula-toggle.style-14 .toggle-modal-content .toggle-option:hover {background-color: #eee !important;}
.dracula-toggle.style-14 .__react_component_tooltip {padding: 5px 0;border-radius: 5px;opacity: 1;}
html[data-dracula-scheme=dark] .dracula-toggle.style-14.mode-auto .dracula-toggle-icon {background-color: var(--toggle-icon-dark);}
.dracula-toggle.style-20 {--toggle-bg-light: #fff;--toggle-bg-dark: #484d60;--toggle-icon-light: #484d60;--toggle-icon-dark: #fff;--toggle-icon-bg-light: #484d60;--toggle-icon-bg-dark: #484d60;width: calc(90px * var(--toggle-scale));aspect-ratio: 2/1;background: var(--toggle-bg-light);display: flex;align-items: center;justify-content: space-around;box-shadow: rgba(50,50,93,.25) 0 6px 12px -2px,rgba(0,0,0,.3) 0 3px 7px -3px;border-radius: 5px;}
.dracula-toggle.style-20:after {content: "";position: absolute;height: 100%;width: 1px;background: #ddd;}
.dracula-toggle.style-20 .dracula-toggle-icon {aspect-ratio: 1;width: 22px;height: 22px;padding: 0;position: relative;z-index: 1;}
.dracula-toggle.style-20 .dracula-toggle-icon.--typography {background: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/settings.svg") no-repeat center/contain;mask: url("../images/toggles/settings.svg") no-repeat center/contain;}
.dracula-toggle.style-20 .dracula-toggle-icon.--light {background: var(--toggle-icon-light);-webkit-mask: url("../images/toggles/light.svg") no-repeat center/contain;mask: url("../images/toggles/light.svg") no-repeat center/contain;}
.dracula-toggle.style-20 .dracula-toggle-icon.--dark {background: var(--toggle-icon-bg-light);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;}
.dracula-toggle.style-20 .dracula-toggle-icon-wrap {aspect-ratio: 1;width: 100%;background: var(--toggle-icon-bg-light);position: absolute;top: 0;}
.dracula-toggle.style-20.mode-dark {background: var(--toggle-bg-dark);}
.dracula-toggle.style-20.mode-dark .dracula-toggle-icon.--typography {background: var(--toggle-icon-dark);}
.dracula-toggle.style-20.mode-dark .dracula-toggle-icon.--dark {background: var(--toggle-icon-dark);-webkit-mask: url("../images/toggles/dark.svg") no-repeat center/contain;mask: url("../images/toggles/dark.svg") no-repeat center/contain;}
.dracula-toggle.style-20.mode-dark .dracula-toggle-icon.--light {background: var(--toggle-icon-bg-light);}
.dracula-toggle.style-20.mode-dark .dracula-toggle-icon-wrap {background: var(--toggle-icon-bg-dark);top: auto;bottom: 0;}
#user-settings-tooltip {border: 1px solid #ddd;background: #f2f3ff;padding: 12px 15px;}
#user-settings-tooltip::after {background-color: #f2f3ff;border: 1px solid rgba(221,221,221,.7);}
#user-settings-tooltip .settings-field {margin-bottom: 7px;}
#user-settings-tooltip .settings-field.field-adjustments>.settings-field-label {display: none;}
#user-settings-tooltip .settings-field h4 {display: flex;align-items: center;font-size: 12px;margin-bottom: 5px;}
#user-settings-tooltip .settings-field h4 svg {width: 20px;height: 20px;margin-right: 5px;}
#user-settings-tooltip .settings-field .settings-field-content .settings-wrap .dracula-range-control {width: 200px;}
#user-settings-tooltip .settings-field .settings-field-content .settings-wrap .dracula-range-control .components-range-control__slider+span {height: 3px !important;}
#user-settings-tooltip .settings-field .settings-field-content .settings-wrap .dracula-range-control .components-range-control__track {height: 3px !important;}
#user-settings-tooltip .settings-field .settings-field-content .settings-wrap .dracula-range-control .components-range-control__track+span {width: 10px !important;height: 10px !important;}
#user-settings-tooltip .settings-field .settings-field-content .settings-wrap .dracula-range-control .components-range-control__number input {height: 23px;min-height: 23px;text-align: center;line-height: inherit !important;color: #777;}
#user-settings-tooltip .settings-field .settings-field-content .settings-wrap .dracula-range-control .components-range-control__number .components-input-control__backdrop {border-radius: 3px;background: 0 0;border-color: #ddd;}
#user-settings-tooltip .settings-field .settings-field-content .settings-wrap .dracula-range-control span .components-range-control__reset {height: 23px;min-height: 23px;border-radius: 3px;line-height: 1;}
#user-settings-tooltip .settings-field .settings-field-content .description {display: none;}
#user-settings-tooltip .settings-field .components-range-control__root .components-input-control__container {width: 40px;border-radius: 1px;}
#user-settings-tooltip .settings-field .components-range-control__root .components-input-control__container input[type=number] {-moz-appearance: textfield;}
#user-settings-tooltip .settings-field .components-range-control__root .components-input-control__container input[type=number]::-webkit-inner-spin-button, #user-settings-tooltip .settings-field .components-range-control__root .components-input-control__container input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
#user-settings-tooltip .settings-field .components-range-control__root .components-range-control__reset {font-size: 12px;text-transform: capitalize;letter-spacing: .5px;padding: 5px;width: auto;border: none !important;color: #777;}
#user-settings-tooltip .settings-field:hover>h4 {color: #675ed5;}
#user-settings-tooltip .settings-field:hover>h4 svg ellipse, #user-settings-tooltip .settings-field:hover>h4 svg path {fill: #675ed5;}
#user-settings-tooltip .dracula-tooltip-left::before {left: 36% !important;}
#user-settings-tooltip .dracula-tooltip-left::after {left: 36% !important;}
#user-settings-tooltip .dracula-tooltip-right::before {left: 75% !important;}
#user-settings-tooltip .dracula-tooltip-right::after {left: 75% !important;}
html[data-dracula-scheme=dark] #user-settings-tooltip {background: #353759;border-color: #484b79;}
html[data-dracula-scheme=dark] #user-settings-tooltip::after {background-color: #353759 !important;border-color: #484b79 !important;}
html[data-dracula-scheme=dark] #user-settings-tooltip .settings-field h4 {color: rgba(255,255,255,.8);}
html[data-dracula-scheme=dark] #user-settings-tooltip .settings-field h4 div {background: rgba(255,255,255,.8);}
html[data-dracula-scheme=dark] #user-settings-tooltip .settings-field:hover>h4 {color: #fff !important;}
html[data-dracula-scheme=dark] #user-settings-tooltip .settings-field:hover>h4 div {background: #fff !important;}
html[data-dracula-scheme=dark] iframe[src*="disqus.com"] {color-scheme: light;}
html[data-dracula-scheme=dark] iframe[src*="trustpilot.com"] {color-scheme: light;}
.reading-mode-buttons {--reading-mode-button-alignment: flex-start;display: flex;align-items: center;flex-wrap: wrap;margin-bottom: 1rem;justify-content: var(--reading-mode-button-alignment);}
.reading-mode-buttons>span {margin: 5px 7px;}
.reading-mode-buttons>span:first-child {margin-left: 0;}
.reading-mode-buttons>span:last-child {margin-right: 0;}
.reading-mode-buttons:empty {display: none;}
.reading-mode-button {--reading-mode-bg-color: -webkit-linear-gradient(-90deg,#fff 0%,#ddd 100%);--reading-mode-text-color: #2f80ed;--reading-mode-button-size: 40px;display: flex;align-items: center;cursor: pointer;transition: all .2s ease-in-out;background: var(--reading-mode-bg-color);color: var(--reading-mode-text-color);line-height: 1;-webkit-user-select: none;-moz-user-select: none;user-select: none;height: var(--reading-mode-button-size);padding: 9px 10px;position: relative;font-size: 14px;font-weight: 400;box-sizing: border-box;}
.reading-mode-button-wrap {display: inline-flex;}
.reading-mode-button .reading-mode-icon-wrap {width: 18px;aspect-ratio: 1;margin-right: 10px;box-sizing: border-box;}
.reading-mode-button .reading-mode-icon-only {margin-right: 0;}
.reading-mode-button__icon {width: 100%;height: 100%;display: block;transition: all .2s ease-in-out;}
.reading-mode-button__icon:not(.custom-icon) {-webkit-mask: var(--reading-mode-icon);mask: var(--reading-mode-icon);background-color: var(--reading-mode-text-color);}
.reading-mode-button__text {white-space: nowrap;}
.reading-mode-button:hover {background: var(--reading-mode-bg-darker);}
.reading-mode-button.style-default {background: var(--reading-mode-bg-color);color: var(--reading-mode-text-color);border: 1px solid #dedede;border-radius: 3px;}
.reading-mode-button.style-default:hover {opacity: .8;}
.reading-mode-button.style-solid {background: var(--reading-mode-bg-color);border-radius: 3px;}
.reading-mode-button.style-solid:hover {background: var(--reading-mode-bg-darker);}
.reading-mode-button.style-outline {border: 2px solid var(--reading-mode-text-color);border-radius: var(--reading-mode-button-size);background: 0 0;color: var(--reading-mode-text-color);}
.reading-mode-button.style-outline .reading-mode-button__icon:not(.custom-icon) {background-color: var(--reading-mode-text-color);}
.reading-mode-button.style-outline:hover {background: var(--reading-mode-text-color);color: #fff;}
.reading-mode-button.style-outline:hover .reading-mode-button__icon:not(.custom-icon) {background-color: #fff;}
.reading-mode-button.style-shadow {border-radius: 3px;box-shadow: inset 0 0 0 0 var(--reading-mode-bg-darker),0 3px 0 0 var(--reading-mode-bg-darker);}
.reading-mode-button.style-shadow:hover {color: #fff;box-shadow: inset 0 calc(0px - var(--reading-mode-button-size)) 0 0 var(--reading-mode-bg-darker),0 3px 0 0 var(--reading-mode-bg-darker);}
.reading-mode-button.style-shadow:hover .reading-mode-button__icon:not(.custom-icon) {background-color: #fff;}
.reading-mode-button.style-shadow-alt {background: 0 0;color: var(--reading-mode-bg-color);box-shadow: inset 0 0 0 0 var(--reading-mode-bg-color),0 3px 0 0 var(--reading-mode-bg-color),0 0 5px 0 rgba(0,0,0,.13);border-radius: 5px;}
.reading-mode-button.style-shadow-alt .reading-mode-button__icon:not(.custom-icon) {background-color: var(--reading-mode-bg-color);}
.reading-mode-button.style-shadow-alt:hover {background: 0 0;color: var(--reading-mode-text-color);box-shadow: inset 0 calc(0px - var(--reading-mode-button-size)) 0 0 var(--reading-mode-bg-color),0 3px 0 0 var(--reading-mode-bg-color);}
.reading-mode-button.style-shadow-alt:hover .reading-mode-button__icon:not(.custom-icon) {background-color: var(--reading-mode-text-color);}
.reading-mode-button.style-icon {border-radius: 7px;border: 2px solid var(--reading-mode-bg-color);background: 0 0;color: var(--reading-mode-bg-color);padding: 0;padding-right: 10px;overflow: hidden;}
.reading-mode-button.style-icon .reading-mode-icon-wrap {width: var(--reading-mode-button-size);padding: 10px;background: var(--reading-mode-bg-color);}
.reading-mode-button.style-icon .reading-mode-icon-wrap:after {content: "";background: var(--reading-mode-bg-color);width: 0;height: 100%;position: absolute;top: 0;left: var(--reading-mode-button-size);z-index: 1;transition: all .3s ease-in-out;}
.reading-mode-button.style-icon__icon:not(.custom-icon) {background-color: var(--reading-mode-text-color);}
.reading-mode-button.style-icon:hover {color: var(--reading-mode-text-color);}
.reading-mode-button.style-icon:hover .reading-mode-icon-wrap:after {width: 100%;}
.reading-mode-button.style-icon:hover .reading-mode-button__text {position: relative;z-index: 2;}
.reading-mode-button.style-icon-alt {border-radius: 7px;color: var(--reading-mode-text-color);padding: 0;padding-right: 10px;overflow: hidden;}
.reading-mode-button.style-icon-alt .reading-mode-icon-wrap {width: var(--reading-mode-button-size);padding: 10px;background: var(--reading-mode-bg-darker);}
.reading-mode-button.style-icon-alt .reading-mode-icon-wrap:after {content: "";background: var(--reading-mode-bg-darker);width: 0;height: 100%;position: absolute;top: 0;left: var(--reading-mode-button-size);z-index: 1;transition: all .3s ease-in-out;}
.reading-mode-button.style-icon-alt__icon:not(.custom-icon) {background-color: var(--reading-mode-text-color);}
.reading-mode-button.style-icon-alt:hover {background: var(--reading-mode-bg-color);}
.reading-mode-button.style-icon-alt:hover .reading-mode-icon-wrap:after {width: 100%;}
.reading-mode-button.style-icon-alt:hover .reading-mode-button__text {position: relative;z-index: 2;}
.reading-mode-button.style-icon-alt.reading-mode-icon-only, .reading-mode-button.style-icon.reading-mode-icon-only {padding-right: 0;}
.reading-mode-button.size-small {--reading-mode-button-size: 30px;padding: 7px 10px;font-size: 13px;}
.reading-mode-button.size-small .reading-mode-icon-wrap {width: 15px;margin-right: 7px;}
.reading-mode-button.size-small.style-icon, .reading-mode-button.size-small.style-icon-alt {padding: 0;padding-right: 7px;}
.reading-mode-button.size-small.style-icon .reading-mode-icon-wrap, .reading-mode-button.size-small.style-icon-alt .reading-mode-icon-wrap {width: var(--reading-mode-button-size);padding: 7px;}
.reading-mode-button.size-large {--reading-mode-button-size: 50px;padding: 15px 20px;font-size: 18px;}
.reading-mode-button.size-large .reading-mode-icon-wrap {width: 25px;margin-right: 15px;}
.reading-mode-button.size-large.style-icon, .reading-mode-button.size-large.style-icon-alt {padding: 0;padding-right: 15px;}
.reading-mode-button.size-large.style-icon .reading-mode-icon-wrap, .reading-mode-button.size-large.style-icon-alt .reading-mode-icon-wrap {width: var(--reading-mode-button-size);padding: 12px;}
@media (max-width:767px) {.reading-mode-button {--reading-mode-button-size: 30px;padding: 7px 10px;font-size: 13px;}
	.reading-mode-button .reading-mode-icon-wrap {width: 15px;margin-right: 7px;}
	.reading-mode-button.style-icon, .reading-mode-button.style-icon-alt {padding: 0;padding-right: 7px;}
	.reading-mode-button.style-icon .reading-mode-icon-wrap, .reading-mode-button.style-icon-alt .reading-mode-icon-wrap {width: var(--reading-mode-button-size);padding: 7px;}
	.reading-mode-button.size-small {--reading-mode-button-size: 25px;padding: 5px 8px;font-size: 11px;}
	.reading-mode-button.size-small .reading-mode-icon-wrap {width: 12px;margin-right: 5px;}
	.reading-mode-button.size-small.style-icon, .reading-mode-button.size-small.style-icon-alt {padding: 0;padding-right: 5px;}
	.reading-mode-button.size-small.style-icon .reading-mode-icon-wrap, .reading-mode-button.size-small.style-icon-alt .reading-mode-icon-wrap {width: var(--reading-mode-button-size);padding: 5px;}
	.reading-mode-button.size-large {--reading-mode-button-size: 40px;padding: 12px 15px;font-size: 15px;}
	.reading-mode-button.size-large .reading-mode-icon-wrap {width: 20px;margin-right: 12px;}
	.reading-mode-button.size-large.style-icon, .reading-mode-button.size-large.style-icon-alt {padding: 0;padding-right: 12px;}
	.reading-mode-button.size-large.style-icon .reading-mode-icon-wrap, .reading-mode-button.size-large.style-icon-alt .reading-mode-icon-wrap {width: var(--reading-mode-button-size);padding: 10px;}}
.reading-mode-iframe {width: 100%;height: 100%;border: none;position: fixed;top: 0;left: 0;z-index: 99999999999;display: none !important;}
.reading-mode-enabled {overflow: hidden;}
.reading-mode-enabled .reading-mode-iframe.active {display: block !important;}
#crumbs .reading-mode-buttons, .breadcrumbs .reading-mode-buttons, .nav-menu .reading-mode-buttons, nav .reading-mode-buttons {display: none !important;}
.ast-plain-container .entry-content p .reading-mode-buttons {display: block;width: -moz-max-content;width: max-content;overflow: hidden;}