#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-right-0 {
    right: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

#rc-loreal-shampoo .rc-left-7 {
    left: 28px
}

#rc-loreal-shampoo .rc-right-7 {
    right: 28px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#rc-loreal-shampoo .rc-order-2 {
    order: 2
}

#rc-loreal-shampoo .rc-order-1 {
    order: 1
}

#rc-loreal-shampoo .rc-col-span-3 {
    grid-column: span 3/span 3
}

#rc-loreal-shampoo .rc-col-span-2 {
    grid-column: span 2/span 2
}

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

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

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

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

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

#rc-loreal-shampoo .rc-mb-2 {
    margin-bottom: 8px
}

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

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

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

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

#rc-loreal-shampoo .rc-ml-\[10px\] {
    margin-left: 10px
}

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

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

#rc-loreal-shampoo .rc-mt-10 {
    margin-top: 40px
}

#rc-loreal-shampoo .rc-mt-2 {
    margin-top: 8px
}

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

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

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

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

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

#rc-loreal-shampoo .rc-mb-6 {
    margin-bottom: 24px
}

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

#rc-loreal-shampoo .rc-mr-2 {
    margin-right: 8px
}

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

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

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

#rc-loreal-shampoo .rc-ml-\[75px\] {
    margin-left: 75px
}

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

#rc-loreal-shampoo .rc-mt-12 {
    margin-top: 48px
}

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

#rc-loreal-shampoo .rc-ml-\[18\%\] {
    margin-left: 18%
}

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

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

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

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

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

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

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

#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-mt-\[36px\] {
    margin-top: 36px
}

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

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

#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-aspect-square {
    aspect-ratio: 1/1
}

#rc-loreal-shampoo .rc-h-\[100px\] {
    height: 100px
}

#rc-loreal-shampoo .rc-h-\[264px\] {
    height: 264px
}

#rc-loreal-shampoo .rc-h-\[28px\] {
    height: 28px
}

#rc-loreal-shampoo .rc-h-\[34px\] {
    height: 34px
}

#rc-loreal-shampoo .rc-h-\[58px\] {
    height: 58px
}

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

#rc-loreal-shampoo .rc-min-h-\[200px\] {
    min-height: 200px
}

#rc-loreal-shampoo .rc-min-h-\[20px\] {
    min-height: 20px
}

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

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

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

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

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

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

#rc-loreal-shampoo .rc-w-10 {
    width: 40px
}

#rc-loreal-shampoo .rc-w-fit {
    width: fit-content
}

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

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

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

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

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

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

#rc-loreal-shampoo .rc-w-auto {
    width: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#rc-loreal-shampoo .rc-shrink-0 {
    flex-shrink: 0
}

#rc-loreal-shampoo .rc-grow {
    flex-grow: 1
}

#rc-loreal-shampoo .rc-basis-\[127px\] {
    flex-basis: 127px
}

#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-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-select-none {
    user-select: none
}

#rc-loreal-shampoo .rc-auto-cols-min {
    grid-auto-columns: min-content
}

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

#rc-loreal-shampoo .rc-grid-cols-8 {
    grid-template-columns: repeat(8, 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-end {
    align-items: flex-end
}

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

#rc-loreal-shampoo .rc-justify-start {
    justify-content: flex-start
}

#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-\[14px\] {
    gap: 14px
}

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

#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-gap-x-\[14px\] {
    column-gap: 14px
}

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

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

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

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

#rc-loreal-shampoo .rc-border-\[1px\] {
    border-width: 1px
}

#rc-loreal-shampoo .rc-border-\[3px\] {
    border-width: 3px
}

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

#rc-loreal-shampoo .rc-border-b-\[1px\] {
    border-bottom-width: 1px
}

#rc-loreal-shampoo .rc-border-solid {
    border-style: solid
}

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

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

#rc-loreal-shampoo .rc-border-\[\#6e6152\] {
    --tw-border-opacity: 1;
    border-color: rgb(110 97 82/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-\[\#EDECEA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 236 234/var(--tw-bg-opacity))
}

#rc-loreal-shampoo .rc-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/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-\[10px\] {
    padding: 10px
}

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

#rc-loreal-shampoo .rc-py-3 {
    padding-top: 12px;
    padding-bottom: 12px
}

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

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

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

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

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

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

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

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

#rc-loreal-shampoo .rc-py-8 {
    padding-top: 32px;
    padding-bottom: 32px
}

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

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

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

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

#rc-loreal-shampoo .rc-px-2 {
    padding-left: 8px;
    padding-right: 8px
}

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

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

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

#rc-loreal-shampoo .rc-px-6 {
    padding-left: 24px;
    padding-right: 24px
}

#rc-loreal-shampoo .rc-py-2 {
    padding-top: 8px;
    padding-bottom: 8px
}

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

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

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

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

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

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

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

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

#rc-loreal-shampoo .rc-pr-10 {
    padding-right: 40px
}

#rc-loreal-shampoo .rc-pt-8 {
    padding-top: 32px
}

#rc-loreal-shampoo .rc-pb-1 {
    padding-bottom: 4px
}

#rc-loreal-shampoo .rc-pl-2\.5 {
    padding-left: 10px
}

#rc-loreal-shampoo .rc-pl-2 {
    padding-left: 8px
}

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

#rc-loreal-shampoo .rc-pb-10 {
    padding-bottom: 40px
}

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

#rc-loreal-shampoo .rc-pt-4 {
    padding-top: 16px
}

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

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

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

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

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

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

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

#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-LorealProSemibold {
    font-family: LorealPro-Semibold, sans-serif
}

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

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

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

#rc-loreal-shampoo .rc-text-lg {
    font-size: 18px
}

#rc-loreal-shampoo .rc-text-sm {
    font-size: 14px
}

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

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

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

#rc-loreal-shampoo .rc-text-xl {
    font-size: 20px
}

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

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

#rc-loreal-shampoo .rc-text-base {
    font-size: 16px
}

#rc-loreal-shampoo .rc-text-xs {
    font-size: 12px
}

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

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

#rc-loreal-shampoo .rc-leading-3 {
    line-height: .75rem
}

#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\],
#rc-loreal-shampoo .rc-text-\[\#4d4b4b\] {
    --tw-text-opacity: 1;
    color: rgb(77 75 75/var(--tw-text-opacity))
}

#rc-loreal-shampoo .rc-transition-transform {
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

#rc-loreal-shampoo .rc-duration-300 {
    transition-duration: .3s
}

#rc-loreal-shampoo .rc-ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

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

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

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

@media (min-width:480px) {
    #rc-loreal-shampoo .sm\:rc-mx-12 {
        margin-left: 48px;
        margin-right: 48px
    }
}

@media (min-width:480px) {
    #rc-loreal-shampoo .sm\:rc-mt-\[56px\] {
        margin-top: 56px
    }
}

@media (min-width:480px) {
    #rc-loreal-shampoo .sm\:rc-mr-12 {
        margin-right: 48px
    }
}

@media (min-width:480px) {
    #rc-loreal-shampoo .sm\:rc-mb-8 {
        margin-bottom: 32px
    }
}

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

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

@media (min-width:480px) {
    #rc-loreal-shampoo .sm\:rc-mt-\[50px\] {
        margin-top: 50px
    }
}

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

@media (min-width:480px) {
    #rc-loreal-shampoo .sm\:rc-mr-\[26\%\] {
        margin-right: 26%
    }
}

@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-min-h-\[270px\] {
        min-height: 270px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:480px) {
    #rc-loreal-shampoo .sm\:rc-text-2xl {
        font-size: 24px
    }
}

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

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

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

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

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

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

@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-\[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-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-1 {
        grid-column: span 1/span 1
    }
}

@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-mx-auto {
        margin-left: auto;
        margin-right: auto
    }
}

@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-ml-auto {
        margin-left: auto
    }
}

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

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

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

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

@media (min-width:680px) {
    #rc-loreal-shampoo .sm_xl\:rc-ml-12 {
        margin-left: 48px
    }
}

@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-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-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-\[62\%\] {
        max-width: 62%
    }
}

@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-\[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-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-grid-cols-240 {
        grid-template-columns: 240px auto
    }
}

@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-items-center {
        align-items: center
    }
}

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

@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-pl-0 {
        padding-left: 0
    }
}

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

@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:768px) {
    #rc-loreal-shampoo .md\:-rc-left-\[23\%\] {
        left: -23%
    }
}

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

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

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

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

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-mx-16 {
        margin-left: 64px;
        margin-right: 64px
    }
}

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

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-mr-16 {
        margin-right: 64px
    }
}

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

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

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

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

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

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

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-ml-\[18\%\] {
        margin-left: 18%
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-mr-\[10\%\] {
        margin-right: 10%
    }
}

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

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-ml-16 {
        margin-left: 64px
    }
}

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

@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-mt-\[74px\] {
        margin-top: 74px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-gap-10 {
        gap: 40px
    }
}

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

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

@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-\[98px\] {
        padding-left: 98px;
        padding-right: 98px
    }
}

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

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

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

@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-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-pl-0 {
        padding-left: 0
    }
}

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

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-pr-0 {
        padding-right: 0
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-pl-16 {
        padding-left: 64px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-text-left {
        text-align: left
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-text-\[28px\] {
        font-size: 28px
    }
}

@media (min-width:768px) {
    #rc-loreal-shampoo .md\:rc-text-lg {
        font-size: 18px
    }
}

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

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

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

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

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

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

@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-\[55\%\] {
        max-width: 55%
    }
}

@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-pl-\[64px\] {
        padding-left: 64px
    }
}

@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-text-lg {
        font-size: 18px
    }
}

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

.rc-bg-hero {
    background: linear-gradient(158.74deg, #251e1632 9.28%, #251e1600 44.34%), linear-gradient(228.29deg, #251e1632 -1.64%, #251e1600 47.33%), linear-gradient(#fff, #fff)
}

.rc-grow {
    transition: all .2s ease-in-out
}

.rc-grow:hover {
    transform: matrix(1.2, 0, 0, 1.2, 0, -12)
}

.rc-active {
    opacity: 1;
    z-index: 1;
    transform: translate(0)
}

.rc-inactive {
    opacity: 0;
    z-index: 0;
    transform: translate(-100%)
}

.rc-col-outer {
    width: 35%
}

.rc-col-inner {
    width: 30%
}

@media (min-width:480px) {
    .rc-bg-hero {
        background: linear-gradient(222.69deg, #251e1632 .35%, #251e1600 42.36%), linear-gradient(294.94deg, #251e1632 1.7%, #251e1600 38.2%), linear-gradient(#fff, #fff)
    }
}

@font-face {
    font-family: LorealPro-ExtraLight;
    src: url(fonts/LOREAL_PRO-1-ExtraLight.3db7531d.otf)
}

@font-face {
    font-family: LorealPro-Book;
    src: url(fonts/LOREAL_PRO-2-Book.0dbb032b.otf)
}

@font-face {
    font-family: LorealPro-Medium;
    src: url(fonts/LOREAL_PRO-3-Medium.89caaf2b.otf)
}

@font-face {
    font-family: LorealPro-Semibold;
    src: url(fonts/LOREAL_PRO-4-SemiBold.ff30fbe3.otf)
}

@font-face {
    font-family: LorealPro-Bold;
    src: url(fonts/LOREAL_PRO-5-Bold.139c187f.otf)
}