@charset "UTF-8";
#bwp_slider_price::before, #bwp_slider_price::after,.bwp_slider_price::before, #bwp_slider_price::after {
background: #fff none repeat scroll 0 0;
content: "";
display: inline-block;
height: 100%;
position: absolute;
width: 5px;
z-index: 1;
}
#bwp_slider_price,.bwp_slider_price{
background-color: #f03939;
border-radius: 5px;
height: 6px;
margin: 10px;
position: relative;
}
#bwp_slider_price	.ui-slider-handle,.bwp_slider_price	.ui-slider-handle {
background: #fff none repeat scroll 0 0;
border: 3px solid #f03939;
color: #f03939;
cursor: e-resize;
display: block;
height: 14px;
position: absolute;
text-align: center;
top: -7px;
width: 14px;
z-index: 15;	
margin-right: inherit;
padding-left: inherit;
padding-right: inherit;
}
.tongge-filter{
position:fixed;
border:1px solid #dfdfdf;
overflow:scroll;
padding:10px;
background:white;
z-index:999;
top:100px;
bottom:100px;
right:-400px;
width:400px;
transition:all 0.35s ease;
}
.tongge-filter.active{
right:0px;	
}
.bwp-woocommerce-filter-product .navbar-header{
position:fixed;
top:50%;
right:0px;
transition:all 0.35s ease;
}
.bwp-woocommerce-filter-product .navbar-header.active{
right:400px;
}
#bwp_form_filter_product {
float:left;
}
#bwp_form_filter_product .bwp-filter{
float:left;
width:100%;
}
#bwp_form_filter_product .bwp-filter li{
float:left;
padding:5px;
}
#bwp_form_filter_product .bwp-filter input{
display:none;
}
#bwp_form_filter_product .bwp-filter span {
border: 1px solid #ddd;
display: block;
height: 20px;
margin: 5px 5px 5px 0;
padding: 0;
width: 20px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
box-sizing: content-box;
}
#bwp_form_filter_product .bwp-filter span.active{
border: 2px solid red;
}
#button-price-slider{
margin:5px;
float:right;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.loading:before{
content:"";
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:9999;
background-color:rgba(0,0,0,0.9);
}
.loading span {
border: 16px solid #f3f3f3; border-top: 16px solid #3498db; border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 2s linear infinite;
position:fixed;
left:50%;
top:50%;
z-index:10000;
}
.bwp-filter-homepage .clear_all{
display : none;
}.buy-together-wrap * {
box-sizing: border-box; }
.buy-together-hidden {
display: none; }
.buy-together-wrap .item-products-wrap {
display: inline-block;
width: 100%; }
.buy-together-wrap .item-product {
color: #0062bd; }
.buy-together-wrap .item-product .item-product-title {
margin-right: 7px; }
.buy-together-wrap .item-product .buy-together-price {
color: #eeab10; }
.buy-together-wrap .item-product .buy-together-price del {
color: #b2b3b3; }
.buy-together-wrap .item-product label {
cursor: pointer;
color: inherit; }
.buy-together-wrap .item-product.zanbt-main-item {
color: #686c6f; }
.buy-together-wrap .item-products-wrap .item-product {
position: relative;
margin-bottom: 30px;
overflow: visible; }
.buy-together-wrap .item-products-wrap .item-product .thumbnail-wrap {
border: 1px solid #e2e2e2;
padding: 10px;
overflow: visible;
position: relative; }
.buy-together-wrap .item-products-wrap .item-product .thumbnail-wrap:before {
content: "+";
position: absolute;
font-size: 1.714em;
line-height: 1.458em;
height: 1.458em;
width: 1.458em;
border-radius: 50%;
top: 50%;
left: -.729em;
margin-left: -16px;
display: inline-block;
text-align: center;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
z-index: 1000;
color: #999; }
.buy-together-wrap .item-products-wrap .item-product .item-product-title {
font-size: 14px;
color: #333;
line-height: 24px;
min-height: 48px; }
.buy-together-wrap .item-products-wrap .item-product img {
max-width: 100%;
width: auto;
height: auto; }
.buy-together-wrap .item-products-wrap .item-product .buy-together-price {
color: #eeab10; }
.buy-together-wrap .item-products-wrap .item-product .buy-together-price del {
color: #b2b3b3; }
.buy-together-wrap .item-products-wrap .item-product:first-child .thumbnail-wrap:before {
display: none; }.text-stroke,
.text-stroke--primary,
.text-stroke--secondary {
-webkit-text-stroke-width: var(
--wp--custom--typography--text-stroke-width,
2px
) !important;
}
.ext-absolute {
position: absolute !important;
}
.bring-to-front,
.ext .wp-block-image,
.ext-relative {
position: relative !important;
}
.ext-top-base {
top: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-top-lg {
top: var(--extendify--spacing--large, 3rem) !important;
}
.ext--top-base {
top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.ext--top-lg {
top: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.ext-right-base {
right: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-right-lg {
right: var(--extendify--spacing--large, 3rem) !important;
}
.ext--right-base {
right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.ext--right-lg {
right: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.ext-bottom-base {
bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-bottom-lg {
bottom: var(--extendify--spacing--large, 3rem) !important;
}
.ext--bottom-base {
bottom: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.ext--bottom-lg {
bottom: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.ext-left-base {
left: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-left-lg {
left: var(--extendify--spacing--large, 3rem) !important;
}
.ext--left-base {
left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.ext--left-lg {
left: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.ext-order-1 {
order: 1 !important;
}
.ext-order-2 {
order: 2 !important;
}
.ext-col-auto {
grid-column: auto !important;
}
.ext-col-span-1 {
grid-column: span 1 / span 1 !important;
}
.ext-col-span-2 {
grid-column: span 2 / span 2 !important;
}
.ext-col-span-3 {
grid-column: span 3 / span 3 !important;
}
.ext-col-span-4 {
grid-column: span 4 / span 4 !important;
}
.ext-col-span-5 {
grid-column: span 5 / span 5 !important;
}
.ext-col-span-6 {
grid-column: span 6 / span 6 !important;
}
.ext-col-span-7 {
grid-column: span 7 / span 7 !important;
}
.ext-col-span-8 {
grid-column: span 8 / span 8 !important;
}
.ext-col-span-9 {
grid-column: span 9 / span 9 !important;
}
.ext-col-span-10 {
grid-column: span 10 / span 10 !important;
}
.ext-col-span-11 {
grid-column: span 11 / span 11 !important;
}
.ext-col-span-12 {
grid-column: span 12 / span 12 !important;
}
.ext-col-span-full {
grid-column: 1 / -1 !important;
}
.ext-col-start-1 {
grid-column-start: 1 !important;
}
.ext-col-start-2 {
grid-column-start: 2 !important;
}
.ext-col-start-3 {
grid-column-start: 3 !important;
}
.ext-col-start-4 {
grid-column-start: 4 !important;
}
.ext-col-start-5 {
grid-column-start: 5 !important;
}
.ext-col-start-6 {
grid-column-start: 6 !important;
}
.ext-col-start-7 {
grid-column-start: 7 !important;
}
.ext-col-start-8 {
grid-column-start: 8 !important;
}
.ext-col-start-9 {
grid-column-start: 9 !important;
}
.ext-col-start-10 {
grid-column-start: 10 !important;
}
.ext-col-start-11 {
grid-column-start: 11 !important;
}
.ext-col-start-12 {
grid-column-start: 12 !important;
}
.ext-col-start-13 {
grid-column-start: 13 !important;
}
.ext-col-start-auto {
grid-column-start: auto !important;
}
.ext-col-end-1 {
grid-column-end: 1 !important;
}
.ext-col-end-2 {
grid-column-end: 2 !important;
}
.ext-col-end-3 {
grid-column-end: 3 !important;
}
.ext-col-end-4 {
grid-column-end: 4 !important;
}
.ext-col-end-5 {
grid-column-end: 5 !important;
}
.ext-col-end-6 {
grid-column-end: 6 !important;
}
.ext-col-end-7 {
grid-column-end: 7 !important;
}
.ext-col-end-8 {
grid-column-end: 8 !important;
}
.ext-col-end-9 {
grid-column-end: 9 !important;
}
.ext-col-end-10 {
grid-column-end: 10 !important;
}
.ext-col-end-11 {
grid-column-end: 11 !important;
}
.ext-col-end-12 {
grid-column-end: 12 !important;
}
.ext-col-end-13 {
grid-column-end: 13 !important;
}
.ext-col-end-auto {
grid-column-end: auto !important;
}
.ext-row-auto {
grid-row: auto !important;
}
.ext-row-span-1 {
grid-row: span 1 / span 1 !important;
}
.ext-row-span-2 {
grid-row: span 2 / span 2 !important;
}
.ext-row-span-3 {
grid-row: span 3 / span 3 !important;
}
.ext-row-span-4 {
grid-row: span 4 / span 4 !important;
}
.ext-row-span-5 {
grid-row: span 5 / span 5 !important;
}
.ext-row-span-6 {
grid-row: span 6 / span 6 !important;
}
.ext-row-span-full {
grid-row: 1 / -1 !important;
}
.ext-row-start-1 {
grid-row-start: 1 !important;
}
.ext-row-start-2 {
grid-row-start: 2 !important;
}
.ext-row-start-3 {
grid-row-start: 3 !important;
}
.ext-row-start-4 {
grid-row-start: 4 !important;
}
.ext-row-start-5 {
grid-row-start: 5 !important;
}
.ext-row-start-6 {
grid-row-start: 6 !important;
}
.ext-row-start-7 {
grid-row-start: 7 !important;
}
.ext-row-start-auto {
grid-row-start: auto !important;
}
.ext-row-end-1 {
grid-row-end: 1 !important;
}
.ext-row-end-2 {
grid-row-end: 2 !important;
}
.ext-row-end-3 {
grid-row-end: 3 !important;
}
.ext-row-end-4 {
grid-row-end: 4 !important;
}
.ext-row-end-5 {
grid-row-end: 5 !important;
}
.ext-row-end-6 {
grid-row-end: 6 !important;
}
.ext-row-end-7 {
grid-row-end: 7 !important;
}
.ext-row-end-auto {
grid-row-end: auto !important;
}
.ext-m-0:not([style*="margin"]) {
margin: 0 !important;
}
.ext-m-auto:not([style*="margin"]) {
margin: auto !important;
}
.ext-m-base:not([style*="margin"]) {
margin: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-m-lg:not([style*="margin"]) {
margin: var(--extendify--spacing--large, 3rem) !important;
}
.ext--m-base:not([style*="margin"]) {
margin: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.ext--m-lg:not([style*="margin"]) {
margin: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.ext-mx-0:not([style*="margin"]) {
margin-left: 0 !important;
margin-right: 0 !important;
}
.ext .alignwide,
.ext-mx-auto:not([style*="margin"]) {
margin-left: auto !important;
margin-right: auto !important;
}
.ext-mx-base:not([style*="margin"]) {
margin-left: var(--wp--style--block-gap, 1.75rem) !important;
margin-right: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-mx-lg:not([style*="margin"]) {
margin-left: var(--extendify--spacing--large, 3rem) !important;
margin-right: var(--extendify--spacing--large, 3rem) !important;
}
.ext--mx-base:not([style*="margin"]) {
margin-left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
margin-right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.ext--mx-lg:not([style*="margin"]) {
margin-left: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
margin-right: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.ext .wp-block-group > *,
.ext-my-0:not([style*="margin"]),
.wp-block-column.editor\:pointer-events-none {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.ext-my-auto:not([style*="margin"]) {
margin-top: auto !important;
margin-bottom: auto !important;
}
.ext h2,
.ext-my-base:not([style*="margin"]) {
margin-top: var(--wp--style--block-gap, 1.75rem) !important;
margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-my-lg:not([style*="margin"]) {
margin-top: var(--extendify--spacing--large, 3rem) !important;
margin-bottom: var(--extendify--spacing--large, 3rem) !important;
}
.ext--my-base:not([style*="margin"]) {
margin-top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
margin-bottom: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.ext--my-lg:not([style*="margin"]) {
margin-top: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
margin-bottom: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.ext
.wp-block-columns
+ .wp-block-columns:not([class*="mt-"]):not([class*="my-"]):not(
[style*="margin"]
),
.ext-mt-0:not([style*="margin"]),
[class*="fullwidth-cols"] .wp-block-column:first-child,
[class*="fullwidth-cols"] .wp-block-column:first-child > *,
[class*="fullwidth-cols"] .wp-block-column > :first-child,
[class*="fullwidth-cols"] .wp-block-group:first-child {
margin-top: 0 !important;
}
.ext-mt-auto:not([style*="margin"]) {
margin-top: auto !important;
}
.ext-mt-base:not([style*="margin"]) {
margin-top: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-mt-lg:not([style*="margin"]) {
margin-top: var(--extendify--spacing--large, 3rem) !important;
}
.ext--mt-base:not([style*="margin"]) {
margin-top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.ext--mt-lg:not([style*="margin"]) {
margin-top: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.ext-mr-0.alignfull:not([style*="margin"]):not([style*="margin"]),
.ext-mr-0:not([style*="margin"]) {
margin-right: 0 !important;
}
.ext-mr-auto:not([style*="margin"]) {
margin-right: auto !important;
}
.ext-mr-base:not([style*="margin"]) {
margin-right: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-mr-lg:not([style*="margin"]) {
margin-right: var(--extendify--spacing--large, 3rem) !important;
}
.ext--mr-base:not([style*="margin"]) {
margin-right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.ext--mr-lg:not([style*="margin"]) {
margin-right: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.ext .is-not-stacked-on-mobile .wp-block-column,
.ext-mb-0:not([style*="margin"]),
.ext.wp-block-group > :last-child,
.wp-block-columns[class*="fullwidth-cols"].is-not-stacked-on-mobile
> .wp-block-column,
[class*="fullwidth-cols"] .wp-block-column:last-child,
[class*="fullwidth-cols"] .wp-block-column > :last-child,
[class*="fullwidth-cols"] .wp-block-group:last-child {
margin-bottom: 0 !important;
}
.ext-mb-auto:not([style*="margin"]) {
margin-bottom: auto !important;
}
.ext-mb-base:not([style*="margin"]),
.wp-block-columns[class*="fullwidth-cols"]:not(.is-not-stacked-on-mobile)
> .wp-block-column:not(:last-child) {
margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-mb-lg:not([style*="margin"]) {
margin-bottom: var(--extendify--spacing--large, 3rem) !important;
}
.ext--mb-base:not([style*="margin"]) {
margin-bottom: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.ext--mb-lg:not([style*="margin"]) {
margin-bottom: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.ext-ml-0:not([style*="margin"]),
.ext-ml-0:not([style*="margin"]):not([style*="margin"]) {
margin-left: 0 !important;
}
.ext-ml-auto:not([style*="margin"]) {
margin-left: auto !important;
}
.ext-ml-base:not([style*="margin"]) {
margin-left: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-ml-lg:not([style*="margin"]) {
margin-left: var(--extendify--spacing--large, 3rem) !important;
}
.ext--ml-base:not([style*="margin"]) {
margin-left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.ext--ml-lg:not([style*="margin"]) {
margin-left: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.editor\:no-resize .components-resizable-box__container,
.ext-block {
display: block !important;
}
.ext .wp-block-image img,
.ext-inline-block {
display: inline-block !important;
}
.ext-inline {
display: inline !important;
}
.ext-flex {
display: flex !important;
}
.ext-inline-flex {
display: inline-flex !important;
}
.ext .ext-grid > [class*="_inner-container"],
.ext-grid {
display: grid !important;
}
.ext-inline-grid {
display: inline-grid !important;
}
.block-editor-block-preview__content-iframe
.ext
[data-type="core/spacer"]
.block-library-spacer__resize-container::before,
.editor\:no-caption .block-editor-rich-text__editable,
.editor\:no-inserter .wp-block-column:not(.is-selected) > .block-list-appender,
.editor\:no-inserter .wp-block-cover__inner-container > .block-list-appender,
.editor\:no-inserter .wp-block-group__inner-container > .block-list-appender,
.editor\:no-inserter > .block-list-appender,
.ext-hidden {
display: none !important;
}
.ext-w-auto {
width: auto !important;
}
.ext-w-full {
width: 100% !important;
}
.ext [class*="inner-container"] > .alignwide [class*="inner-container"] > *,
.ext
[class*="inner-container"]
> [data-align="wide"]
[class*="inner-container"]
> *,
.ext-max-w-full {
max-width: 100% !important;
}
.ext-flex-1 {
flex: 1 1 0% !important;
}
.ext-flex-auto {
flex: 1 1 auto !important;
}
.ext-flex-initial {
flex: 0 1 auto !important;
}
.ext-flex-none {
flex: none !important;
}
.ext-flex-shrink-0 {
flex-shrink: 0 !important;
}
.ext-flex-shrink {
flex-shrink: 1 !important;
}
.ext-flex-grow-0 {
flex-grow: 0 !important;
}
.ext-flex-grow {
flex-grow: 1 !important;
}
.ext-list-none,
.is-style-inline-list li {
list-style-type: none !important;
}
.ext .ext-grid-cols-1 > [class*="_inner-container"],
.ext-grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-2 > [class*="_inner-container"],
.ext-grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-3 > [class*="_inner-container"],
.ext-grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-4 > [class*="_inner-container"],
.ext-grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-5 > [class*="_inner-container"],
.ext-grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-6 > [class*="_inner-container"],
.ext-grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-7 > [class*="_inner-container"],
.ext-grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-8 > [class*="_inner-container"],
.ext-grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-9 > [class*="_inner-container"],
.ext-grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-10 > [class*="_inner-container"],
.ext-grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-11 > [class*="_inner-container"],
.ext-grid-cols-11 {
grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-12 > [class*="_inner-container"],
.ext-grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.ext .ext-grid-cols-none > [class*="_inner-container"],
.ext-grid-cols-none {
grid-template-columns: none !important;
}
.ext .ext-grid-rows-1 > [class*="_inner-container"],
.ext-grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
}
.ext .ext-grid-rows-2 > [class*="_inner-container"],
.ext-grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
}
.ext .ext-grid-rows-3 > [class*="_inner-container"],
.ext-grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
}
.ext .ext-grid-rows-4 > [class*="_inner-container"],
.ext-grid-rows-4 {
grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
}
.ext .ext-grid-rows-5 > [class*="_inner-container"],
.ext-grid-rows-5 {
grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
}
.ext .ext-grid-rows-6 > [class*="_inner-container"],
.ext-grid-rows-6 {
grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
}
.ext .ext-grid-rows-none > [class*="_inner-container"],
.ext-grid-rows-none {
grid-template-rows: none !important;
}
.ext-flex-row {
flex-direction: row !important;
}
.ext-flex-row-reverse {
flex-direction: row-reverse !important;
}
.ext-flex-col {
flex-direction: column !important;
}
.ext-flex-col-reverse {
flex-direction: column-reverse !important;
}
.ext-flex-wrap {
flex-wrap: wrap !important;
}
.ext-flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.ext-flex-nowrap {
flex-wrap: nowrap !important;
}
.ext .ext-items-start > [class*="_inner-container"],
.ext-items-start {
align-items: flex-start !important;
}
.ext .ext-items-end > [class*="_inner-container"],
.ext-items-end {
align-items: flex-end !important;
}
.ext .ext-items-center > [class*="_inner-container"],
.ext .is-style-angled > [class*="_inner-container"],
.ext-items-center {
align-items: center !important;
}
.ext .ext-items-baseline > [class*="_inner-container"],
.ext-items-baseline {
align-items: baseline !important;
}
.ext .ext-items-stretch > [class*="_inner-container"],
.ext-items-stretch {
align-items: stretch !important;
}
.ext-justify-start {
justify-content: flex-start !important;
}
.ext-justify-end {
justify-content: flex-end !important;
}
.ext-justify-center {
justify-content: center !important;
}
.ext-justify-between {
justify-content: space-between !important;
}
.ext-justify-around {
justify-content: space-around !important;
}
.ext-justify-evenly {
justify-content: space-evenly !important;
}
.ext-justify-items-start {
justify-items: start !important;
}
.ext-justify-items-end {
justify-items: end !important;
}
.ext-justify-items-center {
justify-items: center !important;
}
.ext-justify-items-stretch {
justify-items: stretch !important;
}
.ext-gap-0 {
gap: 0 !important;
}
.ext-gap-base {
gap: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-gap-lg {
gap: var(--extendify--spacing--large, 3rem) !important;
}
.ext-gap-x-0 {
-moz-column-gap: 0 !important;
column-gap: 0 !important;
}
.ext-gap-x-base {
-moz-column-gap: var(--wp--style--block-gap, 1.75rem) !important;
column-gap: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-gap-x-lg {
-moz-column-gap: var(--extendify--spacing--large, 3rem) !important;
column-gap: var(--extendify--spacing--large, 3rem) !important;
}
.ext-gap-y-0 {
row-gap: 0 !important;
}
.ext-gap-y-base {
row-gap: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-gap-y-lg {
row-gap: var(--extendify--spacing--large, 3rem) !important;
}
.ext-justify-self-auto {
justify-self: auto !important;
}
.ext-justify-self-start {
justify-self: start !important;
}
.ext-justify-self-end {
justify-self: end !important;
}
.ext-justify-self-center {
justify-self: center !important;
}
.ext-justify-self-stretch {
justify-self: stretch !important;
}
.ext-rounded-none {
border-radius: 0 !important;
}
.ext-rounded-full {
border-radius: 9999px !important;
}
.ext-rounded-t-none {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.ext-rounded-t-full {
border-top-left-radius: 9999px !important;
border-top-right-radius: 9999px !important;
}
.ext-rounded-r-none {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.ext-rounded-r-full {
border-top-right-radius: 9999px !important;
border-bottom-right-radius: 9999px !important;
}
.ext-rounded-b-none {
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.ext-rounded-b-full {
border-bottom-right-radius: 9999px !important;
border-bottom-left-radius: 9999px !important;
}
.ext-rounded-l-none {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.ext-rounded-l-full {
border-top-left-radius: 9999px !important;
border-bottom-left-radius: 9999px !important;
}
.ext-rounded-tl-none {
border-top-left-radius: 0 !important;
}
.ext-rounded-tl-full {
border-top-left-radius: 9999px !important;
}
.ext-rounded-tr-none {
border-top-right-radius: 0 !important;
}
.ext-rounded-tr-full {
border-top-right-radius: 9999px !important;
}
.ext-rounded-br-none {
border-bottom-right-radius: 0 !important;
}
.ext-rounded-br-full {
border-bottom-right-radius: 9999px !important;
}
.ext-rounded-bl-none {
border-bottom-left-radius: 0 !important;
}
.ext-rounded-bl-full {
border-bottom-left-radius: 9999px !important;
}
.ext-border-0 {
border-width: 0 !important;
}
.ext-border-t-0 {
border-top-width: 0 !important;
}
.ext-border-r-0 {
border-right-width: 0 !important;
}
.ext-border-b-0 {
border-bottom-width: 0 !important;
}
.ext-border-l-0 {
border-left-width: 0 !important;
}
.ext .wp-block-group__inner-container,
.ext-p-0:not([style*="padding"]) {
padding: 0 !important;
}
.ext-p-base:not([style*="padding"]) {
padding: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-p-lg:not([style*="padding"]) {
padding: var(--extendify--spacing--large, 3rem) !important;
}
.ext .wp-block-columns .wp-block-column[style*="padding"],
.ext-px-0:not([style*="padding"]) {
padding-left: 0 !important;
padding-right: 0 !important;
}
.ext-px-base:not([style*="padding"]),
.ext.has-background {
padding-left: var(--wp--style--block-gap, 1.75rem) !important;
padding-right: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-px-lg:not([style*="padding"]) {
padding-left: var(--extendify--spacing--large, 3rem) !important;
padding-right: var(--extendify--spacing--large, 3rem) !important;
}
.ext-py-0:not([style*="padding"]) {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.ext-py-base:not([style*="padding"]) {
padding-top: var(--wp--style--block-gap, 1.75rem) !important;
padding-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-py-lg:not([style*="padding"]) {
padding-top: var(--extendify--spacing--large, 3rem) !important;
padding-bottom: var(--extendify--spacing--large, 3rem) !important;
}
.ext-pt-0:not([style*="padding"]) {
padding-top: 0 !important;
}
.ext-pt-base:not([style*="padding"]) {
padding-top: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-pt-lg:not([style*="padding"]) {
padding-top: var(--extendify--spacing--large, 3rem) !important;
}
.ext-pr-0:not([style*="padding"]) {
padding-right: 0 !important;
}
.ext-pr-base:not([style*="padding"]) {
padding-right: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-pr-lg:not([style*="padding"]) {
padding-right: var(--extendify--spacing--large, 3rem) !important;
}
.ext-pb-0:not([style*="padding"]) {
padding-bottom: 0 !important;
}
.ext-pb-base:not([style*="padding"]) {
padding-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-pb-lg:not([style*="padding"]) {
padding-bottom: var(--extendify--spacing--large, 3rem) !important;
}
.ext-pl-0:not([style*="padding"]),
.is-style-inline-list {
padding-left: 0 !important;
}
.ext-pl-base:not([style*="padding"]) {
padding-left: var(--wp--style--block-gap, 1.75rem) !important;
}
.ext-pl-lg:not([style*="padding"]) {
padding-left: var(--extendify--spacing--large, 3rem) !important;
}
.ext-text-left {
text-align: left !important;
}
.ext .wp-block-image,
.ext-text-center {
text-align: center !important;
}
.ext-text-right {
text-align: right !important;
}
.ext-leading-none {
line-height: 1 !important;
}
.ext-leading-tight {
line-height: 1.25 !important;
}
.ext-leading-snug {
line-height: 1.375 !important;
}
.ext-leading-normal {
line-height: 1.5 !important;
}
.ext-leading-relaxed {
line-height: 1.625 !important;
}
.ext-leading-loose {
line-height: 2 !important;
}
.ext-aspect-square img {
aspect-ratio: 1 / 1 !important;
-o-object-fit: cover !important;
object-fit: cover !important;
}
.ext-aspect-landscape img {
aspect-ratio: 4 / 3 !important;
-o-object-fit: cover !important;
object-fit: cover !important;
}
.ext-aspect-landscape-wide img {
aspect-ratio: 16 / 9 !important;
-o-object-fit: cover !important;
object-fit: cover !important;
}
.ext-aspect-portrait img {
aspect-ratio: 3 / 4 !important;
-o-object-fit: cover !important;
object-fit: cover !important;
}
.ext-aspect-landscape .components-resizable-box__container,
.ext-aspect-landscape-wide .components-resizable-box__container,
.ext-aspect-portrait .components-resizable-box__container,
.ext-aspect-square .components-resizable-box__container {
height: auto !important;
}
.clip-path--rhombus img {
-webkit-clip-path: polygon(15% 6%, 80% 29%, 84% 93%, 23% 69%) !important;
clip-path: polygon(15% 6%, 80% 29%, 84% 93%, 23% 69%) !important;
}
.clip-path--diamond img {
-webkit-clip-path: polygon(5% 29%, 60% 2%, 91% 64%, 36% 89%) !important;
clip-path: polygon(5% 29%, 60% 2%, 91% 64%, 36% 89%) !important;
}
.clip-path--rhombus-alt img {
-webkit-clip-path: polygon(14% 9%, 85% 24%, 91% 89%, 19% 76%) !important;
clip-path: polygon(14% 9%, 85% 24%, 91% 89%, 19% 76%) !important;
}
.wp-block-columns[class*="fullwidth-cols"] {
margin-bottom: unset !important;
}
.is-root-container.block-editor-block-list__layout
> [data-align="full"]:not(:first-of-type)
> .ext-my-0,
.is-root-container.block-editor-block-list__layout
> [data-align="full"]:not(:first-of-type)
> .wp-block-column.editor\:pointer-events-none,
.is-root-container.block-editor-block-list__layout
> [data-align="wide"]
> .ext-my-0:not([style*="margin"]),
.is-root-container.block-editor-block-list__layout
> [data-align="wide"]
> .wp-block-column.editor\:pointer-events-none {
margin-top: calc(-1 * var(--wp--style--block-gap, 28px)) !important;
}
@media (min-width: 600px) and (max-width: 781px) {
.wp-block-columns[class*="fullwidth-cols"]:not(.is-not-stacked-on-mobile)
> .wp-block-column:nth-child(2n) {
margin-left: var(--wp--style--block-gap, 2em) !important;
}
}
@media (max-width: 781px) {
.tablet\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile) {
flex-wrap: wrap !important;
}
.tablet\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
> .wp-block-column,
.tablet\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
> .wp-block-column:not([style*="margin"]) {
margin-left: 0 !important;
}
.tablet\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
> .wp-block-column {
flex-basis: 100% !important;
}
}
@media (max-width: 1079px) {
.desktop\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile) {
flex-wrap: wrap !important;
}
.desktop\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
> .wp-block-column,
.desktop\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
> .wp-block-column:not([style*="margin"]) {
margin-left: 0 !important;
}
.desktop\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
> .wp-block-column {
flex-basis: 100% !important;
}
.desktop\:fullwidth-cols.wp-block-columns:not(.is-not-stacked-on-mobile)
> .wp-block-column:not(:last-child) {
margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
}
.direction-rtl {
direction: rtl !important;
}
.direction-ltr {
direction: ltr !important;
}
.bring-to-front {
z-index: 10 !important;
}
.text-stroke {
-webkit-text-stroke-color: var(--wp--preset--color--background) !important;
}
.text-stroke--primary {
-webkit-text-stroke-color: var(--wp--preset--color--primary) !important;
}
.text-stroke--secondary {
-webkit-text-stroke-color: var(--wp--preset--color--secondary) !important;
}
.editor\:no-resize .components-resizable-box__handle,
.editor\:no-resize .components-resizable-box__handle::after,
.editor\:no-resize .components-resizable-box__side-handle::before {
display: none !important;
pointer-events: none !important;
}
.editor\:pointer-events-none {
pointer-events: none !important;
}
.is-style-angled {
align-items: center !important;
justify-content: flex-end !important;
}
.is-style-angled .wp-block-cover__image-background,
.is-style-angled .wp-block-cover__video-background {
-webkit-clip-path: polygon(0 0, 30% 0%, 50% 100%, 0% 100%) !important;
clip-path: polygon(0 0, 30% 0%, 50% 100%, 0% 100%) !important;
z-index: 1 !important;
}
.has-foreground-color {
color: var(--wp--preset--color--foreground, #000) !important;
}
.has-foreground-background-color {
background-color: var(--wp--preset--color--foreground, #000) !important;
}
.has-background-color {
color: var(--wp--preset--color--background, #fff) !important;
}
.has-background-background-color {
background-color: var(--wp--preset--color--background, #fff) !important;
}
.has-primary-color {
color: var(--wp--preset--color--primary, #4b5563) !important;
}
.has-primary-background-color {
background-color: var(--wp--preset--color--primary, #4b5563) !important;
}
.has-secondary-color {
color: var(--wp--preset--color--secondary, #9ca3af) !important;
}
.has-secondary-background-color {
background-color: var(--wp--preset--color--secondary, #9ca3af) !important;
}
.ext.has-text-color h1,
.ext.has-text-color h2,
.ext.has-text-color h3,
.ext.has-text-color h4,
.ext.has-text-color h5,
.ext.has-text-color h6,
.ext.has-text-color p {
color: currentColor !important;
}
.has-white-color {
color: var(--wp--preset--color--white, #fff) !important;
}
.has-black-color {
color: var(--wp--preset--color--black, #000) !important;
}
.has-ext-foreground-background-color {
background-color: var(
--wp--preset--color--foreground,
var(--wp--preset--color--black, #000)
) !important;
}
.has-ext-primary-background-color {
background-color: var(
--wp--preset--color--primary,
var(--wp--preset--color--cyan-bluish-gray, #000)
) !important;
}
.wp-block-button__link.has-black-background-color {
border-color: var(--wp--preset--color--black, #000) !important;
}
.wp-block-button__link.has-white-background-color {
border-color: var(--wp--preset--color--white, #fff) !important;
}
.has-ext-small-font-size {
font-size: var(--wp--preset--font-size--ext-small) !important;
}
.has-ext-medium-font-size {
font-size: var(--wp--preset--font-size--ext-medium) !important;
}
.has-ext-large-font-size {
font-size: var(--wp--preset--font-size--ext-large) !important;
line-height: 1.2 !important;
}
.has-ext-x-large-font-size {
font-size: var(--wp--preset--font-size--ext-x-large) !important;
line-height: 1 !important;
}
.has-ext-xx-large-font-size {
font-size: var(--wp--preset--font-size--ext-xx-large) !important;
line-height: 1 !important;
}
.has-ext-x-large-font-size:not([style*="line-height"]),
.has-ext-xx-large-font-size:not([style*="line-height"]) {
line-height: 1.1 !important;
}
.ext .wp-block-group > * + * {
margin-top: var(--wp--style--block-gap, 1.75rem) !important;
margin-bottom: 0 !important;
}
.has-ext-x-large-font-size + h3,
.has-ext-x-large-font-size + p {
margin-top: 0.5rem !important;
}
.ext .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
width: calc(25% - var(--wp--style--block-gap, 0.5em) * 0.75) !important;
min-width: 12rem !important;
}
.ext > [class*="_inner-container"] > .ext-grid:not([class*="columns"]),
.ext
> [class*="_inner-container"]
> .wp-block
> .ext-grid:not([class*="columns"]) {
display: initial !important;
}
.ext .ext-grid-cols-13 > [class*="_inner-container"] {
grid-template-columns: repeat(13, minmax(0, 1fr)) !important;
}
.ext [class*="inner-container"] > .alignwide [class*="inner-container"],
.ext
[class*="inner-container"]
> [data-align="wide"]
[class*="inner-container"] {
max-width: var(--responsive--alignwide-width, 120rem) !important;
}
.ext .wp-block-image img {
vertical-align: middle !important;
}
body {
--extendify--spacing--large: var(
--wp--custom--spacing--large,
clamp(2em, 8vw, 8em)
) !important;
--wp--preset--font-size--ext-small: 1rem !important;
--wp--preset--font-size--ext-medium: 1.125rem !important;
--wp--preset--font-size--ext-large: clamp(1.65rem, 3.5vw, 2.15rem) !important;
--wp--preset--font-size--ext-x-large: clamp(3rem, 6vw, 4.75rem) !important;
--wp--preset--font-size--ext-xx-large: clamp(
3.25rem,
7.5vw,
5.75rem
) !important;
--wp--preset--color--black: #000 !important;
--wp--preset--color--white: #fff !important;
}
.ext * {
box-sizing: border-box !important;
}
.block-editor-block-preview__content-iframe
.ext
[data-type="core/spacer"]
.components-resizable-box__container {
background: 0 0 !important;
}
.ext .wp-block-group__inner-container figure.wp-block-gallery.alignfull {
margin-top: unset !important;
margin-bottom: unset !important;
}
.block-editor-block-preview__content-iframe .preview\:min-h-50 {
min-height: 50vw !important;
}
.block-editor-block-preview__content-iframe .preview\:min-h-60 {
min-height: 60vw !important;
}
.block-editor-block-preview__content-iframe .preview\:min-h-70 {
min-height: 70vw !important;
}
.block-editor-block-preview__content-iframe .preview\:min-h-80 {
min-height: 80vw !important;
}
.block-editor-block-preview__content-iframe .preview\:min-h-100 {
min-height: 100vw !important;
}
.is-root-container
.wp-block[data-align="full"]
> .ext-mx-0:not([style*="margin"]):not([style*="margin"]) {
margin-right: calc(1 * var(--wp--custom--spacing--outer, 0)) !important;
margin-left: calc(1 * var(--wp--custom--spacing--outer, 0)) !important;
overflow: hidden !important;
width: unset !important;
}
@media (min-width: 782px) {
.wp-block-columns[class*="fullwidth-cols"]:not(.is-not-stacked-on-mobile)
> .wp-block-column:not(:last-child) {
margin-bottom: 0 !important;
}
.is-style-inline-list li {
margin-right: var(--wp--style--block-gap, 1.75rem) !important;
display: inline !important;
}
.is-style-inline-list li:first-child {
margin-left: 0 !important;
}
.is-style-inline-list li:last-child {
margin-right: 0 !important;
}
.is-style-angled .wp-block-cover__image-background,
.is-style-angled .wp-block-cover__video-background {
-webkit-clip-path: polygon(0 0, 55% 0%, 65% 100%, 0% 100%) !important;
clip-path: polygon(0 0, 55% 0%, 65% 100%, 0% 100%) !important;
}
.tablet\:ext-absolute {
position: absolute !important;
}
.tablet\:ext-relative {
position: relative !important;
}
.tablet\:ext-top-base {
top: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-top-lg {
top: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext--top-base {
top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.tablet\:ext--top-lg {
top: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.tablet\:ext-right-base {
right: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-right-lg {
right: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext--right-base {
right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.tablet\:ext--right-lg {
right: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.tablet\:ext-bottom-base {
bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-bottom-lg {
bottom: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext--bottom-base {
bottom: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.tablet\:ext--bottom-lg {
bottom: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.tablet\:ext-left-base {
left: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-left-lg {
left: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext--left-base {
left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.tablet\:ext--left-lg {
left: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.tablet\:ext-order-1 {
order: 1 !important;
}
.tablet\:ext-order-2 {
order: 2 !important;
}
.tablet\:ext-m-0:not([style*="margin"]) {
margin: 0 !important;
}
.tablet\:ext-m-auto:not([style*="margin"]) {
margin: auto !important;
}
.tablet\:ext-m-base:not([style*="margin"]) {
margin: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-m-lg:not([style*="margin"]) {
margin: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext--m-base:not([style*="margin"]) {
margin: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.tablet\:ext--m-lg:not([style*="margin"]) {
margin: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.tablet\:ext-mx-0:not([style*="margin"]) {
margin-left: 0 !important;
margin-right: 0 !important;
}
.tablet\:ext-mx-auto:not([style*="margin"]) {
margin-left: auto !important;
margin-right: auto !important;
}
.tablet\:ext-mx-base:not([style*="margin"]) {
margin-left: var(--wp--style--block-gap, 1.75rem) !important;
margin-right: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-mx-lg:not([style*="margin"]) {
margin-left: var(--extendify--spacing--large, 3rem) !important;
margin-right: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext--mx-base:not([style*="margin"]) {
margin-left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
margin-right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.tablet\:ext--mx-lg:not([style*="margin"]) {
margin-left: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
margin-right: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.tablet\:ext-my-0:not([style*="margin"]) {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.tablet\:ext-my-auto:not([style*="margin"]) {
margin-top: auto !important;
margin-bottom: auto !important;
}
.tablet\:ext-my-base:not([style*="margin"]) {
margin-top: var(--wp--style--block-gap, 1.75rem) !important;
margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-my-lg:not([style*="margin"]) {
margin-top: var(--extendify--spacing--large, 3rem) !important;
margin-bottom: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext--my-base:not([style*="margin"]) {
margin-top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
margin-bottom: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.tablet\:ext--my-lg:not([style*="margin"]) {
margin-top: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
margin-bottom: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.tablet\:ext-mt-0:not([style*="margin"]) {
margin-top: 0 !important;
}
.tablet\:ext-mt-auto:not([style*="margin"]) {
margin-top: auto !important;
}
.tablet\:ext-mt-base:not([style*="margin"]) {
margin-top: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-mt-lg:not([style*="margin"]) {
margin-top: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext--mt-base:not([style*="margin"]) {
margin-top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.tablet\:ext--mt-lg:not([style*="margin"]) {
margin-top: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.tablet\:ext-mr-0:not([style*="margin"]) {
margin-right: 0 !important;
}
.tablet\:ext-mr-auto:not([style*="margin"]) {
margin-right: auto !important;
}
.tablet\:ext-mr-base:not([style*="margin"]) {
margin-right: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-mr-lg:not([style*="margin"]) {
margin-right: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext--mr-base:not([style*="margin"]) {
margin-right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.tablet\:ext--mr-lg:not([style*="margin"]) {
margin-right: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.tablet\:ext-mb-0:not([style*="margin"]) {
margin-bottom: 0 !important;
}
.tablet\:ext-mb-auto:not([style*="margin"]) {
margin-bottom: auto !important;
}
.tablet\:ext-mb-base:not([style*="margin"]) {
margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-mb-lg:not([style*="margin"]) {
margin-bottom: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext--mb-base:not([style*="margin"]) {
margin-bottom: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.tablet\:ext--mb-lg:not([style*="margin"]) {
margin-bottom: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.tablet\:ext-ml-0:not([style*="margin"]) {
margin-left: 0 !important;
}
.tablet\:ext-ml-auto:not([style*="margin"]) {
margin-left: auto !important;
}
.tablet\:ext-ml-base:not([style*="margin"]) {
margin-left: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-ml-lg:not([style*="margin"]) {
margin-left: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext--ml-base:not([style*="margin"]) {
margin-left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.tablet\:ext--ml-lg:not([style*="margin"]) {
margin-left: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.tablet\:ext-block {
display: block !important;
}
.tablet\:ext-inline-block {
display: inline-block !important;
}
.tablet\:ext-inline {
display: inline !important;
}
.tablet\:ext-flex {
display: flex !important;
}
.tablet\:ext-inline-flex {
display: inline-flex !important;
}
.tablet\:ext-grid {
display: grid !important;
}
.tablet\:ext-inline-grid {
display: inline-grid !important;
}
.tablet\:ext-hidden {
display: none !important;
}
.tablet\:ext-w-auto {
width: auto !important;
}
.tablet\:ext-w-full {
width: 100% !important;
}
.tablet\:ext-max-w-full {
max-width: 100% !important;
}
.tablet\:ext-flex-1 {
flex: 1 1 0% !important;
}
.tablet\:ext-flex-auto {
flex: 1 1 auto !important;
}
.tablet\:ext-flex-initial {
flex: 0 1 auto !important;
}
.tablet\:ext-flex-none {
flex: none !important;
}
.tablet\:ext-flex-shrink-0 {
flex-shrink: 0 !important;
}
.tablet\:ext-flex-shrink {
flex-shrink: 1 !important;
}
.tablet\:ext-flex-grow-0 {
flex-grow: 0 !important;
}
.tablet\:ext-flex-grow {
flex-grow: 1 !important;
}
.tablet\:ext-list-none {
list-style-type: none !important;
}
.tablet\:ext-grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.tablet\:ext-grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.tablet\:ext-grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.tablet\:ext-grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.tablet\:ext-grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.tablet\:ext-grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.tablet\:ext-grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.tablet\:ext-grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.tablet\:ext-grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.tablet\:ext-grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}
.tablet\:ext-grid-cols-11 {
grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
}
.tablet\:ext-grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.tablet\:ext-grid-cols-none {
grid-template-columns: none !important;
}
.tablet\:ext-flex-row {
flex-direction: row !important;
}
.tablet\:ext-flex-row-reverse {
flex-direction: row-reverse !important;
}
.tablet\:ext-flex-col {
flex-direction: column !important;
}
.tablet\:ext-flex-col-reverse {
flex-direction: column-reverse !important;
}
.tablet\:ext-flex-wrap {
flex-wrap: wrap !important;
}
.tablet\:ext-flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.tablet\:ext-flex-nowrap {
flex-wrap: nowrap !important;
}
.tablet\:ext-items-start {
align-items: flex-start !important;
}
.tablet\:ext-items-end {
align-items: flex-end !important;
}
.tablet\:ext-items-center {
align-items: center !important;
}
.tablet\:ext-items-baseline {
align-items: baseline !important;
}
.tablet\:ext-items-stretch {
align-items: stretch !important;
}
.tablet\:ext-justify-start {
justify-content: flex-start !important;
}
.tablet\:ext-justify-end {
justify-content: flex-end !important;
}
.tablet\:ext-justify-center {
justify-content: center !important;
}
.tablet\:ext-justify-between {
justify-content: space-between !important;
}
.tablet\:ext-justify-around {
justify-content: space-around !important;
}
.tablet\:ext-justify-evenly {
justify-content: space-evenly !important;
}
.tablet\:ext-justify-items-start {
justify-items: start !important;
}
.tablet\:ext-justify-items-end {
justify-items: end !important;
}
.tablet\:ext-justify-items-center {
justify-items: center !important;
}
.tablet\:ext-justify-items-stretch {
justify-items: stretch !important;
}
.tablet\:ext-justify-self-auto {
justify-self: auto !important;
}
.tablet\:ext-justify-self-start {
justify-self: start !important;
}
.tablet\:ext-justify-self-end {
justify-self: end !important;
}
.tablet\:ext-justify-self-center {
justify-self: center !important;
}
.tablet\:ext-justify-self-stretch {
justify-self: stretch !important;
}
.tablet\:ext-p-0:not([style*="padding"]) {
padding: 0 !important;
}
.tablet\:ext-p-base:not([style*="padding"]) {
padding: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-p-lg:not([style*="padding"]) {
padding: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext-px-0:not([style*="padding"]) {
padding-left: 0 !important;
padding-right: 0 !important;
}
.tablet\:ext-px-base:not([style*="padding"]) {
padding-left: var(--wp--style--block-gap, 1.75rem) !important;
padding-right: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-px-lg:not([style*="padding"]) {
padding-left: var(--extendify--spacing--large, 3rem) !important;
padding-right: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext-py-0:not([style*="padding"]) {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.tablet\:ext-py-base:not([style*="padding"]) {
padding-top: var(--wp--style--block-gap, 1.75rem) !important;
padding-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-py-lg:not([style*="padding"]) {
padding-top: var(--extendify--spacing--large, 3rem) !important;
padding-bottom: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext-pt-0:not([style*="padding"]) {
padding-top: 0 !important;
}
.tablet\:ext-pt-base:not([style*="padding"]) {
padding-top: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-pt-lg:not([style*="padding"]) {
padding-top: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext-pr-0:not([style*="padding"]) {
padding-right: 0 !important;
}
.tablet\:ext-pr-base:not([style*="padding"]) {
padding-right: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-pr-lg:not([style*="padding"]) {
padding-right: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext-pb-0:not([style*="padding"]) {
padding-bottom: 0 !important;
}
.tablet\:ext-pb-base:not([style*="padding"]) {
padding-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-pb-lg:not([style*="padding"]) {
padding-bottom: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext-pl-0:not([style*="padding"]) {
padding-left: 0 !important;
}
.tablet\:ext-pl-base:not([style*="padding"]) {
padding-left: var(--wp--style--block-gap, 1.75rem) !important;
}
.tablet\:ext-pl-lg:not([style*="padding"]) {
padding-left: var(--extendify--spacing--large, 3rem) !important;
}
.tablet\:ext-text-left {
text-align: left !important;
}
.tablet\:ext-text-center {
text-align: center !important;
}
.tablet\:ext-text-right {
text-align: right !important;
}
}
@media (min-width: 1080px) {
.desktop\:ext-absolute {
position: absolute !important;
}
.desktop\:ext-relative {
position: relative !important;
}
.desktop\:ext-top-base {
top: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-top-lg {
top: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext--top-base {
top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.desktop\:ext--top-lg {
top: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.desktop\:ext-right-base {
right: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-right-lg {
right: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext--right-base {
right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.desktop\:ext--right-lg {
right: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.desktop\:ext-bottom-base {
bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-bottom-lg {
bottom: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext--bottom-base {
bottom: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.desktop\:ext--bottom-lg {
bottom: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.desktop\:ext-left-base {
left: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-left-lg {
left: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext--left-base {
left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.desktop\:ext--left-lg {
left: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.desktop\:ext-order-1 {
order: 1 !important;
}
.desktop\:ext-order-2 {
order: 2 !important;
}
.desktop\:ext-m-0:not([style*="margin"]) {
margin: 0 !important;
}
.desktop\:ext-m-auto:not([style*="margin"]) {
margin: auto !important;
}
.desktop\:ext-m-base:not([style*="margin"]) {
margin: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-m-lg:not([style*="margin"]) {
margin: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext--m-base:not([style*="margin"]) {
margin: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.desktop\:ext--m-lg:not([style*="margin"]) {
margin: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.desktop\:ext-mx-0:not([style*="margin"]) {
margin-left: 0 !important;
margin-right: 0 !important;
}
.desktop\:ext-mx-auto:not([style*="margin"]) {
margin-left: auto !important;
margin-right: auto !important;
}
.desktop\:ext-mx-base:not([style*="margin"]) {
margin-left: var(--wp--style--block-gap, 1.75rem) !important;
margin-right: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-mx-lg:not([style*="margin"]) {
margin-left: var(--extendify--spacing--large, 3rem) !important;
margin-right: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext--mx-base:not([style*="margin"]) {
margin-left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
margin-right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.desktop\:ext--mx-lg:not([style*="margin"]) {
margin-left: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
margin-right: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.desktop\:ext-my-0:not([style*="margin"]) {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.desktop\:ext-my-auto:not([style*="margin"]) {
margin-top: auto !important;
margin-bottom: auto !important;
}
.desktop\:ext-my-base:not([style*="margin"]) {
margin-top: var(--wp--style--block-gap, 1.75rem) !important;
margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-my-lg:not([style*="margin"]) {
margin-top: var(--extendify--spacing--large, 3rem) !important;
margin-bottom: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext--my-base:not([style*="margin"]) {
margin-top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
margin-bottom: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.desktop\:ext--my-lg:not([style*="margin"]) {
margin-top: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
margin-bottom: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.desktop\:ext-mt-0:not([style*="margin"]) {
margin-top: 0 !important;
}
.desktop\:ext-mt-auto:not([style*="margin"]) {
margin-top: auto !important;
}
.desktop\:ext-mt-base:not([style*="margin"]) {
margin-top: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-mt-lg:not([style*="margin"]) {
margin-top: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext--mt-base:not([style*="margin"]) {
margin-top: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.desktop\:ext--mt-lg:not([style*="margin"]) {
margin-top: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.desktop\:ext-mr-0:not([style*="margin"]) {
margin-right: 0 !important;
}
.desktop\:ext-mr-auto:not([style*="margin"]) {
margin-right: auto !important;
}
.desktop\:ext-mr-base:not([style*="margin"]) {
margin-right: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-mr-lg:not([style*="margin"]) {
margin-right: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext--mr-base:not([style*="margin"]) {
margin-right: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.desktop\:ext--mr-lg:not([style*="margin"]) {
margin-right: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.desktop\:ext-mb-0:not([style*="margin"]) {
margin-bottom: 0 !important;
}
.desktop\:ext-mb-auto:not([style*="margin"]) {
margin-bottom: auto !important;
}
.desktop\:ext-mb-base:not([style*="margin"]) {
margin-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-mb-lg:not([style*="margin"]) {
margin-bottom: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext--mb-base:not([style*="margin"]) {
margin-bottom: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.desktop\:ext--mb-lg:not([style*="margin"]) {
margin-bottom: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.desktop\:ext-ml-0:not([style*="margin"]) {
margin-left: 0 !important;
}
.desktop\:ext-ml-auto:not([style*="margin"]) {
margin-left: auto !important;
}
.desktop\:ext-ml-base:not([style*="margin"]) {
margin-left: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-ml-lg:not([style*="margin"]) {
margin-left: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext--ml-base:not([style*="margin"]) {
margin-left: calc(var(--wp--style--block-gap, 1.75rem) * -1) !important;
}
.desktop\:ext--ml-lg:not([style*="margin"]) {
margin-left: calc(var(--extendify--spacing--large, 3rem) * -1) !important;
}
.desktop\:ext-block {
display: block !important;
}
.desktop\:ext-inline-block {
display: inline-block !important;
}
.desktop\:ext-inline {
display: inline !important;
}
.desktop\:ext-flex {
display: flex !important;
}
.desktop\:ext-inline-flex {
display: inline-flex !important;
}
.desktop\:ext-grid {
display: grid !important;
}
.desktop\:ext-inline-grid {
display: inline-grid !important;
}
.desktop\:ext-hidden {
display: none !important;
}
.desktop\:ext-w-auto {
width: auto !important;
}
.desktop\:ext-w-full {
width: 100% !important;
}
.desktop\:ext-max-w-full {
max-width: 100% !important;
}
.desktop\:ext-flex-1 {
flex: 1 1 0% !important;
}
.desktop\:ext-flex-auto {
flex: 1 1 auto !important;
}
.desktop\:ext-flex-initial {
flex: 0 1 auto !important;
}
.desktop\:ext-flex-none {
flex: none !important;
}
.desktop\:ext-flex-shrink-0 {
flex-shrink: 0 !important;
}
.desktop\:ext-flex-shrink {
flex-shrink: 1 !important;
}
.desktop\:ext-flex-grow-0 {
flex-grow: 0 !important;
}
.desktop\:ext-flex-grow {
flex-grow: 1 !important;
}
.desktop\:ext-list-none {
list-style-type: none !important;
}
.desktop\:ext-grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.desktop\:ext-grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.desktop\:ext-grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.desktop\:ext-grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.desktop\:ext-grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.desktop\:ext-grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.desktop\:ext-grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.desktop\:ext-grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.desktop\:ext-grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.desktop\:ext-grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}
.desktop\:ext-grid-cols-11 {
grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
}
.desktop\:ext-grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.desktop\:ext-grid-cols-none {
grid-template-columns: none !important;
}
.desktop\:ext-flex-row {
flex-direction: row !important;
}
.desktop\:ext-flex-row-reverse {
flex-direction: row-reverse !important;
}
.desktop\:ext-flex-col {
flex-direction: column !important;
}
.desktop\:ext-flex-col-reverse {
flex-direction: column-reverse !important;
}
.desktop\:ext-flex-wrap {
flex-wrap: wrap !important;
}
.desktop\:ext-flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.desktop\:ext-flex-nowrap {
flex-wrap: nowrap !important;
}
.desktop\:ext-items-start {
align-items: flex-start !important;
}
.desktop\:ext-items-end {
align-items: flex-end !important;
}
.desktop\:ext-items-center {
align-items: center !important;
}
.desktop\:ext-items-baseline {
align-items: baseline !important;
}
.desktop\:ext-items-stretch {
align-items: stretch !important;
}
.desktop\:ext-justify-start {
justify-content: flex-start !important;
}
.desktop\:ext-justify-end {
justify-content: flex-end !important;
}
.desktop\:ext-justify-center {
justify-content: center !important;
}
.desktop\:ext-justify-between {
justify-content: space-between !important;
}
.desktop\:ext-justify-around {
justify-content: space-around !important;
}
.desktop\:ext-justify-evenly {
justify-content: space-evenly !important;
}
.desktop\:ext-justify-items-start {
justify-items: start !important;
}
.desktop\:ext-justify-items-end {
justify-items: end !important;
}
.desktop\:ext-justify-items-center {
justify-items: center !important;
}
.desktop\:ext-justify-items-stretch {
justify-items: stretch !important;
}
.desktop\:ext-justify-self-auto {
justify-self: auto !important;
}
.desktop\:ext-justify-self-start {
justify-self: start !important;
}
.desktop\:ext-justify-self-end {
justify-self: end !important;
}
.desktop\:ext-justify-self-center {
justify-self: center !important;
}
.desktop\:ext-justify-self-stretch {
justify-self: stretch !important;
}
.desktop\:ext-p-0:not([style*="padding"]) {
padding: 0 !important;
}
.desktop\:ext-p-base:not([style*="padding"]) {
padding: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-p-lg:not([style*="padding"]) {
padding: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext-px-0:not([style*="padding"]) {
padding-left: 0 !important;
padding-right: 0 !important;
}
.desktop\:ext-px-base:not([style*="padding"]) {
padding-left: var(--wp--style--block-gap, 1.75rem) !important;
padding-right: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-px-lg:not([style*="padding"]) {
padding-left: var(--extendify--spacing--large, 3rem) !important;
padding-right: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext-py-0:not([style*="padding"]) {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.desktop\:ext-py-base:not([style*="padding"]) {
padding-top: var(--wp--style--block-gap, 1.75rem) !important;
padding-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-py-lg:not([style*="padding"]) {
padding-top: var(--extendify--spacing--large, 3rem) !important;
padding-bottom: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext-pt-0:not([style*="padding"]) {
padding-top: 0 !important;
}
.desktop\:ext-pt-base:not([style*="padding"]) {
padding-top: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-pt-lg:not([style*="padding"]) {
padding-top: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext-pr-0:not([style*="padding"]) {
padding-right: 0 !important;
}
.desktop\:ext-pr-base:not([style*="padding"]) {
padding-right: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-pr-lg:not([style*="padding"]) {
padding-right: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext-pb-0:not([style*="padding"]) {
padding-bottom: 0 !important;
}
.desktop\:ext-pb-base:not([style*="padding"]) {
padding-bottom: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-pb-lg:not([style*="padding"]) {
padding-bottom: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext-pl-0:not([style*="padding"]) {
padding-left: 0 !important;
}
.desktop\:ext-pl-base:not([style*="padding"]) {
padding-left: var(--wp--style--block-gap, 1.75rem) !important;
}
.desktop\:ext-pl-lg:not([style*="padding"]) {
padding-left: var(--extendify--spacing--large, 3rem) !important;
}
.desktop\:ext-text-left {
text-align: left !important;
}
.desktop\:ext-text-center {
text-align: center !important;
}
.desktop\:ext-text-right {
text-align: right !important;
}
}.ps-container{-ms-touch-action:auto;touch-action:auto;overflow:hidden !important;-ms-overflow-style:none}@supports (-ms-overflow-style: none){.ps-container{overflow:auto !important}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps-container{overflow:auto !important}}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block;background-color:transparent}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;bottom:0px;height:15px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;bottom:2px;height:6px}.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x{height:11px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;right:0;width:15px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;right:2px;width:6px}.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y{width:11px}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}.ps-theme-wpc {
-ms-touch-action: none;
touch-action: none;
overflow: hidden !important;
-ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
.ps-theme-wpc {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps-theme-wpc {
overflow: auto !important;
}
}
.ps-theme-wpc.ps-active-x > .ps-scrollbar-x-rail,
.ps-theme-wpc.ps-active-y > .ps-scrollbar-y-rail {
display: block;
background-color: transparent;
}
.ps-theme-wpc.ps-in-scrolling {
pointer-events: none;
}
.ps-theme-wpc.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: rgba(0, 0, 0, .1) !important;
}
.ps-theme-wpc.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: rgba(0, 0, 0, .1) !important;
}
.ps-theme-wpc.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, 1);
width: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-x-rail {
display: none;
position: absolute; opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
bottom: 0; height: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-x-rail > .ps-scrollbar-x {
position: absolute; background-color: rgba(0, 0, 0, 1);
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
bottom: 0; height: 2px !important;
border-radius: 1px !important;
}
.ps-theme-wpc > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-theme-wpc > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
height: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-y-rail {
display: none;
position: absolute; opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
right: 0; width: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-y-rail > .ps-scrollbar-y {
position: absolute; background-color: rgba(0, 0, 0, 1); transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
right: 0; width: 2px !important;
border-radius: 1px !important;
}
.ps-theme-wpc > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-theme-wpc > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
width: 2px;
border-radius: 1px;
}
.ps-theme-wpc:hover.ps-in-scrolling {
pointer-events: none;
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, 1);
height: 2px;
border-radius: 1px;
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, 1);
width: 2px;
border-radius: 1px;
}
.ps-theme-wpc:hover > .ps-scrollbar-x-rail:hover {
background-color: rgba(0, 0, 0, .1);
opacity: 1;
}
.ps-theme-wpc:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc:hover > .ps-scrollbar-y-rail:hover {
background-color: rgba(0, 0, 0, .1);
opacity: 1;
}
.ps-theme-wpc:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, 1);
}@font-face {
font-family: 'woosw';
src: url(//www.fdh.com.sg/wp-content/plugins/woo-smart-wishlist/assets/fonts/woosw.eot?vv2087);
src: url(//www.fdh.com.sg/wp-content/plugins/woo-smart-wishlist/assets/fonts/woosw.eot?vv2087#iefix) format('embedded-opentype'),
url(//www.fdh.com.sg/wp-content/plugins/woo-smart-wishlist/assets/fonts/woosw.ttf?vv2087) format('truetype'),
url(//www.fdh.com.sg/wp-content/plugins/woo-smart-wishlist/assets/fonts/woosw.woff?vv2087) format('woff'),
url(//www.fdh.com.sg/wp-content/plugins/woo-smart-wishlist/assets/fonts/woosw.svg?vv2087#woosw) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="woosw-icon-"], [class*=" woosw-icon-"] { font-family: 'woosw' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.woosw-icon-20:before {
content: "\e900";
}
.woosw-icon-21:before {
content: "\e901";
}
.woosw-icon-22:before {
content: "\e902";
}
.woosw-icon-16:before {
content: "\e903";
}
.woosw-icon-17:before {
content: "\e904";
}
.woosw-icon-18:before {
content: "\e905";
}
.woosw-icon-19:before {
content: "\e906";
}
.woosw-icon-23:before {
content: "\e907";
}
.woosw-icon-24:before {
content: "\e908";
}
.woosw-icon-25:before {
content: "\f004";
}
.woosw-icon-26:before {
content: "\f005";
}
.woosw-icon-27:before {
content: "\f006";
}
.woosw-icon-28:before {
content: "\f08a";
}
.woosw-icon-29:before {
content: "\f110";
}
.woosw-icon-11:before {
content: "\e909";
}
.woosw-icon-10:before {
content: "\e90a";
}
.woosw-icon-9:before {
content: "\e90b";
}
.woosw-icon-8:before {
content: "\e90c";
}
.woosw-icon-5:before {
content: "\e90d";
}
.woosw-icon-6:before {
content: "\e90e";
}
.woosw-icon-12:before {
content: "\e90f";
}
.woosw-icon-42:before {
content: "\e919";
}
.woosw-icon-2:before {
content: "\e910";
}
.woosw-icon-43:before {
content: "\e91a";
}
.woosw-icon-15:before {
content: "\e911";
}
.woosw-icon-44:before {
content: "\e91b";
}
.woosw-icon-7:before {
content: "\e912";
}
.woosw-icon-4:before {
content: "\e913";
}
.woosw-icon-13:before {
content: "\e914";
}
.woosw-icon-14:before {
content: "\e915";
}
.woosw-icon-46:before {
content: "\e91c";
}
.woosw-icon-3:before {
content: "\e916";
}
.woosw-icon-45:before {
content: "\e91d";
}
.woosw-icon-1:before {
content: "\e918";
}
.woosw-icon-41:before {
content: "\e917";
}
.woosw-icon-30:before {
content: "\e97a";
}
.woosw-icon-31:before {
content: "\e97b";
}
.woosw-icon-32:before {
content: "\e97c";
}
.woosw-icon-33:before {
content: "\e97f";
}
.woosw-icon-35:before {
content: "\e981";
}
.woosw-icon-36:before {
content: "\e982";
}
.woosw-icon-37:before {
content: "\e983";
}
.woosw-icon-38:before {
content: "\e9d7";
}
.woosw-icon-34:before {
content: "\e9d9";
}
.woosw-icon-39:before {
content: "\e9da";
}
.woosw-icon-40:before {
content: "\ea2e";
}

@keyframes wpc-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes wpc-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes woosw-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes woosw-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
.woosw-btn.woosw-disabled,
.woosw-btn[disabled] {
opacity: 0.6;
cursor: not-allowed;
}
.woosw-btn.woosw-added:before {
content: "✓";
margin-right: 5px;
}
.woosw-btn.woosw-btn-has-icon.woosw-added:before {
display: none;
}
.woosw-btn.woosw-adding:after {
content: "..." !important;
display: inline-block !important;
}
.woosw-btn.woosw-btn-has-icon.woosw-adding:after {
display: none !important;
}
.woosw-btn-has-icon {
display: inline-flex;
align-items: center;
}
.woosw-btn-has-icon .woosw-btn-icon {
margin: 0;
}
.woosw-btn-icon-text .woosw-btn-text {
margin-left: 5px;
}
.woosw-btn-text-icon .woosw-btn-text {
margin-right: 5px;
}
.woosw-btn-has-icon.woosw-adding .woosw-btn-icon {
-webkit-animation: woosw-spinner 1s linear infinite;
-moz-animation: woosw-spinner 1s linear infinite;
-ms-animation: woosw-spinner 1s linear infinite;
-o-animation: woosw-spinner 1s linear infinite;
animation: woosw-spinner 1s linear infinite;
}
.woosw-view-wishlist {
font-weight: 700;
cursor: pointer;
}
.woosw-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999989;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
font-size: 14px;
visibility: hidden;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
box-sizing: border-box;
}
.woosw-popup * {
box-sizing: border-box;
}
.woosw-popup table {
margin: 0;
}
.woosw-popup .woosw-popup-content-mid:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 7;
background-color: rgba(255, 255, 255, 0.7);
opacity: 0;
visibility: hidden;
}
.woosw-popup .woosw-popup-content-mid:after {
width: 32px;
height: 32px;
display: block;
margin-top: -16px;
margin-left: -16px;
content: "";
background-image: url(//www.fdh.com.sg/wp-content/plugins/woo-smart-wishlist/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
z-index: 8;
-webkit-animation: woosw-spinner 1s linear infinite;
-moz-animation: woosw-spinner 1s linear infinite;
-ms-animation: woosw-spinner 1s linear infinite;
-o-animation: woosw-spinner 1s linear infinite;
animation: woosw-spinner 1s linear infinite;
opacity: 0;
visibility: hidden;
}
.woosw-popup.woosw-loading .woosw-popup-content {
pointer-events: none;
}
.woosw-popup.woosw-loading .woosw-popup-content-mid:before, .woosw-popup.woosw-loading .woosw-popup-content-mid:after {
opacity: 1;
visibility: visible;
}
.woosw-popup .woosw-popup-inner {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content {
width: 100%;
max-width: 460px;
height: auto;
max-height: 100%;
position: absolute;
top: 40%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
padding: 0;
display: flex;
flex-direction: column;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
overflow: hidden;
background-color: #ffffff;
}
.woosw-popup.woosw-show {
opacity: 1;
visibility: visible;
}
.woosw-popup.woosw-show .woosw-popup-inner .woosw-popup-content {
top: 50%;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content > div {
align-self: stretch;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top {
flex: 0 0 auto;
height: 48px;
line-height: 48px;
padding: 0 60px 0 20px;
margin: 0;
position: relative;
color: #fff;
font-weight: 700;
background-color: #222;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-count-wrapper:before {
content: "(";
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-count-wrapper:after {
content: ")";
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-manage, .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-empty {
color: #fff;
margin-left: 5px;
font-weight: 400;
text-decoration: underline;
cursor: pointer;
}
#woosw_manage .woosw-popup-content-mid {
padding: 10px 0;
}
#woosw_manage .woosw-popup-content-mid .woosw-item--badges {
margin-top: 4px;
display: flex;
gap: 6px;
}
#woosw_choose .woosw-popup-content-mid .woosw-item--badges {
margin-left: 8px;
display: flex;
gap: 6px;
}
#woosw_manage .woosw-popup-content-mid .woosw-badge,
#woosw_choose .woosw-popup-content-mid .woosw-badge {
background: rgba(0, 0, 0, 0.05);
padding: 2px 6px;
border-radius: 4px;
line-height: 1;
}
#woosw_manage .woosw-popup-content-mid .woosw-item--actions {
display: flex;
gap: 10px;
align-items: center;
justify-content: flex-end;
}
.woosw-new-wishlist {
display: flex;
align-items: center;
width: 100%;
}
#woosw_wishlist_name {
flex-grow: 1;
}
.woosw-new-wishlist input {
border-radius: 4px !important;
height: 40px !important;
line-height: 38px !important;
padding: 0 10px !important;
margin: 0;
}
.woosw-new-wishlist input[type=button] {
margin-left: 10px;
}
.woosw-disable {
opacity: 0.5;
pointer-events: none;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close {
display: inline-block;
height: 48px;
line-height: 48px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
text-transform: none;
color: #999999;
font-weight: 400;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close:after {
display: inline-block;
float: right;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
content: "\e918";
font-size: 20px;
font-family: "woosw";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.rtl .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top {
padding: 0 20px 0 60px;
}
body.rtl .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close {
right: auto;
left: 0;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-search {
flex: 0 0 auto;
padding: 10px 20px;
background-color: #fff;
border-bottom: 1px solid #eeeeee;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-search .woosw-search-input {
display: block;
width: 100%;
height: 36px;
line-height: 34px;
padding: 0 10px 0 32px;
margin: 0;
border: 1px solid #dddddd;
border-radius: 4px;
font-size: 13px;
background-color: #f9f9f9;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 10px center;
outline: none;
box-shadow: none;
box-sizing: border-box;
-webkit-transition: border-color 0.3s, background-color 0.3s;
transition: border-color 0.3s, background-color 0.3s;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-search .woosw-search-input:focus {
border-color: #999999;
background-color: #ffffff;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-mid {
display: block;
position: relative;
min-height: 80px;
flex: 1 1 auto;
flex-grow: 1;
padding: 0;
margin: 0;
background-color: #fff;
overflow-x: hidden;
overflow-y: auto;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-mid .woosw-popup-content-mid-message {
display: block;
padding: 20px;
height: 40px;
line-height: 40px;
text-align: center;
}
.woosw-popup .woosw-items {
margin: 0;
padding: 10px 0;
overflow-y: auto;
position: relative;
}
.woosw-popup .woosw-items .woosw-item {
padding: 0 20px;
}
.woosw-popup .woosw-items .woosw-item .woosw-item-inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
border-top: 1px dashed #eeeeee;
}
.woosw-popup .woosw-items .woosw-item:first-child .woosw-item-inner {
border-top: none;
}
.woosw-popup .woosw-items .woosw-item .woosw-item-inner > div {
margin-right: 10px;
}
.woosw-popup .woosw-items .woosw-item .woosw-item-inner > div:last-child {
margin-right: 0;
}
.woosw-popup .woosw-items .woosw-item .woosw-item--info {
flex-grow: 1;
}
.woosw-items .woosw-item .woosw-item--remove, .woosw-items .woosw-item .woosw-item--add {
width: 14px;
flex: 0 0 14px;
font-size: 0;
}
.woosw-items .woosw-item .woosw-item--remove span, .woosw-items .woosw-item .woosw-item--add span {
display: inline-block;
width: 14px;
text-align: center;
cursor: pointer;
}
.woosw-items .woosw-item .woosw-item--remove span:before, .woosw-items .woosw-item .woosw-item--add span:before {
display: inline-block;
content: "\e918";
font-size: 16px;
font-family: "woosw";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.woosw-items .woosw-item .woosw-item--remove span:hover:before, .woosw-items .woosw-item .woosw-item--add span:hover:before {
color: #cc6055;
}
.woosw-items .woosw-item .woosw-item--remove span.woosw-item--removing:before, .woosw-items .woosw-item .woosw-item--remove span.woosw-item--adding:before, .woosw-items .woosw-item .woosw-item--add span.woosw-item--removing:before, .woosw-items .woosw-item .woosw-item--add span.woosw-item--adding:before {
content: "\e913";
animation: woosw-spinner 1s linear infinite;
-webkit-animation: woosw-spinner 1s linear infinite;
}
.woosw-items .woosw-item .woosw-item--add span {
transform: rotate(45deg);
}
.woosw-popup .woosw-items .woosw-item .woosw-item--image {
width: 80px;
flex: 0 0 80px;
}
.woosw-popup .woosw-items .woosw-item .woosw-item--image img {
width: 100%;
height: auto;
border: none;
padding: 0;
margin: 0;
box-shadow: none;
}
.woosw-popup .woosw-items .woosw-item .woosw-item--stock p {
margin: 0;
}
.woosw-popup .woosw-items .woosw-item .woosw-item--name, .woosw-popup .woosw-items .woosw-item .woosw-item--name a {
font-weight: 700;
text-decoration: none;
}
.woosw-popup .woosw-items .woosw-item .woosw-item--atc p, .woosw-popup .woosw-items .woosw-item .woosw-item--atc .add_to_cart_inline {
border: none;
padding: 0;
margin: 0;
text-align: right;
}
.woosw-popup .woosw-items .woosw-item .woosw-item--price-increase {
color: #ff6600;
}
.woosw-popup .woosw-items .woosw-item .woosw-item--price-decrease {
color: #5fbd74;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot {
flex: 0 0 auto;
padding: 20px;
position: relative;
color: #fff;
font-size: 14px;
background-color: #ffffff;
text-transform: uppercase;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner a, .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner span {
line-height: 1.2;
text-decoration: none;
border-bottom: 1px solid #222222;
outline: none;
cursor: pointer;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-notice {
display: block;
text-align: center;
width: 100%;
height: 48px;
line-height: 48px;
padding: 0 20px;
color: #fff;
font-size: 14px;
font-weight: 400;
background-color: #5fbd74;
position: absolute;
left: 0;
bottom: 0;
transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
visibility: hidden;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-notice.woosw-notice-show {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible;
}
.woosw-items .woosw-item .woosw-item--note {
padding-left: 10px;
border-left: 2px solid #222;
font-style: italic;
font-size: 14px;
cursor: pointer;
}
.woosw-items .woosw-item .woosw-item--note-add {
width: 100%;
position: relative;
}
.woosw-items .woosw-item .woosw-item--note-add input {
height: 40px !important;
line-height: 38px !important;
padding: 0 10px !important;
border-radius: 4px !important;
}
.woosw-items .woosw-item .woosw-item--note-add input[type=text] {
width: 100%;
}
.woosw-items .woosw-item .woosw-item--note-add input[type=button] {
position: absolute;
top: 0;
right: 0;
}
body.rtl .woosw-items .woosw-item .woosw-item--note {
border-left: none;
border-right: 2px solid #222;
padding-left: 0;
padding-right: 10px;
}
.woosw-list table.woosw-items {
margin: 0;
padding: 0;
}
.woosw-list table.woosw-items tr td {
vertical-align: middle;
padding: 10px;
}
.woosw-list table.woosw-items tr:nth-child(2n) td {
background-color: rgba(0, 0, 0, 0.03);
}
.woosw-list table.woosw-items tr:hover td {
background-color: rgba(0, 0, 0, 0.05);
}
.woosw-list table.woosw-items .woosw-item .woosw-item--image {
width: 100px;
}
.woosw-list table.woosw-items .woosw-item .woosw-item--image img {
width: 80px;
height: auto;
border-radius: 2px;
border: none;
padding: 0;
margin: 0;
box-shadow: none;
}
.woosw-list table.woosw-items .woosw-item .woosw-item--name a {
font-weight: 700;
}
.woosw-list table.woosw-items .woosw-item .woosw-item--atc p, .woosw-list table.woosw-items .woosw-item .woosw-item--atc .add_to_cart_inline {
border: none;
padding: 0;
margin: 0;
}
.woosw-list .woosw-switcher {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}
.woosw-list .woosw-switcher .woosw-name {
font-size: 16px;
font-weight: 600;
}
.woosw-list .woosw-actions {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 30px;
}
.woosw-list .woosw-copy {
display: flex;
align-items: center;
}
.woosw-list .woosw-copy .woosw-copy-url {
margin-left: 10px;
margin-right: 0;
}
body.rtl .woosw-list .woosw-copy .woosw-copy-url {
margin-left: 0;
margin-right: 10px;
}
.woosw-list .woosw-share .woosw-share-label, .woosw-list .woosw-share a {
display: inline-block;
margin-left: 0;
margin-right: 10px;
text-decoration: none !important;
font-style: normal !important;
}
body.rtl .woosw-list .woosw-share .woosw-share-label, body.rtl .woosw-list .woosw-share a {
margin-right: 0;
margin-left: 10px;
}
.woosw-link a {
color: inherit;
}
.woosw-link .woosw-link-inner {
position: relative;
}
.woosw-link .woosw-link-inner:after {
content: attr(data-count);
display: block;
background-color: #e94b35;
color: #fff;
font-size: 10px;
font-weight: 400;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border-radius: 8px;
position: absolute;
top: -10px;
right: -10px;
}
.woosw-menu-item .woosw-menu-item-inner {
position: relative;
}
.woosw-menu-item .woosw-menu-item-inner:after {
content: attr(data-count);
display: block;
background-color: #e94b35;
color: #fff;
font-size: 10px;
font-weight: 400;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border-radius: 8px;
position: absolute;
top: -10px;
right: -10px;
}
.woosw-icon {
font-family: "woosw";
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.woosw-share-facebook .woosw-icon:before {
content: "\e919";
}
.woosw-share-twitter .woosw-icon:before {
content: "\e91d";
}
.woosw-share-pinterest .woosw-icon:before {
content: "\e91c";
}
.woosw-share-instagram .woosw-icon:before {
content: "\e91a";
}
.woosw-share-mail .woosw-icon:before {
content: "\e91b";
}
@media only screen and (max-width: 860px) {
.woosw-list .woosw-actions {
flex-direction: column;
align-items: flex-start;
}
}
.woosw-suggested {
padding: 0 20px;
}
.woosw-suggested-heading {
text-align: center;
overflow: hidden;
}
.woosw-suggested-heading span {
position: relative;
}
.woosw-suggested-heading span:before {
content: "";
width: 1000px;
height: 1px;
background-color: #dddddd;
display: block;
position: absolute;
top: 50%;
left: -10px;
transform: translateX(-100%);
}
.woosw-suggested-heading span:after {
content: "";
width: 1000px;
height: 1px;
background-color: #dddddd;
display: block;
position: absolute;
top: 50%;
left: auto;
right: -10px;
transform: translateX(100%);
} .notiny-container {
z-index: 999999;
}
.notiny-theme-woosw {
padding: 10px;
background-color: #ffffff;
color: #222222;
margin: 5px 0;
min-height: 32px;
max-width: 100vw;
display: flex;
align-items: center;
border: 1px solid #eeeeee;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.03);
}
.notiny-theme-woosw .notiny-img {
margin: 0;
padding: 0;
width: 48px;
flex: 0 0 48px;
margin-right: 10px;
}
.notiny-theme-woosw .notiny-img img {
width: 100%;
height: auto;
margin: 0;
}
.notiny-theme-woosw .notiny-text {
font-size: 14px;
line-height: 1.4;
flex-grow: 1;
}
.notiny-container-fluid-top .notiny-theme-woosw, .notiny-container-fluid-bottom .notiny-theme-woosw {
width: 90%;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.notiny-container-fluid-top {
top: 10px !important;
}
.notiny-container-fluid-bottom {
bottom: 10px !important;
} .woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content {
left: unset;
top: 0;
right: 0;
height: 100%;
transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
}
.woosw-popup.woosw-popup-right.woosw-show .woosw-popup-inner .woosw-popup-content {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top {
background-color: rgba(0, 0, 0, 0.1);
color: #222222;
text-transform: uppercase;
}
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot {
background-color: #ffffff;
color: #222222;
text-transform: uppercase;
}
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top a, .woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-empty, .woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-manage, .woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close, .woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot a, .woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-continue {
color: #222222;
} .woosw-popup.woosw-popup-left .woosw-popup-inner .woosw-popup-content {
left: 0;
top: 0;
right: unset;
height: 100%;
transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
}
.woosw-popup.woosw-popup-left.woosw-show .woosw-popup-inner .woosw-popup-content {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
.woosw-popup.woosw-popup-left .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top {
background-color: rgba(0, 0, 0, 0.1);
}
.woosw-popup.woosw-popup-left .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top {
background-color: rgba(0, 0, 0, 0.1);
color: #222222;
text-transform: uppercase;
}
.woosw-popup.woosw-popup-left .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot {
background-color: #ffffff;
color: #222222;
text-transform: uppercase;
}
.woosw-popup.woosw-popup-left .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top a, .woosw-popup.woosw-popup-left .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-empty, .woosw-popup.woosw-popup-left .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-manage, .woosw-popup.woosw-popup-left .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close, .woosw-popup.woosw-popup-left .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot a, .woosw-popup.woosw-popup-left .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-continue {
color: #222222;
} .woosw-choose-list {
padding: 20px 0;
}
.woosw-choose-item {
display: flex;
align-items: center;
padding: 12px 15px;
margin: 0 20px 10px;
cursor: pointer;
border-radius: 4px;
border: 1px solid #e0e0e0;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.woosw-choose-item:last-child {
margin-bottom: 0;
}
.woosw-choose-item:hover {
background-color: #f5f5f5;
border-color: #999;
}
.woosw-choose-item.woosw-choose-item-active {
background-color: #e8f5e9;
border-color: #4caf50;
}
.woosw-choose-item-info {
flex: 1;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.woosw-choose-item-name {
font-weight: 600;
font-size: 14px;
}
.woosw-choose-item-count {
margin-left: 8px;
color: #888;
font-size: 13px;
}
.woosw-choose-item-default {
border-color: #ccc;
} .woosw-hidden {
display: none !important;
}
.woosw-collabable-toggle {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 20px;
padding: 12px 16px;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
transition: all 0.2s ease;
}
.woosw-collabable-toggle:hover {
background: #f1f5f9;
border-color: #cbd5e1;
}
.woosw-collabable-switch {
position: relative;
display: inline-block;
width: 44px;
height: 24px;
flex-shrink: 0;
margin: 0;
cursor: pointer;
}
.woosw-collabable-switch input {
opacity: 0;
width: 0;
height: 0;
margin: 0;
position: absolute;
}
.woosw-collabable-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #cbd5e1;
transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 24px;
}
.woosw-collabable-slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 3px;
bottom: 3px;
background-color: white;
transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 50%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.woosw-collabable-switch input:checked + .woosw-collabable-slider {
background-color: #3b82f6;
}
.woosw-collabable-switch input:focus + .woosw-collabable-slider {
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}
.woosw-collabable-switch input:checked + .woosw-collabable-slider:before {
transform: translateX(20px);
}
.woosw-collabable-label {
font-size: 14px;
font-weight: 500;
color: #334155;
user-select: none;
}
.woosw-search-product-wrap {
position: relative;
margin-bottom: 24px;
width: 100%;
}
.woosw-search-product-inner {
position: relative;
display: flex;
align-items: center;
width: 100%;
background: #ffffff;
border: 1px solid #d1d5db;
border-radius: 8px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
transition: all 0.2s ease;
}
.woosw-search-product-inner:focus-within {
border-color: #3b82f6;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}
.woosw-search-product-icon {
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'%3E%3C/path%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
body.rtl .woosw-search-product-icon {
left: auto;
right: 14px;
}
.woosw-search-product-input {
width: 100% !important;
height: 44px !important;
padding: 0 40px 0 42px !important;
border: none !important;
outline: none !important;
background: transparent !important;
box-shadow: none !important;
font-size: 14px !important;
color: #1e293b !important;
}
body.rtl .woosw-search-product-input {
padding: 0 42px 0 40px !important;
}
.woosw-search-product-input::placeholder {
color: #94a3b8;
opacity: 1;
}
.woosw-search-product-clear {
display: none;
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 18L18 6M6 6l12 12'%3E%3C/path%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: opacity 0.15s ease;
}
body.rtl .woosw-search-product-clear {
right: auto;
left: 14px;
}
.woosw-search-product-clear:hover {
opacity: 0.8;
}
.woosw-search-product-wrap.woosw-has-text .woosw-search-product-clear {
display: block;
}
.woosw-search-product-loading {
display: none;
position: absolute;
right: 14px;
top: 50%;
margin-top: -8px;
width: 16px;
height: 16px;
border: 2px solid #e2e8f0;
border-top-color: #3b82f6;
border-radius: 50%;
animation: woosw-spinner 0.6s linear infinite;
}
body.rtl .woosw-search-product-loading {
right: auto;
left: 14px;
}
.woosw-search-product-wrap.woosw-loading .woosw-search-product-clear {
display: none !important;
}
.woosw-search-product-wrap.woosw-loading .woosw-search-product-loading {
display: block !important;
}
@keyframes woosw-spinner {
to {
transform: rotate(360deg);
}
}
.woosw-search-product-results {
display: none;
position: absolute;
top: calc(100% + 6px);
left: 0;
right: 0;
z-index: 9999;
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 8px;
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
max-height: 380px;
overflow-y: auto;
}
.woosw-search-product-results.woosw-active {
display: block;
}
.woosw-search-results-list {
padding: 6px 0;
}
.woosw-search-result-item {
display: flex;
align-items: center;
padding: 10px 16px;
border-bottom: 1px solid #f1f5f9;
transition: background-color 0.15s ease;
}
.woosw-search-result-item:last-child {
border-bottom: none;
}
.woosw-search-result-item:hover {
background-color: #f8fafc;
}
.woosw-search-result-thumb {
width: 44px;
height: 44px;
flex-shrink: 0;
border-radius: 6px;
overflow: hidden;
margin-right: 14px;
background-color: #f1f5f9;
}
body.rtl .woosw-search-result-thumb {
margin-right: 0;
margin-left: 14px;
}
.woosw-search-result-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block;
}
.woosw-search-result-info {
flex-grow: 1;
min-width: 0;
}
.woosw-search-result-title {
font-size: 14px;
font-weight: 600;
color: #1e293b;
line-height: 1.3;
margin-bottom: 3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.woosw-search-result-price {
font-size: 13px;
color: #64748b;
line-height: 1.2;
}
.woosw-search-result-price del {
color: #94a3b8;
margin-right: 4px;
}
.woosw-search-result-price ins {
text-decoration: none;
font-weight: 600;
color: #059669;
}
.woosw-search-result-action {
margin-left: 14px;
flex-shrink: 0;
}
body.rtl .woosw-search-result-action {
margin-left: 0;
margin-right: 14px;
}
.woosw-search-add-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 6px 14px !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
border-radius: 6px !important;
border: 1px solid #3b82f6 !important;
background-color: #3b82f6 !important;
color: #ffffff !important;
cursor: pointer;
transition: all 0.2s ease !important;
}
.woosw-search-add-btn:hover {
background-color: #2563eb !important;
border-color: #2563eb !important;
color: #ffffff !important;
}
.woosw-search-add-btn.is-added,
.woosw-search-add-btn:disabled {
background-color: #f1f5f9 !important;
border-color: #cbd5e1 !important;
color: #64748b !important;
cursor: not-allowed !important;
opacity: 0.9;
}
.woosw-search-add-btn .woosw-search-add-icon {
margin-right: 4px;
font-size: 13px;
}
body.rtl .woosw-search-add-btn .woosw-search-add-icon {
margin-right: 0;
margin-left: 4px;
}
.woosw-search-add-btn.woosw-adding {
opacity: 0.7;
pointer-events: none;
}
.woosw-search-results-empty {
padding: 20px;
text-align: center;
color: #94a3b8;
font-size: 14px;
}
.woosw-name-wrapper {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.woosw-add-collab-btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 6px;
padding: 5px 12px !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
border-radius: 6px !important;
border: 1px solid #3b82f6 !important;
background-color: #eff6ff !important;
color: #1d4ed8 !important;
cursor: pointer;
transition: all 0.2s ease !important;
text-decoration: none !important;
box-shadow: 0 1px 2px rgba(59, 130, 246, 0.08) !important;
}
.woosw-add-collab-btn:hover {
background-color: #3b82f6 !important;
border-color: #2563eb !important;
color: #ffffff !important;
box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2) !important;
}
.woosw-add-collab-btn.is-added {
background-color: #fef2f2 !important;
border-color: #fca5a5 !important;
color: #dc2626 !important;
cursor: pointer !important;
box-shadow: 0 1px 2px rgba(239, 68, 68, 0.08) !important;
}
.woosw-add-collab-btn.is-added:hover {
background-color: #ef4444 !important;
border-color: #dc2626 !important;
color: #ffffff !important;
box-shadow: 0 2px 4px rgba(239, 68, 68, 0.2) !important;
}
.woosw-add-collab-btn:disabled {
background-color: #f1f5f9 !important;
border-color: #cbd5e1 !important;
color: #64748b !important;
cursor: default !important;
box-shadow: none !important;
opacity: 0.7;
}
.woosw-add-collab-btn .woosw-add-collab-icon {
font-size: 12px;
line-height: 1;
}
.woosw-add-collab-btn.woosw-loading {
opacity: 0.7;
pointer-events: none;
}
.woosw-add-collab-notice {
display: inline-flex;
align-items: center;
padding: 4px 10px;
font-size: 12px;
line-height: 1.4;
font-weight: 500;
border-radius: 4px;
transition: opacity 0.3s ease, transform 0.3s ease;
animation: wooswFadeIn 0.25s ease-out;
}
.woosw-add-collab-notice.woosw-notice-success {
background-color: #ecfdf5;
color: #065f46;
border: 1px solid #a7f3d0;
}
.woosw-add-collab-notice.woosw-notice-error {
background-color: #fef2f2;
color: #991b1b;
border: 1px solid #fecaca;
}
.woosw-add-collab-notice.woosw-notice-fadeout {
opacity: 0;
transform: translateY(-2px);
}
@keyframes wooswFadeIn {
from {
opacity: 0;
transform: translateY(-2px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.woosw-item-name-wrap {
display: inline-flex;
align-items: center;
gap: 4px;
max-width: 100%;
}
.woosw-rename-btn {
display: inline-flex;
align-items: center;
justify-content: center;
background: none;
border: none;
padding: 2px 4px;
margin: 0;
cursor: pointer;
color: #aaa;
font-size: 14px;
line-height: 1;
border-radius: 3px;
opacity: 0;
transition: color 0.15s, opacity 0.15s, background 0.15s;
vertical-align: middle;
flex-shrink: 0;
}
.woosw-rename-btn:hover {
color: #555;
background: rgba(0, 0, 0, 0.06);
}
.woosw-rename-btn:focus {
outline: none;
opacity: 1;
color: #555;
}
.woosw-item:hover .woosw-rename-btn,
.woosw-item-name-wrap:hover .woosw-rename-btn {
opacity: 1;
}
.woosw-rename-input {
flex: 1;
min-width: 80px;
max-width: 240px;
height: 28px !important;
line-height: 26px !important;
padding: 0 6px !important;
margin: 0 !important;
font-size: 13px !important;
border-radius: 3px !important;
border: 1px solid #ccc !important;
box-shadow: none !important;
transition: border-color 0.15s;
}
.woosw-rename-input:focus {
outline: none;
border-color: #7b61ff !important;
}
.woosw-rename-input.woosw-rename-error {
border-color: #e2401c !important;
animation: wooswShake 0.3s ease;
}
.woosw-rename-save,
.woosw-rename-cancel {
display: inline-flex;
align-items: center;
justify-content: center;
background: none;
border: 1px solid transparent;
width: 26px;
height: 26px;
padding: 0;
margin: 0;
cursor: pointer;
font-size: 14px;
border-radius: 3px;
line-height: 1;
flex-shrink: 0;
transition: color 0.15s, background 0.15s, border-color 0.15s;
}
.woosw-rename-save:disabled,
.woosw-rename-cancel:disabled {
opacity: 0.4;
cursor: default;
}
.woosw-rename-save {
color: #3a8c3a;
border-color: #3a8c3a;
}
.woosw-rename-save:hover:not(:disabled) {
background: #3a8c3a;
color: #fff;
}
.woosw-rename-cancel {
color: #999;
border-color: #ccc;
}
.woosw-rename-cancel:hover:not(:disabled) {
background: #e2401c;
border-color: #e2401c;
color: #fff;
}
.woosw-rename-saving {
opacity: 0.7;
pointer-events: none;
}
@keyframes wooswShake {
0%, 100% {
transform: translateX(0);
}
25% {
transform: translateX(-4px);
}
75% {
transform: translateX(4px);
}
}
.woosw-detail-name-wrap {
display: inline-flex;
align-items: center;
gap: 6px;
flex-wrap: nowrap;
line-height: 1.3;
}
.woosw-detail-rename-btn {
display: inline-flex;
align-items: center;
justify-content: center;
background: none;
border: none;
padding: 2px 5px;
margin: 0;
cursor: pointer;
color: #bbb;
font-size: 16px;
line-height: 1;
border-radius: 4px;
opacity: 0;
transition: color 0.15s, opacity 0.15s, background 0.15s;
vertical-align: middle;
flex-shrink: 0;
}
.woosw-detail-rename-btn:hover {
color: #444;
background: rgba(0, 0, 0, 0.06);
}
.woosw-detail-rename-btn:focus {
outline: none;
opacity: 1;
color: #444;
}
.woosw-detail-name-wrap:hover .woosw-detail-rename-btn {
opacity: 1;
}
.woosw-detail-rename-input {
height: 32px !important;
line-height: 30px !important;
padding: 0 8px !important;
margin: 0 !important;
font-size: 16px !important;
font-weight: 600 !important;
border-radius: 4px !important;
border: 2px solid #7b61ff !important;
box-shadow: 0 0 0 3px rgba(123, 97, 255, 0.12) !important;
outline: none !important;
background: #fff !important;
min-width: 160px;
max-width: 320px;
transition: border-color 0.15s, box-shadow 0.15s;
}
.woosw-detail-rename-input.woosw-rename-error {
border-color: #e2401c !important;
box-shadow: 0 0 0 3px rgba(226, 64, 28, 0.12) !important;
animation: wooswShake 0.3s ease;
}
.woosw-detail-rename-save,
.woosw-detail-rename-cancel {
display: inline-flex;
align-items: center;
justify-content: center;
background: none;
border: 1px solid transparent;
width: 30px;
height: 30px;
padding: 0;
margin: 0;
cursor: pointer;
font-size: 16px;
border-radius: 4px;
line-height: 1;
flex-shrink: 0;
transition: color 0.15s, background 0.15s, border-color 0.15s;
}
.woosw-detail-rename-save:disabled,
.woosw-detail-rename-cancel:disabled {
opacity: 0.4;
cursor: default;
}
.woosw-detail-rename-save {
color: #3a8c3a;
border-color: #3a8c3a;
}
.woosw-detail-rename-save:hover:not(:disabled) {
background: #3a8c3a;
color: #fff;
}
.woosw-detail-rename-cancel {
color: #999;
border-color: #ccc;
}
.woosw-detail-rename-cancel:hover:not(:disabled) {
background: #e2401c;
border-color: #e2401c;
color: #fff;
}
.woosw-choose-add-new {
display: flex;
align-items: center;
gap: 10px;
padding: 20px;
margin: 0 0 0 0;
border-top: 1px solid #eee;
}
.woosw-choose-new-name {
flex: 1;
height: 34px !important;
line-height: 32px !important;
padding: 0 10px !important;
margin: 0 !important;
font-size: 13px !important;
border-radius: 4px !important;
border: 1px solid #ddd !important;
box-shadow: none !important;
outline: none !important;
background: #f9f9f9 !important;
transition: border-color 0.15s, background 0.15s;
}
.woosw-choose-new-name:focus {
border-color: #7b61ff !important;
background: #fff !important;
}
.woosw-choose-new-name.woosw-rename-error {
border-color: #e2401c !important;
animation: wooswShake 0.3s ease;
}
.woosw-choose-new-save {
display: inline-flex;
align-items: center;
justify-content: center;
height: 34px;
padding: 0 14px;
margin: 0;
cursor: pointer;
font-size: 13px;
font-weight: 600;
border-radius: 4px;
line-height: 1;
flex-shrink: 0;
background: #222;
color: #fff;
border: 1px solid #222;
transition: background 0.15s, border-color 0.15s;
}
.woosw-choose-new-save:hover:not(:disabled) {
background: #444;
border-color: #444;
}
.woosw-choose-new-save:disabled {
opacity: 0.4;
cursor: default;
}
.woosw-choose-add-new-loading {
opacity: 0.5;
pointer-events: none;
}
.woosw-choose-item-new {
animation: wooswFadeIn 0.2s ease-out;
}
.woosw-choose-item-collab {
font-size: 12px;
font-weight: 400;
color: #999;
}