.dmcwzsb-css-banner-container {
width: 100%;
flex: 1 100%;
min-width: 200px;
} .dmcwzsb-css-timer-end {
display: none;
} .dmcwzsb-banner-widget:has(.dmcwzsb-css-timer-end) {
display: none;
} .dmcwzsb-css-topbar-mobile-off,
.dmcwzsb-css-botbar-mobile-off {
display: none;
} .dmcwzsb-css-topbar-container {
display: flex;
justify-content: center;
}
.dmcwzsb-css-topbar-box {
width: 100%;
}
.dmcwzsb-css-fix-topbar-hide {
transform: translateY(-50px);
}
.dmcwzsb-css-fix-topbar-hide.dmcwzsb-css-fix-topbar-hide-off {
transform: translateY(0);
}
.dmcwzsb-css-fix-topbar {
top: 0;
position: fixed;
z-index: 100;
transition-duration: 1s;
transform: translateY(0);
} .dmcwzsb-css-botbar-box .dmcwzsb-css-sale-banner {
margin-bottom: 0;
}
.dmcwzsb-css-botbar-container {
display: flex;
justify-content: center;
}
.dmcwzsb-css-botbar-box {
width: 100%;
transition-duration: 1s;
}
.dmcwzsb-css-botbar-box.dmcwzsb-css-fix-botbar-under-fix-on,
.dmcwzsb-css-action-footer-hide .dmcwzsb-css-botbar-box,
.dmcwzsb-css-action-footer-show .dmcwzsb-css-botbar-box {
position: fixed;
z-index: 100;
}
.dmcwzsb-css-position-center .dmcwzsb-css-botbar-box,
.dmcwzsb-css-position-left .dmcwzsb-css-botbar-box,
.dmcwzsb-css-position-right .dmcwzsb-css-botbar-box {
margin-left: 25px;
margin-right: 25px;
width: calc(100% - 50px);
} .dmcwzsb-css-action-footer-under .dmcwzsb-css-botbar-box, .dmcwzsb-css-fix-botbar-under-hide { bottom: -100%;
} .dmcwzsb-css-fix-botbar-hide-hide {
transform: translateY(999px);
} .dmcwzsb-css-botbar-box.dmcwzsb-css-fix-botbar-hide-off {
bottom: 0;
transition-duration: 0s;
} .dmcwzsb-css-position-center .dmcwzsb-css-botbar-box {
max-width: 1200px;
}
.dmcwzsb-css-position-left .dmcwzsb-css-botbar-box,
.dmcwzsb-css-position-right .dmcwzsb-css-botbar-box {
max-width: 600px;
} .dmcwzsb-css-action-footer-show.dmcwzsb-css-position-full .dmcwzsb-css-botbar-box,
.dmcwzsb-css-action-footer-hide.dmcwzsb-css-position-full .dmcwzsb-css-botbar-box,
.dmcwzsb-css-position-full .dmcwzsb-css-fix-botbar-under-fix-on {
bottom: 0;
}
.dmcwzsb-css-action-footer-show.dmcwzsb-css-position-center .dmcwzsb-css-botbar-box,
.dmcwzsb-css-action-footer-hide.dmcwzsb-css-position-center .dmcwzsb-css-botbar-box,
.dmcwzsb-css-position-center .dmcwzsb-css-fix-botbar-under-fix-on {
bottom: 15px;
}
.dmcwzsb-css-action-footer-show.dmcwzsb-css-position-left .dmcwzsb-css-botbar-box,
.dmcwzsb-css-action-footer-hide.dmcwzsb-css-position-left .dmcwzsb-css-botbar-box,
.dmcwzsb-css-position-left .dmcwzsb-css-fix-botbar-under-fix-on {
bottom: 25px;
left: 0;
}
.dmcwzsb-css-action-footer-show.dmcwzsb-css-position-right .dmcwzsb-css-botbar-box,
.dmcwzsb-css-action-footer-hide.dmcwzsb-css-position-right .dmcwzsb-css-botbar-box,
.dmcwzsb-css-position-right .dmcwzsb-css-fix-botbar-under-fix-on {
bottom: 25px;
right: 0;
} .dmcwzsb-css-banner-vertical.dmcwzsb-css-sale-banner {
flex-direction: column;
}
.dmcwzsb-css-banner-vertical .dmcwzsb-css-sale-banner-count {
flex-wrap: wrap;
}
.dmcwzsb-css-banner-vertical .dmcwzsb-css-sale-banner-text p {
text-align: center!important; } .dmcwzsb-css-banner-sup-close {
display: none;
}
.dmcwzsb-css-banner-close-box {
font-size: 16px;
margin-bottom: -34px;
}
.dmcwzsb-css-banner-close-size-1 {
font-size: 12px;
margin-bottom: -30px;
}
.dmcwzsb-css-banner-close-size-2 {
font-size: 14px;
margin-bottom: -32px;
}
.dmcwzsb-css-banner-close-size-4 {
font-size: 18px;
margin-bottom: -36px;
}
.dmcwzsb-css-banner-close-size-5 {
font-size: 20px;
margin-bottom: -37px;
}
.dmcwzsb-css-banner-close {
text-align: right;
}
.dmcwzsb-css-banner-button-close {
display: inline-block;
border: none;
background: rgba(0, 0, 0, 0.8);
font-size: inherit;
line-height: 1;
cursor: pointer;
color: #fff;
margin: 5px;
padding: 4px 6px;
opacity: 0.9;
border-radius: 100px;
}
.dmcwzsb-css-banner-button-close:hover {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
}  .dmcwzsb-css-sale-banner {
display: flex;
gap: 10px 20px;
justify-content: center;
align-items: center;
margin-bottom: 2px;
padding: 15px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
word-break: break-word;
background: #2EB0ED;
color: white;
box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.3);
} .dmcwzsb-css-sale-banner-button,
.dmcwzsb-css-sale-banner-count {
margin: 5px 0;
}  .dmcwzsb-css-sale-banner-text {
font-size: 20px;
text-align: center;
} .dmcwzsb-css-sale-banner-text p {
margin: 0;
} .dmcwzsb-css-sale-banner-button {
display: inline-block; padding: 0 20px;
border-radius: 5px;
text-align: center;
text-decoration: none!important;
background: #2c8220;
transition: 0.2s;
word-break: normal;
overflow-wrap: normal;
}
.dmcwzsb-css-sale-banner-button:hover {
box-shadow: 0 0 0.3em rgba(0,0,0,0.5);
}
.dmcwzsb-css-sale-banner-button-text {
min-width: 120px;
margin: 10px;
color: #fff;
}
span.dmcwzsb-css-sale-banner-button-text {
display: block; } .dmcwzsb-css-sale-banner-count {
display: flex;
justify-content: center;
gap: 10px;
}
.dmcwzsb-css-sale-banner-count-item {
display: flex;
justify-content: center;
flex-direction: column;
--min-h: 60px;
--min-w: 60px;
min-height: var(--min-h);
min-width: var(--min-w);
border-radius: 2px;
padding: 5px 10px;
text-align: center;
background: #bc4f52;
}
.dmcwzsb-css-sale-banner-count-item span {
display: block;
}
.dmcwzsb-css-sale-banner-count-num-box {
font-size: 20px;
}
.dmcwzsb-css-sale-banner-count-label {
font-size: 12px;
}  .dmcwzsb-css-banner-design-2.dmcwzsb-css-sale-banner {
gap: 15px 25px;
padding: 20px 25px;
background: #303030;
} .dmcwzsb-css-banner-design-2 .dmcwzsb-css-sale-banner-button {
border-radius: 50px;
background: #ff3434;
outline: 1px solid rgba(0,0,0,0);
}
.dmcwzsb-css-banner-design-2 .dmcwzsb-css-sale-banner-button:hover {
outline: 1px solid #ff3434;
} .dmcwzsb-css-banner-design-2 .dmcwzsb-css-sale-banner-count-item {
--min-h: 80px;
--min-w: 80px;
min-height: var(--min-h);
min-width: var(--min-w);
border-radius: 100px;
background: #2EB0ED;
} .dmcwzsb-css-botbar-author,
.dmcwzsb-css-topbar-author {
display: block;
width: max-content;
font-size: 8px;
font-family: Helvetica, Arial, sans-serif;
}
.dmcwzsb-css-botbar-before-box .dmcwzsb-css-botbar-author,
.dmcwzsb-css-topbar-before-box .dmcwzsb-css-topbar-author {
margin-bottom: -17px;
}
.dmcwzsb-css-botbar-after-box .dmcwzsb-css-botbar-author,
.dmcwzsb-css-topbar-after-box .dmcwzsb-css-topbar-author {
margin-top: -15px;
}
.dmcwzsb-css-topbar-before-box .dmcwzsb-css-topbar-author {
padding-top: 5px;
}
.dmcwzsb-css-botbar-author-group,
.dmcwzsb-css-topbar-author-group {
display: inline-block;
background: rgba(0, 0, 0, 0.5);
padding: 0 7px;
margin-left: 10px;
border-radius: 8px;
color: #fff;
}
.dmcwzsb-css-botbar-author-text-a,
.dmcwzsb-css-topbar-author-text-a {
color: #29ffbf;
}
.dmcwzsb-css-botbar-author-text-a:hover,
.dmcwzsb-css-topbar-author-text-a:hover {
color: #29cdff;
}  @media (max-width: 1025px) {
.dmcwzsb-css-pc {
display: none!important;
}
}
@media (min-width: 1025px) {
.dmcwzsb-css-mobile {
display: none!important;
}
} @media (max-width: 300px) {
.dmcwzsb-css-sale-banner {
font-size: 0.8em;
}
} @supports (container-type: inline-size) {
.dmcwzsb-css-banner-box {
container-type: inline-size;
container-name: banner;
}
@container banner (max-width: 400px) {
.dmcwzsb-css-sale-banner {
flex-direction: column;
}
.dmcwzsb-css-sale-banner .dmcwzsb-css-sale-banner-count {
flex-wrap: wrap;
}
.dmcwzsb-css-sale-banner .dmcwzsb-css-sale-banner-text p {
text-align: center!important;
}
}
} @supports not (container-type: inline-size) { @media (max-width: 1200px) {
.dmcwzsb-css-topbar.dmcwzsb-css-sale-banner,
.dmcwzsb-css-botbar.dmcwzsb-css-sale-banner {
flex-direction: column;
}
.dmcwzsb-css-topbar .dmcwzsb-css-sale-banner-count,
.dmcwzsb-css-botbar .dmcwzsb-css-sale-banner-count  {
flex-wrap: wrap;
}
.dmcwzsb-css-topbar .dmcwzsb-css-sale-banner-text p,
.dmcwzsb-css-botbar .dmcwzsb-css-sale-banner-text p {
text-align: center!important;
}
} .dmcwzsb-css-scode.dmcwzsb-css-sale-banner,
.dmcwzsb-css-widget.dmcwzsb-css-sale-banner,
.dmcwzsb-css-woo.dmcwzsb-css-sale-banner {
flex-direction: column;
}
.dmcwzsb-css-scode .dmcwzsb-css-sale-banner-count,
.dmcwzsb-css-widget .dmcwzsb-css-sale-banner-count,
.dmcwzsb-css-woo .dmcwzsb-css-sale-banner-count {
flex-wrap: wrap;
}
.dmcwzsb-css-scode .dmcwzsb-css-sale-banner-text p,
.dmcwzsb-css-widget .dmcwzsb-css-sale-banner-text p,
.dmcwzsb-css-woo .dmcwzsb-css-sale-banner-text p {
text-align: center!important;
}
} .woocommerce .dmcwzsb-css-container-woo-checkout,
.wp-block-woocommerce-checkout-totals-block .dmcwzsb-css-container-woo-checkout {
margin-top: 20px;
}