.ui-timepicker-wrapper {
overflow-y: auto;
max-height: 150px;
width: 6.5em;
background: #fff;
border: 1px solid #ddd;
-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
box-shadow:0 5px 10px rgba(0,0,0,0.2);
outline: none;
z-index: 10052;
margin: 0;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration {
width: 13em;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
width: 11em;
}
.ui-timepicker-list {
margin: 0;
padding: 0;
list-style: none;
}
.ui-timepicker-duration {
margin-left: 5px; color: #888;
}
.ui-timepicker-list:hover .ui-timepicker-duration {
color: #888;
}
.ui-timepicker-list li {
padding: 3px 0 3px 5px;
cursor: pointer;
white-space: nowrap;
color: #000;
list-style: none;
margin: 0;
}
.ui-timepicker-list:hover .ui-timepicker-selected {
background: #fff; color: #000;
}
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
background: #1980EC; color: #fff;
}
li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
color: #ccc;
}
.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
color: #888;
cursor: default;
}
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
background: #f2f2f2;
}.dokan-store-support-btn {
margin-top: 3px;
width: 100%;
}
.dokan-store-support-btn-product {
width: auto;
margin-left: 3px !important;
}
.dokan-support-login-wrapper {
width: 430px !important;
padding: 16px !important;
margin: 0 auto !important;
}
.dokan-support-login-wrapper h2 {
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
margin-bottom: 15px;
}
.dokan-support-table .dokan-support-customer-name img {
float: left;
margin-right: 10px;
}
.dokan-support-intro-text {
padding: 10px 0px;
font-size: 1.5em;
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
}
.dokan-support-topic-counts {
padding-left: 0px !important;
}
.dokan-support-topic-counts li {
display: inline-block;
padding: 0 5px !important;
}
.dokan-support-topic-counts li.active a {
color: #999;
}
.dokan-support-topic-wrapper .dokan-support-single-title {
margin-bottom: 30px;
}
.dokan-support-topic-wrapper .dokan-support-topic-header {
background: #222;
color: #fff;
padding: 10px;
}
.dokan-support-topic-wrapper .dokan-suppport-topic-body {
margin-top: 20px;
border: 2px solid #eee;
margin-bottom: 0px;
}
.dokan-support-topic-wrapper .dokan-suppport-topic-body * {
box-sizing: border-box;
}
.dokan-support-topic-wrapper .dokan-support-user-image {
text-align: center;
padding: 15px 0px;
background: #eee;
}
.dokan-support-topic-wrapper .dokan-support-user-image img {
margin-bottom: 6px;
}
.dokan-support-topic-wrapper .dokan-support-user-image h4,
.dokan-support-topic-wrapper .dokan-support-user-image p {
margin: 0;
}
.dokan-support-topic-wrapper .dokan-support-date-time {
font-size: 12px;
font-style: italic;
}
.dokan-support-topic-wrapper .dokan-support-reply {
padding: 0px 20px;
}
.dokan-support-topic-wrapper .dokan-support-user-image {
_border-right: 2px solid #eee;
}
.dokan-support-topic-wrapper ul.dokan-support-commentlist {
padding-left: 0px;
list-style: none;
}
.dokan-support-topic-wrapper ul.dokan-support-commentlist li {
padding: 0;
margin: 0;
}
.dokan-support-topic-wrapper .comment-reply-title {
display: none;
}
.dokan-support-topic-wrapper .dokan-dss-comment-textarea {
width: 100%;
}
.dokan-support-topic-wrapper .dokan-support-topic-select {
margin-bottom: 10px;
margin-right: 10px;
}
.dokan-support-reply-form #respond,
.dokan-support-reply-form #respond form {
margin: 0;
}
.dokan-single-store .dokan-store-tabs ul li.dokan-store-support-btn-wrap{
margin-right: 5px;
}
.dokan-dss-chat-box {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.dokan-dss-chat-box.main-topic .dokan-customer-chat-text {
white-space: pre-line;
}
.dokan-main-topic {
width: 98%;
background-color: white;
}
.dokan-main-topic {
border-bottom: 1px solid #F0F0F1;
margin-bottom: 10px;
padding-bottom: 30px;
}
.dokan-dss-chat-box .dokan-chat-image-box {
width: 8%;
display: flex;
justify-content: center;
align-content: stretch;
}
.dokan-dss-chat-box .dokan-chat-image-box .dokan-chat-image-container {
display: inline-block;
position: relative;
width: 30px;
height: 30px;
overflow: hidden;
border-radius: 50%;
}
.dokan-dss-chat-box .dokan-chat-image-box .dokan-chat-image-container .dokan-chat-image {
width: auto;
height: 100%;
}
.dokan-dss-chat-box .dokan-chat-info-box {
width: 100%;
}
.dokan-dss-chat-box .dokan-chat-info-box .dokan-chat-sender-info {
display: flex;
justify-content: space-between;
height: 28px;
align-items: center;
}
.dokan-dss-chat-box .dokan-chat-info-box .dokan-chat-sender-info .dokan-chat-user-box {
color: #717171;
font-weight: 600;
font-size: 0.9rem;
}
.dokan-dss-chat-box .dokan-chat-info-box .dokan-chat-time-box {
color: rgba(120, 129, 143, 0.5);
font-weight: 400;
float: right;
margin-top: 9px;
}
.dokan-dss-chat-box .dokan-chat-info-box .dokan-chat-text {
border-radius: 0px 10px 10px 10px;
display: block;
padding: 20px;
margin-top: 9px;
}
.dokan-dss-chat-box .dokan-chat-info-box .dokan-customer-chat-text {
background: #f6f6f6;
color: #717171;
}
.dokan-dss-chat-box .dokan-chat-info-box .dokan-vendor-chat-text {
background: #5353bb25;
color: #5353bb;
}
.dokan-dss-chat-box .dokan-chat-info-box .dokan-admin-chat-text {
background: #f2faff;
color: #1a9ed4;
}
.dokan-dss-chat-box .dokan-chat-action-box {
width: 6%;
display: flex;
justify-content: center;
align-items: center;
}
@media only screen and (max-width: 1000px) {
.dokan-dss-chat-box {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.dokan-dss-chat-box .dokan-chat-image-box {
width: 13%;
display: flex;
justify-content: center;
align-content: stretch;
}
.dokan-dss-chat-box .dokan-chat-image-box .dokan-chat-image-container {
display: inline-block;
position: relative;
width: 30px;
height: 30px;
overflow: hidden;
border-radius: 50%;
}
.dokan-dss-chat-box .dokan-chat-image-box .dokan-chat-image-container .dokan-chat-image {
width: auto;
height: 100%;
}
.dokan-dss-chat-box .dokan-chat-info-box {
width: 77%;
}
.dokan-dss-chat-box .dokan-chat-info-box .dokan-chat-sender-info {
display: flex;
justify-content: space-between;
height: 28px;
align-items: center;
}
.dokan-dss-chat-box .dokan-chat-info-box .dokan-chat-sender-info .dokan-chat-user-box {
color: #717171;
font-weight: 600;
font-size: 0.9rem;
}
.dokan-dss-chat-box .dokan-chat-info-box .dokan-chat-time-box {
color: rgba(120, 129, 143, 0.5);
font-weight: 400;
float: right;
margin-top: 9px;
}
.dokan-dss-chat-box .dokan-chat-info-box .dokan-chat-text {
background: #f2faff;
border-radius: 0px 10px 10px 10px;
display: block;
padding: 20px;
color: #1a9ed4;
margin-top: 10px;
}
.dokan-dss-chat-box .dokan-chat-action-box {
width: 10%;
display: flex;
justify-content: center;
align-items: center;
}
.dokan-dss-chat-box .dokan-chat-action-box .dokan-chat-delete {
margin-top: 35px;
display: none;
visibility: hidden;
color: #e0e6f0;
cursor: pointer;
}
.dokan-dss-chat-box .dokan-chat-action-box .dokan-chat-delete:hover {
color: #f2624d;
}
.dokan-dss-chat-box:hover .dokan-chat-delete {
display: block;
visibility: visible;
}
}
.dokan-support-commentlist {
width: 100%;
max-height: 400px;
overflow-x: hidden;
overflow-y: auto;
scroll-behavior: smooth;
margin: 20px 0 0 0;
}
.dokan-support-commentlist::-webkit-scrollbar {
width: 5px;
}
.dokan-support-commentlist::-webkit-scrollbar-track {
background: #FFFFFF;
}
.dokan-support-commentlist::-webkit-scrollbar-thumb {
background: rgba(241, 133, 29, 0.3);
border-radius: 3px;
}
.dokan-support-commentlist::-webkit-scrollbar-thumb:hover {
background: #f1851d;
}
.dokan-support-topic-wrapper ul.dokan-support-commentlist li .chat-box {
padding-right: 10px;
}
.dokan-dss-chat-header {
width: 100%;
display: flex;
border-bottom: 1px solid #F0F0F1;
}
.dokan-dss-chat-header .dokan-chat-title-box {
width: 50%;
display: block;
}
.dokan-dss-chat-header .dokan-chat-title-box .dokan-chat-title {
float: left;
padding: 20px 20px 20px 0;
font-size: 1rem;
font-weight: 700;
}
.dokan-dss-chat-header .dokan-chat-title-box .dokan-chat-status {
color: rgb(201, 201, 201);
}
.dokan-dss-chat-header .dokan-chat-status-box {
width: 50%;
display: block;
}
.dokan-dss-chat-header .dokan-chat-status-box .dokan-chat-status {
float: right;
margin: 15px 20px;
padding: 5px 15px;
border-radius: 3px;
}
.dokan-dss-chat-header .dokan-chat-status-box .dokan-chat-open {
background-color: rgba(46, 204, 113, 0.15);
color: #039440;
}
.dokan-dss-chat-header .dokan-chat-status-box .dokan-chat-closed {
background-color: rgba(168, 168, 168, 0.1);
color: #828282;
}
.dokan-dss-panel-default {
border: none;
margin-top: 20px;
}
.dokan-dss-panel-default .dokan-dss-panel-heading {
background-color: white;
padding: 0;
border: none;
}
.dokan-dss-panel-default .dokan-dss-panel-body {
padding: 0;
}
.dokan-dss-panel-default .dokan-dss-panel-body .comment-respond {
background-color: white !important;
padding: 0 5px 0 0 !important;
margin-top: 20px !important;
}
.dokan-dss-panel-default .dokan-dss-panel-body .comment-respond .comment-form .comment-form-comment .dokan-dss-comment-textarea {
background: #FFFFFF;
border: 1px solid rgba(225, 233, 248, 0.945);
box-sizing: border-box;
border-radius: 3px;
box-shadow: none;
}
.dokan-dss-panel-default .dokan-dss-panel-body .comment-respond .comment-form .form-submit .submit {
background: #3D566E !important;
color: #FFFFFF !important;
border: none;
}
.dokan-store-support-ticket-search-form #dokan-search-support-customers {
width:220px;
}
.dokan-store-support-ticket-search-form #support_ticket_date_filter {
min-width: 180px;
padding: 4px 10px;
}
.dokan-store-support-ticket-search-form #dokan-support-ticket-search-input {
width: 160px;
padding: 4px 10px;
}
@media (max-width: 767px) {
.dokan-table.dokan-support-table tbody {
display: flex;
flex-direction: column;
}
.dokan-table.dokan-support-table tbody tr {
vertical-align: inherit;
width: 100%;
}
.dokan-table.dokan-support-table tbody tr:not(.is-expanded) {
display: flex;
}
.dokan-table.dokan-support-table tbody tr td.column-primary {
flex: 1;
}
}@-webkit-keyframes wcboost-spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes wcboost-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.wcboost-products-compare-button{text-decoration:none;display:inline-block;margin:10px 0}.wcboost-products-compare-button.loading .wcboost-products-compare-button__icon svg{animation:wcboost-spin .75s linear infinite}.wcboost-products-compare-button__icon{margin-right:6px}.wcboost-products-compare-button__icon svg{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor}ul.products li.product .wcboost-products-compare-button{margin:10px}.wcboost-products-compare__table{overflow-x:auto;margin:1em 0}.wcboost-products-compare__table::-webkit-scrollbar{appearance:none;-webkit-appearance:none;height:6px;width:6px}.wcboost-products-compare__table::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.wcboost-products-compare__table::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(0,0,0,.5)}table.compare_table{table-layout:fixed}table.compare_table td{width:220px}table.compare_table th{width:160px;white-space:nowrap;position:sticky;left:0;z-index:9}@media(max-width: 767px){table.compare_table th{display:none}table.compare_table td{padding:30px 10px 10px 10px}table.compare_table tr::before{content:attr(data-title);display:block;position:sticky;left:0;white-space:nowrap;padding:0 1em;font-size:80%;opacity:.8;font-weight:600}}.wcboost-products-compare-popup{display:none;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;z-index:9999}.admin-bar .wcboost-products-compare-popup{top:32px}.wcboost-products-compare-popup .wcboost-products-compare>:first-child{margin-top:0}.wcboost-products-compare-popup .wcboost-products-compare>:last-child{margin-bottom:0}.wcboost-products-compare-popup .wcboost-products-compare__tools{overflow:hidden;padding:1rem 0}@media screen and (max-width: 782px){.admin-bar .wcboost-products-compare-popup{top:48px}}.wcboost-products-compare-popup__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1;cursor:pointer}.wcboost-products-compare-popup__header{padding:0 20px;height:60px;display:flex;align-items:center;justify-content:space-between}.wcboost-products-compare-popup__close{float:right;font-size:20px;text-decoration:none;display:block;padding:.5em}.wcboost-products-compare-popup__close svg{vertical-align:middle}.wcboost-products-compare-popup__title{font-weight:700}.wcboost-products-compare-popup__body{position:relative;width:calc(100% - 80px);height:calc(100% - 80px);margin:40px;background-color:#fff;z-index:2}.wcboost-products-compare-popup__body .woocommerce-message,.wcboost-products-compare-popup__body .is-success{display:none}.wcboost-products-compare-popup__body .wcboost-products-compare-clear{margin-right:20px;float:right}.wcboost-products-compare-popup__content{padding-bottom:20px;overflow-y:auto;max-height:calc(100% - 60px);padding:0 20px}.wcboost-products-compare-popup__content::after{content:"";display:table;clear:both}@media(max-width: 767px){.wcboost-products-compare-popup__body{width:100%;height:100%;margin:0}}.wcboost-products-compare-widget-item{font-size:.875em;position:relative;margin:1em 0}.wcboost-products-compare-widget-item::after{content:"";display:block;clear:both}.wcboost-products-compare-widget-item img{max-width:60px;margin-right:1em;float:left}.wcboost-products-compare-widget-item .price{display:block}.wcboost-products-compare-widget-item .star-rating{font-size:.875em}.wcboost-products-compare-widget-item a.remove{line-height:1;text-decoration:none;position:absolute;left:0;top:0;min-width:1em;min-height:1em;border-radius:50%;transform:translate(-50%, -50%)}.wcboost-products-compare-widget-item a.remove:hover{color:#111}.wcboost-products-compare-widget-item a.remove:hover::before{color:inherit}.wcboost-products-compare-widget__buttons .button{text-align:center;display:block;margin-top:10px}.wcboost-products-compare-bar{position:fixed;background-color:#f9f9f9;transition:transform 250ms ease-out,visibility 0s linear 0s;z-index:99}.wcboost-products-compare-bar .wcboost-products-compare-widget__products{list-style:none;margin:0;padding:0}.wcboost-products-compare-bar .wcboost-products-compare-widget__empty-message{margin:20px 0}.wcboost-products-compare-bar.wcboost-products-compare-bar--open{transform:none}.wcboost-products-compare-bar.hide-if-single{visibility:hidden;transition:transform 250ms ease-out,visibility 0s linear 250ms}.wcboost-products-compare-bar.hide-if-single.is-visible{visibility:visible;transition:transform 250ms ease-out,visibility 0s linear 0s}.wcboost-products-compare-bar .wcboost-products-compare-widget__buttons{margin:10px 0 20px 0}.wcboost-products-compare-bar__toggle-button{display:block;padding:5px 10px;background:#f9f9f9;border-radius:3px 3px 0 0;user-select:none;cursor:pointer;transition:.25s ease}.wcboost-products-compare-bar__toggle-button svg{width:1em;height:1em;vertical-align:middle;margin-right:6px}.wcboost-products-compare-bar--open .wcboost-products-compare-bar__toggle-button svg{transform:rotate(180deg)}.hide-if-single .wcboost-products-compare-bar__toggle-button{transform:translateY(100%)}.hide-if-single.is-visible .wcboost-products-compare-bar__toggle-button{transform:translateY(0)}.wcboost-products-compare-bar__content{padding-left:30px;padding-right:30px}.wcboost-products-compare-bar--bottom{bottom:0;left:0;width:100%;transform:translateY(100%);border-top:1px solid rgba(0,0,0,.1)}.wcboost-products-compare-bar--bottom .wcboost-products-compare-bar__toggle{position:absolute;top:0;right:30px;transform:translateY(-100%)}.wcboost-products-compare-bar--bottom .wcboost-products-compare-bar__toggle-button{border-radius:3px 3px 0 0;border:1px solid rgba(0,0,0,.1);border-bottom-width:0}.wcboost-products-compare-bar--bottom .wcboost-products-compare-widget__products{padding:20px 10px 10px 10px;margin:10px 0;display:flex;gap:30px;overflow-x:auto}.wcboost-products-compare-bar--bottom .wcboost-products-compare-widget__products::-webkit-scrollbar{appearance:none;-webkit-appearance:none;height:6px;width:6px}.wcboost-products-compare-bar--bottom .wcboost-products-compare-widget__products::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.wcboost-products-compare-bar--bottom .wcboost-products-compare-widget__products::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(0,0,0,.5)}.wcboost-products-compare-bar--bottom .wcboost-products-compare-widget-item{flex-shrink:0;flex-basis:200px;margin:0}.wcboost-products-compare-bar--bottom .wcboost-products-compare-widget__buttons .button{margin:0 10px;display:inline-block;width:auto}:root {
--wcboost-swatches-item-width: 30px;
--wcboost-swatches-item-width: 30px;
--wcboost-swatches-item-padding: 2px;
--wcboost-swatches-item-gap: 1em;
--wcboost-swatches-color-border: rgba(0, 0, 0, 0.2);
--wcboost-swatches-color-border-selected: rgba(0, 0, 0, 0.7);
--wcboost-swatches-color-border-outstock: rgba(252, 56, 56, 0.7);
--wcboost-swatches-color-tooltip: #333;
--wcboost-swatches-color-tooltip-text: #fff;
--wcboost-swatches-button-font-size: 1em;
--wcboost-swatches-label-font-size: 1em;
--wcboost-swatches-invalid-line-color: #ff0000;
--wcboost-swatches-invalid-line-width: calc(100% + 6px);
--wcboost-swatches-invalid-line-height: 2px;
--wcboost-swatches-invalid-line-radius: 1px;
--wcboost-swatches-invalid-opacity: 0.2;
}
.wcboost-variation-swatches > select {
display: none !important;
}
.wcboost-variation-swatches__wrapper {
margin: 0;
padding: 0;
list-style: none;
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: var(--wcboost-swatches-item-gap);
}
.wcboost-variation-swatches__item {
transition: 0.3s;
text-align: center;
white-space: nowrap;
width: var(--wcboost-swatches-item-width);
height: var(--wcboost-swatches-item-height);
padding: var(--wcboost-swatches-item-padding);
line-height: 1.1;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
position: relative;
cursor: pointer;
box-shadow: 0 0 0 1px var(--wcboost-swatches-color-border);
}
.wcboost-variation-swatches__name {
display: block;
}
.wcboost-variation-swatches__item:hover,
.wcboost-variation-swatches__item:focus {
box-shadow: 0 0 0 2px var(--wcboost-swatches-color-border);
}
.wcboost-variation-swatches__item.selected {
border-color: var(--wcboost-swatches-color-border-selected);
box-shadow: 0 0 0 2px var(--wcboost-swatches-color-border-selected);
} .wcboost-variation-swatches__item.disabled {
cursor: default;
}
:where(.wcboost-variation-swatches--invalid-hide) .wcboost-variation-swatches__item.is-invalid {
display: none !important;
} :is(.wcboost-variation-swatches--invalid-blur, .wcboost-variation-swatches--invalid-blur_cross, .wcboost-variation-swatches--invalid-blur_slash, .wcboost-variation-swatches--invalid-blur_line) .wcboost-variation-swatches__item.is-invalid {
opacity: var(--wcboost-swatches-invalid-opacity);
} :is(.wcboost-variation-swatches--invalid-cross, .wcboost-variation-swatches--invalid-blur_cross, .wcboost-variation-swatches--invalid-slash, .wcboost-variation-swatches--invalid-blur_slash, .wcboost-variation-swatches--invalid-line, .wcboost-variation-swatches--invalid-blur_line) .wcboost-variation-swatches__item.is-invalid {
position: relative;
overflow: visible;
} :is(.wcboost-variation-swatches--invalid-cross, .wcboost-variation-swatches--invalid-blur_cross, .wcboost-variation-swatches--invalid-slash, .wcboost-variation-swatches--invalid-blur_slash, .wcboost-variation-swatches--invalid-line, .wcboost-variation-swatches--invalid-blur_line) .wcboost-variation-swatches__item.is-invalid::before,
:is(.wcboost-variation-swatches--invalid-cross, .wcboost-variation-swatches--invalid-blur_cross) .wcboost-variation-swatches__item.is-invalid::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: var(--wcboost-swatches-invalid-line-width);
height: var(--wcboost-swatches-invalid-line-height);
border: none;
padding: 0;
margin: 0;
background: var(--wcboost-swatches-invalid-line-color);
z-index: 1;
border-radius: var(--wcboost-swatches-invalid-line-radius);
display: block;
visibility: visible;
opacity: 1;
} :is(.wcboost-variation-swatches--invalid-cross, .wcboost-variation-swatches--invalid-blur_cross) .wcboost-variation-swatches__item.is-invalid::before {
transform: translate(-50%, -50%) rotate(45deg);
} :is(.wcboost-variation-swatches--invalid-cross, .wcboost-variation-swatches--invalid-blur_cross) .wcboost-variation-swatches__item.is-invalid::after {
transform: translate(-50%, -50%) rotate(-45deg);
} :is(.wcboost-variation-swatches--invalid-slash, .wcboost-variation-swatches--invalid-blur_slash) .wcboost-variation-swatches__item.is-invalid::before {
transform: translate(-50%, -50%) rotate(-45deg);
} :is(.wcboost-variation-swatches--invalid-line, .wcboost-variation-swatches--invalid-blur_line) .wcboost-variation-swatches__item.is-invalid::before {
transform: translate(-50%, -50%) rotate(0deg);
} :where(.wcboost-variation-swatches--invalid-cross, .wcboost-variation-swatches--invalid-blur_cross).wcboost-variation-swatches--button {
--wcboost-swatches-invalid-line-width: calc(var(--wcboost-swatches-item-height) + 6px);
} .wcboost-variation-swatches--button .wcboost-variation-swatches__item {
width: auto !important;
height: auto !important;
min-width: var(--wcboost-swatches-item-width);
min-height: var(--wcboost-swatches-item-height);
padding-left: calc(var(--wcboost-swatches-item-width) / 2);
padding-right: calc(var(--wcboost-swatches-item-width) / 2);
overflow: hidden;
}
:where(.wcboost-variation-swatches--button) .wcboost-variation-swatches__item {
font-size: var(--wcboost-swatches-button-font-size);
}
.wcboost-variation-swatches--button .wcboost-variation-swatches__item.selected {
background-color: rgba(0, 0, 0, 0.1);
} .wcboost-variation-swatches--label .wcboost-variation-swatches__item {
width: auto !important;
min-width: var(--wcboost-swatches-item-width);
}
:where(.wcboost-variation-swatches--label) .wcboost-variation-swatches__item {
font-size: var(--wcboost-swatches-label-font-size);
}
.wcboost-variation-swatches--label .wcboost-variation-swatches__name {
width: 100%;
} .wcboost-variation-swatches--image .wcboost-variation-swatches__name {
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
position: absolute;
margin: -1px;
}
.wcboost-variation-swatches--image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
} .wcboost-variation-swatches--color .wcboost-variation-swatches__name {
text-indent: -9999em;
width: 100%;
height: 100%;
background-color: var(--wcboost-swatches-item-color);
background-image: var(--wcboost-swatches-item-image);
} .wcboost-variation-swatches--round .wcboost-variation-swatches__item,
.wcboost-variation-swatches--round .wcboost-variation-swatches__item img,
.wcboost-variation-swatches--round.wcboost-variation-swatches--color .wcboost-variation-swatches__name,
.wcboost-variation-swatches--round.wcboost-variation-swatches--button .wcboost-variation-swatches__item {
border-radius: 999em;
}
.wcboost-variation-swatches--rounded .wcboost-variation-swatches__item,
.wcboost-variation-swatches--rounded .wcboost-variation-swatches__item img,
.wcboost-variation-swatches--rounded.wcboost-variation-swatches--color .wcboost-variation-swatches__name {
border-radius: 4px;
} .wcboost-variation-swatches--has-tooltip .wcboost-variation-swatches__item::before {
content: attr(aria-label);
text-indent: initial;
font-size: 14px;
font-weight: 500;
line-height: 1.25;
position: absolute;
bottom: 100%;
left: 50%;
background: var(--wcboost-swatches-color-tooltip);
z-index: 2;
color: var(--wcboost-swatches-color-tooltip-text);
margin: -10px 0 0 0;
padding: 7px 15px;
opacity: 0;
visibility: hidden;
user-select: none;
border-radius: 4px;
transform: translate(-50%, -10px);
transition: opacity 0.35s;
}
.wcboost-variation-swatches--has-tooltip .wcboost-variation-swatches__item:after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #333;
margin: 0 0 0 -5px;
opacity: 0;
visibility: hidden;
transition: opacity 0.35s;
}
.wcboost-variation-swatches--has-tooltip .wcboost-variation-swatches__item:hover:before,
.wcboost-variation-swatches--has-tooltip .wcboost-variation-swatches__item:hover:after {
visibility: visible;
opacity: 1;
user-select: auto;
}
.wcboost-variation-swatches--has-tooltip .disabled:before,
.wcboost-variation-swatches--has-tooltip .disabled:after,
.wcboost-variation-swatches--button .wcboost-variation-swatches__item:before,
.wcboost-variation-swatches--button .wcboost-variation-swatches__item:after {
display: none;
} .wcboost-variation-swatches__selected-label::before {
content: ": ";
} .wcboost-variation-swatches__item.is-out-stock {
color: var(--wcboost-swatches-color-border-outstock);
box-shadow: 0 0 0 1px var(--wcboost-swatches-color-border-outstock);
} .et_pb_wc_add_to_cart .wcboost-variation-swatches__name::after {
visibility: hidden;
pointer-events: none;
display: none;
}