Sunscreen – Page 2 – ZeroWasteStore.com

.t4s-heading-highlight, .t4s-heading-highlight a { color: #222222; } .t4s-heading-highlight a:hover { color: var(--link-color-hover); }.t4s-title {color: #222222; font-family: var(--font-family-2); font-weight: 600; line-height: 1; } @media (min-width: 1025px) { .t4s-title { font-size: 14px;letter-spacing: 1.4px;} } @media (max-width:1024px) { .t4s-title { font-size: 14px;letter-spacing: 1.4px;} } @media (max-width:767px) { .t4s-title { font-size: 14px;letter-spacing: 1.4px;} }.t4s-subtitle {color: #868686; font-family: var(--font-family-2); font-weight: 400; line-height: 1; } @media (min-width: 1025px) { .t4s-subtitle { font-size: 14px;line-height: 24px;margin-bottom: 30px;} } @media (max-width:1024px) { .t4s-subtitle { font-size: 14px;line-height: 24px;margin-bottom: 20px;} } @media (max-width:767px) { .t4s-subtitle { font-size: 14px;line-height: 24px;} }

.t4s-section-config-product .t4s_box_pr_grid { margin-bottom: 100px; } .t4s-section-config-product .t4s-top-heading { margin-bottom: 30px; } .t4s-product { --pr-btn-radius-size : 6px; } .t4s-bundle-pr-item .t4s-bundle-pr__info > select { border-radius: 6px; }.t4s-widget__pr { --pr-wishlist-color-active : #ff8421; } .t4s-product { --swatch-color-size : 15px; --swatch-color-size-mb : 15px; --pr-background-overlay : rgba(0, 0, 0, 0.2); --product-title-family : var(--font-family-1); --product-title-style : none; --product-title-size : 16px; --product-title-weight : 400; --product-title-line-height: 18px; --product-title-spacing : 0px; --product-price-size : 14px; --product-price-weight : 400; --product-space-img-txt : 18px; --product-space-elements : 5px; --pr-countdown-color : #000; --pr-countdown-bg-color : #ffffff; } .t4s-product, .t4s-container .t4s-row-cols-lg-5 > .t4s-product, .t4s-container .t4s-row-cols-lg-6 > .t4s-product { --product-title-color : #000000; --product-title-color-hover: #ff8421; --product-price-color : #b12704; --product-price-sale-color : #e33131; --product-vendors-color : #878787; --product-vendors-color-hover : #ff8421; }

@media (max-width: 1024px){.t4s-pr-style1 .t4s-pr-addtocart, .t4s-pr-style1 .t4s-product-atc-qty,.t4s-pr-style1 .t4s-pr-quickview,.t4s-pr-style1 .t4s-pr-wishlist,.t4s-abc-xyz { display: none !important; }.t4s-pr-style1 .t4s-product-btns { display: none !important; } .t4s-pr-style1 .t4s-product-inner .t4s-pr-group-variable { bottom: 5px !important; }} .t4s-pr-style1 { --pr-addtocart-color : #000000; --pr-addtocart-color2 : #fff; --pr-addtocart-color-hover : #000000; --pr-addtocart-color2-hover : #fff; --pr-quickview-color : #ffffff; --pr-quickview-color2 : #000; --pr-quickview-color-hover : #000000; --pr-quickview-color2-hover : #fff; --pr-wishlist-color : #ffffff; --pr-wishlist-color2 : #000; --pr-wishlist-color-hover : #000000; --pr-wishlist-color2-hover : #fff; --pr-wishlist-color-active : #e33131; --pr-wishlist-color2-active : #fff; --pr-compare-color : #ffffff; --pr-compare-color2 : #000; --pr-compare-color-hover : #000000; --pr-compare-color2-hover : #fff; --size-list-color : #ffffff; --size-list-color-info : #000000; --size-list-color-info2 : #fff; }

@media (max-width: 1024px){.t4s-pr-style2 .t4s-pr-addtocart, .t4s-pr-style2 .t4s-product-atc-qty,.t4s-pr-style2 .t4s-pr-quickview,.t4s-pr-style2 .t4s-pr-wishlist,.t4s-abc-xyz { display: none !important; }} .t4s-pr-style2 { --pr-addtocart-color : #000000; --pr-addtocart-color2 : #fff; --pr-addtocart-color-hover : #000000; --pr-addtocart-color2-hover : #fff; --pr-quickview-color : #ffffff; --pr-quickview-color2 : #000; --pr-quickview-color-hover : #000000; --pr-quickview-color2-hover : #fff; --pr-wishlist-color : #c1c1c1; --pr-wishlist-color2 : #fff; --pr-wishlist-color-hover : #e33131; --pr-wishlist-color2-hover : #fff; --pr-wishlist-color-active : #e33131; --pr-wishlist-color2-active : #fff; --pr-compare-color : #ffffff; --pr-compare-color2 : #000; --pr-compare-color-hover : #000000; --pr-compare-color2-hover : #fff; --size-list-color : #000000; --size-list-color-info : #000000; --size-list-color-info2 : #fff; }

@media (max-width: 1024px){.t4s-pr-style3 .t4s-pr-addtocart, .t4s-pr-style3 .t4s-product-atc-qty,.t4s-pr-style3 .t4s-pr-quickview,.t4s-pr-style3 .t4s-pr-wishlist,.t4s-abc-xyz { display: none !important; }} .t4s-pr-style3 { --pr-addtocart-color : #000000; --pr-addtocart-color2 : #fff; --pr-addtocart-color-hover : #000000; --pr-addtocart-color2-hover : #fff; --pr-quickview-color : #ffffff; --pr-quickview-color2 : #000; --pr-quickview-color-hover : #000000; --pr-quickview-color2-hover : #fff; --pr-wishlist-color : #ffffff; --pr-wishlist-color2 : #000; --pr-wishlist-color-hover : #000000; --pr-wishlist-color2-hover : #fff; --pr-wishlist-color-active : #e33131; --pr-wishlist-color2-active : #fff; --pr-compare-color : #ffffff; --pr-compare-color2 : #000; --pr-compare-color-hover : #000000; --pr-compare-color2-hover : #fff; --size-list-color : #ffffff; --size-list-color-info : #000000; --size-list-color-info2 : #fff; }

@media (max-width: 1024px){.t4s-pr-style4 .t4s-pr-addtocart, .t4s-pr-style4 .t4s-product-atc-qty, .t4s-pr-style4 .t4s-product-btns,.t4s-pr-style4 .t4s-pr-quickview,.t4s-pr-style4 .t4s-pr-wishlist,.t4s-pr-style4 .t4s-pr-compare,.t4s-abc-xyz { display: none !important; }.t4s-pr-style4 .t4s-product-btns2 { display: none !important; } .t4s-pr-style4 .t4s-product-inner .t4s-pr-group-variable { bottom: 0 !important; }} .t4s-pr-style4 { --pr-addtocart-color : #ffffff; --pr-addtocart-color2 : #000; --pr-addtocart-color-hover : #cfddf7; --pr-addtocart-color2-hover : #000; --pr-quickview-color : #ffffff; --pr-quickview-color2 : #000; --pr-quickview-color-hover : #000000; --pr-quickview-color2-hover : #fff; --pr-wishlist-color : #ffffff; --pr-wishlist-color2 : #000; --pr-wishlist-color-hover : #000000; --pr-wishlist-color2-hover : #fff; --pr-wishlist-color-active : #e33131; --pr-wishlist-color2-active : #fff; --pr-compare-color : #ffffff; --pr-compare-color2 : #000; --pr-compare-color-hover : #000000; --pr-compare-color2-hover : #fff; --size-list-color : #ffffff; --size-list-color-info : #000000; --size-list-color-info2 : #fff; }

@media (max-width: 1024px){.t4s-pr-style5 .t4s-pr-addtocart, .t4s-pr-style5 .t4s-product-atc-qty,.t4s-pr-style5 .t4s-pr-quickview,.t4s-pr-style5 .t4s-pr-wishlist,.t4s-pr-style5 .t4s-pr-compare,.t4s-abc-xyz { display: none !important; }.t4s-pr-style5 .t4s-product-btns { display: none !important; } .t4s-pr-style5 .t4s-product-countdown { bottom: 5px !important; }} .t4s-pr-style5 { --pr-addtocart-color : #14213d; --pr-addtocart-color2 : #fff; --pr-addtocart-color-hover : #000000; --pr-addtocart-color2-hover : #fff; --pr-quickview-color : #ffffff; --pr-quickview-color2 : #000; --pr-quickview-color-hover : #000000; --pr-quickview-color2-hover : #fff; --pr-wishlist-color : #ffffff; --pr-wishlist-color2 : #000; --pr-wishlist-color-hover : #000000; --pr-wishlist-color2-hover : #fff; --pr-wishlist-color-active : #e33131; --pr-wishlist-color2-active : #fff; --pr-compare-color : #ffffff; --pr-compare-color2 : #000; --pr-compare-color-hover : #000000; --pr-compare-color2-hover : #fff; --product5-title-color : #ffffff; --product5-title-color-hover: #ffffff; --product5-price-color : #ffffff; --product5-price-sale-color : #e33131; --product5-vendors-color : #ffffff; --product5-vendors-color-hover : #0ec1ae; --product-list-title-color : #000000; --product-list-title-color-hover: #ff8421; --product-list-price-color : #b12704; --product-list-vendors-color : #878787; --product-list-vendors-color-hover : #ff8421; --product-list-price-sale-color : #e33131; --size-list-color : #ffffff; --size-list-color2 : #000; --size-list-color-info : #000000; --size-list-color-info2 : #fff; }

@media (max-width: 1024px){.t4s-pr-style6 .t4s-product-inner .t4s-pr-group-variable { bottom: 40px !important; } .t4s-pr-style6 .t4s-product-btns2 { bottom: 0 !important; } .t4s-pr-style6 .t4s-pr-addtocart, .t4s-pr-style6 .t4s-product-atc-qty, .t4s-pr-style6 .t4s-product-btns,.t4s-pr-style6 .t4s-pr-quickview,.t4s-pr-style6 .t4s-pr-wishlist,.t4s-pr-style6 .t4s-pr-compare,.t4s-abc-xyz { display: none !important; }.t4s-pr-style6 .t4s-product-btns2 { display: none !important; } .t4s-pr-style6 .t4s-product-inner .t4s-pr-group-variable { bottom: 40px !important; }.t4s-pr-style6 .t4s-product-inner .t4s-pr-group-variable { bottom: 5px !important; }} .t4s-pr-style6 { --pr-addtocart-color : #14213d; --pr-addtocart-color2 : #fff; --pr-addtocart-color-hover : #000000; --pr-addtocart-color2-hover : #fff; --pr-quickview-color : #ffffff; --pr-quickview-color2 : #000; --pr-quickview-color-hover : #000000; --pr-quickview-color2-hover : #fff; --pr-wishlist-color : #ffffff; --pr-wishlist-color2 : #000; --pr-wishlist-color-hover : #000000; --pr-wishlist-color2-hover : #fff; --pr-wishlist-color-active : #e33131; --pr-wishlist-color2-active : #fff; --pr-compare-color : #ffffff; --pr-compare-color2 : #000; --pr-compare-color-hover : #000000; --pr-compare-color2-hover : #fff; --size-list-color : #ffffff; --size-list-color-info : #000000; --size-list-color-info2 : #fff; }

@media (max-width: 1024px){.t4s-abc-xyz { display: none !important; }} .t4s-product.t4s-pr-list, .is--listview .t4s-product { --content-cl : #000000; --pr-addtocart-color : #14213d; --pr-addtocart-color2 : #fff; --pr-addtocart-color-hover : #000000; --pr-addtocart-color2-hover : #fff; --pr-quickview-color : #ffffff; --pr-quickview-color2 : #000; --pr-quickview-color-hover : #000000; --pr-quickview-color2-hover : #fff; --pr-wishlist-color : #ffffff; --pr-wishlist-color2 : #000; --pr-wishlist-color-hover : #000000; --pr-wishlist-color2-hover : #fff; --pr-wishlist-color-active : #e33131; --pr-wishlist-color2-active : #fff; --pr-compare-color : #ffffff; --pr-compare-color2 : #000; --pr-compare-color-hover : #000000; --pr-compare-color2-hover : #fff; --size-list-color : #ffffff; --size-list-color-info : #000000; --size-list-color-info2 : #fff; }

@media (max-width: 1024px){.t4s-abc-xyz { display: none !important; }} .t4s-pr-packery { --pr-addtocart-color : #ffffff; --pr-addtocart-color2 : #000; --pr-addtocart-color-hover : #000000; --pr-addtocart-color2-hover : #fff; --pr-quickview-color : #ffffff; --pr-quickview-color2 : #000; --pr-quickview-color-hover : #000000; --pr-quickview-color2-hover : #fff; --pr-wishlist-color : #ffffff; --pr-wishlist-color2 : #000; --pr-wishlist-color-hover : #000000; --pr-wishlist-color2-hover : #fff; --pr-wishlist-color-active : #e33131; --pr-wishlist-color2-active : #fff; --pr-compare-color : #ffffff; --pr-compare-color2 : #000; --pr-compare-color-hover : #000000; --pr-compare-color2-hover : #fff; } @media(min-width: 1024px) { .t4s-pr-packery { --size-list-color : #ffffff; --size-list-color-info : #000000; --size-list-color-info2 : #fff; --product-title-color : #000000; --product-title-color-hover : #ffffff; --product-price-color : #ffffff; --product-price-sale-color : #e33131; --product-vendors-color : #ffffff; --product-vendors-color-hover : #0ec1ae; } }

@media (max-width: 1024px){.t4s-abc-xyz { display: none !important; }} .t4s-pr-packery2 { --pr-addtocart-color : #ffffff; --pr-addtocart-color2 : #000; --pr-addtocart-color-hover : #000000; --pr-addtocart-color2-hover : #fff; --pr-quickview-color : #ffffff; --pr-quickview-color2 : #000; --pr-quickview-color-hover : #000000; --pr-quickview-color2-hover : #fff; --pr-wishlist-color : #ffffff; --pr-wishlist-color2 : #000; --pr-wishlist-color-hover : #000000; --pr-wishlist-color2-hover : #fff; --pr-wishlist-color-active : #e33131; --pr-wishlist-color2-active : #fff; --pr-compare-color : #ffffff; --pr-compare-color2 : #000; --pr-compare-color-hover : #000000; --pr-compare-color2-hover : #fff; --size-list-color : #ffffff; --size-list-color-info : #000000; --size-list-color-info2 : #fff; }

.t4s-payment-button.t4s-btn-color-custom1, .t4s-btn-base.t4s-btn-style-default.t4s-btn-color-custom1, .t4s-lm-bar.t4s-btn-color-custom1 { --btn-color : #14213d; --btn-background : #cfddf7; --btn-border : #cfddf7; --btn-color-hover : #ffffff; --btn-background-hover: #14213d; --btn-border-hover : #14213d; } .t4s-btn-base.t4s-btn-style-outline.t4s-btn-color-custom1{ --btn-color : #cfddf7; --btn-border : #cfddf7; --btn-color-hover : #ffffff; --btn-background-hover : #14213d; } .t4s-btn-base.t4s-btn-style-bordered.t4s-btn-color-custom1{ --btn-color : #cfddf7; --btn-border : #cfddf7; --btn-color-hover : #14213d; --btn-border-hover : #14213d; } .t4s-btn-base.t4s-btn-style-bordered_top.t4s-btn-color-custom1{ --btn-color : #cfddf7; --btn-border : #cfddf7; --btn-color-hover : #14213d; --btn-border-hover : #14213d; } .t4s-btn-base.t4s-btn-style-link.t4s-btn-color-custom1{ --btn-color : #cfddf7; --btn-border : #cfddf7; --btn-color-hover : #14213d; --btn-border-hover : #14213d; --btn-primary : #cfddf7; --btn-primary-hover : #14213d; }.t4s-payment-button.t4s-btn-color-custom2, .t4s-btn-base.t4s-btn-style-default.t4s-btn-color-custom2, .t4s-lm-bar.t4s-btn-color-custom2 { --btn-color : #ffffff; --btn-background : #000000; --btn-border : #000000; --btn-color-hover : #ffffff; --btn-background-hover: #000000; --btn-border-hover : #000000; } .t4s-btn-base.t4s-btn-style-outline.t4s-btn-color-custom2{ --btn-color : #000000; --btn-border : #000000; --btn-color-hover : #ffffff; --btn-background-hover : #000000; } .t4s-btn-base.t4s-btn-style-bordered.t4s-btn-color-custom2{ --btn-color : #000000; --btn-border : #000000; --btn-color-hover : #000000; --btn-border-hover : #000000; } .t4s-btn-base.t4s-btn-style-bordered_top.t4s-btn-color-custom2{ --btn-color : #000000; --btn-border : #000000; --btn-color-hover : #000000; --btn-border-hover : #000000; } .t4s-btn-base.t4s-btn-style-link.t4s-btn-color-custom2{ --btn-color : #000000; --btn-border : #000000; --btn-color-hover : #000000; --btn-border-hover : #000000; --btn-primary : #000000; --btn-primary-hover : #000000; }.t4s-btn-base.t4s-btn-size-1 { font-family: var(--font-family-1); font-weight: 700; border-width: 1px; --border_w : 1px; } .t4s-btn-base.t4s-btn-rounded-true.t4s-btn-size-1, .t4s-btn-base.t4s-btn-rounded-true.t4s-btn-size-1.t4s-btn-style-outline::before, .t4s-btn-base.t4s-btn-rounded-true.t4s-btn-size-1.t4s-btn-style-outline::after, .t4s-btn-base.t4s-btn-rounded-true.t4s-btn-size-1.t4s-btn-effect-rectangle-out:hover::before { border-radius: 42px; } .t4s-btn-size-1.t4s-btn-style-outline:after { border-width: 1px; } @media(min-width: 1025px) { .t4s-btn-base.t4s-btn-size-1 { font-size: 13px; letter-spacing: 0px; min-height: 42px; padding: 0 30px; } .t4s-btn-base.t4s-btn-icon-true.t4s-btn-size-1 svg { width: 13px; height: 13px; } } @media(max-width:1024px) and (min-width: 768px) { .t4s-btn-base.t4s-btn-size-1 { font-size: 13px; letter-spacing: 0px; min-height: 40px; padding: 0 30px; } .t4s-btn-base.t4s-btn-icon-true.t4s-btn-size-1 svg { width: 13px; height: 13px; } } @media(max-width:767px) { .t4s-btn-base.t4s-btn-size-1 { font-size: 13px; letter-spacing: 0px; min-height: 40px; padding: 0 25px; } .t4s-btn-base.t4s-btn-icon-true.t4s-btn-size-1 svg { width: 13px; height: 13px; } }.t4s-btn-base.t4s-btn-size-2 { font-family: var(--font-family-1); font-weight: 700; border-width: 2px; --border_w : 2px; } .t4s-btn-base.t4s-btn-rounded-true.t4s-btn-size-2, .t4s-btn-base.t4s-btn-rounded-true.t4s-btn-size-2.t4s-btn-style-outline::before, .t4s-btn-base.t4s-btn-rounded-true.t4s-btn-size-2.t4s-btn-style-outline::after, .t4s-btn-base.t4s-btn-rounded-true.t4s-btn-size-2.t4s-btn-effect-rectangle-out:hover::before { border-radius: 42px; } .t4s-btn-size-2.t4s-btn-style-outline:after { border-width: 2px; } @media(min-width: 1025px) { .t4s-btn-base.t4s-btn-size-2 { font-size: 14px; letter-spacing: 0px; min-height: 42px; padding: 0 50px; } .t4s-btn-base.t4s-btn-icon-true.t4s-btn-size-2 svg { width: 14px; height: 14px; } } @media(max-width:1024px) and (min-width: 768px) { .t4s-btn-base.t4s-btn-size-2 { font-size: 14px; letter-spacing: 0px; min-height: 40px; padding: 0 40px; } .t4s-btn-base.t4s-btn-icon-true.t4s-btn-size-2 svg { width: 14px; height: 14px; } } @media(max-width:767px) { .t4s-btn-base.t4s-btn-size-2 { font-size: 14px; letter-spacing: 0px; min-height: 36px; padding: 0 30px; } .t4s-btn-base.t4s-btn-icon-true.t4s-btn-size-2 svg { width: 14px; height: 14px; } }.t4s-btn-base.t4s-btn-size-3 { font-family: var(--font-family-1); font-weight: 700; border-width: 1px; --border_w : 1px; } .t4s-btn-base.t4s-btn-rounded-true.t4s-btn-size-3, .t4s-btn-base.t4s-btn-rounded-true.t4s-btn-size-3.t4s-btn-style-outline::before, .t4s-btn-base.t4s-btn-rounded-true.t4s-btn-size-3.t4s-btn-style-outline::after, .t4s-btn-base.t4s-btn-rounded-true.t4s-btn-size-3.t4s-btn-effect-rectangle-out:hover::before { border-radius: 42px; } .t4s-btn-size-3.t4s-btn-style-outline:after { border-width: 1px; } @media(min-width: 1025px) { .t4s-btn-base.t4s-btn-size-3 { font-size: 13px; letter-spacing: 0px; min-height: 42px; padding: 0 30px; } .t4s-btn-base.t4s-btn-icon-true.t4s-btn-size-3 svg { width: 13px; height: 13px; } } @media(max-width:1024px) and (min-width: 768px) { .t4s-btn-base.t4s-btn-size-3 { font-size: 13px; letter-spacing: 0px; min-height: 40px; padding: 0 30px; } .t4s-btn-base.t4s-btn-icon-true.t4s-btn-size-3 svg { width: 13px; height: 13px; } } @media(max-width:767px) { .t4s-btn-base.t4s-btn-size-3 { font-size: 13px; letter-spacing: 0px; min-height: 40px; padding: 0 25px; } .t4s-btn-base.t4s-btn-icon-true.t4s-btn-size-3 svg { width: 13px; height: 13px; } }

.t4s-announcement-bar {min-height: 50px;font-size: 11.5px;letter-spacing: 0px;} .t4s-announcement-bar::before {content:"";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #14213d;pointer-events: none;} .t4s-announcement-bar__wrap,.t4s-announcement-bar__wrap a { color: #ffffff } .t4s-announcement-bar__wrap {padding: 0 10px;min-height: 50px} .t4s-announcement-bar__item p a { z-index: 5;position: relative; }.t4s-announcement-bar__item p {display: inline-block;margin-bottom: 0;position: relative;z-index: 6;} .t4s-announcement-bar__item strong {font-size: 14px;font-weight: 600;} .t4s-announcement-bar__close { color: #000000;padding: 0;background-color: transparent;line-height: 1;transition: .2s;font-size: 11.5px; } .t4s-announcement-bar__close:hover,.t4s-announcement-bar__close:focus { background-color: transparent !important; opacity: .7; color: #000000 !important; } .t4s-announcement-bar .t4s-col-auto { line-height: 1; z-index: 2; }.t4s-announcement-bar__item p a:hover { opacity: .7 }.t4s-announcement-bar.t4s-type-close-1 .t4s-iconsvg-close {width: 9px;height: 9px;stroke-width: 2px;}.t4s-announcement-bar.t4s-type-close-2 .t4s-announcement-bar__close { font-size: 0 !important }.t4s-announcement-bar.t4s-type-close-3 .t4s-iconsvg-close { display: none !important }.t4s-announcement-bar__close.t4s-op-0 { opacity: 0 !important; } svg.t4s-icon-arrow { width: 12px;display: inline-block; } .t4s-announcement-bar__item .t4s-icon-arrow { -webkit-transition: .2s ease-in-out; transition: -webkit-transform .2s ease-in-out,transform .2s ease-in-out; } .t4s-announcement-bar__item:hover .t4s-icon-arrow { transform: translateX(0.25rem); } .t4s-announcement-bar .t4s-countdown-enabled {min-height: 20px;display: inline-block;background: var(--bg-cd);color: var(--cl-cd);margin: 0 5px;padding: 1px 15px;border-radius: 25px;} .t4s-move-bottom-to-top .t4s-announcement-bar__item > p {-webkit-transform: translateY(50px);transform: translateY(50px);opacity: 0;transition: opacity .8s,transform .8s,-webkit-transform .8s;will-change: transform,opacity; -webkit-backface-visibility: hidden;} .t4s-move-bottom-to-top .t4s-announcement-bar__item.is-selected > p{-webkit-transform: none;transform: none;opacity: 1;} .t4s-announcement-bar__item.t4s-btn-link-1 p > a {min-height: 22px;display: inline-block;background: var(--bg-btn);color: var(--cl-btn);padding: 2px 10px;border-radius: 25px;margin: 0 10px;} .t4s-announcement-bar__item.t4s-btn-link-2 p > a {color: var(--cl-btn);} .t4s-announcement-bar__item p > strong {text-decoration: underline;} .t4s-announcement-bar svg.t4s-iconsvg-close {width: 15px;height: 15px;} .t4s-announcement-bar .t4s-countdown-enabled: empty {display: none;} .t4s-announcement-bar__item {padding: 5px;} .t4s-announcement-icon__img{margin:0 10px;min-width:31px;} .t4s-announcement-icon__img img{max-width:31px;width: 100%;} .t4s-announcement-icon__awesome{ font-size:calc(11.5px + 4px); margin: 0 10px;} .t4s-announcement-bar .flickityt4s-slider{ display: flex; align-items: center;}

🎁Free 6-month skincare with any Izzy product | Code: FREESKIN6MO

✨ NEW Bamboo Toilet Paper 🧻 Subscribe & Save 10%!

Build your Zero Waste Kit & save up to 25% ✨

Free Shipping on all U.S orders $60+

All orders ship Carbon Neutral & Plastic-Free!

.t4s-header__wrapper { --h-text-color : #000000; --h-text-color_b : #000000; --h-text-color-b-hover : #868686; --h-text-color-rgb : 0, 0, 0; --h-text-color-hover : #14213d; --h-bg-color : #ffffff; --h-bg-color-b : #ffffff; --h-category-txt-cl : #fff } .t4s-count-box { --h-count-bgcolor: #000000; --h-count-color: #ffffff; }.t4s-header__wrapper { background-color: var(--h-bg-color); } .t4s-section-header [data-header-height] { min-height: 60px; } .t4s-section-header [data-header-height2] { min-height: 50px; } .t4s-header__logo img { padding-top: 5px; padding-bottom: 5px; transform: translateZ(0); max-height: inherit; height: auto; width: 100%; max-width: 100%; } .t4s-header__logo img[src*=".svg"] { height: 100%; perspective: 800px; -webkit-perspective: 800px; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .t4s-site-nav__icons .t4s-site-nav__icon { padding: 0 6px; display: inline-block; line-height: 1; } .t4s-site-nav__icons svg.t4s-icon { color: var(--h-text-color); line-height: 1; vertical-align: middle; transition: color 0.2s ease-in-out; width: 22px; height: 22px; fill: currentColor; } .t4s-site-nav__icons.t4s-use__kalles svg.t4s-icon--account { width: 24px; height: 24px; } .t4s-site-nav__icons.t4s-use__line svg.t4s-icon { width: 25px; height: 25px; } .t4s-site-nav__icon>a:hover svg.t4s-icon { color: var(--h-text-color-hover); } .t4s-site-nav__icon a { display: inline-block; line-height: 1; color: var(--h-text-color); } .t4s-site-nav__icon a:hover { color:var(--h-text-color-hover) } .t4s-site-nav__cart >a,.t4s-push-menu-btn {color: var(--h-text-color)} .t4s-site-nav__cart >a:hover {color: var(--h-text-color-hover)}@media (max-width:767px) { .t4s-site-nav__icons { right: 15px; position: relative; } .t4s-h-cart__design3 .t4s-site-nav__cart { min-width: 50px; } .t4s-h-cart__design3 span.t4s-count-box { font-size: 11px; } }@media (min-width: 1200px) { .t4s-top-bar >.t4s-container, .t4s-header__wrapper .t4s-section-header__mid >.t4s-container,.t4s-header__wrapper .t4s-section-header__bot >.t4s-container, .t4s-announcement-bar > .t4s-container { padding-top: var(--pd-top); padding-right: var(--pd-right); padding-bottom: var(--pd-bottom); padding-left: var(--pd-left); } } @media (min-width: 1025px) and (max-width:1199px) { .t4s-top-bar >.t4s-container, .t4s-header__wrapper .t4s-section-header__mid >.t4s-container,.t4s-header__wrapper .t4s-section-header__bot >.t4s-container ,.t4s-announcement-bar > .t4s-container { padding: 0 30px; } }.t4s-use__label .t4s-site-nav__icon a { line-height: 1.6; } @media (min-width: 768px) { .t4s-site-nav__icons .t4s-site-nav__icon { padding: 0 8px; } .t4s-site-nav__icons.t4s-h-cart__design1{ margin: 0 8px; } .t4s-site-nav__icons:not(.t4s-h-cart__design3) .t4s-site-nav__icon.t4s-site-nav__compare, .t4s-site-nav__icons:not(.t4s-h-cart__design3) .t4s-site-nav__icon.t4s-site-nav__heart, .t4s-site-nav__icons:not(.t4s-h-cart__design3) .t4s-site-nav__icon.t4s-site-nav__cart { padding: 0 11px; } .t4s-section-header .t4s-top-bar__currencies .t4s-dropdown__wrapper,.t4s-section-header .t4s-top-bar__languages .t4s-dropdown__wrapper {min-width: 100px;max-width:300px;width: auto;} } .t4s-section-header__bot { background-color: var(--h-bg-color-b); color: var(--h-text-color_b); position: relative; border-bottom: 1px solid rgba(var(--h-text-color-rgb), .15); }.t4s-section-header__mid { border-bottom: 1px solid rgba(var(--h-text-color-rgb), 0.15); }.t4s-section-header__mid:before, .t4s-section-header__bot:after { display: none; } .t4s-nav__ul>li> a { color: var(--h-text-color); text-transform: none; font-family: var(--font-family-3); } @media (min-width: 1025px) { .t4s-section-header [data-header-height] { min-height: 100px; }.t4s-announcement-bar >.t4s-container, .t4s-top-bar >.t4s-container, .t4s-header__wrapper .t4s-section-header__mid >.t4s-container, .t4s-header__wrapper .t4s-section-header__bot>.t4s-container { max-width: 100%; }.t4s-nav__ul { margin: 0; padding:0 } .t4s-nav__ul>li> a { padding: 5px calc(0.5 * 10px); font-weight: 600; font-size: 16px;} .t4s-nav__ul>li> a[href="#onlytext"] { pointer-events: none; } .t4s-section-header__bot .t4s-nav__ul>li> a { color: var(--h-text-color_b); } #t4s-nav-categories { color : var(--text-color)} .t4s-section-header__bot .t4s-h-cat__html a { color: var(--h-text-color_b); } .t4s-section-header__bot .t4s-nav__ul>li> a:hover, .t4s-section-header__bot .t4s-h-cat__html a:hover, .t4s-header__design2 .t4s-section-header__bot .t4s-h-cat >h5:hover, .t4s-header__design2 .t4s-section-header__bot .t4s-h-cat:hover {color: var(--h-text-color-b-hover);} .t4s-section-header__bot .t4s-h-cat { background-color: #007e91; transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, opacity .25s ease; } .t4s-header__design2 .t4s-section-header__bot .t4s-h-cat { background: transparent; } .t4s-header__design1 .t4s-section-header__bot .t4s-h-cat:hover { background-color: #003c45; } .t4s-section-header__bot .t4s-h-cat >h5{ color: var(--h-category-txt-cl); min-height: 50px; font-size: 14px; width: 230px; padding:0px 15px; cursor: pointer; transition: all .2s ease 0s; } .t4s-header__design2 .t4s-section-header__bot .t4s-h-cat >h5{padding:0px;color: var(--h-text-color_b);} .t4s-section-header__bot .t4s-h-cat >h5 svg { margin-right: 5px; width:20px; height:20px } .rtl_true .t4s-section-header__bot .t4s-h-cat >h5 svg{ margin-left: 5px; margin-right: 0; } .t4s-h-cat >svg.t4s-icon-select-arrow { margin-right: 7px; } .rtl_true .t4s-h-cat >svg.t4s-icon-select-arrow { margin-right: 0; margin-left: 7px; } .t4s-nav__ul .t4s-icon-select-arrow { position: static; width: 8px; margin-left: 4px; height: 8px; opacity: .8; } .t4s-h-cat__html svg { width: 16px; height: 16px; vertical-align: middle; display: inline-block; } .t4s-h-cat__html .ml__15 { margin-left: 15px; } .t4s-section-header__bot .t4s-h-cat__html { font-size: 12px } .t4s-section-header__bot .t4s-h-cat__html svg { width: 14px; height: 14px; fill: currentColor; } .t4s-layout-layout_categories .t4s-site-nav__icon.t4s-site-nav__search { display: none; } html:not(.rtl_true) .t4s-col.t4s-col-item:first-child ul#t4s-nav-ul li.t4s-menu-item:first-child > a { padding-left: 0; } .rtl_true .t4s-col.t4s-col-item:first-child ul#t4s-nav-ul li.t4s-menu-item:first-child > a { padding-right: 0; } .t4s-nav__ul>li.is--nav__active> a { color: var(--h-text-color-hover) !important; transition: none; }} .t4s-site-nav__icons.t4s-use__unsen2 svg.t4s-icon { width: 18px; height: 18px; } .t4s-site-nav__icons.t4s-use__unsen2 svg.t4s-icon.t4s-icon--compare { width: 21px; height: 21px; } .t4s-use__unsen2 .t4s-site-nav__heart .t4s-count-box { top: -10px; } .t4s-h-cat__html .t4s-top-linklist li:not(:last-child):after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; height: 12px; border-right: 1px solid; margin: auto; right: 0; opacity: 0.3; } @media (max-width: 1279px){ .t4s-site-nav__icons:not(.t4s-use__label) .t4s-site-nav__account a.t4s-pr.t4s-acc-txt { font-size: 0; } .t4s-site-nav__icons.t4s-use__label .t4s-site-nav__account a.t4s-pr.t4s-acc-txt svg { display: none; } } @media (min-width: 1280px){ .t4s-site-nav__account a.t4s-pr.t4s-acc-txt { line-height: 40px; padding: 0 20px; border-radius: 20px; position: relative; display: flex; align-items: center; column-gap: 5px; font-weight: 500; font-size: 14px; } .t4s-site-nav__account a.t4s-pr.t4s-acc-txt::after { content: ""; border: 1px solid; position: absolute; top: 0; left: 0; right: 0; opacity: 0.15; bottom: 0; pointer-events: none; border-radius: 20px; } } @media(min-width: 1280px) and (max-width:1500px){ .t4s-site-nav__account a.t4s-pr.t4s-acc-txt { line-height: 36px; padding: 0 10px; font-size: 10px; column-gap: 3px; } }

.t4s-search-header__form { padding: 0; border-radius: var(--btn-radius); width: 600px; max-width: 100%; margin: 0 auto; --bg-cl-form: #ffffff; background-color: var(--bg-cl-form); border: 1px solid #868686; } [data-bd-color="rgba(0,0,0,0)"] .t4s-search-header__form { border: none; } .t4s-header__design2 .t4s-search-header__form .t4s-search-header__submit { min-width: 84px; font-size: 24px; } .t4s-search-header__submit-icon svg{ width:20px;height:20px; transition: .35s cubic-bezier(.25, .1, .25, 1); } .t4s-header__design2 .t4s-search-header__submit-text{display:none} .t4s-header__design2 .t4s-search-header__submit-icon{display:block!important;} .t4s-search-header__input { background-color: transparent; padding: 0 30px; height: 50px; border: 0; width: 100%; line-height: 18px; opacity: 0.6; color: var(--h-text-color); border-radius: var(--btn-radius); font-size: 13px; } .t4s-search-header__input:focus::placeholder{color: transparent;} .t4s-search-header_border + .t4s-search-header__main .t4s-search-header__input { padding: 0 15px; } .t4s-h-cat-br__true:after { position: absolute; content: ''; width: 1px; height: 20px; background: rgba(var(--h-text-color-rgb), 0.4); top: 50%; transform: translateY(-50%); right: 0; }.t4s-search-header__submit { --h-check: 16; --h-btn-color : #fff; --h-btn-bg-color : #14213d; --h-btn-bg-color-hover : #010203; margin: 0; min-width: 130px; font-weight: 600; background-color: var(--h-btn-bg-color); color: var(--h-btn-color); font-size: 14px; transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, opacity .25s ease; } .rtl_true .t4s-search-header__submit { border-radius: var(--btn-radius) 0 0 var(--btn-radius); }.is-header--stuck .t4s-search-header__submit { --h-btn-color : #fff; --h-btn-bg-color : #333333; --h-btn-bg-color-hover : #0d0d0d; } .t4s-search-header__submit:hover { background-color: var(--h-btn-bg-color-hover); color: var(--h-btn-color); } .t4s-site-nav__icons .t4s-search-header__submit svg.t4s-icon { color: rgba(var(--h-text-color-rgb), 0.15); width: 15px; height: 15px; } .t4s-search-header__type select { border: 0; max-width: 100%; padding: 0 30px 0 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 13px; display: inline-block; background-color: transparent; box-shadow: none; opacity: 0.6; color: var(--h-text-color); border-radius: var(--btn-radius); } .t4s-search-header__type .t4s-icon-select-arrow { color: rgba(var(--h-text-color-rgb), 1); } .t4s-search-header_border { height: 18px; background-color: var(--h-text-color); opacity: 0.15; width: 1px; } .t4s-frm-search__results { position: absolute; top: 100%; right: 0; left: 0; z-index: 1000; width: 600px; height: auto; background-color: var(--t4s-light-color); margin: 5px 0 0; opacity: 0; visibility: hidden; pointer-events: none; transition: all .1s ease-in-out; max-width: 100%; box-shadow: 0 1px 5px 2px rgba(var(--border-color-rgb),.3); } .t4s-frm-search__results:before { content: ""; position: absolute; height: 24px; width: 100%; left: 0; top: -17px; } .calc-pos-submenu .t4s-search-header__form-wrap .t4s-search-header__form-inner:hover .t4s-frm-search__results { opacity: 1; visibility: visible; pointer-events: auto; } .t4s-frm-search__content { height: auto; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; padding: 20px; } .t4s-frm-search__content .t4s-widget_img_pr { min-width: 95px; max-width:95px; max-height: 120px; } .t4s-frm-search__content > .t4s-widget__pr:not(.t4s-row) { display: flex; column-gap: 20px; padding: 0; } .t4s-frm-search__content > .t4s-widget__pr:not(:last-child) { margin-bottom: 15px; } .t4s-frm-search__content > .t4s-widget__pr:not(.t4s-row) .t4s-widget_img_pr { max-width:75px; min-width: 75px; } .t4s-frm-search__content .t4s-widget_img_pr>a { height: 100%; } .t4s-frm-search__content .t4s-widget_img_pr img { object-fit: contain; max-height: 120px; } .t4s-frm-search__content .t4s-row.t4s-widget__pr { --ts-gutter-x: 20px;flex-wrap: nowrap; } .t4s-frm-search__content .t4s-row.t4s-widget__pr:not(last-child) { margin-bottom: 15px; } .t4s-frm-search__content .t4s-widget__pr .t4s-widget__pr-title { font-weight: 500; line-height: 1.25; font-size: 14px; margin-bottom: 5px; color: var(--secondary-color); } .t4s-frm-search__content .t4s-widget__pr .t4s-widget__pr-price { margin-top: 1.5px; } .t4s-frm-search__content .t4s-widget__pr-price { font-size: 14px; color: var(--secondary-price-color); } .t4s-frm-search__content .t4s-widget__pr-price ins { color: var(--primary-price-color); margin-right: 3px; } .rtl_true .t4s-frm-search__content .t4s-widget__pr-price ins { margin-right: 3px; margin-left: 0; display: inline-block; } .t4s-search-header__form-wrap .t4s-mini-search__viewAll { padding: 12px 20px; color: var(--secondary-color); border-top: 1px solid rgba(var(--border-color-rgb),.35); box-shadow: 0 0 10px 0 rgba(var(--border-color-rgb),.35); } .t4s-frm-search__content .t4s-widget__pr .t4s-widget__pr-title:hover, .t4s-search-header__form-wrap .t4s-mini-search__viewAll:hover { color: var(--accent-color); } .t4s-search-header__form-wrap .t4s-skeleton_img { background: rgb(225,227,228); padding-bottom: 100%; width: 80px; } .t4s-search-header__form-wrap .t4s-skeleton_txt1, .t4s-skeleton_txt2 { height: 10px; width: 100%; background: rgb(225,227,228); margin-bottom: 8px; } .t4s-search-header__form-wrap .t4s-skeleton_txt2 { width: 38%; margin-bottom: 0; } .t4s-search-header__form-wrap .t4s-skeleton_wrap { padding: 15px; } .t4s-search-header__form-wrap .t4s-frm-search__results .t4s-space-item-inner:not(:last-child){ margin-bottom: 7.5px; padding-bottom: 7.5px; } @media(max-width: 1024px){ .t4s-col-group_btns { order: 3; } .t4s-search-header__form-wrap { order: 4; } .t4s-search-header__input { padding: 0 20px; height: 44px; font-size: 12px; } .t4s-search-header__type select { font-size: 12px; } .t4s-header__design2 .t4s-search-header__form .t4s-search-header__submit { min-width: 50px; } .t4s-header__design1 .t4s-search-header__form .t4s-search-header__submit { font-size: 14px; font-weight: 400; min-width: 80px; line-height: 15px; } .t4s-search-header__form { margin-bottom: 15px; } .t4s-nav__ul { overflow: auto; width: 100%; white-space: nowrap; gap: 10%; -ms-overflow-style: none; scrollbar-width: none; margin-bottom: 0; padding-bottom: 0; height: 50px; } } .t4s-section-header__mid .t4s-search-header__form-wrap { margin: 15px 0; } .t4s-section-header__mid .t4s-mini-search__keys { font-size: 14px; margin: 0; max-width: 600px; padding: 12px 20px; box-shadow: 0 0 10px 0 rgba(var(--border-color-rgb),.35); }

login & register

0

.t4s-h-cart__design3 .t4s-count-box { width: auto; height: 15px; line-height: 15px; position: static; background: transparent; font-size: inherit; box-shadow: 0 0 0; color: var(--h-text-color); display: inline-block; } .t4s-h-cart__design3 .t4s-count-box::before { content:"("; } .t4s-h-cart__design3 .t4s-count-box::after { content:")"; } .t4s-h-cart__design1 .t4s-site-nav__icon:last-child, .t4s-h-cart__design2 .t4s-site-nav__icon:last-child, .t4s-h-cart__design3 .t4s-site-nav__icon:last-child, .t4s-h-cart__design4 .t4s-site-nav__icon:last-child, .t4s-h-cart__design5 .t4s-site-nav__icon:last-child { padding-right: 0; } @media (min-width: 768px) { .t4s-h-cart__design2 .t4s-site-nav__cart a, .t4s-h-cart__design4 .t4s-site-nav__cart a, .t4s-h-cart__design5 .t4s-site-nav__cart a { display: flex; align-items: center; justify-content: center; } .t4s-h-cart__design2 .t4s-h-cart-totals, .t4s-h-cart__design4 .t4s-h-cart-totals { display: block; margin-left: 20px; } .t4s-h-cart__design4 .t4s-site-nav__cart .t4s-count-box, .t4s-h-cart__design5 .t4s-site-nav__cart .t4s-count-box { display: none } .t4s-h-cart__design4 .t4s-h-cart-totals { margin-left: 7px; } .t4s-h-cart__design5 .t4s-h-cart__divider { display: inline-block; } .t4s-h-cart__design5 .t4s-h-cart-totals { display: block; margin-left: 7px; } .t4s-h-cart__design1 .t4s-site-nav__icon.t4s-site-nav__btnMenu { padding-right: 0; } }

#shopify-section-header-search .t4s-frm-search__results {display: none !important;} #shopify-section-header-search .t4s-search-header__input {background: #ffffff; border-top-right-radius: 0; border-bottom-right-radius: 0;}

.is--header-transparent #t4s-heading-page { --space-padding-top-dk: 150px !important; --space-padding-top-tb: 120px !important; --space-padding-top-mb: 120px !important; --space-padding-bottom-dk: 50px !important; --space-padding-bottom-tb: 50px !important; --space-padding-bottom-mb: 40px !important; --bg-cl: #000000 !important; --op: 0.0 !important; }

Stream2Sea Tinted Sunscreen SPF 20

Tinted Sunscreen SPF 20

$18.95

Protect your skin and the oceans you love with Stream2Sea Tinted Mineral Sunscreen, a biodegradable, reef-safe sunscreen designed for conscious adventurers. Formulated with non-nano zinc oxide for broad-spectrum UVA and...

Stream2Sea Tinted Sunscreen SPF 30

Tinted Sunscreen SPF 30

$18.95

Our tinted mineral sunscreens exceed the FDA’s requirements for broad-spectrum protection, delivering reliable UVA and UVB defense while blending seamlessly with most skin tones to reduce the whitening effect often...

Tinted Zinc Sun Butter - SPF 50+

Tinted Zinc Sun Butter - SPF 50+

$10.99

This reef-friendly sunscreen comes in a reusable and recyclable metal tin, making it easy to carry in your bag. The tinted formula contains calendula and coconut oil for added moisture...

Quick view Read more

Zinc Sun Butter - SPF 50+

Zinc Sun Butter - SPF 50+

$10.99

This reef-friendly sunscreen comes in a reusable and recyclable metal tin, making it easy to carry in your bag. The all-natural formula contains calendula and coconut oil for added moisture and...

Quick view Read more

.t4s-flickity-slider.t4s-slider-btn-cl-custom1{ --btn-color : #ffffff; --btn-background : #ffb100; --btn-border : #ffb100; --btn-color-hover : #ffffff; --btn-background-hover: #ff4e00; --btn-border-hover : #ff4e00; } .t4s-flickity-slider.t4s-slider-btn-style-outline.t4s-slider-btn-cl-custom1{ --btn-color : #ffb100; --btn-border : #ffb100; --btn-color-hover : #ffffff; --btn-background-hover : #ff4e00; } .t4s-flickity-slider.t4s-slider-btn-style-simple.t4s-slider-btn-cl-custom1{ --btn-color : #ffb100; --btn-border : #ffb100; --btn-color-hover : #ff4e00; --btn-border-hover : #ff4e00; } .t4s-flickity-slider.t4s-dots-cl-custom1{ --dots-background : #ffb100; --dots-background-hover : #ff4e00; } .t4s-dots-style-number.t4s-dots-cl-custom1 { --dots-cl: #ffffff; --bg-dots-cl: #ffb100; }

.t4s-flickity-slider.t4s-slider-btn-cl-custom2{ --btn-color : #ffffff; --btn-background : #109533; --btn-border : #109533; --btn-color-hover : #ffffff; --btn-background-hover: #ff4e00; --btn-border-hover : #ff4e00; } .t4s-flickity-slider.t4s-slider-btn-style-outline.t4s-slider-btn-cl-custom2{ --btn-color : #109533; --btn-border : #109533; --btn-color-hover : #ffffff; --btn-background-hover : #ff4e00; } .t4s-flickity-slider.t4s-slider-btn-style-simple.t4s-slider-btn-cl-custom2{ --btn-color : #109533; --btn-border : #109533; --btn-color-hover : #ff4e00; --btn-border-hover : #ff4e00; } .t4s-flickity-slider.t4s-dots-cl-custom2{ --dots-background : #109533; --dots-background-hover : #ff4e00; } .t4s-dots-style-number.t4s-dots-cl-custom2 { --dots-cl: #ffffff; --bg-dots-cl: #109533; }

.vue-mini-cart-wrapper { position: fixed; top: 0; right: 0; bottom: 0; z-index: 999; pointer-events: none; } .vue-mini-cart-wrapper[data-vue-mounted="true"] { pointer-events: auto; } .vue-mini-cart-loading { display: none; }

#quiz-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.5); z-index: var(--quiz-z-index, 100); overflow: auto; } .quiz-content { position: relative; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); z-index: var(--quiz-content-z-index, 100 + 1); max-height: 100%; overflow: auto; background: white; } .close-btn { position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 32px; cursor: pointer; z-index: var(--close-btn-z-index, 100 + 2); margin-left: auto; color: #777777; line-height: 32px; } .react-dropdown-select-dropdown { z-index: var(--close-btn-z-index, 100 + 2) !important; }

.recharge-theme { /* App */ --recharge-app-background: #F9F8F4; --recharge-app-container: 1200px; --recharge-app-vertical-padding: 32px; /* Brand colors */ --recharge-color-brand: #CFDDF7; /* Tints */ --recharge-color-brand-120: #a8c1f1; --recharge-color-brand-20: #d9e4f9; --recharge-color-brand-40: #e2ebfa; --recharge-color-brand-60: #ecf1fc; --recharge-color-brand-75: #f3f7fd; --recharge-color-brand-85: #f8fafe; /* Neutral */ --recharge-color-neutral: hsl(219, 35%, 7%); --recharge-color-neutral-80: hsl(219, 7%, 25%); --recharge-color-neutral-70: hsl(219, 5%, 35%); --recharge-color-neutral-40: hsl(219, 3%, 63%); --recharge-color-neutral-10: hsl(219, 2%, 91%); /* Links */ --recharge-button-secondary: #83C5BE; --recharge-button-secondary-120: #64b7ae; --recharge-button-secondary-60: #b5dcd8; /* Images */ --recharge-images-ratio: 1; /* Cards */ --recharge-cards-background: #FFFFFF; --recharge-cards-border-color: #D3CFD1; /* Fonts */ --recharge-typography-scale: 16px; --recharge-typography-size-1: calc(3 * var(--recharge-typography-scale)); --recharge-typography-size-2: calc(2.25 * var(--recharge-typography-scale)); --recharge-typography-size-3: calc(1.625 * var(--recharge-typography-scale)); --recharge-typography-size-4: calc(1.25 * var(--recharge-typography-scale)); --recharge-typography-size-5: calc(1 * var(--recharge-typography-scale)); --recharge-typography-size-6: calc(.875 * var(--recharge-typography-scale)); /** Text **/ --recharge-typography-light: #FFFFFF; --recharge-typography-primary: var(--recharge-color-neutral); --recharge-typography-secondary: var(--recharge-color-neutral-70); /* Corners */ --recharge-corners-radius: 8px; --recharge-button-border-radius: 8px; /* Views */ --recharge-views-background: #F9F8F4; /* Buttons */ --recharge-button-font-family: inherit; --recharge-button-brand: var(--recharge-color-brand); --recharge-button-color: #14213D; }