#rc-loreal-shampoo *,
#rc-loreal-shampoo :before,
#rc-loreal-shampoo :after {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

#rc-loreal-shampoo :before,
#rc-loreal-shampoo :after {
    --tw-content: ""
}

#rc-loreal-shampoo html {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    line-height: 1.5
}

#rc-loreal-shampoo body {
    line-height: inherit;
    margin: 0
}

#rc-loreal-shampoo hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

#rc-loreal-shampoo abbr:where([title]) {
    text-decoration: underline dotted
}

#rc-loreal-shampoo h1,
#rc-loreal-shampoo h2,
#rc-loreal-shampoo h3,
#rc-loreal-shampoo h4,
#rc-loreal-shampoo h5,
#rc-loreal-shampoo h6 {
    font-size: inherit;
    font-weight: inherit
}

#rc-loreal-shampoo a {
    color: inherit;
    text-decoration: inherit
}

#rc-loreal-shampoo b,
#rc-loreal-shampoo strong {
    font-weight: bolder
}

#rc-loreal-shampoo code,
#rc-loreal-shampoo kbd,
#rc-loreal-shampoo samp,
#rc-loreal-shampoo pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

#rc-loreal-shampoo small {
    font-size: 80%
}

#rc-loreal-shampoo sub,
#rc-loreal-shampoo sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative
}

#rc-loreal-shampoo sub {
    bottom: -.25em
}

#rc-loreal-shampoo sup {
    top: -.5em
}

#rc-loreal-shampoo table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

#rc-loreal-shampoo button,
#rc-loreal-shampoo input,
#rc-loreal-shampoo optgroup,
#rc-loreal-shampoo select,
#rc-loreal-shampoo textarea {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

#rc-loreal-shampoo button,
#rc-loreal-shampoo select {
    text-transform: none
}

#rc-loreal-shampoo button,
#rc-loreal-shampoo [type=button],
#rc-loreal-shampoo [type=reset],
#rc-loreal-shampoo [type=submit] {
    -webkit-appearance: button;
    background-color: #0000;
    background-image: none
}

#rc-loreal-shampoo :-moz-focusring {
    outline: auto
}

#rc-loreal-shampoo :-moz-ui-invalid {
    box-shadow: none
}

#rc-loreal-shampoo progress {
    vertical-align: baseline
}

#rc-loreal-shampoo ::-webkit-inner-spin-button,
#rc-loreal-shampoo ::-webkit-outer-spin-button {
    height: auto
}

#rc-loreal-shampoo [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

#rc-loreal-shampoo ::-webkit-search-decoration {
    -webkit-appearance: none
}

#rc-loreal-shampoo ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

#rc-loreal-shampoo summary {
    display: list-item
}

#rc-loreal-shampoo blockquote,
#rc-loreal-shampoo dl,
#rc-loreal-shampoo dd,
#rc-loreal-shampoo h1,
#rc-loreal-shampoo h2,
#rc-loreal-shampoo h3,
#rc-loreal-shampoo h4,
#rc-loreal-shampoo h5,
#rc-loreal-shampoo h6,
#rc-loreal-shampoo hr,
#rc-loreal-shampoo figure,
#rc-loreal-shampoo p,
#rc-loreal-shampoo pre {
    margin: 0
}

#rc-loreal-shampoo fieldset {
    margin: 0;
    padding: 0
}

#rc-loreal-shampoo legend {
    padding: 0
}

#rc-loreal-shampoo ol,
#rc-loreal-shampoo ul,
#rc-loreal-shampoo menu {
    margin: 0;
    padding: 0;
    list-style: none
}

#rc-loreal-shampoo textarea {
    resize: vertical
}

#rc-loreal-shampoo input::placeholder,
#rc-loreal-shampoo textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

#rc-loreal-shampoo button,
#rc-loreal-shampoo [role=button] {
    cursor: pointer
}

#rc-loreal-shampoo :disabled {
    cursor: default
}

#rc-loreal-shampoo img,
#rc-loreal-shampoo svg,
#rc-loreal-shampoo video,
#rc-loreal-shampoo canvas,
#rc-loreal-shampoo audio,
#rc-loreal-shampoo iframe,
#rc-loreal-shampoo embed,
#rc-loreal-shampoo object {
    vertical-align: middle;
    display: block
}

#rc-loreal-shampoo img,
#rc-loreal-shampoo video {
    max-width: 100%;
    height: auto
}

#rc-loreal-shampoo *,
#rc-loreal-shampoo :before,
#rc-loreal-shampoo :after,
#rc-loreal-shampoo ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

#rc-loreal-shampoo .rc-absolute {
    position: absolute
}

#rc-loreal-shampoo .rc-relative {
    position: relative
}

#rc-loreal-shampoo .rc-left-2\/4 {
    left: 50%
}

#rc-loreal-shampoo .rc-top-\[91\%\] {
    top: 91%
}

#rc-loreal-shampoo .rc-right-\[18\%\] {
    right: 18%
}

#rc-loreal-shampoo .rc-left-\[14\%\] {
    left: 14%
}

#rc-loreal-shampoo .rc-top-\[5\%\] {
    top: 5%
}

#rc-loreal-shampoo .rc-bottom-\[15\%\] {
    bottom: 15%
}

#rc-loreal-shampoo .rc-right-\[10\%\] {
    right: 10%
}

#rc-loreal-shampoo .rc-top-\[15\%\] {
    top: 15%
}

#rc-loreal-shampoo .rc-left-\[10\%\] {
    left: 10%
}

#rc-loreal-shampoo .-rc-top-\[5\%\] {
    top: -5%
}

#rc-loreal-shampoo .rc-right-0 {
    right: 0
}

#rc-loreal-shampoo .rc-top-\[75\%\] {
    top: 75%
}

#rc-loreal-shampoo .rc-z-\[4\] {
    z-index: 4
}

#rc-loreal-shampoo .rc-mx-auto {
    margin-left: auto;
    margin-right: auto
}

#rc-loreal-shampoo .rc-mb-9 {
    margin-bottom: 36px
}

#rc-loreal-shampoo .rc-mb-\[10px\] {
    margin-bottom: 10px
}

#rc-loreal-shampoo .rc-mt-\[50px\] {
    margin-top: 50px
}

#rc-loreal-shampoo .rc-mb-4 {
    margin-bottom: 16px
}

#rc-loreal-shampoo .rc-mt-\[8px\] {
    margin-top: 8px
}

#rc-loreal-shampoo .rc-mt-\[60px\] {
    margin-top: 60px
}

#rc-loreal-shampoo .rc-mb-10 {
    margin-bottom: 40px
}

#rc-loreal-shampoo .rc-mt-\[44px\] {
    margin-top: 44px
}

#rc-loreal-shampoo .rc-mb-\[56px\] {
    margin-bottom: 56px
}

#rc-loreal-shampoo .rc-mb-\[40px\] {
    margin-bottom: 40px
}

#rc-loreal-shampoo .rc-mb-\[20px\] {
    margin-bottom: 20px
}

#rc-loreal-shampoo .rc-mt-\[36px\] {
    margin-top: 36px
}

#rc-loreal-shampoo .rc-mt-\[20px\] {
    margin-top: 20px
}

#rc-loreal-shampoo .rc-mb-\[36px\] {
    margin-bottom: 36px
}

#rc-loreal-shampoo .rc-mr-\[10px\] {
    margin-right: 10px
}

#rc-loreal-shampoo .rc-mt-\[48px\] {
    margin-top: 48px
}

#rc-loreal-shampoo .rc-mb-\[48px\] {
    margin-bottom: 48px
}

#rc-loreal-shampoo .rc-mb-\[90px\] {
    margin-bottom: 90px
}

#rc-loreal-shampoo .rc-mt-4 {
    margin-top: 16px
}

#rc-loreal-shampoo .rc-block {
    display: block
}

#rc-loreal-shampoo .rc-flex {
    display: flex
}

#rc-loreal-shampoo .rc-grid {
    display: grid
}

#rc-loreal-shampoo .rc-hidden {
    display: none
}

#rc-loreal-shampoo .rc-h-auto {
    height: auto
}

#rc-loreal-shampoo .rc-w-full {
    width: 100%
}

#rc-loreal-shampoo .rc-w-\[250px\] {
    width: 250px
}

#rc-loreal-shampoo .rc-w-\[315px\] {
    width: 315px
}

#rc-loreal-shampoo .rc-w-\[254px\] {
    width: 254px
}

#rc-loreal-shampoo .rc-w-\[203px\] {
    width: 203px
}

#rc-loreal-shampoo .rc-w-\[213px\] {
    width: 213px
}

#rc-loreal-shampoo .rc-w-\[100\%\] {
    width: 100%
}

#rc-loreal-shampoo .rc-w-\[82px\] {
    width: 82px
}

#rc-loreal-shampoo .rc-w-\[236px\] {
    width: 236px
}

#rc-loreal-shampoo .rc-w-\[200px\] {
    width: 200px
}

#rc-loreal-shampoo .rc-max-w-\[920px\] {
    max-width: 920px
}

#rc-loreal-shampoo .rc-max-w-\[300px\] {
    max-width: 300px
}

#rc-loreal-shampoo .rc-max-w-\[345px\] {
    max-width: 345px
}

#rc-loreal-shampoo .rc-max-w-\[570px\] {
    max-width: 570px
}

#rc-loreal-shampoo .rc-max-w-\[280px\] {
    max-width: 280px
}

#rc-loreal-shampoo .rc-max-w-\[400px\] {
    max-width: 400px
}

#rc-loreal-shampoo .rc-max-w-\[350px\] {
    max-width: 350px
}

#rc-loreal-shampoo .-rc-translate-x-2\/4 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

#rc-loreal-shampoo .-rc-translate-y-2\/4 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

#rc-loreal-shampoo .rc-cursor-pointer {
    cursor: pointer
}

#rc-loreal-shampoo .rc-auto-cols-\[240px\] {
    grid-auto-columns: 240px
}

#rc-loreal-shampoo .rc-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

#rc-loreal-shampoo .rc-flex-col {
    flex-direction: column
}

#rc-loreal-shampoo .rc-flex-wrap {
    flex-wrap: wrap
}

#rc-loreal-shampoo .rc-items-start {
    align-items: flex-start
}

#rc-loreal-shampoo .rc-items-center {
    align-items: center
}

#rc-loreal-shampoo .rc-justify-center {
    justify-content: center
}

#rc-loreal-shampoo .rc-justify-between {
    justify-content: space-between
}

#rc-loreal-shampoo .rc-gap-2 {
    gap: 8px
}

#rc-loreal-shampoo .rc-gap-\[40px\] {
    gap: 40px
}

#rc-loreal-shampoo .rc-gap-x-\[14px\] {
    column-gap: 14px
}

#rc-loreal-shampoo .rc-gap-y-\[54px\] {
    row-gap: 54px
}

#rc-loreal-shampoo .rc-gap-x-\[20px\] {
    column-gap: 20px
}

#rc-loreal-shampoo .rc-gap-y-\[4px\] {
    row-gap: 4px
}

#rc-loreal-shampoo .rc-gap-y-\[14px\] {
    row-gap: 14px
}

#rc-loreal-shampoo .rc-overflow-hidden {
    overflow: hidden
}

#rc-loreal-shampoo .rc-rounded-\[26px\] {
    border-radius: 26px
}

#rc-loreal-shampoo .rc-border-2 {
    border-width: 2px
}

#rc-loreal-shampoo .rc-border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

#rc-loreal-shampoo .rc-bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

#rc-loreal-shampoo .rc-bg-\[\#EAEAEA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234/var(--tw-bg-opacity))
}

#rc-loreal-shampoo .rc-bg-\[\#F6F4F4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 244 244/var(--tw-bg-opacity))
}

#rc-loreal-shampoo .rc-p-6 {
    padding: 24px
}

#rc-loreal-shampoo .rc-px-\[9px\] {
    padding-left: 9px;
    padding-right: 9px
}

#rc-loreal-shampoo .rc-px-\[40px\] {
    padding-left: 40px;
    padding-right: 40px
}

#rc-loreal-shampoo .rc-px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px
}

#rc-loreal-shampoo .rc-px-4 {
    padding-left: 16px;
    padding-right: 16px
}

#rc-loreal-shampoo .rc-py-\[4px\] {
    padding-top: 4px;
    padding-bottom: 4px
}

#rc-loreal-shampoo .rc-px-\[13px\] {
    padding-left: 13px;
    padding-right: 13px
}

#rc-loreal-shampoo .rc-py-\[6px\] {
    padding-top: 6px;
    padding-bottom: 6px
}

#rc-loreal-shampoo .rc-px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px
}

#rc-loreal-shampoo .rc-px-\[26px\] {
    padding-left: 26px;
    padding-right: 26px
}

#rc-loreal-shampoo .rc-px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px
}

#rc-loreal-shampoo .rc-px-\[65px\] {
    padding-left: 65px;
    padding-right: 65px
}

#rc-loreal-shampoo .rc-py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px
}

#rc-loreal-shampoo .rc-pb-\[300px\] {
    padding-bottom: 300px
}

#rc-loreal-shampoo .rc-pr-0 {
    padding-right: 0
}

#rc-loreal-shampoo .rc-pt-\[54px\] {
    padding-top: 54px
}

#rc-loreal-shampoo .rc-pb-\[100px\] {
    padding-bottom: 100px
}

#rc-loreal-shampoo .rc-pt-\[10px\] {
    padding-top: 10px
}

#rc-loreal-shampoo .rc-pt-9 {
    padding-top: 36px
}

#rc-loreal-shampoo .rc-pb-6 {
    padding-bottom: 24px
}

#rc-loreal-shampoo .rc-text-center {
    text-align: center
}

#rc-loreal-shampoo .rc-font-LorealProBook {
    font-family: LorealPro-Book, sans-serif
}

#rc-loreal-shampoo .rc-font-LorealProMedium {
    font-family: LorealPro-Medium, sans-serif
}

#rc-loreal-shampoo .rc-font-LorealProSemibold {
    font-family: LorealPro-Semibold, sans-serif
}

#rc-loreal-shampoo .rc-font-LorealProBold {
    font-family: LorealPro-Bold, sans-serif
}

#rc-loreal-shampoo .rc-font-LorealProExtraLight {
    font-family: LorealPro-ExtraLight, sans-serif
}

#rc-loreal-shampoo .rc-text-3xl {
    font-size: 30px;
    line-height: 36px
}

#rc-loreal-shampoo .rc-text-4xl {
    font-size: 36px;
    line-height: 28px
}

#rc-loreal-shampoo .rc-text-base {
    font-size: 16px;
    line-height: 24px
}

#rc-loreal-shampoo .rc-text-xl {
    font-size: 20px;
    line-height: 28px
}

#rc-loreal-shampoo .rc-text-5xl {
    font-size: 48px;
    line-height: 1
}

#rc-loreal-shampoo .rc-text-\[10px\] {
    font-size: 10px
}

#rc-loreal-shampoo .rc-text-sm {
    font-size: 14px;
    line-height: 20px
}

#rc-loreal-shampoo .rc-text-2xl {
    font-size: 24px;
    line-height: 32px
}

#rc-loreal-shampoo .rc-text-xs {
    font-size: 12px;
    line-height: 16px
}

#rc-loreal-shampoo .rc-text-\[28px\] {
    font-size: 28px
}

#rc-loreal-shampoo .rc-uppercase {
    text-transform: uppercase
}

#rc-loreal-shampoo .rc-text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

#rc-loreal-shampoo .rc-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

#rc-loreal-shampoo .rc-text-\[\#4D4B4B\] {
    --tw-text-opacity: 1;
    color: rgb(77 75 75/var(--tw-text-opacity))
}

@media (min-width:321px) {
    #rc-loreal-shampoo .xs\:rc-right-\[19\%\] {
        right: 19%
    }
}

@media (min-width:321px) {
    #rc-loreal-shampoo .xs\:rc-left-\[15\%\] {
        left: 15%
    }
}

@media (min-width:414px) {
    #rc-loreal-shampoo .sm_m\:rc-block {
        display: block
    }
}

@media (min-width:414px) {
    #rc-loreal-shampoo .sm_m\:rc-hidden {
        display: none
    }
}

@media (min-width:480px) {
    #rc-loreal-shampoo .sm\:rc-left-\[18\%\] {
        left: 18%
    }
}

@media (min-width:480px) {
    #rc-loreal-shampoo .sm\:rc-block {
        display: block
    }
}

@media (min-width:480px) {
    #rc-loreal-shampoo .sm\:rc-hidden {
        display: none
    }
}

@media (min-width:480px) {
    #rc-loreal-shampoo .sm\:rc-max-w-\[100\%\] {
        max-width: 100%
    }
}

@media (min-width:480px) {
    #rc-loreal-shampoo .sm\:rc-p-\[36px\] {
        padding: 36px
    }
}

@media (min-width:480px) {
    #rc-loreal-shampoo .sm\:rc-px-\[48px\] {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-absolute {
        position: absolute
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-top-\[16\%\] {
        top: 16%
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-top-\[82\%\] {
        top: 82%
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-left-\[44\.5\%\] {
        left: 44.5%
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-left-\[14\%\] {
        left: 14%
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-top-\[15\%\] {
        top: 15%
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-left-\[6\%\] {
        left: 6%
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-top-\[55\%\] {
        top: 55%
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-order-1 {
        order: 1
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-order-2 {
        order: 2
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-col-span-2 {
        grid-column: span 2/span 2
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-col-span-3 {
        grid-column: span 3/span 3
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-col-span-1 {
        grid-column: span 1/span 1
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-mb-\[56px\] {
        margin-bottom: 56px
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-mt-\[75px\] {
        margin-top: 75px
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-mb-\[27px\] {
        margin-bottom: 27px
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-mt-\[64px\] {
        margin-top: 64px
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-mb-\[36px\] {
        margin-bottom: 36px
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-mb-\[70px\] {
        margin-bottom: 70px
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-block {
        display: block
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-hidden {
        display: none
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-max-h-\[80\%\] {
        max-height: 80%
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-max-w-\[45\%\] {
        max-width: 45%
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-max-w-\[50\%\] {
        max-width: 50%
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-max-w-\[240px\] {
        max-width: 240px
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:-rc-translate-x-0 {
        --tw-translate-x: -0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-grid-cols-240 {
        grid-template-columns: 240px auto
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-flex-row {
        flex-direction: row
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-bg-transparent {
        background-color: #0000
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-px-\[48px\] {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-px-\[32px\] {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-px-\[72px\] {
        padding-left: 72px;
        padding-right: 72px
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-pb-\[55px\] {
        padding-bottom: 55px
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-pr-20 {
        padding-right: 80px
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-pl-0 {
        padding-left: 0
    }
}

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-pr-\[48px\] {
        padding-right: 48px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-top-\[23\%\] {
        top: 23%
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-left-\[39\.5\%\] {
        left: 39.5%
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-left-\[13\.5\%\] {
        left: 13.5%
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-top-\[20\%\] {
        top: 20%
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-mb-4 {
        margin-bottom: 16px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-mt-\[80px\] {
        margin-top: 80px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-mt-\[36px\] {
        margin-top: 36px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-mt-\[64px\] {
        margin-top: 64px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-mb-\[64px\] {
        margin-bottom: 64px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-mb-\[48px\] {
        margin-bottom: 48px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-mb-0 {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-mt-\[74px\] {
        margin-top: 74px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-mb-\[100px\] {
        margin-bottom: 100px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-block {
        display: block
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-hidden {
        display: none
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-w-\[370px\] {
        width: 370px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-max-w-\[420px\] {
        max-width: 420px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-max-w-\[55\%\] {
        max-width: 55%
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-px-\[64px\] {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-px-\[48px\] {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-px-\[100px\] {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-px-\[24px\] {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-py-\[10px\] {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-px-\[65px\] {
        padding-left: 65px;
        padding-right: 65px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-text-4xl {
        font-size: 36px;
        line-height: 28px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-text-5xl {
        font-size: 48px;
        line-height: 1
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-text-xl {
        font-size: 20px;
        line-height: 28px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-text-2xl {
        font-size: 24px;
        line-height: 32px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-text-3xl {
        font-size: 30px;
        line-height: 36px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-text-base {
        font-size: 16px;
        line-height: 24px
    }
}

@media (min-width:914px) {
    #rc-loreal-shampoo .md_xl\:rc-top-\[82\%\] {
        top: 82%
    }
}

@media (min-width:914px) {
    #rc-loreal-shampoo .md_xl\:rc-left-\[40\%\] {
        left: 40%
    }
}

@media (min-width:914px) {
    #rc-loreal-shampoo .md_xl\:rc-left-\[14\%\] {
        left: 14%
    }
}

@media (min-width:914px) {
    #rc-loreal-shampoo .md_xl\:rc-order-1 {
        order: 1
    }
}

@media (min-width:914px) {
    #rc-loreal-shampoo .md_xl\:rc-col-span-1 {
        grid-column: span 1/span 1
    }
}

@media (min-width:914px) {
    #rc-loreal-shampoo .md_xl\:rc-block {
        display: block
    }
}

@media (min-width:914px) {
    #rc-loreal-shampoo .md_xl\:rc-grid {
        display: grid
    }
}

@media (min-width:914px) {
    #rc-loreal-shampoo .md_xl\:rc-hidden {
        display: none
    }
}

@media (min-width:914px) {
    #rc-loreal-shampoo .md_xl\:rc-max-w-\[50\.5\%\] {
        max-width: 50.5%
    }
}

@media (min-width:914px) {
    #rc-loreal-shampoo .md_xl\:rc-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:914px) {
    #rc-loreal-shampoo .md_xl\:rc-p-9 {
        padding: 36px
    }
}

@media (min-width:914px) {
    #rc-loreal-shampoo .md_xl\:rc-pt-\[92px\] {
        padding-top: 92px
    }
}

@media (min-width:914px) {
    #rc-loreal-shampoo .md_xl\:rc-pr-14 {
        padding-right: 56px
    }
}

@media (min-width:914px) {
    #rc-loreal-shampoo .md_xl\:rc-pr-\[64px\] {
        padding-right: 64px
    }
}

@media (min-width:914px) {
    #rc-loreal-shampoo .md_xl\:rc-text-lg {
        font-size: 18px;
        line-height: 28px
    }
}

@media (min-width:914px) {
    #rc-loreal-shampoo .md_xl\:rc-text-2xl {
        font-size: 24px;
        line-height: 32px
    }
}

.rc-bg-hero {
    background: linear-gradient(#0000 0%, #00000024 100%), #e9e9e9
}

.rc-bg-stripes-desk {
    background: url(https://www.ezebra.pl/data/include/cms/Rich-Content/Loreal-Pro/Metal-Detox/shampoo/images/stripes_bg_1.a3954632.webp) bottom/cover no-repeat
}

@media (min-width:680px) {
    .rc-bg-stripes-desk {
        background: url(https://www.ezebra.pl/data/include/cms/Rich-Content/Loreal-Pro/Metal-Detox/shampoo/images/stripes_bg_2.ca1415e7.webp) 0 0/cover no-repeat
    }
}

@media (min-width:914px) {
    .rc-bg-stripes-desk {
        background: url(https://www.ezebra.pl/data/include/cms/Rich-Content/Loreal-Pro/Metal-Detox/shampoo/images/stripes_bg_3.276c762b.webp) 0 0/cover no-repeat
    }
}

@font-face {
    font-family: LorealPro-ExtraLight;
    src: url(https://www.ezebra.pl/data/include/cms/Rich-Content/Loreal-Pro/Metal-Detox/shampoo/fonts/LOREAL_PRO-1-ExtraLight.3db7531d.otf)
}

@font-face {
    font-family: LorealPro-Book;
    src: url(https://www.ezebra.pl/data/include/cms/Rich-Content/Loreal-Pro/Metal-Detox/shampoo/fonts/LOREAL_PRO-2-Book.0dbb032b.otf)
}

@font-face {
    font-family: LorealPro-Medium;
    src: url(https://www.ezebra.pl/data/include/cms/Rich-Content/Loreal-Pro/Metal-Detox/shampoo/fonts/LOREAL_PRO-3-Medium.89caaf2b.otf)
}

@font-face {
    font-family: LorealPro-Semibold;
    src: url(https://www.ezebra.pl/data/include/cms/Rich-Content/Loreal-Pro/Metal-Detox/shampoo/fonts/LOREAL_PRO-4-SemiBold.ff30fbe3.otf)
}

@font-face {
    font-family: LorealPro-Bold;
    src: url(https://www.ezebra.pl/data/include/cms/Rich-Content/Loreal-Pro/Metal-Detox/shampoo/fonts/LOREAL_PRO-5-Bold.139c187f.otf)
}

/*# sourceMappingURL=index.7d7e1780.css.map */