.dermatologist-quote{--color-wisp: #F8F5F2;--color-blush: #FEEEEE;--color-bluebell: #C7AFF9;--color-indigo: #3F27AE}.dermatologist-quote{background-color:var(--color-wisp);overflow:hidden}@media screen and (max-width:749px){.dermatologist-quote{padding-top:1.5rem}.dermatologist-quote__heading{margin-top:0}}.dermatologist-quote .container{max-width:1200px;margin:0 auto;padding:0 16px}@media screen and (min-width:990px){.dermatologist-quote .container{padding:0 32px}}.dermatologist-quote .row{display:flex;flex-wrap:wrap}.dermatologist-quote .align-center{align-items:center}.dermatologist-quote .col-12{flex:0 0 100%;max-width:100%}@media screen and (min-width:990px){.dermatologist-quote .lg\:col-1{flex:0 0 8.333333%;max-width:8.333333%}.dermatologist-quote .lg\:col-5{flex:0 0 41.666667%;max-width:41.666667%}.dermatologist-quote .lg\:col-6{flex:0 0 50%;max-width:50%}.dermatologist-quote .lg\:pr-5xl{padding-right:4rem}.dermatologist-quote .lg\:pt-6xl{padding-top:4rem}}.dermatologist-quote__heading{color:var(--color-foreground);margin:0}.dermatologist-quote__heading i{font-family:var(--font-heading-secondary--family, serif);font-style:italic;font-weight:400}.dermatologist-quote__heading .font-heading{font-family:var(--font-heading--family)}.dermatologist-quote__heading .uppercase{text-transform:uppercase;letter-spacing:.02em}.dermatologist-quote__blockquote{background-color:var(--color-blush);border-radius:20px;position:relative;font-size:1.125rem;line-height:1.5;color:var(--color-foreground)}.dermatologist-quote__blockquote:before{content:'"';position:absolute;left:1.25rem;top:.5rem;font-size:4rem;font-family:var(--font-heading-secondary--family, serif);color:var(--color-indigo);opacity:.15;line-height:1}.dermatologist-quote__seal{position:absolute;top:-30px;left:-30px;z-index:2;width:100px;height:100px}@media screen and (min-width:990px){.dermatologist-quote__seal{top:-40px;left:-40px;width:135px;height:134px}}.dermatologist-quote__frame{position:relative;overflow:hidden;border-radius:24px;background-color:var(--color-bluebell)}.dermatologist-quote__frame img{display:block;width:100%;height:auto;object-fit:cover}.dermatologist-quote__details{position:absolute;bottom:0;left:0;right:0;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dermatologist-quote__details h3{margin:0 0 4px;color:var(--color-foreground)}.dermatologist-quote__details p{margin:0;color:var(--color-foreground);opacity:.8;font-size:.875rem}.dermatologist-quote .py-3xl{padding-block:3rem}.dermatologist-quote .py-2xl{padding-block:2rem}.dermatologist-quote .mb-3xl{margin-bottom:3rem}.dermatologist-quote .mt-md{margin-top:1rem}.dermatologist-quote .pl-4xl{padding-left:3rem}.dermatologist-quote .pr-2xl{padding-right:2rem}.dermatologist-quote .px-lg{padding-inline:1.5rem}.dermatologist-quote .py-sm{padding-block:.75rem}.dermatologist-quote .gap-md{gap:1rem}@media screen and (min-width:990px){.dermatologist-quote .lg\:py-7xl{padding-block:7rem}.dermatologist-quote .lg\:py-3xl{padding-block:3rem}.dermatologist-quote .lg\:mb-2xl{margin-bottom:2rem}.dermatologist-quote .lg\:pl-6xl{padding-left:5rem}.dermatologist-quote .lg\:pr-6xl{padding-right:5rem}.dermatologist-quote .lg\:gap-7xl{gap:7rem}}.dermatologist-quote .font-xl{font-size:1.25rem}.dermatologist-quote .font-2xl{font-size:1.5rem}.dermatologist-quote .font-lg,.dermatologist-quote .font-ml{font-size:1.125rem}.dermatologist-quote .weight-400{font-weight:400}.dermatologist-quote .weight-600{font-weight:600}.dermatologist-quote .lh-100{line-height:1}@media screen and (min-width:990px){.dermatologist-quote .lg\:font-3xl{font-size:2rem}.dermatologist-quote .lg\:font-4xl{font-size:2.5rem}}.dermatologist-quote .br-lg{border-radius:20px}.dermatologist-quote .bg-wisp{background-color:var(--color-wisp)}.dermatologist-quote .bg-blush{background-color:var(--color-blush)}.dermatologist-quote .bg-bluebell{background-color:var(--color-bluebell)}.dermatologist-quote .card{box-shadow:0 2px 8px #0000000d}.dermatologist-quote .hide-mobile{display:none}.dermatologist-quote .hide-desktop{display:block}@media screen and (min-width:990px){.dermatologist-quote .hide-mobile{display:block}.dermatologist-quote .hide-desktop{display:none}}.dermatologist-quote .relative{position:relative}.dermatologist-quote .overflow-hidden{overflow:hidden}.dermatologist-quote .font-heading{font-family:var(--font-heading--family)}.dermatologist-quote .font-heading-secondary{font-family:var(--font-heading-secondary--family, serif)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-dermatologist-quote.css.map */