@charset 'UTF-8';
.text-center {
text-align: center;
}
.adsbundle-min-height-200 {
min-height: 200px;
}
.adsbundle-image-preview {
display: block;
min-height: 200px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
}
.circle-bundle-product {
margin: 10px;
display: inline-block;
position: relative;
top: 100px;
//fill: #AFDBD0;
width: 20px;
height: 20px;
}
.bundle-product-title {
margin-bottom: 5px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.adsbundle-col-centered .form-group {
margin-bottom: 20px;
position: relative;
}
.adsbundle-col-centered .thumbnail {
position: relative;
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 1px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}
.adsbundle-col-centered {
width: 100%;
margin: 0 auto;
float: none;
clear: both;
margin-bottom: 20px;
}
.adsbundle-col-centered .title{
text-align: center;
margin-bottom: 20px;
font-size: 20px;
}
.adsbundle-col-centered .btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 1px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
}
.adsbundle-btn {
//background: #AFDBD0;
color: #FFFFFF;
padding: 15px 25px;
margin-top: 5px;
margin-bottom: 20px;
}
.padding-top-10 {
padding-top: 10px;
}
.padding-bottom-5 {
padding-bottom: 5px;
}
.padding-bottom-10 {
padding-bottom: 10px;
}
.flex-grid {
display: flex;
justify-content: center;
}
.adsbundleProduct {
flex: 1;
}
.flex-grid .adsbundleProduct {
max-width: 200px;
}
.ads-bundle-free {
background: #fff;
position: absolute;
padding: 1px 10px;
border-radius: 24px;
box-shadow: 0 0 4px 0px #cecece;
right: -10px;
top: -10px;
cursor: pointer;
color: #000000;
}
@media (max-width: 768px) {
.adsbundle-col-centered .flex-grid {
display: block;
}
.adsbundle-col-centered .flex-grid .adsbundleProduct {
margin-left: auto;
margin-right: auto;
}
.adsbundle-col-centered .text-center {
min-height: unset;
}
.adsbundle-col-centered .circle-bundle-product {
top: 0px;
margin: 5px 0px;
}
}
.wrap-remote-item{
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
left:0;
right: 0;
bottom: 0;
top:0;
background: rgba(0, 0, 0, 0.30);
}
.wrap-remote-item button{
background: #fff;
padding: 7px 20px;
font-size: 14px;
border-radius: 2px;
border: 1px solid #444;
}
.wrap-remote-item .btnNo{
margin-right: 10px;
}
.remote-item-action{
margin-top: 20px;
display: flex;
justify-content: flex-end;
}
.remote-item-alert{
display: inline-block;
position: relative;
padding: 20px;
background: #fff;
}
.remote-item-text{
margin-top: 10px;
}
.remote-item-alert .close{
position: absolute;
right: 10px;
top: 5px;
}
.remote-item-alert .close:hover{
color: #000;
text-decoration: none;
opacity: .75;
}
.bundle-product-price .price{
display: inherit!important;
}@font-face {
font-family: Proxima Nova;
src: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets_new/fonts/ProximaNova-Regular.eot);
src: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets_new/fonts/ProximaNova-Regular.eot?#iefix) format("embedded-opentype"), url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets_new/fonts/ProximaNova-Regular.woff) format("woff"), url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets_new/fonts/ProximaNova-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: Proxima Nova Bold;
src: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets_new/fonts/ProximaNova-Bold.eot);
src: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets_new/fonts/ProximaNova-Bold.eot?#iefix) format("embedded-opentype"), url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets_new/fonts/ProximaNova-Bold.woff) format("woff"), url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets_new/fonts/ProximaNova-Bold.ttf) format("truetype");
font-weight: 400;
font-style: normal
}.ui-pnotify {
top: 36px;
right: 36px;
position: absolute;
height: auto;
z-index: 2
}
body > .ui-pnotify {
position: fixed;
z-index: 100040
}
.ui-pnotify-modal-overlay {
background-color: rgba(0, 0, 0, .4);
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
z-index: 1
}
body > .ui-pnotify-modal-overlay {
position: fixed;
z-index: 100039
}
.ui-pnotify.ui-pnotify-in {
display: block !important
}
.ui-pnotify.ui-pnotify-move {
transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}
.ui-pnotify.ui-pnotify-fade-slow {
transition: opacity .4s linear;
opacity: 0
}
.ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move {
transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}
.ui-pnotify.ui-pnotify-fade-normal {
transition: opacity .25s linear;
opacity: 0
}
.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move {
transition: opacity .25s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}
.ui-pnotify.ui-pnotify-fade-fast {
transition: opacity .1s linear;
opacity: 0
}
.ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move {
transition: opacity .1s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}
.ui-pnotify.ui-pnotify-fade-in {
opacity: 1
}
.ui-pnotify .ui-pnotify-shadow {
box-shadow: 0 6px 28px 0 rgba(0, 0, 0, .1)
}
.ui-pnotify-container {
background-position: 0 0;
padding: .8em;
height: 100%;
margin: 0
}
.ui-pnotify-container:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both
}
.ui-pnotify-container.ui-pnotify-sharp {
border-radius: 0
}
.ui-pnotify-title {
display: block;
margin-bottom: .4em;
margin-top: 0
}
.ui-pnotify-text {
display: block
}
.ui-pnotify-icon, .ui-pnotify-icon span {
display: block;
float: left;
margin-right: .2em
}
.ui-pnotify.stack-top-left {
top: 25px
}
.ui-pnotify.stack-bottom-left, .ui-pnotify.stack-top-left {
left: 25px;
right: auto;
max-height: 140px
}
.ui-pnotify.stack-bottom-right {
bottom: 25px;
top: auto;
max-height: 140px
}
.ui-pnotify.stack_top_right {
top: 25px;
max-width: 378px
}
.ui-pnotify.stack-modal {
left: 50%;
right: auto;
margin-left: -150px
}
.ui-pnotify-closer, .ui-pnotify-sticker {
position: relative;
z-index: 1000;
float: right
}
.glyphicon-remove {
position: relative;
float: right;
visibility: visible;
right: 5px;
top: 5px;
height: 0
}
.glyphicon-remove:before {
content: "\E014"
}
.ui-pnotify-closer > .glyphicon {
font-family: Glyphicons Halflings !important;
font-style: normal;
font-weight: 400;
line-height: 1
}
.ui-pnotify-container {
position: relative;
left: 0
}
@media (max-width: 480px) {
.ui-pnotify-mobile-able.ui-pnotify {
position: fixed;
top: 0;
font-size: 1.2em;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
font-smoothing: antialiased
}
.ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow {
box-shadow: none;
border-bottom-width: 5px
}
.ui-pnotify-mobile-able .ui-pnotify-container {
border-radius: 0
}
.ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft, .ui-pnotify-mobile-able.ui-pnotify.stack-topleft {
left: 0;
right: 0
}
.ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft, .ui-pnotify-mobile-able.ui-pnotify.stack-bottomright {
left: 0;
right: 0;
bottom: 0;
top: auto
}
.ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft .ui-pnotify-shadow, .ui-pnotify-mobile-able.ui-pnotify.stack-bottomright .ui-pnotify-shadow {
border-top-width: 5px;
border-bottom-width: 1px
}
}
.recentsales_image {
position: relative;
height: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%
}
.border-image .recentsales_image {
border: 1px solid;
margin: 0
}
.leap_image .image-wrap {
border: 1px solid;
border-right: none
}
.leap_image .rsp-text-wrap {
border: 1px solid;
border-left: none;
padding: 10px 10px 10px 0
}
.leap_image .recentsales_image {
top: -20px;
left: -20px;
border: 1px solid
}
.image .p-title {
margin-top: 10px
}
.ui-pnotify-container .image-wrap {
position: relative
}
@media (max-width: 480px) {
.recent-popup_text {
font-size: 10px
}
}
@media (max-width: 768px) {
.h-title {
font-size: 12px;
line-height: 12px
}
}
.recent_popup_text {
font-size: 13px;
line-height: 1.2;
padding: 0;
margin: 0
}
.ui-pnotify-container .ui-pnotify-text {
white-space: nowrap
}
.ui-pnotify-container .image-wrap, .ui-pnotify-container .rsp-text-wrap {
float: left;
display: inline-block
}
.rtl .ui-pnotify-container .image-wrap, .ui-pnotify-container .rsp-text-wrap {
float:right;
}
.rsp-text-wrap {
height: 100%;
max-width: 238px;
padding: 10px
}
.h-title {
word-wrap: break-word;
font-size: 13px;
line-height: 13px;
width: 90%
}
.border-image .t-title, .leap_image .t-title {
border-top: 1px solid;
width: 220px
}
.t-title {
position: absolute;
bottom: 10px;
word-wrap: break-word;
font-size: 13px;
line-height: 13px;
padding-top: 5px
}
.rsp-text-wrap .p-title {
font-weight: 600;
font-size: 14px;
margin-top: 10px;
word-wrap: break-word;
line-height: 18px;
max-height: 36px
}
.rsp-text-wrap .p-title, .rsp-text-wrap .p-title a {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis
}
.rsp-text-wrap .p-title a {
text-decoration: none;
-webkit-line-clamp: 2
}
.rsp-text-wrap .h-title, .rsp-text-wrap .p-title, .rsp-text-wrap .t-title {
white-space: normal;
margin-left: 0;
margin-right: 0;
}
.winter1-background .t-title {
border-top: 1px solid #fff;
width: 90%
}
.winter1-background.winter_tree:before {
content: "";
position: absolute;
top: -38px;
z-index: -1;
right: 10px;
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/tree.png) 0 0 no-repeat;
background-size: auto auto;
background-size: 100%;
width: 30px;
height: 100%
}
.h-title.winter_tree_small:before {
content: "";
position: absolute;
top: -28px;
z-index: -1;
right: 40px;
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/tree.png) 0 0 no-repeat;
background-size: auto auto;
background-size: 100%;
width: 30px;
height: 100%
}
.winter2-background .t-title {
border-top: 1px solid #304078;
width: 90%
}
.winter2-background {
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/winter2_background.png) 0 0 no-repeat
}
.stvalentine1-background .t-title {
border-top: 1px solid #fff;
width: 90%
}
.stvalentine1-background {
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/stvalentine1_background.png) no-repeat 50%
}
.stvalentine1-background.heart_love:before {
content: "";
position: absolute;
top: -30px;
z-index: -1;
right: 10px;
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/heart_love.svg) 0 0 no-repeat;
background-size: auto auto;
background-size: 100%;
width: 50px;
height: 100%
}
.new_year1 .t-title {
border-top: 1px solid #fff;
width: 90%
}
.new_year1-background {
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/new_year1_background.png) no-repeat 50%
}
.new_year2 .t-title {
border-top: 1px solid #fff;
width: 90%
}
.new_year2-background {
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/new_year2_background.png) no-repeat 50%
}
.santa_claus:before {
content: "";
position: absolute;
top: -35px;
z-index: -1;
right: 10px;
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/santa_claus.svg) 0 0 no-repeat;
background-size: auto auto;
background-size: 100%;
width: 60px;
height: 100%
}
.halloween1-background .t-title {
border-top: 1px solid #fff;
width: 90%
}
.halloween1-background {
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/halloween1_background.png) no-repeat 50%
}
.halloween2-background .t-title {
border-top: 1px solid #fff;
width: 90%
}
.halloween2-background {
background: #1b1237
}
.mouse_pumpkin_hell:before {
top: -45px;
right: 10px;
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/mouse_pumpkin_hell.svg) 0 0 no-repeat;
background-size: auto auto;
background-size: 100%;
width: 115px
}
.mouse_hell:before, .mouse_pumpkin_hell:before {
content: "";
position: absolute;
z-index: -1;
height: 100%
}
.mouse_hell:before {
top: -30px;
right: 0;
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/mouse.png) 0 0 no-repeat;
background-size: auto auto;
width: 100%
}
.cyber_monday1_background .t-title {
border-top: 1px solid #0073a4;
width: 90%
}
.cyber_monday1_background {
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/cyber_monday_background.png) no-repeat 50%
}
.black_friday_background .t-title {
border-top: 1px solid #fff;
width: 90%
}
.black_friday_background {
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/black_friday1_background.png) no-repeat 50%
}
.black_friday2_background .t-title {
border-top: 1px solid #ff5656;
width: 90%
}
.black_friday2_background {
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/black_friday2_background.png) no-repeat 50%
}
.black_friday_text:before {
content: "";
position: absolute;
top: -24px;
z-index: 0;
left: 130px;
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/cart.svg) 0 0 no-repeat;
background-size: auto auto;
width: 100%;
height: 100%
}
.black_friday_text:after {
padding: 5px 10px 5px 30px;
font-weight: 900;
font-size: 13px;
background-color: #000;
color: #fff;
border-radius: 20px;
border: 1px solid;
content: "Black Friday";
position: absolute;
top: -30px;
z-index: -1;
right: 0
}
.summer1_background .t-title {
border-top: 1px solid #fff;
width: 90%
}
.summer1_background {
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/summer1_background.png) no-repeat 50%
}
.summer2_background .t-title {
border-top: 1px solid #fff;
width: 90%
}
.summer2_background {
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/summer2_background.png) no-repeat 50%
}
.spring1_background .t-title {
border-top: 1px solid #fff;
width: 90%
}
.spring1_background {
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/spring1_background.png) no-repeat 50%
}
.spring1_background.butterfly:before {
content: "";
position: absolute;
top: -33px;
z-index: -1;
right: -25px;
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/butterfly.svg) 0 0 no-repeat;
background-size: auto auto;
width: 40px;
height: 100%
}
.spring2_background .t-title {
border-top: 1px solid #fff;
width: 90%
}
.spring2_background {
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/spring2_background.png) no-repeat 50%
}
.spring2_background.bird:before {
content: "";
position: absolute;
top: -32px;
z-index: -1;
right: -13px;
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/bird.svg) 0 0 no-repeat;
background-size: auto auto;
width: 33px;
height: 100%
}
.autumn1_background .t-title {
border-top: 1px solid #fff;
width: 90%
}
.autumn1_background {
background: linear-gradient(113.41deg, #ff4d00 32.21%, #ff9a24 94.3%), #ff8b90
}
.autumn1_background.leaf1:before {
content: "";
position: absolute;
top: -50px;
z-index: -1;
right: -35px;
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/leaf1.svg) 0 0 no-repeat;
background-size: auto auto;
width: 92px;
height: 100%
}
.autumn1_background.leaf2:after {
content: "";
position: absolute;
z-index: 1;
right: -35px;
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/leaf2.svg) 0 0 no-repeat;
background-size: auto auto;
width: 92px;
height: 100%
}
.autumn2_background .t-title {
border-top: 1px solid #4c1f1f;
width: 90%
}
.autumn2_background {
background: url(//brightjaw.com/wp-content/plugins/adsrecentsales/assets/img/autumn2_background.png) no-repeat 50%
}
.recentsales_close {
font-size: 14px;
color: #d7d7d7
}
.recentsales_close, .rsp-close {
position: relative;
top: 5px;
right: 5px
}
.recentsales_close1 {
display: block;
position: absolute;
top: 0px;
right:5px;
font-size: 14px;
color: #d7d7d7;
width: 10px;
height: 10px;
}
.recentsales_close1:before{
display: inline-block;
content: '×';
position: relative;
font-size: 24px;
}
.rsp-close {
cursor: pointer;
z-index: 9999;
font-size: 24px
}
 .slick-loading .slick-list
{
background: #fff url(https://brightjaw.com/wp-content/plugins/adsupsell/assets/css/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://brightjaw.com/wp-content/plugins/adsupsell/assets/css/slick/fonts/slick.eot);
src: url(https://brightjaw.com/wp-content/plugins/adsupsell/assets/css/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://brightjaw.com/wp-content/plugins/adsupsell/assets/css/slick/fonts/slick.woff) format('woff'), url(https://brightjaw.com/wp-content/plugins/adsupsell/assets/css/slick/fonts/slick.ttf) format('truetype'), url(https://brightjaw.com/wp-content/plugins/adsupsell/assets/css/slick/fonts/slick.svg#slick) format('svg');
} .upsell-mobile-slick .slick-prev,
.upsell-mobile-slick .slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.upsell-mobile-slick .slick-prev:hover,
.upsell-mobile-slick .slick-prev:focus,
.upsell-mobile-slick .slick-next:hover,
.upsell-mobile-slick .slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.upsell-mobile-slick .slick-prev:hover:before,
.upsell-mobile-slick .slick-prev:focus:before,
.upsell-mobile-slick .slick-next:hover:before,
.upsell-mobile-slick .slick-next:focus:before
{
opacity: 1;
}
.upsell-mobile-slick .slick-prev.slick-disabled:before,
.upsell-mobile-slick .slick-next.slick-disabled:before
{
opacity: .25;
}
.upsell-mobile-slick .slick-prev:before,
.upsell-mobile-slick .slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.upsell-mobile-slick .slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.upsell-mobile-slick .slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.upsell-mobile-slick .slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.upsell-mobile-slick .slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .upsell-mobile-slick .slick-dotted.slick-slider
{
margin-bottom: 10px;
}
.upsell-mobile-slick .slick-dots
{
position: absolute;
bottom: -20px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.upsell-mobile-slick .slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px; padding: 0;
cursor: pointer;
}
.upsell-mobile-slick .slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.upsell-mobile-slick .slick-dots li button:hover,
.upsell-mobile-slick .slick-dots li button:focus
{
outline: none;
}
.upsell-mobile-slick .slick-dots li button:hover:before,
.upsell-mobile-slick .slick-dots li button:focus:before
{ }
.upsell-mobile-slick .slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.upsell-mobile-slick .slick-dots li.slick-active button:before
{
opacity: .75;
color: #434343;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.upsell-mobile-slick .slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}#sidebar-upsell {
position:fixed;
right: 0px;
top:0;
width:50%;
height:100%;
background:#f1f1f1;
z-index: 160000071;
//overflow-x:hidden; }
.js-close-sidebar-cart .sidebar-close-upsell-button {
position: absolute;
top: 0;
right: 0;
font-size: 33px;
display: inline-block;
padding: 0 15px;
font-weight: 400;
color: #333;
text-decoration: none;
}
.sidebar-close-upsell-button:focus {
outline-offset: 0px;
}
.js-close-sidebar-cart {
position: relative;
z-index: 2;
padding: 14px;
}
.js-close-sidebar-cart a:hover {
text-decoration: none;
}
.opend {
transition:right 0.5s ease;
height:auto;
min-height:auto;
width:100%;
position:absolute;
right: 0;
overscroll-behavior-y:contain;
}
.js-close-sidebar-cart h2 {
padding: 0px 20px;
text-transform: uppercase;
text-align: center;
font-weight:600;
margin: 0;
font-size: 18px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
line-height: 16px;
max-height: 32px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.sidebar-cart-upsell-head {
position: absolute;
width: 100%;
height: 63px;
top: 0;
left: 0;
z-index: 5;
font-size: 16px;
color: #242424;
text-transform: uppercase;
padding: 20px;
font-weight: 700;
text-align: center;
background-color: #fff;
border: solid 1px #e2e2e2;
}
.sidebar-cart-upsell-content-wrapper {
display: block;
position: absolute;
top: 0px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow-x: hidden;
overflow-y: hidden;
}
.sidebar-cart-upsell-content-wrapper .sidebar-cart-content {
position: absolute;
top: 55px;
bottom: 0px;
overflow-y: auto;
overflow-x: hidden; }  .upsell-item .discount {
background: #444;
color: #fff;
padding: 5px 10px;
position: absolute;
left: 0;
top: 0;
border-radius: 0 0 4px 0;
z-index: 1;
}
.upsell-item .discount span { }
.upsell-add-button {
bottom: 0px;
z-index: 3;
padding: 5px 40px;
color: #fff;
background-color: #434343;
margin-bottom: 5px;
}
.auto-margin {
margin-left: auto;
margin-right: auto;
}
.upsell-show-button {
display: inline-block;
bottom: 0px;
z-index: 3;
padding: 5px 40px;
color: #fff;
background-color: #434343;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
text-decoration: none;
}
a.upsell-show-button {
color: #fff;
}
.upsell-show-button:hover {
text-decoration: none;
background-color: #323232;
}
.upsell_button_wrapper {
visibility: hidden;
bottom: 15px;
z-index: 4;
width: 100%;
position: absolute;
text-align: center;
}
.upsell_button_wrapper a {
color: #fff;
}
.upsell_image_wrapper {
position: relative;
margin: 10px;
}
.upsell_image_wrapper:hover .upsell_button_wrapper {
visibility: visible;
}
.btn_orange {
box-shadow: none;
background-color: #FF8D38;
font-weight: 600;
color: #fff;
}
.upsell-add-button:hover {
color: #fff;
background-color: #323232;
}
.upsell-add-button:focus {
color: #fff;
outline: 0;
}
a.upsell-show-button:hover {
color: #fff !important;
}
a.upsell-show-button:focus {
color: #fff !important;
}
.product-title-text {
position: relative;
margin-bottom: 0px;
}
.product-title-text-mobile {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 16px;    -webkit-box-orient: vertical;
margin-bottom: 0px;
}
.product-title-text a:focus {
outline: none;
outline-offset: 0;
}
.product-upsell-content a:focus {
outline: none;
outline-offset: 0;
}
.product-title-text a span {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 16px; max-height: 32px;  -webkit-box-orient: vertical;
margin-bottom: 0px;
}
.margin-top-10 {
margin-top: 0px;
}
.upsell-product-price a {
margin-top: 0px;
color: #383838;
text-decoration: none;
}
.upsell-product-price a:focus {
color: #777;
}
.upsell-product-price a:hover {
color: #777;
}
.upsell-product-price a strong {
margin-left: 0px;
margin-right: 0px;
}
.product-mobile-upsell-content p {
margin: 0 10px 5px 0px;
}
#sidebar-upsell-mobile {
padding-top: 15px;
background-color: #f7f7f7;
padding-bottom: 40px;
// margin-top: 20px;
}
.upsell_mobile_image_wrapper {
padding: 10px;
}
.upsell-mobile-slick .slick-dots, upsell-mobile-slick .slick-dots li {
background-color: #f7f7f7;
}
#sidebar-cart-footer {
bottom: 0px !important;
}
#sidebar-upsell-mobile p {
margin-bottom: 0px;
padding-bottom: 5px;
}
#sidebar-upsell-mobile p strong {
display: block;
text-transform: uppercase;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 16px;
max-height: 26px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.upsell-item p.text-center {
text-align: center;
}
#sidebar-upsell-mobile p.text-center {
text-align: center;
}
#sidebar-upsell-mobile p.text-center strong {
margin-left: 10px;
margin-right: 10px;
}
#sidebar-upsell-mobile.slick-initialized {
visibility: visible;
opacity: 1;
}
.upsell-wrapper {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-end;
}
.product-upsell-content {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 15px 0px;
padding-bottom: 0px;
}
.product-upsell-content .product-title-text a {
color: #383838;
text-decoration: none;
}
.product-upsell-content .product-title-text a:hover {
color: #777;
}
.btn-upsell {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 25px;
font-size: 14px;
line-height: 1.42857143;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fadeout {
margin-left: 50%;
display: block;
position: absolute;
top: 16px;
height: 16px;
width: 50%;
background: -webkit-linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 1) 100%);
background-image: -moz-linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 1) 100%);
background-image: -o-linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 1) 100%);
background-image: linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 1) 100%);
background-image: -ms-linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 1) 100%);
}
.fadeout-desktop {
margin-left: 50%;
display: block;
position: absolute;
bottom: 18px;
height: 18px;
width: 50%;
background: -webkit-linear-gradient(90deg, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 0, 1) 100%);
background-image: -moz-linear-gradient(90deg, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 100%);
background-image: -o-linear-gradient(90deg, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 100%);
background-image: linear-gradient(90deg, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 100%);
background-image: -ms-linear-gradient(90deg, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 100%);
}
.title-fadeout {
margin-left: 50%;
display: block;
position: absolute;
top: 10px;
height: 16px;
width: 50%;
background: -webkit-linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 1) 100%);
background-image: -moz-linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 1) 100%);
background-image: -o-linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 1) 100%);
background-image: linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 1) 100%);
background-image: -ms-linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 1) 100%);
}
.product-mobile-upsell-content .row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-mobile-upsell-content .row .col-xs-21 {
padding: 0px 0px 10px 10px;
width: 30%;
}
.product-mobile-upsell-content .row .col-xs-35 {
padding: 10px;
width: 70%;
}i.urgency_icon:after {
content: '';
height: 100%;
width: 100%;
display: inline-block;
}
.iconpicker-wrapper .urgency_icon {
display: inline-block;
height: 100%;
width: 20px;
}
.iconpicker-wrapper i.urgency_no_icon {
width: 10px;
}
i.urgency_icon_bag {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/bag.png);
}
i.urgency_icon_bell {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/bell.png);
}
i.urgency_icon_calendar {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/calendar.png);
}
i.urgency_icon_clock {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/clock.png);
}
i.urgency_icon_delivery-truck {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/delivery-truck.png);
}
i.urgency_icon_eye {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/eye.png);
}
i.urgency_icon_fire {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/fire.png);
}
i.urgency_icon_flags {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/flags.png);
}
i.urgency_icon_flame {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/flame.png);
}
i.urgency_icon_heart {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/heart.png);
}
i.urgency_icon_in-love {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/in-love.png);
}
i.urgency_icon_lightning {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/lightning.png);
}
i.urgency_icon_love {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/love.png);
}
i.urgency_icon_love_1 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/love_1.png);
}
i.urgency_icon_maps-and-flags {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/maps-and-flags.png);
}
i.urgency_icon_plus {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/plus.png);
}
i.urgency_icon_sale {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/sale.png);
}
i.urgency_icon_sand-clock {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/sand-clock.png);
}
i.urgency_icon_search {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/search.png);
}
i.urgency_icon_shopping-basket {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/shopping-basket.png);
}
i.urgency_icon_shopping-cart {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/shopping-cart.png);
}
i.urgency_icon_sunny {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/sunny.png);
}
i.urgency_icon_tag {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/tag.png);
}
i.urgency_icon_thumb-up {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/thumb-up.png);
}
i.urgency_icon_reward {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/reward.png);
}
i.urgency_icon_buy {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/buy.png);
}
i.urgency_icon_medal {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/medal.png);
}
i.urgency_icon_star {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/star.png);
}
span.urgency_icon:before {
content: '';
width: 25px;
height: 20px;
display: inline-block;
}
span.urgency_icon {
display: inline-block;
margin: 5px;
vertical-align: middle;
}
span.urgency_icon_bag {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/bag.png);
}
span.urgency_icon_bell {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/bell.png);
}
span.urgency_icon_calendar {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/calendar.png);
}
span.urgency_icon_clock {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/clock.png);
}
span.urgency_icon_delivery-truck {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/delivery-truck.png);
}
span.urgency_icon_eye {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/eye.png);
}
span.urgency_icon_fire {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/fire.png);
}
span.urgency_icon_flags {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/flags.png);
}
span.urgency_icon_flame {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/flame.png);
}
span.urgency_icon_heart {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/heart.png);
}
span.urgency_icon_in-love {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/in-love.png);
}
span.urgency_icon_lightning {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/lightning.png);
}
span.urgency_icon_love {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/love.png);
}
span.urgency_icon_love_1 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/love_1.png);
}
span.urgency_icon_maps-and-flags {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/maps-and-flags.png);
}
span.urgency_icon_plus {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/plus.png);
}
span.urgency_icon_sale {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/sale.png);
}
span.urgency_icon_sand-clock {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/sand-clock.png);
}
span.urgency_icon_search {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/search.png);
}
span.urgency_icon_shopping-basket {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/shopping-basket.png);
}
span.urgency_icon_shopping-cart {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/shopping-cart.png);
}
span.urgency_icon_sunny {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/sunny.png);
}
span.urgency_icon_tag {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/tag.png);
}
span.urgency_icon_thumb-up {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/thumb-up.png);
}
span.urgency_icon_reward {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/reward.png);
}
span.urgency_icon_buy {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/buy.png);
}
span.urgency_icon_medal {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/medal.png);
}
span.urgency_icon_star {
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//brightjaw.com/wp-content/plugins/adsurgency/assets/icons/star.png);
}.mwai-context-menu-portal .mwai-context-menu {
background: var(--mwai-backgroundHeaderColor);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: var(--mwai-borderRadius);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
font-size: 13px;
color: var(--mwai-fontColor);
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
cursor: pointer;
transition: background-color 0.2s;
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item.mwai-danger {
color: #dc3545;
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item.mwai-danger:hover {
background-color: rgba(220, 53, 69, 0.1);
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item svg {
flex-shrink: 0;
}
.mwai-chunks {
padding: 8px;
background: rgba(0, 0, 0, 0.03);
font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
font-size: 11px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.mwai-chunks.mwai-chunks-collapsed .mwai-chunks-header {
margin-bottom: 0 !important;
}
.mwai-chunks .mwai-chunks-header {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 8px;
color: #6b7280;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.mwai-chunks .mwai-chunks-header .mwai-chunks-title {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mwai-chunks .mwai-chunks-header .mwai-chunks-status {
margin-left: 4px;
font-weight: 500;
}
.mwai-chunks .mwai-chunks-header .mwai-chunks-toggle {
background: none;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
padding: 2px;
width: 30px;
height: 20px;
cursor: pointer;
color: #6b7280;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
margin-left: 4px;
}
.mwai-chunks .mwai-chunks-header .mwai-chunks-toggle:hover {
background: rgba(0, 0, 0, 0.05);
color: #374151;
}
.mwai-chunks .mwai-chunk {
margin-bottom: 4px;
padding: 6px 8px;
background: white;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.06);
transition: all 0.2s ease;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
user-select: none;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-time {
color: #9ca3af;
font-size: 10px;
font-variant-numeric: tabular-nums;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-type {
display: flex;
align-items: center;
gap: 4px;
padding: 2px 6px;
border-radius: 3px;
font-size: 10px;
font-weight: 500;
color: white;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-data {
flex: 1;
color: #374151;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-expand {
color: #9ca3af;
transition: transform 0.2s ease;
}
.mwai-chunks .mwai-chunk .mwai-chunk-details {
margin-top: 8px;
padding: 8px;
background: rgba(0, 0, 0, 0.02);
border-radius: 3px;
overflow-x: auto;
}
.mwai-chunks .mwai-chunk .mwai-chunk-details pre {
margin: 0;
white-space: pre-wrap;
word-break: break-word;
color: #4b5563;
}
.mwai-chatgpt-theme {
--mwai-spacing: 15px;
--mwai-fontSize: 15px;
--mwai-lineHeight: 1.5;
--mwai-borderRadius: 10px;
--mwai-width: 460px;
--mwai-maxHeight: 40vh;
--mwai-iconTextColor: white;
--mwai-iconTextBackgroundColor: #343541;
--mwai-fontColor: #FFFFFF;
--mwai-backgroundPrimaryColor: #454654;
--mwai-backgroundHeaderColor: #343541;
--mwai-bubbleColor: #343541;
--mwai-headerButtonsColor: #FFFFFF;
--mwai-conversationsBackgroundColor: #202123;
--mwai-conversationsTextColor: #FFFFFF;
--mwai-backgroundSecondaryColor: #343541;
--mwai-errorBackgroundColor: #6d2f2a;
--mwai-errorTextColor: #FFFFFF;
}
.mwai-chatgpt-theme * {
box-sizing: border-box;
}
.mwai-chatgpt-theme .mwai-body {
background: var(--mwai-backgroundSecondaryColor);
color: var(--mwai-fontColor);
font-size: var(--mwai-fontSize);
overflow: hidden;
display: flex;
flex-direction: column;
border-radius: var(--mwai-borderRadius);
}
.mwai-chatgpt-theme .mwai-shortcuts {
display: flex;
justify-content: center;
margin: var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut {
margin-right: calc(var(--mwai-spacing) / 2);
display: flex;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut.mwai-success {
color: #4caf50;
border: 1px solid #4caf50;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut.mwai-danger {
color: #f44336;
border: 1px solid #f44336;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut.mwai-warning {
color: #ff9800;
border: 1px solid #ff9800;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut.mwai-info {
color: #2196f3;
border: 1px solid #2196f3;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut .mwai-icon {
margin-right: 5px;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut .mwai-icon img {
max-height: 16px;
width: auto;
}
.mwai-chatgpt-theme .mwai-blocks {
display: flex;
flex-direction: column;
padding: var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-blocks .mwai-block p:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-blocks button {
cursor: pointer;
}
.mwai-chatgpt-theme .mwai-conversation {
overflow: auto;
}
.mwai-chatgpt-theme .mwai-reply {
display: flex;
padding: var(--mwai-spacing);
position: relative;
line-height: var(--mwai-lineHeight);
transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.mwai-chatgpt-theme .mwai-reply.mwai-fade-out {
opacity: 0;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user {
background: var(--mwai-backgroundSecondaryColor);
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai, .mwai-chatgpt-theme .mwai-reply.mwai-error {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-reply .mwai-name {
color: var(--mwai-fontColor);
margin-right: 5px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-name .mwai-name-text {
opacity: 0.5;
white-space: nowrap;
}
.mwai-chatgpt-theme .mwai-reply .mwai-name .mwai-avatar {
margin-right: 10px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
overflow: hidden;
}
.mwai-chatgpt-theme .mwai-reply .mwai-name .mwai-avatar img {
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-name .mwai-avatar.mwai-svg img {
width: 28px;
height: 28px;
min-width: 28px;
min-height: 28px;
filter: brightness(0) invert(1);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text {
flex: auto;
font-size: var(--mwai-fontSize);
line-height: var(--mwai-lineHeight);
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-image {
display: block;
max-width: 250px;
height: auto;
margin: 0 0 10px 0;
border-radius: var(--mwai-borderRadius);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-filename {
display: flex;
text-decoration: none;
border: 1px solid var(--mwai-backgroundPrimaryColor);
border-radius: var(--mwai-borderRadius);
padding: 5px 10px;
margin-bottom: 10px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text * {
font-size: var(--mwai-fontSize);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text > span > *:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text > span > *:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text a {
color: #2196f3;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h1, .mwai-chatgpt-theme .mwai-reply .mwai-text h2, .mwai-chatgpt-theme .mwai-reply .mwai-text h3, .mwai-chatgpt-theme .mwai-reply .mwai-text h4 {
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h1 {
font-size: 200%;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h2 {
font-size: 160%;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h3 {
font-size: 140%;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h4 {
font-size: 120%;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text p code {
background: var(--mwai-backgroundSecondaryColor);
padding: 2px 6px;
border-radius: 8px;
font-size: 90%;
font-family: system-ui;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text pre {
color: var(--mwai-fontColor);
border-radius: var(--mwai-borderRadius);
padding: calc(var(--mwai-spacing) * 2 / 3) var(--mwai-spacing);
break-after: auto;
white-space: pre-wrap;
font-size: 95%;
max-width: 100%;
width: 100%;
font-family: system-ui;
background: hsl(0 0% 0% / 30%);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text pre code {
padding: 0 !important;
font-family: system-ui;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text ul, .mwai-chatgpt-theme .mwai-reply .mwai-text ol {
padding: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text ol {
margin: 0 0 0 20px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text table {
width: 100%;
border: 2px solid var(--mwai-backgroundSecondaryColor);
border-collapse: collapse;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text thead {
background: var(--mwai-backgroundSecondaryColor);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text tr, .mwai-chatgpt-theme .mwai-reply .mwai-text td {
padding: 2px 5px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text td {
border: 2px solid var(--mwai-backgroundSecondaryColor);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-typewriter {
display: inline-block;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-typewriter > :first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text > *:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text > *:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme .mwai-reply.mwai-system {
background: var(--mwai-errorBackgroundColor);
color: var(--mwai-errorFontColor);
}
.mwai-chatgpt-theme .mwai-reply.mwai-system .mwai-name {
display: none;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error {
border-top: 1px dashed #ff5656;
border-bottom: 1px dashed #ff5656;
}
.mwai-chatgpt-theme .mwai-input {
display: flex;
padding: var(--mwai-spacing);
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text {
flex: auto;
position: relative;
background: var(--mwai-backgroundPrimaryColor);
border-radius: var(--mwai-borderRadius);
overflow: hidden;
display: flex;
padding: calc(var(--mwai-spacing) / 2);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text.mwai-blocked {
background: var(--mwai-errorBackgroundColor);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text.mwai-dragging {
filter: brightness(1.2);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea {
background: inherit;
color: var(--mwai-fontColor);
padding-left: calc(var(--mwai-spacing) / 2);
flex: auto;
border: none;
font-size: var(--mwai-fontSize);
line-height: var(--mwai-lineHeight);
resize: none;
font-family: inherit;
margin: 0;
overflow: hidden;
min-height: inherit;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea:focus {
outline: none;
box-shadow: none;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea::placeholder {
color: var(--mwai-fontColor);
opacity: 0.5;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone {
display: flex;
justify-content: center;
align-items: center;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone svg {
opacity: 0.5;
filter: grayscale(100%);
transition: opacity 0.3s ease-out;
cursor: pointer;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone[active=true] svg {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone[disabled] svg {
opacity: 0;
cursor: not-allowed;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon {
background: url(//brightjaw.com/wp-content/plugins/ai-engine/themes/icons/dark-icons.svg);
background-size: 500%;
background-position: 0px -96px;
width: 32px;
height: 32px;
z-index: 100;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-idle-add {
background-position: -32px -96px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-image-add {
background-position: -32px 0px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-image-up {
background-position: -64px 0px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-image-del {
background-position: -96px 0px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-image-ok {
background-position: -128px 0px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-document-add {
background-position: -32px -64px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-document-up {
background-position: -64px -64px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-document-del {
background-position: -96px -64px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-document-ok {
background-position: -128px -64px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon .mwai-file-upload-progress {
position: absolute;
font-size: 8px;
width: 21px;
top: 24px;
left: 23px;
overflow: hidden;
text-align: center;
font-weight: bold;
color: white;
}
.mwai-chatgpt-theme .mwai-input button {
margin-left: var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-compliance {
opacity: 0.5;
margin-top: calc(-1 * var(--mwai-spacing));
padding: calc(var(--mwai-spacing) / 1.5) var(--mwai-spacing);
font-size: smaller;
color: var(--mwai-fontColor);
text-align: left;
}
.mwai-chatgpt-theme .mwai-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 5px;
}
.mwai-chatgpt-theme .mwai-gallery img {
width: 100%;
}
.mwai-chatgpt-theme button {
color: var(--mwai-fontColor);
background: var(--mwai-backgroundSecondaryColor);
border: 1px solid var(--mwai-backgroundPrimaryColor);
padding: calc(var(--mwai-spacing) / 2) var(--mwai-spacing);
min-width: 70px;
border-radius: 5px;
cursor: pointer;
transition: all 0.2s ease-out;
display: flex;
align-items: center;
justify-content: center;
font-size: calc(var(--mwai-fontSize) * 0.9);
position: relative;
}
.mwai-chatgpt-theme button .mwai-timer {
margin-left: 5px;
margin-right: 5px;
font-size: 11px;
}
.mwai-chatgpt-theme button:hover {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme button[disabled] {
cursor: not-allowed;
}
.mwai-chatgpt-theme button[disabled] span {
opacity: 0.5;
}
.mwai-chatgpt-theme button[disabled].mwai-busy span {
display: none;
}
.mwai-chatgpt-theme button[disabled].mwai-busy:before {
content: "";
width: 18px;
height: 18px;
margin: auto;
border: 3px solid transparent;
border-top-color: var(--mwai-fontColor);
border-radius: 50%;
animation: mwai-button-spinner 1s ease infinite;
}
.mwai-chatgpt-theme.mwai-form-container {
padding: var(--mwai-spacing);
font-size: var(--mwai-fontSize);
color: var(--mwai-fontColor);
background: var(--mwai-backgroundSecondaryColor);
border-radius: var(--mwai-borderRadius);
}
.mwai-chatgpt-theme.mwai-form-container fieldset {
border: 0;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
margin-bottom: 10px;
}
.mwai-chatgpt-theme.mwai-form-container fieldset input[type=text], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=email], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=tel], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=url], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=password], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=number], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=date], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=datetime], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=datetime-local], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=month], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=search], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=time], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=week], .mwai-chatgpt-theme.mwai-form-container fieldset select, .mwai-chatgpt-theme.mwai-form-container fieldset textarea {
padding: calc(var(--mwai-spacing) * 2 / 3) var(--mwai-spacing);
border: 0;
width: 100%;
border-radius: var(--mwai-borderRadius);
font-size: var(--mwai-fontSize);
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme.mwai-form-container fieldset select {
padding: calc(var(--mwai-spacing) * 2 / 3) var(--mwai-spacing);
border: 0;
width: 100%;
border-radius: var(--mwai-borderRadius);
font-size: var(--mwai-fontSize);
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme.mwai-form-container fieldset textarea {
padding: calc(var(--mwai-spacing) * 2 / 3) var(--mwai-spacing);
border: 0;
width: 100%;
border-radius: var(--mwai-borderRadius);
font-family: inherit;
font-size: var(--mwai-fontSize);
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme.mwai-form-container fieldset input[disabled], .mwai-chatgpt-theme.mwai-form-container fieldset select[disabled], .mwai-chatgpt-theme.mwai-form-container fieldset textarea[disabled] {
opacity: 0.25;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit button, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset button {
height: 45px;
background: none;
width: 100%;
color: var(--mwai-fontColor);
font-size: var(--mwai-fontSize);
background-color: var(--mwai-backgroundSecondaryColor);
border: 1px solid var(--mwai-backgroundPrimaryColor);
border-radius: var(--mwai-borderRadius);
cursor: pointer;
transition: all 0.2s ease-out;
position: relative;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit button:hover, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset button:hover {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit button[disabled] span, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset button[disabled] span {
opacity: 0.25;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit button[disabled]:hover, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset button[disabled]:hover {
background: none;
cursor: not-allowed;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit.mwai-loading button span, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset.mwai-loading button span {
opacity: 0;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit.mwai-loading button::after, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset.mwai-loading button::after {
content: "";
position: absolute;
width: 18px;
height: 18px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border: 3px solid transparent;
border-top-color: var(--mwai-fontColor);
border-radius: 50%;
animation: mwai-button-spinner 1s ease infinite;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output {
font-size: var(--mwai-fontSize);
position: relative;
margin-top: var(--mwai-spacing);
padding: var(--mwai-spacing);
border: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output.mwai-error {
background: var(--mwai-errorBackgroundColor);
color: var(--mwai-errorFontColor);
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output > *:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output > *:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output img {
max-width: 33%;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output div > *:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output div > *:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container.mwai-has-content {
display: block;
}
.mwai-chatgpt-theme.mwai-form-container .wp-block-columns {
margin: 0;
}
.mwai-chatgpt-theme .mwai-chunks {
background: rgba(255, 255, 255, 0.05);
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunks-header {
color: #9ca3af;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk {
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-time {
color: #6b7280;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-data {
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-expand {
color: #6b7280;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-details {
background: rgba(0, 0, 0, 0.2);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-details pre {
color: #d1d5db;
}
.mwai-chatgpt-theme.mwai-transition, .mwai-chatgpt-theme .mwai-transition {
opacity: 0;
transition: opacity 350ms ease-in-out;
}
.mwai-chatgpt-theme.mwai-transition-visible, .mwai-chatgpt-theme .mwai-transition-visible {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-text {
overflow-wrap: anywhere;
}
.mwai-chatgpt-theme .mwai-text img {
max-width: 100%;
}
.mwai-chatgpt-theme .mwai-text div p:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-text div p:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme .mwai-trigger {
position: absolute;
right: 0;
bottom: 0;
transition: all 0.2s ease-out;
z-index: 9999;
display: flex;
flex-direction: column;
align-items: end;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text {
background: var(--mwai-iconTextBackgroundColor);
color: var(--mwai-iconTextColor);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
max-width: 200px;
font-size: 13px;
margin-bottom: 15px;
padding: 10px 15px;
border-radius: 8px;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text-close {
color: var(--mwai-iconTextColor);
background: var(--mwai-iconTextBackgroundColor);
padding: 0;
width: 24px;
height: 24px;
border-radius: 50%;
display: none;
justify-content: center;
align-items: center;
margin-bottom: 3px;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container:hover {
cursor: pointer;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container:hover .mwai-icon-text-close {
display: flex;
font-size: 12px;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container:hover .mwai-icon-text-close:hover {
filter: brightness(1.2);
}
@media (max-width: 760px) {
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text-close {
display: flex;
}
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container .mwai-icon {
filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.15));
transition: all 0.2s ease-out;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container .mwai-icon:hover {
cursor: pointer;
transform: scale(1.05);
}
.mwai-chatgpt-theme.mwai-window {
position: fixed;
right: 30px;
bottom: 30px;
width: var(--mwai-width);
z-index: 9999;
}
.mwai-chatgpt-theme.mwai-window .mwai-header {
display: none;
justify-content: flex-end;
align-items: center;
border-radius: var(--mwai-borderRadius) var(--mwai-borderRadius) 0 0;
background: var(--mwai-backgroundHeaderColor);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons {
display: flex;
align-items: center;
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-resize-button {
justify-content: center;
height: 32px;
width: 22px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-resize-button:before {
transition: all 0.2s ease-out;
content: " ";
cursor: pointer;
position: absolute;
height: 13px;
width: 13px;
border: 1px solid var(--mwai-headerButtonsColor);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-resize-button:hover:before {
width: 16px;
height: 16px;
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button {
justify-content: center;
height: 32px;
width: 33px;
cursor: pointer;
border-radius: var(--mwai-borderRadius);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:before {
transition: all 0.2s ease-out;
transform: translate(16px, 5px) rotate(45deg);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:after {
transition: all 0.2s ease-out;
transform: translate(16px, 5px) rotate(-45deg);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:before, .mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:after {
content: " ";
cursor: pointer;
position: absolute;
height: 22px;
width: 1px;
background-color: var(--mwai-headerButtonsColor);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:hover:before {
opacity: 1;
transform: translate(16px, 5px) rotate(135deg);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:hover:after {
opacity: 1;
transform: translate(16px, 5px) rotate(45deg);
}
.mwai-chatgpt-theme.mwai-window .mwai-body {
display: none;
opacity: 0;
max-height: var(--mwai-maxHeight);
border-radius: 0 0 var(--mwai-borderRadius) var(--mwai-borderRadius);
}
.mwai-chatgpt-theme.mwai-window.mwai-bottom-left {
bottom: 30px;
right: inherit;
left: 30px;
}
.mwai-chatgpt-theme.mwai-window.mwai-bottom-left .mwai-trigger {
right: inherit;
left: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-right {
top: 30px;
bottom: inherit;
right: 30px;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-right .mwai-trigger {
top: 0;
bottom: inherit;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-left {
top: 30px;
bottom: inherit;
right: inherit;
left: 30px;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-left .mwai-trigger {
top: 0;
bottom: inherit;
right: inherit;
left: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-left .mwai-trigger, .mwai-chatgpt-theme.mwai-window.mwai-bottom-left .mwai-trigger {
align-items: flex-start;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-right .mwai-trigger, .mwai-chatgpt-theme.mwai-window.mwai-top-left .mwai-trigger {
flex-direction: column-reverse;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-right .mwai-trigger .mwai-icon-text, .mwai-chatgpt-theme.mwai-window.mwai-top-left .mwai-trigger .mwai-icon-text {
margin-bottom: 0;
margin-top: 15px;
}
.mwai-chatgpt-theme.mwai-window.mwai-fullscreen .mwai-header .mwai-buttons {
margin-bottom: 0px;
}
.mwai-chatgpt-theme.mwai-window.mwai-fullscreen .mwai-header .mwai-buttons .mwai-resize-button:before {
width: 16px;
height: 16px;
}
.mwai-chatgpt-theme.mwai-window.mwai-fullscreen .mwai-header .mwai-buttons .mwai-resize-button:hover:before {
width: 13px;
height: 13px;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window), .mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open {
position: fixed;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: 0 !important;
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%;
display: flex;
flex-direction: column;
margin: 0;
z-index: 999999;
background-color: var(--mwai-backgroundSecondaryColor);
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-header, .mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-header {
border-radius: 0;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-body, .mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body {
height: 100%;
max-height: inherit;
border-radius: 0;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-body .mwai-conversation, .mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body .mwai-conversation {
flex: auto;
max-height: none;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-header {
display: flex;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body {
display: flex;
transition: opacity 200ms ease-in-out 0s;
opacity: 1;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-trigger {
display: none;
}
.mwai-chatgpt-theme .mwai-body > .mwai-error {
margin: var(--mwai-spacing);
color: white;
background: rgba(180, 55, 55, 0.55);
padding: var(--mwai-spacing);
border-radius: var(--mwai-borderRadius);
}
.mwai-chatgpt-theme .mwai-body > .mwai-error:hover {
cursor: pointer;
background: rgba(180, 44, 44, 0.85);
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-text {
color: #ff5656;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-text a {
color: #ff5656;
text-decoration: underline;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-reply-actions .mwai-action-button {
fill: var(--mwai-fontColor);
padding: 3px 5px;
width: 24px;
height: 24px;
background: var(--mwai-backgroundPrimaryColor);
cursor: pointer;
border-radius: 5px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-reply-actions .mwai-action-button:hover {
filter: brightness(1.2);
}
.mwai-chatgpt-theme .mwai-reply-actions {
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.mwai-chatgpt-theme .mwai-reply:hover .mwai-reply-actions {
opacity: 1 !important;
}
.mwai-chatgpt-theme.mwai-bubble .mwai-icon-container {
background: var(--mwai-bubbleColor);
width: 60px;
height: 60px;
border-radius: 100%;
transition: all 0.2s ease-out;
display: flex;
justify-content: center;
align-items: center;
}
.mwai-chatgpt-theme.mwai-bubble .mwai-icon-container .mwai-icon {
max-width: 50%;
max-height: 50%;
filter: none;
}
.mwai-chatgpt-theme.mwai-bubble .mwai-icon-container .mwai-icon:hover {
transform: none;
}
.mwai-chatgpt-theme.mwai-bubble .mwai-icon-container .mwai-emoji {
font-size: 30px !important;
}
.mwai-chatgpt-theme.mwai-bubble .mwai-icon-container:hover {
cursor: pointer;
filter: brightness(1.1);
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-window.mwai-open {
position: fixed;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: 0 !important;
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%;
display: flex;
flex-direction: column;
margin: 0;
z-index: 999999;
background-color: var(--mwai-backgroundSecondaryColor);
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-header {
border-radius: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body {
height: 100%;
max-height: inherit;
border-radius: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body .mwai-conversation {
flex: auto;
max-height: none;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input {
flex-direction: column;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input button {
font-size: 16px;
margin-left: 0;
width: 100%;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input .mwai-input-text {
width: 100%;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input .mwai-input-text input, .mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input .mwai-input-text textarea {
font-size: 16px;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body {
display: flex;
transition: opacity 200ms ease-in-out 0s;
opacity: 1;
height: 100%;
max-height: inherit;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body .mwai-conversation {
flex: auto;
max-height: none;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-resize-button {
display: none !important;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-trigger {
display: none;
}
}
@keyframes mwai-button-spinner {
from {
transform: rotate(0turn);
}
to {
transform: rotate(1turn);
}
}
.mwai-chatgpt-theme button:not(.mwai-busy):before {
content: none !important;
display: none !important;
animation: none !important;
}
.mwai-chatgpt-theme .admin-bar .mwai-fullscreen:not(.mwai-window),
.mwai-chatgpt-theme .admin-bar .mwai-fullscreen.mwai-window.mwai-open {
top: 32px;
}
.mwai-chatgpt-theme pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em;
}
.mwai-chatgpt-theme code.hljs {
padding: 3px 5px;
}
.mwai-chatgpt-theme .hljs {
color: #fff;
}
.mwai-chatgpt-theme .hljs-subst {
color: #fff;
}
.mwai-chatgpt-theme .hljs-comment {
color: #999;
}
.mwai-chatgpt-theme .hljs-attr, .mwai-chatgpt-theme .hljs-doctag, .mwai-chatgpt-theme .hljs-keyword, .mwai-chatgpt-theme .hljs-meta .hljs-keyword, .mwai-chatgpt-theme .hljs-section, .mwai-chatgpt-theme .hljs-selector-tag {
color: #88aece;
}
.mwai-chatgpt-theme .hljs-attribute {
color: #c59bc1;
}
.mwai-chatgpt-theme .hljs-name, .mwai-chatgpt-theme .hljs-number, .mwai-chatgpt-theme .hljs-quote, .mwai-chatgpt-theme .hljs-selector-id, .mwai-chatgpt-theme .hljs-template-tag, .mwai-chatgpt-theme .hljs-type {
color: #f08d49;
}
.mwai-chatgpt-theme .hljs-selector-class {
color: #88aece;
}
.mwai-chatgpt-theme .hljs-link, .mwai-chatgpt-theme .hljs-regexp, .mwai-chatgpt-theme .hljs-selector-attr, .mwai-chatgpt-theme .hljs-string, .mwai-chatgpt-theme .hljs-symbol, .mwai-chatgpt-theme .hljs-template-variable, .mwai-chatgpt-theme .hljs-variable {
color: #b5bd68;
}
.mwai-chatgpt-theme .hljs-meta, .mwai-chatgpt-theme .hljs-selector-pseudo {
color: #88aece;
}
.mwai-chatgpt-theme .hljs-built_in, .mwai-chatgpt-theme .hljs-literal, .mwai-chatgpt-theme .hljs-title {
color: #f08d49;
}
.mwai-chatgpt-theme .hljs-bullet, .mwai-chatgpt-theme .hljs-code {
color: #ccc;
}
.mwai-chatgpt-theme .hljs-meta .hljs-string {
color: #b5bd68;
}
.mwai-chatgpt-theme .hljs-deletion {
color: #de7176;
}
.mwai-chatgpt-theme .hljs-addition {
color: #76c490;
}
.mwai-chatgpt-theme .hljs-emphasis {
font-style: italic;
}
.mwai-chatgpt-theme .hljs-strong {
font-weight: 700;
}
.mwai-chatgpt-theme .mwai-reply-actions {
position: absolute;
border-radius: 5px;
top: 10px;
right: 10px;
display: flex;
align-items: center;
padding: 2px 2px;
z-index: 100;
background: var(--mwai-backgroundPrimaryColor);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
z-index: 100;
}
.mwai-chatgpt-theme .mwai-reply-actions .mwai-copy-button {
fill: var(--mwai-fontColor);
padding: 3px 5px;
width: 24px;
height: 24px;
background: var(--mwai-backgroundPrimaryColor);
cursor: pointer;
border-radius: 5px;
}
.mwai-chatgpt-theme .mwai-reply-actions .mwai-copy-button:hover {
filter: brightness(1.2);
}
.mwai-chatgpt-theme .mwai-reply-actions.mwai-hidden {
opacity: 0;
}
.mwai-chatgpt-theme .mwai-realtime {
padding: var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-visualizer {
display: flex;
justify-content: center;
align-items: center;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-visualizer hr {
width: 100px;
margin-right: var(--mwai-spacing);
margin-left: var(--mwai-spacing);
border: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-visualizer .mwai-animation {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls > * + * {
margin-left: 10px;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls button {
border-radius: 100%;
width: 50px;
height: 50px;
margin: 5px;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
color: var(--mwai-fontColor);
border: 2px solid var(--mwai-backgroundPrimaryColor);
background: none;
cursor: pointer;
transition: all 0.2s ease-out;
min-width: inherit;
max-width: inherit;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls button:hover:not(:disabled) {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls button:disabled {
opacity: 0.5;
cursor: not-allowed;
background: none;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls button.mwai-active {
border: 2px solid var(--mwai-fontColor);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-last-transcript {
margin: var(--mwai-spacing);
margin-top: 0;
border: 2px solid var(--mwai-backgroundPrimaryColor);
padding: calc(var(--mwai-spacing) / 2);
border-radius: var(--mwai-borderRadius);
display: flex;
justify-content: center;
font-size: 80%;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-statistics {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-row-gap: 10px;
font-size: 14px;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-statistics div {
display: flex;
flex-direction: column;
align-items: center;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-statistics label {
font-size: 11px;
opacity: 0.5;
text-transform: uppercase;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-options {
margin-top: var(--mwai-spacing);
display: flex;
align-items: center;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-options .mwai-option {
cursor: pointer;
opacity: 0.5;
margin-right: 2px;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-options .mwai-option.mwai-active {
opacity: 1;
}
.mwai-chatgpt-theme.mwai-discussions {
border-radius: var(--mwai-borderRadius);
background: var(--mwai-backgroundHeaderColor);
overflow: hidden;
}
.mwai-chatgpt-theme.mwai-discussions * {
box-sizing: border-box;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion {
display: flex;
position: relative;
padding-left: calc(var(--mwai-spacing) / 2);
padding-right: calc(var(--mwai-spacing) / 2);
padding-bottom: calc(var(--mwai-spacing) / 2);
color: var(--mwai-conversationsTextColor);
opacity: 0.65;
align-items: center;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-content {
flex: 1;
padding: 5px 10px;
overflow: hidden;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-title {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: var(--mwai-fontSize);
margin-bottom: 4px;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-info {
display: flex;
gap: 12px;
font-size: calc(var(--mwai-fontSize) * 0.85);
opacity: 0.7;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-info .mwai-info-item {
display: flex;
align-items: center;
gap: 4px;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-info .mwai-info-item svg {
opacity: 0.6;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-actions {
position: absolute;
top: 50%;
right: calc(var(--mwai-spacing) / 2);
transform: translateY(-50%);
opacity: 0;
transition: opacity 0.2s ease-out;
z-index: 100;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-actions .mwai-menu-icon {
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: var(--mwai-conversationsTextColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion.mwai-active {
cursor: pointer;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion.mwai-active .mwai-discussion-content {
background: var(--mwai-backgroundPrimaryColor);
border-radius: var(--mwai-borderRadius);
opacity: 1;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:hover {
cursor: pointer;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:hover .mwai-discussion-content {
background: var(--mwai-backgroundPrimaryColor);
border-radius: var(--mwai-borderRadius);
opacity: 1;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:hover .mwai-discussion-actions {
opacity: 1;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:has(.mwai-context-menu) .mwai-discussion-actions {
opacity: 1;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:first-child {
margin-top: calc(var(--mwai-spacing) / 2);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header {
color: var(--mwai-headerButtonsColor);
padding: var(--mwai-spacing);
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header button {
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
border: none;
padding: 8px 16px;
border-radius: var(--mwai-borderRadius);
cursor: pointer;
transition: all 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header button:hover:not(:disabled) {
background: var(--mwai-iconTextBackgroundColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header .mwai-refresh-btn {
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-body {
background: var(--mwai-conversationsBackgroundColor);
list-style: none;
padding: 0;
margin: 0;
position: relative;
min-height: 200px;
display: flex;
flex-direction: column;
border-radius: 0;
z-index: 1;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-loading-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--mwai-conversationsBackgroundColor);
opacity: 0.9;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-spinner {
animation: spin 1s linear infinite;
color: var(--mwai-fontColor);
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination {
background: var(--mwai-backgroundHeaderColor);
padding: var(--mwai-spacing);
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination button {
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
border: none;
padding: 8px 12px;
border-radius: var(--mwai-borderRadius);
cursor: pointer;
transition: all 0.2s ease-out;
display: flex;
align-items: center;
justify-content: center;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination button:hover:not(:disabled) {
background: var(--mwai-iconTextBackgroundColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination button:disabled {
opacity: 0.3;
cursor: not-allowed;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination span {
color: var(--mwai-headerButtonsColor);
font-size: var(--mwai-fontSize);
font-weight: 500;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination .mwai-page-indicator {
color: var(--mwai-headerButtonsColor);
font-size: calc(var(--mwai-fontSize) * 0.85);
font-weight: 400;
opacity: 0.8;
}
.mwai-chatgpt-theme .mwai-chunks {
background: rgba(255, 255, 255, 0.05);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunks-header {
color: #9ca3af;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunks-header .mwai-chunks-toggle {
border-color: rgba(255, 255, 255, 0.1);
color: #9ca3af;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunks-header .mwai-chunks-toggle:hover {
background: rgba(255, 255, 255, 0.05);
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk {
background: rgba(255, 255, 255, 0.08);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-time {
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-data {
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-expand {
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-details {
background: rgba(0, 0, 0, 0.2);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-details pre {
color: #d1d5db;
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-window {
width: calc(100% - 40px);
z-index: 9999999999;
}
.mwai-chatgpt-theme .mwai-input {
flex-direction: column;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-submit {
margin: 15px 0 0 0;
height: 40px;
width: inherit;
}
.mwai-chatgpt-theme .mwai-name {
margin-right: 0;
max-width: inherit;
}
}
.mwai-context-menu-portal.mwai-chatgpt-theme .mwai-context-menu {
background: var(--mwai-backgroundSecondaryColor);
border: 1px solid var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
}
.mwai-context-menu-portal.mwai-chatgpt-theme .mwai-context-menu .mwai-menu-item:hover {
background-color: var(--mwai-backgroundPrimaryColor);
}
.mwai-context-menu-portal.mwai-chatgpt-theme .mwai-context-menu .mwai-menu-item.mwai-danger {
color: var(--mwai-errorTextColor);
}
.mwai-context-menu-portal.mwai-chatgpt-theme .mwai-context-menu .mwai-menu-item.mwai-danger:hover {
background-color: var(--mwai-errorBackgroundColor);
}.tt_product_slide_show_pics img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;opacity:0}.tt_hover_gallery{transition:all 0s ease-out;position:relative;overflow:hidden;user-select:none;width:100%}.tt_hover_gallery img{max-width:100%;width:100%;object-fit:cover;max-height:100%;display:block;user-select:none;background:#fff;transition:all .5s ease-out;opacity:0}.tt_hover_gallery:not(.tt_product_slide_show_single) img{pointer-events:none}.tt_hover_gallery>div{box-sizing:border-box;flex-shrink:0;position:absolute;left:100%;top:0;z-index:1;width:100%;height:100%;overflow:hidden}.tt_hover_gallery>div:first-child{position:relative;left:0}.tt_hover_gallery>div:first-child img{background:0}.tt_hover_gallery>div.active,.tt_hover_gallery>div.next_curr,.tt_hover_gallery>div.prev_curr{z-index:2}.tt_hover_gallery.touch_init{background:#fff}.tthg_img_loaded{opacity:1!important}.tthg_bgr.arrows_enable,.tthg_bgr:active,.tthg_bgr:hover{background:#fff}.tthgpager{display:flex;justify-content:center;align-items:center;border-radius:2px}.tthgpager_cont{display:flex;justify-content:center;align-items:center;width:100%;overflow:hidden;top:calc(100% - 17px);position:absolute;z-index:3;user-select:none;pointer-events:none}.tthgpager span:before{content:'';width:6px;height:6px;background:rgba(200,200,200,.5);border-radius:50%;display:block;margin:2px}.tthgpager span.active:before,.tthgpager span.vis_active:before{background:rgba(50,50,50,.5)}.tthgpager_cont span:first-child:last-child{display:none}.tt_hover_gallery.animated .tt_one{pointer-events:none}.tthg_next,.tthg_prev{cursor:pointer;position:absolute;left:0;top:50%;transform:translateY(-50%);width:46px;height:70px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.5);z-index:3}.tthg_next{left:auto;right:0}.tthg_next:before,.tthg_prev:before{content:'';border-left:2px solid;border-top:2px solid;transform:rotate(-45deg);display:block;width:20px;height:20px;margin:0 0 0 10px}.tthg_next:before{transform:rotate(135deg);margin:0 10px 0 0}.tthg_next.disabled,.tthg_prev.disabled{opacity:.5}.tthg_inited.tt_hover_gallery{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3}.tt_product_slide_show_single{position:absolute;left:0;top:0;width:100%;height:100%;background:0!important;overflow:hidden}.tt_product_slide_show_single>div img{opacity:0!important;transition:all .4s ease;display:block;height:100%;position:absolute;width:100%;object-fit:cover;max-width:100%}.tt_product_slide_show_single:hover>div img{opacity:1!important}.tt_product_slide_show_single:active>div img{opacity:1!important}.gal_disabled{display:none}.tt_product_slide_show_on{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:stretch;overflow:hidden}.tt_product_slide_show_on>div{width:100%}.tt_product_slide_show_on img{pointer-events:none;max-width:100%;width:100%;object-fit:cover;max-height:100%;display:none;user-select:none;background:#fff;transition:all .5s ease-out;opacity:0}.tt_product_slide_show_on:not(.arrows_enable)>div:hover img{display:block;z-index:2}.tt_product_slide_show_on>div.active img{display:block;z-index:1}.tt_product_slide_show_on:hover{backgropund:#fff}.dots_pos_0+.tthgpager_cont,.dots_pos_1+.tthgpager_cont,.dots_pos_2+.tthgpager_cont{top:5px}.dots_pos_0+.tthgpager_cont,.dots_pos_3+.tthgpager_cont{justify-content:flex-start}.dots_pos_2+.tthgpager_cont,.dots_pos_5+.tthgpager_cont{justify-content:flex-end}.dots_pos_0+.tthgpager_cont .tthgpager,.dots_pos_3+.tthgpager_cont .tthgpager{margin:0 0 0 5px}.dots_pos_2+.tthgpager_cont .tthgpager,.dots_pos_5+.tthgpager_cont .tthgpager{margin:0 5px 0 0}.dots_style_1+.tthgpager_cont span:before{content:'';width:12px;height:3px;border-radius:0;display:block;margin:2px}.dots_style_2+.tthgpager_cont span:before{content:'';width:5px;height:5px;border-radius:0;display:block;margin:3px}.dots_color_0+.tthgpager_cont span:before{background:rgba(200,200,200,.5)}.dots_color_0+.tthgpager_cont span.active:before,.dots_color_0+.tthgpager_cont span.vis_active:before{background:rgba(200,200,200,.9)}.dots_color_1+.tthgpager_cont span:before{background:rgba(50,50,50,.5)}.dots_color_1+.tthgpager_cont span.active:before,.dots_color_1+.tthgpager_cont span.vis_active:before{background:rgba(50,50,50,.9)}.dots_color_2+.tthgpager_cont span:before{background:rgba(125,125,125,.5)}.dots_color_1+.tthgpager_cont span.vis_active:before,.dots_color_2+.tthgpager_cont span.active:before{background:rgba(50,50,50,.5)}.dots_color_2+.tthgpager_cont .tthgpager{background:rgba(255,255,255,.5);padding:1px 4px}.dots_color_3+.tthgpager_cont span:before{background:rgba(251,251,251,.6)}.dots_color_0+.tthgpager_cont span.vis_active:before,.dots_color_3+.tthgpager_cont span.active:before{background:rgba(255,255,255,.9)}.dots_color_3+.tthgpager_cont .tthgpager{background:rgba(125,125,125,.5);padding:1px 4px}.dots_style_0.dots_color_2+.tthgpager_cont .tthgpager,.dots_style_0.dots_color_3+.tthgpager_cont .tthgpager{border-radius:5px}.nav_type_1~.tthgpager_cont{display:none!important}.nav_type_0~.tthg_next,.nav_type_0~.tthg_prev{display:none!important}.arrows_style_0~.tthg_next,.arrows_style_0~.tthg_prev{background:0}.arrows_style_1~.tthg_next,.arrows_style_1~.tthg_prev{border-radius:5px;width:36px;height:50px;margin:0 10px}.arrows_style_1~.tthg_next:before,.arrows_style_1~.tthg_prev:before{width:15px;height:15px;margin:0 0 0 5px}.arrows_style_1~.tthg_next:before{margin:0 5px 0 0}.arrows_style_2~.tthg_next,.arrows_style_2~.tthg_prev{border-radius:50%;width:36px;height:36px;margin:0 10px}.arrows_style_2~.tthg_next:before,.arrows_style_2~.tthg_prev:before{width:12px;height:12px;margin:0 0 0 6px}.arrows_style_2~.tthg_next:before{margin:0 6px 0 0}.arrows_color_0.arrows_style_0~.tthg_next:before,.arrows_color_0.arrows_style_0~.tthg_prev:before{color:#fff}.arrows_color_1.arrows_style_0~.tthg_next:before,.arrows_color_1.arrows_style_0~.tthg_prev:before{color:#444}.arrows_color_0.arrows_style_1~.tthg_next,.arrows_color_0.arrows_style_1~.tthg_prev{background:#fff}.arrows_color_0.arrows_style_1~.tthg_next:before,.arrows_color_0.arrows_style_1~.tthg_prev:before{color:#444}.arrows_color_1.arrows_style_1~.tthg_next,.arrows_color_1.arrows_style_1~.tthg_prev{background:#4f4f4f;opacity:.8}.arrows_color_1.arrows_style_1~.tthg_next:before,.arrows_color_1.arrows_style_1~.tthg_prev:before{color:#fff}.arrows_color_0.arrows_style_2~.tthg_next,.arrows_color_0.arrows_style_2~.tthg_prev{background:#fff}.arrows_color_0.arrows_style_2~.tthg_next:before,.arrows_color_0.arrows_style_2~.tthg_prev:before{color:#444}.arrows_color_1.arrows_style_2~.tthg_next,.arrows_color_1.arrows_style_2~.tthg_prev{background:#3e3e3e;opacity:.8}.arrows_color_1.arrows_style_2~.tthg_next:before,.arrows_color_1.arrows_style_2~.tthg_prev:before{color:#fff}@media (min-width:1025px){.arrows_hover~.tthg_next,.arrows_hover~.tthg_prev{opacity:0!important;transition:opacity .5s ease-out}.arrows_hover:hover~.tthg_next,.arrows_hover:hover~.tthg_prev,.arrows_hover~.tthg_next:hover,.arrows_hover~.tthg_prev:hover{opacity:.8!important}}a[href*="?cur="] b,[ajax_update="currency"] b{margin-right:10px;display:inline-block;}
a[href*="cur="] b {margin-right: 10px;}
a[href*="cur="] b img{min-width:22px;min-height:16px;}html{transition:margin-right .5s;}
.cart-pull-page{overflow:hidden;transition:all 0.5s ease;height:auto;min-height:auto;width:100%;position:absolute;right:0;overscroll-behavior-y:contain}
#cart-sidebar{right:-420px}
.cart-pull-page #cart-sidebar{right:0}
#cart-sidebar-overlay{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);cursor:pointer;z-index:16000004}
.cart-pull-page #cart-sidebar-overlay{display:block}
.cart-sidenav{background-color:#fff;height:100%;width:420px;position:fixed;top:0;right:-420px;overflow:hidden;transition:right 0.5s ease;z-index:16000005}
.cart-sidenav .cart-close-btn{position:absolute;top:0;right:0;font-size:33px;display:inline-block;padding:0 20px;font-weight:400;color:#333}
.cart-sidenav .cart-close-btn:hover{color:#337ab7}
.cart-sidenav a:hover, .cart-sidenav a:focus{text-decoration:none;color:#383838}
.cart-sidenav .cart-header{position:absolute;top:0;left:0;right:0;text-transform:uppercase;text-align:center;border-bottom:1px solid #e2e2e2;padding:14px 20px;z-index:1;background:#fff;}
.cart-sidenav .cart-header h2{margin:0;font-weight:600;font-size: 18px;}
.cart-sidenav .cart-body{position:absolute;top:48px;left:0;right:0;bottom:216px;overflow-y:auto;overflow-x:hidden;padding-top:25px}
.cart-item-flex{padding-bottom:25px;border-bottom:1px solid #e2e2e2}
.cart-item-flex:last-child{border-bottom:0}
.cart-item-flex, .cart-item-flex .cart-form-box, .cart-sidenav .cart-footer .item-flex{display:flex;justify-content:space-between;align-items:center;margin:0 25px 25px}
.cart-item-flex .cart-item-thumb{position:relative;width:64px;height:64px;border:1px solid #e3e3e3;align-self:flex-start;border-radius:4px}
.cart-item-flex .cart-item-thumb a.cart-item-remove{display:block;padding:16px 0;text-align:center;color:#b5b5b5}
.cart-item-flex .cart-item-thumb a.cart-item-remove:hover, .cart-item-flex .cart-item-thumb a.cart-item-remove:focus{color:#d9d9d9}
.cart-item-flex .cart-item-thumb img{max-width:100%;border-radius:4px;object-fit: contain;width: 62px;height: 62px;}
.cart-item-flex-box.cart-item-title{padding:0 0 0 25px;flex:1}
.cart-item-title h3{font-size:16px;color:#383838;font-weight:600;margin:0;line-height:1.5;}
.cart-item-title h3 a{color:#383838}
.cart-item-title h3 a:hover{color:#777}
.cart-item-flex-box .item-variations{margin-top:5px;display:inline-block;font-weight:500;color:#505050}
.cart-item-flex-box .cart-item-price {font-size:16px;color:#383838;font-weight:600}
.cart-item-flex .cart-form-box{margin:20px 0 0}
.cart-form-box .cart-quantity{width:112px;height:32px;border:1px solid #a4a4a4;text-align:center;position:relative}
.cart-form-box .cart-quantity input{height:29px;width:50px;line-height:31px;border:none;text-align:center}
.cart-form-box .cart-quantity .cart-numb{position:absolute;left:0;top:0;bottom:0;width:33px;line-height:28px;font-size:19px;color:#838383;height:30px;}
.cart-form-box .cart-quantity .cart-numb:hover{background:#f0f0f0}
.cart-form-box .cart-quantity .cart-numb.cart-numb-plus{left:auto;right:0;border-left:1px solid #a4a4a4}
.cart-form-box .cart-quantity .cart-numb.cart-numb-minus{border-right:1px solid #a4a4a4}
.cart-form-box .cart-item-price{flex:1;text-align:right}
.cart-sidenav .cart-footer{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #e2e2e2;height:216px;padding-bottom:25px}
.cart-sidenav .cart-footer .item-flex{margin-bottom:0}
.cart-sidenav .cart-footer .item-name, .cart-sidenav .cart-footer .item-price{font-size:24px;font-weight:700;padding:23px 0}
.cart-sidenav .cart-footer .item-price{text-align:right}
.cart-sidenav .cart-footer .item-cart{text-align:center}
.cart-sidenav .cart-footer .item-cart a.btn-proceed{display:block;height:66px;line-height:65px;color:#fff;margin:0 auto;max-width:370px;background:#ff8d38;font-size:20px;border-radius:2px}
.cart-sidenav .cart-footer .item-cart a.btn-proceed:hover{background:#FF6E01}
.cart-sidenav .cart-footer .item-cart a.btn-link{margin-top:20px;display:inline-block;color:#383838}
.cart-sidenav .cart-footer .item-cart a.btn-link:hover{text-decoration:underline}
@media (max-width:421px){
#cart-sidebar{right:-320px}
.cart-sidenav{width:320px}
.cart-sidenav .cart-body{bottom:160px;padding-top:0}
.cart-item-flex, .cart-item-flex .cart-form-box, .cart-sidenav .cart-footer .item-flex{margin:20px 10px 0}
.cart-item-flex .cart-form-box{margin-left:0;margin-right:0}
.cart-sidenav .cart-footer{height:160px;padding-bottom:15px}
.cart-sidenav .cart-footer .item-name, .cart-sidenav .cart-footer .item-price{font-size:18px;padding:0 0 15px}
.cart-sidenav .cart-footer .item-cart a.btn-proceed{height:50px;line-height:50px;font-size:16px;border-radius:0;margin:0 10px}
.cart-sidenav .cart-footer .item-cart a.btn-link{margin-top:12px}
div.enable-cart-page.cart-sidenav .cart-footer{height:150px;}
}
#form_delivery .tooltip-cvc{
position:absolute;
top:50%;
transform: translateY(-50%);
right:10px;
background:#ccc;
color:#fff;
line-height:20px;
text-align:center;
height:20px;
width:20px;
border-radius:100%;
z-index:20;
}
#form_delivery .popover{
position: absolute !important;
top:-96px !important;
background: rgba(0,0,0,.75);
color: #fff;
padding: 12px;
border-radius: 4px;
width: 220px;
z-index: 100;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
#form_delivery .popover .popover-content{
text-align:center;
font-size:12px;
}
#form_delivery .popover>.arrow, #form_delivery .popover>.arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
#form_delivery .popover>.arrow {
border-width: 11px;
}
#form_delivery .popover.top>.arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999;
border-top-color: rgba(0,0,0,.75);
border-bottom-width: 0;
}
@media (max-width:575px) {
.checkout-main .payment-item .field-pic{display:none}
}
.enable-cart-page.cart-sidenav .cart-footer .item-name,
.enable-cart-page.cart-sidenav .cart-footer .item-price {padding: 13px 0;}
.enable-cart-page .item-cart {display: flex;max-width: 390px;justify-content: space-between;padding: 0 10px;margin: 0 auto 0px;}
.enable-cart-page .item-cart a {margin: 0!important;height: 50px!important;line-height: 50px!important;width: calc(50% - 10px);font-size: 20px;border-radius: 2px;}
.enable-cart-page .item-cart a.view_cart_btn {border: 2px solid #FF8D38;color: #FF8D38;line-height: 46px!important;}
.enable-cart-page.cart-sidenav .cart-footer {height: 170px;}
.enable-cart-page.cart-sidenav .cart-body {bottom: 170px;}
.item-cart-shipping{margin-top:20px;text-align:center;}
.no-cart-side+#cart-sidebar-overlay{display:none!important;}
.no-cart-side{display:none!important;}
#cart-message {width: 100%;display: none;position: fixed;left: 0;top: 0;box-shadow: 0 0 10px #eee;padding: 10px 66px;background: #fff;z-index: 100000;font-size: 14px;}
#cart-message:before {content: '';position: absolute;left: 30px;top: 11px;width: 19px;height: 19px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI5LjUiIGN5PSI5LjUiIHI9IjguODc1IiBzdHJva2U9IiM0N0MzMEMiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxwYXRoIGQ9Ik05LjA3MDMxIDEyLjQ4NDRDOSAxMi41NzgxIDguOTA2MjUgMTIuNjAxNiA4LjgxMjUgMTIuNjAxNkM4LjY5NTMxIDEyLjYwMTYgOC42MDE1NiAxMi41NzgxIDguNTU0NjkgMTIuNDg0NEw2LjExNzE5IDEwLjA0NjlDNi4wMjM0NCAxMCA2IDkuOTA2MjUgNiA5Ljc4OTA2QzYgOS42OTUzMSA2LjAyMzQ0IDkuNjAxNTYgNi4xMTcxOSA5LjUzMTI1TDYuNjMyODEgOC45OTIxOUM2LjcwMzEyIDguOTIxODggNi43OTY4OCA4Ljg3NSA2Ljg5MDYyIDguODc1QzYuOTg0MzggOC44NzUgNy4wNzgxMiA4LjkyMTg4IDcuMTcxODggOC45OTIxOUw4LjgxMjUgMTAuNjMyOEwxMi4zMjgxIDcuMTE3MTlDMTIuMzk4NCA3LjA0Njg4IDEyLjQ5MjIgNyAxMi41ODU5IDdDMTIuNjc5NyA3IDEyLjc3MzQgNy4wNDY4OCAxMi44NjcyIDcuMTE3MTlMMTMuMzgyOCA3LjY1NjI1QzEzLjQ1MzEgNy43MjY1NiAxMy41IDcuODIwMzEgMTMuNSA3LjkxNDA2QzEzLjUgOC4wMzEyNSAxMy40NTMxIDguMTI1IDEzLjM4MjggOC4xNzE4OEw5LjA3MDMxIDEyLjQ4NDRaIiBmaWxsPSIjNDdDMzBDIi8+PC9zdmc+);
}
@media (max-width:575px) {
.enable-cart-page.cart-sidenav .item-flex{margin: 0 10px -5px;}
.item-cart-shipping{margin-top:15px;}
}
@media (max-width: 421px){
.enable-cart-page .item-cart a.view_cart_btn {height: 50px;line-height: 50px;font-size: 16px;border-radius: 0;margin: 0 10px;}
}
.cart-item-price,.item-price{direction:ltr;}.slv-search-product{
margin-top: 5px;
position: absolute;
left: 0;
right: 0;
z-index: 999999;
background: #fff;
border-radius: 3px;
box-shadow: 0 0 15px rgba(68,68,68,0.35);
} body.rembrandt .slv-search-product{
margin-top: 1px;
}
@media (max-width: 768px) {
body.rembrandt .slv-search-product{
margin-top: 39px;
left: 0;
right: -9px;
}
}
body.davinci .slv-search-product{
margin-top: 0;
}
@media (max-width: 768px) {
body.davinci .slv-search-product{
margin-top: 13px;
right: -15px;
left: -15px;
}
}
body.michelangelo .slv-search-product{
margin-top: 4px;
}
@media (max-width: 768px) {
body.michelangelo .slv-search-product{
margin-top: 7px;
left: 0;
right: 0;
}
}
@media (max-width: 768px) {
body.raphael .slv-search-product{
margin-top: 51px;
position: absolute;
left: -15px;
right: -35px;
z-index: 999999;
background: #fff;
border-radius: 3px;
box-shadow: none;
}
} .slv-search-product a:hover{
text-decoration: none;
}
.slv-search-product .head{
padding: 0 10px;
text-align: right;
background: #f6f6f6;
color: #666666;
font-size: 12px;
text-transform: uppercase;
line-height: 26px;
}
.slv-search-product .head a{
color: #666666;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
}
.slv-search-product .categories .list{
padding: 8px 10px;
}
.slv-search-product .products .list{
padding: 20px 10px 0 10px;
}
.slv-search-product .title{
color: #444;
font-size: 14px;
line-height: 30px;
text-align: left;
-webkit-transition: .2s;
transition: .2s;
}
.slv-search-product .title:hover{
color: #777;
}
.slv-search-product .title span{
font-weight: 700;
text-decoration: underline;
}
.slv-search-product .price{
font-weight: 700;
color: #444;
font-size: 14px;
line-height: 14px;
margin-top: 7px;
}
.slv-search-product .box-img{
width: 75px;
height: 75px;
border: 1px solid #d0d0d0;
overflow: hidden;
}
.slv-search-product .box-title{
flex: 1;
padding: 0 10px;
position: relative;
top: -5px;
}
.slv-search-product .box-title .title{
font-size: 13px;
line-height: 18px;
text-align: left;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.slv-search-product .box-img img{
min-width: 100%;
width: 100%;
}
.slv-search-product .item{
display: flex;
justify-content: space-between;
margin-bottom: 20px;
text-align: left;
}
.slv-search-product .view-all{
text-align: center;
background: #f6f6f6;
}
.slv-search-product .view-all a{
background: #f6f6f6;
color: #444;
font-size: 14px;
line-height: 26px;
}
.slv-search-product .view-all span{
display: inline-block;
color: #999;
margin: 0 3px;
}