@font-face{font-weight:500;font-family:'Quicksand';font-style:normal;font-display:swap;src:local(""),url("/themes/custom/bioderma_theme/css/components/../assets/fonts/quicksand/quicksand-v30-latin-500.woff2") format("woff2"),url("/themes/custom/bioderma_theme/css/components/../assets/fonts/quicksand/quicksand-v30-latin-500.woff") format("woff")}.paragraph--type--skin-observer-component{width:100%}.paragraph-skin-observer{position:relative;overflow:hidden;padding:0}.paragraph-skin-observer__background{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0}.paragraph-skin-observer__background img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.paragraph-skin-observer:before{position:absolute;top:22rem;left:0;content:"";width:.7rem;height:16rem;background-color:#fc0;z-index:1}@media (min-width:1010px){.paragraph-skin-observer:before{top:7rem;height:22rem}}.paragraph-skin-observer__content{position:relative;z-index:1;padding:15rem 3rem 4rem;min-height:50rem}@media (min-width:1010px){.paragraph-skin-observer__content{min-height:39.7rem;padding:3rem 4rem 7rem}}.paragraph-skin-observer__content__logo-title{margin-bottom:8rem}@media (min-width:1010px){.paragraph-skin-observer__content__logo-title{margin-bottom:4rem}}.paragraph-skin-observer__content__logo-title svg,.paragraph-skin-observer__content__logo-title img{width:auto;height:auto;max-width:15.3rem}@media (min-width:1010px){.paragraph-skin-observer__content__logo-title svg,.paragraph-skin-observer__content__logo-title img{max-width:24.9rem}}.paragraph-skin-observer__content__text{margin-bottom:0;font-weight:700;font-size:1.8rem;line-height:1.33;color:#fff}@media (min-width:1010px){.paragraph-skin-observer__content__text{font-size:2.6rem;line-height:1.07}}.paragraph-skin-observer__content__text p{font-size:inherit;font-weight:inherit;margin:0}.paragraph-skin-observer__content__text.dark-color{color:#072939}.paragraph-skin-observer__content__cta{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:7rem;padding:1.4rem 2.4rem;font-size:1.7rem;font-weight:500;color:#fff;background-color:#072939}@media (min-width:1010px){.paragraph-skin-observer__content__cta{margin-top:4rem;font-size:2rem}}.paragraph-skin-observer__content__cta__icon{-ms-flex-negative:0;flex-shrink:0;margin-left:1.6rem;width:1.6rem;height:1.6rem;fill:currentColor}.paragraph-skin-observer__content__cta:hover{color:#072939;background-color:#fc0;text-decoration:none}.paragraph-skin-observer__logo{position:absolute;right:0;bottom:0;z-index:1;display:inline-block}@media (min-width:1010px){.paragraph-skin-observer__logo{max-width:25%}}.paragraph-skin-observer__logo svg,.paragraph-skin-observer__logo img{display:block;width:auto;height:auto}@media (max-width:1289.98px){.paragraph-skin-observer__logo svg,.paragraph-skin-observer__logo img{max-width:10rem;max-height:3rem}}.paragraph-skin-observer--font-quicksand{font-family:"Quicksand",sans-serif}