.cuw-offer-text, .cuw-discount-text {
padding: 2px 6px;
border-radius: 16px;
background: limegreen;
color: white;
cursor: pointer; }
.cuw-offer-row .cuw-container {
margin: 0 !important; }
.cuw-page-preview {
margin: 0;
padding: 0 12px; }
.cuw-page-product-image {
width: 256px;
margin: 0 auto; }
.cuw-page-product-image img {
width: 100%;
height: 100%; }
.cuw-page-offer-description {
display: block;
max-width: 480px;
text-align: center;
margin: 0 auto; }
.cuw-page-offer-accept,
.cuw-page-offer-decline,
.cuw-page-product-quantity,
.cuw-page-product-variants {
display: flex;
align-items: center;
justify-content: center;
margin: 1rem 0; }
.cuw-page-product-variants select {
max-width: 320px; }
.cuw-modal {
display: none;
position: fixed;
padding-top: 100px;
top: 0;
left: 0;
z-index: 1000000;
overflow: auto;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4); }
.cuw-modal-content {
position: relative;
overflow: hidden;
border-radius: 5px;
width: 80%;
margin: auto;
background-color: #fff; }
.cuw-animate-top {
animation-name: cuw-animate-top;
animation-duration: 0.3s; }
.cuw-animate-fade {
animation-name: cuw-animate-fade;
animation-duration: 0.3s; }
.cuw-modal-close {
margin-left: auto;
padding: 0 6px;
color: #4a5568;
float: right;
font-size: 28px;
font-weight: bold; }
.cuw-modal-close:hover, .cuw-modal-close:focus {
color: #e53e3e;
text-decoration: none;
cursor: pointer; }
.cuw-modal-header, .cuw-modal-footer {
display: flex;
align-items: center;
padding: 8px 16px;
background-color: #f7fafc;
color: #1a202c; }
.cuw-modal-header h1, .cuw-modal-header h2, .cuw-modal-header h3, .cuw-modal-header h4, .cuw-modal-footer h1, .cuw-modal-footer h2, .cuw-modal-footer h3, .cuw-modal-footer h4 {
padding: 0;
margin: 0; }
.cuw-modal-body {
padding: 8px 16px; }
@keyframes cuw-animate-top {
from {
top: -300px;
opacity: 0; }
to {
top: 0;
opacity: 1; } }
@keyframes cuw-animate-fade {
0% {
opacity: 0; }
100% {
opacity: 1; } }