@layer tk-mb-clinical-type{.tk-mbc,.tk-mbc *,.tk-mb-links,.tk-mb-gallery__link,.tk-mb-gallery-note{font-family:Switzer,sans-serif!important}.tk-mbc .tk-mbc__stat,.tk-mbc__value,.tk-mbc__tick>span{font-family:Inter,sans-serif!important}.tk-mbc h2{letter-spacing:-.32px!important}.tk-mbc h3{letter-spacing:-.12px!important}.tk-mbc .tk-mbc__stat{letter-spacing:-1.28px!important}@media(max-width:959px){.tk-mbc h2{letter-spacing:-.12px!important}.tk-mbc .tk-mbc__stat{letter-spacing:-.4px!important}}}.tkpdp--mb-clinical .tk-mb-links{display:flex;flex-direction:column;align-items:flex-start;margin-top:6px}.tk-mb-links a,.tk-mb-gallery-note a{display:inline-flex;align-items:center;min-height:44px;color:#1b9f49;font:500 14px/1.4 Switzer,sans-serif}.tkpdp--mb-clinical .tk-mb-gallery-note{margin:14px 0 0;color:#747570;font:400 13px/1.45 Switzer,sans-serif}#mb-sensitive-skin,#mb-redness-results,#mb-barrier-results,#mb-uv-results{scroll-margin-top:112px}.tk-mbc{--mbc-card: #f4f3ee;--mbc-green: #1b9f49;--mbc-muted: #747570;--mb-clinical-motion: ready;display:flex;flex-direction:column;gap:24px;padding:48px 32px;background:var(--mbc-card);color:#111}.tk-mbc__panel{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:40px;width:100%;background:var(--mbc-card)}.tkfc .tk-mbc h2{font:500 32px/1.2 Switzer,sans-serif}.tkfc .tk-mbc h3{font:500 24px/1.25 Switzer,sans-serif}.tk-mbc__mobile,.tk-mbc__mobile-break{display:none}.tk-mbc__stat-group{display:flex;flex-direction:column;gap:8px;min-width:0}.tkfc .tk-mbc .tk-mbc__stat{font:500 64px/1 Inter,sans-serif;color:var(--mbc-green);white-space:nowrap}.tkfc .tk-mbc .tk-mbc__label{font:400 15px/1.4 Switzer,sans-serif}.tk-mbc__legend{display:flex;gap:24px;align-items:center;font:400 13px/1.45 Switzer,sans-serif}.tk-mbc__legend>span{display:flex;align-items:center;gap:8px}.tk-mbc__legend>span:last-child{color:var(--mbc-muted)}.tk-mbc__legend>span:before,.tk-mbc__photo-treatment:before{content:"";width:10px;height:10px;flex-shrink:0;background:var(--mbc-green)}.tk-mbc__legend>span:last-child:before,.tk-mbc__photo-treatment--control:before{background:#8b928b}.tkfc .tk-mbc .tk-mbc__note,.tkfc .tk-mbc .tk-mbc__footnote,.tkfc .tk-mbc .tk-mbc__aux{font:400 13px/1.45 Switzer,sans-serif}.tkfc .tk-mbc .tk-mbc__note,.tkfc .tk-mbc .tk-mbc__footnote{color:var(--mbc-muted)}.tkfc .tk-mbc .tk-mbc__green{color:var(--mbc-green)}.tk-mbc__footnote--ruled{width:100%;padding-top:24px;border-top:1px solid #dcd9d0}.tk-mbc__chart-view{width:100%;--axis-left: 60px}.tkfc .tk-mbc .tk-mbc__axis-title{margin-bottom:14px;font:400 11px/1.3 Switzer,sans-serif;color:var(--mbc-muted)}.tk-mbc__plot{position:relative;height:196px;width:100%}.tk-mbc__grid{position:absolute;inset:0 0 auto;height:150px}.tk-mbc__tick{position:absolute;top:var(--tick-y);left:0;width:100%;height:0;padding-left:var(--axis-left)}.tk-mbc__tick>span{position:absolute;right:calc(100% - var(--axis-left) + 12px);top:-7px;font:400 11px/1.3 Inter,sans-serif;color:var(--mbc-muted)}.tk-mbc__tick img{display:block;width:100%;height:1px;transform:translateY(-1px)}.tk-mbc__bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:150px;padding-left:var(--axis-left)}.tk-mbc__bar-pair{position:relative;height:100%;min-height:0;display:flex;justify-content:center;align-items:flex-end;gap:8px}.tk-mbc__bar{display:flex;flex-direction:column;align-items:center;gap:6px;height:calc(var(--bar-height) + 25px);width:40px}.tk-mbc__bar>.tk-mbc__value{flex:0 0 19px}.tk-mbc__value{font:400 13px/1.45 Inter,sans-serif;white-space:nowrap}.tk-mbc__fill{flex:1 1 0;min-height:0;width:100%;background:var(--mbc-green)}.tk-mbc__bar--before .tk-mbc__fill{background:#8b928b}.tk-mbc__bar--mid .tk-mbc__fill{background:#96bb9b}.tk-mbc__barrier .tk-mbc__bar{width:min(180px,70%)}.tk-mbc__time{position:absolute;top:158px;left:50%;transform:translate(-50%);text-align:center;font:400 11px/1.3 Switzer,sans-serif;color:var(--mbc-muted);white-space:nowrap}.tk-mbc__time>span,.tk-mbc__photo-label>span{display:block;margin-top:2px}.tkfc .tk-mbc__replay{padding:12px 0;margin:-12px 0;min-height:44px;border:0;border-radius:0;background:transparent;color:var(--mbc-green);font:500 14px/1.4 Switzer,sans-serif;text-transform:none}.tk-mbc__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:97px;width:100%}.tk-mbc__column{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0}.tk-mbc__columns>:last-child{position:relative}.tk-mbc__columns>:last-child:before{content:"";position:absolute;left:-49px;top:0;bottom:0;width:1px;background:#dcd9d0}.tk-mbc__photo-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%}.tk-mbc__photo-row img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.tk-mbc__photo-comparison{display:flex;flex-direction:column;gap:10px;width:min(100%,416px)}.tkfc .tk-mbc .tk-mbc__photo-label{font:400 11px/1.3 Switzer,sans-serif;color:var(--mbc-muted)}.tkfc .tk-mbc .tk-mbc__photo-treatment{display:flex;gap:8px;align-items:center;font:400 13px/1.45 Switzer,sans-serif}.tk-mbc__uv-photos>.tk-mbc__photo-row{max-width:280px}.tk-mbc__photo-row figure{display:flex;flex-direction:column;gap:10px;min-width:0;margin:0}.tk-mbc__uv-loss{display:flex;flex-direction:column;gap:6px}.tk-mbc [data-state=playing] .tk-mbc__bar-pair--1 .tk-mbc__bar{animation:tk-mbc-grow1 4s ease-in-out both,tk-mbc-opacity1 4s ease-in-out both}.tk-mbc [data-state=playing] .tk-mbc__bar-pair--2 .tk-mbc__bar{animation:tk-mbc-grow2 4s ease-in-out both,tk-mbc-opacity2 4s ease-in-out both}.tk-mbc [data-state=playing] .tk-mbc__highlight{animation:tk-mbc-outline .6s ease-in-out 2.8s}@keyframes tk-mbc-grow1{0%,10%{height:25px}45%,to{height:calc(var(--bar-height) + 25px)}}@keyframes tk-mbc-grow2{0%,45%{height:25px}70%,to{height:calc(var(--bar-height) + 25px)}}@keyframes tk-mbc-opacity1{0%,10%{opacity:0}13.75%,to{opacity:1}}@keyframes tk-mbc-opacity2{0%,45%{opacity:0}48.75%,to{opacity:1}}@keyframes tk-mbc-outline{0%,to{outline:2px solid transparent;outline-offset:3px}40%{outline:2px solid var(--mbc-green);outline-offset:3px}}.tkfc.tkpdp--mb-clinical .tk-mb-gallery{container-type:inline-size;aspect-ratio:4 / 5;height:auto;background:#f4f3ee}.tkfc.tkpdp--mb-clinical .tk-mb-gallery>img{object-fit:contain}.tk-mb-gallery .tk-mb-gallery__link{position:absolute;left:8%;bottom:6.4%;display:inline-flex;align-items:center;min-height:44px;padding-right:12px;margin-block:calc((3.85cqw - 44px)/2);background:#f4f3ee;color:#1b9f49;font:500 2.75cqw/1.4 Switzer,sans-serif}@media(min-width:960px)and (max-width:1199px){.tk-mbc__panel{padding:32px}.tk-mbc__columns{gap:49px}.tk-mbc__columns>:last-child:before{left:-25px}.tkfc .tk-mbc .tk-mbc__stat{font-size:44px}.tk-mbc__bar{width:32px}}@media(max-width:959px){.tkpdp--mb-clinical .tk-mb-gallery-note{font-size:14px;margin-bottom:16px}.tk-mb-gallery-note[data-active=false]{display:none}.tk-mbc{padding:32px 24px;gap:16px}.tk-mbc__panel{padding:24px 20px}.tkfc .tk-mbc h2{font-size:24px;line-height:1.25}.tk-mbc__desktop{display:none}.tk-mbc__mobile,.tk-mbc__mobile-break{display:block}.tk-mbc__chart-view{--axis-left: 28px}.tk-mbc__tick>span{right:calc(100% - 20px)}.tk-mbc__bar-pair{gap:0}.tk-mbc__bar{width:34px}.tk-mbc__fill{width:22px}.tk-mbc__value{font-size:11px}.tk-mbc__barrier .tk-mbc__chart-view{--axis-left: 60px}.tk-mbc__barrier .tk-mbc__tick>span{right:calc(100% - 48px)}.tk-mbc__barrier .tk-mbc__bar{width:min(56px,90%)}.tk-mbc__barrier .tk-mbc__fill{width:100%}.tk-mbc__barrier .tk-mbc__value{font-size:13px}.tk-mbc__columns{display:flex;flex-direction:column;gap:24px}.tk-mbc__column{gap:24px}.tk-mbc__columns>:last-child:before{display:none}.tkfc .tk-mbc .tk-mbc__stat{font-size:40px}.tk-mbc__photo-comparison{width:min(100%,240px)}.tk-mbc__footnote--ruled{padding-top:0;border-top:0}.tkfc .tk-mbc .tk-mbc__footnote{font-size:14px}}@media(max-width:374px){.tkpdp--mb-clinical .tkfc__thumbs{margin-right:-16px;padding-right:16px}}@media(max-width:389px){.tkfc .tk-mbc .tk-mbc__stat{font-size:32px}.tk-mbc__barrier .tk-mbc__chart-view{--axis-left: 28px}.tk-mbc__barrier .tk-mbc__tick>span{right:calc(100% - 20px)}}@media(max-width:359px){.tkfc .tk-mbc .tk-mbc__stat{font-size:28px}.tk-mbc__bar{width:30px}.tk-mbc__fill{width:20px}.tk-mbc__value,.tk-mbc__time{font-size:10px}.tk-mbc__legend{gap:16px}}@media(prefers-reduced-motion:reduce){.tk-mbc *{animation:none!important}}@media print{.tk-mbc__replay{display:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/tk-mb-clinical.css.map */