#ToddlerSkincare: Huolestuttava maailma lasten kauneusvideoista TikTokissa

#ToddlerSkincare: Huolestuttava maailma lasten kauneusvideoista TikTokissa

Guardianin tutkimus on paljastanut, ettÀ jopa kaksivuotiaita lapsia esiintyy TikTok-videoissa, joissa he esittelevÀt ihonhoitorutiinejaan. TÀmÀ on herÀttÀnyt huolta kauneusalan vaikutuksesta ja lasten vaikuttajien puutteellisesta suojelusta.

Tutkimuksessa analysoitiin 7 600 ihonhoitoon liittyvÀÀ julkaisua, ja niistÀ 400 sisÀlsi rutiineja tai neuvoja lapsilta, joiden uskotaan olevan alle 13-vuotiaita. VÀhintÀÀn 90 nÀistÀ julkaisuista esitteli alle viisivuotiaita lapsia, mukaan lukien vauvoja ja taaperoita.

Yli 1 000 videossa esiintyi henkilö, jonka uskottiin olevan alle 18-vuotias, mikÀ on lÀhes joka seitsemÀs otokseen kuuluvista videoista.

Vaikka julkaisuissa ei aina selvennetÀ lapsen suhdetta brÀndiin, monet niistÀ muistuttivat lÀheisesti mainontaa.

IhotautilÀÀkÀrit varoittavat, ettÀ lapsilla ei ole tarvetta monivaiheisille ihonhoitorutiineille, ja ettÀ tÀmÀ trendi aiheuttaa ulkonÀköhuolia yhÀ nuoremmilla. Yksi ihotautilÀÀkÀreistÀ mainitsi joutuvansa yhÀ useammin vakuuttamaan lapsille, ettÀ vanhempien nÀkemÀt epÀtÀydellisyydet ovat itse asiassa vain normaalia ihoa.

Yksi analysoiduista julkaisuista esittelee alakouluikĂ€istĂ€ lasta suorittamassa ihonhoitorutiinia ennen koulua. HĂ€n nĂ€yttÀÀ tuotteita kameralle selittĂ€en yrittĂ€vĂ€nsĂ€ saavuttaa "lasinahkaa" – termin, joka kuvaa erittĂ€in hyvin kosteutettua ja sileÀÀ ihonvĂ€riĂ€.

Toisessa videossa Àiti pitÀÀ kaksivuotiasta lastaan kameran edessÀ ja kehottaa tÀtÀ sanomaan "tervetuloa ihonhoitooni" ennen kuin levittÀÀ tyttÀrensÀ kasvoille nÀyttÀvÀsti kosteusvoidetta, kÀyttÀen hashtagia #toddlersoftiktok.

Elementeille, joilla on attribuutti `data-gu-name="media` sisÀllÀ `.content--interactive-grid`, asetetaan vasen tasaus 20 pikseliÀ.

Kun nÀkymÀ on vÀhintÀÀn 660 pikseliÀ leveÀ, nÀiden elementtien tulisi olla tÀyden nÀkymÀnleveyden verran miinus vierityspalkin leveys, vasemmalla marginaalilla -20 pikseliÀ ja ilman oikeaa marginaalia.

NÀkymÀnleveydellÀ 740 pikseliÀ tai enemmÀn asetetaan mukautettu muuttuja `--grid-width` arvoon 740px. Vasen marginaali lasketaan ruudukon keskittÀmiseksi, ottaen huomioon ruudukon leveys, vierityspalkki ja vasemman sarakkeen leveys. Myös vasemman tasauksen ominaisuus lasketaan sijoittelua varten.

NÀkymille, joiden leveys on 980 pikseliÀ tai enemmÀn, pÀivitetÀÀn `--grid-width` arvoon 980px.

LeveydellÀ 1140 pikseliÀ asetetaan `--grid-width` arvoon 1140px ja mÀÀritellÀÀn `--grid-left-col-width` arvoksi 161px.

NÀytöillÀ, joiden leveys on 1300 pikseliÀ tai enemmÀn, pÀivitetÀÀn `--grid-width` arvoon 1300px ja `--grid-left-col-width` arvoon 240px.

Aseta seuraavat vÀrimuuttujat keholle:
- Ensisijainen tekstin vÀri: #dcdcdc
- Toissijainen tekstin vÀri: #c8c8c8
- Kolmannen asteen tekstin vÀri: #999999
- Ensisijainen taustavÀri: #1a1a1a
- Toissijainen taustavÀri: #383838
- Kolmannen asteen taustavÀri: #121212
- Ensisijainen viivan vÀri: #dcdcdc
- Toissijainen viivan vÀri: #707070
- Reunanjakajan vÀri: #606060
- Akselin vÀri: vastaa news grey 04 -vÀriÀ
- Ensisijainen painikkeen vÀri: #383838
- Ensisijainen painikkeen tekstin vÀri: #dcdcdc
- Ensisijainen painikkeen korostusvÀri: #707070
- KorostusvÀri: #cda500
- Korostetun tekstin vÀri: #121212
- Infon vÀri: #0077b6
- News grey -vÀrit 01:stÀ (#dcdcdc) 06:een (#383838)
- News core -vÀrit 01:stÀ (#0077b6) 06:een (#cca36e)
- Korostusvioletti: #8F71F2 (with !important)

KÀytÀ ensisijaista taustavÀriÀ keholle ja aseta tausta elementeille, joilla on luokka `.element--immersive`, vastaamaan.

Kappaleille sisÀllÀ `.content__main-column--interactive` kÀytÀ ensisijaista tekstin vÀriÀ.

Kun kÀyttÀjÀn jÀrjestelmÀ suosii tummaa vÀriteemaa ja vaalea teema ei ole pakotettu, kÀytÀ samaa joukkoa tumman teeman vÀrimuuttujia.

Poista fokuksen laatikon varjo elementistÀ, jonka ID on `maincontent`.

Tuo Sass-moduuleja mediakyselyitÀ, typografian mixinejÀ ja kaavioiden mixinejÀ varten.

TyylistÀ ulompi vieritysalus niin, ettÀ se on lohkotason, suhteellisesti sijoitettu elementti.

TyylistÀ vieritystaustan ja -etualan lohkotason, suhteellisesti sijoitettuina elementteinÀ, joista etualalla on korkeampi z-indeksi ja selkeÀ kelluvien poisto.

TyylistÀ taustasÀiliö niin, ettÀ se on absoluuttisesti sijoitettu, tÀysi leveys, ilman osoitintapahtumia ja optimoitu muunnoksille.

TyylistÀ ruudukon kÀÀre ottamaan tÀysi nÀkymÀn korkeus ja piilottamaan ylivuoto.

TyylistÀ ruudukko absoluuttisesti sijoitettuksi CSS-ruudukkolayoutilla, asettaen muunnosalkuperÀn ja optimoitu muunnoksille. MÀÀrittele skaalausmuuttuja.

TyylistÀ yksittÀiset ruudut suhteellisesti sijoitettuiksi piilotetulla ylivuodolla ja lÀpinÀkyvÀllÀ taustalla. KÀytÀ sulavaa siirtymÀÀ lÀpinÀkyvyydelle, suodattimelle ja laatikon varjolle.

NÀkymille 20 em:n ja 61.24 em:n vÀlillÀ anna soluille 4 px:n reunus. NÀkymille 61.25 em:n tai leveÀmmillÀ kÀytÀ 8 px:n reunusta.

Soluille, joilla on luokka `.ended`, vÀhennÀ lÀpinÀkyvyys 0.38:aan ja kÀytÀ vÀrikyllÀstystÀ vÀhentÀvÀÀ ja tummentavaa suodatinta.

ElementillÀ, jonka luokka on "svelte-8a6q9c", on taustana puolilÀpinÀkyvÀ korostusvioletti vÀri, jonka lÀpinÀkyvyys on 0.1.

TyhjÀ solujuliste tÀllÀ luokalla on sijoitettu absoluuttisesti, peittÀen koko alueen reunasta reunaan. Se skaalaa sisÀllön peittÀmÀÀn tilan, sen lÀpinÀkyvyys on 0.92, ja se estÀÀ kÀyttÀjÀvuorovaikutuksen ja valinnan.

Korostetulla solulla tÀllÀ luokalla on tÀysi lÀpinÀkyvyys. HimmennyksellÀ solulla sen lÀpinÀkyvyys on vÀhennetty 0.3:een. Pinotulla solulla on korkeampi z-indeksi, sulava lÀpinÀkyvyyssiirtymÀ 0.22 sekunnissa ja pyöristetyt kulmat. Kun pinottu solu on aktiivinen, se on tÀysin nÀkyvissÀ korkealla z-indeksillÀ ja pyöristetyillÀ kulmilla. Piilotettu pinottu solu on nÀkymÀtön, sillÀ on alempi z-indeksi, eikÀ se reagoi osoitintapahtumiin.

Solun etiketti on sijoitettu vasempaan ylÀkulmaan korkealla z-indeksillÀ. Se kÀyttÀÀ pientÀ fonttia, sillÀ on tÀytteet ja pyöristetyt kulmat, ja se nÀyttÀÀ valkoista tekstiÀ punaisella taustalla reagoimatta osoitintapahtumiin.

Videoelementti tÀyttÀÀ sÀiliönsÀ, skaalaa sisÀllön peittÀmÀÀn, ja alkaa tÀysin lÀpinÀkyvÀnÀ ennen kuin hÀivytetÀÀn sisÀÀn 0.2 sekunnissa. Kun se on valmis, siitÀ tulee tÀysin lÀpinÀkymÀtön.

Karaokelaatikko on sijoitettu lÀhelle pohjaa, skaalaa ruudukkomuuttujalla, ja se on keskitetty korkealla z-indeksillÀ. SillÀ on tumma puolilÀpinÀkyvÀ tausta ja tÀytteet. Sen teksti kÀyttÀÀ tiettyÀ sans-serif -fonttia, siirtyy vÀriin sulavasti, ja on aluksi vaaleanharmaa. Aktiivinen teksti sen sisÀllÀ muuttuu valkoiseksi violetilla korostustaustalla.

EnsimmÀisen askeleen peite peittÀÀ koko alueen tummalla puolilÀpinÀkyvÀllÀ kerroksella ja korkealla z-indeksillÀ reagoimatta osoitintapahtumiin.

Videon kehityspalkki on sijoitettu pohjaan, skaalaa ruudukkomuuttujalla, ja se on lyhyt, pyöristetty palkki korkealla z-indeksillÀ. SillÀ on valkoinen tausta ja violetti tÀyttö, joka voidaan animoida vasemmalta.

Lataajan peite peittÀÀ koko nÀkymÀn tummalla puolilÀpinÀkyvÀllÀ taustalla ja korkealla z-indeksillÀ. Se keskitÀÀ sisÀltönsÀ pystysuunnassa ja vaakasuunnassa nÀyttÀen valkoista tekstiÀ. PyörivÀ animaatio on pyöreÀ latausanimaatio valkoisella reunalla, joka pyörii jatkuvasti.

PÀÀvieritysvideosÀiliö on sijoitettu suhteellisesti. Sen osat ovat flex-sÀiliöitÀ, jotka keskitÀvÀt sisÀltönsÀ. Kun snap-aktiivinen, nÀmÀ osat kohdistuvat alkuun ja pysÀhtyvÀt aina kiinnityspisteisiin.

TaustasÀiliö on sijoitettu suhteellisesti, sallii kaikki osoitintapahtumat ja kÀyttÀÀ flex-nÀyttöÀ. Se hÀivytetÀÀn sisÀÀn ja ulos sulavasti. Se alkaa piilotettuna kÀynnistyksen aikana.

Etualan vierittÀjÀ ei reagoi osoitintapahtumiin, mutta sen osien suorat div-lapset reagoivat.

PeitekÀÀre peittÀÀ koko alueen 3x3-ruudukolla eikÀ reagoi osoitintapahtumiin.

ÄÀniohjauspino on sijoitettu oikeaan ylĂ€kulmaan kiinteĂ€llĂ€ leveydellĂ€, kĂ€yttĂ€en flexiĂ€ kohteiden kohdistamiseen loppuun. Se ei reagoi osoitintapahtumiin. Minimitilassa sen muunnos nollataan. Suuremmilla nĂ€ytöillĂ€ se on keskitetty vaakasuunnassa ja sijoitettu 22 % ylĂ€reunasta, sulavalla siirtymĂ€llĂ€ sijainnilleen. Kun minimaalinen tai pinottu suurilla nĂ€ytöillĂ€, se siirtyy takaisin oikeaan ylĂ€kulmaan.

PÀÀÀÀniohjaus kÀyttÀÀ Guardian Text Sans -fonttiperhettÀ.

Guardianin analyysi seuraa Italian kilpailuviranomaisen maaliskuussa tekemÀÀ ilmoitusta, ettÀ se oli suorittanut tarkastuksia Sephoran ja Benefit Cosmeticsin toimistoissa, jotka molemmat kuuluvat samalle emoyhtiölle.

Ranskalainen luksusryhmÀ LVMH on tutkinnassa siitÀ, kuinka sen brÀndit markkinoivat ihonhoitotuotteita lapsille. Valvontaelin raportoi, ettÀ joissakin tapauksissa tytöille, jotka ovat vielÀ peruskoulussa, on kohdistettu kasvonaamioita, seerumeita ja ikÀÀntymistÀ estÀviÀ voiteita, jotka on ensisijaisesti tarkoitettu aikuisille.

LVMH ilmoitti, ettÀ se yhdessÀ Sephoran ja Benefitin kanssa "tekee tÀyden yhteistyön viranomaisten kanssa", mutta kieltÀytyi antamasta lisÀÀ kommentteja. "Kaikki yritykset vahvistavat tiukan noudattavansa voimassa olevia Italian sÀÀdöksiÀ", se lisÀsi.

Guardian paljasti todisteita, ettÀ monet TikTok-videoissa esiintyneet nuoret olivat saaneet ilmaisia tuotteita vastineeksi brÀndistÀ julkaisemisesta verkossa nuorille vaikuttajille avoimien ohjelmien kautta.

Vaikka lasten esiintyjÀt elokuvissa, televisiossa ja mallintamisessa ovat suojattuja työlaeilla, jotka sÀÀtelevÀt työaikoja, palkkaa ja turvaa, vastaavia lakeja ei ole olemassa lasten suojelemiseksi sosiaalisessa mediassa.

Parlamentin jÀsen ja liberaalidemokraattien tiede-, innovaatio- ja teknologiapoliittinen edustaja Victoria Collins kuvasi Guardianin löydöksiÀ "syvÀsti hÀiritseviksi" "siitÀ, mikÀ on tullut internetin synkÀksi ja hyvÀksikÀyttÀvÀksi nurkkaukseksi". Collins kutsui sitÀ "vaaralliseksi kaksoisstandardiksi" huomauttaen, ettÀ lasten vaikuttajasisÀltö tuottaa usein tuhansia katselukertoja ja myyntiÀ sosiaalisessa mediassa. Liberaalidemokraatit vaativat sÀÀntelyaukkojen sulkemista, koska se jÀttÀÀ nuoret alttiiksi hyvÀksikÀytölle.

Vaikka jotkut vanhemmat saattavat jakaa sisÀltöÀ hauskanpidon vuoksi tai perhe-elÀmÀn dokumentoimiseksi, asiantuntijat varoittavat, ettÀ selkeiden suojatoimien puute aiheuttaa silti riskejÀ, erityisesti kun lapset esiintyvÀt sisÀllössÀ, joka kerÀÀ huomiota tai osallistumista.

IhotautilÀÀkÀrit varoittivat myös, ettÀ lasten ihonhoito on suurelta osin tarpeetonta ja saattaisi mahdollisesti vahingoittaa heidÀn ihoaan. IhotautilÀÀkÀri Amy Perkins sanoi: "Useimmat lapset eivÀt tarvitse ihonhoitoa lempeÀn saippuan, yksinkertaisen kosteusvoiteen, jos heidÀn ihonsa on kuiva, ja aurinkosuojan lisÀksi ulkona liikuttaessa. Nykyinen trendi monivaiheisille 'loistolle' tai 'ikÀÀntymisen vastaisille' rutiineille lapsilla on sosiaalisen median ja markkinoinnin, ei ihotautilÀÀketieteen, ajamaa."

Toinen ihotautilÀÀkÀri, Emma Wedgeworth, korosti, ettÀ hyvin nuoria lapsia ei pitÀisi olla sosiaalisessa mediassa tai jakaa 'ihonhoitorutiineja'. HÀn lisÀsi: "PienillÀ lapsilla ei ole tarvittavaa tietoa, taitoja tai harkintakykyÀ arvioida tuotteita iholleen."

NÀytöillÀ, joiden leveys on yli 1140 px, pÀÀinteraktiivisen sarakkeen tÀysleveÀt elementit asetetaan ruudukonleveydeksi 1140 px vasemmalla sarakkeella 161 px. Vasen marginaali lasketaan sisÀllön keskittÀmiseksi ottaen huomioon vierityspalkin leveys. 1300 px:ssÀ ja yli ruudukko laajenee 1300 px:ÀÀn vasemmalla sarakkeella 240 px.

Mediaelementit interaktiivisen ruudukon sisÀllÀ eivÀt ole enimmÀisleveyttÀ ja ne kohdistetaan kehon vasempaan reunaan 10 px:llÀ pienillÀ nÀytöillÀ, kasvaen 20 px:ÀÀn 480 px:ssÀ. 660 px:stÀ alkaen ne ulottuvat tÀyteen nÀkymÀnleveyteen (miinus vierityspalkki) vasemmalla marginaalilla -20 px. 740 px:ssÀ ruudukon leveys tulee 740 px:ksi, ja vasen marginaali sÀÀdetÀÀn keskittÀmistÀ varten, ja kohdistus kehon vasempaan reunaan lasketaan myös sijoittelua varten. TÀmÀ ruudukon leveys pÀivittyy 980 px:ÀÀn 980 px:ssÀ, 1140 px:ÀÀn 1140 px:ssÀ ja 1300 px:ÀÀn 1300 px:ssÀ vastaavine vasemman sarakkeen leveysineen.

VÀriteema kÀyttÀÀ tumman tilan muuttujia tekstille, taustoille, viivoille ja painikkeille tietyillÀ harmaan ja korostusvÀrien sÀvyillÀ. NÀitÀ sovelletaan myös, kun jÀrjestelmÀ suosii tummaa tilaa, ellet vaaleaa teemaa ole nimenomaisesti asetettu.

LisÀtyylit varmistavat, ettÀ pÀÀsisÀltöalueella ei ole fokuksen laatikon varjoa ja sisÀltÀvÀt viittauksia tyylikirjastoihin mediakyselyitÀ, typografiaa ja kaavioita varten. Vierityskomponentit on rakennettu suhteellisella sijainnilla ja selkeÀllÀ kelluvien kÀsittelyllÀ.

.x70r {
display: block;
position: absolute;
width: 100%;
max-width: 100%;
pointer-events: none;
will-change: transform;
}

.grid-wrapper.svelte-8a6q9c {
width: 100%;
height: 100dvh;
position: relative;
overflow: hidden;
}

.grid.svelte-8a6q9c {
position: absolute;
display: grid;
transform-origin: 0 0;
will-change: transform;
--grid-scale: 1;
}

.cell.svelte-8a6q9c {
position: relative;
overflow: hidden;
background: transparent;
transition: opacity .22s ease, filter .22s ease, box-shadow .22s ease;
}

@media (min-width: 20em) and (max-width: 61.24em) {
.cell.svelte-8a6q9c {
border-radius: 4px;
}
}

@media (min-width: 61.25em) {
.cell.svelte-8a6q9c {
border-radius: 8px;
}
}

.cell.ended.svelte-8a6q9c {
opacity: .38;
filter: saturate(.55) brightness(.78);
}

.cell.empty.svelte-8a6q9c {
background: var(--accent-violet-transparent);
opacity: .1;
}

.empty-cell-poster.svelte-8a6q9c {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: .92;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}

.cell.highlighted.svelte-8a6q9c {
opacity: 1;
}

.cell.dimmed.svelte-8a6q9c {
opacity: .3;
}

.cell.stacked.svelte-8a6q9c {
z-index: 2;
transition: opacity .22s ease;
border-radius: 8px;
}

.cell.stack-active.svelte-8a6q9c {
opacity: 1;
visibility: visible;
z-index: 2;
border-radius: 8px;
}

.cell.stack-hidden.svelte-8a6q9c {
opacity: 0;
visibility: hidden;
z-index: 1;
pointer-events: none;
}

.cell-label.svelte-8a6q9c {
position: absolute;
top: 6px;
left: 6px;
z-index: 2;
font-size: 11px;
line-height: 1;
padding: 4px 6px;
border-radius: 6px;
color: #fff;
background: red;
pointer-events: none;
}

video.svelte-8a6q9c {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
flex: 1 1 auto;
opacity: 0;
transition: opacity .2s ease;
}

video.ready.svelte-8a6q9c {
opacity: 1;
}

.karaoke-box.svelte-8a6q9c {
position: absolute;
top: 70%;
width: calc(100% * var(--grid-scale, 1));
text-align: center;
pointer-events: none;
z-index: 30;
transform: scale(calc(1 / var(--grid-scale, 1)));
transform-origin: top left;
background-color: #00000080;
padding: 12px;
}

.karaoke-box.svelte-8a6q9c span:where(.svelte-8a6q9c) {
transition: color .12s linear;
color: var(--news-grey-01);
font-family: GuardianTextSans, Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 1.0625rem;
line-height: 1.3;
font-weight: 400;
font-style: normal;
--source-text-decoration-thickness: 2px;
}

.karaoke-box.svelte-8a6q9c span.active:where(.svelte-8a6q9c) {
color: #fff;
background-color: var(--accent-violet);
}

.first-step-overlay.svelte-8a6q9c {
position: absolute;
inset: 0;
background: #00000080;
pointer-events: none;
z-index: 10;
}

.video-evolution-bar.svelte-8a6q9c {
position: absolute;
width: calc(100% * var(--grid-scale, 1));
bottom: 0;
height: 8px;
border-radius: 999px;
overflow: hidden;
z-index: 25;
pointer-events: none;
transform: scale(calc(1 / var(--grid-scale, 1)));
transform-origin: left bottom;
background: #fff;
}

.video-evolution-bar__fill.svelte-8a6q9c {
width: 100%;
height: 100%;
background: var(--accent-violet);
transform-origin: left center;
}

.gv-loader-overlay.svelte-1cir09n {
position: absolute;
inset: 0;
z-index: 60;
display: grid;
place-items: center;
align-items: center;
gap: 12px;
background: #0000008c;
color: #fff;
height: 100vh;
}

.gv-loader-spinner.svelte-1cir09n {
align-self: center;
width: 36px;
height: 36px;
border-radius: 999px;
border: 3px solid rgba(255, 255, 255, .35);
border-top-color: #fff;
animation: svelte-1cir09n-gv-spin .9s linear infinite;
}

@keyframes svelte-1cir09n-gv-spin {
to {
transform: rotate(360deg);
}
}

.scrolly-video.svelte-1cir09n {
position: relative;
}

.scrolly-video.svelte-1cir09n section:where(.svelte-1cir09n) {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}

.scrolly-video.snap-active.svelte-1cir09n section:where(.svelte-1cir09n) {
scroll-snap-align: start;
scroll-snap-stop: always;
}

.background-container.svelte-1cir09n {
position: relative;
pointer-events: all;
display: flex;
opacity: 1;
transition: opacity .12s linear;
}

.background-container.boot-hidden.svelte-1cir09n {
opacity: 0;
}

svelte-scroller-foreground {
pointer-events: none;
}

svelte-scroller-foreground section.svelte-1cir09n > div:where(.svelte-1cir09n) {
pointer-events: all;
}

.gv-overlay-wrapper.svelte-1cir09n {
position: absolute;
inset: 0;
display: grid;
grid-template-rows: repeat(3, 1fr);
grid-template-columns: repeat(3, 1fr);
pointer-events: none;
width: 100%;
}

ÄÀniohjauspino on sijoitettu absoluuttisesti, 12 px ylĂ€reunasta ja 16 px oikeasta reunasta, leveydellĂ€ 224 px. Se kĂ€yttÀÀ flexboxia kohteiden kohdistamiseen loppuun ja keskittĂ€miseen pystysuunnassa, sillĂ€ ei ole osoitintapahtumia, eikĂ€ muunnosta sovelleta. Kun minimaalinen modifiointiluokka lisĂ€tÀÀn, muunnos pysyy muuttumattomana.

Suuremmilla nÀytöillÀ (min-width: 61.25em) pino sijoitetaan 22 % ylÀreunasta ja keskitetÀÀn vaakasuunnassa (left: 50%, transform: translate(-50%)), sulavalla siirtymÀllÀ sijainnilleen ja muunnokselle. Kun minimaalinen tai pinottu modifiointiluokka on aktiivinen suurilla nÀytöillÀ, se siirtyy 12 px ylÀreunasta ja 240 px sÀiliönsÀ vasemmasta reunasta, kohdistuen loppuun ilman muunnosta.

PÀÀÀÀniohjauspainike kÀyttÀÀ tiettyÀ sans-serif -fonttipinoa, on 224 px leveÀ ja 44 px korkea, sisÀisillÀ tÀytteillÀ, piilotetulla ylivuodolla, valkoisella tekstillÀ ja violetilla taustalla pyöristetyillÀ kulmilla. SillÀ ei ole reunusta, vasemmalle kohdistettu teksti, sallii osoitintapahtumat ja siirtyy leveydelleen ja tÀytteilleen. Se kÀyttÀÀ pseudoelementtejÀ mykistys/ÀÀni pÀÀllÀ -kuvakkeille, jotka vaihtavat lÀpinÀkyvyyttÀ. Kun mykistetty luokka sovelletaan, kuvakkeet vaihtavat nÀkyvyyttÀ.

Minimitilassaan painike kutistuu 44 px leveyteen vÀhennetyillÀ tÀytteillÀ, ja nimiketeksti peitetÀÀn. Nimike on inline-block, 180 px leveÀ, ilman rivinvaihtoa, ilman osoitintapahtumia, ja se kÀyttÀÀ CSS-maskia paljastusanimaation luomiseen. Kun label-ready-luokka lisÀtÀÀn (eikÀ minimaalinen), maski laajenee tÀysin.

"VierittÀÀksesi jatka" -tekstielementti on sijoitettu absoluuttisesti 66 vh ylÀreunasta ja vaakasuunnassa keskitettynÀ. Se kÀyttÀÀ lihavoitua painoa ja sisÀltÀÀ pomppivan chevron-kuvakkeen, joka animoidaan avainkehyksen animaatiolla.

Navigointiraita on sijoitettu oikealle, pystysuunnassa keskitettynÀ, nÀyttÀen pisteitÀ sarakkeessa. Pisteet ovat valkoisia ympyröitÀ, kun taas aktiivinen navigointipiste on violetti ympyrÀ sulavalla muunnossiirtymÀllÀ.

Vierityslaatikkoelementti kÀyttÀÀ serif-otsikkofonttia, sen enimmÀisleveys on 380 px, ja se sisÀltÀÀ tÀytteet.

Toisessa Guardianin tarkastamassa pÀtkÀssÀ Àiti esittelee 10-vuotiaan tyttÀrensÀ sanoen, ettÀ tyttö on kauan halunnut pÀÀstÀ ihonhoitoon. HÀn selittÀÀ, ettÀ Benefit Cosmetics lÀhetti hÀnelle tuotteen kokeiltavaksi, nÀyttÀÀ sen levitettÀvÀn tyttÀrensÀ kasvoille ja vÀittÀÀ myöhemmin lapsen ihon "loistavan". Ei ole todisteita siitÀ, ettÀ Benefit olisi lÀhettÀnyt tuotteen lapsen kÀyttöön. Benefit Cosmetics ei vastannut yrityksiin ottaa yhteyttÀ kommenttia varten.

Ihonhoitomerkkien, jotka on kehitetty erityisesti lapsille ja nuorille teini-ikĂ€isille, mÀÀrĂ€ on kasvanut. Esimerkiksi Rini, joka lanseerattiin marraskuussa, kuvattiin ihotautilÀÀkĂ€reiden toimesta "dystooppiseksi" nelivuotiaille tarkoitettujen kasvonaamioiden luomisesta. Toinen brĂ€ndi, Pipa skincare, kohdistuu 8–12-vuotiaisiin esiteini-ikĂ€isiin ja lanseerattiin vuonna 2024.

Pipa skincare, joka esiintyy Guardianin jakamassa videossa, totesi: "On tÀrkeÀÀ tehdÀ selkeÀ ero ikÀryhmien vÀlillÀ. SisÀltö, jossa esiintyy hyvin nuoria lapsia, erityisesti taaperoita, herÀttÀÀ erilaisia huolia. Emme tue tai osallistu tuon tyyppiseen sisÀltöön tai markkinointiin." He lisÀsivÀt, etteivÀt työskentele alle 18-vuotiaiden yhteistyökumppanien kanssa, ja kaikki alaikÀisiÀ esittÀvÀ sisÀltö edellyttÀÀ vanhempien osallistumista.

Glow Hub, joka esiintyy myös yllĂ€ olevassa videossa, sanoi, ettĂ€ sen kohderyhmĂ€ on syntyneet 1997–2012. "Glow Hub ottaa vastuunsa kategoriassa vakavasti ja on toteuttanut ennakoivasti toimenpiteitĂ€ turvallisen, informoidun ihonhoidon kĂ€ytön tukemiseksi."

IhonhoitobrĂ€ndin Yes Day:n perustajaosakas Danielle Granderson, joka esiintyy toisessa tĂ€ssĂ€ jaetussa videossa, sanoi, ettĂ€ brĂ€ndi luo "ihotautilÀÀkĂ€reiden testaamaa, ikĂ€tasoa vastaavaa ihonhoitoa erityisesti esiteini-ikĂ€isille ja varhaisille teini-ikĂ€isille, kaikki kaavat kliinisesti testattu 10–16-vuotiailla turvallisuuden ja tehon varmistamiseksi."

Bubblen edustaja sanoi, ettÀ yllÀ mainittu sisÀltö ei liittynyt Bubbleen "millÀÀn virallisella tavalla". HÀn lisÀsi: "Laajemmin emme tue tai kannusta hyvin nuorten lasten esiintymistÀ ihonhoitosisÀllössÀ, erityisesti tavoilla, jotka viittaavat rutiineihin tai tuotekÀyttöön, jotka eivÀt ole ikÀtasoa vastaavia." Edustaja totesi, ettÀ brÀndin perustaja ja toimitusjohtaja on kahden pienen lapsen Àiti ja ettÀ he tunnistavat "nuorempien lasten ei tarvitse ihonhoitorutiinia pÀivittÀisen aurinkosuojan lisÀksi." "Bubble ei ole lasten ihonhoitobrÀndi," he sanoivat. "Se on ihotautilÀÀkÀreiden kehittÀmÀ, kliinisesti todistettu jÀrjestelmÀ, joka on suunniteltu laajalle kirjolle ihon tarpeita."

EveredeniltÀ pyydettiin kommenttia, mutta se ei vastannut.

Byoma sanoi, ettĂ€ 85 % sen kuluttajakannasta on 18–35-vuotiaita. "Markkinointimme, kumppanuutemme ja vĂ€hittĂ€ismyyntipanostuksemme keskittyvĂ€t tĂ€hĂ€n keskeiseen kuluttajaryhmÀÀn, joka aktiivisesti etsii tehokasta, tieteeseen perustuvaa ihonhoitoa," he totesivat.

Guardian seurasi TikTokia kÀyttÀen kolmea uutta tiliÀ viime vuoden 28. lokakuuta ja 17. marraskuuta vÀlisenÀ aikana, seuraten ihonhoitoon li