.lazyloaded:not(.elementor-motion-effects-element-type-background),.lazyloaded>.elementor-motion-effects-container>.elementor-motion-effects-layer,.lazyloaded>[class*=-wrap]>.elementor-motion-effects-container>.elementor-motion-effects-layer,body.e-lazyload .e-con.lazyloaded:before,body.e-lazyload .lazyloaded,body.e-lazyload .lazyloaded .elementor-background-overlay{--e-bg-lazyload-loaded:var(--e-bg-lazyload)}.hidden{display:none!important;visibility:hidden!important}.xpro_swatches .swatch{-webkit-transition:.3s;transition:.3s;border-radius:50%;display:inline-block;width:30px;height:30px;line-height:28px;text-align:center;margin-right:15px;cursor:pointer;border:2px solid transparent;position:relative;white-space:nowrap;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.xpro_swatches .swatch.selected,.xpro_swatches .swatch_color.selected{border-color:#333}.xpro_swatches .swatch.disabled{cursor:default;opacity:.1}.xpro_swatches .swatch.disabled .xpro_swatch__tooltip{display:none}.xpro_swatches .swatch_color{text-indent:-9999em;border:2px solid #ccc}.xpro_swatches .swatch_color.selected:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);content:"";width:6px;height:10px;display:block;border:solid #eee;border-width:0 2px 2px 0;position:absolute;top:50%;left:50%;margin:-2px -2px 0 0}.xpro_swatches .swatch_label{font-size:14px;background-color:#f1f1f1;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;border-radius:5px;padding:15px;font-weight:600}.xpro_swatches .swatch_image{font-size:0;width:50px;height:50px;border-radius:5px;overflow:hidden}.xpro_swatches .swatch_image .xpro_swatch__tooltip{font-size:14px}.xpro_swatches .xpro_swatch__tooltip{-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);-webkit-transition:.3s;transition:.3s;border-radius:3px;position:absolute;left:50%;top:0;background:#333;z-index:2;color:#fff;margin:-15px 0 0;padding:5px 10px;text-indent:initial;font-size:14px;font-weight:500;opacity:0;visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.xpro_swatches .xpro_swatch__tooltip:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);content:"";position:absolute;width:12px;height:12px;background:#333;bottom:-4px;left:50%;margin-left:-6px}.xpro_swatches .swatch:hover .xpro_swatch__tooltip{opacity:1;visibility:visible;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}html.yith-quick-view-is-open,
html.yith-quick-view-is-open body {
overflow: hidden;
}
#yith-quick-view-modal {
position: fixed;
visibility: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1400;
opacity: 0;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#yith-quick-view-modal:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0;
}
#yith-quick-view-modal .yith-quick-view-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#yith-quick-view-modal .yith-wcqv-wrapper {
display: inline-block;
vertical-align: middle;
visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
text-align: left;
height: 600px;
width: 1000px;
}
#yith-quick-view-modal .yith-wcqv-main {
background: #fff;
-webkit-transform: translateY(20%);
-moz-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%);
opacity: 0;
height: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#yith-quick-view-modal.open,
#yith-quick-view-modal.open .yith-wcqv-wrapper {
visibility: visible;
opacity: 1;
}
#yith-quick-view-modal #yith-quick-view-content {
height: 100%;
}
#yith-quick-view-modal .yith-wcqv-main:after,
#yith-quick-view-modal .yith-wcqv-main:before {
content: '';
display: table;
clear: both;
}
#yith-quick-view-modal.open .yith-wcqv-main {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
height: 100%;
position: relative;
}
li.product .yith-wcqv-button .blockUI.blockOverlay:before {
background: none;
}