.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.entry-meta .byline,
.entry-header .entry-meta>span.byline {
display: none;
} .hide-meta-author .entry-meta .byline,
.hide-meta-author .entry-meta .by-author,
.hide-meta-author.entry-header .entry-meta>span.byline,
.hide-meta-author .entry-meta .author.vcard {
display: none;
} .hide-meta-date .entry-meta .posted-on,
.hide-meta-date .entry-header .entry-meta>span.posted-on {
display: none;
} .hide-meta-date-php .entry-meta .posted-on:before,
.hide-meta-date-php .entry-header .entry-meta>span.posted-on:before,
.hide-meta-date-php .entry-meta .posted-on:after,
.hide-meta-date-php .entry-header .entry-meta>span.posted-on:after,
.hide-meta-date-php .entry-meta .posted-on,
.hide-meta-date-php .entry-header .entry-meta>span.posted-on {
content: '';
display: none;
margin: 0;
} .hide-meta-author-php .entry-meta .byline:before,
.hide-meta-author-php .entry-header .entry-meta span.byline:before,
.hide-meta-author-php .entry-meta .byline:after,
.hide-meta-author-php .entry-header .entry-meta span.byline:after,
.hide-meta-author-php.single .byline,
.hide-meta-author-php .group-blog .byline,
.hide-meta-author-php .entry-meta .byline,
.hide-meta-author-php .entry-header .entry-meta>span.byline,
.hide-meta-author-php .entry-meta .author.vcard {
content: '';
display: none;
margin: 0;
}.msm-bg-image-bottom-right,
.msm-content-box .msm-bg-image-bottom-right,
.msm-bg-image-bottom-right .vc_column-inner {
background-position: bottom right !important;
}
.msm-bg-image-top-right,
.msm-content-box .msm-bg-image-top-right,
.msm-bg-image-top-right .vc_column-inner {
background-position: top right !important;
} .msm-content-box {
position: relative;
}
.msm-content-box .overlay {
display: none;
}
.msm-content-box .overlay .content {
position: relative;
top: 50%;
margin-top: -23px;
font-size: 17px;
line-height: 26px;
}
.msm-content-box .overlay .content strong {
font-size: 22px;
}
.msm-content-box:hover .overlay {
display: block;
background: rgba(0, 0, 0, 0.5);
position: absolute;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
color: #fff;
padding: 20px;
text-align: center;
}
.msm-content-box .wh-content-box-link {
position: absolute !important;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.msm-link .msm-submenu {
position: absolute;
top: 40px;
left: 0;
width: 100%;
visibility: hidden;
transition: visibility 0s linear .25s;
opacity: 0;
z-index: 90;
box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.15);
white-space: normal;
}
.msm-link .msm-submenu:before {
content: "";
display: block;
height: 25px;
position: absolute;
width: 100%;
top: -25px;
}
.msm-link .msm-submenu h1,
.msm-link .msm-submenu h2,
.msm-link .msm-submenu h3,
.msm-link .msm-submenu h4,
.msm-link .msm-submenu h5,
.msm-link .msm-submenu h6 {
visibility: inherit;
}
.msm-link .msm-submenu a,
.msm-link .msm-submenu ul {
margin: inherit;
visibility: inherit;
font-family: inherit;
text-transform: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
position: static;
}
.msm-link .msm-submenu a:after,
.msm-link .msm-submenu ul:after {
content: "";
width: 0;
left: auto;
right: 0;
border: none;
}
.msm-link .msm-submenu .vc_row, .msm-link .msm-submenu .vc_section {
margin-left: 0;
margin-right: 0;
}
.msm-link.msm-hover:hover .msm-submenu {
visibility: visible;
opacity: 1;
transition: opacity .5s;
animation: pull-up .3s;
}
.msm-link.msm-click {
cursor: pointer;
}
.msm-link.msm-click.open .msm-submenu {
visibility: visible;
opacity: 1;
transition: opacity .5s;
animation: pull-up .3s;
}
.msm-menu-item .vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item {
visibility: hidden;
}
.msm-menu-item:hover .vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item {
visibility: visible;
}
.msm-menu-item .vc_custom_heading a {
color: inherit !important;
}
.msm-menu-item .ubtn {
visibility: hidden;
}
.msm-menu-item:hover .ubtn {
visibility: visible;
}
@keyframes pull-up {
0% {
transform: translate(0, 20px);
}
100% {
transform: translate(0, 0);
}
}
.sub-menu:hover > li > .msm-submenu {
transition: opacity 0s;
animation: none;
}
.sf-menu li.msm-menu-item a, .sf-menu li.msm-menu-item ul {
visibility: inherit;
position: static;
}
.sf-menu li.msm-menu-item .vc_custom_heading a {
font-family: inherit;
text-transform: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.msm-menu-item {
position: relative;
text-align: left;
}
.msm-menu-item .sub-menu {
margin: 0 !important;
padding: 0 !important;
}
.msm-menu-item .msm-submenu {
position: absolute;
top: 40px;
left: 0;
font-size: medium;
display: none;
width: 100%;
visibility: hidden;
transition: visibility 0s linear .25s;
opacity: 0;
z-index: -1;
box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.15);
white-space: normal;
}
.msm-menu-item .msm-submenu:before {
content: "";
display: block;
height: 25px;
position: absolute;
width: 100%;
top: -25px;
}
.msm-menu-item .msm-submenu h1,
.msm-menu-item .msm-submenu h2,
.msm-menu-item .msm-submenu h3,
.msm-menu-item .msm-submenu h4,
.msm-menu-item .msm-submenu h5,
.msm-menu-item .msm-submenu h6 {
visibility: inherit;
}
.msm-menu-item .msm-submenu a,
.msm-menu-item .msm-submenu ul {
margin: inherit;
visibility: inherit;
font-family: inherit;
text-transform: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
position: static;
}
.msm-menu-item .msm-submenu a:after,
.msm-menu-item .msm-submenu ul:after {
content: "";
width: 0;
left: auto;
right: 0;
border: none;
}
.msm-menu-item .msm-submenu .vc_row,
.msm-menu-item .msm-submenu .vc_section {
margin-left: 0;
margin-right: 0;
}
.msm-menu-item.msm-hover:hover .msm-submenu {
visibility: visible;
opacity: 1;
transition: opacity .5s;
animation: pull-up .3s;
z-index: 90;
}
.msm-menu-item.msm-click {
cursor: pointer;
}
.msm-menu-item.msm-click.open .msm-submenu {
visibility: visible;
opacity: 1;
transition: opacity .5s;
animation: pull-up .3s;
} .msm-menu-item .sf-menu .wpcf7 input:not([type=submit]),
.msm-menu-item .sf-menu .wpcf7 textarea {
margin-bottom: 10px;
} #msm-mobile-menu .respmenu-wrap {
position: relative;
width: 100%;
margin: 0 auto;
display: none;
z-index: 100;
}
#msm-mobile-menu .respmenu-header {
overflow: hidden;
margin-bottom: 30px;
border: 1px solid;
padding: 5px;
}
#msm-mobile-menu .respmenu,
#msm-mobile-menu .respmenu-submenu {
list-style: none;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
margin: 0;
}
#msm-mobile-menu .respmenu {
border-top: 1px dotted;
border-left: 1px dotted;
border-right: 1px dotted;
}
#msm-mobile-menu .respmenu li {
border: 0;
margin: 0;
cursor: pointer;
padding-left: 25px;
font-size: 100%;
font: inherit;
}
#msm-mobile-menu .respmenu li a {
display: block;
text-decoration: none;
padding: 15px;
margin: 0;
border-bottom: 1px dotted;
color: #000;
-moz-transition: color .2s;
-webkit-transition: color .2s;
-o-transition: width color .2s;
transition: color .2s, padding-left 0.2s;
}
#msm-mobile-menu .respmenu li a:hover {
color: blue;
padding-left: 20px;
opacity: 1;
}
#msm-mobile-menu .respmenu > li {
padding: 0;
}
#msm-mobile-menu .respmenu-open,
#msm-mobile-menu .respmenu-submenu-toggle {
float: right;
cursor: pointer;
}
#msm-mobile-menu .respmenu-submenu-toggle {
padding: 7px;
color: #000;
font-size: 25px;
}
#msm-mobile-menu .respmenu-open hr {
width: 40px;
border: 2px solid;
margin: 6px 0;
}
#msm-mobile-menu .respmenu-open:hover hr {
border: 2px solid #3C3C3C;
}
#msm-mobile-menu .respmenu_current > a {
background-color: #EBEBEB;
}
#msm-mobile-menu .respmenu {
display: none;
border-top: 0;
border-left: 0;
border-right: 0;
padding-top: 20px;
padding-bottom: 20px;
}
#msm-mobile-menu .respmenu .sub-menu {
display: none;
list-style: none;
}
#msm-mobile-menu .respmenu .label {
padding-top: 1px;
margin-top: 6px;
float: left;
}
#msm-mobile-menu .respmenu li {
position: relative;
cursor: auto;
}
#msm-mobile-menu .respmenu-submenu-toggle {
color: #000;
}
#msm-mobile-menu .respmenu-wrap {
padding: 0;
display: block;
}
#msm-mobile-menu .respmenu-header {
border: 0;
padding: 0;
margin-bottom: 0;
position: relative;
min-height: 50px;
}
#msm-mobile-menu .respmenu-header .respmenu-header-logo-link {
width: 50%;
}
#msm-mobile-menu .respmenu-header .respmenu-header-logo-link img {
max-width: 100%;
height: auto;
}
#msm-mobile-menu .respmenu-open {
border: 0;
color: #686868;
position: absolute;
right: 0;
top: 50%;
margin-top: -12px;
}
#msm-mobile-menu .respmenu-open:hover {
color: #353535;
}
#msm-mobile-menu .respmenu-open hr {
width: 23px;
border: 1px solid #686868;
margin: 4px 0;
height: 0;
}
#msm-mobile-menu .respmenu-open:hover {
border: 0;
}
#msm-mobile-menu .respmenu-open:hover hr {
border: 1px solid #353535;
}
#msm-mobile-menu .respmenu li a {
font-size: 18px;
padding: 15px 0;
color: #686868;
-moz-transition: all .2s !important;
-webkit-transition: all .2s !important;
-o-transition: all .2s !important;
transition: all 0.2s !important;
}
#msm-mobile-menu .respmenu li a:hover {
color: #353535;
border-bottom: 1px dotted;
}
#msm-mobile-menu li.respmenu_current > a {
background: inherit;
color: #686868;
}
#msm-mobile-menu li.respmenu_current > a:hover {
color: #353535;
}
#msm-mobile-menu li.respmenu_current .cbp-respmenu-more {
color: #686868;
}
#msm-mobile-menu li.respmenu_current:hover .cbp-respmenu-more {
color: #353535;
}
#msm-mobile-menu .cbp-respmenu-more {
position: absolute;
right: 0;
top: 4px;
font-size: 18px;
margin-right: 0;
color: #686868;
margin-top: 5px;
}
#msm-mobile-menu .cbp-respmenu-more:hover img {
opacity: 0.8;
}
.msm-mobile.msm-menu-item .msm-submenu {
position: relative;
visibility: visible;
opacity: 1;
top: 0 !important;
left: auto !important;
width: 100% !important;
z-index: 90;
}
.msm-mobile.msm-menu-item .msm-submenu:before {
top: 0;
height: 0;
}
.msm-mobile.msm-menu-item .msm-submenu .vc_row {
margin-left: 0;
margin-right: 0;
}.msm-wrap .woocommerce #commentform {
margin-left: 0;
margin-right: 0;
}
.msm-wrap .woocommerce p.stars a {
color: #ecb202;
}
.msm-wrap .woocommerce .star-rating {
width: 85px;
}
.msm-wrap .woocommerce .star-rating span {
color: #ecb202;
}
.msm-wrap .woocommerce .woocommerce-review-link {
margin-left: 15px;
}
.msm-wrap .woocommerce #review_form #respond p {
overflow: hidden;
padding-left: 0;
}
.msm-wrap .woocommerce #review_form #respond p.form-submit {
padding-top: 5px;
}
.msm-wrap .woocommerce #reviews #comments ol.commentlist li .comment-text {
border-radius: 0;
}
.msm-wrap .woocommerce #review_form #respond textarea,
.msm-wrap .woocommerce #review_form #respond input {
border: none;
}
.msm-wrap .woocommerce.columns-1 .msm-wc-products .product {
width: 100%;
margin-right: 0;
}
.msm-wrap .woocommerce.columns-2 .msm-wc-products .product {
width: 48%;
}
.msm-wrap .woocommerce.columns-3 .msm-wc-products .product {
width: 30.75%;
}
.msm-wrap .woocommerce.columns-5 .msm-wc-products .product {
width: 16.95%;
}
.msm-wrap .woocommerce.columns-6 .msm-wc-products .product {
width: 13.5%;
}
.msm-wrap .woocommerce .msm-wc-products {
display: block;
}
.msm-wrap .woocommerce .msm-wc-products .product {
float: left;
margin: 0 3.8% 2.992em 0;
padding: 0;
position: relative;
width: 22.05%;
margin-left: 0;
}
.msm-wrap .woocommerce .msm-wc-products .product.last {
margin-right: 0;
}
.msm-wrap .woocommerce .msm-wc-products .product h3 {
font-size: 15px;
font-weight: 500;
line-height: 24px;
color: #000;
padding: 0 30px;
margin-top: 29px;
margin-bottom: 7px;
}
.msm-wrap .woocommerce .msm-wc-products .product .price {
font-size: 18px;
color: #171717;
width: 80%;
margin: 0 auto;
overflow: hidden;
}
.msm-wrap .woocommerce .msm-wc-products .product .price del {
float: left;
margin-right: 4px;
font-size: 15px;
}
.msm-wrap .woocommerce .msm-wc-products .product .price ins {
float: right;
font-weight: normal;
}
.msm-wrap .woocommerce .msm-wc-products .product .star-rating {
margin: 0 auto;
margin-bottom: 5px;
position: relative;
left: 6px;
}
.msm-wrap .woocommerce .msm-wc-products .product .star-rating span {
color: #ecb202;
}
.msm-wrap .woocommerce .msm-wc-products .product .onsale {
top: 0;
right: 0;
left: auto;
margin: -.5em -.5em 0 0;
min-height: 3.236em;
min-width: 3.236em;
padding: .202em;
font-size: 1em;
font-weight: 700;
position: absolute;
text-align: center;
line-height: 3.236;
border-radius: 100%;
background-color: red;
color: white;
-webkit-font-smoothing: antialiased;
}
.msm-wrap .woocommerce .msm-wc-products .product .added_to_cart {
padding-left: 30px;
display: none;
}
.msm-wrap .woocommerce .products {
position: static;
border: none;
display: block;
box-shadow: none;
}
.msm-wrap .woocommerce .products:before {
border: none;
}
.msm-wrap .woocommerce .products li {
border: none;
background: #fff;
}
.msm-wrap .woocommerce .products li:hover {
background: none;
}
.msm-wrap .woocommerce .products li a {
width: auto;
margin: auto;
}.sl-hover {
overflow: hidden;
padding: 0 4px;
height: 1em;
margin-bottom: 7px;
}
.sl-hover span {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.sl-hover span::before  {
position: absolute;
top: 100%;
content: attr(data-hover);
font-weight: 800;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
} .elementor-tabs-view-horizontal.stretched .elementor-tab-desktop-title.elementor-active:before,
.elementor-tabs-view-horizontal.stretched .elementor-tab-desktop-title:hover:before {
content: "";
position: absolute;
height: 3px;
width: 100%;
background-color: #fff;
top: -3px;
left: 0;
}
.elementor-tabs-view-horizontal.stretched .elementor-tab-desktop-title {
text-align: center;
background-color: #f39c15;
display: flex;
align-items: center;
justify-content: center;
flex: 1;
border: 1px solid #e06d21;
border-left: 0;
padding: 20px;
transition: all 0.3s;
}
.elementor-tabs-view-horizontal.stretched .elementor-tab-desktop-title:first-child {
border-left: 1px solid #e06d21;
} .elementor-tab-desktop-title:hover .sl-hover span,
.elementor-tab-desktop-title:focus .sl-hover span {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
} @media (min-width: 768px) {
.elementor-tabs-view-horizontal.stretched .elementor-tabs-wrapper {
display: flex;
overflow: visible;
}
.elementor-tabs-view-horizontal.stretched .elementor-tab-title a {
width: 100%;
}
.elementor-tabs-view-horizontal.stretched .elementor-tab-title a em {
margin-bottom: 0;
font-size: 0.7em;
color: #ffffffcf;
font-style: normal;
display: block;
}
} .elementor-tab-mobile-title {
font-size: 16px !important;
}
.elementor-tab-mobile-title em {
display: none;
}:root{--joinchat-ico:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0s4.686 12.283 0 16.97a12 12 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12 12 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.85 9.85 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918s-10.075-3.843-13.918 0a9.85 9.85 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22zm6.534-7.003-.933 1.164a9.84 9.84 0 0 1-3.497-3.495l1.166-.933a.79.79 0 0 0 .23-.94L9.561 6.96a.79.79 0 0 0-.924-.445l-2.023.524a.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.79.79 0 0 0-.445-.923L14.6 13.327a.79.79 0 0 0-.94.23z'/%3E%3C/svg%3E");--joinchat-font:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif}.joinchat{--sep:20px;--bottom:var(--sep);--s:60px;--h:calc(var(--s)/2);--ch:142;--cs:70%;--cl:49%;--bw:1;--text:hsl(0deg 0% clamp(0%,var(--bw)*1000%,100%)/clamp(70%,var(--bw)*1000%,100%));--hover:hsl(var(--ch) var(--cs) calc(var(--cl) + 20%));--color:hsl(var(--ch) var(--cs) var(--cl));display:none;position:fixed;z-index:9000;right:var(--sep);bottom:var(--bottom);font:normal normal normal 16px/1.625em var(--joinchat-font);letter-spacing:0;animation:joinchat_show .5s cubic-bezier(.18,.89,.32,1.28) 10ms both;transform:scale3d(0,0,0);transform-origin:calc(var(--s)/-2) calc(var(--s)/-4);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgb(0 0 0/0);contain:style}.joinchat *,.joinchat :after,.joinchat :before{box-sizing:border-box}.joinchat--show{display:block;transform:scaleX(1)}.joinchat--left{right:auto;left:var(--sep)}.joinchat--noanim{animation:none}.joinchat__button{position:absolute;z-index:2;bottom:8px;right:8px;height:var(--s);width:var(--s);background:#25d366 var(--joinchat-ico) 50%/60% no-repeat;color:inherit;border-radius:50%;box-shadow:1px 6px 24px 0 rgba(7,94,84,.24);cursor:pointer;transition:background-color .2s linear}.joinchat__button:hover{background-color:#128c7e}.joinchat__button:active{background-color:#128c7e;transition:none}.joinchat--left .joinchat__button{right:auto;left:8px}.joinchat__button__ico{position:absolute;inset:0;display:flex;border-radius:50%;overflow:hidden;color:var(--text)!important}.joinchat__button__ico svg{width:var(--ico-size,100%);height:var(--ico-size,100%);margin:calc((100% - var(--ico-size, 1))/2)}.joinchat__button:has(.joinchat__button__ico){background:var(--color);box-shadow:1px 6px 24px 0 hsl(var(--ch) var(--cs) calc(var(--cl) - 10%)/24%)}.joinchat__button:has(.joinchat__button__ico):active,.joinchat__button:has(.joinchat__button__ico):hover{background:var(--hover)}.joinchat__button__image{position:absolute;inset:1px;border-radius:50%;overflow:hidden;opacity:0}.joinchat__button__image img,.joinchat__button__image video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.joinchat--show .joinchat__button__image{animation:joinchat_image_loop 20s linear 5s infinite normal both}.joinchat--img .joinchat__button__image{opacity:1;animation:none}.joinchat__tooltip{position:absolute;top:calc(var(--h) - 16px);right:calc(var(--s) + 16px);max-width:calc(100vw - var(--s) - 45px);height:32px;padding:0 14px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);line-height:31px;white-space:nowrap;opacity:0;transition:opacity .3s ease-out .4s;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));pointer-events:none}.joinchat__tooltip:after{content:"";display:block;position:absolute;top:10px;right:-6px;border:8px solid transparent;border-width:6px 0 6px 8px;border-left-color:#fff}.joinchat__tooltip div{width:-moz-max-content;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis}.joinchat--tooltip .joinchat__tooltip{animation:joinchat_tootlip 20s linear 5s 1 normal both}.joinchat--left .joinchat__tooltip{right:auto;left:calc(var(--s) + 16px)}.joinchat--left .joinchat__tooltip:after{left:-6px;right:auto;border-color:transparent;border-width:6px 8px 6px 0;border-right-color:#fff}.joinchat__qr{position:absolute;z-index:2;bottom:calc(var(--s) + 24px);right:8px;display:none;flex-direction:column-reverse;width:228px;min-height:200px;padding:14px 14px 10px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);text-align:center;white-space:nowrap;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));animation:joinchat_badge_in .4s cubic-bezier(.11,.84,.83,1.01) .5s both;pointer-events:none}.joinchat__qr:after{content:"";display:block;position:absolute;bottom:-6px;right:calc(var(--h) - 6px);border:8px solid transparent;border-width:8px 6px 0;border-top-color:#fff}.joinchat--left .joinchat__qr{left:8px;right:auto}.joinchat--left .joinchat__qr:after{left:calc(var(--h) - 6px);right:auto}.joinchat__qr div{font-size:14px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis}.joinchat__qr canvas{display:block;width:200px;height:200px;margin:0;image-rendering:pixelated}@keyframes joinchat_show{0%{transform:scale3d(0,0,0)}to{transform:scaleX(1)}}@keyframes joinchat_badge_in{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes joinchat_image_loop{0%{opacity:0}3%,20%{opacity:1}25%,to{opacity:0}}@keyframes joinchat_tootlip{0%{opacity:0;transform:scaleY(0)}1%,20%{opacity:1;transform:scaleX(1)}25%,to{opacity:0;transform:scaleX(1)}}.joinchat__woo-btn__wrapper{clear:both}.joinchat__woo-btn{--s:40px;display:inline-block;box-sizing:border-box;height:var(--s);max-width:100%;padding:0 calc(var(--s)/2) 0 var(--s);background:#25d366 var(--joinchat-ico) calc(var(--s)*0.2) 50% no-repeat;background-size:calc(var(--s)*0.6);color:#fff;border-radius:calc(var(--s)/2);font:700 normal calc(var(--s)*0.35)/var(--s) var(--joinchat-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;transition:background-color .2s}.joinchat__woo-btn:empty{padding-right:0}.joinchat__woo-btn:hover{background-color:#128c7e}@media (orientation:landscape) and (height >= 481px),(orientation:portrait) and (width >= 481px){.joinchat--mobile{display:none!important}}@media (width <= 767px){.joinchat--footer-bar{--bottom:76px!important}}@media (orientation:landscape) and (height <= 480px),(width <= 480px){.joinchat{--sep:6px}}@media (hover:hover){.joinchat__button:hover .joinchat__tooltip{opacity:1;animation:none;transition:opacity .2s}.joinchat--btn .joinchat__button:hover~.joinchat__qr{display:flex}}@media (prefers-reduced-motion){.joinchat{animation:none}}