.page-cart { color: #333; font-size: calc(14px * var(--font-size-paragraph, 1)) } .page-cart section .section-header h3 { font-size: calc(18px * var(--font-size-paragraph, 1)); font-family: var(--font-family-paragraph) } .page-cart section h5 { font-size: calc(14px * var(--font-size-paragraph, 1)) } .page-cart .item-promotion div:not(.badge),.page-cart .cart-promotions .description a { font-size: calc(14px * var(--font-size-paragraph, 1)); font-family: var(--font-family-paragraph) } .cart-items .variant-name { font-size: calc(13px * var(--font-size-paragraph, 1)) } .cart-items .item-information .child-product-item .child-product-title,.cart-items .item-information .child-product-item .child-variation-title { font-size: calc(13px * var(--font-size-paragraph, 1)) } .cart-items .original-price { font-size: calc(12px * var(--font-size-paragraph, 1)) } .cart-items .item-promotion .badge { font-size: calc(11px * var(--font-size-paragraph, 1)) } .cart-promotions .badge span { font-size: calc(11px * var(--font-size-paragraph, 1)) } .page-checkout { font-size: calc(14px * var(--font-size-paragraph, 1)) } .page-checkout .form-control,.page-checkout .btn:not(#place-order-btn) { font-size: calc(14px * var(--font-size-paragraph, 1)) } .page-checkout .panel-place-order .btn.btn-link { font-size: calc(16px * var(--font-size-paragraph, 1)) } .cart .form-control,.cart .btn { font-size: calc(14px * var(--font-size-paragraph, 1)) } .orders .form-control { font-size: calc(14px * var(--font-size-paragraph, 1)) } .cart .modal-confirm { background-color: #fff } .cart .modal-confirm .modal-footer .btn-cancel { background-color: #fff; color: #666; border-color: #ccc } .cart .modal-confirm .modal-footer .btn-cancel:hover { color: #666; border-color: #ccc } .cart-promotions .promotion .description { font-size: calc(14px * var(--font-size-paragraph, 1)) } .cart-promotions .promotion .description span { font-size: calc(14px * var(--font-size-paragraph, 1)) } #checkout-container .order-summary .custom-discount .custom-discount-remaining-hint,#checkout-container .order-summary .custom-discount .user-credits-remaining-hint,#checkout-container .order-summary .applied-store-credits .custom-discount-remaining-hint,#checkout-container .order-summary .applied-store-credits .user-credits-remaining-hint,#checkout-container .order-summary .applied-member-points .custom-discount-remaining-hint,#checkout-container .order-summary .applied-member-points .user-credits-remaining-hint { font-size: calc(12px * var(--font-size-paragraph, 1)) } .page-cart { background-color: #fff } .page-checkout { color: #333; background-color: #fff } .page-checkout section .section-header h3 { font-size: calc(18px * var(--font-size-paragraph, 1)); font-family: var(--font-family-paragraph) } .page-order-show { font-size: calc(14px * var(--font-size-paragraph, 1)); background-color: #fff } .page-order-show .cart-summary .summary-header .total-text { font-size: calc(20px * var(--font-size-paragraph, 1)); font-family: var(--font-family-paragraph) } .confirm-message h4 { font-size: calc(18px * var(--font-size-title, 1)); font-family: var(--font-family-title) } .panel-order-info h4 { font-family: var(--font-family-paragraph); font-size: calc(18px * var(--font-size-paragraph, 1)) } .cart-summary .total-text,.cart-summary .item-count-text { font-family: var(--font-family-paragraph); font-size: calc(20px * var(--font-size-paragraph, 1)) !important } .msg-form { font-size: calc(14px * var(--font-size-paragraph, 1)); color: var(--page-text, #333) } .msg-form .form-control { font-size: calc(14px * var(--font-size-paragraph, 1)); border-color: hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.5) } .msg-form .form-control::placeholder { color: hsla(var(--header-text-h, 0deg), var(--header-text-s, 0%), 60%, 1) } .msg-form .title { font-size: calc(14px * var(--font-size-title, 1)); font-family: var(--font-family-title) } .msg-form textarea,.msg-form input { background-color: var(--page-background, #fff) } .msg-form .iti__flag>.iti__country-code { color: var(--page-text, #333) } .msg-form .iti__flag>.iti__dial-code { color: hsla(var(--header-text-h, 0deg), var(--header-text-s, 0%), var(--header-text-l, 20%), 60%) } .contact-us-modal .modal-content { border: 1px solid hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 98%, 1) } .contact-us-modal .iti__flag-container { border-color: hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.5); background-color: var(--page-background, #fff) } .contact-us-modal .iti__flag-container:hover { background-color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), 80%, 0.2) } .contact-us-modal .iti__flag-container:hover .iti__selected-flag { background-color: initial } .contact-us-modal #btn-form-submit-modal { font-size: 14px } #userForm .membership-info span { color: var(--page-text, #333); font-size: calc(15px * var(--font-size-title, 1)) !important; font-family: var(--font-family-title) } #userForm .membership-info .member-level { border: 1px solid #fff } #userForm .membership-info .member-level span { color: #fff } #userForm .membership-info .member-level span { font-size: calc(15px * var(--font-size-paragraph, 1)) !important; font-family: var(--font-family-paragraph) } .chat-container h2 { font-size: calc(20px * var(--font-size-title, 1)); font-family: var(--font-family-title); color: #333 } .chat-container textarea.form-control { color: #333 } .member-content-center .order-container th,.membership-next-tier .description-item span,#member-points .table-name,.table-name,.member-content-center #store-credits th { font-size: calc(12px * var(--font-size-paragraph, 1)) } .edit-group label,.MemberCenter .form-control,.membership-detail-list .detail-item span,.membership-detail-list .detail-item a,.membership-next-tier span,.membership-next-tier .price-item span.upgrade-info,.edit-group .edit-text,.messenger-checkbox,.email-messenger,.sms-messenger,.member-content-center .table,.member-center-coupon-container { font-size: calc(14px * var(--font-size-paragraph, 1)); color: var(--page-text, #333) } #member-points .equal_cash { font-size: calc(13px * var(--font-size-paragraph, 1)) } #member-points .PromotionInfo { font-size: calc(14px * var(--font-size-paragraph, 1)) } #member-points .PromotionInfo .btn:hover { background-color: #000 !important } #member-points table.member-points-history th,#store-credits table.credit-history th { font-size: calc(15px * var(--font-size-paragraph, 1)) } .line-subscription-button,._9y_ { font-size: calc(16px * var(--font-size-paragraph, 1)) } .MemberCenter .panel .product-review-description-title,.MemberCenter .product-review-block .product-review-description .product-review-description-title,.page-order-show .product-review-block.panel .product-review-description.panel-header .product-review-description-title { font-size: calc(18px * var(--font-size-paragraph, 1)) } .MemberCenter .panel .product-review-description-content,.MemberCenter .product-review-block .product-review-description .product-review-description-content,.page-order-show .product-review-block.panel .product-review-description.panel-header .product-review-description-content { font-size: calc(13px * var(--font-size-paragraph, 1)) } .coupon-card-image { font-family: var(--font-family-title); color: var(--primary-text, #fff) } .MemberCenter .box-info { background-color: var(--page-background, #fff) } .MemberCenter .MemberCenter-welcomeMsg a { color: var(--page-text, #333); border-color: var(--page-text, #333) } .MemberCenter .MemberCenter-welcomeMsg a:hover { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 40%, 1); border-color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 40%, 1) } .MemberCenter .table-hover>tbody>tr:hover { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2) } .MemberCenter .edit-group .controls,.MemberCenter .edit-group .edit-input-group { width: calc(100% - 154px) } @media screen and (max-width: 767px) { .MemberCenter .edit-group .controls,.MemberCenter .edit-group .edit-input-group { width: 100%; text-align: left } } .MemberCenter i { opacity: 1; color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .product-review-container .product-review-panel .panel-content { background-color: var(--page-background, #fff) } .membership-detail-list { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2) } .membership-detail-list .detail-item span { color: var(--page-text, #333) } .membership-detail-list .detail-item span.item-title { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .membership-detail-list .detail-item i,.membership-detail-list .detail-item svg { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1); fill: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .modal.contact-us-modal .modal-content { border: none; background-color: var(--page-background, #fff) } .users .btn-link { color: var(--page-text-link, #3493fb) } .users .btn-link:hover { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), 60%, 1) !important; background-color: var(--page-background, #fff) !important } .session-hint a,.phone-update { color: var(--page-text-link, #3493fb) } .session-hint a:hover,.phone-update:hover { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), 60%, 1) } .merchant-membership-tiers-dialog { background-color: var(--page-background, #fff); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .merchant-membership-tiers-dialog .tier-item span { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 60%) } .merchant-membership-tiers-dialog .tier-item span.item-title { color: var(--page-text, #333) } .merchant-membership-tiers-dialog a.membership-tiers-close-btn { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .merchant-membership-tiers-dialog a.membership-tiers-close-btn:hover { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 40%, 1) !important } .membership-detail-list .detail-item .member-center-select,.condition-item { color: var(--page-text-link, #3493fb) } .membership-detail-list .detail-item .member-center-select:hover,.condition-item:hover { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), 30%, 1) } .membership-detail-list .detail-item .member-center-select a,.condition-item a { color: var(--page-text-link, #3493fb) } .membership-detail-list .detail-item .member-center-select a:hover,.condition-item a:hover { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), 50%, 0.6) } .member-referral .link,.member-referral .info { font-size: calc(13px * var(--font-size-paragraph, 1)) } .member-referral .link .copy,.member-referral .info .understand { color: var(--page-text-link, #3493fb); font-family: var(--font-family-paragraph); font-size: calc(13px * var(--font-size-paragraph, 1)) } .member-referral .link .copy:hover,.member-referral .info .understand:hover { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), 30%, 1) } .member-referral .link .copy:hover i,.member-referral .info .understand:hover i { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), 30%, 1) } .member-referral .link .copy i,.member-referral .info .understand i { color: var(--page-text-link, #3493fb) } .member-referral span { color: var(--page-text, #333); font-family: var(--font-family-title); font-size: calc(15px * var(--font-size-title, 1)) } .membership-info-reward .detail-item span { color: var(--page-text, #333); font-family: var(--font-family-title); font-size: calc(15px * var(--font-size-title, 1)) } .membership-info-reward .description-item span { color: var(--page-text, #333); font-family: var(--font-family-title); font-size: calc(13px * var(--font-size-paragraph, 1)) } .Wishlist-block-row+.Wishlist-block-row { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 98%, 1) } .membership-next-tier .detail-item span,.membership-next-tier .detail-item .extend-tier-title,.membership-next-tier .detail-item b { color: var(--page-text, #333); font-family: var(--font-family-title); font-size: calc(15px * var(--font-size-title, 1)) } .membership-next-tier .detail-item i { color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5); opacity: 1 } .membership-next-tier .description-item span { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 50%, 0.6) } .membership-next-tier a { color: var(--page-text-link, #3493fb) } .membership-next-tier a:hover { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), var(--page-text-link-l, 59.4117647059%), 30%) } .membership-next-tier .progress-item div.empty-bar { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 20%) } .edit-group a.edit-text,.edit-group a.edit-text[data-toggle='collapse'] { color: var(--page-text-link, #3493fb) } .edit-group a.edit-text i,.edit-group a.edit-text[data-toggle='collapse'] i { color: var(--page-text-link, #3493fb) } .edit-group a.edit-text:hover,.edit-group a.edit-text[data-toggle='collapse']:hover { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), 30%, 1) } .edit-group a.edit-text:hover i,.edit-group a.edit-text[data-toggle='collapse']:hover i { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), 30%, 1) } .edit-input-group a.edit-text { color: var(--page-text-link, #3493fb) } .edit-input-group a.edit-text i { color: var(--page-text-link, #3493fb) } .edit-input-group a.edit-text:hover { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), var(--page-text-link-l, 59.4117647059%), 30%) } .edit-input-group a.edit-text:hover i { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), var(--page-text-link-l, 59.4117647059%), 30%) } .btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle { color: var(--page-text, #333); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) !important } .btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:hover { color: var(--page-text, #333); border-color: var(--page-text, #333) !important } .MemberCenter .Tab-label { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 60%); background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) !important; font-size: calc(14px * var(--font-size-paragraph, 1)) } .MemberCenter .Tab-label.active { color: var(--page-text, #333) !important; background-color: var(--page-background, #fff) !important } .MemberCenter .Tab-label.active::after { background-color: var(--page-text, #333) !important } .MemberCenter .Tab-label .MemberCenter-wrapper { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } @media (max-width: 767px) { .member-content-center .MemberCenter .MemberCenter-wrapper .MemberCenter-nav .sr-tab { background-color: var(--page-background, #fff) } .member-content-center .MemberCenter .MemberCenter-wrapper .MemberCenter-nav .Tab-label { background-color: var(--page-background, #fff); position: relative; border-bottom: none } .member-content-center .MemberCenter .MemberCenter-wrapper .MemberCenter-nav .Tab-label::after { position: absolute; content: ''; display: block; height: 3px; bottom: -7px; left: 0; width: 100%; background-color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 80%, 0.5) } } .tabset-title { color: #333 } form[name='mobileCodeForm'] .btn-link:hover { background-color: transparent !important } .email-verification-dialog { background-color: var(--page-background, #fff) } .member-content-center .mobile-phone-control .help-hint-danger,.member-content-center .email-control .help-hint-danger { color: #ff4c4c } .MemberCenter .text-danger { color: #ff4c4c } .MemberCenter form[name='userForm'] label { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 40%, 1) } .MemberCenter form[name='userForm'] input.form-control::placeholder { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } form[name='userForm'] input.line-input,form[name='userForm'] select.line-input { color: #666; border-color: #ddd } form[name='userForm'] label { color: #333 } .sessions a[href='/users/password/new'] { color: #666 !important } .btn-success:not(.mobile-verification-btn):not(#sign-in-btn):not(#submit-btn):not(.z-index-fix):not(.btn-checkout):not(#place-order-btn):not(#mobile-signup-send-code-btn),.member-profile-save { color: var(--primary-text, #fff) !important; background-color: var(--primary-background, var(--primary-color, #c74060)) !important; border-color: var(--primary-background, var(--primary-color, #c74060)) !important } .btn-success:not(.mobile-verification-btn):not(#sign-in-btn):not(#submit-btn):not(.z-index-fix):not(.btn-checkout):not(#place-order-btn):not(#mobile-signup-send-code-btn):hover,.member-profile-save:hover { color: var(--primary-background, var(--primary-color, #c74060)) !important; background-color: transparent !important; border-color: var(--primary-background, var(--primary-color, #c74060)) !important } #mobile-signup-send-code-btn { color: #fff } #member-points .PromotionInfo-redeem-btn .btn { background-color: #5b5b5b; border-color: transparent !important } #member-points .PromotionInfo-redeem-btn .btn:hover { background-color: #000 } #member-points .points-balance { font-size: calc(30px * var(--font-size-paragraph, 1)) } .large-message[ng-controller='PasswordsNewController'] .section-title,.large-message[ng-controller='PasswordsEditController'] .section-title,.large-message[ng-controller='RegistrationsEditController'] .section-title { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 40%, 1) } .large-message[ng-controller='PasswordsNewController'] .line-input,.large-message[ng-controller='PasswordsEditController'] .line-input,.large-message[ng-controller='RegistrationsEditController'] .line-input { color: var(--page-text, #333); border-color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 60%) } .large-message[ng-controller='PasswordsNewController'] .line-input::placeholder,.large-message[ng-controller='PasswordsEditController'] .line-input::placeholder,.large-message[ng-controller='RegistrationsEditController'] .line-input::placeholder { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .large-message[ng-controller='PasswordsNewController'] .links-container a,.large-message[ng-controller='PasswordsEditController'] .links-container a,.large-message[ng-controller='RegistrationsEditController'] .links-container a { color: var(--page-text-link, #3493fb) } .large-message[ng-controller='PasswordsNewController'] .links-container a:hover,.large-message[ng-controller='PasswordsEditController'] .links-container a:hover,.large-message[ng-controller='RegistrationsEditController'] .links-container a:hover { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), 30%, 1) } .large-message[ng-controller='PasswordsNewController'] .actions button.btn,.large-message[ng-controller='PasswordsEditController'] .actions button.btn,.large-message[ng-controller='RegistrationsEditController'] .actions button.btn { background-color: var(--primary-background, var(--primary-color, #c74060)) !important; color: var(--primary-text, #fff) !important; border-color: var(--primary-background, var(--primary-color, #c74060)) !important } .large-message[ng-controller='PasswordsNewController'] .actions button.btn:hover,.large-message[ng-controller='PasswordsEditController'] .actions button.btn:hover,.large-message[ng-controller='RegistrationsEditController'] .actions button.btn:hover { background-color: var(--page-background, #fff) !important; color: var(--primary-background, var(--primary-color, #c74060)) !important } .large-message[ng-controller='PasswordsNewController'] .actions button.btn:disabled,.large-message[ng-controller='PasswordsNewController'] .actions button.btn[disabled],.large-message[ng-controller='PasswordsEditController'] .actions button.btn:disabled,.large-message[ng-controller='PasswordsEditController'] .actions button.btn[disabled],.large-message[ng-controller='RegistrationsEditController'] .actions button.btn:disabled,.large-message[ng-controller='RegistrationsEditController'] .actions button.btn[disabled] { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) !important; color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) !important; border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.5) !important } .tab-pane .line-input { color: var(--page-text, #333); border-color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 80%, 0.5) } .tab-pane .line-input ::placeholder { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .sessions .content-tabset { color: #333 } body:not(.sessions):not(.registrations):not(.order_payment_slips) .iti__flag>.iti__dial-code { color: var(--page-text, #333) } body:not(.sessions):not(.registrations):not(.order_payment_slips) .iti__flag>.iti__country-code { color: hsla(var(--header-text-h, 0deg), var(--header-text-s, 0%), 50%, 0.6) } body:not(.sessions):not(.registrations):not(.order_payment_slips) .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.2) } body:not(.sessions):not(.registrations):not(.order_payment_slips) .iti__country-list { background-color: var(--page-background, #fff); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } body:not(.sessions):not(.registrations):not(.order_payment_slips) .iti__country-list .iti__country { border-bottom: 1px solid hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.5) } body:not(.sessions):not(.registrations):not(.order_payment_slips) .iti__country-list .iti__country:hover { background-color: hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.2) } body:not(.sessions):not(.registrations):not(.order_payment_slips) .iti__country-list .iti__dial-code { color: hsla(var(--header-text-h, 0deg), var(--header-text-s, 0%), 50%, 0.6) } body:not(.sessions):not(.registrations):not(.order_payment_slips) .iti__arrow { border-top-color: var(--page-text, #333); border-bottom-color: var(--page-text, #333) } body:not(.sessions):not(.registrations):not(.order_payment_slips) .intl-tel-flex-container .iti__flag-container,body:not(.sessions):not(.registrations):not(.order_payment_slips) .intl-tel-input-container .iti__flag-container { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5); background-color: var(--page-background, #fff) } body:not(.sessions):not(.registrations):not(.order_payment_slips) .intl-tel-flex-container .iti__flag-container:hover,body:not(.sessions):not(.registrations):not(.order_payment_slips) .intl-tel-input-container .iti__flag-container:hover { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2) } body:not(.sessions):not(.registrations):not(.order_payment_slips) .intl-tel-flex-container .iti__flag-container:hover .iti__selected-flag,body:not(.sessions):not(.registrations):not(.order_payment_slips) .intl-tel-input-container .iti__flag-container:hover .iti__selected-flag { background-color: initial } body:not(.sessions):not(.registrations):not(.order_payment_slips) .btn-default:not(.btn-datepicker) { border-color: var(--page-text, #333) } body:not(.sessions):not(.registrations):not(.order_payment_slips) .datepicker-section .uib-datepicker-popup.dropdown-menu { background-color: var(--page-background, #fff) } body:not(.sessions):not(.registrations):not(.order_payment_slips) .datepicker-section .uib-datepicker-popup.dropdown-menu table { background-color: var(--page-background, #fff); color: var(--page-text, #333) } body:not(.sessions):not(.registrations):not(.order_payment_slips) .datepicker-section .uib-datepicker-popup.dropdown-menu .btn-default { color: var(--page-text, #333); background-color: var(--page-background, #fff) } body:not(.sessions):not(.registrations):not(.order_payment_slips) .datepicker-section .uib-datepicker-popup.dropdown-menu .btn-default.active { background-color: var(--page-background, #fff) } body:not(.sessions):not(.registrations):not(.order_payment_slips) .datepicker-section .uib-datepicker-popup.dropdown-menu .btn-default:not([disabled]):hover { color: var(--primary-background, var(--primary-color, #c74060)) } body:not(.sessions):not(.registrations):not(.order_payment_slips) .datepicker-section .uib-datepicker-popup.dropdown-menu td.h6 { color: var(--page-text, #333) } body:not(.sessions):not(.registrations):not(.order_payment_slips) .datepicker-section .btn-datepicker { background-color: var(--page-background, #fff); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } body:not(.sessions):not(.registrations):not(.order_payment_slips) .datepicker-section .btn-datepicker:hover i { color: var(--primary-background, var(--primary-color, #c74060)) } body:not(.sessions):not(.registrations):not(.order_payment_slips) .content-tabset .links-container a { color: var(--page-text-link, #3493fb) } body:not(.sessions):not(.registrations):not(.order_payment_slips) .content-tabset .links-container a:hover { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), 50%, 0.3) } .contact-us-modal .msg-form .iti__flag>.iti__dial-code { color: var(--page-text, #333) } .contact-us-modal .msg-form .iti__flag>.iti__country-code { color: hsla(var(--header-text-h, 0deg), var(--header-text-s, 0%), 50%, 0.6) } .contact-us-modal .msg-form .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.2) } .contact-us-modal .msg-form .iti__country-list { background-color: var(--page-background, #fff); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .contact-us-modal .msg-form .iti__country-list .iti__country { border-bottom: 1px solid hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.5) } .contact-us-modal .msg-form .iti__country-list .iti__country:hover { background-color: hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.2) } .contact-us-modal .msg-form .iti__country-list .iti__dial-code { color: hsla(var(--header-text-h, 0deg), var(--header-text-s, 0%), 50%, 0.6) } .contact-us-modal .msg-form .iti__arrow { border-top-color: var(--page-text, #333); border-bottom-color: var(--page-text, #333) } .contact-us-modal .msg-form .intl-tel-flex-container .iti__flag-container,.contact-us-modal .msg-form .intl-tel-input-container .iti__flag-container { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5); background-color: var(--page-background, #fff) } .contact-us-modal .msg-form .intl-tel-flex-container .iti__flag-container:hover,.contact-us-modal .msg-form .intl-tel-input-container .iti__flag-container:hover { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2) } .contact-us-modal .msg-form .intl-tel-flex-container .iti__flag-container:hover .iti__selected-flag,.contact-us-modal .msg-form .intl-tel-input-container .iti__flag-container:hover .iti__selected-flag { background-color: initial } .MemberCenter .edit-group .form-control { background-color: var(--page-background, #fff); color: var(--page-text, #333); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .MemberCenter .edit-group .form-control::placeholder { color: var(--header-text, #333) } .MemberCenter .popover { color: #333 } .fa-question-circle.member-center-icon { color: var(--page-text, #333) } .member-profile-cancle { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) !important } .member-profile-cancle:hover { border-color: var(--page-text, #333) !important } .promotion-term-dialog { color: var(--page-text, #333); background-color: var(--page-background, #fff) } .member-points-history td,.credit-history td { border-top-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) !important } .member-points-history tr:hover,.credit-history tr:hover { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2) !important } .member-points-history a,.credit-history a { color: var(--page-text-link, #3493fb) } .member-points-history a:hover,.credit-history a:hover { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), var(--page-text-link-l, 59.4117647059%), 30%) } .member-center-coupon-nav .member-center-coupon-nav-item { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 0.6) } .member-center-coupon-nav .member-center-coupon-nav-item:hover { color: var(--page-text, #333) } .member-center-coupon-nav .member-center-coupon-nav-item:not(:last-child)::after { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .member-center-coupon-card .coupon-card-image.invalid { color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8); background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2) } .coupon-card-image .coupon-card-image-hole { background-color: var(--page-background, #fff) } .member-center-coupon-title span { font-size: 14px; font-family: var(--font-family-title) } #get-welcome-member-referral-credits .body .title { font-size: calc(22px * var(--font-size-title, 1)); font-family: var(--font-family-title) } .member-referral-header svg,.membership-info svg,.membership-info-reward svg,.icon-image svg { fill: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .member-center-coupon-tag-container.invalid>.member-center-coupon-tag { color: var(--page-background, #fff); background-color: var(--page-text, #333) } .MemberCenter .edit-group .edit-delete { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), 60%, 1) } .MemberCenter .edit-group .edit-delete:hover { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), 40%, 1) } .MemberCenter-wrapper,.Tabset-tabs,.member-center-coupon-body { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) !important } .member-center-coupon-nav { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .coupon-card-info { border-color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 80%, 1); color: var(--page-text, #333); font-size: calc(14px * var(--font-size-title, 1)); font-family: var(--font-family-title) } .chat-container { color: #333 } .chat-form button { background-color: #5b5b5b !important; color: #fff !important; border: none !important } .chat-form button i { color: #fff !important } .chat-form button:hover { background-color: #000 !important } .order-container .box-info { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .order-container .box-info .table>tbody>tr>td { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .order-container .box-info .table>tbody>tr>td a { color: var(--primary-text, #fff) } .order-container .box-info .table>tbody>tr>td a:hover { background-color: var(--page-background, #fff) } .order-container .product-subscription-label { color: var(--page-background, #fff); background-color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 40%, 1) } .order-container .load-more-wrapper button { color: var(--page-background, #fff); background-color: var(--page-text, #333); border: none !important } .order-container .load-more-wrapper button:hover { color: var(--page-background, #fff) !important; background-color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 50%, 0.6) !important } .remove-wishlist-modal-window .modal-content { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 98%, 1) } .remove-wishlist-modal-window .modal-content .modal-confirm .modal-body h5 { color: var(--page-text, #333) } .remove-wishlist-modal-window .modal-content .modal-confirm .modal-footer .btn-confirm { color: var(--primary-text, #fff) !important; background-color: var(--primary-background, var(--primary-color, #c74060)) !important; border-color: var(--primary-background, var(--primary-color, #c74060)) !important } .remove-wishlist-modal-window .modal-content .modal-confirm .modal-footer .btn-confirm:hover { color: var(--primary-background, var(--primary-color, #c74060)) !important; background-color: var(--page-background, #fff) !important; border-color: var(--primary-background, var(--primary-color, #c74060)) !important } .product-review-button .btn-primary,.orders .btn-primary { color: var(--primary-text, #fff) } .product-review-button .btn-primary:hover,.orders .btn-primary:hover { color: var(--primary-background, var(--primary-color, #c74060)) !important; background-color: var(--page-background, #fff) !important } .orders .product-review-description { color: #333 } .orders .product-review-button .btn-primary { color: #fff } .orders .product-review-button .btn-primary:hover { color: #fff !important; background-color: #286090 !important } .cart-summary.margin-top-large,.panel-order-info { color: #333 } .cart-summary.margin-top-large button,.cart-summary.margin-top-large .btn-primary,.cart-summary.margin-top-large .btn-success,.panel-order-info button,.panel-order-info .btn-primary,.panel-order-info .btn-success { color: #fff !important; background-color: #5b5b5b !important; border: none !important } .cart-summary.margin-top-large button:hover,.cart-summary.margin-top-large .btn-primary:hover,.cart-summary.margin-top-large .btn-success:hover,.panel-order-info button:hover,.panel-order-info .btn-primary:hover,.panel-order-info .btn-success:hover { color: #fff !important; background-color: #000 !important } .Wishlist-block .Wishlist-productTitle { color: var(--page-text, #333) } .Wishlist-block .Wishlist-productStatus p { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 40%, 1) } .Wishlist-block .Wishlist-price.m-discount .Product-price.m-sale { color: var(--primary-background, var(--primary-color, #c74060)) } .Wishlist-block .Wishlist-productVariations,.Wishlist-block .Product-price { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 50%, 0.6) } .Wishlist-block .btn-color-primary { color: var(--primary-text, #fff) } .Wishlist-block .btn-color-primary:hover { background-color: var(--page-background, #fff) !important } .Wishlist-block .Wishlist-title { color: var(--page-text, #333); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .Wishlist-block i { color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) } .Wishlist-block p { font-size: calc(12px * var(--font-size-paragraph, 1)) } .Wishlist-block .Wishlist-productStatus { color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 40%, 1) } .Wishlist-block .Wishlist-block-row:hover { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2) } .modal-confirm { background-color: var(--page-background, #fff) } .modal-confirm .close { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .modal-confirm .close:hover { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 40%, 1) } .modal-confirm .modal-footer .btn-cancel { background-color: var(--page-background, #fff); color: var(--page-text, #333); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .modal-confirm .modal-footer .btn-cancel:hover { border-color: var(--page-text, #333) } .member-content-center .product-review-block .product-review-description { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .ProductReview-container a { color: var(--page-text, #333) } .image-upload__btn { color: var(--page-text-link, #3493fb) } .image-upload__btn:hover { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), 50%, 0.3) } .product-review-container .product-review-panel .panel-header { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .product-review-container .product-review-panel .panel-content .form-label-comment .form-label-comment-gray { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .product-review-container textarea.form-control { background-color: var(--page-background, #fff); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .product-review-container textarea.form-control::placeholder { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .product-review-container .image-upload__image-wrapper { color: var(--page-text-link, #3493fb) } .product-review-container .image-upload__image-wrapper:hover,.product-review-container .image-upload__image-wrapper:active { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), 50%, 0.3) } .product-review-container .finished-review .btn-primary { color: var(--primary-text, #fff) } .product-review-container .btn-primary { color: var(--primary-text, #fff); border-color: var(--primary-background, var(--primary-color, #c74060)); background-color: var(--primary-background, var(--primary-color, #c74060)) } .member-referral-customer-popup,.user-reminder-desktop,.user-reminder-mobile { background-color: var(--primary-background, var(--primary-color, #c74060)); color: var(--primary-text, #fff) } .shopping-cart .cart-items .cart-item .item-promotion div:last-child,.cart-promotions .promotion .description { font-size: calc(14px * var(--font-size-paragraph, 1)); font-family: var(--font-family-paragraph) } body:not(.orders.show) .Tab-content .product-review-block,body:not(.orders.show) .product-review-block,body:not(.orders.show) .product-review-description { background-color: var(--page-background, #fff) } .coupon-input .btn-color-primary { color: var(--primary-text, #fff) } .coupon-input .btn-color-primary:hover { background-color: var(--page-background, #fff) } .member-center__tab-content { --member-center-button-link-background-color: #5b5b5b; --member-center-button-link-border-color: transparent; --member-center-button-link-hover-background-color: #000; --member-center-button-link-hover-border-color: transparent; --member-center-button-list-more-hover-color: #C74060; --member-center-button-list-more-hover-background-color: var(--page-background, #286090); --member-center-list-mobile-left-color: hsla(var(--page-text-h, 0%), var(--page-text-s, 0%), var(--page-text-l, 20%), 0.6) } body.posts.index .PostList .List-item .List-item-title { color: var(--page-text, #333) } body.posts.index .PostList .List-item .List-item-text .List-item-preview,body.posts.index .PostList .List-item .List-item-text>span.primary-border-color-after { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 0.6) } body.posts.show .Post .Post-title { color: var(--page-text, #333) } body.posts.show .Post .Post-title:hover { color: var(--primary-background, var(--primary-color, #c74060)) } body.posts.show .Post .Post-date { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 0.6) } body.posts.show .Post .Post-content { color: var(--page-text, #333) } body.posts.show .Post .Post-content a { color: var(--page-text-link, #3493fb) } body.posts div.blog-breadcrumb { background-color: hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.2); color: hsla(var(--header-text-h, 0deg), var(--header-text-s, 0%), 60%, 1); font-size: calc(13px * var(--font-size-paragraph, 1)) } body.posts div.blog-breadcrumb .block-inner .Label { color: hsla(var(--header-text-h, 0deg), var(--header-text-s, 0%), 60%, 1) } body.posts div.blog-breadcrumb .block-inner .Label:hover { border-bottom-color: hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.5); color: hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.5) } #cart-panel.CartPanel.nav-bg-color.sidr { color: var(--page-text, #333); background: var(--page-background, #fff) !important; border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2) } #cart-panel.CartPanel.nav-bg-color.sidr .CartPanel-section .cart-item .title { font-size: calc(13px * var(--font-size-paragraph, 1)); color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } #cart-panel.CartPanel.nav-bg-color.sidr .CartPanel-section .cart-item .variation,#cart-panel.CartPanel.nav-bg-color.sidr .CartPanel-section .cart-item .price-details { font-size: calc(14px * var(--font-size-paragraph, 1)); color: var(--page-text, #333) } #cart-panel.CartPanel.nav-bg-color.sidr .CartPanel-section .cart-item .remove a { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } #cart-panel.CartPanel.nav-bg-color.sidr .CartPanel-section .cart-item .remove a:hover { color: var(--page-text, #333) } #cart-panel.CartPanel.nav-bg-color.sidr .CartPanel-section .cart-items>div:not(:first-child) { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } #cart-panel.CartPanel.nav-bg-color.sidr .CartPanel-section .cart-items>div:not(:first-child)::before,#cart-panel.CartPanel.nav-bg-color.sidr .CartPanel-section .cart-items>div:not(:first-child)::after { border-color: transparent } #cart-panel.CartPanel.nav-bg-color.sidr .CartPanel-section .addon-cart-item { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2) } #cart-panel.CartPanel.nav-bg-color.sidr .CartPanel-section .cart-chkt-btn { font-size: calc(14px * var(--font-size-paragraph, 1)) } #cart-panel.CartPanel.nav-bg-color.sidr .CartPanel-hint { color: var(--page-text, #333) } .dark_theme.v2_theme .cart-item-content .child-product-title,.light_theme.v2_theme .cart-item-content .child-product-title { color: var(--page-text, #333); font-size: calc(14px * var(--font-size-paragraph, 1)) } .dark_theme.v2_theme .cart-item-content .child-variation-title,.light_theme.v2_theme .cart-item-content .child-variation-title { color: var(--page-text, #333); font-size: calc(14px * var(--font-size-paragraph, 1)); opacity: 0.6 } .coupon-v2__top-block { background-color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), 80%, 0.2) } .coupon-v2__header__discount-category-text { color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), var(--primary-background-l, 51.568627451%), 1) } .coupon-v2__header__discount-category-icon-wrapper { border-color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), var(--primary-background-l, 51.568627451%), 0.3) } .coupon-v2__header__discount-category-icon.fa { color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), var(--primary-background-l, 51.568627451%), 0.3) } .coupon-v2__tags-container__tag { background-color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), 92%, 1); color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), 50%, 1) } .coupon-v2__left-notch { background-color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), 80%, 0.2) } .coupon-v2__right-notch { background-color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), 80%, 0.2) } .coupon-v2__dashed-line-wrapper { background-color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), 80%, 0.2) } .coupon-v2__dashed-line { border-top-color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), 60%, 1) } .coupon-v2__bottom-block { background-color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), 80%, 0.2) } .coupon-v2__code { color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), var(--primary-background-l, 51.568627451%), 1) } .coupon-v2__action-button { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), var(--page-background-l, 100%), 1); color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), var(--primary-background-l, 51.568627451%), 1) } .coupon-v2__action-button:hover { background-color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), var(--primary-background-l, 51.568627451%), 1); color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), var(--page-background-l, 100%), 1) } .header.nav-bg-color { background-color: var(--header-background, #fff) } .header--desktop.nav-bg-color .header__action-menu .NavigationBar-actionMenu-button { font-size: calc(14px * var(--font-size-paragraph, 1)); color: var(--header-icon, #333) } .header--desktop.nav-bg-color .header__action-menu .NavigationBar-actionMenu-button svg { fill: var(--header-icon, #333) } .header--desktop.nav-bg-color .header__action-menu .NavigationBar-actionMenu-button:hover { color: hsla(var(--header-icon-h, 0deg), var(--header-icon-s, 0%), 40%, 1) } .header--desktop.nav-bg-color .header__action-menu .NavigationBar-actionMenu-button:hover svg { fill: hsla(var(--header-icon-h, 0deg), var(--header-icon-s, 0%), 40%, 1) } .header--desktop.nav-bg-color .header__action-menu .Cart-count { color: var(--primary-text, #fff); background-color: var(--primary-background, var(--primary-color, #c74060)) } .header--desktop.nav-bg-color .header__action-menu .NavigationBar-actionMenu-dropdown { font-size: calc(14px * var(--font-size-paragraph, 1)); background-color: var(--header-background, #fff); border-color: hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 1) } .header--desktop.nav-bg-color .header__action-menu .NavigationBar-actionMenu-dropdown li { color: var(--header-text, #333) } .header--desktop.nav-bg-color .header__action-menu .NavigationBar-actionMenu-dropdown li:hover { color: hsla(var(--header-icon-h, 0deg), var(--header-icon-s, 0%), 40%, 1) } .header--desktop.nav-bg-color .header__action-menu .Product-searchField input { font-size: calc(14px * var(--font-size-paragraph, 1)); border-color: var(--header-icon, #333); color: var(--header-text, #333) } .header--desktop.nav-bg-color .header__action-menu .Product-searchField input::placeholder { color: hsla(var(--header-text-h, 0deg), var(--header-text-s, 0%), 40%, 1); opacity: 1 } .header--mobile.nav-bg-color .NavigationBar-actionMenu-button.nav-color { color: var(--header-text, #333) } .header--mobile.nav-bg-color .NavigationBar-actionMenu-button.nav-color svg { fill: var(--header-text, #333) } .header--mobile.nav-bg-color .List-item .NavigationBar-actionMenu-button.sl-menu-panel-toggle { background-color: hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.2) } .header--mobile.nav-bg-color .List-item .Product-searchField-form { color: var(--header-text, #333); background: var(--header-background, #fff) } .header--mobile.nav-bg-color .List-item .Product-searchField-form input { border-bottom: 1px solid var(--header-icon, #333) } .header--mobile.nav-bg-color .List-item .Product-searchField-form input::placeholder { color: hsla(var(--header-text-h, 0deg), var(--header-text-s, 0%), 40%, 1); opacity: 1 } .header .header__action-menu .NavigationBar-actionMenu-button.nav-color.sl-menu-panel-toggle i,.header .header__action-menu .NavigationBar-actionMenu-button.nav-color.sl-menu-panel-toggle i::before,.header .header__action-menu .NavigationBar-actionMenu-button.nav-color.sl-menu-panel-toggle i::after { background-color: var(--header-text, #333) } .header .navigation-menu-item-label,.header .navigation-menu.nav-color .navigation-menu-top-layer>.navigation-menu-item>.navigation-menu-item-label,.header .navigation-menu-second-layer>.navigation-menu-item--nested .navigation-menu-third-layer-toggle { color: var(--header-text, #333); font-size: calc(15px * var(--font-size-paragraph, 1)) } .header .navigation-menu-second-layer { background-color: var(--header-background, #fff) } .header .navigation-menu .navigation-menu-item:hover>.navigation-menu-item-label,.header .navigation-menu .navigation-menu-third-layer-toggle:hover { color: var(--primary-background, var(--primary-color, #c74060)) !important } .header .navigation-menu-second-layer>.navigation-menu-item--nested .navigation-menu-third-layer-toggle { background-color: hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.2) } .header .navigation-menu-third-layer { background-color: var(--header-background, #fff) } .header .navigation-menu-third-layer .navigation-menu-item { background-color: hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.2) } .member-referral-customer-popup-desktop,.basic-popover-desktop { background-color: var(--page-background, #fff); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 98%, 1) } .member-referral-customer-popup-desktop::before,.basic-popover-desktop::before { border-color: transparent transparent var(--page-background, #fff) var(--page-background, #fff) } .member-referral-customer-popup-desktop .body .description,.basic-popover-desktop .body .description { color: var(--page-text, #333) } .member-referral-customer-popup-desktop .body .close-button:before,.member-referral-customer-popup-desktop .body .close-button:after,.basic-popover-desktop .body .close-button:before,.basic-popover-desktop .body .close-button:after { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 1) } .member-referral-customer-popup-desktop .body .action-button,.basic-popover-desktop .body .action-button { color: var(--primary-text, #fff); border: 1px solid var(--primary-background, var(--primary-color, #c74060)) } .member-referral-customer-popup-desktop .body .action-button:hover,.basic-popover-desktop .body .action-button:hover { background-color: var(--page-background, #fff); color: var(--primary-background, var(--primary-color, #c74060)) } .welcome-referral-modal-window .modal-content { background-color: var(--page-background, #fff); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 98%, 1) } .welcome-referral-modal-window .modal-content #get-welcome-member-referral-credits .body .title { font-size: calc(22px * var(--font-size-title, 1)); color: var(--page-text, #333) } .welcome-referral-modal-window .modal-content #get-welcome-member-referral-credits .body .content { font-size: calc(14px * var(--font-size-paragraph, 1)); color: var(--page-text, #333) } .welcome-referral-modal-window .modal-content #get-welcome-member-referral-credits .body .continue { color: var(--primary-text, #fff); border: 1px solid var(--primary-background, var(--primary-color, #c74060)) } .welcome-referral-modal-window .modal-content #get-welcome-member-referral-credits .body .continue:hover { background-color: var(--page-background, #fff); color: var(--primary-background, var(--primary-color, #c74060)) } .member-referral-customer-popup-mobile .member-referral-link>*,.user-reminder-mobile .member-referral-link>* { color: var(--primary-text, #fff) } .header { position: relative !important } #member-center-profile__form input,#member-center-profile__form select { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), var(--page-background-l, 100%), 1); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5); color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 1) } #member-center-profile__form input::placeholder,#member-center-profile__form select::placeholder { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } #member-center-profile__form .chakra-select__icon-wrapper { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 1) } #member-center-profile__form .chakra-stack__divider { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } #member-center-profile__form .member-center-profile__unverified p,#member-center-profile__form .member-center-profile__unverified i { color: #ff4c4c } #member-center-profile__form .member-center-profile__verified p,#member-center-profile__form .member-center-profile__verified i { color: #30652f } #member-center-profile__form .member-center-profile__section-title-icon { color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } #member-center-profile__form .member-center-profile__section-title-text { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 1) } #member-center-profile__form .member-center-profile__section-sub-title { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 40%, 1) } #member-center-profile__form .member-center-profile__hint-text { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 40%, 1) } #member-center-profile__form .member-center-profile__description-text { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 60%) } #member-center-profile__form .member-center-profile__member-reminder-icon,#member-center-profile__form .member-center-profile__member-reminder-title { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } #member-center-profile__form .member-center-profile__text-button { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), var(--page-text-link-l, 59.4117647059%), 1) } #member-center-profile__form .member-center-profile__text-button>svg { fill: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), var(--page-text-link-l, 59.4117647059%), 1) } #member-center-profile__form .member-center-profile__text-button:hover { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), 30%, 1) } #member-center-profile__form .member-center-profile__text-button:hover>svg { fill: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), 30%, 1) } #member-center-profile__form .member-center-profile__text-button:disabled { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 1) } #member-center-profile__form .member-center-profile__text-button:disabled>svg { fill: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 1) } #member-center-profile__form .member-center-profile__progress-bar-background { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2) } #member-center-profile__form .member-center-profile__label { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 40%, 1) } #member-center-profile__form .member-center-profile__upgrade-tier-text { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 1) } #member-center-profile__form .member-center-profile__upgrade-tier-description { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 60%) } #member-center-profile__form .member-center-profile__email-hint { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 60%) } #member-center-profile__form .member-center-profile__mobile-check-text,#member-center-profile__form .member-center-profile__social-account-text { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 1) } #member-center-profile__form .member-center-profile__form-section { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), var(--page-background-l, 100%), 1); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } #member-center-profile__form .member-center-profile__outline-button { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 1); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } #member-center-profile__form .member-center-profile__outline-button:hover { border-color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 1) } #member-center-profile__form .member-center-profile__default-button { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), var(--page-background-l, 100%), 1); color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 1); border: 1px hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) solid } #member-center-profile__form .member-center-profile__default-button:hover { border-color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 1) } #member-center-profile__form .member-center-profile__retry-button,#member-center-profile__form .member-center-profile__submit-button #member-center-profile__form .member-center-profile__member-referral-modal-button,#member-center-profile__form .member-center-profile__email-verification-modal-button { background-color: var(--primary-background, var(--primary-color, #c74060)); color: var(--primary-text, #fff); border: 1px var(--primary-background, var(--primary-color, #c74060)) solid } #member-center-profile__form .member-center-profile__retry-button:hover,#member-center-profile__form .member-center-profile__submit-button #member-center-profile__form .member-center-profile__member-referral-modal-button:hover,#member-center-profile__form .member-center-profile__email-verification-modal-button:hover { background-color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), 60%, 0.8); border-color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), 60%, 0.8); opacity: 0.9 } #member-center-profile__form .member-center-profile__according-button { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), var(--page-text-link-l, 59.4117647059%), 1); background-color: transparent } #member-center-profile__form .member-center-profile__according-button:hover { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), 30%, 1) } #member-center-profile__form .tier-detail-row-label { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } #member-center-profile__form .tier-detail-row-description { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 1) } #member-center-profile__form .member-referral-rule__text,#member-center-profile__form .member-info-reward__text { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 1) } #member-center-profile__form .intl-tel-input.allow-dropdown .country-code { color: hsla(var(--header-text-h, 0deg), var(--header-text-s, 0%), 50%, 0.6) } #member-center-profile__form .intl-tel-input.allow-dropdown .arrow.down { color: var(--page-text, #333) } #member-center-profile__form .intl-tel-input.allow-dropdown .selected-dial-code { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 1) } #member-center-profile__form .intl-tel-input.allow-dropdown .country-list { background-color: var(--page-background, #fff); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } #member-center-profile__form .intl-tel-input.allow-dropdown .country-list .country { border-bottom: 1px solid hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.5) } #member-center-profile__form .intl-tel-input.allow-dropdown .country-list .country:hover { background-color: hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.2) } #member-center-profile__form .intl-tel-input.allow-dropdown .country-list .country .dial-code { color: hsla(var(--header-text-h, 0deg), var(--header-text-s, 0%), 50%, 0.6) } #member-center-profile__form .intl-tel-input.allow-dropdown .country-list .country .country-name { color: var(--page-text, #333) } #member-center-profile__form .intl-tel-input.allow-dropdown .selected-flag,#member-center-profile__form .intl-tel-input.allow-dropdown input[type='tel'] { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), var(--page-background-l, 100%), 1); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5); color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 1) } #member-center-profile__form .intl-tel-input.allow-dropdown .selected-flag::placeholder,#member-center-profile__form .intl-tel-input.allow-dropdown input[type='tel']::placeholder { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } #member-center-profile__form .birthday-faq { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 1) } #member-center-profile__form .line-subscribe-button { color: #4cc764 } #member-center-profile__form .general-unsubscribe-button,#member-center-profile__form .facebook-unsubscribe-button,#member-center-profile__form .line-unsubscribe-button { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } #member-center-profile__form__delete-address-button { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } #member-center-profile__form__delete-address-button:hover { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 40%, 1) } #member-center-profile__form .credit-card-field__list,#member-center-profile__form .credit-card-field__list-item { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .member-detail__terms-modal { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), var(--page-background-l, 100%), 1) } .member-detail__terms-modal-close_button { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .member-detail__terms-modal-close_button:hover { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 40%, 1) } .member-center-profile__email-verification-modal,.member-center-profile__member-referral-modal { background-color: var(--page-background, #fff) } .member-center-profile__email-verification-modal-text,.member-center-profile__member-referral-modal-text { font-size: calc(14px * var(--font-size-paragraph, 1)); color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 1) } .member-center-profile__email-verification-modal-button,.member-center-profile__member-referral-modal-button { background-color: var(--primary-background, var(--primary-color, #c74060)); color: var(--primary-text, #fff); border: 1px var(--primary-background, var(--primary-color, #c74060)) solid } .member-center-profile__email-verification-modal-button:hover,.member-center-profile__member-referral-modal-button:hover { background-color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), 60%, 0.8); border-color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), 60%, 0.8); opacity: 0.9 } .member-center-profile__member-referral-modal header { font-size: calc(15px * var(--font-size-title, 1)); font-family: var(--font-family-title) } #shopline-section-header ~ .nav-bg-color.sidr { background: var(--header-background, #fff) !important; color: var(--header-text, #333) } #shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-section .List-item a,#shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-section .List-item a.Label,#shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-section .List-item.MenuPanel-nestedList>a.Label,#shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-section .MenuPanel-nestedList-dropdown .List-item a { font-size: calc(15px * var(--font-size-paragraph, 1)) } #shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-section .List-item a,#shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-section .List-item a:hover,#shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-section .List-item a.Label,#shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-section .List-item a.Label:hover,#shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-section .List-item.MenuPanel-nestedList>a.Label,#shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-section .List-item.MenuPanel-nestedList>a.Label:hover,#shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-section .MenuPanel-nestedList-dropdown .List-item a,#shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-section .MenuPanel-nestedList-dropdown .List-item a:hover { color: var(--header-text, #333) !important } #shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-section .MenuPanel-section-header { font-size: calc(20px * var(--font-size-title, 1)); font-family: var(--font-family-title); color: hsla(var(--header-text-h, 0deg), var(--header-text-s, 0%), 60%, 1) } #shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-section .List-item i,#shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-section .sl-currency-menu-open>span:first-child { color: var(--header-icon, #333) } #shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-section .List-item svg { fill: var(--header-icon, #333) } #shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-section ul:before,#shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-section ul:after,#shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-section ul:not(:last-child) { border-bottom-color: hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.2) } #shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-nestedList-dropdown .NestedList-Wrapper,#shopline-section-header ~ .nav-bg-color.sidr .MenuPanel-mainMenu .depth-2 { background-color: hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.2) } .PromotionPage-container product-item .title,.PromotionPage-container product-item .price-crossed,.PromotionPage-container redeem-gift-item .price-crossed .price.price-crossed { font-size: calc(14px * var(--font-size-paragraph, 1)) } .ProductList-breadcrumb { font-size: calc(13px * var(--font-size-paragraph, 1)) } .PromotionInfo { font-size: calc(14px * var(--font-size-paragraph, 1)) } .PromotionInfo .show-term-button { font-size: calc(12px * var(--font-size-paragraph, 1)) } .member-price-tag,.product-customized-labels { background-color: var(--product-promotion-label-background, #c0392b); color: var(--product-promotion-label-text, #fff); font-size: calc(10px * var(--font-size-paragraph, 1)) } body .ProductList-breadcrumb.nav-bg-color,body .ProductDetail-breadcrumb.nav-bg-color { background-color: hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.2) } body .ProductList-breadcrumb.nav-bg-color,body .ProductList-breadcrumb.nav-bg-color .Label,body .ProductDetail-breadcrumb.nav-bg-color,body .ProductDetail-breadcrumb.nav-bg-color .Label { color: hsla(var(--header-text-h, 0deg), var(--header-text-s, 0%), 60%, 1) } body .ProductList-breadcrumb.nav-bg-color .Label:hover,body .ProductDetail-breadcrumb.nav-bg-color .Label:hover { color: hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.5) } body .ProductList-breadcrumb.nav-bg-color .Label:hover:after,body .ProductDetail-breadcrumb.nav-bg-color .Label:hover:after { border-bottom-color: hsla(var(--header-background-h, 0deg), var(--header-background-s, 0%), 80%, 0.5) } .PromotionPage-container .ProductList-select ul,.ProductList-container .ProductList-select ul,body.products.index .ProductList-select ul { background-color: var(--page-background, #fff); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) } .PromotionPage-container .ProductList-select ul li:hover,.ProductList-container .ProductList-select ul li:hover,body.products.index .ProductList-select ul li:hover { color: var(--primary-text, #fff) } .PromotionPage-container .ProductList-select span:after,.ProductList-container .ProductList-select span:after,body.products.index .ProductList-select span:after { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) } .PromotionPage-container .ProductList-info .Label,.ProductList-container .ProductList-info .Label,body.products.index .ProductList-info .Label { font-size: calc(20px * var(--font-size-title, 1)); font-family: var(--font-family-title) } .PromotionPage-container .ProductList-info .ProductList-total,.ProductList-container .ProductList-info .ProductList-total,body.products.index .ProductList-info .ProductList-total { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1); font-size: calc(14px * var(--font-size-paragraph, 1)); letter-spacing: normal } .Product-item .Product-title { font-size: calc(14px * var(--font-size-paragraph, 1)); color: var(--page-text, #333) } .Product-item .Label-price { font-size: calc(16px * var(--font-size-paragraph, 1)); color: var(--page-text, #333) } .Product-item .Label-price.Label-price-original { font-size: calc(14px * var(--font-size-paragraph, 1)); opacity: 0.6 } .product-item .quick-cart-price .price,.product-item .quick-cart-price .price-sale,.product-item .quick-cart-price .redeem-point { font-size: calc(16px * var(--font-size-paragraph, 1)) } .product-item redeem-gift-item .title { font-size: calc(16px * var(--font-size-paragraph, 1)) } .product-item .title { font-size: calc(14px * var(--font-size-paragraph, 1)) } .product-item .title,.product-item .price:not(.price-sale):not(.price-crossed) { color: var(--page-text, #333) } .product-item .price-crossed { color: var(--page-text, #333); opacity: 0.6 } .product-item .boxify-image-wrapper .btn-add-to-cart { height: auto; min-height: 40px; padding: 10px 0; background-color: var(--page-background, #fff); color: var(--page-text, #333) } .product-item .boxify-image-wrapper .btn-add-to-cart:hover { background-color: var(--primary-background, var(--primary-color, #c74060)); color: var(--primary-text, #fff) } .btn-add-to-cart.mobile-cart,.PromotionPage-container .info-box .btn-add-to-promotion-cart.mobile-cart { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2) } .btn-add-to-cart.mobile-cart i,.PromotionPage-container .info-box .btn-add-to-promotion-cart.mobile-cart i { color: var(--primary-background, var(--primary-color, #c74060)) } .btn-add-to-cart.mobile-cart.sold-out-item,.btn-add-to-cart.mobile-cart.not-in-available-time,.PromotionPage-container .info-box .btn-add-to-promotion-cart.mobile-cart.sold-out-item,.PromotionPage-container .info-box .btn-add-to-promotion-cart.mobile-cart.not-in-available-time { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2) } .btn-add-to-cart.mobile-cart.sold-out-item i,.btn-add-to-cart.mobile-cart.not-in-available-time i,.PromotionPage-container .info-box .btn-add-to-promotion-cart.mobile-cart.sold-out-item i,.PromotionPage-container .info-box .btn-add-to-promotion-cart.mobile-cart.not-in-available-time i { color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) } .plp-wishlist-button .fa-heart-o:before { color: #fff; -webkit-text-stroke-color: #000 } .plp-wishlist-button:hover .fa-heart-o:before { color: #bfbfbf } .plp-wishlist-button.is-active .fa-heart-o:before { color: var(--primary-background, var(--primary-color, #c74060)); -webkit-text-stroke-color: var(--primary-background, var(--primary-color, #c74060)) } .ProductList-categoryMenu .List-item { font-size: calc(14px * var(--font-size-paragraph, 1)) } .ProductList-categoryMenu .List-item a { font-size: calc(16px * var(--font-size-paragraph, 1)) } .ProductList-categoryMenu .List-item a,.ProductList-categoryMenu .List-item.ProductList-nestedList:after { color: var(--page-text, #333) } .ProductList-categoryMenu .List-item .List-item a { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .ProductList-categoryMenu .List-item .NestedList-Wrapper { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 98%, 1); color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .advance-filter-tag-container .clear-all-button { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .category-advance-filter { border-top-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .category-advance-filter.drawer-category-filter .content { background-color: var(--page-background, #fff) } .category-advance-filter .apply-button { border: 1px solid var(--primary-background, var(--primary-color, #c74060)); color: var(--primary-text, #fff) } .category-advance-filter .apply-button svg { fill: var(--primary-text, #fff) } .category-advance-filter .apply-button:hover { background-color: var(--page-background, #fff); color: var(--primary-background, var(--primary-color, #c74060)) } .category-advance-filter .apply-button:hover svg { fill: var(--primary-background, var(--primary-color, #c74060)) } .category-advance-filter .popover-content { color: #202428 } .category-advance-filter .advance-filter-icon.open-icon,.category-advance-filter .advance-filter-icon.close-icon { border-bottom-color: var(--page-text, #333); border-top-color: var(--page-text, #333) } .category-advance-filter .advance-filter-icon.cross-icon::before,.category-advance-filter .advance-filter-icon.cross-icon::after { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) } .category-advance-filter .filter-data .show-more-button,.category-advance-filter .filter-data .clear-button { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .category-advance-filter .filter-data .filter-item-title { font-size: calc(16px * var(--font-size-paragraph, 1)) } .category-advance-filter .filter-data .filter-item label { font-size: calc(16px * var(--font-size-paragraph, 1)) } .category-advance-filter .filter-data .filter-item label>span { color: var(--page-text, #333); opacity: 0.6 } .category-advance-filter .filter-data .filter-price-range input { font-size: calc(14px * var(--font-size-paragraph, 1)); background-color: var(--page-background, #fff); color: var(--page-text, #333); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .category-advance-filter .filter-data .filter-price-range input::placeholder { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 60%) } .advance-filter-tag-container .advance-filter-tag { color: var(--page-text, #333); background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2) } .advance-filter-tag-container .advance-filter-tag:hover { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) } .advance-filter-tag-container .advance-filter-tag .advance-filter-icon.cross-icon::after,.advance-filter-tag-container .advance-filter-tag .advance-filter-icon.cross-icon::before { background-color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .advance-filter-tag-container .advance-filter-tag .advance-filter-icon.cross-icon:hover::after,.advance-filter-tag-container .advance-filter-tag .advance-filter-icon.cross-icon:hover::before { background-color: var(--page-text, #333); opacity: 0.6 } .ProductList-select category-filter-button .advance-filter-button { font-size: calc(14px * var(--font-size-paragraph, 1)); border-bottom-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) } .ProductList-select category-filter-button .advance-filter-button svg { fill: var(--page-text, #333) } body.v2_theme .product-list-variant-selector-image { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .product-list-variant-selector-right-mask { background: linear-gradient(270deg, var(--page-background, #fff) 27.4%, rgba(255,255,255,0) 100%) } .product-list-variant-selector-left-mask { background: linear-gradient(90deg, var(--page-background, #fff) 27.4%, rgba(255,255,255,0) 100%) } .pagination>li>a,.pagination>li>span { color: var(--page-text, #333); background-color: var(--page-background, #fff) } .pagination>li>a:hover,.pagination>li>span:hover { color: var(--primary-background, var(--primary-color, #c74060)); background-color: var(--page-background, #fff) } .pagination>li.active>a,.pagination>li.active>a:hover,.pagination>li.active>span,.pagination>li.active>span:hover { color: var(--primary-background, var(--primary-color, #c74060)) } .CustomPage .pagination>li.pagination-page>a,.CustomPage .pagination>li.pagination-prev>a,.CustomPage .pagination>li.pagination-next>a { color: var(--page-text, #333) } .CustomPage .pagination>li.pagination-page:not(.active):hover>a,.CustomPage .pagination>li.pagination-page.active>a,.CustomPage .pagination>li.pagination-prev:not(.active):hover>a,.CustomPage .pagination>li.pagination-prev.active>a,.CustomPage .pagination>li.pagination-next:not(.active):hover>a,.CustomPage .pagination>li.pagination-next.active>a { color: var(--primary-background, var(--primary-color, #c74060)) } .promotion-term-dialog { background-color: var(--page-background, #fff); color: var(--page-text, #333); font-size: calc(14px * var(--font-size-paragraph, 1)) } .promotion-term-dialog .title { font-size: calc(15px * var(--font-size-title, 1)); font-family: var(--font-family-title) } .PromotionCart-panel { background-color: var(--page-background, #fff) } .PromotionCart-panel hr { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .cart-chkt-btn { color: var(--primary-text, #fff) !important; font-size: calc(14px * var(--font-size-paragraph, 1)) } .PromotionCart-header .cart-header-label { font-size: calc(14px * var(--font-size-paragraph, 1)) } .PromotionCart-header .cart-header-label>span b,.PromotionCart-content .product-content .price-details { color: var(--primary-background, var(--primary-color, #c74060)) } .cart-item-container>.remove-button { color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) } .PromotionCart-content .product-content .title { color: var(--page-text, #333); font-size: calc(13px * var(--font-size-paragraph, 1)) } .PromotionCart-content .product-content .price-details,.PromotionCart-content .product-content .form-control { font-size: calc(14px * var(--font-size-paragraph, 1)) } .PromotionCart-content .product-content .variation { color: var(--page-text, #333); opacity: 0.6 } .PromotionCart-content .product-content .child-product-item .child-product-title { color: var(--page-text, #333) } .PromotionCart-content .product-content .child-product-item .child-variation-title { color: var(--page-text, #333); opacity: 0.6 } .PromotionCart-content .product-content .input-group>input { background-color: var(--page-background, #fff); color: var(--page-text, #333); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .PromotionPage-icon-text { color: var(--page-text, #333); font-size: calc(14px * var(--font-size-title, 1)); font-family: var(--font-family-title) } .product-info .title { color: var(--page-text, #333); font-size: calc(22px * var(--font-size-title, 1)); font-family: var(--font-family-title) } .product-info .price>span { font-size: calc(18px * var(--font-size-title, 1)); font-family: var(--font-family-title) } .product-info .price-regular:not(.price-crossed) { color: var(--page-text, #333) !important } .product-info .price-crossed { color: var(--page-text, #333); opacity: 0.6 } .product-info .product-variant-option .selectpicker { color: var(--page-text, #333); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .product-info .product-variant-option input { color: var(--page-text, #333); background-color: var(--page-background, #fff); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } @media (max-width: 600px) { .modal-content .product-info .price-crossed { color: var(--page-text, #333) !important } } .PromotionPage-icon-container.fixed-height .container { background-color: var(--page-background, #fff) } .PromotionPage-icon-container.fixed-height .container>svg { height: 60px; margin-bottom: 20px } .PromotionPage-icon-container.fixed-height .PromotionPage-icon-description { color: var(--page-text, #333) } .PromotionPage-icon-container svg * { fill: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .PromotionPage-icon-container .redirect-label { color: var(--page-text, #333); opacity: 0.6; font-size: calc(12px * var(--font-size-paragraph, 1)) } .quick-card-body .form-control { background-color: var(--page-background, #fff) } .quick-cart-item .info-box.--plp-variant-image-circle .product-list-variant-selector-image,.quick-cart-item .info-box.--plp-variant-image-circle .product-list-variant-selector-image::after,.quick-cart-item .info-box.--plp-variant-image-circle .product-list-variant-selector-image img,.Product-item .Product-info.--plp-variant-image-circle .product-list-variant-selector-image,.Product-item .Product-info.--plp-variant-image-circle .product-list-variant-selector-image::after,.Product-item .Product-info.--plp-variant-image-circle .product-list-variant-selector-image img { border-radius: 50% } .quick-cart-item .info-box.--plp-variant-image-sm .product-list-variant-selector-left-mask,.quick-cart-item .info-box.--plp-variant-image-sm .product-list-variant-selector-right-mask,.Product-item .Product-info.--plp-variant-image-sm .product-list-variant-selector-left-mask,.Product-item .Product-info.--plp-variant-image-sm .product-list-variant-selector-right-mask { height: 26px } .quick-cart-item .info-box.--plp-variant-image-sm .product-list-variant-selector-image,.Product-item .Product-info.--plp-variant-image-sm .product-list-variant-selector-image { width: 22px !important; height: 22px !important } @media screen and (min-width: 992px) { .quick-cart-item .info-box.--plp-variant-image-md .product-list-variant-selector-scrollable,.Product-item .Product-info.--plp-variant-image-md .product-list-variant-selector-scrollable { justify-content: center } } .quick-cart-item .info-box.--plp-variant-image-md .product-list-variant-selector-left-mask,.quick-cart-item .info-box.--plp-variant-image-md .product-list-variant-selector-right-mask,.Product-item .Product-info.--plp-variant-image-md .product-list-variant-selector-left-mask,.Product-item .Product-info.--plp-variant-image-md .product-list-variant-selector-right-mask { height: 34px } .quick-cart-item .info-box.--plp-variant-image-md .product-list-variant-selector-image,.Product-item .Product-info.--plp-variant-image-md .product-list-variant-selector-image { width: 30px !important; height: 30px !important } @media screen and (min-width: 992px) { .quick-cart-item .info-box.--plp-variant-image-lg .product-list-variant-selector-scrollable,.Product-item .Product-info.--plp-variant-image-lg .product-list-variant-selector-scrollable { justify-content: center } } .quick-cart-item .info-box.--plp-variant-image-lg .product-list-variant-selector-left-mask,.quick-cart-item .info-box.--plp-variant-image-lg .product-list-variant-selector-right-mask,.Product-item .Product-info.--plp-variant-image-lg .product-list-variant-selector-left-mask,.Product-item .Product-info.--plp-variant-image-lg .product-list-variant-selector-right-mask { height: 44px } .quick-cart-item .info-box.--plp-variant-image-lg .product-list-variant-selector-image,.Product-item .Product-info.--plp-variant-image-lg .product-list-variant-selector-image { width: 40px !important; height: 40px !important } .quick-cart-item .info-box.--plp-product-name-align-left .title,.quick-cart-item .info-box.--plp-product-name-align-left .price,.quick-cart-item .info-box.--plp-product-name-align-left .product-list-variant-selector-wrapper,.quick-cart-item .info-box.--plp-product-name-align-left .product-review-stars-container { text-align: left } .quick-cart-item .info-box.--plp-product-name-align-right .title,.quick-cart-item .info-box.--plp-product-name-align-right .price,.quick-cart-item .info-box.--plp-product-name-align-right .product-list-variant-selector-wrapper,.quick-cart-item .info-box.--plp-product-name-align-right .product-review-stars-container { text-align: right } .Product-item .Product-info.--plp-product-name-align-left .Product-title,.Product-item .Product-info.--plp-product-name-align-left .Label-price,.Product-item .Product-info.--plp-product-name-align-left .product-list-variant-selector-wrapper,.Product-item .Product-info.--plp-product-name-align-left .product-review-stars-container { text-align: left } .Product-item .Product-info.--plp-product-name-align-right .Product-title,.Product-item .Product-info.--plp-product-name-align-right .Label-price,.Product-item .Product-info.--plp-product-name-align-right .product-list-variant-selector-wrapper,.Product-item .Product-info.--plp-product-name-align-right .product-review-stars-container { text-align: right } .quick-cart-item.--plp-product-custom-label-rectangular .member-price-tag,.quick-cart-item.--plp-product-custom-label-rectangular .product-customized-labels,.Product-item.--plp-product-custom-label-rectangular .member-price-tag,.Product-item.--plp-product-custom-label-rectangular .product-customized-labels { border-radius: 0 } .quick-cart-item.--plp-product-custom-label-arrow-rectangular .member-price-tag,.quick-cart-item.--plp-product-custom-label-arrow-rectangular .product-customized-labels,.Product-item.--plp-product-custom-label-arrow-rectangular .member-price-tag,.Product-item.--plp-product-custom-label-arrow-rectangular .product-customized-labels { display: flex; align-items: center; z-index: 8; padding: 5px; border-radius: 0; top: 0; left: 13px; height: 26px; max-width: calc(100% - 13px) } .quick-cart-item.--plp-product-custom-label-arrow-rectangular .member-price-tag:before,.quick-cart-item.--plp-product-custom-label-arrow-rectangular .product-customized-labels:before,.Product-item.--plp-product-custom-label-arrow-rectangular .member-price-tag:before,.Product-item.--plp-product-custom-label-arrow-rectangular .product-customized-labels:before { border-color: transparent var(--product-promotion-label-background, #c0392b) transparent transparent; content: ''; position: absolute; left: -13px; top: 0; width: 0; height: 0; border-style: solid; border-width: 13px 13px 13px 0 } .quick-cart-item.--plp-product-custom-label-arrow-rectangular .member-price-tag .member-price-tag-content,.quick-cart-item.--plp-product-custom-label-arrow-rectangular .member-price-tag .product-customized-labels-content,.quick-cart-item.--plp-product-custom-label-arrow-rectangular .product-customized-labels .member-price-tag-content,.quick-cart-item.--plp-product-custom-label-arrow-rectangular .product-customized-labels .product-customized-labels-content,.Product-item.--plp-product-custom-label-arrow-rectangular .member-price-tag .member-price-tag-content,.Product-item.--plp-product-custom-label-arrow-rectangular .member-price-tag .product-customized-labels-content,.Product-item.--plp-product-custom-label-arrow-rectangular .product-customized-labels .member-price-tag-content,.Product-item.--plp-product-custom-label-arrow-rectangular .product-customized-labels .product-customized-labels-content { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .product-list-variant-selector-list .product-list-variant-selector-scrollable .product-list-variant-selector-expand { color: #AAA; font-size: 13px; padding-left: 6px; margin: auto 0 } .ProductDetail-container { background-color: var(--page-background, #fff) } .Product-title { font-size: calc(28px * var(--font-size-title, 1)); font-family: var(--font-family-title) } .ProductDetail-breadcrumb .Product-title { font-size: calc(13px * var(--font-size-title, 1)) } .ProductDetail-product-info .price:not(.price-crossed) { font-size: calc(20px * var(--font-size-title, 1)); font-family: var(--font-family-title) } .ProductDetail-product-info .price-sale span.price,.ProductDetail-product-info .price-sale .member-only-tag { font-size: calc(17px * var(--font-size-title, 1)); font-family: var(--font-family-title) } .ProductDetail-product-info .price-sale.member-price-tip-content>span { font-family: var(--font-family-paragraph); font-size: calc(13px * var(--font-size-paragraph, 1)) !important } .ProductDetail-product-info .price.price-crossed { font-size: calc(17px * var(--font-size-paragraph, 1)) } .ProductDetail-product-info .Back-in-stock-addItem-block .btn-add-back-in-stock.is-active { color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) !important; background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) !important; border-color: transparent !important } .QuickCart-modal .quick-cart-price .price:not(.price-crossed) { font-size: calc(18px * var(--font-size-title, 1)); font-family: var(--font-family-title) } .price-sale .member-only-tag { font-size: calc(18px * var(--font-size-title, 1)); font-family: var(--font-family-title) } .ProductDetail-additionalInfo .ProductDetail-title,.ProductDetail-relatedProducts .ProductDetail-relatedProducts-title { font-size: calc(22px * var(--font-size-title, 1)); font-family: var(--font-family-title) } .variation_title { font-size: calc(13px * var(--font-size-paragraph, 1)) } body .ProductDetail-container { font-size: calc(14px * var(--font-size-paragraph, 1)) } .ProductDetail-product-info .Product-title,body.products.show .ProductDetail-product-info .price-box>.price:not(.price-sale):not(.price-crossed),body.products.show .ProductDetail-product-info .price-box>.price-regular:not(.price-sale):not(.price-crossed) { color: var(--page-text, #333) } .ProductDetail-product-info .Product-summary { color: var(--page-text, #333) } .ProductDetail-product-info .price.price-crossed { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 50%, 0.6) } body.products.show .action-title { font-size: calc(13px * var(--font-size-paragraph, 1)); color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 0.1) } body.products.show .share-box .action-title { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } hr { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .product-available-info-text { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 40%, 1) } .Product-promotions .Product-promotions-tag a { color: var(--page-text, #333) } .Product-promotions .Product-promotions-tag span { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .Util-cssToggle ~ .Util-cssToggleLabel { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .member-price-tip a { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 50%, 0.6) } .member-price-tip a .price { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 50%, 0.6) !important } .member-price-tip a .tip { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 50%, 0.6) !important } body.products.show .ProductDetail-product-info .product-review-box .review-summary-data { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 50%, 0.6) } body.products.show .ProductDetail-product-info .product-review-box .review-summary-data a { color: var(--page-text, #333) } body.products.show .ProductDetail-product-info .checkout-label { background-color: var(--page-text, #333); color: var(--page-background, #fff) } .variation_title,.buy-now-preorder-hint { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .Variation-border { border: 2px solid hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .variation-label { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .variation-label.variation-label--out-of-stock { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) !important; color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) !important } .quick-cart-body .form-control,.quick-cart-body .btn-default,.cart-item-container .form-control,.cart-item-container .btn-default,.ProductDetail-container .form-control,.ProductDetail-container .btn-default { color: var(--page-text, #333); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .quick-cart-body .btn-default:hover,.quick-cart-body .btn-default:active,.quick-cart-body .btn-default:focus,.cart-item-container .btn-default:hover,.cart-item-container .btn-default:active,.cart-item-container .btn-default:focus,.ProductDetail-container .btn-default:hover,.ProductDetail-container .btn-default:active,.ProductDetail-container .btn-default:focus { background-color: var(--page-background, #fff) !important } body.products.show .addon-promotions-container .addon-promotions-header { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1); background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } body.products.show .addon-promotions-container .addon-promotions-header #sec0 { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } body.products.show .addon-promotions-container .addon-promotion-list .title { color: var(--page-text, #333) } body.products.show .addon-promotions-container .price-container .price { font-size: calc(14px * var(--font-size-paragraph, 1)); font-family: var(--font-family-paragraph) } .amazon-wishlist-block .buy-at-amazon-button:hover a,.amazon-wishlist-block .buy-at-amazon-button:hover i { color: var(--primary-background, var(--primary-color, #c74060)) } .amazon-wishlist-block .buy-at-amazon-button a,.amazon-wishlist-block .buy-at-amazon-button i { color: var(--page-text, #333) } .js-sticky-cart-button-container { background-color: transparent } .addon-promotions-container .addon-promotion-item { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2) } .ProductDetail-product-info .out-of-stock { color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) } .ProductDetail-product-info>.box-default .out-of-stock * { color: #FF4C4C } .ProductDetail-additionalInfo .Tabset-tabs { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } body.products.show .ProductDetail-additionalInfo .Tabset-tabs .Tab-label { z-index: 2; color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } body.products.show .ProductDetail-additionalInfo .Tabset-tabs .Tab-label span { font-size: calc(18px * var(--font-size-title, 1)); font-family: var(--font-family-title) } body.products.show .ProductDetail-additionalInfo .Tabset-tabs .Tab-label.active { color: var(--page-text, #333) } .review-summary-bar-line-bg .customer-review-bar-color { background-color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), 70%, 0.6) !important } body.light_theme .product-set-basket-overview,body.dark_theme .product-set-basket-overview { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2) } body.light_theme .product-set-basket-overview .product-set-title,body.dark_theme .product-set-basket-overview .product-set-title { color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) } body.light_theme .product-set-basket-overview .variation-hint,body.dark_theme .product-set-basket-overview .variation-hint { color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) } body.light_theme .product-set-selector-wrapper .edit-product-set-button,body.dark_theme .product-set-selector-wrapper .edit-product-set-button { background-color: #000 !important; border: 1px solid hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2) !important } body.light_theme .product-set-selector-wrapper .edit-product-set-button:hover,body.dark_theme .product-set-selector-wrapper .edit-product-set-button:hover { color: #000 !important } body.light_theme .product-set-selector-wrapper .child-product-wrapper .child-product-title,body.dark_theme .product-set-selector-wrapper .child-product-wrapper .child-product-title { color: var(--page-text, #333) } body.light_theme .product-set-selector-wrapper .child-product-wrapper .child-product-quantity,body.light_theme .product-set-selector-wrapper .child-product-wrapper .child-variation-title,body.dark_theme .product-set-selector-wrapper .child-product-wrapper .child-product-quantity,body.dark_theme .product-set-selector-wrapper .child-product-wrapper .child-variation-title { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } body.light_theme .product-set-selector-wrapper .child-product-wrapper .child-product-divider,body.dark_theme .product-set-selector-wrapper .child-product-wrapper .child-product-divider { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.2) } .product-set-basket { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 98%, 1) } .product-set-basket .basket-product { background-color: var(--page-background, #fff) } .product-set-basket .basket-product .product-title { color: var(--page-text, #333) } .product-set-basket .product-set-quantity-label { color: var(--primary-text, #fff) } .product-set-basket .product-set-quantity-label.disabled { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) } .product-set-basket .basket-product-header .basket-product-title,.product-set-basket .basket-product-header .basket-product-subtitle { color: var(--page-text, #333); font-family: var(--font-family-title) } .product-set-basket .basket-header { background-color: var(--page-background, #fff) } .product-set-basket .basket-header .basket-header-title,.product-set-basket .basket-header .fa.fa-angle-left { color: var(--page-text, #333) } .product-set-basket .basket-content { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2) } .product-set-basket .product-set-action-button,.product-set-basket .product-set-action-button:focus { background-color: var(--page-text, #333) !important; color: var(--page-background, #fff) !important; border: 1px solid var(--page-text, #333) } .product-set-basket .product-set-action-button:hover,.product-set-basket .product-set-action-button:focus:hover { background-color: var(--page-background, #fff) !important; color: var(--page-text, #333) !important } .product-set-basket .product-set-action-button:disabled,.product-set-basket .product-set-action-button:focus:disabled { color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) !important; background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) !important; border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .basket-cart-panel { color: var(--page-text, #333); background-color: var(--page-background, #fff) } .basket-cart-panel hr { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .basket-cart-panel .basket-cart-item { background-color: var(--page-background, #fff); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .basket-cart-panel .basket-cart-item .title { color: var(--page-text, #333) } .basket-cart-panel .basket-cart-item .item-variation,.basket-cart-panel .basket-cart-item .item-quantity { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .basket-cart-panel .basket-cart-panel-content { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2) } .basket-cart-panel .basket-cart-panel-content .empty-hint { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 50%, 0.6) } .product-set-quick-cart-modal.QuickCart-modal.modal .child-variations-wrapper .hint { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .product-set-basket .highlight-label,.product-set-quick-cart-modal .highlight-label { color: var(--primary-background, var(--primary-color, #c74060)) } .basket-cart-panel .basket-cart-panel-header .progress-bar .progress-bar-content { background-color: var(--primary-background, var(--primary-color, #c74060)) } .QuickCart-modal .modal-content { background-color: var(--page-background, #fff); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 98%, 1) } body.products.show .ProductDetail-additionalInfo .product-review-no-data { color: var(--page-text, #333) } body.products.show .btn-cart-fixed:not(.is-contact-us):not(.is-back-in-stock):not(.btn-buy-now):not(.btn-fast-checkout):before { background: initial; width: 16px; height: 16px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E"); background-color: var(--primary-text, #fff) } body.products.show .js-sticky-cart-button-container.fast-checkout-container { background-color: transparent } body.products.show .js-sticky-cart-button-container .btn-cart-fixed.js-btn-cart-fixed { background-color: var(--primary-background, var(--primary-color, #c74060)); border-color: var(--primary-background, var(--primary-color, #c74060)); color: var(--primary-text, #fff) } body.products.show .js-sticky-cart-button-container .btn-cart-fixed.js-btn-cart-fixed:not(.is-contact-us):not(.is-back-in-stock):not(.btn-buy-now):not(.btn-fast-checkout):before { background-color: var(--primary-text, #fff) } body.products.show .js-sticky-cart-button-container .btn-cart-fixed.js-btn-cart-fixed .icon-cart { fill: var(--primary-text, #fff) !important } body.products.show .js-sticky-cart-button-container .btn-cart-fixed.js-btn-cart-fixed:hover,body.products.show .js-sticky-cart-button-container .btn-cart-fixed.js-btn-cart-fixed:focus { background-color: var(--page-background, #fff); color: var(--primary-background, var(--primary-color, #c74060)) } body.products.show .js-sticky-cart-button-container .btn-cart-fixed.js-btn-cart-fixed:hover:not(.is-contact-us):not(.is-back-in-stock):not(.btn-buy-now):not(.btn-fast-checkout):before,body.products.show .js-sticky-cart-button-container .btn-cart-fixed.js-btn-cart-fixed:focus:not(.is-contact-us):not(.is-back-in-stock):not(.btn-buy-now):not(.btn-fast-checkout):before { background-color: var(--primary-background, var(--primary-color, #c74060)) } body.products.show .js-sticky-cart-button-container .btn-cart-fixed.js-btn-cart-fixed:hover .icon-cart,body.products.show .js-sticky-cart-button-container .btn-cart-fixed.js-btn-cart-fixed:focus .icon-cart { fill: var(--primary-background, var(--primary-color, #c74060)) !important } body.products.show .js-sticky-cart-button-container .btn-cart-fixed.btn-buy-now { background-color: var(--buy-now-background, #fb7813); border-color: var(--buy-now-background, #fb7813); color: var(--buy-now-text, #fff) } body.products.show .js-sticky-cart-button-container .btn-cart-fixed.btn-buy-now:hover,body.products.show .js-sticky-cart-button-container .btn-cart-fixed.btn-buy-now:focus { background-color: var(--page-background, #fff); color: var(--buy-now-background, #fb7813) } .ProductDetail-product-info { font-size: calc(14px * var(--font-size-paragraph, 1)) } .Product-deliveryList li,.Product-paymentList li { color: var(--page-text, #333) } @media (hover: none) and (pointer: coarse) { .ProductDetail-product .btn-add-wishlist,.ProductDetail-product .btn-add-wishlist:hover { color: var(--page-text, #333) } .ProductDetail-product .btn-add-wishlist.is-active { color: var(--primary-background, var(--primary-color, #c74060)) } } .ProductDetail-additionalInfo .ProductDetail-description h2,.ProductDetail-additionalInfo .ProductDetail-description h3,.ProductDetail-additionalInfo .ProductDetail-description h4,.ProductDetail-additionalInfo .ProductDetail-description h5,.ProductDetail-additionalInfo .ProductDetail-description h6,.ProductDetail-product-info .accordion-box .accordion-content h2,.ProductDetail-product-info .accordion-box .accordion-content h3,.ProductDetail-product-info .accordion-box .accordion-content h4,.ProductDetail-product-info .accordion-box .accordion-content h5,.ProductDetail-product-info .accordion-box .accordion-content h6 { font-family: var(--font-family-paragraph) } .ProductDetail-additionalInfo .ProductDetail-description h2,.ProductDetail-product-info .accordion-box .accordion-content h2 { font-size: calc(32px * var(--font-size-paragraph, 1)) } .ProductDetail-additionalInfo .ProductDetail-description h3,.ProductDetail-product-info .accordion-box .accordion-content h3 { font-size: calc(24px * var(--font-size-paragraph, 1)) } .ProductDetail-additionalInfo .ProductDetail-description h4,.ProductDetail-product-info .accordion-box .accordion-content h4 { font-size: calc(18px * var(--font-size-paragraph, 1)) } .ProductDetail-additionalInfo .ProductDetail-description h5,.ProductDetail-product-info .accordion-box .accordion-content h5 { font-size: calc(16px * var(--font-size-paragraph, 1)) } .ProductDetail-additionalInfo .ProductDetail-description h6,.ProductDetail-product-info .accordion-box .accordion-content h6 { font-size: calc(13px * var(--font-size-paragraph, 1)) } .btn-check-stock-action { border-color: var(--primary-background, var(--primary-color, #c74060)); color: var(--primary-background, var(--primary-color, #c74060)) } .btn-check-stock-action:hover { background-color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), 80%, 0.2) } .check-store-stock-modal .modal-content { background-color: var(--page-background, #fff) } .check-store-stock-modal .check-store-stock-modal__close-button { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .check-store-stock-modal .check-store-stock-modal__loading .loading__title { color: var(--page-text, #333) } .check-store-stock-modal .check-store-stock-modal__loading .loading__subtitle { color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) } .check-store-stock-modal .check-store-stock-modal__loading .loading__icon .sk-child { background-color: var(--primary-background, var(--primary-color, #c74060)) } .check-store-stock-modal .check-store-stock-modal__content .check-store-stock-modal__title { color: var(--page-text, #333) } .check-store-stock-modal .check-store-stock-modal__content .store-info { background-color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), 80%, 0.2) } .check-store-stock-modal .check-store-stock-modal__content .store-info .store-info__content { border-color: var(--primary-background, var(--primary-color, #c74060)) } .check-store-stock-modal .check-store-stock-modal__content .store-info .store-info__store-name { color: var(--page-text, #333) } .check-store-stock-modal .check-store-stock-modal__content .store-info .store-info__store-address { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .check-store-stock-modal .check-store-stock-modal__content .store-info .store-info__stock { color: var(--primary-background, var(--primary-color, #c74060)) } .check-store-stock-modal .check-store-stock-modal__content .store-info.store-info--empty { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2) } .check-store-stock-modal .check-store-stock-modal__content .store-info.store-info--empty .store-info__content { border-color: var(--page-text, #333) } .check-store-stock-modal .check-store-stock-modal__content .store-info.store-info--empty .store-info__store-name { color: var(--page-text, #333) } .check-store-stock-modal .check-store-stock-modal__content .store-info.store-info--empty .store-info__store-address { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .check-store-stock-modal .check-store-stock-modal__content .store-info.store-info--empty .store-info__stock { color: var(--page-text, #333) } .QuickCart-modal.--plp-variant-image-circle .Variation-border,.QuickCart-modal.--plp-variant-image-circle .Variation-thumb,.product-detail-actions.--plp-variant-image-circle .Variation-border,.product-detail-actions.--plp-variant-image-circle .Variation-thumb { border-radius: 50% } .QuickCart-modal .Variation-container:not(.show),.product-detail-actions .Variation-container:not(.show) { max-height: 84px } .QuickCart-modal .Variation-container .Variation-wrap,.product-detail-actions .Variation-container .Variation-wrap { position: relative } .QuickCart-modal.--plp-variant-image-sm .Variation-container:not(.show),.product-detail-actions.--plp-variant-image-sm .Variation-container:not(.show) { max-height: 68px } .QuickCart-modal.--plp-variant-image-sm .Variation-container .Variation-wrap,.QuickCart-modal.--plp-variant-image-sm .Variation-container .Variation-border,.product-detail-actions.--plp-variant-image-sm .Variation-container .Variation-wrap,.product-detail-actions.--plp-variant-image-sm .Variation-container .Variation-border { width: 30px; height: 30px } .QuickCart-modal.--plp-variant-image-sm .Variation-container .Variation-thumb,.product-detail-actions.--plp-variant-image-sm .Variation-container .Variation-thumb { width: 22px; height: 22px } .QuickCart-modal.--plp-variant-image-md .Variation-container:not(.show),.product-detail-actions.--plp-variant-image-md .Variation-container:not(.show) { max-height: 84px } .QuickCart-modal.--plp-variant-image-md .Variation-container .Variation-wrap,.QuickCart-modal.--plp-variant-image-md .Variation-container .Variation-border,.product-detail-actions.--plp-variant-image-md .Variation-container .Variation-wrap,.product-detail-actions.--plp-variant-image-md .Variation-container .Variation-border { width: 38px; height: 38px } .QuickCart-modal.--plp-variant-image-md .Variation-container .Variation-thumb,.product-detail-actions.--plp-variant-image-md .Variation-container .Variation-thumb { width: 30px; height: 30px } .QuickCart-modal.--plp-variant-image-lg .Variation-container:not(.show),.product-detail-actions.--plp-variant-image-lg .Variation-container:not(.show) { max-height: 104px } .QuickCart-modal.--plp-variant-image-lg .Variation-container .Variation-wrap,.QuickCart-modal.--plp-variant-image-lg .Variation-container .Variation-border,.product-detail-actions.--plp-variant-image-lg .Variation-container .Variation-wrap,.product-detail-actions.--plp-variant-image-lg .Variation-container .Variation-border { width: 48px; height: 48px } .QuickCart-modal.--plp-variant-image-lg .Variation-container .Variation-thumb,.product-detail-actions.--plp-variant-image-lg .Variation-container .Variation-thumb { width: 40px; height: 40px } .search-noresult input { background: none; border-color: var(--page-text, #333) } .search-noresult input::placeholder { color: hsla(var(--header-text-h, 0deg), var(--header-text-s, 0%), 40%, 1) } .product-list-empty-placeholder,.ProductList-list-empty-placeholder { color: var(--page-text, #333); font-size: calc(16px * var(--font-size-title, 1)); font-family: var(--font-family-title) } .product-list-empty-placeholder .help-block,.ProductList-list-empty-placeholder .help-block { color: hsla(var(--header-text-h, 0deg), var(--header-text-s, 0%), 40%, 1); font-size: calc(14px * var(--font-size-paragraph, 1)); font-family: var(--font-family-paragraph) } .signup-login-v2 .page-inner { background-color: var(--page-background, #fff) !important } .signup-login-v2 .page-inner .title { font-family: var(--font-family-title) } .signup-login-v2 .page-inner .chakra-text:not(.chakra-error_message) { color: var(--page-text, #333) } .signup-login-v2 .page-inner .chakra-text:not(.chakra-error_message).description { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 0.6) } .signup-login-v2 .page-inner .chakra-link { color: var(--page-text-link, #3493fb) !important } .signup-login-v2 .page-inner .chakra-link:hover { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), 30%, 1) !important } .signup-login-v2 .page-inner .solid-btn { background-color: var(--primary-background, var(--primary-color, #c74060)) !important; border-color: var(--primary-background, var(--primary-color, #c74060)) !important; color: var(--primary-text, #fff) !important } .signup-login-v2 .page-inner .solid-btn:hover { background-color: transparent !important; color: var(--primary-background, var(--primary-color, #c74060)) !important } .signup-login-v2 .page-inner .solid-btn:disabled,.signup-login-v2 .page-inner .solid-btn [disabled] { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) !important; border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) !important; color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) !important } .signup-login-v2 .page-inner .solid-btn:disabled[data-loading],.signup-login-v2 .page-inner .solid-btn [disabled][data-loading] { background-color: var(--primary-background, var(--primary-color, #c74060)) !important; border-color: var(--primary-background, var(--primary-color, #c74060)) !important; color: var(--primary-text, #fff) !important } .signup-login-v2 .page-inner .outline-btn { background-color: transparent !important; border-color: var(--primary-background, var(--primary-color, #c74060)) !important; color: var(--primary-background, var(--primary-color, #c74060)) !important } .signup-login-v2 .page-inner .outline-btn:hover { background-color: hsla(var(--primary-background-h, 345.7777777778deg), var(--primary-background-s, 54.6558704453%), 80%, 0.2) !important } .signup-login-v2 .page-inner .outline-btn:disabled,.signup-login-v2 .page-inner .outline-btn [disabled] { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) !important; border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) !important; color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) !important } .signup-login-v2 .page-inner .outline-btn:disabled[data-loading],.signup-login-v2 .page-inner .outline-btn [disabled][data-loading] { background-color: transparent !important; border-color: var(--primary-background, var(--primary-color, #c74060)) !important; color: var(--primary-background, var(--primary-color, #c74060)) !important } .signup-login-v2 .page-inner .outline-send-code-btn { background-color: transparent; border-color: var(--page-text, #333); color: var(--page-text, #333) } .signup-login-v2 .page-inner .outline-send-code-btn:hover { background-color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 80%, 0.2) } .signup-login-v2 .page-inner .outline-send-code-btn:disabled,.signup-login-v2 .page-inner .outline-send-code-btn [disabled] { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) !important; border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) !important; color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) !important } .signup-login-v2 .page-inner .outline-send-code-btn:disabled[data-loading],.signup-login-v2 .page-inner .outline-send-code-btn [disabled][data-loading] { background-color: transparent !important; border-color: var(--page-text, #333) !important; color: var(--page-text, #333) !important } .signup-login-v2 .page-inner .link-btn { color: var(--page-text-link, #3493fb) !important } .signup-login-v2 .page-inner .link-btn:hover { color: hsla(var(--page-text-link-h, 211.3567839196deg), var(--page-text-link-s, 96.1352657005%), 30%, 1) !important } .signup-login-v2 .page-inner .chakra-form__label { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .signup-login-v2 .page-inner .chakra-input,.signup-login-v2 .page-inner .chakra-select,.signup-login-v2 .page-inner .mobile-phone-input .enter-phone-input { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5); color: var(--page-text, #333) } .signup-login-v2 .page-inner .chakra-input::placeholder,.signup-login-v2 .page-inner .chakra-select::placeholder,.signup-login-v2 .page-inner .mobile-phone-input .enter-phone-input::placeholder { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 60%, 1) } .signup-login-v2 .page-inner .chakra-input.chakra-custom_error_border,.signup-login-v2 .page-inner .chakra-select.chakra-custom_error_border,.signup-login-v2 .page-inner .mobile-phone-input .enter-phone-input.chakra-custom_error_border { border-bottom-color: #FF4C4C } .signup-login-v2 .page-inner .mobile-phone-input .selected-flag,.signup-login-v2 .page-inner .mobile-phone-input .arrow { color: var(--page-text, #333) } .signup-login-v2 .page-inner .chakra-custom_error_text { color: #FF4C4C } .signup-login-v2 .page-inner .icon-password-visibility { color: var(--page-text, #333) } .signup-login-v2 .page-inner .icon-password-visibility:hover { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), 40%, 1) } .signup-login-v2 .page-inner .chakra-checkbox__control { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .signup-login-v2 .page-inner .chakra-checkbox__control:hover,.signup-login-v2 .page-inner .chakra-checkbox__control[aria-checked],.signup-login-v2 .page-inner .chakra-checkbox__control[data-checked] { border-color: #356dff } .signup-login-v2 .page-inner .chakra-checkbox__label { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 0.6) } .signup-login-v2 .page-inner .chakra-checkbox .chakra-checkbox__label .chakra-link { color: var(--page-text, #333) !important } .signup-login-v2 .page-inner .chakra-checkbox .chakra-checkbox__label .chakra-link:hover { color: var(--page-text, #333) !important } .confirmation .confirmation-block { background-color: var(--page-background, #fff); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .confirmation .confirmation-block .oval.paper-plane { border-color: var(--primary-background, var(--primary-color, #c74060)) } .confirmation .confirmation-block .oval .fa.confirmation-plane { color: var(--primary-background, var(--primary-color, #c74060)) } .confirmation .confirmation-block .confirmation-title,.confirmation .confirmation-block .confirmation-description { color: var(--page-text, #333) } .confirmation .confirmation-block .confirmation-button { background-color: var(--primary-background, var(--primary-color, #c74060)) !important; border-color: var(--primary-background, var(--primary-color, #c74060)) !important; color: var(--primary-text, #fff) !important } .confirmation .confirmation-block .confirmation-button:hover { background-color: transparent !important; color: var(--primary-background, var(--primary-color, #c74060)) !important } .confirmation .confirmation-block .confirmation-button:disabled,.confirmation .confirmation-block .confirmation-button [disabled] { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) !important; border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) !important; color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) !important } .confirmation .confirmation-block .confirmation-button:disabled[data-loading],.confirmation .confirmation-block .confirmation-button [disabled][data-loading] { background-color: var(--primary-background, var(--primary-color, #c74060)) !important; border-color: var(--primary-background, var(--primary-color, #c74060)) !important; color: var(--primary-text, #fff) !important } .mobile-phone-input .intl-tel-input .country-list,.iti-mobile .intl-tel-input.iti-container .country-list { background-color: var(--page-background, #fff) !important } .mobile-phone-input .intl-tel-input .country-list .country.highlight,.iti-mobile .intl-tel-input.iti-container .country-list .country.highlight { background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.2) !important } .mobile-phone-input .intl-tel-input .country-list .country .country-name,.iti-mobile .intl-tel-input.iti-container .country-list .country .country-name { color: var(--page-text, #333) !important } .mobile-phone-input .intl-tel-input .country-list .country .dial-code,.iti-mobile .intl-tel-input.iti-container .country-list .country .dial-code { color: hsla(var(--page-text-h, 0deg), var(--page-text-s, 0%), var(--page-text-l, 20%), 0.6) !important } :root { --font-family-paragraph: var(--font-paragraph), andy-money, Noto Sans, Mitr, Athiti, Noto Sans TC, Noto Sans SC, system-ui, -apple-system, Segoe UI, sans-serif; --font-family-title: var(--font-title), andy-money, Noto Sans, Mitr, Athiti, Noto Sans TC, Noto Sans SC, system-ui, -apple-system, Segoe UI, sans-serif } * { font-family: var(--font-family-paragraph) } body { color: var(--page-text, #333); font-size: calc(14px * var(--font-size-paragraph, 1)) } body:not(.checkout):not(.cart):not(.orders):not(.orders.order_payment_slips) { background-color: var(--page-background, #fff) } .text-primary-color { color: var(--primary-background, var(--primary-color, #c74060)) } .text-primary-color a,.text-primary-color a:hover { color: var(--primary-background, var(--primary-color, #c74060)) } .sidr { font-size: calc(15px * var(--font-size-paragraph, 1)) } #btn-form-submit-modal { font-size: calc(14px * var(--font-size-paragraph, 1)); color: var(--primary-text, #fff) } #btn-form-submit-modal:hover { background-color: var(--page-background, #fff) } .sl-goto-top { background-color: var(--page-background, #fff); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .sl-goto-top::before,.sl-goto-top::after { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8) } .sl-goto-top:hover { background-color: var(--page-background, #fff) !important } body.sessions .content-tabset,body.registrations .content-tabset { color: #333 } body.sessions .mobile-check-process,body.registrations .mobile-check-process { color: #333333 } body.sessions .mobile-check-process a,body.registrations .mobile-check-process a { color: #337ab7 } body.sessions .mobile-check-process a:hover,body.registrations .mobile-check-process a:hover { color: #23527c } body.sessions .datepicker-section .uib-datepicker-popup.dropdown-menu .btn-default:not(.btn-success):not(.btn-buy-now):not(#mobile-signup-re-send-code-btn):hover,body.registrations .datepicker-section .uib-datepicker-popup.dropdown-menu .btn-default:not(.btn-success):not(.btn-buy-now):not(#mobile-signup-re-send-code-btn):hover { background-color: #ffffff; color: #c74060 } body.sessions .btn-custom.session-varify-code-btn,body.registrations .btn-custom.session-varify-code-btn { color: #fff } body.sessions .btn:not(.btn-success):not(.lightbox-close):not(.btn-buy-now):not(.member-profile-cancle):not(.quick-cart-cancel):hover,body.registrations .btn:not(.btn-success):not(.lightbox-close):not(.btn-buy-now):not(.member-profile-cancle):not(.quick-cart-cancel):hover { color: #c74060 } .btn-custom { color: var(--primary-text, #fff) } .btn:not(.btn-success):not(.btn-buy-now):not(#mobile-signup-re-send-code-btn):not(.btn-purchase-addon):hover,.btn:not(.btn-success):not(.btn-buy-now):not(#mobile-signup-re-send-code-btn):not(.btn-purchase-addon):focus,.btn:not(.btn-success):not(.btn-buy-now):not(#mobile-signup-re-send-code-btn):not(.btn-purchase-addon) .focus { background-color: var(--page-background, #fff) } .available-time-disabled,.available-time-disabled::after { color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 60%, 0.8); background-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5); border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .btn-custom.btn-buy-now { background-color: var(--buy-now-background, #fb7813); color: var(--buy-now-text, #fff); border-color: var(--buy-now-background, #fb7813) } .btn-custom.btn-buy-now svg { fill: var(--buy-now-text, #fff) } .btn-custom.btn-buy-now:hover,.btn-custom.btn-buy-now:focus { background-color: var(--page-background, #fff); color: var(--buy-now-background, #fb7813) } .btn-custom.btn-buy-now:hover svg,.btn-custom.btn-buy-now:focus svg { fill: var(--buy-now-background, #fb7813) } .CustomPage a:not(.text-block__button):not(.slideshow__text-button) { color: var(--page-text-link, #3493fb) } .plp-wishlist-button .Tooltip-wishlistTooltip .Tooltip-wishlistTooltip-content a { color: #202428 } #Content .QuickCart-modal button.btn,#Content .quantity button.btn,#Content .item-quantity button.btn,#Content .quantity-container button.btn,#Content .quantity-wrapper button.btn { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } #Content .cart-item-container .input-group div.btn { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } .modal-body .quick-cart-body .form-quantity .input-group button.btn { border-color: hsla(var(--page-background-h, 0deg), var(--page-background-s, 0%), 80%, 0.5) } #Footer { color: #333; background-color: #fff } body.express-checkout-page .product-content-button .btn.btn-default:hover,body.express-checkout-page .product-content-button .btn.btn-default:active,body.express-checkout-page .product-content-button .btn.btn-default:focus { background-color: #fff !important } #shopline-section-header ~ #Content { padding-top: 0 } body.pages .CustomPage .CustomPage-content h2,body.pages .CustomPage .CustomPage-content h3,body.pages .CustomPage .CustomPage-content h4,body.pages .CustomPage .CustomPage-content h5,body.pages .CustomPage .CustomPage-content h6,body.posts .blog-post .post-content h2,body.posts .blog-post .post-content h3,body.posts .blog-post .post-content h4,body.posts .blog-post .post-content h5,body.posts .blog-post .post-content h6,body.posts .Post .Post-content h2,body.posts .Post .Post-content h3,body.posts .Post .Post-content h4,body.posts .Post .Post-content h5,body.posts .Post .Post-content h6 { font-family: var(--font-family-paragraph) } body.pages .CustomPage .CustomPage-content h2,body.posts .blog-post .post-content h2,body.posts .Post .Post-content h2 { font-size: calc(32px * var(--font-size-paragraph, 1)) } body.pages .CustomPage .CustomPage-content h3,body.posts .blog-post .post-content h3,body.posts .Post .Post-content h3 { font-size: calc(24px * var(--font-size-paragraph, 1)) } body.pages .CustomPage .CustomPage-content h4,body.posts .blog-post .post-content h4,body.posts .Post .Post-content h4 { font-size: calc(18px * var(--font-size-paragraph, 1)) } body.pages .CustomPage .CustomPage-content h5,body.posts .blog-post .post-content h5,body.posts .Post .Post-content h5 { font-size: calc(16px * var(--font-size-paragraph, 1)) } body.pages .CustomPage .CustomPage-content h6,body.posts .blog-post .post-content h6,body.posts .Post .Post-content h6 { font-size: calc(13px * var(--font-size-paragraph, 1)) } .variation-open-button { color: var(--primary-background, var(--primary-color, #c74060)) }