.basel-product-categories>li{display:inline-block}.basel-product-categories>li>a{display:inline-block;line-height:50px;padding-left:10px;padding-right:10px}.basel-product-categories>li>a:after{right:10px;bottom:16px;width:calc(0% - 20px)}.basel-product-categories>li:hover>a:after{width:calc(100% - 20px);left:10px}.basel-product-categories>li.wc-default-cat{display:none}.basel-product-categories>li.current-cat>a:after,.basel-product-categories>li.current-cat-parent>a:after{width:calc(100% - 20px);left:10px}.basel-product-categories li{position:relative}.basel-product-categories li a{text-transform:uppercase;letter-spacing:1px;text-decoration:none;position:relative}.basel-product-categories li a:after{content:" ";position:absolute;height:1px;background-color:rgba(0,0,0,0.3);transition:width .25s ease}.basel-product-categories li .children{position:absolute;top:120%;left:50%;width:180px;padding-top:10px;padding-bottom:10px;background-color:#FFF;opacity:0;visibility:hidden;z-index:15;box-shadow:0 0px 2px rgba(0,0,0,0.1);transition:all .2s ease-in-out;transform:translateX(-90px)}.basel-product-categories li .children li{padding-left:15px;padding-right:15px}.basel-product-categories li .children li a{padding-top:6px;padding-bottom:6px;line-height:1.4;display:inline-block;font-size:13px}.basel-product-categories li .children li a:after{bottom:4px;width:0;right:0}.basel-product-categories li .children li.current-cat>a:after,.basel-product-categories li .children li.current-cat-parent>a:after{width:100%}.basel-product-categories li .children li:hover>a:after{width:100%;left:0}.basel-product-categories li .children .children{top:0;left:100%;transform:none}.basel-product-categories li .children .children:before{content:none}.basel-product-categories li .children:before{content:"\f9d8";font-family:"basel-font";position:absolute;left:50%;margin-left:-7.5px;top:-5px;line-height:0;font-size:26px;color:#F9F9F9}.basel-product-categories li:hover>.children{top:100%;opacity:1;visibility:visible}.basel-product-categories li:hover>.children .children{top:0}.color-scheme-light .basel-product-categories li a{color:#FFF}.color-scheme-light .basel-product-categories li a:after{background-color:#FFF}.color-scheme-light .basel-product-categories li .children{background-color:#000;box-shadow:none}.color-scheme-light .basel-product-categories li .children:before{color:#000}@media (max-width: 991px){.basel-show-categories{display:inline-block}.basel-product-categories{display:none;background-color:#F9F9F9}.basel-product-categories>li{display:block}.basel-product-categories>li>a{display:block;line-height:40px;padding-left:0;padding-right:0}.basel-product-categories>li>a:after{content:none}.basel-product-categories li{position:relative}.basel-product-categories li a{text-transform:uppercase;letter-spacing:1px;text-decoration:none;position:relative;line-height:1.6;padding-top:9px;padding-bottom:9px}.basel-product-categories li a:after{content:none}.basel-product-categories li.has-sub>a{padding-left:25px;padding-right:25px}.basel-product-categories li .children{position:relative;display:none;top:auto;left:auto;width:100%;margin-top:5px;background-color:#f3f3f3;opacity:1;visibility:visible;box-shadow:none;transition:none;transform:none}.basel-product-categories li .children li{padding-left:0;padding-right:0}.basel-product-categories li .children li a{padding-top:0;padding-bottom:0;line-height:40px;display:block;font-size:14px}.basel-product-categories li .children .children{background-color:#ECECEC;top:auto;left:auto;transform:none}.basel-product-categories li .children .children:before{content:"\f9d8";color:#ECECEC}.basel-product-categories li .children:before{content:"\f9d8";font-family:"basel-font";position:absolute;left:50%;margin-left:-7.5px;top:-5px;line-height:0;font-size:26px;color:#f3f3f3}.color-scheme-light .basel-product-categories{background-color:rgba(0,0,0,0.4)}.color-scheme-light .basel-product-categories li .children{background-color:rgba(0,0,0,0.4)}.color-scheme-light .basel-product-categories li .children:before{color:rgba(0,0,0,0.4)}}.basel-sticky-sidebar-opener:not(.sticky-toolbar){position:fixed;display:none;top:30%;left:0;width:50px;height:50px;text-align:center;z-index:350;font-size:0;border-top-right-radius:35px;border-bottom-right-radius:35px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:0;border-style:solid;border-color:#000;background-color:#FFF;transition:.2s all ease}.basel-sticky-sidebar-opener:not(.sticky-toolbar):hover{text-decoration:none;fill:#FFF}.basel-sticky-sidebar-opener:not(.sticky-toolbar):hover svg{fill:#FFF}.basel-sticky-sidebar-opener:not(.sticky-toolbar):hover:not(.shop-sidebar-opener):after{color:#FFF}.basel-sticky-sidebar-opener svg{fill:#000;width:18px;height:50px;margin-left:-5px;transition:.2s all ease}.basel-sticky-sidebar-opener:not(.shop-sidebar-opener):after{content:"\e603";display:inline-block;font-family:"simple-line-icons";font-size:20px;line-height:48px;margin-left:-4px}.shop-sidebar-opener:not(.sticky-toolbar){opacity:0;pointer-events:none;transform:translateX(-100%);backface-visibility:hidden}.basel-sidebar-btn-shown:not(.sticky-toolbar){pointer-events:visible;pointer-events:unset;opacity:1;transform:none}aside.sidebar-container.show-hidden-sidebar{pointer-events:visible;pointer-events:unset;opacity:1;transform:none}body.basel-show-hidden-sidebar .area-sidebar-shop{transform:none}.basel-show-sidebar-btn{display:none;float:left;align-items:center;vertical-align:middle;font-size:16px;font-weight:bold;color:#1B1919;text-transform:capitalize;cursor:pointer;margin-right:20px;margin-bottom:10px}.basel-show-sidebar-btn span:not(.basel-side-bar-icon){vertical-align:middle}.basel-show-sidebar-btn .basel-side-bar-icon{position:relative;margin-top:4px;margin-bottom:4px;vertical-align:middle;margin-right:7px}.basel-show-sidebar-btn .basel-side-bar-icon,.basel-show-sidebar-btn .basel-side-bar-icon::before,.basel-show-sidebar-btn .basel-side-bar-icon::after{display:inline-block;width:18px;height:2px;background-color:rgba(0,0,0,0.8);transition:all .25s ease-in-out}.basel-show-sidebar-btn .basel-side-bar-icon::before,.basel-show-sidebar-btn .basel-side-bar-icon::after{position:absolute;content:"";left:0}.basel-show-sidebar-btn .basel-side-bar-icon::before{top:-6px}.basel-show-sidebar-btn .basel-side-bar-icon::after{top:6px}.basel-show-sidebar-btn:hover .basel-side-bar-icon,.basel-show-sidebar-btn:hover .basel-side-bar-icon:before,.basel-show-sidebar-btn:hover .basel-side-bar-icon:after{background-color:#000}.basel-show-sidebar-btn:hover .basel-side-bar-icon:before{width:12px}.basel-show-sidebar-btn:hover .basel-side-bar-icon:after{width:10px}.basel-show-sidebar-btn.btn-clicked .basel-side-bar-icon{background-color:transparent}.basel-show-sidebar-btn.btn-clicked .basel-side-bar-icon:before,.basel-show-sidebar-btn.btn-clicked .basel-side-bar-icon:after{background-color:#000;width:15px}.basel-show-sidebar-btn.btn-clicked .basel-side-bar-icon:before{transform:translate3d(0px, 6px, 0) rotate(45deg)}.basel-show-sidebar-btn.btn-clicked .basel-side-bar-icon:after{transform:translate3d(0px, -6px, 0) rotate(-45deg)}@media (min-width: 1025px){.offcanvas-sidebar-desktop.admin-bar .area-sidebar-shop{top:32px}.offcanvas-sidebar-desktop .basel-shop-loader:not(.hidden-loader){margin-left:-17px !important}.offcanvas-sidebar-desktop .shop-content-area:not(.col-sm-12){width:100%;left:0}.offcanvas-sidebar-desktop .shop-content-area:not(.col-sm-12) .shop-loop-head{margin-bottom:30px}.offcanvas-sidebar-desktop .shop-content-area:not(.col-sm-12).content-without-products .woocommerce-breadcrumb,.offcanvas-sidebar-desktop .shop-content-area:not(.col-sm-12).content-without-products .yoast-breadcrumb{text-align:left;float:none}.offcanvas-sidebar-desktop .shop-content-area:not(.col-sm-12).content-without-products .woocommerce-breadcrumb,.offcanvas-sidebar-desktop .shop-content-area:not(.col-sm-12).content-without-products .yoast-breadcrumb,.offcanvas-sidebar-desktop .shop-content-area:not(.col-sm-12) .woocommerce-result-count{display:block;border-bottom-width:1px;border-style:solid;border-color:rgba(0,0,0,0.1);margin-bottom:20px;padding-bottom:20px}.offcanvas-sidebar-desktop .shop-content-area:not(.col-sm-12) .basel-show-sidebar-btn{display:inline-flex}.offcanvas-sidebar-desktop .shop-content-area:not(.col-sm-12) .basel-active-filters{margin-top:-20px}.offcanvas-sidebar-desktop .shop-content-area:not(.col-sm-12) .basel-active-filters:before{content:" ";display:table;clear:both}.offcanvas-sidebar-desktop .area-sidebar-shop{position:fixed;width:340px;top:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background-color:#FFF;z-index:700;padding-left:0;padding-right:0;margin-bottom:0;transition:transform .25s ease;transform:translate3d(-340px, 0, 0)}.offcanvas-sidebar-desktop .area-sidebar-shop .widget-area{padding-top:30px;padding-bottom:30px}.offcanvas-sidebar-desktop .area-sidebar-shop .sidebar-widget{margin-left:20px;margin-right:20px;padding-bottom:30px;margin-bottom:30px;border-bottom-width:1px;border-style:solid;border-color:rgba(124,124,124,0.15)}.offcanvas-sidebar-desktop .area-sidebar-shop .sidebar-widget:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.offcanvas-sidebar-desktop .area-sidebar-shop .basel-close-sidebar-btn{display:block;height:67px}.offcanvas-sidebar-desktop .area-sidebar-shop>.basel-scroll{position:absolute;top:67px;right:0;bottom:0;left:0;overflow:hidden}.offcanvas-sidebar-desktop .area-sidebar-shop .basel-sidebar-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:scroll;overflow-x:hidden}.offcanvas-sidebar-desktop .area-sidebar-shop .basel-sidebar-content:focus{outline:none}.offcanvas-sidebar-desktop.basel-show-hidden-sidebar .basel-scroll .basel-sidebar-content{opacity:1;transition:opacity 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95)}}@media (max-width: 768px){.offcanvas-sidebar-mobile .single-product-page .product-image-summary{width:100%;left:0}.offcanvas-sidebar-mobile .site-content:not(.col-sm-12){width:100%;left:0}.offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12){width:100%;left:0}.offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12) .shop-loop-head{display:block;text-align:right}.offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12) .shop-loop-head .woocommerce-breadcrumb,.offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12) .shop-loop-head .yoast-breadcrumb{display:flex;justify-content:center;flex-wrap:wrap;border-bottom-width:1px;border-style:solid;border-color:rgba(0,0,0,0.1);margin-bottom:20px;padding-bottom:20px;width:100%}.offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12) .woocommerce-result-count{display:none}.offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12) .basel-show-sidebar-btn{display:inline-flex}.offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12) .basel-active-filters{margin-top:0}.offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12) .basel-active-filters:before{content:" ";display:table;clear:both}.offcanvas-sidebar-mobile .basel-sticky-sidebar-opener{display:block}.offcanvas-sidebar-mobile .basel-sticky-sidebar-opener.sticky-toolbar{display:flex}.offcanvas-sidebar-mobile .sidebar-container{position:fixed;width:300px;top:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background-color:#FFF;z-index:99999;padding-left:0;padding-right:0;margin-bottom:0;transition:transform .25s ease;transform:translate3d(-300px, 0, 0)}.offcanvas-sidebar-mobile .sidebar-container .widget-area{padding-top:30px;padding-bottom:30px}.offcanvas-sidebar-mobile .sidebar-container .sidebar-widget{margin-left:20px;margin-right:20px;padding-bottom:30px;margin-bottom:30px;border-bottom-width:1px;border-style:solid;border-color:rgba(124,124,124,0.15)}.offcanvas-sidebar-mobile .sidebar-container .sidebar-widget:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.offcanvas-sidebar-mobile .sidebar-container .basel-close-sidebar-btn{display:block;height:67px}.offcanvas-sidebar-mobile .sidebar-container>.basel-scroll{position:absolute;top:67px;right:0;bottom:0;left:0;overflow:hidden}.offcanvas-sidebar-mobile .sidebar-container .basel-sidebar-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:scroll;overflow-x:hidden}.offcanvas-sidebar-mobile .sidebar-container .basel-sidebar-content:focus{outline:none}.offcanvas-sidebar-mobile.basel-show-hidden-sidebar>.basel-scroll .basel-sidebar-content{opacity:1;transition:opacity 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95)}}@media (min-width: 768px) and (max-width: 1024px){.offcanvas-sidebar-tablet .basel-shop-loader:not(.hidden-loader){margin-left:-17px !important}.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12){width:100%;left:0}.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12) .shop-loop-head{display:block;text-align:right}.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12) .shop-loop-head .woocommerce-breadcrumb,.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12) .shop-loop-head .yoast-breadcrumb{float:left}.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12).content-without-products .woocommerce-breadcrumb,.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12).content-without-products .yoast-breadcrumb{text-align:left;float:none}.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12).content-without-products .woocommerce-breadcrumb,.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12).content-without-products .yoast-breadcrumb,.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12) .woocommerce-result-count{display:block;border-bottom-width:1px;border-style:solid;border-color:rgba(0,0,0,0.1);margin-bottom:20px;padding-bottom:20px}.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12) .basel-show-sidebar-btn{display:inline-flex}.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12) .basel-active-filters{margin-top:0}.offcanvas-sidebar-tablet .shop-content-area:not(.col-sm-12) .basel-active-filters:before{content:" ";display:table;clear:both}.offcanvas-sidebar-tablet .shop-sidebar-opener{display:block}.offcanvas-sidebar-tablet .shop-sidebar-opener.sticky-toolbar{display:flex}.offcanvas-sidebar-tablet .area-sidebar-shop{position:fixed;width:300px;top:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background-color:#FFF;z-index:99999;padding-left:0;padding-right:0;margin-bottom:0;transition:transform .25s ease;transform:translate3d(-300px, 0, 0)}.offcanvas-sidebar-tablet .area-sidebar-shop .widget-area{padding-top:30px;padding-bottom:30px}.offcanvas-sidebar-tablet .area-sidebar-shop .sidebar-widget{margin-left:20px;margin-right:20px;padding-bottom:30px;margin-bottom:30px;border-bottom-width:1px;border-style:solid;border-color:rgba(124,124,124,0.15)}.offcanvas-sidebar-tablet .area-sidebar-shop .sidebar-widget:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.offcanvas-sidebar-tablet .area-sidebar-shop .basel-close-sidebar-btn{display:block;height:67px}.offcanvas-sidebar-tablet .area-sidebar-shop>.basel-scroll{position:absolute;top:67px;right:0;bottom:0;left:0;overflow:hidden}.offcanvas-sidebar-tablet .area-sidebar-shop .basel-sidebar-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:scroll;overflow-x:hidden}.offcanvas-sidebar-tablet .area-sidebar-shop .basel-sidebar-content:focus{outline:none}.offcanvas-sidebar-tablet.basel-show-hidden-sidebar>.basel-scroll .basel-sidebar-content{opacity:1;transition:opacity 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95)}}.filters-area{display:none;margin-bottom:35px;color:rgba(0,0,0,0.8);background-color:#F9F9F9;padding-top:30px;padding-left:30px;padding-right:30px}.body-filters-opened .filters-area,.filters-area.always-open{display:block}.filters-area.custom-content{padding-bottom:30px}.filters-inner-area>div:nth-of-type(4n+1){clear:both}.filter-widget{margin-bottom:30px}@media (max-width: 991px){.filters-inner-area>div:nth-of-type(4n+1){clear:none}.filters-inner-area>div:nth-of-type(2n+1){clear:both}}.categories-space-0{margin-left:-0px;margin-right:-0px}.categories-space-0 .category-grid-item{padding-left:0px;padding-right:0px;margin-bottom:0px}.categories-space-2{margin-left:-1px;margin-right:-1px}.categories-space-2 .category-grid-item{padding-left:1px;padding-right:1px;margin-bottom:2px}.categories-space-6{margin-left:-3px;margin-right:-3px}.categories-space-6 .category-grid-item{padding-left:3px;padding-right:3px;margin-bottom:6px}.categories-space-10{margin-left:-5px;margin-right:-5px}.categories-space-10 .category-grid-item{padding-left:5px;padding-right:5px;margin-bottom:10px}.categories-space-20{margin-left:-10px;margin-right:-10px}.categories-space-20 .category-grid-item{padding-left:10px;padding-right:10px;margin-bottom:20px}.categories-space-30{margin-left:-15px;margin-right:-15px}.categories-space-30 .category-grid-item{padding-left:15px;padding-right:15px;margin-bottom:30px}.category-grid-item{margin-bottom:30px}.category-grid-item .category-link-overlay{position:absolute;top:0;left:0;right:0;bottom:0}.categories-style-carousel .vc_carousel_container{margin-left:0;margin-right:0}.categories-style-carousel .vc_carousel_container .owl-carousel-item-inner{padding-left:0;padding-right:0}.cat-design-default .category-content{position:relative;overflow:hidden;text-align:center}.cat-design-default .category-content>a{display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:all .6s ease-in-out}.cat-design-default .products-cat-number{display:none}.cat-design-default .hover-mask{position:absolute;bottom:20px;left:50%;box-shadow:1px 1px 3px rgba(136,136,136,0.19);background-color:#FFF;transform:translateX(-50%)}.cat-design-default .hover-mask h3{margin-bottom:0;padding-right:25px;padding-left:25px;padding-bottom:12px;padding-top:12px;line-height:1.4;color:#000;font-size:16px;text-transform:none;font-style:italic !important;letter-spacing:1.5px;transition:all .3s ease}.cat-design-default .hover-mask h3 .count{display:none}.cat-design-default .hover-mask>a:not(.category-link-overlay){display:none}.cat-design-default:hover>.category-content>a{transform:scale(1.11)}.cat-design-alt .category-content{text-align:center}.cat-design-alt .category-link{position:relative;display:block;overflow:hidden;background-color:#000;color:#FFF;margin-bottom:10px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.cat-design-alt .product-category-thumbnail{margin:-2px;transition:all .6s ease}.cat-design-alt .products-cat-number{position:absolute;top:0;bottom:0;right:0;left:0;color:#FFF;text-transform:uppercase;font-weight:600;font-size:16px;opacity:0;visibility:hidden;display:flex;justify-content:center;align-items:center;transition:all .5s ease}.cat-design-alt .category-link-overlay{display:none}.cat-design-alt .hover-mask>h3{font-size:22px;margin-bottom:10px}.cat-design-alt .hover-mask>a:not(.category-link-overlay){color:#8a8a8a;border-bottom:1px solid #e6e6e6;text-decoration:none}.cat-design-alt .hover-mask>a:not(.category-link-overlay):hover{border-color:#bdbdbd}.cat-design-alt:hover .product-category-thumbnail{opacity:.6;transform:scale(1.11)}.cat-design-alt:hover .products-cat-number{opacity:1;visibility:visible}.cat-design-center .category-content{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;text-transform:uppercase}.cat-design-center .category-link{overflow:hidden;background-color:#000}.cat-design-center .product-category-thumbnail{margin:-2px;opacity:.9;backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:800px;-webkit-perspective:800px;transition:all .3s ease}.cat-design-center .products-cat-number{display:none}.cat-design-center div.hover-mask{position:absolute;top:0;left:0;right:0;bottom:0;padding:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:all .3s ease}.cat-design-center div.hover-mask>h3{display:table;margin-bottom:0;font-size:22px;color:#FFF;cursor:default}.cat-design-center div.hover-mask>a{opacity:0;visibility:hidden;margin-bottom:-20px;line-height:20px;font-size:12px;text-decoration:none;color:rgba(255,255,255,0.8)}.cat-design-center div.hover-mask>a:hover{color:rgba(255,255,255,0.6)}.cat-design-center div.hover-mask .category-link-overlay{margin:0}.cat-design-center:hover .product-category-thumbnail{opacity:.6}.cat-design-center:hover div.hover-mask{transform:translateY(-15px)}.cat-design-center:hover div.hover-mask>a{opacity:1;visibility:visible}.categories-style-masonry-first .cat-design-center:first-child .hover-mask h3{font-size:26px}@media (max-width: 991px){.categories-style-masonry-first .cat-design-center:first-child .hover-mask h3{font-size:22px}.cat-design-center .hover-mask{transform:translateY(0)}.cat-design-center .hover-mask>a{opacity:1;visibility:visible;margin-bottom:0}.cat-design-center:hover .hover-mask{transform:translateY(0)}}@media (max-width: 768px){[class*="categories-space-"]{margin-left:-5px;margin-right:-5px;margin-bottom:30px}[class*="categories-space-"] .category-grid-item{padding-left:5px;padding-right:5px;margin-bottom:10px}.cat-design-default .hover-mask h3{padding-left:10px;padding-right:10px;padding-top:6px;padding-bottom:6px}}#gsm-vtx-wrapper,
#gsm-vtx-wrapper *,
#gsm-vtx-chat-container div {
font-family:
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
sans-serif !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#gsm-vtx-wrapper {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1000;
}
#gsm-vtx-chat-container {
width: 0;
height: 0;
overflow: hidden;
max-width: calc(100vw - 40px);
max-height: calc(100vh - 120px);
background: #fff;
border-radius: 15px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid #e0e0e0;
position: absolute;
pointer-events: none;
bottom: 0px;
right: 0;
opacity: 0;
visibility: hidden;
transform: translateY(20px) scale(0.95);
transform-origin: bottom right;
transition:
transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),
opacity 0.3s ease-out;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
#gsm-vtx-chat-container.active {
width: 300px;
background: transparent;
height: 400px;
pointer-events: all;
opacity: 1;
visibility: visible;
transform: translateY(0) scale(1);
}
@media screen and (max-width: 480px) {
#gsm-vtx-chat-container.active {
width: calc(100vw - 30px);
height: calc(100vh - 100px);
right: 0;
bottom: 0;
}
}
#gsm-vtx-header {
color: white;
padding: 12px 15px;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
border-bottom: 1px solid #e0e0e0;
}
#gsm-vtx-messages {
flex: 1;
overflow-y: auto;
padding: 20px;
background: rgba(248, 249, 250, 0.75);
display: flex;
flex-direction: column;
gap: 10px;
}
.gsm-vtx-msg {
padding: 10px 15px;
border-radius: 18px;
font-size: 14px;
line-height: 1.5;
max-width: 85%;
word-wrap: break-word;
}
.gsm-vtx-msg-user {
align-self: flex-end;
color: white;
border-bottom-right-radius: 2px;
}
.gsm-vtx-msg-ai {
align-self: flex-start;
background: white;
color: #333;
border: 1px solid #eee;
border-bottom-left-radius: 2px;
}
.vtx-typing {
align-self: flex-start;
display: flex;
gap: 4px;
padding: 10px;
}
.vtx-typing span {
width: 6px;
height: 6px;
background: #888;
border-radius: 50%;
animation: vtxBounce 1.4s infinite ease-in-out both;
}
@keyframes vtxBounce {
0%,
80%,
100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
.gsm-vtx-footer {
padding: 15px;
background: white;
border-top: 1px solid #eee;
}
.gsm-vtx-input-wrap {
display: flex;
gap: 10px;
background: #f0f2f5;
border-radius: 20px;
padding: 5px 15px;
align-items: flex-end;
}
#gsm-vtx-input {
flex: 1;
border: none;
background: transparent;
padding: 10px 0;
outline: none;
resize: none;
width: 100%;
max-height: 80px;
min-height: 40px;
font-size: 14px;
line-height: 1.4;
-webkit-user-select: text;
user-select: text;
}
#gsm-vtx-send {
background: none;
border: none;
min-height: 40px;
font-weight: bold;
cursor: pointer;
padding: 10px 5px;
}
#gsm-vtx-toggle {
width: 60px;
height: 60px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 28px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
.gsm-vtx-atc-btn {
display: block;
margin-top: 8px;
padding: 8px;
background: #27ae60;
color: white !important;
text-align: center;
border-radius: 8px;
cursor: pointer;
border: none;
width: 100%;
font-weight: bold;
}
.gsm-vtx-credits {
font-size: 11px;
cursor: default;
text-align: center;
padding: 10px;
background: #fff;
color: #bbb;
border-top: 1px solid #f9f9f9;
}
.gsm-vtx-credits a {
color: #999;
text-decoration: none;
font-weight: bold;
transition:
color 0.3s ease,
opacity 0.3s ease;
}
.gsm-vtx-credits:hover a {
color: #3d3d3d;
}
.gsm-vtx-credits a:hover {
color: #ff4700;
opacity: 1;
}
@keyframes vtxShake {
0% {
transform: translate(0, 0);
}
10% {
transform: translate(-2px, -2px);
}
20% {
transform: translate(2px, 2px);
}
30% {
transform: translate(-2px, 2px);
}
40% {
transform: translate(2px, -2px);
}
50% {
transform: translate(-1px, -1px);
}
60% {
transform: translate(1px, 1px);
}
70% {
transform: translate(-1px, 1px);
}
80% {
transform: translate(1px, -1px);
}
90% {
transform: translate(0, 0);
}
100% {
transform: translate(0, 0);
}
}
.vtx-animate-shake {
animation: vtxShake 0.5s ease-in-out;
}
#gsm-vtx-action-buttons {
display: flex;
gap: 3px;
}
#gsm-vtx-action-buttons > * {
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
cursor: pointer;
border-radius: 4px;
color: #ffffff;
transition:
background-color 0.2s ease,
color 0.2s ease;
user-select: none;
}
#gsm-vtx-action-buttons > *:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.grecaptcha-badge {
visibility: hidden !important;
}
.gsm-vtx-msg.gsm-vtx-msg-ai > a {
color: #ff7e00;
}