html body.woocommerce-checkout,
html body.woocommerce-checkout #page,
html body.woocommerce-checkout #content,
html body.woocommerce-checkout .site-content,
html body.woocommerce-checkout .entry-content,
html body.woocommerce-checkout .woocommerce {
background:
radial-gradient(circle at 78% 8%, rgba(20, 184, 166, 0.13), transparent 30vw),
radial-gradient(circle at 14% 20%, rgba(244, 247, 246, 0.05), transparent 28vw),
linear-gradient(180deg, #07100f 0%, #0d1513 48%, #050807 100%) !important;
background-color: #07100f !important;
color: #f4f7f6 !important;
}
html body.woocommerce-checkout .woocommerce-form-coupon-toggle {
max-width: 920px !important;
margin: 0 auto 24px !important;
text-align: center !important;
}
html body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 40px !important;
margin: 0 !important;
padding: 10px 18px !important;
border: 1px solid rgba(20, 184, 166, 0.35) !important;
border-radius: 10px !important;
background: rgba(20, 184, 166, 0.14) !important;
color: #f4f7f6 !important;
box-shadow: none !important;
}
html body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a {
color: #14b8a6 !important;
font-weight: 800 !important;
}
html body.woocommerce-checkout .woocommerce-NoticeGroup-checkout,
html body.woocommerce-checkout .woocommerce-notices-wrapper {
width: min(calc(100% - 32px), 1180px) !important;
margin: 0 auto 18px !important;
}
html body.woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error,
html body.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-error,
html body.woocommerce-checkout .iac-checkout-error-panel {
position: sticky !important;
top: 86px !important;
z-index: 10020 !important;
display: block !important;
margin: 0 auto 18px !important;
padding: 18px 20px 18px 48px !important;
border: 1px solid rgba(255, 92, 92, 0.72) !important;
border-radius: 12px !important;
background: rgba(78, 12, 12, 0.96) !important;
color: #f4f7f6 !important;
box-shadow: 0 18px 44px rgba(0, 0, 0, 0.38), 0 0 0 4px rgba(255, 92, 92, 0.12) !important;
font-size: 15px !important;
font-weight: 800 !important;
line-height: 1.5 !important;
list-style: disc !important;
}
html body.woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error::before,
html body.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-error::before,
html body.woocommerce-checkout .iac-checkout-error-panel::before {
color: #ffb4b4 !important;
top: 18px !important;
left: 18px !important;
}
html body.woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error li,
html body.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-error li,
html body.woocommerce-checkout .iac-checkout-error-panel li {
color: #f4f7f6 !important;
margin: 0 0 8px !important;
padding: 0 !important;
}
html body.woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error a,
html body.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-error a,
html body.woocommerce-checkout .iac-checkout-error-panel a {
color: #99f6e4 !important;
text-decoration: underline !important;
}
html body.woocommerce-checkout .form-row.woocommerce-invalid input.input-text,
html body.woocommerce-checkout .form-row.woocommerce-invalid textarea,
html body.woocommerce-checkout .form-row.woocommerce-invalid select,
html body.woocommerce-checkout .form-row.woocommerce-invalid .select2-container .select2-selection {
border-color: rgba(255, 92, 92, 0.82) !important;
box-shadow: 0 0 0 4px rgba(255, 92, 92, 0.16) !important;
}
html body.woocommerce-checkout form.checkout,
html body.woocommerce-checkout #order_review,
html body.woocommerce-checkout #order_review_heading,
html body.woocommerce-checkout .woocommerce-checkout-review-order,
html body.woocommerce-checkout .woocommerce-billing-fields,
html body.woocommerce-checkout .woocommerce-shipping-fields,
html body.woocommerce-checkout .woocommerce-additional-fields {
color: #f4f7f6 !important;
}
html body.woocommerce-checkout label,
html body.woocommerce-checkout .form-row label,
html body.woocommerce-checkout .woocommerce-input-wrapper,
html body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper label,
html body.woocommerce-checkout .woocommerce-additional-fields label {
color: rgba(244, 247, 246, 0.82) !important;
}
html body.woocommerce-checkout abbr.required,
html body.woocommerce-checkout .required {
color: #14b8a6 !important;
}
html body.woocommerce-checkout input.input-text,
html body.woocommerce-checkout textarea,
html body.woocommerce-checkout select,
html body.woocommerce-checkout .select2-container .select2-selection {
border: 1px solid rgba(244, 247, 246, 0.20) !important;
border-radius: 10px !important;
background: rgba(244, 247, 246, 0.08) !important;
color: #f4f7f6 !important;
box-shadow: none !important;
}
html body.woocommerce-checkout input.input-text::placeholder,
html body.woocommerce-checkout textarea::placeholder {
color: rgba(244, 247, 246, 0.58) !important;
opacity: 1 !important;
}
html body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #f4f7f6 !important;
}
html body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-top-color: rgba(244, 247, 246, 0.78) !important;
}
html body.woocommerce-checkout #order_review,
html body.woocommerce-checkout .woocommerce-checkout-review-order {
border: 1px solid rgba(244, 247, 246, 0.18) !important;
border-radius: 18px !important;
background: rgba(10, 7, 5, 0.88) !important;
box-shadow: none !important;
}
html body.woocommerce-checkout #order_review table,
html body.woocommerce-checkout #order_review .shop_table,
html body.woocommerce-checkout #order_review th,
html body.woocommerce-checkout #order_review td,
html body.woocommerce-checkout .woocommerce-checkout-review-order-table th,
html body.woocommerce-checkout .woocommerce-checkout-review-order-table td,
html body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name,
html body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total {
background: transparent !important;
color: #f4f7f6 !important;
border-color: rgba(244, 247, 246, 0.18) !important;
}
html body.woocommerce-checkout #order_review .product-name,
html body.woocommerce-checkout #order_review .cart_item .product-name,
html body.woocommerce-checkout #order_review .cart_item .product-name *,
html body.woocommerce-checkout #order_review .product-quantity,
html body.woocommerce-checkout #order_review .woocommerce-shipping-totals th,
html body.woocommerce-checkout #order_review .woocommerce-shipping-totals td,
html body.woocommerce-checkout #order_review .cart-subtotal th,
html body.woocommerce-checkout #order_review .cart-subtotal td,
html body.woocommerce-checkout #order_review .order-total th,
html body.woocommerce-checkout #order_review .order-total td {
color: #f4f7f6 !important;
}
html body.woocommerce-checkout #order_review .amount,
html body.woocommerce-checkout #order_review .amount bdi,
html body.woocommerce-checkout #order_review .order-total .amount,
html body.woocommerce-checkout #order_review .product-total {
color: #14d8ff !important;
}
html body.woocommerce-checkout #payment,
html body.woocommerce-checkout .woocommerce-checkout-payment,
html body.woocommerce-checkout #payment ul.payment_methods,
html body.woocommerce-checkout #payment div.payment_box,
html body.woocommerce-checkout #payment .payment_box,
html body.woocommerce-checkout #payment .payment_method_cod,
html body.woocommerce-checkout #payment .payment_method_cod label {
background: rgba(10, 7, 5, 0.88) !important;
background-color: rgba(10, 7, 5, 0.88) !important;
color: #f4f7f6 !important;
border-color: rgba(244, 247, 246, 0.18) !important;
}
html body.woocommerce-checkout #payment div.payment_box {
margin: 12px 0 18px !important;
padding: 14px 16px !important;
border: 1px solid rgba(20, 184, 166, 0.24) !important;
border-radius: 10px !important;
color: rgba(244, 247, 246, 0.80) !important;
}
html body.woocommerce-checkout #payment div.payment_box::before,
html body.woocommerce-checkout #payment .payment_box::before {
border-bottom-color: rgba(10, 7, 5, 0.88) !important;
}
html body.woocommerce-checkout #payment div.payment_box p,
html body.woocommerce-checkout #payment .payment_box p,
html body.woocommerce-checkout .woocommerce-privacy-policy-text,
html body.woocommerce-checkout .woocommerce-privacy-policy-text p,
html body.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text {
color: rgba(244, 247, 246, 0.78) !important;
}
html body.woocommerce-checkout #payment a,
html body.woocommerce-checkout .woocommerce-privacy-policy-text a,
html body.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text a {
color: #14b8a6 !important;
}
html body.woocommerce-checkout #place_order {
width: 100% !important;
min-height: 48px !important;
border-radius: 10px !important;
background: #14b8a6 !important;
color: #071311 !important;
}
html body.woocommerce-checkout .blockUI.blockOverlay,
html body.woocommerce-checkout .woocommerce .blockUI.blockOverlay,
html body.woocommerce-checkout form.checkout .blockUI.blockOverlay,
html body.woocommerce-checkout #order_review .blockUI.blockOverlay,
html body.woocommerce-checkout #payment .blockUI.blockOverlay {
background: rgba(8, 6, 4, 0.64) !important;
background-color: rgba(8, 6, 4, 0.64) !important;
border-radius: 18px !important;
opacity: 1 !important;
backdrop-filter: blur(2px) !important;
}
html body.woocommerce-checkout form.checkout.processing,
html body.woocommerce-checkout #order_review.processing,
html body.woocommerce-checkout #payment.processing {
opacity: 1 !important;
}
html body.woocommerce-checkout form.checkout.processing::before,
html body.woocommerce-checkout #order_review.processing::before,
html body.woocommerce-checkout #payment.processing::before,
html body.woocommerce-checkout form.checkout.processing::after,
html body.woocommerce-checkout #order_review.processing::after,
html body.woocommerce-checkout #payment.processing::after {
content: none !important;
display: none !important;
}
html body.woocommerce-checkout .blockUI.blockOverlay::after,
html body.woocommerce-checkout .woocommerce .blockUI.blockOverlay::after {
content: "" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: 28px !important;
height: 28px !important;
margin: -14px 0 0 -14px !important;
border: 3px solid rgba(244, 247, 246, 0.28) !important;
border-top-color: #14b8a6 !important;
border-radius: 999px !important;
animation: iacCheckoutSpin 0.75s linear infinite !important;
}
@keyframes iacCheckoutSpin {
to {
transform: rotate(360deg);
}
}
html body.woocommerce-order-received .woocommerce-order,
html body.woocommerce-order-received .woocommerce-thankyou-order-received,
html body.woocommerce-order-received .woocommerce-order-overview,
html body.woocommerce-order-received .woocommerce-order-details,
html body.woocommerce-order-received .woocommerce-customer-details {
color: #f4f7f6 !important;
}
html body.woocommerce-order-received .woocommerce-thankyou-order-received {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 72px !important;
margin: 0 auto 34px !important;
padding: 18px 24px !important;
border: 1px solid rgba(20, 216, 255, 0.42) !important;
border-radius: 18px !important;
background: rgba(10, 7, 5, 0.88) !important;
color: #f4f7f6 !important;
font-size: 24px !important;
font-weight: 850 !important;
text-align: center !important;
box-shadow: none !important;
}
html body.woocommerce-order-received .woocommerce-order-overview {
border-radius: 18px !important;
background: rgba(10, 7, 5, 0.88) !important;
border: 1px solid rgba(244, 247, 246, 0.16) !important;
padding: 20px !important;
}
html body.woocommerce-order-received .woocommerce-order-overview li,
html body.woocommerce-order-received .woocommerce-order-overview li strong,
html body.woocommerce-order-received .woocommerce-order-details h2,
html body.woocommerce-order-received .woocommerce-column__title,
html body.woocommerce-order-received .woocommerce-table th,
html body.woocommerce-order-received .woocommerce-table td,
html body.woocommerce-order-received .woocommerce-table a,
html body.woocommerce-order-received .woocommerce-table .product-name,
html body.woocommerce-order-received .woocommerce-table .product-name *,
html body.woocommerce-order-received address,
html body.woocommerce-order-received p {
color: #f4f7f6 !important;
}
html body.woocommerce-order-received .woocommerce-table,
html body.woocommerce-order-received table.shop_table {
border-collapse: separate !important;
border-spacing: 0 !important;
border-radius: 18px !important;
overflow: hidden !important;
background: rgba(10, 7, 5, 0.88) !important;
border-color: rgba(244, 247, 246, 0.16) !important;
}
html body.woocommerce-order-received .woocommerce-table th,
html body.woocommerce-order-received .woocommerce-table td,
html body.woocommerce-order-received table.shop_table th,
html body.woocommerce-order-received table.shop_table td {
background: transparent !important;
border-color: rgba(244, 247, 246, 0.14) !important;
}
html body.woocommerce-order-received .woocommerce-table .amount,
html body.woocommerce-order-received .woocommerce-table .amount bdi,
html body.woocommerce-order-received .woocommerce-order-overview .amount,
html body.woocommerce-order-received .woocommerce-order-overview .amount bdi {
color: #14d8ff !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table,
html body.woocommerce-account .woocommerce-MyAccount-content table.shop_table,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-columns,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column {
color: #f4f7f6 !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content > p,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details h2,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table th,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table td,
html body.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
html body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td,
html body.woocommerce-account .woocommerce-MyAccount-content .product-name,
html body.woocommerce-account .woocommerce-MyAccount-content .product-name *,
html body.woocommerce-account .woocommerce-MyAccount-content .product-total,
html body.woocommerce-account .woocommerce-MyAccount-content address,
html body.woocommerce-account .woocommerce-MyAccount-content p,
html body.woocommerce-account .woocommerce-MyAccount-content strong,
html body.woocommerce-account .woocommerce-MyAccount-content mark,
html body.woocommerce-account .woocommerce-MyAccount-content .order-number,
html body.woocommerce-account .woocommerce-MyAccount-content .order-date,
html body.woocommerce-account .woocommerce-MyAccount-content .order-status {
color: #f4f7f6 !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content mark,
html body.woocommerce-account .woocommerce-MyAccount-content .order-number,
html body.woocommerce-account .woocommerce-MyAccount-content .order-date,
html body.woocommerce-account .woocommerce-MyAccount-content .order-status {
display: inline-block !important;
padding: 2px 6px !important;
border-radius: 6px !important;
background: rgba(20, 184, 166, 0.22) !important;
color: #f4f7f6 !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table,
html body.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
border-collapse: separate !important;
border-spacing: 0 !important;
border-radius: 18px !important;
overflow: hidden !important;
background: rgba(10, 7, 5, 0.88) !important;
border: 1px solid rgba(244, 247, 246, 0.16) !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table th,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table td,
html body.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
html body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
background: transparent !important;
border-color: rgba(244, 247, 246, 0.14) !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .amount,
html body.woocommerce-account .woocommerce-MyAccount-content .amount bdi,
html body.woocommerce-account .woocommerce-MyAccount-content .product-total {
color: #14d8ff !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details address,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column address {
min-height: 0 !important;
padding: 18px !important;
border: 1px solid rgba(244, 247, 246, 0.18) !important;
border-radius: 0 0 12px 12px !important;
background: rgba(10, 7, 5, 0.82) !important;
color: rgba(244, 247, 246, 0.86) !important;
line-height: 1.55 !important;
}