@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw0aXpsog.woff2) format("woff2");
    unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw9aXpsog.woff2) format("woff2");
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw2aXpsog.woff2) format("woff2");
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw3aXpsog.woff2) format("woff2");
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.woff2) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

:root {
    --primary-color: #005374;
    --secondary-color: #ff8517;
    --light-color: white;
    --page-body-text-size: 16px;
    --dark-color: black;
    --note-font-color: grey;
    --sh-bottom-tray-height: 50px;
    --sh-location-container-height: 30px;
    --sh-mobile-nav-height: 60px;
    --sh-mobile-container-padding: 10px;
    --sh-mobile-nav-menutray: 40px;
    --sh-navbar-height: 90px;
    --sh-navbar-menutray: 35px;
    --sh-navbar-image-menutray: 100px;
    --sh-attention-banner-height: 30px
}

* {
    box-sizing: border-box
}

body {
    margin: 0;
    font-family: Montserrat,sans-serif
}

.cursor {
    cursor: pointer
}

a {
    text-decoration: none;
    color: var(--link-color, #212427);
    cursor: pointer
}

.flexRow {
    display: flex;
    align-items: center;
    flex-direction: row;
    box-sizing: border-box;
    justify-content: center
}

.flexColumn {
    display: flex;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    justify-content: center
}

.product-image {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1/1
}

.no-image {
    margin: auto;
    opacity: .8;
    cursor: pointer;
    object-fit: contain
}

.Zoom img {
    scale: 1;
    transition: scale .3s ease-in-out
}

.Zoom:hover img {
    scale: 1.05
}

.Border {
    padding: 5px;
    border: 2px solid transparent;
    transition: border .2s ease-in-out
}

.Border:hover {
    border: 2px solid #000!important
}

.HalfBorder {
    z-index: 9;
    --c: #e5e6e0;
    --b: 5px;
    --g: 5px;
    padding: calc(var(--g) + var(--b));
    --_g: #0000 25%, var(--c) 0;
    background: conic-gradient(from 180deg at top var(--b) right var(--b),var(--_g)) var(--_i, 200%) 0/200% var(--_i, var(--b)) no-repeat,conic-gradient(at bottom var(--b) left var(--b),var(--_g)) 0 var(--_i, 200%)/var(--_i, var(--b)) 200% no-repeat;
    transition: .3s,background-position .3s .3s;
    cursor: pointer
}

.HalfBorder:hover {
    --_i: 100%;
    transition: .3s,background-size .3s .3s
}

.BoxShadow {
    transition: box-shadow .3s ease
}

.BoxShadow:hover {
    box-shadow: -8px -8px 16px #fff3,8px 8px 16px #0003
}

.badgeClass {
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    pointer-events: none
}

.badgetopCenter {
    align-items: start;
    justify-content: center
}

.badgetopRight {
    align-items: start;
    justify-content: end
}

.badgetopLeft {
    align-items: start;
    justify-content: start
}

.badgemiddleCenter {
    align-items: center;
    justify-content: center
}

.badgemiddleRight {
    align-items: center;
    justify-content: end
}

.badgemiddleLeft {
    align-items: center;
    justify-content: start
}

.badgebottomCenter {
    align-items: end;
    justify-content: center
}

.badgebottomRight {
    align-items: end;
    justify-content: end
}

.badgebottomLeft {
    align-items: end;
    justify-content: start
}

.container-inside {
    position: relative
}

.container {
    margin: 22px
}

.container-icon {
    margin-top: 14px
}

.topLeft {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px
}

.topRight {
    position: absolute;
    top: 0;
    right: 1px;
    left: -20px
}

.bottomLeft {
    position: absolute;
    left: 0;
    right: 20px
}

.bottomRight {
    position: absolute;
    right: 2px;
    left: -20px
}

.trianglebottomLeft {
    position: absolute;
    bottom: 0;
    left: 0
}

.trianglebottomRight {
    position: absolute;
    bottom: 0;
    right: 0
}

.blendedRectanglebottomLeft {
    position: absolute;
    bottom: 48px;
    left: 0
}

.blendedRectanglebottomRight {
    position: absolute;
    bottom: 48px;
    right: 1px
}

.ovalbottomLeft {
    position: absolute;
    bottom: 30px;
    left: 0
}

.ovalbottomRight {
    position: absolute;
    bottom: 30px;
    right: 1px
}

.rectanglebottomLeft {
    position: absolute;
    bottom: 30px;
    left: 0
}

.rectanglebottomRight {
    position: absolute;
    bottom: 30px;
    right: 1px
}

.v-shapeRibbonbottomLeft {
    position: absolute;
    bottom: 27px;
    left: 1px
}

.v-shapeRibbonbottomRight {
    position: absolute;
    bottom: 27px;
    right: 1px
}

.ribbon-image {
    height: 300px;
    width: 300px
}

.ribbon-image1 {
    height: 300px;
    width: 300px;
    padding: 10px 0
}

.custom-retail-ribbon1 {
    border-bottom: 50px solid transparent;
    position: absolute;
    left: 0;
    top: 0
}

.custom-retail-ribbon-text1 {
    font-size: calc(var(--product-list-font-size) - 4px);
    top: 10px;
    left: -46px;
    position: absolute;
    transform: rotate(-45deg)
}

.custom-retail-ribbon2 {
    border-bottom: 50px solid transparent;
    position: absolute;
    right: 0;
    top: 0
}

.custom-retail-ribbon-text2 {
    font-size: calc(var(--product-list-font-size) - 4px);
    top: 10px;
    right: -47px;
    position: absolute;
    transform: rotate(45deg)
}

.custom-retail-ribbon-text3 {
    font-size: calc(var(--product-list-font-size) - 4px);
    bottom: 12px;
    left: -47px;
    position: absolute;
    transform: rotate(45deg)
}

.custom-retail-ribbon3 {
    border-top: 50px solid transparent;
    position: absolute;
    bottom: 0;
    left: 0
}

.custom-retail-ribbon4 {
    border-top: 50px solid transparent;
    position: absolute;
    bottom: 0;
    right: 0
}

.custom-retail-ribbon-text4 {
    font-size: calc(var(--product-list-font-size) - 4px);
    bottom: 11px;
    right: -47px;
    position: absolute;
    transform: rotate(-45deg)
}

.oval-ribbon1,.oval-ribbon2,.oval-ribbon3,.oval-ribbon4,.design2-ribbon1,.design2-ribbon2,.design2-ribbon3,.design2-ribbon4 {
    height: 30px;
    width: 70px;
    position: absolute
}

.design2-ribbon1,.design2-ribbon3 {
    left: 0
}

.design2-ribbon2,.design2-ribbon4 {
    right: 0
}

.oval-ribbon1,.oval-ribbon3 {
    left: 0;
    border-radius: 14px
}

.oval-ribbon2,.oval-ribbon4 {
    right: 0;
    border-radius: 14px
}

.oval-ribbon-text1,.oval-ribbon-text2,.oval-ribbon-text3,.oval-ribbon-text4,.design2-ribbon-text1,.design2-ribbon-text2,.design2-ribbon-text3,.design2-ribbon-text4 {
    line-height: 29px;
    font-size: medium;
    text-align: center
}

.tag-properties-tleft,.tag-properties-tright,.tag-properties-bright,.tag-properties-bleft {
    padding: 8px 14px;
    position: absolute;
    width: max-content;
    transition: width 1s;
    box-shadow: 0 2px 6px #0000004d;
    font-size: calc(var(--product-list-font-size) - 4px)
}

.tag-properties-tleft:before,.tag-properties-tright:before,.tag-properties-bright:before,.tag-properties-bleft:before {
    display: block;
    content: "";
    height: 14px;
    width: 12px;
    position: absolute;
    background-color: #abb4b5;
    bottom: -14px
}

.tag-properties-tleft,.tag-properties-tright {
    top: 0
}

.tag-properties-tleft,.tag-properties-bleft {
    left: -12px;
    border-top-left-radius: 7px
}

.tag-properties-tleft:before,.tag-properties-bleft:before {
    left: 0;
    border-bottom-left-radius: 14px
}

.tag-properties-tright,.tag-properties-bright {
    right: -12px;
    border-top-right-radius: 7px
}

.tag-properties-tright:before,.tag-properties-bright:before {
    right: 0;
    border-bottom-right-radius: 14px
}

.ribbon1:before,.ribbon1:after,.ribbon2:before,.ribbon2:after,.ribbon3:before,.ribbon3:after,.ribbon4:before,.ribbon4:after {
    content: "";
    display: block;
    position: absolute;
    border: 5px solid var(--new-ribbon-color)
}

.ribbon1,.ribbon2,.ribbon3,.ribbon4 {
    cursor: pointer;
    overflow: hidden;
    position: absolute
}

.ribbon1 span,.ribbon2 span,.ribbon3 span,.ribbon4 span {
    display: block;
    text-align: center;
    position: absolute;
    color: var(--light-color);
    background-color: var(--new-ribbon-color);
    box-shadow: 0 5px 10px var(--grey-shadow-color)
}

.ribbon1 {
    z-index: 1;
    width: 150px;
    height: 150px;
    font-size: calc(var(--product-list-font-size) - 2px)
}

.ribbon1 span {
    width: 225px;
    padding: 10px 0
}

.ribbon-top-left1 {
    top: -10px;
    left: -10px
}

.ribbon-top-left1:before {
    top: 0;
    right: 30px
}

.ribbon-top-left1:after {
    bottom: 30px;
    left: 0
}

.ribbon-top-left1 span {
    right: -15px;
    top: 20px;
    transform: rotate(-45deg)
}

.ribbon-top-left2 {
    top: -10px;
    right: -10px
}

.ribbon2 {
    z-index: 1;
    width: 144px;
    height: 124px
}

.ribbon-top-left2:before {
    top: 104px;
    right: -1px
}

.ribbon-top-left2 span {
    top: 27px;
    right: -82px;
    transform: rotate(45deg)
}

.ribbon2 span {
    width: 254px;
    padding: 7px 0
}

.ribbon-top-left2:after {
    bottom: 114px;
    left: 31px
}

.ribbon3 {
    width: 148px;
    height: 150px
}

.ribbon-top-left3 {
    bottom: -11px;
    left: -9px
}

.ribbon-top-left3:before {
    top: 139px;
    right: 30px
}

.ribbon3 span {
    width: 231px;
    padding: 7px 0
}

.ribbon-top-left3 span {
    right: -13px;
    top: 85px;
    transform: rotate(45deg)
}

.ribbon-top-left3:after {
    bottom: 109px;
    left: -1px
}

.ribbon-top-left4 {
    bottom: -10px;
    right: -10px
}

.ribbon4 {
    width: 125px;
    height: 130px
}

.ribbon-top-left4:before {
    top: 120px!important;
    right: 102px!important
}

.ribbon4 span {
    width: 225px;
    padding: 10px 0
}

.ribbon-top-left4 span {
    right: -71px;
    top: 57px;
    transform: rotate(310deg)
}

.ribbon-top-left4:after {
    bottom: 120px!important;
    left: 115px!important
}

.wdp-ribbon1,.wdp-ribbon2,.wdp-ribbon3,.wdp-ribbon4 {
    height: 23px;
    border-radius: 0;
    line-height: 24px;
    text-shadow: none;
    position: absolute;
    text-align: center;
    font-weight: 400;
    white-space: nowrap;
    display: inline-block;
    box-sizing: content-box;
    vertical-align: baseline;
    background-color: var(--new-ribbon-color);
    font-size: calc(var(--product-list-font-size) - 2px)
}

.wdp-ribbon1 {
    top: 0;
    left: 0;
    padding: 2px 20px 2px 7px
}

.wdp-ribbon2 {
    top: 0;
    right: 0;
    padding: 2px 7px 2px 20px
}

.wdp-ribbon3 {
    left: 0;
    padding: 2px 15px 2px 7px
}

.wdp-ribbon4 {
    right: 0;
    padding: 2px 7px 2px 20px
}

.wdp-ribbon-two1:before,.wdp-ribbon-two2:before,.wdp-ribbon-two3:before,.wdp-ribbon-two4:before {
    top: 0;
    content: "";
    position: absolute;
    display: inline-block;
    border: 9px solid transparent;
    border-width: 14px 15px;
    border-color: var(--new-ribbon-color)
}

.wdp-ribbon-two1:before,.wdp-ribbon-two3:before {
    right: -14px;
    border-right-color: transparent!important
}

.wdp-ribbon-two2:before,.wdp-ribbon-two4:before {
    left: -14px;
    border-left-color: transparent!important
}

.earnpoint-subtext {
    color: gray;
    font-weight: 700;
    font-size: 10px
}

.date-time {
    font-size: 14px
}

.common-form-field .zbf-container.zbf-outlined {
    border-radius: 28px!important
}

.common-form-field-btn .zen-button {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.candella-common-form-field .zbf-container.zbf-outlined {
    border-radius: 41px!important
}

.radiance-signIn-forgot-pass-nav.forgot-password {
    margin: 0 5px 10px 0!important
}

.radiance-signIn-signUp-nav.signup {
    margin: 10px 0 0!important
}

.juzz-candy-form-field,.juzzCandy-template,.candella-form-field,.common-card-auth-template,.daffodi-auth-template,.sculpture-template,.dermaglow-background-form,.baby-cado-auth-template {
    --zbs-active-icon-color: var(--primary-color)
}

.juzz-candy-form-field .date-picker-icon,.juzzCandy-template .date-picker-icon,.candella-form-field .date-picker-icon,.common-card-auth-template .date-picker-icon,.daffodi-auth-template .date-picker-icon,.sculpture-template .date-picker-icon,.dermaglow-background-form .date-picker-icon,.baby-cado-auth-template .date-picker-icon {
    color: #727272
}

.juzz-candy-form-field input,.juzzCandy-template input,.candella-form-field input,.common-card-auth-template input,.daffodi-auth-template input,.sculpture-template input,.dermaglow-background-form input,.baby-cado-auth-template input {
    -webkit-text-fill-color: var(--label-color)
}

.juzz-candy-form-field input:focus,.juzzCandy-template input:focus,.candella-form-field input:focus,.common-card-auth-template input:focus,.daffodi-auth-template input:focus,.sculpture-template input:focus,.dermaglow-background-form input:focus,.baby-cado-auth-template input:focus {
    -webkit-text-fill-color: var(--labelF-color)
}

.juzz-candy-form-field .error-margin-left,.juzzCandy-template .error-margin-left,.candella-form-field .error-margin-left,.common-card-auth-template .error-margin-left,.daffodi-auth-template .error-margin-left,.sculpture-template .error-margin-left,.dermaglow-background-form .error-margin-left,.baby-cado-auth-template .error-margin-left {
    position: relative;
    margin-left: 20px
}

.juzz-candy-form-field .error-margin-left .zb-error-label,.juzzCandy-template .error-margin-left .zb-error-label,.candella-form-field .error-margin-left .zb-error-label,.common-card-auth-template .error-margin-left .zb-error-label,.daffodi-auth-template .error-margin-left .zb-error-label,.sculpture-template .error-margin-left .zb-error-label,.dermaglow-background-form .error-margin-left .zb-error-label,.baby-cado-auth-template .error-margin-left .zb-error-label {
    display: inline-block
}

.juzz-candy-form-field .zb-error-label,.juzzCandy-template .zb-error-label,.candella-form-field .zb-error-label,.common-card-auth-template .zb-error-label,.daffodi-auth-template .zb-error-label,.sculpture-template .zb-error-label,.dermaglow-background-form .zb-error-label,.baby-cado-auth-template .zb-error-label {
    margin-bottom: 10px
}

.juzz-candy-form-field .date-picker-icon,.juzzCandy-template .date-picker-icon,.candella-form-field .date-picker-icon,.common-card-auth-template .date-picker-icon,.daffodi-auth-template .date-picker-icon,.sculpture-template .date-picker-icon,.dermaglow-background-form .date-picker-icon,.baby-cado-auth-template .date-picker-icon {
    padding: 0 12px!important
}

.juzz-candy-form-field zen-button .zen-button-not-active,.juzz-candy-form-field zen-button .zen-button-not-active:hover,.juzzCandy-template zen-button .zen-button-not-active,.juzzCandy-template zen-button .zen-button-not-active:hover,.candella-form-field zen-button .zen-button-not-active,.candella-form-field zen-button .zen-button-not-active:hover,.common-card-auth-template zen-button .zen-button-not-active,.common-card-auth-template zen-button .zen-button-not-active:hover,.daffodi-auth-template zen-button .zen-button-not-active,.daffodi-auth-template zen-button .zen-button-not-active:hover,.sculpture-template zen-button .zen-button-not-active,.sculpture-template zen-button .zen-button-not-active:hover,.dermaglow-background-form zen-button .zen-button-not-active,.dermaglow-background-form zen-button .zen-button-not-active:hover,.baby-cado-auth-template zen-button .zen-button-not-active,.baby-cado-auth-template zen-button .zen-button-not-active:hover {
    background-color: transparent!important
}

.juzz-candy-form-field .fill-input .zbf-container,.juzzCandy-template .fill-input .zbf-container,.candella-form-field .fill-input .zbf-container,.common-card-auth-template .fill-input .zbf-container,.daffodi-auth-template .fill-input .zbf-container,.sculpture-template .fill-input .zbf-container,.dermaglow-background-form .fill-input .zbf-container,.baby-cado-auth-template .fill-input .zbf-container {
    background-color: var(--field-color)!important
}

.juzz-candy-form-field .zbf-container.zbf-standard,.juzzCandy-template .zbf-container.zbf-standard,.candella-form-field .zbf-container.zbf-standard,.common-card-auth-template .zbf-container.zbf-standard,.daffodi-auth-template .zbf-container.zbf-standard,.sculpture-template .zbf-container.zbf-standard,.dermaglow-background-form .zbf-container.zbf-standard,.baby-cado-auth-template .zbf-container.zbf-standard {
    border-bottom: 2px solid var(--line-color)!important
}

.juzz-candy-form-field .zbf-container.zbf-standard input,.juzzCandy-template .zbf-container.zbf-standard input,.candella-form-field .zbf-container.zbf-standard input,.common-card-auth-template .zbf-container.zbf-standard input,.daffodi-auth-template .zbf-container.zbf-standard input,.sculpture-template .zbf-container.zbf-standard input,.dermaglow-background-form .zbf-container.zbf-standard input,.baby-cado-auth-template .zbf-container.zbf-standard input,.juzz-candy-form-field .zbf-container.zbf-standard .zb-label.zbf-label,.juzzCandy-template .zbf-container.zbf-standard .zb-label.zbf-label,.candella-form-field .zbf-container.zbf-standard .zb-label.zbf-label,.common-card-auth-template .zbf-container.zbf-standard .zb-label.zbf-label,.daffodi-auth-template .zbf-container.zbf-standard .zb-label.zbf-label,.sculpture-template .zbf-container.zbf-standard .zb-label.zbf-label,.dermaglow-background-form .zbf-container.zbf-standard .zb-label.zbf-label,.baby-cado-auth-template .zbf-container.zbf-standard .zb-label.zbf-label {
    color: var(--label-color)!important
}

.juzz-candy-form-field .zbf-container.zbf-standard-focused,.juzzCandy-template .zbf-container.zbf-standard-focused,.candella-form-field .zbf-container.zbf-standard-focused,.common-card-auth-template .zbf-container.zbf-standard-focused,.daffodi-auth-template .zbf-container.zbf-standard-focused,.sculpture-template .zbf-container.zbf-standard-focused,.dermaglow-background-form .zbf-container.zbf-standard-focused,.baby-cado-auth-template .zbf-container.zbf-standard-focused {
    border-bottom: 2px solid var(--lineF-color)!important
}

.juzz-candy-form-field .zbf-container.zbf-standard-focused input,.juzzCandy-template .zbf-container.zbf-standard-focused input,.candella-form-field .zbf-container.zbf-standard-focused input,.common-card-auth-template .zbf-container.zbf-standard-focused input,.daffodi-auth-template .zbf-container.zbf-standard-focused input,.sculpture-template .zbf-container.zbf-standard-focused input,.dermaglow-background-form .zbf-container.zbf-standard-focused input,.baby-cado-auth-template .zbf-container.zbf-standard-focused input,.juzz-candy-form-field .zbf-container.zbf-standard-focused .zbf-label-focused,.juzzCandy-template .zbf-container.zbf-standard-focused .zbf-label-focused,.candella-form-field .zbf-container.zbf-standard-focused .zbf-label-focused,.common-card-auth-template .zbf-container.zbf-standard-focused .zbf-label-focused,.daffodi-auth-template .zbf-container.zbf-standard-focused .zbf-label-focused,.sculpture-template .zbf-container.zbf-standard-focused .zbf-label-focused,.dermaglow-background-form .zbf-container.zbf-standard-focused .zbf-label-focused,.baby-cado-auth-template .zbf-container.zbf-standard-focused .zbf-label-focused {
    color: var(--labelF-color)!important
}

.juzz-candy-form-field .zbf-container.zbf-outlined,.juzzCandy-template .zbf-container.zbf-outlined,.candella-form-field .zbf-container.zbf-outlined,.common-card-auth-template .zbf-container.zbf-outlined,.daffodi-auth-template .zbf-container.zbf-outlined,.sculpture-template .zbf-container.zbf-outlined,.dermaglow-background-form .zbf-container.zbf-outlined,.baby-cado-auth-template .zbf-container.zbf-outlined {
    border: 1px solid var(--line-color)!important
}

.juzz-candy-form-field .zbf-container.zbf-outlined input,.juzzCandy-template .zbf-container.zbf-outlined input,.candella-form-field .zbf-container.zbf-outlined input,.common-card-auth-template .zbf-container.zbf-outlined input,.daffodi-auth-template .zbf-container.zbf-outlined input,.sculpture-template .zbf-container.zbf-outlined input,.dermaglow-background-form .zbf-container.zbf-outlined input,.baby-cado-auth-template .zbf-container.zbf-outlined input,.juzz-candy-form-field .zbf-container.zbf-outlined .zb-label.zbf-label,.juzzCandy-template .zbf-container.zbf-outlined .zb-label.zbf-label,.candella-form-field .zbf-container.zbf-outlined .zb-label.zbf-label,.common-card-auth-template .zbf-container.zbf-outlined .zb-label.zbf-label,.daffodi-auth-template .zbf-container.zbf-outlined .zb-label.zbf-label,.sculpture-template .zbf-container.zbf-outlined .zb-label.zbf-label,.dermaglow-background-form .zbf-container.zbf-outlined .zb-label.zbf-label,.baby-cado-auth-template .zbf-container.zbf-outlined .zb-label.zbf-label {
    color: var(--label-color)!important
}

.juzz-candy-form-field .zbf-container.zbf-outline-focused,.juzzCandy-template .zbf-container.zbf-outline-focused,.candella-form-field .zbf-container.zbf-outline-focused,.common-card-auth-template .zbf-container.zbf-outline-focused,.daffodi-auth-template .zbf-container.zbf-outline-focused,.sculpture-template .zbf-container.zbf-outline-focused,.dermaglow-background-form .zbf-container.zbf-outline-focused,.baby-cado-auth-template .zbf-container.zbf-outline-focused {
    border: 1px solid var(--lineF-color)!important;
    outline: 1px solid var(--lineF-color)!important;
    color: var(--labelF-color)!important
}

.juzz-candy-form-field .zbf-container.zbf-outline-focused input,.juzzCandy-template .zbf-container.zbf-outline-focused input,.candella-form-field .zbf-container.zbf-outline-focused input,.common-card-auth-template .zbf-container.zbf-outline-focused input,.daffodi-auth-template .zbf-container.zbf-outline-focused input,.sculpture-template .zbf-container.zbf-outline-focused input,.dermaglow-background-form .zbf-container.zbf-outline-focused input,.baby-cado-auth-template .zbf-container.zbf-outline-focused input,.juzz-candy-form-field .zbf-container.zbf-outline-focused .zbf-label-focused,.juzzCandy-template .zbf-container.zbf-outline-focused .zbf-label-focused,.candella-form-field .zbf-container.zbf-outline-focused .zbf-label-focused,.common-card-auth-template .zbf-container.zbf-outline-focused .zbf-label-focused,.daffodi-auth-template .zbf-container.zbf-outline-focused .zbf-label-focused,.sculpture-template .zbf-container.zbf-outline-focused .zbf-label-focused,.dermaglow-background-form .zbf-container.zbf-outline-focused .zbf-label-focused,.baby-cado-auth-template .zbf-container.zbf-outline-focused .zbf-label-focused,.juzz-candy-form-field .zbf-container.zbf-outlined.zbf-outline-focused .zs-placeholder-text,.juzz-candy-form-field .zbf-container.zbf-standard-focused .zs-placeholder-text,.juzzCandy-template .zbf-container.zbf-outlined.zbf-outline-focused .zs-placeholder-text,.juzzCandy-template .zbf-container.zbf-standard-focused .zs-placeholder-text,.candella-form-field .zbf-container.zbf-outlined.zbf-outline-focused .zs-placeholder-text,.candella-form-field .zbf-container.zbf-standard-focused .zs-placeholder-text,.common-card-auth-template .zbf-container.zbf-outlined.zbf-outline-focused .zs-placeholder-text,.common-card-auth-template .zbf-container.zbf-standard-focused .zs-placeholder-text,.daffodi-auth-template .zbf-container.zbf-outlined.zbf-outline-focused .zs-placeholder-text,.daffodi-auth-template .zbf-container.zbf-standard-focused .zs-placeholder-text,.sculpture-template .zbf-container.zbf-outlined.zbf-outline-focused .zs-placeholder-text,.sculpture-template .zbf-container.zbf-standard-focused .zs-placeholder-text,.dermaglow-background-form .zbf-container.zbf-outlined.zbf-outline-focused .zs-placeholder-text,.dermaglow-background-form .zbf-container.zbf-standard-focused .zs-placeholder-text,.baby-cado-auth-template .zbf-container.zbf-outlined.zbf-outline-focused .zs-placeholder-text,.baby-cado-auth-template .zbf-container.zbf-standard-focused .zs-placeholder-text {
    color: var(--labelF-color)!important
}

.juzz-candy-form-field .zbf-container zen-select .zs-placeholder-text,.juzzCandy-template .zbf-container zen-select .zs-placeholder-text,.candella-form-field .zbf-container zen-select .zs-placeholder-text,.common-card-auth-template .zbf-container zen-select .zs-placeholder-text,.daffodi-auth-template .zbf-container zen-select .zs-placeholder-text,.sculpture-template .zbf-container zen-select .zs-placeholder-text,.dermaglow-background-form .zbf-container zen-select .zs-placeholder-text,.baby-cado-auth-template .zbf-container zen-select .zs-placeholder-text {
    color: var(--label-color)!important
}

.juzz-candy-form-field .zbf-container zen-select .zs-dropdown,.juzzCandy-template .zbf-container zen-select .zs-dropdown,.candella-form-field .zbf-container zen-select .zs-dropdown,.common-card-auth-template .zbf-container zen-select .zs-dropdown,.daffodi-auth-template .zbf-container zen-select .zs-dropdown,.sculpture-template .zbf-container zen-select .zs-dropdown,.dermaglow-background-form .zbf-container zen-select .zs-dropdown,.baby-cado-auth-template .zbf-container zen-select .zs-dropdown {
    min-width: 200px!important
}

.juzz-candy-form-field .zbf-container zen-select .zs-dropdown .search-country input,.juzzCandy-template .zbf-container zen-select .zs-dropdown .search-country input,.candella-form-field .zbf-container zen-select .zs-dropdown .search-country input,.common-card-auth-template .zbf-container zen-select .zs-dropdown .search-country input,.daffodi-auth-template .zbf-container zen-select .zs-dropdown .search-country input,.sculpture-template .zbf-container zen-select .zs-dropdown .search-country input,.dermaglow-background-form .zbf-container zen-select .zs-dropdown .search-country input,.baby-cado-auth-template .zbf-container zen-select .zs-dropdown .search-country input {
    color: var(--label-color)!important
}

.juzz-candy-form-field .zs-dropdown .close-icon,.juzzCandy-template .zs-dropdown .close-icon,.candella-form-field .zs-dropdown .close-icon,.common-card-auth-template .zs-dropdown .close-icon,.daffodi-auth-template .zs-dropdown .close-icon,.sculpture-template .zs-dropdown .close-icon,.dermaglow-background-form .zs-dropdown .close-icon,.baby-cado-auth-template .zs-dropdown .close-icon,.juzz-candy-form-field .zs-dropdown .zo-container,.juzzCandy-template .zs-dropdown .zo-container,.candella-form-field .zs-dropdown .zo-container,.common-card-auth-template .zs-dropdown .zo-container,.daffodi-auth-template .zs-dropdown .zo-container,.sculpture-template .zs-dropdown .zo-container,.dermaglow-background-form .zs-dropdown .zo-container,.baby-cado-auth-template .zs-dropdown .zo-container {
    color: var(--label-color)
}

.juzz-candy-form-field .zs-dropdown .zo-container.zo-active,.juzzCandy-template .zs-dropdown .zo-container.zo-active,.candella-form-field .zs-dropdown .zo-container.zo-active,.common-card-auth-template .zs-dropdown .zo-container.zo-active,.daffodi-auth-template .zs-dropdown .zo-container.zo-active,.sculpture-template .zs-dropdown .zo-container.zo-active,.dermaglow-background-form .zs-dropdown .zo-container.zo-active,.baby-cado-auth-template .zs-dropdown .zo-container.zo-active {
    color: var(--primary-color)!important
}

.juzz-candy-form-field .zs-value,.juzzCandy-template .zs-value,.candella-form-field .zs-value,.common-card-auth-template .zs-value,.daffodi-auth-template .zs-value,.sculpture-template .zs-value,.dermaglow-background-form .zs-value,.baby-cado-auth-template .zs-value,.juzz-candy-form-field .zbf-container textarea,.juzzCandy-template .zbf-container textarea,.candella-form-field .zbf-container textarea,.common-card-auth-template .zbf-container textarea,.daffodi-auth-template .zbf-container textarea,.sculpture-template .zbf-container textarea,.dermaglow-background-form .zbf-container textarea,.baby-cado-auth-template .zbf-container textarea {
    color: var(--label-color)!important
}

.juzz-candy-form-field input[type=radio]:hover,.juzzCandy-template input[type=radio]:hover,.candella-form-field input[type=radio]:hover,.common-card-auth-template input[type=radio]:hover,.daffodi-auth-template input[type=radio]:hover,.sculpture-template input[type=radio]:hover,.dermaglow-background-form input[type=radio]:hover,.baby-cado-auth-template input[type=radio]:hover {
    border: 1px solid var(--lineF-color)!important;
    outline: 1px solid var(--lineF-color)!important
}

.juzz-candy-form-field input[type=radio]:checked,.juzzCandy-template input[type=radio]:checked,.candella-form-field input[type=radio]:checked,.common-card-auth-template input[type=radio]:checked,.daffodi-auth-template input[type=radio]:checked,.sculpture-template input[type=radio]:checked,.dermaglow-background-form input[type=radio]:checked,.baby-cado-auth-template input[type=radio]:checked {
    border: 1px solid var(--line-color)!important;
    outline: 1px solid var(--line-color)!important;
    color: var(--label-color)!important
}

.juzz-candy-form-field input[type=radio]:checked:before,.juzzCandy-template input[type=radio]:checked:before,.candella-form-field input[type=radio]:checked:before,.common-card-auth-template input[type=radio]:checked:before,.daffodi-auth-template input[type=radio]:checked:before,.sculpture-template input[type=radio]:checked:before,.dermaglow-background-form input[type=radio]:checked:before,.baby-cado-auth-template input[type=radio]:checked:before {
    background-color: var(--label-color)!important
}

.juzz-candy-form-field .zen-checkbox-container input[type=checkbox],.juzzCandy-template .zen-checkbox-container input[type=checkbox],.candella-form-field .zen-checkbox-container input[type=checkbox],.common-card-auth-template .zen-checkbox-container input[type=checkbox],.daffodi-auth-template .zen-checkbox-container input[type=checkbox],.sculpture-template .zen-checkbox-container input[type=checkbox],.dermaglow-background-form .zen-checkbox-container input[type=checkbox],.baby-cado-auth-template .zen-checkbox-container input[type=checkbox] {
    border: 2px solid var(--line-color)!important
}

.juzz-candy-form-field .zen-checkbox-container input[type=checkbox]:checked,.juzz-candy-form-field .zen-checkbox-container input[type=checkbox]:indeterminate,.juzzCandy-template .zen-checkbox-container input[type=checkbox]:checked,.juzzCandy-template .zen-checkbox-container input[type=checkbox]:indeterminate,.candella-form-field .zen-checkbox-container input[type=checkbox]:checked,.candella-form-field .zen-checkbox-container input[type=checkbox]:indeterminate,.common-card-auth-template .zen-checkbox-container input[type=checkbox]:checked,.common-card-auth-template .zen-checkbox-container input[type=checkbox]:indeterminate,.daffodi-auth-template .zen-checkbox-container input[type=checkbox]:checked,.daffodi-auth-template .zen-checkbox-container input[type=checkbox]:indeterminate,.sculpture-template .zen-checkbox-container input[type=checkbox]:checked,.sculpture-template .zen-checkbox-container input[type=checkbox]:indeterminate,.dermaglow-background-form .zen-checkbox-container input[type=checkbox]:checked,.dermaglow-background-form .zen-checkbox-container input[type=checkbox]:indeterminate,.baby-cado-auth-template .zen-checkbox-container input[type=checkbox]:checked,.baby-cado-auth-template .zen-checkbox-container input[type=checkbox]:indeterminate {
    -webkit-text-fill-color: white!important;
    --zen-checkbox-tick: white !important;
    border: 2px solid var(--primary-color)!important;
    --zen-checkbox-checked-color: var(--primary-color) !important
}

.juzz-candy-form-field .zbs_vrt_completed,.juzzCandy-template .zbs_vrt_completed,.candella-form-field .zbs_vrt_completed,.common-card-auth-template .zbs_vrt_completed,.daffodi-auth-template .zbs_vrt_completed,.sculpture-template .zbs_vrt_completed,.dermaglow-background-form .zbs_vrt_completed,.baby-cado-auth-template .zbs_vrt_completed {
    --zbs-vrt-line-color: var(--primary-color)
}

.juzz-candy-form-field .zb_stpr_header_container,.juzzCandy-template .zb_stpr_header_container,.candella-form-field .zb_stpr_header_container,.common-card-auth-template .zb_stpr_header_container,.daffodi-auth-template .zb_stpr_header_container,.sculpture-template .zb_stpr_header_container,.dermaglow-background-form .zb_stpr_header_container,.baby-cado-auth-template .zb_stpr_header_container {
    font-weight: 900!important;
    color: var(--primary-color)!important
}

.juzz-candy-form-field .zbs_active_icon,.juzz-candy-form-field .zb_stpr_icon_outline,.juzzCandy-template .zbs_active_icon,.juzzCandy-template .zb_stpr_icon_outline,.candella-form-field .zbs_active_icon,.candella-form-field .zb_stpr_icon_outline,.common-card-auth-template .zbs_active_icon,.common-card-auth-template .zb_stpr_icon_outline,.daffodi-auth-template .zbs_active_icon,.daffodi-auth-template .zb_stpr_icon_outline,.sculpture-template .zbs_active_icon,.sculpture-template .zb_stpr_icon_outline,.dermaglow-background-form .zbs_active_icon,.dermaglow-background-form .zb_stpr_icon_outline,.baby-cado-auth-template .zbs_active_icon,.baby-cado-auth-template .zb_stpr_icon_outline {
    background-color: var(--primary-color)!important
}

.juzz-candy-form-field .zb_stpr_header_container .zb_stpr_icon_outline,.juzzCandy-template .zb_stpr_header_container .zb_stpr_icon_outline,.candella-form-field .zb_stpr_header_container .zb_stpr_icon_outline,.common-card-auth-template .zb_stpr_header_container .zb_stpr_icon_outline,.daffodi-auth-template .zb_stpr_header_container .zb_stpr_icon_outline,.sculpture-template .zb_stpr_header_container .zb_stpr_icon_outline,.dermaglow-background-form .zb_stpr_header_container .zb_stpr_icon_outline,.baby-cado-auth-template .zb_stpr_header_container .zb_stpr_icon_outline {
    color: #fff!important
}

.juzz-candy-form-field .zb_stepper_wrapper,.juzzCandy-template .zb_stepper_wrapper,.candella-form-field .zb_stepper_wrapper,.common-card-auth-template .zb_stepper_wrapper,.daffodi-auth-template .zb_stepper_wrapper,.sculpture-template .zb_stepper_wrapper,.dermaglow-background-form .zb_stepper_wrapper,.baby-cado-auth-template .zb_stepper_wrapper,.juzz-candy-form-field .zb_stepper_wrapper .zb_vrt_hgt_auto,.juzzCandy-template .zb_stepper_wrapper .zb_vrt_hgt_auto,.candella-form-field .zb_stepper_wrapper .zb_vrt_hgt_auto,.common-card-auth-template .zb_stepper_wrapper .zb_vrt_hgt_auto,.daffodi-auth-template .zb_stepper_wrapper .zb_vrt_hgt_auto,.sculpture-template .zb_stepper_wrapper .zb_vrt_hgt_auto,.dermaglow-background-form .zb_stepper_wrapper .zb_vrt_hgt_auto,.baby-cado-auth-template .zb_stepper_wrapper .zb_vrt_hgt_auto {
    padding: 0 20px!important
}

.juzz-candy-form-field .zbf-container.zbf-outlined.zbf-error_outlined,.juzzCandy-template .zbf-container.zbf-outlined.zbf-error_outlined,.common-card-auth-template .zbf-container.zbf-outlined.zbf-error_outlined,.daffodi-auth-template .zbf-container.zbf-outlined.zbf-error_outlined,.sculpture-template .zbf-container.zbf-outlined.zbf-error_outlined,.dermaglow-background-form .zbf-container.zbf-outlined.zbf-error_outlined,.baby-cado-auth-template .zbf-container.zbf-outlined.zbf-error_outlined {
    border: 1px solid var(--form-input-error, #f44336)!important
}

.juzz-candy-form-field .zbf-container.zbf-outline-focused.zbf-error_outlined,.juzzCandy-template .zbf-container.zbf-outline-focused.zbf-error_outlined,.common-card-auth-template .zbf-container.zbf-outline-focused.zbf-error_outlined,.daffodi-auth-template .zbf-container.zbf-outline-focused.zbf-error_outlined,.sculpture-template .zbf-container.zbf-outline-focused.zbf-error_outlined,.dermaglow-background-form .zbf-container.zbf-outline-focused.zbf-error_outlined,.baby-cado-auth-template .zbf-container.zbf-outline-focused.zbf-error_outlined {
    border: 1px solid var(--form-input-error, #f44336)!important;
    outline: 1px solid var(--form-input-error, #f44336)!important
}

.juzz-candy-form-field .zbf-container.zbf-standard.zbf-error_standard .zb-label.zbf-error-label,.juzzCandy-template .zbf-container.zbf-standard.zbf-error_standard .zb-label.zbf-error-label,.common-card-auth-template .zbf-container.zbf-standard.zbf-error_standard .zb-label.zbf-error-label,.daffodi-auth-template .zbf-container.zbf-standard.zbf-error_standard .zb-label.zbf-error-label,.sculpture-template .zbf-container.zbf-standard.zbf-error_standard .zb-label.zbf-error-label,.dermaglow-background-form .zbf-container.zbf-standard.zbf-error_standard .zb-label.zbf-error-label,.baby-cado-auth-template .zbf-container.zbf-standard.zbf-error_standard .zb-label.zbf-error-label {
    color: var(--form-input-error, #f44336)!important
}

.juzzCandy-template input[type=radio]:hover,.common-card-auth-template input[type=radio]:hover,.daffodi-auth-template input[type=radio]:hover,.sculpture-template input[type=radio]:hover,.dermaglow-background-form input[type=radio]:hover,.baby-cado-auth-template input[type=radio]:hover {
    background-color: #fff!important
}

.juzzCandy-template .zs-dropdown .zo-container.zo-active,.common-card-auth-template .zs-dropdown .zo-container.zo-active,.daffodi-auth-template .zs-dropdown .zo-container.zo-active,.sculpture-template .zs-dropdown .zo-container.zo-active,.dermaglow-background-form .zs-dropdown .zo-container.zo-active,.baby-cado-auth-template .zs-dropdown .zo-container.zo-active,.juzzCandy-template .zs-dropdown .zo-container.zo-option,.common-card-auth-template .zs-dropdown .zo-container.zo-option,.daffodi-auth-template .zs-dropdown .zo-container.zo-option,.sculpture-template .zs-dropdown .zo-container.zo-option,.dermaglow-background-form .zs-dropdown .zo-container.zo-option,.baby-cado-auth-template .zs-dropdown .zo-container.zo-option {
    background-color: #fff
}

.juzzCandy-template .zbs_selected_step_header,.juzzCandy-template .zb_stpr_header_container:hover,.common-card-auth-template .zbs_selected_step_header,.common-card-auth-template .zb_stpr_header_container:hover,.daffodi-auth-template .zbs_selected_step_header,.daffodi-auth-template .zb_stpr_header_container:hover,.sculpture-template .zbs_selected_step_header,.sculpture-template .zb_stpr_header_container:hover,.dermaglow-background-form .zbs_selected_step_header,.dermaglow-background-form .zb_stpr_header_container:hover,.baby-cado-auth-template .zbs_selected_step_header,.baby-cado-auth-template .zb_stpr_header_container:hover {
    background-color: transparent!important
}

.juzz-candy-form-field .zen-checkbox-container input[type=checkbox] {
    border: 2px solid var(--line-color)!important
}

.juzz-candy-form-field .zen-checkbox-container input[type=checkbox]:checked,.juzz-candy-form-field .zen-checkbox-container input[type=checkbox]:indeterminate {
    -webkit-text-fill-color: white!important;
    --zen-checkbox-tick: white !important;
    border: 2px solid var(--primary-color)!important;
    --zen-checkbox-checked-color: var(--primary-color) !important
}

.juzz-candy-form-field .fill-input .zs-dropdown,.juzz-candy-form-field .fill-input .zs-dropdown .zo-container {
    background-color: var(--field-color)
}

.juzz-candy-form-field .fill-input .zs-dropdown .zo-container.zo-active,.juzz-candy-form-field input[type=radio]:hover {
    background-color: var(--field-color)!important
}

.juzz-candy-form-field .zbs_selected_step_header,.juzz-candy-form-field .zb_stpr_header_container:hover {
    background-color: transparent!important
}

.candella-form-field .fill-input .zbf-container zen-select .zs-dropdown {
    background-color: var(--field-color)!important
}

.candella-form-field .zbf-container.zbf-outlined {
    border-radius: 0;
    border: 7px solid var(--line-color)!important
}

.candella-form-field .zbf-container.zbf-outline-focused {
    border: 7px solid var(--lineF-color)!important
}

.candella-form-field .fill-input .zbf-container {
    background-color: var(--field-color)!important
}

.candella-form-field .zbf-container.zbf-outlined.zbf-error_outlined {
    outline: 1px solid var(--form-input-error, #f44336)!important
}

.candella-form-field .zbf-container.zbf-outline-focused.zbf-error_outlined {
    outline: 2px solid var(--form-input-error, #f44336)!important
}

.candella-form-field .zen-checkbox-container input[type=checkbox] {
    border: 2px solid var(--line-color)!important
}

.candella-form-field .zen-checkbox-container input[type=checkbox]:checked,.candella-form-field .zen-checkbox-container input[type=checkbox]:indeterminate {
    -webkit-text-fill-color: white!important;
    --zen-checkbox-tick: white !important;
    border: 2px solid var(--primary-color)!important;
    --zen-checkbox-checked-color: var(--primary-color) !important
}

.candella-form-field .fill-input .zs-dropdown,.candella-form-field .fill-input .zs-dropdown .zo-container {
    background-color: var(--field-color)
}

.candella-form-field .fill-input .zs-dropdown .zo-container.zo-active {
    background-color: var(--field-color)!important
}

.candella-form-field .zbs_selected_step_header,.candella-form-field .zb_stpr_header_container:hover {
    background-color: transparent!important
}

.candella-form-field .zb_stepper_wrapper {
    padding: 0 15px!important
}

.candella-form-field .zb_vrt_last_step {
    margin: 0 0 0 20px!important
}

.candella-form-field .zb_vrt_hgt_auto.zb_vrt_last_step {
    padding: 0 0 0 20px!important
}

table {
    width: 100%
}

.order-changes-chip .zcp-container {
    border: 0px!important;
    color: var(--primary-color)!important
}

.order-changes-chip:hover .zcp-container {
    background-color: var(--primary-color)!important;
    color: #fff!important
}

.order-changes-chip-selected .zcp-container {
    color: #fff!important
}

.chip .zcp-container {
    border: 0px!important;
    border-radius: 25px!important;
    background-color: #e0e0e0!important
}

.page-content-container {
    background-color: #fff;
    min-height: 70vh;
    margin: 1% auto 5%;
    padding: 10px
}

.refresh-link {
    color: #007bff;
    text-decoration: underline;
    cursor: pointer
}

@media (max-width: 768px) {
    .page-content-container {
        width:90%
    }

    .page-container {
        padding: 0 10px
    }
}

@media (max-width: 450px) {
    .page-content-container {
        width:100%
    }

    .page-container {
        padding: 0 15px
    }
}

@media (min-width: 769px) {
    .page-content-container {
        width:90%
    }
}

@media (min-width: 992px) {
    .page-content-container {
        width:950px
    }
}

@media (min-width: 1200px) {
    .page-content-container {
        width:1170px
    }
}

@media (min-width: 1300px) {
    .contactus-page-container {
        width:1440px
    }
}

.mat-mdc-card {
    padding: 16px!important
}

.text-red {
    color: red
}

.text-green {
    color: green
}

.text-orange {
    color: orange
}

.text-blue {
    color: #4169e1
}

.pointslog-reason {
    color: gray;
    font-size: small
}

.icon-wrapper {
    visibility: hidden
}

.icon-wrapper.material-icons-loaded {
    visibility: visible
}

.material-icons {
    visibility: hidden
}

.material-icons-loaded .material-icons {
    visibility: visible
}

.cdk-overlay-container,.cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 99
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    transition: opacity .4s cubic-bezier(.25,.8,.25,1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

.cdk-overlay-dark-backdrop {
    background: #00000052
}

.cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear,opacity 1ms linear;
    visibility: hidden;
    opacity: 1
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
    visibility: visible
}

.cdk-overlay-backdrop-noop-animation {
    transition: none
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0
}

[dir=rtl] .cdk-visually-hidden {
    left: auto;
    right: 0
}

:root {
    --primary-color: #005374;
    --secondary-color: #ff0000;
    --btn-disabled-background: lightgray;
    --button-disabled-color: #afa6a6;
    --zen-btn-background-color: #f5f5f5;
    --zen-btn-box-shadow-blur: rgba(0, 0, 0, .12);
    --zen-btn-box-shadow-vertical: rgba(0, 0, 0, .14);
    --zen-btn-box-shadow-horizontal: rgba(0, 0, 0, .2);
    --zen-btn-background-white: white;
    --zen-btn-ripple-background: rgb(178, 178, 180);
    --zen-btn-ripple-circle: rgb(20 19 19 / 25%);
    --background-white: white;
    --card-sub-title-color: rgba(0, 0, 0, .54);
    --form-input-label-color: #44474e;
    --form-input-focus-color: rgba(0, 0, 0, .87);
    --form-input-outline-hover: #212121;
    --form-input-error: #f44336;
    --zen-hint-text-color: rgba(0, 0, 0, .6);
    --badge-success-color: green;
    --badge-error-color: red;
    --badge-warning-color: #ec942c;
    --badge-default-color: #016f9b;
    --badge-text-color: white;
    --disabled-badge-text-color: black;
    --disabled-badge-background-color: #B9B9B9;
    --tooltip-color: #f2f0f4;
    --tooltip-background-color: #2f3033;
    --zen-radio-button-color: #555;
    --zen-radio-button-checked-color: #343dff;
    --zen-radio-button-checked-box-shadow: rgba(52, 61, 255, .102);
    --zen-radio-button-hover-box-shadow: rgba(0, 0, 0, .05);
    --zen-radio-button-hover-color: black;
    --zen-checkbox-checked: #343dff;
    --zen-checkbox-hyphen: white;
    --zen-checkbox-tick: white;
    --zen-checkbox-color: #555;
    --zen-checkbox-checked-color: #343dff;
    --zen-checkbox-checked-box-shadow: rgba(52, 61, 255, .102);
    --zen-checkbox-hover-box-shadow: rgba(0, 0, 0, .05);
    --zen-chip-border-color: #74777f;
    --zen-chip-font-color: #3e4046;
    --zen-chip-hover-color: #f0f1f1;
    --zen-chip-highlight-color: #dae2f9;
    --zen-chip-highlight-font-color: black;
    --zen-chip-highlight-hover-color: #cbd2e8;
    --zen-chip-remove-icon-hover-color: #bcc2d3;
    --zen-chip-ripple-color: #868484;
    --zen-chip-ripple-active-color: #968f8f;
    --zen-slide-toggle-disabled-color: #e8e8e8;
    --zen-slide-toggle-checked-color: #f06292;
    --zen-slide-toggle-unchecked-color: #e0e0e0;
    --zen-slide-toggle-disabled-circle-color: #b7b7b7;
    --zen-slide-toggle-checked-circle-color: #d81b60;
    --zen-slide-toggle-unchecked-circle-color: #616161;
    --zen-slide-toggle-box-shadow: rgba(211, 209, 205, .2);
    --zen-slide-toggle-circle-checked-color: #880e4f;
    --zen-slide-toggle-circle-unchecked-color: #212121;
    --zen-slide-toggle-icon-color: white;
    --zen-date-picker-seleceted-date-color: #3f51b5;
    --zen-date-picker-seleceted-date-number-color: white;
    --zen-date-picker-date-hover-color: #C5CAE9;
    --zen-date-picker-background-color: white;
    --zen-date-picker-header-color: #3f3f3f;
    --zen-date-picker-pre-next-btn-hover-color: rgb(242 239 239);
    --zen-date-picker-pre-next-btn-hover-text-color: black;
    --ztg-border-color: #e0e0e0;
    --zbt-disabled-hover: #d3d3d3;
    --zbt-selected: #d7d7d7;
    --zen-divider-color: rgba(0, 0, 0, .12);
    --zo-active-color: #3d56b2;
    --zo-active-bg-color: #f5f5f5;
    --zo-bg-hover-color: #f5f5f5;
    --zo-color: #202020
}

[class*=sfb-] {
    box-sizing: border-box
}

.zen-secondary-button {
    border: 1px solid var(--secondary-color, #ff0000)!important;
    background-color: var(--zen-btn-background-white, white);
    color: var(--secondary-color, #ff0000);
    box-shadow: none!important
}

.zen-primary-button {
    background-color: var(--primary-color, #005374)!important;
    color: var(--zen-btn-background-white, white);
    border: none!important
}

.zen-primary-button:hover {
    background-color: var(--primary-color, #005374)!important;
    box-shadow: 0 3px 1px -2px var(--zen-btn-box-shadow-horizontal, rgba(0, 0, 0, .2)),0 2px 2px 0 var(--zen-btn-box-shadow-vertical, rgba(0, 0, 0, .14)),0 1px 5px 0 var(--zen-btn-box-shadow-blur, rgba(0, 0, 0, .12))!important
}

.zdp-cell-wrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 2px
}

.zdp-cell-item {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 35px;
    height: 35px
}

.zdp-calender-date:hover .zdp-cell-item {
    background-color: var(--zen-date-picker-date-hover-color, #C5CAE9);
    border-radius: 50%
}

.zdp-isSelected .zdp-cell-item,.zdp-selected-start-date .zdp-cell-item,.zdp-selected-end-date .zdp-cell-item {
    border-radius: 50%;
    background-color: var(--zen-date-picker-seleceted-date-color, #3f51b5);
    color: var(--zen-date-picker-seleceted-date-number-color, white)
}

.zdp-selected-start-date {
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px
}

.zdp-selected-end-date {
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px
}

.zdp-current-hover-range {
    border-top: 1px dashed var(--primary-color);
    border-bottom: 1px dashed var(--primary-color)
}

.zdp-isSelected:hover .zdp-cell-item,.zdp-selected-start-date:hover .zdp-cell-item,.zdp-selected-end-date:hover .zdp-cell-item {
    background-color: var(--zen-date-picker-seleceted-date-color, #3f51b5)!important
}

.zdp-is-current .zdp-cell-item {
    border: 1px solid var(--zen-date-picker-seleceted-date-color, #3f51b5)!important;
    border-radius: 50%
}

.zdp-not-current-month:hover .zdp-cell-item {
    background-color: transparent
}

.zdp-not-current-month {
    cursor: default
}

.zb-label.zbf-align-placeholder {
    top: 32px!important
}

.zbf-label.zbf-standard {
    position: absolute!important;
    top: 10px!important;
    font-size: .75em!important;
    outline: none!important;
    left: 0
}

.zbf-label.zbf-label-focused {
    color: var(--zff-primary-color, #005374)!important
}

.zbf-label.zbf-outline {
    position: absolute!important;
    top: -8px!important;
    -webkit-backdrop-filter: blur(200px);
    backdrop-filter: blur(200px);
    padding: 0 3px;
    font-size: 12px!important;
    left: -3px
}

.zbf-label.zbf-error-label {
    color: red!important
}

.zbf-outlined .zb-error-label {
    left: -10px
}

.zb-label.zbf-label {
    position: absolute;
    font-size: 16px;
    transition: all .2s;
    top: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
    color: var(--form-input-label-color, #44474e)
}

.zbc-header {
    display: flex;
    padding: 16px 16px 0
}

.zbc-action {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    min-height: 52px;
    padding: 8px
}

.zbc-content {
    padding: 0 16px
}

.zbc-content>:last-child {
    margin-bottom: 0
}

.zba-parent-element {
    position: relative;
    overflow: visible!important
}

.zba-element {
    position: absolute;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--badge-text-color);
    padding: 2px 5px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    line-height: normal
}

.zba-success-color {
    background-color: var(--badge-success-color)
}

.zba-warning-color {
    background-color: var(--badge-warning-color)
}

.zba-error-color {
    background-color: var(--badge-error-color)
}

.zba-default-color {
    background-color: var(--badge-default-color)
}

.zba-top-right-position {
    transform: translate(100%,-100%);
    top: 0;
    right: 0
}

.zba-top-left-position {
    transform: translate(-100%,-100%);
    top: 0;
    left: 0
}

.zba-bottom-right-position {
    transform: translate(100%,100%);
    bottom: 0;
    right: 0
}

.zba-bottom-left-position {
    transform: translate(-100%,100%);
    bottom: 0;
    left: 0
}

.zba-left-position {
    transform: translate(-100%,-100%);
    left: -5px
}

.zba-right-position {
    transform: translate(100%,-100%);
    right: -5px
}

.zba-left-overlap-position {
    transform: translate(-100%,-100%);
    left: 0
}

.zba-right-overlap-position {
    transform: translate(100%,-100%);
    right: 0
}

.zba-top-right-overlap-position {
    transform: translate(100%,-100%);
    top: 5px;
    right: 5px
}

.zba-top-left-overlap-position {
    transform: translate(-100%,-100%);
    top: 5px;
    left: 5px
}

.zba-bottom-right-overlap-position {
    transform: translate(100%,100%);
    bottom: 5px;
    right: 5px
}

.zba-bottom-left-overlap-position {
    transform: translate(-100%,100%);
    bottom: 5px;
    left: 5px
}

.zba-hidden {
    display: none
}

.zba-disabled {
    color: var(--disabled-badge-text-color);
    background-color: var(--disabled-badge-background-color)
}

.zt-element {
    color: var(--tooltip-color);
    background-color: var(--tooltip-background-color);
    padding: 4px 8px;
    display: inline-block;
    border-radius: 4px;
    pointer-events: none;
    font-size: 11px;
    z-index: 2000;
    min-width: 40px;
    max-width: 200px;
    min-height: 15px;
    max-height: 40vh;
    text-align: center;
    overflow: hidden;
    overflow-wrap: anywhere
}

.zt-element-show {
    animation: showTooltip .15s cubic-bezier(0,0,.2,1) forwards
}

.zt-element-hide {
    animation: hideTooltip .15s cubic-bezier(0,0,.2,1) forwards
}

@keyframes showTooltip {
    to {
        scale: 1
    }
}

@keyframes hideTooltip {
    to {
        scale: .8
    }
}

.zb-hint {
    color: var(--zen-hint-text-color, rgba(0, 0, 0, .6));
    font-size: 12px
}

.zps-prefix-suffix {
    display: inline-flex;
    align-items: center
}

.zpd-prefix {
    position: var(--zpd-prefix-position, relative);
    order: var(--zsd-prefix-order, -1)
}

.zsd-suffix {
    position: var(--zsd-suffix-position, relative);
    order: var(--zsd-suffix-order, 100)
}

@keyframes autofill {
}

input:-webkit-autofill {
    animation-name: autofill;
    animation-duration: 1ms
}

.processing {
    color: orange
}

.packed {
    color: #00f
}

.shipped {
    color: #016f9b
}

.delivered {
    color: green
}

.picked-up {
    color: #016f9b
}

.returned {
    color: #dc143c
}

.delivery {
    color: #32cd32
}

.pickup {
    color: #ff8c00
}

.shipping-type {
    font-weight: 700;
    font-size: 16px
}

.zbtp_hr_number {
    position: absolute;
    transform-origin: 0 100%;
    min-width: 20px;
    max-width: 30px;
    text-align: center;
    z-index: 2
}

.zbtp_hr_number_outline {
    height: 125px
}

.zbtp_pointer {
    height: 105px;
    width: 2px;
    transform-origin: 0 100%;
    position: absolute;
    top: calc(50% - 103px);
    z-index: 1;
    background-color: var(--zbtp-ptr-background-color, #00bfff)
}

.zbtp_pointer:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: inherit;
    position: absolute;
    bottom: -3px;
    left: -3px
}

.zbtp_pointer:before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: var(--zbtp-ptr-bck-color, #fff);
    border-radius: 50%;
    position: absolute;
    top: -8px;
    left: calc(50% - 8px);
    box-sizing: content-box;
    border-width: 4px;
    border-style: solid
}

.zbtp_inactive_time {
    cursor: auto;
    color: var(--zbtp-inactive-color, #a6a4a4)
}

textarea:-webkit-autofill {
    animation-name: autofill;
    animation-duration: 1ms
}

input:-internal-autofill-selected {
    background-color: none!important
}

textarea:-internal-autofill-selected {
    background-color: none!important
}

.zdb-year-outline,.zdb-month-outline {
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10%
}

.zb_disabled_dates {
    color: #e7e5e5;
    pointer-events: none
}

.limit-exceeded-content {
    box-shadow: 0 0 12px 2px #0000001a,0 0 #0000,0 0 #0000;
    padding: 10px;
    background-color: #e91e1e1f;
    font-size: 14px;
    text-align: center;
    border: 1px solid var(--primary-color);
    border-radius: 7px;
    color: #b10404fc;
    width: 50%;
    margin: auto
}

.flex-column {
    display: flex;
    flex-direction: column;
    box-sizing: border-box
}

.flex-row {
    display: flex;
    flex-direction: row;
    box-sizing: border-box
}

.flex-row-reverse {
    display: flex;
    flex-direction: row-reverse;
    box-sizing: border-box
}

.flex-column-reverse {
    display: flex;
    flex-direction: column-reverse;
    box-sizing: border-box
}

.flex-row-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.flex-column-wrap {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.align-start-start {
    place-content: start;
    align-items: start
}

.align-start-center {
    place-content: start;
    align-items: center
}

.align-start-end {
    place-content: start;
    align-items: end
}

.align-start {
    place-content: start;
    align-items: stretch
}

.align-center-start {
    place-content: center;
    align-items: start
}

.align-center-center {
    place-content: center;
    align-items: center
}

.align-center-end,.align-flex-end {
    place-content: center;
    align-items: end
}

.align-center {
    place-content: center;
    align-items: stretch
}

.align-end-start {
    place-content: end;
    align-items: start
}

.align-end-center {
    place-content: end;
    align-items: center
}

.align-end-end {
    place-content: end;
    align-items: end
}

.align-end {
    place-content: end;
    align-items: stretch
}

.align-space-around {
    place-content: space-around;
    align-items: stretch
}

.align-space-around-start {
    place-content: space-around;
    align-items: start
}

.align-space-around-center {
    place-content: space-around;
    align-items: center
}

.align-space-around-end {
    place-content: space-around;
    align-items: end
}

.align-space-between {
    place-content: space-between;
    align-items: stretch
}

.align-space-between-start {
    place-content: space-between;
    align-items: start
}

.align-space-between-center {
    place-content: space-between;
    align-items: center
}

.align-space-between-end {
    place-content: space-between;
    align-items: end
}

.align-space-evenly {
    place-content: space-evenly;
    align-items: stretch
}

.align-space-evenly-start {
    place-content: space-evenly;
    align-items: start
}

.align-space-evenly-center {
    place-content: space-evenly;
    align-items: center
}

.align-space-evenly-end {
    place-content: space-evenly;
    align-items: end
}

.align-flex-start {
    place-content: stretch flex-start;
    align-items: stretch
}

.align-center-flex-start {
    place-content: flex-start center;
    align-items: flex-start
}

.align-flex-start-center {
    place-content: center flex-start;
    align-items: center
}

.fxFlex {
    display: flex;
    flex: 1 1 100%;
    box-sizing: border-box
}

.zen-menu-item-class {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px;
    width: 100%!important;
    max-width: 250px!important;
    cursor: pointer;
    position: relative;
    border: none;
    font-family: inherit!important;
    font-size: 14px;
    line-height: 1.25rem;
    min-height: 47px;
    color: var(--zbm-item-text-color, #1a1b1f);
    background-color: transparent;
    transition: background-color .2s,color .2s;
    box-sizing: border-box
}

.zen-menu-item-class:hover {
    background-color: var(--zm-buttton-hover, #dedcdf)!important
}

.zen-menu-item-hover {
    background-color: var(--zbm-item-hover, #f5f5f5);
    color: var(--zbm-item-color, #000)
}

.zen-menu-item-focus {
    background-color: var(--zbm-item-focus, #e0e0e0);
    color: var(--zbm-item-color, #000);
    outline: none
}

.zen-menu-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px
}

.zb-menu-trigger-hover {
    background-color: var(--zm-buttton-hover, #dedcdf)!important
}

.material-symbols-outlined-right {
    position: absolute;
    right: 20px;
    font-size: 16px;
    line-height: 1
}

.zen-menu-item-class>*:not(.material-symbols-outlined) {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 250px!important;
    width: fit-content!important
}

#zdp_calendar_days,#zdp_calendar_dates {
    display: grid;
    grid-template-columns: repeat(7,1fr)
}

#zdp_calendar_days {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-around;
    color: var(--zen-date-picker-header-color, #afacac);
    font-size: 12px
}

#zdp_calendar_dates {
    font-size: 13px;
    grid-template-rows: repeat(5,38px)
}

.zdp-current-month {
    cursor: pointer
}

.zdp-selected-range {
    background-color: var(--zb-selected-range-indicator, #d7e3ff)
}

.zdp-current-month .zdp-cell-item:hover {
    background-color: var(--zen-date-picker-date-hover-color, #C5CAE9);
    border-radius: 50%
}

.zdp-first-hover-range {
    border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px
}

.zdp-last-hover-range {
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}

.zdp-date-range-disabled,.zb-disabled-year,.zb_disabled_month {
    color: #d3d3d3;
    pointer-events: none
}

.zb-enabled-year:hover,.zb-enabled-month:hover {
    background-color: var(--zen-date-picker-date-hover-color, #C5CAE9)
}

.zcg-custom-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%
}

.no-scroll {
    overflow: hidden!important
}

.skeleton-loader {
    border-radius: 5px;
    background: linear-gradient(to right,#c8c8c866 25%,#c8c8c8cc,#c8c8c866 75%);
    animation: skeletonLoader 1.5s infinite linear;
    background-size: 200% 100%;
    overflow-y: hidden!important
}

@keyframes skeletonLoader {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: -100% 0
    }
}

.reload {
    animation: rotate 1.5s linear infinite;
    border-color: transparent var(--primary-color) var(--primary-color) var(--primary-color);
    border-radius: 50%;
    border-style: solid;
    border-width: .25em;
    height: 1em;
    margin: .25em;
    width: 1em;
    position: absolute;
    top: 30px;
    right: 10px
}

.reload:before {
    border-color: transparent var(--primary-color) transparent transparent;
    border-width: .3125em .5em .3125em 0;
    bottom: -.3125em;
    right: .0625em
}

@keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

#common-product-list-container {
    --light-color: white !important;
    --special-font-family: "Montserrat", sans-serif;
    --dark-color: black;
    --new-ribbon-color: #005374;
    --grey-shadow-color: rgba(116, 74, 29, .6)
}

.product-name-container,.furniture-product-name-container {
    position: relative;
    padding: 5px 12px;
    height: 60px
}

.active-ribbon {
    pointer-events: none;
    z-index: 1
}

.cost-compare-price {
    font-size: var(--product-list-font-size);
    font-weight: 700;
    color: var(--primary-color)
}

img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor
}

.grid {
    display: grid!important
}

.flex-flow {
    display: flex;
    flex-flow: wrap
}

.badge-common {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    top: 0;
    z-index: 2;
    pointer-events: none
}

.relative-class {
    position: relative
}

#outer-product-list .box-shadow {
    box-shadow: 0 0 2px 2px #0000001a,0 0 #0000,0 0 #0000
}

#outer-product-list .prod-image-parent {
    width: 100%;
    overflow: hidden
}

#outer-product-list .prod-image img {
    height: 100%;
    width: 100%;
    display: block;
    cursor: pointer;
    padding: 0
}

#outer-product-list .portfolioDisc {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: var(--product-list-font-size);
    font-weight: 700;
    background: #00000080;
    opacity: 0;
    height: 0px;
    margin: 0!important;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    z-index: -1;
    justify-content: center;
    transition: all .2s ease-in-out
}

@media only screen and (max-width: 576px) {
    .prod-image img {
        margin-bottom:10px
    }
}

#outer-product-list .quick-view-button {
    border: 2px solid white;
    color: #fff;
    padding: 3%;
    margin: auto;
    text-align: center
}

#outer-product-list .product-hover-icon-isveg {
    padding: 5px 0 0 12px
}

#outer-product-list .foodCategoryHover {
    scale: 1;
    transition: all .2s ease
}

#outer-product-list .nonVegText {
    font-size: calc(var(--product-list-font-size) - 2px);
    font-weight: 700;
    color: brown
}

#outer-product-list .vegText {
    font-size: calc(var(--product-list-font-size) - 2px);
    font-weight: 700;
    color: green
}

#outer-product-list .prod-name {
    font-size: var(--product-list-font-size);
    font-weight: 400;
    color: var(--dark-color);
    line-height: 1.5;
    text-align: left;
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#outer-product-list .name-noproduct {
    margin: 0;
    font-weight: 700;
    line-height: normal;
    font-size: calc(var(--product-list-font-size) - 2px);
    color: #d93d04;
    text-align: center
}

#outer-product-list .product-hover-icon {
    z-index: 2;
    position: relative;
    height: 35px
}

#outer-product-list .prod-old-price {
    color: gray;
    font-size: calc(var(--product-list-font-size) - 2px);
    align-items: center;
    margin-top: 2px
}

#outer-product-list .prod-new-price {
    color: var(--dark-color);
    font-size: var(--product-list-font-size);
    font-weight: 600
}

#outer-product-list .unit {
    font-size: var(--product-list-font-size)
}

#outer-product-list .quantity-button {
    height: 33px
}

#outer-product-list .cartCount {
    padding: 3px 20px;
    border: 1px solid
}

#outer-product-list .hide {
    display: none!important
}

#outer-product-list .add-button {
    background-color: var(--primary-color)!important;
    color: var(--light-color)!important;
    height: 33px;
    cursor: pointer;
    font-size: var(--product-list-font-size);
    padding: 0 10px!important;
    margin: 0 12px;
    width: 100%;
    font-family: var(--special-font-family)
}

#outer-product-list .prod-image:hover .portfolioDisc,#outer-product-list .prod-image-mob:hover .portfolioDisc,#outer-product-list .prod-image-bakery:hover .portfolioDisc,#outer-product-list .prod-image-bakery-mob:hover .portfolioDisc,#outer-product-list .prod-image-grocery:hover .portfolioDisc,#outer-product-list .prod-image-grocery-mob:hover .portfolioDisc,#outer-product-list .image-wrap:hover .portfolioDisc .prod-image-carnivore:hover .portfolioDisc {
    z-index: 1;
    opacity: 1;
    height: 35%
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.button-toggle-group {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 2px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    transform: translateZ(0);
    border: solid 1px #e0e0e0
}

.button-toggle {
    font-weight: 700;
    background-color: var(--light-color);
    color: var(--primary-color);
    padding: 0 8px;
    white-space: nowrap;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.button-toggle-inner {
    border: 0;
    background: none;
    color: inherit;
    padding: 0;
    margin: 0;
    font: inherit;
    outline: none;
    width: 100%;
    cursor: pointer;
    height: 100%
}

.button-toggle-content {
    padding: 0 12px;
    line-height: 34px;
    -webkit-user-select: none;
    user-select: none;
    display: inline-block;
    position: relative;
    height: 100%
}

.button-toggle-group .button-toggle+.button-toggle {
    border-left: solid 1px #e0e0e0
}

#outer-product-list .raised-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 64px;
    border: none;
    outline: none;
    line-height: inherit;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    overflow: visible;
    vertical-align: middle;
    background: #0000;
    box-shadow: var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12));
    cursor: pointer;
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
    padding: 0 16px;
    border-radius: 5px
}

#outer-product-list .raised-button:hover {
    box-shadow: var(--mdc-protected-button-hover-container-elevation, 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12))
}

#outer-product-list .raised-button-disabled {
    background-color: #0000001f!important;
    color: #00000061!important;
    pointer-events: none;
    cursor: default;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 64px;
    border: none;
    outline: none;
    line-height: inherit;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    overflow: visible;
    vertical-align: middle;
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
    padding: 0 16px
}

#outer-product-list .mat-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 64px;
    border: none;
    outline: none;
    line-height: inherit;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    overflow: visible;
    vertical-align: middle;
    background: #0000;
    height: 36px;
    cursor: pointer
}

.top-ribbon-sticky {
    position: sticky;
    z-index: 5
}

#outer-product-list .input-btn {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

#outer-product-list .quantity-grp {
    background-color: #b0dcd1;
    width: max-content;
    border-radius: 5px!important;
    box-shadow: #0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;
    overflow: hidden
}

@media screen and (max-width: 960px) and (min-width: 600px) {
    .prod-new-price,.unit,.jewel-out-of-stock-align-preorder,.prod-name-no-image {
        font-size:16px!important
    }
}

@keyframes zoom {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.1)
    }
}
zb-variants-display {

  .disabled-bg,
  .disabled-color {
    cursor: default;
    overflow: hidden;
    background: linear-gradient(to left top, #fff calc(50% - 1px), #212121, #fff calc(50% + 1.5px)) !important;
  }

  .selected-option.disabled-bg,
  .selected-option.disabled-color {
    background: linear-gradient(to left top, transparent calc(50% - 1px), var(--primary-color, black), transparent calc(50% + 1.5px)) !important;
  }
}