.theme-toggle.theme-toggle--reversed .theme-toggle__expand {
transform: scale(-1, 1);
}
.theme-toggle {
--theme-toggle__expand--duration: 500ms;
}
.theme-toggle__expand g circle,
.theme-toggle__expand g path {
transform-origin: center;
transition: transform calc(var(--theme-toggle__expand--duration) * 0.65)
cubic-bezier(0, 0, 0, 1.25)
calc(var(--theme-toggle__expand--duration) * 0.35);
}
.theme-toggle__expand :first-child path {
transition-property: transform, d;
transition-duration: calc(var(--theme-toggle__expand--duration) * 0.6);
transition-timing-function: cubic-bezier(0, 0, 0.5, 1);
}
.theme-toggle input[type="checkbox"]:checked ~ .theme-toggle__expand g circle,
.darkify_dark_mode_enabled
.theme-toggle:not(label)
.theme-toggle__expand
g
circle {
transform: scale(1.4);
transition-delay: 0s;
}
.theme-toggle input[type="checkbox"]:checked ~ .theme-toggle__expand g path,
.darkify_dark_mode_enabled
.theme-toggle:not(label)
.theme-toggle__expand
g
path {
transform: scale(0.75);
transition-delay: 0s;
}
.theme-toggle
input[type="checkbox"]:checked
~ .theme-toggle__expand
:first-child
path,
.darkify_dark_mode_enabled
.theme-toggle:not(label)
.theme-toggle__expand
:first-child
path {
d: path("M-9 3h25a1 1 0 0017 13v30H0Z");
transition-delay: calc(var(--theme-toggle__expand--duration) * 0.4);
transition-timing-function: cubic-bezier(0, 0, 0, 1.25);
}
@supports not (d: path("")) {
.theme-toggle
input[type="checkbox"]:checked
~ .theme-toggle__expand
:first-child
path,
.darkify_dark_mode_enabled
.theme-toggle:not(label)
.theme-toggle__expand
:first-child
path {
transform: translate3d(-9px, 14px, 0);
}
}
.theme-toggle {
border: none;
background: 0 0;
cursor: pointer;
}
.theme-toggle input[type="checkbox"] {
display: none;
}
.theme-toggle .theme-toggle-sr {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
@media (prefers-reduced-motion: reduce) {
.theme-toggle:not(.theme-toggle--force-motion) * {
transition: none !important;
}
}.darkify_dark_mode_enabled
.darkify_style_all:not(
.darkify_switch,
.darkify_switch *,
.darkify_ignore,
.darkify_ignore *
) {
background: var(--darkify_dark_mode_bg) !important;
background-color: var(--darkify_dark_mode_bg) !important;
color: var(--darkify_dark_mode_text_color) !important;
border-color: var(--darkify_dark_mode_border_color) !important;
}
.darkify_dark_mode_enabled
.darkify_style_bg_txt:not(
.darkify_switch,
.darkify_switch *,
.darkify_ignore,
.darkify_ignore *
) {
background: var(--darkify_dark_mode_bg) !important;
background-color: var(--darkify_dark_mode_bg) !important;
color: var(--darkify_dark_mode_text_color) !important;
}
.darkify_dark_mode_enabled
.darkify_style_bg_border:not(
.darkify_switch,
.darkify_switch *,
.darkify_ignore,
.darkify_ignore *
) {
background: var(--darkify_dark_mode_bg) !important;
background-color: var(--darkify_dark_mode_bg) !important;
border-color: var(--darkify_dark_mode_border_color) !important;
}
.darkify_dark_mode_enabled
.darkify_style_txt_border:not(
.darkify_switch,
.darkify_switch *,
.darkify_ignore,
.darkify_ignore *
) {
color: var(--darkify_dark_mode_text_color) !important;
border-color: var(--darkify_dark_mode_border_color) !important;
}
.darkify_dark_mode_enabled
.darkify_style_bg:not(
.darkify_switch,
.darkify_switch *,
.darkify_ignore,
.darkify_ignore *
) {
background: var(--darkify_dark_mode_bg) !important;
background-color: var(--darkify_dark_mode_bg) !important;
}
.darkify_dark_mode_enabled
.darkify_style_txt:not(
.darkify_switch,
.darkify_switch *,
.darkify_ignore,
.darkify_ignore *
) {
color: var(--darkify_dark_mode_text_color) !important;
}
.darkify_dark_mode_enabled
.darkify_style_border:not(
.darkify_switch,
.darkify_switch *,
.darkify_ignore,
.darkify_ignore *
) {
border-color: var(--darkify_dark_mode_border_color) !important;
}
.darkify_dark_mode_enabled
.darkify_style_secondary_bg:not(
.darkify_switch,
.darkify_switch *,
.darkify_ignore,
.darkify_ignore *
) {
background: var(--darkify_dark_mode_secondary_bg) !important;
background-color: var(--darkify_dark_mode_secondary_bg) !important;
} .darkify_dark_mode_enabled
.darkify_style_link:not(
.darkify_switch,
.darkify_switch *,
.darkify_ignore,
.darkify_ignore *,
.drk_lite-nav ul li a
) {
color: var(--darkify_dark_mode_link_color) !important;
}
.darkify_dark_mode_enabled
.darkify_style_link:not(
.darkify_switch,
.darkify_switch *,
.darkify_ignore,
.darkify_ignore *
):hover {
color: var(--darkify_dark_mode_link_hover_color) !important;
} .darkify_dark_mode_enabled
.darkify_style_form_element:not(
.darkify_switch,
.darkify_switch *,
.darkify_ignore,
.darkify_ignore *
) {
background: var(--darkify_dark_mode_input_bg) !important;
background-color: var(--darkify_dark_mode_input_bg) !important;
color: var(--darkify_dark_mode_input_text_color) !important;
}
.darkify_dark_mode_enabled
.darkify_style_form_element:not(
.darkify_switch,
.darkify_switch *,
.darkify_ignore,
.darkify_ignore *
)::placeholder {
color: var(--darkify_dark_mode_input_placeholder_color) !important;
} .darkify_dark_mode_enabled
.darkify_style_button:not(
.darkify_switch,
.darkify_switch *,
.darkify_ignore,
.darkify_ignore *,
) {
background: var(--darkify_dark_mode_btn_bg) !important;
background-color: var(--darkify_dark_mode_btn_bg) !important;
color: var(--darkify_dark_mode_btn_text_color) !important;
} .darkify_admin_bar_switch_container {
cursor: pointer !important;
display: flex;
align-items: center;
justify-content: center;
width: 40px !important;
height: 32px !important;
}
.darkify_admin_bar_switch_container .ab-item {
height: 18px !important;
cursor: pointer !important;
background-color: #ffffff !important;
-webkit-mask: url(/wp-content/plugins/darkify/assets/img/switch_icons/switch_apple_light.svg) no-repeat center;
mask: url(/wp-content/plugins/darkify/assets/img/switch_icons/switch_apple_light.svg) no-repeat center;
}
.darkify_dark_mode_enabled .darkify_admin_bar_switch_container .ab-item {
-webkit-mask: url(/wp-content/plugins/darkify/assets/img/switch_icons/switch_apple_dark.svg) no-repeat center;
mask: url(/wp-content/plugins/darkify/assets/img/switch_icons/switch_apple_dark.svg) no-repeat center;
} .darkify_block_editor_switch {
height: 33px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
outline: 0;
border: 0;
background: #121116;
border-radius: 3px;
padding: 0 12px;
}
.darkify_dark_mode_enabled .darkify_block_editor_switch {
background: #ffffff;
}
.darkify_block_editor_switch .icon {
width: 20px;
height: 20px;
background-color: #ffffff !important;
} .darkify_switch {
--darkify_switch_position_from_top_right_top: 40px;
--darkify_switch_position_from_top_right_right: 40px;
--darkify_switch_position_from_bottom_right_bottom: 40px;
--darkify_switch_position_from_bottom_right_right: 40px;
--darkify_switch_position_from_top_left_top: 40px;
--darkify_switch_position_from_top_left_left: 40px;
--darkify_switch_position_from_bottom_left_bottom: 40px;
--darkify_switch_position_from_bottom_left_left: 40px;
--darkify_switch_position_from_top_right_top_in_mobile: 40px;
--darkify_switch_position_from_top_right_right_in_mobile: 40px;
--darkify_switch_position_from_bottom_right_bottom_in_mobile: 40px;
--darkify_switch_position_from_bottom_right_right_in_mobile: 40px;
--darkify_switch_position_from_top_left_top_in_mobile: 40px;
--darkify_switch_position_from_top_left_left_in_mobile: 40px;
--darkify_switch_position_from_bottom_left_bottom_in_mobile: 40px;
--darkify_switch_position_from_bottom_left_left_in_mobile: 40px;
--darkify_switch_tooltip_bg_color: #142434;
--darkify_switch_tooltip_text_color: #b0cbe7;
}
.darkify_switch,
.darkify_switch * {
box-sizing: border-box;
}
.darkify_switch.darkify_top_left,
.darkify_switch.darkify_top_right,
.darkify_switch.darkify_bottom_left,
.darkify_switch.darkify_bottom_right {
position: fixed;
z-index: 99999;
}
.darkify_switch.darkify_top_left {
top: var(--darkify_switch_position_from_top_left_left_in_mobile);
left: var(--darkify_switch_position_from_top_left_left_in_mobile);
}
.darkify_switch.darkify_top_right {
top: var(--darkify_switch_position_from_top_right_top_in_mobile);
right: var(--darkify_switch_position_from_top_right_right_in_mobile);
}
.darkify_switch.darkify_bottom_left {
bottom: var(--darkify_switch_position_from_bottom_left_bottom);
left: var(--darkify_switch_position_from_bottom_left_left);
}
.darkify_switch.darkify_bottom_right {
bottom: var(--darkify_switch_position_from_bottom_right_bottom);
right: var(--darkify_switch_position_from_bottom_right_right);
}
.darkify_switch.darkify_absolute_position {
position: absolute;
z-index: unset;
}
@media only screen and (max-width: 600px) {
.darkify_switch.darkify_hide_on_mobile {
display: none;
}
}
@media only screen and (max-width: 600px) {
.darkify_switch.darkify_top_left_in_mobile,
.darkify_switch.darkify_top_right_in_mobile,
.darkify_switch.darkify_bottom_left_in_mobile,
.darkify_switch.darkify_bottom_right_in_mobile {
position: fixed;
}
.darkify_switch.darkify_top_left_in_mobile {
top: var(--darkify_switch_position_from_top_left_top_in_mobile);
left: var(--darkify_switch_position_from_top_left_left_in_mobile);
bottom: unset;
right: unset;
}
.darkify_switch.darkify_top_right_in_mobile {
top: var(--darkify_switch_position_from_top_right_top_in_mobile);
right: var(--darkify_switch_position_from_top_right_right_in_mobile);
bottom: unset;
left: unset;
}
.darkify_switch.darkify_bottom_left_in_mobile {
bottom: var(--darkify_switch_position_from_bottom_left_bottom_in_mobile);
left: var(--darkify_switch_position_from_bottom_left_left_in_mobile);
top: unset;
right: unset;
}
.darkify_switch.darkify_bottom_right_in_mobile {
bottom: var(--darkify_switch_position_from_bottom_right_bottom_in_mobile);
right: var(--darkify_switch_position_from_bottom_right_right_in_mobile);
top: unset;
left: unset;
}
}
.darkify_tooltip .darkify_tooltiptext {
visibility: hidden;
width: 120px;
background-color: var(--darkify_switch_tooltip_bg_color);
color: var(--darkify_switch_tooltip_text_color);
font-size: 12px;
text-align: center;
border-radius: 0;
padding: 5px 0;
position: absolute;
z-index: 1;
}
.darkify_tooltip .darkify_tooltiptext::after {
content: "";
position: absolute;
border-width: 5px;
border-style: solid;
}
.darkify_tooltip:hover .darkify_tooltiptext {
visibility: visible;
}
.darkify_tooltip.darkify_tooltip_top .darkify_tooltiptext {
bottom: calc(100% + 10px);
left: 50%;
margin-left: -60px;
}
.darkify_tooltip.darkify_tooltip_top .darkify_tooltiptext::after {
left: 50%;
margin-left: -5px;
top: 100%;
border-color: var(--darkify_switch_tooltip_bg_color) transparent transparent
transparent;
}
.darkify_tooltip.darkify_tooltip_bottom .darkify_tooltiptext {
top: calc(100% + 10px);
left: 50%;
margin-left: -60px;
}
.darkify_tooltip.darkify_tooltip_bottom .darkify_tooltiptext::after {
left: 50%;
margin-left: -5px;
bottom: 100%;
border-color: transparent transparent var(--darkify_switch_tooltip_bg_color)
transparent;
}
.darkify_tooltip.darkify_tooltip_left .darkify_tooltiptext {
right: calc(100% + 10px);
top: calc(50% - 15px);
}
.darkify_tooltip.darkify_tooltip_left .darkify_tooltiptext::after {
top: 50%;
left: 100%;
margin-top: -5px;
border-color: transparent transparent transparent
var(--darkify_switch_tooltip_bg_color);
}
.darkify_tooltip.darkify_tooltip_right .darkify_tooltiptext {
left: calc(100% + 10px);
top: calc(50% - 15px);
}
.darkify_tooltip.darkify_tooltip_right .darkify_tooltiptext::after {
top: 50%;
right: 100%;
margin-top: -5px;
border-color: transparent var(--darkify_switch_tooltip_bg_color) transparent
transparent;
} .darkify_switch_style {
--darkify_switch_width_height: 60px;
--darkify_switch_icon_size: 50px;
--darkify_switch_border_radius: 7px;
--darkify_switch_light_mode_bg: #121116;
--darkify_switch_dark_mode_bg: #ffffff;
--darkify_switch_light_mode_color: #ffffff;
--darkify_switch_dark_mode_color: #121116;
}
.darkify_switch_style{
cursor: pointer;
z-index: 9999;
width: var(--darkify_switch_width_height);
height: var(--darkify_switch_width_height);
border-radius: var(--darkify_switch_border_radius);
background: var(--darkify_switch_light_mode_bg);
display: flex;
align-items: center;
justify-content: center;
fill: var(--darkify_switch_light_mode_icon_color);
stroke: var(--darkify_switch_light_mode_icon_color);
}
.darkify_switch_style .theme-toggle{
display: flex;
align-items: center;
justify-content: center;
}
.darkify_switch_style svg {
width: var(--darkify_switch_icon_size);
height: var(--darkify_switch_icon_size);
color: var(--darkify_switch_light_mode_color);
stroke: var(--darkify_switch_light_mode_color);
}
.darkify_dark_mode_enabled .darkify_switch_style{
background: var(--darkify_switch_dark_mode_bg);
}
.darkify_dark_mode_enabled .darkify_switch_style svg {
color: var(--darkify_switch_dark_mode_color);
stroke: var(--darkify_switch_dark_mode_color);
}.gdc_row {overflow:auto; margin-bottom:20px;} .gdc_cfull {width:100%;}
.gdc_chalf {width:50%;}
.gdc_cthird {width:33.3%;}
.gdc_ctwo-thirds {width:66.6%;}
.gdc_cquarter {width:25%;}
.gdc_cthree-quarters {width:75%;} .gdc_column {float:left;}
.gdc_column div.gdc_inner {padding:0 20px;}
.gdc_column:first-of-type .gdc_inner {padding-left:0;}
.gdc_column:last-of-type .gdc_inner {padding-right:0;}
@media only screen and (max-width: 40em) { .gdc_cfull {width:100%;}
.gdc_chalf {width:100%;}
.gdc_cthird {width:100%;}
.gdc_ctwo-thirds {width:100%;}
.gdc_cquarter {width:100%;}
.gdc_cthree-quarters {width:100%;} 
.gdc_column .gdc_inner {padding:0 !important;}
.gdc_column {margin-bottom:20px;}
}.myc-container {
width: auto;
min-width: 500px; display: inline-block;
}
.myc-chatbot-widget .myc-container {
min-width: 100%; 
}
.myc-conversation-area {
width: auto;
max-width: 100%;
max-height: 320px;
overflow: auto;
padding-right: 20px; padding-left: 20px; }
.myc-conversation-bubble-container + .myc-conversation-bubble-container {
margin-top: 10px;
}
.myc-conversation-bubble {
padding: 6px 9px;
display: inline-block;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0,0,0,0.2);
max-width: 80%;
}
.myc-conversation-response {
background-color: #e8e8e8;
color: #323232;
position: relative;
}
.myc-image-response {
padding: 9px 6px 6px 6px;
}
.myc-quick-reply {
display: inline-block;
margin-top: 6px;
margin-left: 6px;
}
.myc-image-response img {
max-width: 300px;
max-height: 200px;
display: inline-block;
}
.myc-conversation-request {
background-color: #1f4c73;
color: #fff;
position: relative;
}
#myc-input-area {
margin-top: 10px;
clear: both;
display: block;
}
.myc-text {
max-width: 100%;
min-width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
.myc-debug {
margin-top: 10px;
}
#myc-debug-data {
max-width: 100%;
}
.myc-datetime {
margin-top: 2px;
font-style: italic;
} .myc-content-overlay {
position: fixed;
bottom: 0%;
right: 5%;
width: 350px;
display: block;
box-shadow: 0 0 3px rgba(0,0,0,.3);
z-index: 999;
background-color: #fff;
text-align: left;
}
.myc-content-overlay-header {
height: 50px;
font-weight: 600;
line-height: 50px;
font-size: 22px;
padding-left: 10px;
padding-right: 10px;
display: block;
}
.myc-content-overlay-powered-by {
background-color: #e5e5e5;
color: #333;
font-size: 80%;
padding: 5px;
text-align: right;
font-style: italic;
}
.myc-content-overlay-header .myc-icon-toggle-down, .myc-content-overlay-header .myc-icon-toggle-up {
line-height: 50px;
float: right;
}
.myc-content-overlay-toggle .myc-content-overlay-header {
cursor: pointer;
}
.myc-content-overlay-container {
display: block;
}
.myc-content-overlay-container .myc-container {
width: 100% !important;
min-width: auto !important;
display: block;
}
.myc-content-overlay-container .myc-container .myc-conversation-area {
max-height: inherit;
display: block;
height: 350px;
padding-top: 10px;
}
.myc-content-overlay-container .myc-image-response img {
max-width: 100%;
}
.myc-content-overlay-container #myc-input-area {
padding: 10px;
margin-top: 0px;
}
.myc-card-image {
max-width: 100%;
max-height: 200px;
display: block;
}
.myc-card-response {
padding-bottom: 9px; }
.myc-card-title-wrapper {
padding-top: 6px;
padding-bottom: 6px;
text-align: left;
background-color: #fff;
text-align: left;
}
.myc-card-title, .myc-card-subtitle {
padding-left: 6px;
padding-right: 6px;
}
.myc-card-title {
font-weight: 600;
}
.myc-card-subtitle {
font-size: 80%;
margin-top: -6px;
}
.myc-card-button {
text-align: center;
display:block;
width: 100%;
padding-top: 6px;
font-size: .85em;	
text-decoration: underline;
}
.myc-content-overlay-bottom {
border-top: 1px solid #e5e5e5;
font-size: 80%;
display: flex;
background-color: #fff;
}
.myc-content-overlay-left-icons {
float: left;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
.myc-content-overlay-bottom span {
margin-right: 5px;
}
.myc-clear, .myc-font-size {
cursor: pointer;
color: #333;
}
.myc-text-response iframe {
height: 200px;
max-width: 100%;
} @media only screen and (min-width : 320px) and (max-width : 480px) {
.myc-container {
min-width: 100%;
width: 100%;
max-height: 200px;
}
.myc-image-response img {
max-width: 100%;
}
.myc-content-overlay {
min-width: 100%;
width: auto !important;
max-height: 100%;
right: auto;
}
.myc-content-overlay-popup {
bottom: 0px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;	
}
.myc-content-overlay-container {
font-size: 100%;
}
.myc-content-overlay-container .myc-container {
display: block;
max-height: 100%;
}
.myc-content-overlay-container .myc-container .myc-conversation-area {
position: relative;
max-height: 100%;
}
.myc-content-overlay-container .myc-container #myc-input-area {
width: 100%;
}
}
@media only screen and (min-height : 320px) and (max-height : 480px) and (orientation: landscape) {
.myc-content-overlay-container .myc-container .myc-conversation-area {
max-height: 170px !important;
}
.myc-content-overlay-popup {
max-height: 100% !important;
bottom: 0px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;	
}
}
@media only screen and (min-width : 320px) and (max-width : 480px) and (orientation: portrait) {
.myc-content-overlay-container .myc-container .myc-conversation-area {
max-height: 240px  !important;
}
} @keyframes blink {
50% {
color: transparent;
}
}
.myc-conversation-area .myc-loading {
display: block;
padding: 6px 9px;
margin-top: 10px;
text-align: center;
vertical-align: center;
}
.myc-conversation-area .myc-icon-loading-dot {
animation: 1s blink infinite;
font-size: 1em;
display: clear;
margin-left: 2px;
margin-right: 2px;
}
.myc-conversation-area .myc-icon-loading-dot:nth-child(2) {
animation-delay: 750ms;
}
.myc-conversation-area .myc-icon-loading-dot:nth-child(3) {
animation-delay: 1500ms;
}
@font-face {
font-family: 'myc-icons';
src:  url(/wp-content/plugins/my-chatbot-1/assets/fonts/icons.eot?6tk1sz);
src:  url(/wp-content/plugins/my-chatbot-1/assets/fonts/icons.eot?6tk1sz#iefix) format('embedded-opentype'),
url(/wp-content/plugins/my-chatbot-1/assets/fonts/icons.ttf?6tk1sz) format('truetype'),
url(/wp-content/plugins/my-chatbot-1/assets/fonts/icons.woff?6tk1sz) format('woff'),
url(/wp-content/plugins/my-chatbot-1/assets/fonts/icons.svg?6tk1sz#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="myc-icon-"], [class*=" myc-icon-"] { font-family: 'myc-icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.myc-icon-toggle-up:before {
content: "\f077";
}
.myc-icon-toggle-down:before {
content: "\f078";
}
.myc-icon-loading-dot:before {
content: "\f111";
}
.myc-icon-trash:before {
content: "\f014";
}
.myc-icon-paper-plane:before {
content: "\f1d8";
}
.myc-icon-font-size:before {
content: "\ea61";
}
.myc-icon-close:before {
content: "\f00d";
}
.myc-icon-toggle-left:before {
content: "\f053";
}
.myc-icon-toggle-right:before {
content: "\f054";
}