How TikTok Serves Up Sex and Drug Videos to Minors

<![CDATA[#bigTopBox.bigTop{display:none}.pg-media-text span{white-space:nowrap;-webkit-box-decoration-break:clone;box-decoration-break:clone}.article_header.module{display:none}div[id^=parallax-gallery] p{font-size:17px!important;line-height:27px!important}div[id^=parallax-gallery] .pg-text-wrapper.pg-light .pg-media-text{background:#fff!important;box-shadow:2px 2px 5px #666!important}div[id^=parallax-gallery] .pg-gallery-dots .pg-dot{visibility:hidden!important}div[id^=parallax-gallery] .pg-text-wrapper p span{margin:0 1px 0 1px!important}@media only screen and (max-width:660px){div[id^=parallax-gallery] p{font-size:15px!important;line-height:20px!important}}.is-iframe .pg-element{margin-bottom:0}]]>

Skip to Main Content Skip to Search

<![CDATA[.inline-width { max-width: 700px; margin: 0px auto; padding: 0 10px; } .narrative-flex { display: flex; flex-flow: column nowrap; width: calc(100% - 40px); padding: 0 20px; } .full-frame{ width: 52%; padding-top: calc(88.88% - 1px); } @media only screen and (max-width: 660px) { .full-frame { width: 75%; padding-top: calc(128.19% - 1px); } } .half-width { width: 50%; } .absolute { position: absolute; top: 0; width: 100%; } .slide { display: flex; flex-flow: column nowrap; width: 100%; position: relative; margin-bottom: -3vh; opacity: 0.1; filter: grayscale(100%); transition: all ease-in 0.2s; } .slide:last-child { margin-bottom: 0px; } .focus { opacity: 1; filter: grayscale(0%); z-index: 1; } .left { align-self: flex-start; } .center { align-self: center; } .right { align-self: flex-end; } .slide-text-container { top: 50%; max-width: 250px; padding: 20px; background: #fff; box-shadow: 2px 2px 5px #666; } @media only screen and (max-width: 660px) { .slide-text-container { max-width: 170px; padding: 15px; top: 60%; } } .sans-serif { font-family: "Retina", "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .light { font-weight: 300; font-size: 17px; line-height: 27px; margin-bottom: 0px; word-wrap: break-word; color: #333; fill: #333; } @media only screen and (max-width: 660px) { .light { font-size: 15px; line-height: 20px; } } .video-thumbnail-container { flex: 0 0 auto; position: relative; z-index: -1; background: #333; background-size: cover; background-repeat: no-repeat; background-origin: border-box; box-shadow: 2px 2px 5px #666; } .pullquote { font-size: 22px; line-height: 1.5; color: #eee; font-weight: 500; padding: 30px; } .red-emphasis, .gray-emphasis { padding: 2px 5px; border-radius: 2px; margin: 0 1px; white-space: nowrap; } .red-emphasis { background: #ce3139; color: #fff; } .gray-emphasis { background: #eeeeee; } .viz-container { height: 80vh; width: 100%; } .chart-title { font-weight: 500; } .chart-dek { margin-bottom: 20px; } .axis .tick text { font-family: "Retina Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 15px; font-weight: 300; color: #333; fill: #333; font-variant-numeric: tabular-nums; } .legend-container { display: flex; flex-flow: row nowrap; width: 300px; margin: 15px 0px; align-items: baseline; } .legend-container span { font-family: "Retina", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 15px; color: #333; fill: #333; } .legend-bar { width: 30%; height: 15px; margin: 0px 10px; background: linear-gradient(90deg, #eeeeee, #ce3139) } .legend-box { width: 10px; height: 10px; background: #ce3139; margin-right: 6px; } .phone-frame-container { display: flex; flex-flow: row nowrap; width: calc(100% - 65px); margin-left: 65px; justify-content: space-around; } .phone-frame-container svg { width: 80px; fill: #333; margin-left: -10px; height: intrinsic; } .first-frame { box-shadow: none; width: 50%; border-radius: 18%; background-color: rgba(255,255,255,0); } @media only screen and (max-width: 660px) { .first-frame { padding-top: 0; width: 250px; height: 450.75px !important; } } .sticky-container { position: sticky; top: 60px; } .scroller-step { height: 80vh; position: relative; } .domain { display: none; } .axis-title, .chart-axis-title { font-family: "Retina Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 15px; letter-spacing: 1px; font-weight: 300; text-transform: uppercase; color: #333; fill: #333; font-variant-numeric: tabular-nums; } .amp-chart { display: none; } .is-iframe .slide { opacity: 1; filter: none; } .is-iframe figure { margin-left: 0; height: 750px; } .is-iframe #inset-day-three-chart-e9877fe2-6476-496d-bc27-c139a85a427e .sticky-container { display: none; } .is-iframe #inset-day-three-chart-e9877fe2-6476-496d-bc27-c139a85a427e .amp-chart { display: block; } .is-iframe #inset-day-three-chart-e9877fe2-6476-496d-bc27-c139a85a427e .scroller-step { height: 100%; } p.sans-serif.light { font-weight: 300; } .sep { display: block; font-weight: 300; margin-top: 17px; } /* hacks and stuff */ #inset-intro-e9877fe2-6476-496d-bc27-c139a85a427e .slide:nth-child(1) .slide-text-container { top: 30%; } #inset-intro-e9877fe2-6476-496d-bc27-c139a85a427e .slide:last-child .slide-text-container.absolute.left { position: relative; margin-top: -25%; } @media only screen and (max-width: 660px) { #inset-intro-e9877fe2-6476-496d-bc27-c139a85a427e .slide:last-child .slide-text-container.absolute.left { margin-top: -40%; } } #inset-intro-e9877fe2-6476-496d-bc27-c139a85a427e .slide:nth-child(4) .slide-text-container.absolute.center { align-self: flex-start !important; margin-left: 20%; margin-top: 10%; } @media only screen and (max-width: 660px) { #inset-outro-e9877fe2-6476-496d-bc27-c139a85a427e .slide:last-child .slide-text-container.absolute.center, #inset-onlyfans-e9877fe2-6476-496d-bc27-c139a85a427e .slide:last-child .slide-text-container.absolute.center, #inset-proana-e9877fe2-6476-496d-bc27-c139a85a427e .slide:last-child .slide-text-container.absolute.center, #inset-drugs-e9877fe2-6476-496d-bc27-c139a85a427e .slide:nth-child(1) .slide-text-container.absolute.center, #inset-drugs-bottom-e9877fe2-6476-496d-bc27-c139a85a427e .slide:nth-child(1) .slide-text-container.absolute.center { align-self: flex-end; } #inset-drugs-e9877fe2-6476-496d-bc27-c139a85a427e .slide:nth-child(2) .slide-text-container.absolute.right, #inset-drugs-bottom-e9877fe2-6476-496d-bc27-c139a85a427e .slide:nth-child(2) .slide-text-container.absolute.right { align-self: flex-start; } } #inset-proana-e9877fe2-6476-496d-bc27-c139a85a427e .slide:last-child .slide-text-container.absolute.center { top: 65%; } #inset-day-three-chart-e9877fe2-6476-496d-bc27-c139a85a427e .inline-width { max-width: 1260px; } #inset-day-three-chart-e9877fe2-6476-496d-bc27-c139a85a427e .slide-text-container { margin-left: auto; margin-right: auto; width: 540px; max-width: 70%; }]]> <![CDATA[/* This mixin will you allow you to write CSS for specific breakpoints It takes two arguments: the breakpoint and the scope. POSSIBLE VALUES --------------- $breakpoint: - '16u' - '12u' - '8u' - '4u' $scope: - 'andWider' - 'andNarrower' - 'only' USAGE ----- @include breakpoint('12u', 'andWider') { ~~CSS that will apply to 12units and 16units ~~ } @include breakpoint('12u', 'andNarrower') { ~~CSS that will apply to 12units, 8units, and 4units ~~ } @include breakpoint('12u', 'only') { ~~CSS that will apply ONLY to 12units ~~ } */ @font-face { font-family: "EscrowBannerCondensed"; src: url("https://s3.amazonaws.com/dj-assets/fonts/Escrow/ESCROW_BANNER/web/Escrow+Banner+Condensed+Roman/Escrow+Banner+Condensed+Roman.woff2") format("woff2"), url("https://s3.amazonaws.com/dj-assets/fonts/Escrow/ESCROW_BANNER/web/Escrow+Banner+Condensed+Roman/Escrow+Banner+Condensed+Roman.woff") format("woff"), url("https://s3.amazonaws.com/dj-assets/fonts/Escrow/ESCROW_BANNER/web/Escrow+Banner+Condensed+Roman/Escrow+Banner+Condensed+Roman.eot") format("eot"); font-weight: 400; font-style: normal; } #inset-header-e9877fe2-6476-496d-bc27-c139a85a427e .header { padding: 0 5px; } .header-holder { display: flex; justify-content: center; align-items: center; min-height: 50vh; } #inset-header-e9877fe2-6476-496d-bc27-c139a85a427e .target { position: absolute; bottom: -5px; display: block; width: 100%; height: 1px; pointer-events: none; } .small-screen-title { display: none; } .small-screen .strip-image, .small-screen .large-screen-title { display: none !important; } .small-screen h3, .small-screen .small-screen-title { display: block !important; } .strip-holder h3 { font-size: 3em; line-height: 1em; } .strip-holder h3 { font-family: "EscrowBannerCondensed"; font-weight: 400; letter-spacing: -0.3px; display: inline-block; margin-right: 5px; } .strip-holder .blank { display: inline-block; background-color: gray; opacity: 0.5; } .strip-holder img, .strip-holder .blank { width: 15.7px; height: 31px; } .strip-holder .strip-image { display: inline-block; margin-left: 2.5px; margin-right: 2.5px; } .strip-holder .strip-image.hidden, .strip-holder .blank.hidden { display: none; } .strip-holder .strip-image.filtered, .strip-holder .blank.filtered { transition: all 1.5s; } .filter-on .strip-holder .strip-image img, .filter-on .strip-holder .blank img { filter: grayscale(100%); } .filter-on .strip-holder .strip-image.filtered, .filter-on .strip-holder .blank.filtered { background: #ce3139; position: relative; filter: none; } .filter-on .strip-holder .strip-image.filtered img, .filter-on .strip-holder .blank.filtered img { opacity: 0.5; } @media screen and (min-width: 981px) { #inset-header-e9877fe2-6476-496d-bc27-c139a85a427e { position: relative; } .header-holder { position: relative; width: calc(100vw - 20px); display: flex; justify-content: center; align-items: center; margin-left: 20px; min-height: 100vh; } #inset-header-e9877fe2-6476-496d-bc27-c139a85a427e .target { position: relative; } .strip-holder { width: 95vw; overflow: visible; white-space: nowrap; } .strip-holder h3 { font-size: 8em; line-height: 1; } .strip-holder img, .strip-holder .blank { width: 39px; height: 77px; } } @media screen and (min-width: 1301px) { #inset-header-e9877fe2-6476-496d-bc27-c139a85a427e { min-height: 100vh; } .strip-holder { width: 100%; overflow: inherit; white-space: normal; } .strip-holder img, .strip-holder .blank { width: 44px; height: 87px; } }]]>

https://www.wsj.com/articles/tiktok-algorithm-sex-drugs-minors-11631052944

<![CDATA[ /************************* CSS for big top hero media it should be self-contained meaning, all CSS for this component should be here and have no dependencies on outside CSS ALSO: make selectors as flat as possible *************************/

/* Flashline SVGs*/ .bigTop__flash.flashlineSVG { height: 17px; width: NaNpx; }

/* Invert SVG colors for split top greater than 4u */ .split-top.light-theme-flashline.flashlineSVG { background: url() no-repeat; background-size: contain; }

.standard-big-top.flashlineSVG, .split-top.dark-theme-flashline.flashlineSVG { background: url() no-repeat; background-size: contain; }

/* Headline is below bigtop on mobile */ /* Invert colors for both light and dark themed immersives and dark theme modern templates */ /* Do not invert on non modern split-tops which maintain the theme below the bigtop */ @media (max-width: 639px) { .bigTop__flash.flashlineSVG, .wsj-modern .split-top.bigTop__flash.flashlineSVG { background: url() no-repeat; }

.split-top.dark-theme-flashline.flashlineSVG { background: url() no-repeat; }

.wsj-modern .split-top.bigTop__flash { color: #333; font-family: "Retina Narrow"; font-size: 14px; text-transform: uppercase; font-weight: 700; line-height: 15px; } }

.bigTop { margin: 0 0 40px; }

.bigTop__rel { position: relative; }

/**** end layout blocks *****/

/************ Hiding media-object container ***************/ .media-object.bigtophero { display: none !important; } /********** end hiding media object container ****************/

/************************ Overlay behind text ***********************/

.bigTop__overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.15); }

.bigTop__overlay--top { background: linear-gradient(to bottom, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0) 50%); }

.bigTop__overlay--bottom { background: linear-gradient(to top, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0) 50%); } /** end gray overlay behind text **/

/*************** Text definitions Basic definitions by size Space between text is defined in a different block don't add margins here ********************/

.bigTop__text { text-align: center; width: 100%; color: #fff; transition: opacity 0.3ms; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; }

.bigTop__flash, .bigTop__flash:link, .bigTop__flash:visited, .bigTop__flash:active{ font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 17px; font-weight: 500; text-transform: uppercase; display: block; padding: 0; margin: 0; text-align: center; color: inherit; }

.bigTop__flash, .bigTop__flash:link, .bigTop__flash:visited, .bigTop__flash:active{ font-family: "Retina Narrow", sans-serif; }

.bigTop__flash.flashlineSVG { margin: 0 auto; text-indent: -10000px; background-repeat: no-repeat; } .wsj-modern span.bigTop__flash.flashlineSVG { text-indent: 328px; } .wsj-modern .bigTop__text span:before { content: "|"; margin-right: 6px; }

.bigTop__flash.flashlineSVG.bigTopHide--8, .bigTop__flash.flashlineSVG.bigTopHide--12, .bigTop__flash.flashlineSVG.bigTopHide--16 { margin: 0; }

.bigTop__flash.wsj-exclusive:before { content: '25C6'; margin-right: 2px; position: relative; bottom: 1px; }

.edition-japan .bigTop__flash { font-weight: 700; }

.bigTop__hed { font-family: Georgia, serif; font-weight: 600; padding: 0; margin: 0; font-weight: bold; text-align: center; max-width: 100%; }

.bigTop__hed { font-family: 'Escrow Condensed'; font-weight: 600; padding: 0; margin: 0; font-weight: bold; text-align: center; max-width: 100%; }

.edition-japan .bigTop__hed { font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", ＭＳＰゴシック, "MS PGothic", serif; }

.bigTop__dek { font-family: Helvetica, Arial, sans-serif; font-weight: 400; display: block; padding: 0; margin: 0; text-align: center; max-width: 100%; }

.bigTop__dek { font-family: "Retina"; font-weight: 400; display: block; padding: 0; margin: 0; text-align: center; max-width: 100%; } /** end text definitions **/

/**************** media CSS ******************/ .bigTop__media { height: 60vw; } .bigTop__media--image { position: relative; background-position: center; background-repeat:no-repeat; background-size: 100% auto; background-size: cover; overflow: hidden; }

.bigTop__imageElem { position: absolute; width: 100%; height: 100%; padding: 0; margin: 0; top: 0; left: 0; }

.bigTop__media--video { padding-bottom: 56.25%; position: relative; }

.bigTop__preview { width: 100%; height: 100%; display: block; padding: 0; margin: 0; border: none; position: absolute; top: 0; left: 0; }

.bigTop__preview { transition: opacity 200ms; }

.bigTop__media--image > .bigTop__preview { transform: scale(1.1); --webkit-filter: blur(15px); filter: blur(15px); }

.bigTop__media--image[data-loaded="true"] > .bigTop__preview { opacity: 0; }

.bigTop__videoPlayerBox { position: absolute; }

.bigTop__videoPlayerBox--passive { width: 100%; height: 100%; top: 0; left: 0; opacity: 0; /*z-index: -1;*/ }

.bigTop__videoPlayerBox--fallback { position: relative; z-index: 0; }

.bigTop__videoPlayerBox--fallback .videoHint { display: none !important; }

.bigTop__videoPlayerBox--active { width: 100%; height: 100%; top: 0; left: 0; opacity: 1; z-index: 1; }

.bigTop__videoPlayer { position: relative; padding-bottom: 56.25%; }

.bigTop__codeholder { display: none; }

.bigTop__slideshow { cursor: pointer; position: absolute; bottom: 0; right: 0; background-color: #fff; padding: 10px; width: 300px; }

.bigTop__button { border-width: 2px; border-style: solid; font-family: 'Retina', Helvetica, Arial, sans-serif; font-weight: 600; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; cursor: pointer; margin: 0; padding: 6px 15px; box-sizing: border-box; transition: color 300ms, background-color 300ms; }

.bigTop_button--embedded { background: transparent; color: #fff; margin: 30px auto 20px; min-width: 175px; border-color: #fff; }

.bigTop_button--embedded:hover { color: #333; background-color: #fff; }

.bigTop__button--black { color: #333; border-color: #333; background-color: #fff; }

.bigTop__button--black:hover { color: #fff; background-color: #333; }

.bigTop__button--inline { margin: 15px 0 0; }

.bigTop__atmospheric { padding: 0; margin: 0; min-height: 41vw; background-size: 1px 1px; background-position: -1px -1px; }

.bigTop__atmospheric:empty { padding-bottom: 56.25%; background-color: #000; background-size: cover; background-repeat: no-repeat; }

.bigTop__atmospheric video, .bigTop__atmospheric img { width: 100%; display: block; padding: 0; margin: 0; }

/******** end media CSS *******/

/****************** caption/credit ********************/ .bigTop__captioncredit { display: block; font-family: "Retina", Helvetica, Arial, sans-serif; color: #555; margin: 5px auto 0; padding: 0 10px; box-sizing: border-box; }

.bigTop__caption { font-size: 14px; line-height: 20px; font-weight: 300; display: inline; }

.bigTop__credit { font-size: 14px; line-height: 20px; font-weight: 300; text-transform: uppercase; display: inline; } /******** end caption/credit ******/

/******** Video Play Button *********/ .bigTop__play { width: 50px; height: 50px; cursor: pointer; border: 1px #999 solid; background-color: rgba(0, 0, 0, 0.7); border-radius: 50%; text-indent: -9999px; display: block; box-sizing: border-box; }

.bigTop__videoPlayerBox:hover + .bigTop__text > .bigTop__play, .bigTop__videoPlayerBox:hover + .bigTop__play--standalone, .bigTop__play--hover { background-color: #0080c3; border-color: #0080c3; }

.bigTop__play:before { width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 12px solid transparent; border-left: 18px solid #fff; content: " "; position: absolute; display: block; margin-top: 13px; margin-left: 18px; }

.bigTop__videoTrigger { cursor: pointer; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.bigTop__play--standalone { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); pointer-events: none; } /***** Video Button *****/

/******************** Make bigTop align to page grid ***********************/ .bigTopPage__grid { padding: 0 10px; box-sizing: border-box; margin-left: auto; margin-right: auto; } /*** end page grid **/

/******************** splitTop styling ***********************/ .splitTop .bigTop__rel { background-color: #222; }

.splitTop .bigTop__text, .splitTop .bigTop__flash, .splitTop .bigTop__flash:link, .splitTop .bigTop__hed, .splitTop .bigTop__dek { color: #fff; }

.splitTop.bigTop--lightTheme .bigTop__rel { background-color: #fff; }

.splitTop.bigTop--lightTheme .bigTop__text, .splitTop.bigTop--lightTheme .bigTop__flash, .splitTop.bigTop--lightTheme .bigTop__flash:link, .splitTop.bigTop--lightTheme .bigTop__hed, .splitTop.bigTop--lightTheme .bigTop__dek { color: #000; }

.splitTop .bigTop__overlay { background-color: transparent; }

.splitTop .bigTop__overlay--bottom, .splitTop .bigTop__overlay--top { background: initial; }

.splitTop .bigTop__media { float: right; width: 50%; }

.splitTop .bigTop__captioncredit { text-align: right; color: #555; }

.splitTop .bigTop__text.bigTop__text--bottom, .splitTop .bigTop__text.bigTop__text--top { position: absolute; top: 50%; bottom: auto; left: 25%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 50%; min-height: initial; padding: 0 30px; }

.edition-japan .splitTop .bigTop__hed, .edition-japan .splitTop .bigTop__dek { text-align: left; }

/* 4 unit only */ @media (max-width: 639px) { .splitTop .bigTop__rel { padding-bottom: 15px; }

.bigTop__media { height: 120vw; } .bigTop__media--image { height: 58vw; } .bigTop__atmospheric { min-height: 41vw; }

.splitTop .bigTop__media { float: none; width: 100%; }

.splitTop .bigTop__captioncredit { text-align: left; color: #f4f4f4; }

.splitTop.bigTop--lightTheme .bigTop__captioncredit { color: #555; }

.splitTop .bigTop__text.bigTop__text--bottom, .splitTop .bigTop__text.bigTop__text--bottom { position: relative; width: auto; top: auto; left: auto; margin: 40px 20px; padding: 0; transform: none; -webkit-transform: none; }

.bigTop__flash.flashlineSVG { margin-left: 0; } }

/* 4, 8 unit splitTop font styling */ @media (max-width: 979px) { .splitTop .bigTop__text .bigTop__hed { font-size: 32px; line-height: 1.12; } .wsj-modern span.bigTop__flash.flashlineSVG { text-indent: 215px; } .splitTop .bigTop__text .bigTop__dek { font-size: 16px; line-height: 1.38; } }

/* 12, 16 unit splitTop font styling */ @media (min-width: 980px) { .splitTop .bigTop__text .bigTop__hed { font-size: 52px; line-height: 1; }

.splitTop .bigTop__text .bigTop__dek { font-size: 20px; line-height: 1.3; } } /*** end splitTop styling **/

/***** SECTION SPECIFIC STYLING ***/ .magazine .bigTop__flash, .magazine .bigTop__flash:link, .magazine .bigTop__flash:visited, .magazine .bigTop__flash:active { font-family: 'Retina Wide', 'Retina Narrow', 'Retina', 'Arial', sans-serif; }

.magazine .bigTop__hed { font-weight: 400; }

.magazine .bigTop__dek { font-family: 'Exchange', 'Chronicle SSm', Georgia, serif; }

/*************** Set via media query and not via classes to prevent page jump/rerender Previously set via CSS classes, e.g. bigTop__text--static, bigTop__hed-s, but it took too long for the page to "settle" **/

/* 4 unit only */ @media (max-width: 639px) { .bigTopHide--4, .bigTop__flash.bigTopHide--4 { display: none; }

.bigTop { margin: 0 0 20px; }

.bigTop__overlay { display: none; }

.bigTop__text { position: static; margin-top: 15px; text-align: left; margin-left: 10px; margin-right: 10px; width: auto; }

.bigTop__overlay { display: none; }

.bigTop__flash, .bigTop__flash:link, .bigTop__flash:active, .bigTop__flash:visited { color: #0080c3; text-align: left; }

.bigTop__hed { font-size: 32px; line-height: 1.125; color: #000; text-align: left; }

.bigTop__dek { font-size: 17px; line-height: 24px; color: #555; text-align: left; }

.bigTop__flash + .bigTop__hed { margin-top: 4px; }

.bigTop__hed + .bigTop__dek { margin-top: 1px; }

.bigTop__dek:last-child { margin-bottom: 15px; }

.bigTop__hed:last-child { margin-bottom: 14px; }

.bigTop_button--embedded { margin: 15px 0 10px; color: #000; border-color: #000; min-width: 150px; }

.bigTop_button--embedded:hover { background-color: #000; color: #fff; }

.bigTop__text--flex > .bigTop__play, .bigTop__play--standalone { position: absolute; top: 28vw; /* half of bottom padding of video elem */ left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); pointer-events: none; }

.bigTop__videoTrigger { height: 0; padding-bottom: 56.25%; }

.bigTop__flash.flashlineSVG { background-size: contain; }

.wsj-modern .bigTop__text span:before { margin-left: 10px; } }

/* 8 unit */ @media (min-width: 640px) and (max-width: 979px) { .bigTop__captioncredit, .bigTop__text { max-width: 640px; } .wsj-modern .splitTop span.bigTop .bigTop__flash.flashlineSVG { min-width: 282px; } .bigTop__text.bigTop__text--bottom { box-sizing: border-box; min-height: 40%; top: auto; bottom: 0; padding-bottom: 10px; transform: translateY(0) translateX(-50%); -webkit-transform: translateY(0) translateX(-50%); box-sizing: border-box; } .wsj-modern .bigTop span.bigTop__flash.flashlineSVG { max-width: 239px; min-height: 15px; max-height: 15px; min-width: 350px; } .wsj-modern .splitTop.bigTop span.bigTop__flash.flashlineSVG { min-width: 279px; } .bigTop__text.bigTop__text--top { top: auto; bottom:60%; max-height: 40%; padding-top: 10px; box-sizing: border-box; transform: translateY(0) translateX(-50%); -webkit-transform: translateY(0) translateX(-50%); }

.bigTop__hed { font-size: 42px; line-height: 1.095; }

.bigTop__hed + .bigTop__dek { margin-top: 9px; }

.bigTop__flash + .bigTop__hed { margin-top: 5px; }

.bigTop_button--embedded { margin: 20px auto; }

.bigTop__text--bottom.bigTop__text--flex > .bigTop__play { position: static; }

.bigTop__text--center.bigTop__text--flex > .bigTop__play { margin-top: 15px; }

.bigTop__text--flex > .bigTop__play + .bigTop__flash { margin-top: 15px; }

.wsj-modern .splitTop .bigTop__text span:before { margin-left: 10px; } }

/* 8, 12, 16 unit */ @media (min-width: 640px) { .bigTopHide--8, .bigTopHide--12, .bigTopHide--16, .bigTop__flash.bigTopHide--8, .bigTop__flash.bigTopHide--12, .bigTop__flash.bigTopHide--16 { display: none; }

.bigTop__rel { overflow: hidden; /* fix horizontal scroll in IE11 */ }

.bigTop__media--image > .bigTop__preview--forceblur { --webkit-filter: blur(20px); filter: blur(20px); }

.bigTop__text { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); }

.bigTop__dek { font-size: 20px; line-height: 28px; }

.bigTop__text--static.bigTop__text { color: #000; position: static; transform: none; margin-left: auto; margin-right: auto; }

.bigTop__text--inactive.bigTop__text--bottom, .bigTop__text--inactive.bigTop__text--center { opacity: 0; }

.bigTop__text.bigTop__text--flex { flex-direction: column; display: flex; justify-content: flex-end; align-items: center; height: 100%; }

.bigTop__text--clickthrough { pointer-events: none; }

.bigTop__text--clickthrough > .bigTop__flash, .bigTop__text--clickthrough > .bigTop__hed, .bigTop__text--clickthrough > .bigTop__dek { pointer-events: auto; }

.bigTop__text.bigTop__text--flex.bigTop__text--center { justify-content: center; }

.bigTop__text--center.bigTop__text--flex > .bigTop__play { order: 2; } }

/* 12 unit */ @media (min-width: 980px) and (max-width: 1299px) { .bigTop__captioncredit { max-width: 960px; }

.splitTop .bigTop__captioncredit { max-width: none; }

.bigTop__play { width: 70px; height: 70px; }

.bigTop__play:before { border-top-width: 16px; border-bottom-width: 17px; border-left-width: 26px; margin-top: 18px; margin-left: 25px; } }

/* 12, 16 unit */ @media (min-width: 980px) { .splitTop .bigTop__captioncredit { margin: 0; padding: 5px 5px 0 0; width: 50%; float: right; }

.bigTop__hed { font-size: 52px; line-height: 1.077; }

.edition-japan .bigTop__hed { font-size: 41px; }

.bigTop__text { max-width: 960px; }

.bigTop__text.bigTop__text--bottom { box-sizing: border-box; min-height: 30%; top: auto; bottom: 0; box-sizing: border-box; padding-bottom: 30px; transform: translateY(0) translateX(-50%); -webkit-transform: translateY(0) translateX(-50%); }

.bigTop__text.bigTop__text--top { top: auto; bottom: 70%; max-height: 30%; padding-top: 10px; box-sizing: border-box; transform: translateY(0) translateX(-50%); -webkit-transform: translateY(0) translateX(-50%); }

.bigTop__hed + .bigTop__dek { margin-top: 8px; }

.bigTop__flash + .bigTop__hed { margin-top: 5px; }

.bigTop__text--bottom.bigTop__text--flex > .bigTop__play { /* need to do this because of IE11 */ position: absolute; top: 50%; left: 50%; transform: translateY(0) translateX(-50%); -webkit-transform: translateY(0) translateX(-50%); }

.bigTop__text--bottom.bigTop__text--flex > .bigTop__play + .bigTop__flash, .bigTop__text--bottom.bigTop__text--flex > .bigTop__play + .bigTop__hed { margin-top: 50px; }

.bigTop__text--bottom.bigTop__text--flex > .bigTop__play { margin-top: -45px; }

.bigTop__text--center.bigTop__text--flex > .bigTop__play { margin-top: 20px; }

.bigTop__text--flex > .bigTop__play + .bigTop__flash { margin-top: 15px; } }

/* 16 unit */ @media (min-width: 1300px) { .bigTop__captioncredit { max-width: 1280px; }

.splitTop .bigTop__captioncredit { max-width: none; }

.bigTop__play { width: 90px; height: 90px; }

.bigTop__play:before { border-top-width: 20px; border-bottom-width: 22px; border-left-width: 33px; margin-top: 24px; margin-left: 33px; } }

]]>

The popular app can quickly drive young users into endless spools of adult content, including videos touting drug use and promoting pornography sites

By ,

,

and Jason French

Sept. 8, 2021 7:59 am ET

Resume Subscription We are delighted that you'd like to resume your subscription.

You will be charged $ + tax (if applicable) for EDL. You may change your billing preferences at any time in the Customer Center or call Customer Service. You will be notified in advance of any changes in rate or terms. You may cancel your subscription at anytime by calling Customer Service.