CINXE.COM

<!DOCTYPE html> <html lang="en" id="ng-app" class="no-js b-header--white--black b-footer--transparent--dark-grey b-reith-sans-font"> <head prefix="og: http://ogp.me/ns#"><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://www.bbc.com/ownit/the-basics/jim-chapman-vlogging-secrets?collection=vlogging","20220924081507","https://web.archive.org/","web","/_static/", "1664007307"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <link rel="schema.DCTERMS" href="https://purl.org/dc/terms/"> <script type="text/javascript"> window['optimizely'] = window['optimizely'] || []; window['optimizely'].push({'type': 'holdEvents'}); </script> <script src="https://web.archive.org/web/20220924081507js_/https://cdn.optimizely.com/public/4621041136/s/childrens_prod.js"></script> <title>Vlogging tips: YouTuber Jim Chapman gives his tips for successful vlogs - Own It - BBC</title> <meta name="DCTERMS.title" content="Vlogging tips: YouTuber Jim Chapman gives his tips for successful vlogs - Own It - BBC"/> <meta name="description" content="Wondering how to get into the millions of subscribers and become a vlogging celebrity? "/> <meta name="DCTERMS.description" content="Wondering how to get into the millions of subscribers and become a vlogging celebrity? "/> <meta property="og:title" content="Planning to vlog? Check out Jim Chapman's top tips"/> <meta property="og:description" content="Wondering how to get into the millions of subscribers and become a vlogging celebrity? "/> <meta property="og:image" content="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/720/1x/stay-safe/jim-chapman-secrets.jpg"/> <meta property="og:url" content="https://web.archive.org/web/20220924081507/http://www.bbc.co.uk/ownit/the-basics/jim-chapman-vlogging-secrets"/> <meta property="fb:pages" content="194575130577797"/> <meta property="fb:pages" content="7397061762"/> <meta property="fb:pages" content="7833211321"/> <meta property="fb:pages" content="129044383774217"/> <meta property="fb:pages" content="401538510458"/> <meta property="fb:pages" content="8251776107"/> <meta property="fb:pages" content="273726292719943"/> <meta property="fb:pages" content="107909022566650"/> <meta property="fb:pages" content="21750735380"/> <meta property="fb:pages" content="1477945425811579"/> <meta property="fb:pages" content="944295152308991"/> <meta property="fb:pages" content="154344434967"/> <meta property="fb:pages" content="8244244903"/> <meta property="fb:pages" content="512423982152360"/> <meta property="fb:pages" content="156060587793370"/> <meta property="fb:pages" content="215504865453262"/> <meta property="fb:pages" content="260967092113"/> <meta property="fb:pages" content="1392506827668140"/> <meta property="fb:pages" content="128645453843827"/> <meta property="fb:pages" content="7519460786"/> <meta property="fb:pages" content="1143803202301544"/> <meta property="fb:pages" content="1470145583204829"/> <meta property="fb:pages" content="470911516262605"/> <meta property="fb:pages" content="413132078795966"/> <meta property="fb:pages" content="118883634811868"/> <meta property="fb:pages" content="130593816777"/> <meta property="fb:pages" content="228735667216"/> <meta property="fb:pages" content="80758950658"/> <meta property="fb:pages" content="260212261199"/> <meta property="fb:pages" content="294662213128"/> <meta property="fb:pages" content="1086451581439054"/> <meta property="fb:pages" content="283348121682053"/> <meta property="fb:pages" content="295830058648"/> <meta property="fb:pages" content="239931389545417"/> <meta property="fb:pages" content="304314573046"/> <meta property="fb:pages" content="310719525611571"/> <meta property="fb:pages" content="647687225371774"/> <meta property="fb:pages" content="1159932557403143"/> <meta property="fb:pages" content="286567251709437"/> <meta property="fb:pages" content="1731770190373618"/> <meta property="fb:pages" content="125309456546"/> <meta property="fb:pages" content="742734325867560"/> <meta property="fb:pages" content="168895963122035"/> <meta property="fb:pages" content="292291897588734"/> <meta property="fb:pages" content="658551547588605"/> <meta property="fb:pages" content="156400551056385"/> <meta property="fb:pages" content="185246968166196"/> <meta property="fb:pages" content="1411916919051820"/> <meta property="fb:pages" content="958681370814419"/> <meta property="fb:pages" content="317278538359186"/> <meta property="fb:pages" content="8585725981"/> <meta property="fb:pages" content="1436581493296609"/> <meta property="fb:pages" content="163571453661989"/> <meta property="fb:pages" content="751471531641341"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="DCTERMS.created" content="2017-09-30T23:00:00.000Z"/> <meta name="DCTERMS.modified" content="2022-03-17T13:21:42.583Z"/> <link rel="canonical" href="https://web.archive.org/web/20220924081507/https://www.bbc.com/ownit/the-basics/jim-chapman-vlogging-secrets"/> <script type="text/javascript"> var _sf_startpt = (new Date()).getTime() </script> <link rel="copyright" href="https://web.archive.org/web/20220924081507/http://www.bbc.co.uk/terms/" title="Terms of Use"/> <link href="/web/20220924081507im_/https://www.bbc.com/ownit/assets/images/favicons/apple-touch-icon.png" rel="apple-touch-icon"/> <link href="/web/20220924081507im_/https://www.bbc.com/ownit/assets/images/favicons/favicon.ico" rel="icon" type="image/x-icon"/> <link href="/web/20220924081507im_/https://www.bbc.com/ownit/assets/images/favicons/favicon.ico" rel="shortcut icon" type="image/x-icon"/> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20220924081507cs_/https://static.bbci.co.uk/gelstyles/0.11.0/style/core.css"/> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20220924081507cs_/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/stylesheets/stay-safe.min.css"/>  <link rel="stylesheet" type="text/css" href="/web/20220924081507cs_/https://www.bbc.com/ownit/stylesheets/immersive/section/1643816024/9cdfbea/the-basics.css"/> <script type="text/javascript"> var allForwardSlashes = /\//g; var anythingNotAWordOrFullStop = /[^\w^\.]/g; var allMultipleUnderscores = /_+/g; var fullStopAtEnd = /\.$/; var pageDescriptor = window.location.pathname.substring(1) .replace(allForwardSlashes, '.') .replace(anythingNotAWordOrFullStop, '_') .replace(allMultipleUnderscores, '_') .replace(fullStopAtEnd, ''); window.istats_countername = pageDescriptor.toLowerCase() + '.page'; </script>   <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> :root { --bbc-font: ReithSans, Arial, Helvetica, freesans, sans-serif; --bbc-font-legacy: Arial, Helvetica, freesans, sans-serif; } </style> <script nomodule type="text/javascript" src="https://web.archive.org/web/20220924081507js_/https://static.files.bbci.co.uk/orbit/0590e2ad11171db0a349113cf8bd8837/js/polyfills.js"></script> <link rel="stylesheet" href="https://web.archive.org/web/20220924081507cs_/https://static.files.bbci.co.uk/orbit/0590e2ad11171db0a349113cf8bd8837/css/orbit-v4-ltr.min.css"> <script src="https://web.archive.org/web/20220924081507js_/https://static.files.bbci.co.uk/orbit/0590e2ad11171db0a349113cf8bd8837/js/require.min.js"></script> <script type="text/javascript"> window.orbitData = {}; var additionalPageProperties = {}; additionalPageProperties['custom_var_1'] = 'none' || null; additionalPageProperties['custom_var_2'] = 'false' || null; additionalPageProperties['custom_var_3'] = 'false' || null; additionalPageProperties['custom_var_4'] = 'vlogging' || null; additionalPageProperties['custom_var_5'] = 'pid-p05mgbnm' || null; additionalPageProperties['custom_var_6'] = '2017-11-17T15:36:32.454Z' || null; additionalPageProperties['custom_var_7'] = '2022-03-17T13:21:42.583Z' || null; additionalPageProperties['custom_var_10'] = 'none' || null; additionalPageProperties['app_name'] = 'own-it' || null; window.orbitData.userProfileUrl = "https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/userprofile"; window.page = { name: '' || null, destination: 'own_it' || null, producer: 'bbc' || null, section: 'the-basics' || null, site: '' || null, contentId: 'urn:bbc:isite2:11faf916-c6fe-4f3b-a75f-ef147f96fac2' || null, contentType: 'article' || null, edition: '' || null, additionalProperties: additionalPageProperties }; window.page.language = 'en'; window.page.language = 'en'; window.page.modal = false; </script> <script type="text/javascript">!function(){var t={930:function(t,e,r){function n(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function o(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?n(Object(r),!0).forEach((function(e){i(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function i(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var c=r(382),u=r(19);window.bbcpage=c.init(o({},window.page)),window.page=void 0,window.bbcuser=u.init(window,o({},window.user)),window.user=void 0},382:function(t){function e(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function r(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?e(Object(o),!0).forEach((function(e){n(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):e(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function n(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}t.exports={init:function(t){var e=r({},t);return document.addEventListener("bbc-page-reset",(function(t){var r;t.detail&&t.detail.page&&(r=t.detail.page,e=Object.assign(e,r)),document.dispatchEvent(new Event("bbc-page-updated"))})),{getName:function(){return Promise.resolve(e.name||function(){if("file:"===window.location.protocol)return"local.file";var t=window.location.pathname.replace(/\/$/,"").replace(/^\//,"").replace(/\//g,".");return"".concat(t,".page")}())},getLanguage:function(){return Promise.resolve(e.language)},getDestination:function(){return Promise.resolve(e.destination)},getProducer:function(){return Promise.resolve(e.producer)},getSection:function(){return Promise.resolve(e.section)},getContentType:function(){return Promise.resolve(e.contentType)},getContentId:function(){return Promise.resolve(e.contentId)},getReferrer:function(){return Promise.resolve(document.referrer)},getAdditionalProperties:function(){return Promise.resolve(r({},e.additionalProperties))},loadCSS:function(t){return new Promise((function(e){var r=document.createElement("link");r.type="text/css",r.rel="stylesheet",r.onload=function(){e()},r.href=t,document.getElementsByTagName("head")[0].appendChild(r)}))},isModal:function(){return Promise.resolve(e.modal)}}}}},19:function(t,e,r){function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function o(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function i(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?o(Object(r),!0).forEach((function(e){c(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function c(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function u(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function a(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function f(t,e){if(e&&("object"===n(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function s(t){var e="function"==typeof Map?new Map:void 0;return s=function(t){if(null===t||(r=t,-1===Function.toString.call(r).indexOf("[native code]")))return t;var r;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,n)}function n(){return l(t,arguments,d(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),h(n,t)},s(t)}function l(t,e,r){return l=p()?Reflect.construct.bind():function(t,e,r){var n=[null];n.push.apply(n,e);var o=new(Function.bind.apply(t,n));return r&&h(o,r.prototype),o},l.apply(null,arguments)}function p(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}function h(t,e){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},h(t,e)}function d(t){return d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},d(t)}var y=r(890).loadModule,v=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&h(t,e)}(s,t);var e,r,n,o,i,c=(e=s,r=p(),function(){var t,n=d(e);if(r){var o=d(this).constructor;t=Reflect.construct(n,arguments,o)}else t=n.apply(this,arguments);return f(this,t)});function s(){return a(this,s),c.apply(this,arguments)}return n=s,o&&u(n.prototype,o),i&&u(n,i),Object.defineProperty(n,"prototype",{writable:!1}),n}(s(Error));t.exports={init:function(t,e){var r,n=i({},e),o=null;function c(){if(["X-Country","X-Ip_is_advertise_combined","X-Ip_is_uk_combined"].every((function(t){return!!n[t]})))return Promise.resolve(n);if(!o){var e=t.location.hostname.endsWith(".com")?"com":"co.uk";o=t.fetch("https://web.archive.org/web/20220924081507/https://www.bbc.".concat(e,"/userinfo")).then((function(t){return t.json()}))}return o}function u(t){if(t.status>=200&&t.status<300)return t;var e=new Error(t.statusText);throw e.response=t,e}function a(t){return t.json()}function f(){if(n.ageBand)return Promise.resolve(n);if(!r){if("undefined"==typeof XMLHttpRequest||!("withCredentials"in new XMLHttpRequest))return Promise.resolve(n);r=y(["idcta-v2/idcta-1"]).then((function(e){return e.initiateTokenRefresh().then((function(){return t.fetch(t.orbitData.userProfileUrl,{credentials:"include"}).then(u).then(a).then((function(t){return n=i(i({},n),t)}))}))}))}return r}function s(){var t=document.cookie.match(/(?:^|; ?)ckns_policy=(\d)(\d)(\d)($|;)/);return t?{ads:!!+t[1],personalisation:!!+t[2],performance:!!+t[3],necessary:!0}:{ads:!1,personalisation:!1,performance:!1,necessary:!0}}var l={getHashedId:function(){return y(["idcta-v2/idcta-1"]).then((function(t){return t.getCookieInstance().getHidFromCookie()}))},isSignedIn:function(){return y(["idcta-v2/idcta-1"]).then((function(t){return t&&t.getCookieInstance().hasCookie()}))},getCountry:function(){return c().then((function(t){return t["X-Country"]||"gb"}))},isUKCombined:function(){return c().then((function(t){if(!t["X-Ip_is_uk_combined"])throw new v("missing isUKCombined from userinfo response");return"yes"===t["X-Ip_is_uk_combined"].toLowerCase()}))},canSeeAdverts:function(){return c().then((function(t){if(!t["X-Ip_is_advertise_combined"])throw new v("missing canSeeAdverts from userinfo response");return"yes"===t["X-Ip_is_advertise_combined"].toLowerCase()}))},getAgeBand:function(){return c().then((function(t){return t["X-Age-Band"]?Promise.resolve(t["X-Age-Band"]):l.isSignedIn().then((function(t){if(t)return f().then((function(t){return n["X-Age-Band"]=t["X-Age-Band"],n["X-Age-Band"]||void 0})).catch((function(){return n["X-Age-Band"]||void 0}))}))}))},allowsPerformanceCookies:function(){return Promise.resolve(t.navigator.cookieEnabled&&s().performance)},allowsFunctionalCookies:function(){return Promise.resolve(t.navigator.cookieEnabled&&s().personalisation)},getCookieValue:function(t){var e;return t?Promise.resolve((null===(e=document.cookie.match("(^|;)\\s*".concat(t,"\\s*=\\s*([^;]+)")))||void 0===e?void 0:e.pop())||void 0):Promise.resolve(document.cookie)}};return l},BBCUserError:v}},890:function(t){t.exports={loadModule:function(t){return new Promise((function(e,r){window.require(t,(function(){e.apply(this,arguments)}),(function(t){r(t)}))}))}}},666:function(t){var e=function(t){"use strict";var e,r=Object.prototype,n=r.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",c=o.asyncIterator||"@@asyncIterator",u=o.toStringTag||"@@toStringTag";function a(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{a({},"")}catch(t){a=function(t,e,r){return t[e]=r}}function f(t,e,r,n){var o=e&&e.prototype instanceof v?e:v,i=Object.create(o.prototype),c=new k(n||[]);return i._invoke=function(t,e,r){var n=l;return function(o,i){if(n===h)throw new Error("Generator is already running");if(n===d){if("throw"===o)throw i;return C()}for(r.method=o,r.arg=i;;){var c=r.delegate;if(c){var u=_(c,r);if(u){if(u===y)continue;return u}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(n===l)throw n=d,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n=h;var a=s(t,e,r);if("normal"===a.type){if(n=r.done?d:p,a.arg===y)continue;return{value:a.arg,done:r.done}}"throw"===a.type&&(n=d,r.method="throw",r.arg=a.arg)}}}(t,r,c),i}function s(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=f;var l="suspendedStart",p="suspendedYield",h="executing",d="completed",y={};function v(){}function g(){}function b(){}var m={};a(m,i,(function(){return this}));var w=Object.getPrototypeOf,O=w&&w(w(S([])));O&&O!==r&&n.call(O,i)&&(m=O);var P=b.prototype=v.prototype=Object.create(m);function j(t){["next","throw","return"].forEach((function(e){a(t,e,(function(t){return this._invoke(e,t)}))}))}function E(t,e){function r(o,i,c,u){var a=s(t[o],t,i);if("throw"!==a.type){var f=a.arg,l=f.value;return l&&"object"==typeof l&&n.call(l,"__await")?e.resolve(l.__await).then((function(t){r("next",t,c,u)}),(function(t){r("throw",t,c,u)})):e.resolve(l).then((function(t){f.value=t,c(f)}),(function(t){return r("throw",t,c,u)}))}u(a.arg)}var o;this._invoke=function(t,n){function i(){return new e((function(e,o){r(t,n,e,o)}))}return o=o?o.then(i,i):i()}}function _(t,r){var n=t.iterator[r.method];if(n===e){if(r.delegate=null,"throw"===r.method){if(t.iterator.return&&(r.method="return",r.arg=e,_(t,r),"throw"===r.method))return y;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return y}var o=s(n,t.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,y;var i=o.arg;return i?i.done?(r[t.resultName]=i.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,y):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function x(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function L(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function k(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(x,this),this.reset(!0)}function S(t){if(t){var r=t[i];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,c=function r(){for(;++o<t.length;)if(n.call(t,o))return r.value=t[o],r.done=!1,r;return r.value=e,r.done=!0,r};return c.next=c}}return{next:C}}function C(){return{value:e,done:!0}}return g.prototype=b,a(P,"constructor",b),a(b,"constructor",g),g.displayName=a(b,u,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===g||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,b):(t.__proto__=b,a(t,u,"GeneratorFunction")),t.prototype=Object.create(P),t},t.awrap=function(t){return{__await:t}},j(E.prototype),a(E.prototype,c,(function(){return this})),t.AsyncIterator=E,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var c=new E(f(e,r,n,o),i);return t.isGeneratorFunction(r)?c:c.next().then((function(t){return t.done?t.value:c.next()}))},j(P),a(P,u,"Generator"),a(P,i,(function(){return this})),a(P,"toString",(function(){return"[object Generator]"})),t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=S,k.prototype={constructor:k,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(L),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function o(n,o){return u.type="throw",u.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var c=this.tryEntries[i],u=c.completion;if("root"===c.tryLoc)return o("end");if(c.tryLoc<=this.prev){var a=n.call(c,"catchLoc"),f=n.call(c,"finallyLoc");if(a&&f){if(this.prev<c.catchLoc)return o(c.catchLoc,!0);if(this.prev<c.finallyLoc)return o(c.finallyLoc)}else if(a){if(this.prev<c.catchLoc)return o(c.catchLoc,!0)}else{if(!f)throw new Error("try statement without catch or finally");if(this.prev<c.finallyLoc)return o(c.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var c=i?i.completion:{};return c.type=t,c.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(c)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),L(r),y}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;L(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:S(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),y}},t}(t.exports);try{regeneratorRuntime=e}catch(t){"object"==typeof globalThis?globalThis.regeneratorRuntime=e:Function("r","regeneratorRuntime = r")(e)}}},e={};function r(n){var o=e[n];if(void 0!==o)return o.exports;var i=e[n]={exports:{}};return t[n](i,i.exports,r),i.exports}r(666);r(930)}();</script> <script type="module"> window.importmap = {"orbit-drawer":"https://web.archive.org/web/20220924081507/https://static.files.bbci.co.uk/orbit/0590e2ad11171db0a349113cf8bd8837/js/drawer.mjs","bbccookies":"https://web.archive.org/web/20220924081507/https://static.files.bbci.co.uk/cookies/383de920e51b3d59e2037eb2d20a8122/cookie-banner/cookie-library.module.js"}; var o={738:function(o){o.exports={loadModule:function(o){return new Promise(((n,t)=>{window.require(o,(function(){n.apply(this,arguments)}),(o=>{t(o)}))}))}}},61:function(o,n,t){const{loadModule:r}=t(738);o.exports=function(o){return function(n){return"string"==typeof n&&o[n]?import(o[n]):r(n)}}}},n={};function t(r){var i=n[r];if(void 0!==i)return i.exports;var e=n[r]={exports:{}};return o[r](e,e.exports,t),e.exports}!function(){const o=t(61);window.shimport=o({...window.importmap}),window.importMap=void 0}();</script> <script type="text/javascript"> window.page = undefined; window.user = undefined; </script> <link rel="preload" href="https://web.archive.org/web/20220924081507/https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_Rg.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20220924081507/https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_Bd.woff2" as="font" type="font/woff2" crossorigin>        <link rel="stylesheet" href="https://web.archive.org/web/20220924081507cs_/https://nav.files.bbci.co.uk/searchbox/5b1a03ed8bb39e3b9448966da7551a90/css/box.css"> <script src="https://web.archive.org/web/20220924081507js_/https://static.files.bbci.co.uk/cookies/383de920e51b3d59e2037eb2d20a8122/cookie-banner/cookie-library.bundle.js"></script><script type="text/javascript">void 0!==window.define&&define("orb/cookies",function(){return window.bbccookies})</script> <script type="text/javascript">window.__detectview={clickManagementEnabled:false};</script> <script type="text/javascript">"use strict";!function(){window.__reverbStaticLocation="https://web.archive.org/web/20220924081507/https://mybbc-analytics.files.bbci.co.uk/reverb-client-js/",window.__smarttagVersion="5.29.1",window.__reverb={},window.__reverb.__reverbLoadedPromise=new Promise(function(e,i){window.__reverb.__resolveReverbLoaded=e,window.__reverb.__rejectReverbLoaded=i}),window.__reverb.__reverbTimeout=setTimeout(function(){window.__reverb.__rejectReverbLoaded()},5e3);var i=function(d,a){window.__reverb.__reverbLoadedPromise.then(function(e){if(d&&d.detail){var i=!!d.detail.item,n=d.detail.label,t=i?"viewability":d.detail.type,o=d.detail.elem,r=d.detail.originalEvent;d.detail.isClick&&(a=d.detail.isClick),e.userActionEvent(t,n,d.detail,o,r,a)}},function(){console.log("Reverb failed to load. Event not sent")})},n=function(){window.__reverb.__reverbLoadedPromise.then(function(e){e.initialise().then(function(){return e.viewEvent()})},function(){console.log("Reverb failed to load. Event not sent")})};document.addEventListener("bbc-user-event",function(e){i(e,!1)}),document.addEventListener("bbc-user-click",function(e){i(e,!0)}),document.addEventListener("bbc-page-updated",n),window.addEventListener("pageshow",function(e){e.persisted&&n()})}();</script><script type="text/javascript" src="https://web.archive.org/web/20220924081507js_/https://mybbc-analytics.files.bbci.co.uk/reverb-client-js/reverb-3.5.0.js" async></script> <script type="text/javascript">"use strict";function asyncGeneratorStep(e,t,n,r,o,a,i){try{var s=e[a](i),c=s.value}catch(e){return void n(e)}s.done?t(c):Promise.resolve(c).then(r,o)}function _asyncToGenerator(s){return function(){var e=this,i=arguments;return new Promise(function(t,n){var r=s.apply(e,i);function o(e){asyncGeneratorStep(r,t,n,o,a,"next",e)}function a(e){asyncGeneratorStep(r,t,n,o,a,"throw",e)}o(void 0)})}}var wrapMethod=function(e,t){return e[t]&&"function"==typeof e[t]?e[t]():Promise.resolve(null)},getPageVariables=function(){return window&&window.bbcpage?Promise.all(["getDestination","getSection"].map(function(e){return wrapMethod(window.bbcpage,e)})).then(function(e){var t=JSON.parse(JSON.stringify(e));return{destination:t[0],section:t[1]}}):Promise.resolve(void 0)},getUserVariables=function(){return window&&window.bbcuser?Promise.all(["isSignedIn","getHashedId"].map(function(e){return wrapMethod(window.bbcuser,e)})).then(function(e){var t=JSON.parse(JSON.stringify(e));return{isSignedIn:t[0],hashedId:t[1]}}):Promise.resolve(void 0)},dotMetricsTag=function(e,t){var n=document.createElement("script");return n.src="https://web.archive.org/web/20220924081507/https://uk-script.dotmetrics.net/door.js?d=".concat(t,"&t=").concat(e),n.async=!0,n.id="dotmetrics",document.body.appendChild(n),function(){document.body.removeChild(n)}},isAccountPage=function(e,t){return!!e.includes("account.bbc")||!!t&&("account"===t.toLowerCase()||"account_test"===t.toLowerCase())},parseSiteSectionName=function(e){var t=e.destination,n=e.section,r=document?document.location.host.replace(/:.*/,""):"bbc.no.host";if(t){var o="";return n&&["NEWS_PS","NEWS_PS_TEST","SOUNDS","SOUNDS_TEST","SPORT_PS","SPORT_PS_TEST","IPLAYER","IPLAYER_TEST"].includes(t.toUpperCase())&&(o=n.split("::")[0]),{siteSectionNameString:"".concat(t).concat(o).toLowerCase().replace(/_/g,""),host:r}}return{siteSectionNameString:"other",host:r}};function startUkom(){return _startUkom.apply(this,arguments)}function _startUkom(){return(_startUkom=_asyncToGenerator(regeneratorRuntime.mark(function e(){var t,n,r;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,getUserVariables();case 2:if((t=e.sent)&&t.isSignedIn&&null==t.hashedId)return e.abrupt("return");e.next=5;break;case 5:return e.next=7,getPageVariables();case 7:if(n=e.sent,isAccountPage(document.location.host,n.destination))return e.abrupt("return");e.next=10;break;case 10:r=parseSiteSectionName(n),dotMetricsTag(r.siteSectionNameString,r.host);case 12:case"end":return e.stop()}},e)}))).apply(this,arguments)}document.addEventListener("bbc-page-updated",function(){startUkom()}),window.addEventListener("pageshow",function(e){e.persisted&&startUkom()}),document.addEventListener("DOMContentLoaded",function(){startUkom()});</script> <link rel="stylesheet" href="https://web.archive.org/web/20220924081507cs_/https://static.files.bbci.co.uk/account/id-cta/592/style/id-cta.css"/><script type="text/javascript">(function () {if (!window.require) {throw new Error('idcta: could not find require module');}if (typeof (map) == 'undefined') {var map = {};}if (!!document.createElementNS && !!document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect) {document.documentElement.className += ' id-svg';}var ptrt = new RegExp("[\\?&]ptrt=([^&]*)").exec(document.location.href);var ENDPOINT_URL = 'https://web.archive.org/web/20220924081507/https://idcta.api.bbc.co.uk';var ENDPOINT_CONFIG = ('/idcta/config?callback=&context=cbbc&ptrt=' + (ptrt ? ptrt[1] : encodeURIComponent(document.location.href))).replace(/\&/g, '&');var ENDPOINT_TRANSLATIONS = '/idcta/translations?callback=';function hasPromise() {var P = window.Promise;var promiseToString = null;if (P) {try {promiseToString = Object.prototype.toString.call(P.resolve());} catch (e) {/*silently ignored*/}}return (promiseToString === '[object Promise]' && !P.cast);}if (hasPromise()) {define('idcta/es6-promise', function () {return window.Promise;});define('idcta-v2/es6-promise', function () {return window.Promise;});}map['idcta-v2'] = 'https://web.archive.org/web/20220924081507/https://static.files.bbci.co.uk/account/id-cta/592/modules/idcta-v2';map['idcta-v2/config'] = ENDPOINT_URL + ENDPOINT_CONFIG;map['idcta-v2/translations'] = ENDPOINT_URL + ENDPOINT_TRANSLATIONS;map['idcta'] = 'https://web.archive.org/web/20220924081507/https://static.files.bbci.co.uk/account/id-cta/1.8.2/modules/idcta';map['idcta-v2/idcta-1'] = 'https://web.archive.org/web/20220924081507/https://static.files.bbci.co.uk/account/id-cta/592/modules/idcta-v2/dist/idcta-1.min';map['idcta-v2/experiment-snippet'] = 'https://web.archive.org/web/20220924081507/https://cdn.optimizely.com/public/4621041136/s/idcta_live';const idctaShim = {deps: ['idcta-v2/idcta-1'],};require({shim: {'idcta-v2/statusbar': idctaShim,'idcta-v2/id-config': idctaShim},map: {'*': {'idcta/idcta-1': 'idcta-v2/idcta-1','idcta': 'idcta-v2',}},paths: map});window.idctaBaseUrl = ENDPOINT_URL;define('idcta/config', ['idcta-v2/config'], function (data) { return data; });define('idcta/translations', ['idcta-v2/translations'], function (data) { return data; });})();</script> <script> require.config({ paths: { 'optimizely-ati': ['https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/stats/optimizely-ati'] } }); require(['optimizely-ati'], function (optimizelyATI) { window['optimizely'] = window['optimizely'] || []; window['optimizely'].push({'type': 'sendEvents'}); optimizelyATI.init(); }); </script> <script type="text/javascript"> if(window.bbcuser && window.bbcuser.isUKCombined) { window.bbcuser.isUKCombined().then(function (isUK) { if (!isUK) { window.location = "/ownit/restricted"; } }).catch(function(error) { console.error(error) }) } </script> <script type="text/javascript" src="https://web.archive.org/web/20220924081507js_/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/libraries/modernizr.js"></script> <script> define('modernizr', [], Modernizr); </script> <script type="text/javascript" src="https://web.archive.org/web/20220924081507js_/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/libraries/matchMedia.js"></script> <script>window.Morph = {}</script> <script type="text/javascript">Morph.markPerformance = function(label) { if(window.performance && window.performance.mark) { window.performance.mark(label); } }; Morph.versions = {}; Morph.modules = {}; Morph.config = { cdn: "m.files.bbci.co.uk", pushEnv: "live" }; Morph.styles = {}; Morph.styleSrc = []; Morph.toInit = {bundles: [], registers: [], payloads: []}; Morph.initStyles = function() { if (!Morph.enhanced) { var eles = Array.prototype.slice.call(document.getElementsByTagName('noscript')); for (var i = 0, len = eles.length; i<len; i++) { if (eles[i].className === 'morph-core-style') { document.write(eles[i].innerText); eles[i].parentNode.removeChild(eles[i]); } } return; } for (var j = 0, jLen = Morph.styleSrc.length; j<jLen; j++) { document.write(Morph.styleSrc[j]); } Morph.styleSrc = []; };</script> <script type="text/javascript">Morph.forceCore = window.location.search.indexOf('morph-disable-enhanced=1')>-1; Morph.modernBrowser = ( 'addEventListener' in window && 'querySelector' in document && 'localStorage' in window ); Morph.isOperaMini = ( window.navigator.userAgent.indexOf('Opera Mini/')>-1 && window.navigator.userAgent.indexOf('Presto/')>-1 ); Morph.enhanced = (!Morph.forceCore && Morph.modernBrowser && !Morph.isOperaMini);</script> <noscript class="morph-core-style"><style>.reactions-styleguide__section{background-color:#fff;margin-bottom:32px}@media (min-width: 37.5em){.reactions-styleguide__section{padding:16px}}.reactions-styleguide__heading{background-color:#FFD201;margin-left:-16px;margin-right:-16px;padding:16px}.reactions-styleguide__heading:first-of-type{margin-top:-16px}.reactions-styleguide__heading,.reactions-styleguide__subheading{font-size:18px;font-size:1.125rem;line-height:22px;line-height:1.375rem;font-weight:bold;margin-bottom:16px;margin-top:32px}#reactions-list li{list-style:none}.reactions__standalone .content-item-description{*zoom:1}.reactions__standalone .content-item-description:before,.reactions__standalone .content-item-description:after{content:" ";display:table}.reactions__standalone .content-item-description:after{clear:both}.reactions__standalone{max-width:864px}.reactions__standalone::before{position:relative;content:"";display:block;width:100%;background-color:black;padding-top:56.25%;z-index:999}.reactions__standalone .content-item-description{color:palette("text-dark");padding:16px 8px}@media (min-width: 37.5em){.reactions__standalone .content-item-description{padding:16px}}.reactions__standalone .reactions-container{width:calc(100% + 16px);margin-top:-16px;margin-right:-16px;margin-bottom:16px;margin-left:-8px}.content-item--riddle-content .reactions__standalone .reactions-container{margin-top:0}@media (min-width: 37.5em){.reactions__standalone .reactions-container{width:calc(100% + 32px);margin-left:-16px}}.reactions__standalone .content-item-description .reactions-cta{float:right;padding-left:16px;padding-right:4px}@media (min-width: 25em){.reactions__standalone .content-item-description .reactions-cta{padding-right:8px}}@media (min-width: 37.5em){.reactions__standalone .content-item-description .reactions-cta{padding-right:16px}}.reactions__standalone .content-item-description .reactions-cta--open{margin-top:0}.reactions__standalone .content-item-description .reactions-tray__reactions{z-index:999}.reactions-module{pointer-events:none;position:relative}.reactions .reactions-tray{margin-top:-36px;position:relative;z-index:999;pointer-events:none}.reactions .reactions-tray::before{display:block;height:20px;content:''}.reactions .reactions-tray__reactions-container{display:block;position:relative;padding:0 3px;max-height:0;height:auto;transition:max-height 300ms 120ms;background-color:#FDF6FF}@media (min-width: 37.5em){.reactions .reactions-tray__reactions-container{justify-content:center;-ms-flex-pack:center;-webkit-justify-content:center}}@media (prefers-reduced-motion: reduce){.reactions .reactions-tray__reactions-container{transition:none;max-height:0}}.reactions .reactions-tray__reactions-container:after{content:"";position:absolute;width:100%;height:5px;left:0;background:linear-gradient(rgba(43,31,90,0), rgba(43,31,90,0.2));bottom:0;visibility:hidden;transition:visibility 1ms 300ms}.reactions .reactions-tray__reactions-container li{padding-bottom:0;visibility:hidden;transition:visibility 0ms linear 300ms}.reactions .reactions-tray__reactive-prompt{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase;color:#333;opacity:0;padding-bottom:16px;text-align:center;text-transform:uppercase;transition:opacity 300ms,visibility 0s linear 200ms;visibility:hidden}.reactions .reactions-tray__reactions-container--open{display:block;max-height:124px;pointer-events:all;transition:max-height 300ms}@media (min-width: 37.5em){.reactions .reactions-tray__reactions-container--open{max-height:154px}}.reactions .reactions-tray__reactions-container--open:after{visibility:visible;transition:visibility 1ms}.reactions .reactions-tray__reactions-container--open li{visibility:visible;transition:visibility 0ms linear 0ms}.reactions .reactions-tray__reactions-container--open .reactions-tray__reactive-prompt{visibility:visible;opacity:1}.reactions .reactions-cta{border:0;position:relative;overflow:visible;cursor:pointer;background-color:transparent;margin:8px 0;pointer-events:auto;z-index:999}.reactions .reactions-cta:hover .cta-cbbc-icon,.reactions .reactions-cta:hover .cta-cbeebies-icon{animation-play-state:paused}@media (min-width: 37.5em){.reactions .reactions-cta:hover .cta-cbbc-icon svg,.reactions .reactions-cta:hover .cta-cbeebies-icon svg{transition:all 500ms ease;transform:scale(1.1)}}.reactions .reactions-cta:not(.reactions-cta--clicked) .cta-cbbc-icon,.reactions .reactions-cta:not(.reactions-cta--clicked) .cta-cbeebies-icon{display:block;animation-name:wiggle;animation-duration:7s;animation-delay:5s;animation-iteration-count:3}.reactions .cta-icon svg{width:54px}@keyframes wiggle{0%{transform:scale(1) rotate(0deg)}10%{transform:scale(1.05) rotate(0deg)}11%{transform:scale(1.05) rotate(-5deg)}13%{transform:scale(1.05) rotate(5deg)}15%{transform:scale(1.05) rotate(-5deg)}17%{transform:scale(1.05) rotate(5deg)}19%{transform:scale(1.05) rotate(-5deg)}20%{transform:scale(1.05) rotate(0deg)}30%{transform:scale(1) rotate(0deg)}}.reactions .reactions-cta-image{display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;-ms-flex-align:center;font-size:15px;font-size:.9375rem;line-height:18px;line-height:1.125rem;font-weight:bold;color:#2B1F5A;position:relative}.reactions .reactions-count-container{position:absolute;top:58%;left:-90%;height:25px;line-height:25px;width:80px;text-align:right;vertical-align:middle}.reactions .reactions-cta--open .cta-arrow-icon{transform:rotate(180deg)}.reactions .reaction-button{transition:opacity 200ms ease-in-out;opacity:0;outline:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (hover: hover), (-ms-high-contrast: none){.reactions .reaction-button:hover svg{height:44px;width:44px;top:-2px;left:-2px;transform:rotate(-10deg);transform-origin:center center}}@media (hover: hover) and (min-width: 37.5em), (-ms-high-contrast: none) and (min-width: 37.5em){.reactions .reaction-button:hover svg{height:66px;width:66px;top:-3px;left:-3px}}@-moz-document url-prefix(){.reactions .reaction-button:hover svg{height:44px;width:44px;top:-2px;left:-2px;transform:rotate(-10deg);transform-origin:center center}@media (min-width: 37.5em){.reactions .reaction-button:hover svg{height:66px;width:66px;top:-3px;left:-3px}}}.reactions .reaction-button:focus .reaction-focus-line{background-color:#2B1F5A}.reactions .reaction-button.reaction-button--selected .reaction-icon{top:-8px}@media (min-width: 37.5em){.reactions .reaction-button.reaction-button--selected .reaction-icon{top:-12px}}.reactions .reaction-button.reaction-button--selected .reaction-icon svg{transform:rotate(20deg);transform-origin:center center;height:56px;width:56px;top:-8px;left:-8px}@media (min-width: 37.5em){.reactions .reaction-button.reaction-button--selected .reaction-icon svg{height:84px;width:84px;top:-12px;left:-12px}}.reactions .animation-playing .reaction-button--selected{position:relative;z-index:1020}.reactions .animation-playing .reaction-button--selected .reaction-icon svg{z-index:1030;height:104px;width:104px;top:-32px;left:-32px}@media (min-width: 37.5em){.reactions .animation-playing .reaction-button--selected .reaction-icon svg{height:156px;width:156px;top:-48px;left:-48px}}.reactions .reaction-button--show{transition:opacity 43ms cubic-bezier(0, 0.94, 0.46, 0.85) 80ms;opacity:1}@media (prefers-reduced-motion: reduce){.reactions .reaction-button{transition:none}}.reactions .reaction-icon{display:block;position:relative;height:40px;width:40px;margin:4px auto;top:0}@media (min-width: 37.5em){.reactions .reaction-icon{height:60px;width:60px;margin-bottom:8px;margin-top:0}}.reactions .reaction-icon svg{position:absolute;top:0;left:0;height:40px;width:40px;transition:width 43ms ease-out,height 43ms ease-out,transform 43ms ease-out,top 43ms ease-out,left 43ms ease-out}@media (min-width: 37.5em){.reactions .reaction-icon svg{height:60px;width:60px}}.reactions .reaction-label,.reactions .reaction-count{display:block;position:relative;color:#2B1F5A}.reactions .reaction-label{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase;font-weight:bold}@media (min-width: 37.5em){.reactions .reaction-label{font-size:14px;font-size:.875rem;line-height:16px;line-height:1rem;font-weight:bold}}.reactions .reaction-count{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase;font-size:11px;padding-bottom:3px}@media (min-width: 25em){.reactions .reaction-count{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase}}.reactions .reaction-focus-line{width:12px;height:3px;margin:0 auto;position:relative}.reactions .gel-icon{position:relative}.reactions .reactions-cookie-warning{font-size:14px;font-size:.875rem;line-height:16px;line-height:1rem;background-color:#FFD201;text-align:center}.reactions .reactions-cookie-warning__inner{display:inline-block}.reactions .reactions-cookie-warning__icon{width:60px;height:50px;float:right;position:relative;overflow:hidden}.reactions .reactions-cookie-warning__icon svg{transform:rotate(15deg);position:absolute;top:-7.5px;left:0}.reactions .reactions-cookie-warning__text{text-align:left;padding:16px;-webkit-text-size-adjust:100%}@media (min-width: 37.5em){.reactions .reactions-cookie-warning__text{padding-right:60px;padding-left:60px}}.reactions .reactions-cookie-warning__link{color:#000;text-decoration:none;font-weight:bold;white-space:nowrap}.reactions .reactions-cookie-warning__link:hover{text-decoration:underline}.reactions .reactions-sprite-animation-wrapper{position:fixed;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:1000}.reactions .reactions-sprite-animation{position:absolute;overflow:hidden;pointer-events:none;width:150vw;height:150vh;margin-left:-75vw;margin-top:-67.5vh}.reactions .reactions-sprite-animation svg{width:100%;height:100%;max-height:100%;position:relative}.reactions .reactions-sprite__layer{visibility:hidden}.reactions .reactions-sprite-animation__slide--1 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--2 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--2 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--3 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--3 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--3 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--8{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--8{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--9{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--8{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--9{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--10{visibility:visible}.reactions .reactions-list{display:flex;display:-webkit-flex;display:-ms-flexbox;margin-bottom:10px;width:100%;justify-content:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between}@media (min-width: 25em){.reactions .reactions-list{justify-content:center;-ms-flex-pack:center;-webkit-justify-content:center}}@media (min-width: 37.5em){.reactions .reactions-list{justify-content:center;-ms-flex-pack:center;-webkit-justify-content:center;margin:0 auto 10px;padding:8px 0 0}}.reactions .reactions-list li{flex-direction:row;padding:0 2px}@media (min-width: 25em){.reactions .reactions-list li{padding:0 4px}}@media (min-width: 37.5em){.reactions .reactions-list li{padding:0 5px}}.reactions .reactions-error-message{font-size:14px;font-size:.875rem;line-height:16px;line-height:1rem;background-color:#FD3726;text-align:center;color:#fff}.reactions .reactions-error-message__inner{display:inline-block}.reactions .reactions-error-message__text{text-align:left;padding:16px}@media (min-width: 37.5em){.reactions .reactions-error-message__text{padding-right:60px;padding-left:60px}} </style></noscript><script>if (Morph.enhanced) { Morph.styles["bbc-morph-childrens-reactions/1.4.7"]=true; Morph.styleSrc.push("<style>.reactions-styleguide__section{background-color:#fff;margin-bottom:32px}@media (min-width: 37.5em){.reactions-styleguide__section{padding:16px}}.reactions-styleguide__heading{background-color:#FFD201;margin-left:-16px;margin-right:-16px;padding:16px}.reactions-styleguide__heading:first-of-type{margin-top:-16px}.reactions-styleguide__heading,.reactions-styleguide__subheading{font-size:18px;font-size:1.125rem;line-height:22px;line-height:1.375rem;font-weight:bold;margin-bottom:16px;margin-top:32px}@media (min-width: 37.5em){.reactions-styleguide__heading,.reactions-styleguide__subheading{font-size:21px;font-size:1.3125rem;line-height:24px;line-height:1.5rem}.no-touch .reactions-styleguide__heading,.no-touch .reactions-styleguide__subheading{font-size:20px;font-size:1.25rem}}#reactions-list li{list-style:none}.reactions__standalone .content-item-description{*zoom:1}.reactions__standalone .content-item-description:before,.reactions__standalone .content-item-description:after{content:\" \";display:table}.reactions__standalone .content-item-description:after{clear:both}.reactions__standalone{max-width:864px}.reactions__standalone::before{position:relative;content:\"\";display:block;width:100%;background-color:black;padding-top:56.25%;z-index:999}.reactions__standalone .content-item-description{color:palette(\"text-dark\");padding:16px 8px}@media (min-width: 37.5em){.reactions__standalone .content-item-description{padding:16px}}.reactions__standalone .reactions-container{width:calc(100% + 16px);margin-top:-16px;margin-right:-16px;margin-bottom:16px;margin-left:-8px}.content-item--riddle-content .reactions__standalone .reactions-container{margin-top:0}@media (min-width: 37.5em){.reactions__standalone .reactions-container{width:calc(100% + 32px);margin-left:-16px}}.reactions__standalone .content-item-description .reactions-cta{float:right;padding-left:16px;padding-right:4px}@media (min-width: 25em){.reactions__standalone .content-item-description .reactions-cta{padding-right:8px}}@media (min-width: 37.5em){.reactions__standalone .content-item-description .reactions-cta{padding-right:16px}}.reactions__standalone .content-item-description .reactions-cta--open{margin-top:0}.reactions__standalone .content-item-description .reactions-tray__reactions{z-index:999}.reactions-module{pointer-events:none;position:relative}.reactions .reactions-tray{margin-top:-36px;position:relative;z-index:999;pointer-events:none}.reactions .reactions-tray::before{display:block;height:20px;content:''}.reactions .reactions-tray__reactions-container{display:block;position:relative;padding:0 3px;max-height:0;height:auto;transition:max-height 300ms 120ms;background-color:#FDF6FF}@media (min-width: 37.5em){.reactions .reactions-tray__reactions-container{justify-content:center;-ms-flex-pack:center;-webkit-justify-content:center}}@media (prefers-reduced-motion: reduce){.reactions .reactions-tray__reactions-container{transition:none;max-height:0}}.reactions .reactions-tray__reactions-container:after{content:\"\";position:absolute;width:100%;height:5px;left:0;background:linear-gradient(rgba(43,31,90,0), rgba(43,31,90,0.2));bottom:0;visibility:hidden;transition:visibility 1ms 300ms}.reactions .reactions-tray__reactions-container li{padding-bottom:0;visibility:hidden;transition:visibility 0ms linear 300ms}.reactions .reactions-tray__reactive-prompt{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase;color:#333;opacity:0;padding-bottom:16px;text-align:center;text-transform:uppercase;transition:opacity 300ms,visibility 0s linear 200ms;visibility:hidden}@media (min-width: 37.5em){.reactions .reactions-tray__reactive-prompt{font-size:13px;font-size:.8125rem}.no-touch .reactions .reactions-tray__reactive-prompt{font-size:12px;font-size:.75rem}}.reactions .reactions-tray__reactions-container--open{display:block;max-height:124px;pointer-events:all;transition:max-height 300ms}@media (min-width: 37.5em){.reactions .reactions-tray__reactions-container--open{max-height:154px}}.reactions .reactions-tray__reactions-container--open:after{visibility:visible;transition:visibility 1ms}.reactions .reactions-tray__reactions-container--open li{visibility:visible;transition:visibility 0ms linear 0ms}.reactions .reactions-tray__reactions-container--open .reactions-tray__reactive-prompt{visibility:visible;opacity:1}.reactions .reactions-cta{border:0;position:relative;overflow:visible;cursor:pointer;background-color:transparent;margin:8px 0;pointer-events:auto;z-index:999}.reactions .reactions-cta:hover .cta-cbbc-icon,.reactions .reactions-cta:hover .cta-cbeebies-icon{animation-play-state:paused}@media (min-width: 37.5em){.reactions .reactions-cta:hover .cta-cbbc-icon svg,.reactions .reactions-cta:hover .cta-cbeebies-icon svg{transition:all 500ms ease;transform:scale(1.1)}}.reactions .reactions-cta:not(.reactions-cta--clicked) .cta-cbbc-icon,.reactions .reactions-cta:not(.reactions-cta--clicked) .cta-cbeebies-icon{display:block;animation-name:wiggle;animation-duration:7s;animation-delay:5s;animation-iteration-count:3}.reactions .cta-icon svg{width:54px}@keyframes wiggle{0%{transform:scale(1) rotate(0deg)}10%{transform:scale(1.05) rotate(0deg)}11%{transform:scale(1.05) rotate(-5deg)}13%{transform:scale(1.05) rotate(5deg)}15%{transform:scale(1.05) rotate(-5deg)}17%{transform:scale(1.05) rotate(5deg)}19%{transform:scale(1.05) rotate(-5deg)}20%{transform:scale(1.05) rotate(0deg)}30%{transform:scale(1) rotate(0deg)}}.reactions .reactions-cta-image{display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;-ms-flex-align:center;font-size:15px;font-size:.9375rem;line-height:18px;line-height:1.125rem;font-weight:bold;color:#2B1F5A;position:relative}@media (min-width: 37.5em){.reactions .reactions-cta-image{line-height:20px;line-height:1.25rem}.no-touch .reactions .reactions-cta-image{font-size:14px;font-size:.875rem;line-height:18px;line-height:1.125rem}}.reactions .reactions-count-container{position:absolute;top:58%;left:-90%;height:25px;line-height:25px;width:80px;text-align:right;vertical-align:middle}.reactions .reactions-cta--open .cta-arrow-icon{transform:rotate(180deg)}.reactions .reaction-button{transition:opacity 200ms ease-in-out;opacity:0;outline:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (hover: hover), (-ms-high-contrast: none){.reactions .reaction-button:hover svg{height:44px;width:44px;top:-2px;left:-2px;transform:rotate(-10deg);transform-origin:center center}}@media (hover: hover) and (min-width: 37.5em), (-ms-high-contrast: none) and (min-width: 37.5em){.reactions .reaction-button:hover svg{height:66px;width:66px;top:-3px;left:-3px}}@-moz-document url-prefix(){.reactions .reaction-button:hover svg{height:44px;width:44px;top:-2px;left:-2px;transform:rotate(-10deg);transform-origin:center center}@media (min-width: 37.5em){.reactions .reaction-button:hover svg{height:66px;width:66px;top:-3px;left:-3px}}}.reactions .reaction-button:focus .reaction-focus-line{background-color:#2B1F5A}.reactions .reaction-button.reaction-button--selected .reaction-icon{top:-8px}@media (min-width: 37.5em){.reactions .reaction-button.reaction-button--selected .reaction-icon{top:-12px}}.reactions .reaction-button.reaction-button--selected .reaction-icon svg{transform:rotate(20deg);transform-origin:center center;height:56px;width:56px;top:-8px;left:-8px}@media (min-width: 37.5em){.reactions .reaction-button.reaction-button--selected .reaction-icon svg{height:84px;width:84px;top:-12px;left:-12px}}.reactions .animation-playing .reaction-button--selected{position:relative;z-index:1020}.reactions .animation-playing .reaction-button--selected .reaction-icon svg{z-index:1030;height:104px;width:104px;top:-32px;left:-32px}@media (min-width: 37.5em){.reactions .animation-playing .reaction-button--selected .reaction-icon svg{height:156px;width:156px;top:-48px;left:-48px}}.reactions .reaction-button--show{transition:opacity 43ms cubic-bezier(0, 0.94, 0.46, 0.85) 80ms;opacity:1}@media (prefers-reduced-motion: reduce){.reactions .reaction-button{transition:none}}.reactions .reaction-icon{display:block;position:relative;height:40px;width:40px;margin:4px auto;top:0}@media (min-width: 37.5em){.reactions .reaction-icon{height:60px;width:60px;margin-bottom:8px;margin-top:0}}.reactions .reaction-icon svg{position:absolute;top:0;left:0;height:40px;width:40px;transition:width 43ms ease-out,height 43ms ease-out,transform 43ms ease-out,top 43ms ease-out,left 43ms ease-out}@media (min-width: 37.5em){.reactions .reaction-icon svg{height:60px;width:60px}}.reactions .reaction-label,.reactions .reaction-count{display:block;position:relative;color:#2B1F5A}.reactions .reaction-label{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase;font-weight:bold}@media (min-width: 37.5em){.reactions .reaction-label{font-size:13px;font-size:.8125rem}.no-touch .reactions .reaction-label{font-size:12px;font-size:.75rem}}@media (min-width: 37.5em){.reactions .reaction-label{font-size:14px;font-size:.875rem;line-height:16px;line-height:1rem;font-weight:bold}}@media (min-width: 37.5em) and (min-width: 20em){.reactions .reaction-label{line-height:18px;line-height:1.125rem}}@media (min-width: 37.5em) and (min-width: 37.5em){.no-touch .reactions .reaction-label{font-size:13px;font-size:.8125rem;line-height:16px;line-height:1rem}}.reactions .reaction-count{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase;font-size:11px;padding-bottom:3px}@media (min-width: 37.5em){.reactions .reaction-count{font-size:13px;font-size:.8125rem}.no-touch .reactions .reaction-count{font-size:12px;font-size:.75rem}}@media (min-width: 25em){.reactions .reaction-count{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase}}@media (min-width: 25em) and (min-width: 37.5em){.reactions .reaction-count{font-size:13px;font-size:.8125rem}.no-touch .reactions .reaction-count{font-size:12px;font-size:.75rem}}.reactions .reaction-focus-line{width:12px;height:3px;margin:0 auto;position:relative}.reactions .gel-icon{position:relative}.reactions .reactions-cookie-warning{font-size:14px;font-size:.875rem;line-height:16px;line-height:1rem;background-color:#FFD201;text-align:center}@media (min-width: 20em){.reactions .reactions-cookie-warning{line-height:18px;line-height:1.125rem}}@media (min-width: 37.5em){.no-touch .reactions .reactions-cookie-warning{font-size:13px;font-size:.8125rem;line-height:16px;line-height:1rem}}.reactions .reactions-cookie-warning__inner{display:inline-block}.reactions .reactions-cookie-warning__icon{width:60px;height:50px;float:right;position:relative;overflow:hidden}.reactions .reactions-cookie-warning__icon svg{transform:rotate(15deg);position:absolute;top:-7.5px;left:0}.reactions .reactions-cookie-warning__text{text-align:left;padding:16px;-webkit-text-size-adjust:100%}@media (min-width: 37.5em){.reactions .reactions-cookie-warning__text{padding-right:60px;padding-left:60px}}.reactions .reactions-cookie-warning__link{color:#000;text-decoration:none;font-weight:bold;white-space:nowrap}.reactions .reactions-cookie-warning__link:hover{text-decoration:underline}.reactions .reactions-sprite-animation-wrapper{position:fixed;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:1000}.reactions .reactions-sprite-animation{position:absolute;overflow:hidden;pointer-events:none;width:150vw;height:150vh;margin-left:-75vw;margin-top:-67.5vh}.reactions .reactions-sprite-animation svg{width:100%;height:100%;max-height:100%;position:relative}.reactions .reactions-sprite__layer{visibility:hidden}.reactions .reactions-sprite-animation__slide--1 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--2 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--2 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--3 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--3 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--3 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--8{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--8{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--9{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--8{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--9{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--10{visibility:visible}.reactions .reactions-list{display:flex;display:-webkit-flex;display:-ms-flexbox;margin-bottom:10px;width:100%;justify-content:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between}@media (min-width: 25em){.reactions .reactions-list{justify-content:center;-ms-flex-pack:center;-webkit-justify-content:center}}@media (min-width: 37.5em){.reactions .reactions-list{justify-content:center;-ms-flex-pack:center;-webkit-justify-content:center;margin:0 auto 10px;padding:8px 0 0}}.reactions .reactions-list li{flex-direction:row;padding:0 2px}@media (min-width: 25em){.reactions .reactions-list li{padding:0 4px}}@media (min-width: 37.5em){.reactions .reactions-list li{padding:0 5px}}.reactions .reactions-error-message{font-size:14px;font-size:.875rem;line-height:16px;line-height:1rem;background-color:#FD3726;text-align:center;color:#fff}@media (min-width: 20em){.reactions .reactions-error-message{line-height:18px;line-height:1.125rem}}@media (min-width: 37.5em){.no-touch .reactions .reactions-error-message{font-size:13px;font-size:.8125rem;line-height:16px;line-height:1rem}}.reactions .reactions-error-message__inner{display:inline-block}.reactions .reactions-error-message__text{text-align:left;padding:16px}@media (min-width: 37.5em){.reactions .reactions-error-message__text{padding-right:60px;padding-left:60px}}\n</style>"); }</script> <noscript class="morph-core-style"><style>.gs-c-reactions{list-style:none;margin:0;padding:0}.gs-c-reaction{border:0;padding:0;margin:0;background:none;min-height:44px;cursor:pointer} </style></noscript><script>if (Morph.enhanced) { Morph.styles["bbc-morph-reactions/4.2.0"]=true; Morph.styleSrc.push("<style>.gs-c-reactions{list-style:none;margin:0;padding:0}.gs-c-reaction{border:0;padding:0;margin:0;background:none;min-height:44px;cursor:pointer}\n</style>"); }</script> <script>if (Morph.enhanced) { Morph.styles["bbc-morph-gel-icons/2.2.0"]=true; Morph.styleSrc.push("<style>.gel-icon{display:inline-block}.gel-icon svg{width:inherit;height:inherit;fill:currentColor}.gel-icon--loading{-webkit-animation-name:gel-spin;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:gel-spin;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;animation-name:gel-spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}@-moz-keyframes gel-spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}@-webkit-keyframes gel-spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes gel-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}\n</style>"); }</script> <script type="text/javascript">Morph.initStyles(); /* u2578588916131761 */</script> <script type="text/javascript" id="js-require-config"> define('local/utils/config', function () { "use strict"; var currentTLD = function () { var hostname = window.location.hostname; if (hostname.indexOf('bbc.com') > -1) { return 'com'; } return 'co.uk'; }(); return { 'appName': 'stay-safe', 'env': 'live', 'uasKey': 'ocivkho3fups2', 'uasEnv': 'live', 'uasUrl': '', 'uasDomainSuffix': currentTLD, 'currentTLD': currentTLD, 'comscoreSiteOverride': '', 'comscoreTestServiceUrl': '', 'oneTooltipPerPageEnabled': 'true', 'analyticsReclassificationEnabled': true, 'breakpointConfig': [ { minWidth: 0, name: 'extra-small' }, { minWidth: 400, name: 'small' }, { minWidth: 600, name: 'medium' }, { minWidth: 768, name: 'medium-wide' }, { minWidth: 1008, name: 'wide' }, { minWidth: 1280, name: 'extra-wide' } ] }; }); </script> <script> define('childrens-mandolin', function () { "use strict"; var ROLLING_PERIOD_DAYS = 30; var Mandolin = function (id, segments, opts) { var now = new Date().getTime(), storedItem, DEFAULT_START = now, DEFAULT_RATE = 1, COOKIE_NAME = 'ckpf_childrens_mandolin'; opts = opts || {}; this._id = id; this._segmentSet = segments; this._store = new Mandolin.Storage(COOKIE_NAME); this._opts = opts; this._rate = (opts.rate !== undefined) ? +opts.rate : DEFAULT_RATE; this._startTs = (opts.start !== undefined) ? new Date(opts.start).getTime() : new Date(DEFAULT_START).getTime(); this._endTs = (opts.end !== undefined) ? new Date(opts.end).getTime() : daysFromNow(ROLLING_PERIOD_DAYS); this._signupEndTs = (opts.signupEnd !== undefined) ? new Date(opts.signupEnd).getTime() : this._endTs; this._segment = null; // initially // Check for invalid options if (typeof id !== 'string') { throw new Error('Invalid Argument: id must be defined and be a string'); } if (Object.prototype.toString.call(segments) !== '[object Array]') { throw new Error('Invalid Argument: Segments are required.'); } if (opts.rate !== undefined && (opts.rate < 0 || opts.rate > 1)) { throw new Error('Invalid Argument: Rate must be between 0 and 1.'); } if (this._startTs > this._endTs) { throw new Error('Invalid Argument: end date must occur after start date.'); } if (!(this._startTs < this._signupEndTs && this._signupEndTs <= this._endTs)) { throw new Error('Invalid Argument: SignupEnd must be between start and end date'); } // Clear out expired items from Storage before looking for stashed segment data removeExpired.call(this, now); // Load segment override from cookie and validate segment if set. var overrides = window.bbccookies.get().match(/ckns_mandolin_setSegments=([^;]+)/); if (overrides !== null) { eval('overrides = ' + decodeURIComponent(RegExp.$1) + ';'); if(overrides[this._id] && this._segmentSet.indexOf(overrides[this._id]) == -1){ throw new Error('Invalid Override: overridden segment should exist in segments array'); } } if (overrides !== null && overrides[this._id]){ this._segment = overrides[this._id]; } else if ((storedItem = this._store.getItem(this._id))) { this._segment = storedItem.segment; } else if (this._startTs <= now && now < this._signupEndTs && now <= this._endTs && this._store.isEnabled() === true) { this._segment = pick(segments, this._rate); if (opts.end === undefined) { this._store.setItem(this._id, {segment: this._segment}); } else { this._store.setItem(this._id, {segment: this._segment, end: this._endTs}); } log.call(this, 'mandolin_segment'); } // order matters: do this after the segment has been populated log.call(this, 'mandolin_view'); }; Mandolin.prototype.getSegment = function () { return this._segment; }; function log(actionType, params) { var that = this; require(['istats-1'], function (istats) { istats.log(actionType, that._id + ':' + that._segment, params ? params : {}); }); } function removeExpired(expires) { var items = this._store.getItems(), expiresInt = +expires; for (var key in items) { if (items[key].end !== undefined && +items[key].end < expiresInt) { this._store.removeItem(key); } } } function getLastExpirationDate(data) { var winner = 0, rollingExpire = daysFromNow(ROLLING_PERIOD_DAYS); for (var key in data) { if (data[key].end === undefined && rollingExpire > winner) { winner = rollingExpire; } else if (+data[key].end > winner) { winner = +data[key].end; } } return (winner) ? new Date(winner) : new Date(rollingExpire) ; } Mandolin.prototype.log = function (params) { log.call(this, 'mandolin_log', params); }; Mandolin.prototype.convert = function (params) { log.call(this, 'mandolin_convert', params); this.convert = function () {}; }; function daysFromNow(n) { var endDate; endDate = new Date().getTime() + (n * 60 * 60 * 24) * 1000; return endDate; } function pick(segments, rate) { var picked, min = 0, max = segments.length - 1; if (typeof rate === 'number' && Math.random() > rate) { return null; } do { picked = Math.floor(Math.random() * (max - min + 1)) + min; } while (picked > max); return segments[picked]; } Mandolin.Storage = function (name) { validateCookieName(name); this._cookieName = name; this._isEnabled = (bbccookies.isAllowed(this._cookieName) === true && bbccookies.cookiesEnabled() === true); }; Mandolin.Storage.prototype.setItem = function (key, value) { var storeData = this.getItems(); storeData[key] = value; this.save(storeData); return value; }; Mandolin.Storage.prototype.isEnabled = function () { return this._isEnabled; }; Mandolin.Storage.prototype.getItem = function (key) { var storeData = this.getItems(); return storeData[key]; }; Mandolin.Storage.prototype.removeItem = function (key) { var storeData = this.getItems(); delete storeData[key]; this.save(storeData); }; Mandolin.Storage.prototype.getItems = function () { return deserialise(this.readCookie(this._cookieName) || ''); }; Mandolin.Storage.prototype.save = function (data) { //TODO: Is this mixing concerns to have Storage aware of item expiry? window.bbccookies.set( this._cookieName + '=' + encodeURIComponent(serialise(data)) + '; ' + 'path=/;' + 'expires=' + getLastExpirationDate(data).toUTCString() + ';' ); }; Mandolin.Storage.prototype.readCookie = function (name) { var nameEq = name + '=', ca = window.bbccookies.get().split('; '), i, c; validateCookieName(name); for (i = 0; i < ca.length; i++) { c = ca[i]; if (c.indexOf(nameEq) === 0) { return decodeURIComponent(c.substring(nameEq.length, c.length)); } } return null; }; function serialise(o) { var str = ''; for (var p in o) { if (o.hasOwnProperty(p)) { str += '"' + p + '"' + ':' + (typeof o[p] === 'object' ? (o[p] === null? 'null' : '{' + serialise(o[p])+ '}') : '"' + o[p].toString() + '"') + ','; } } return str.replace(/,\}/g, '}').replace(/,$/g, ''); } function deserialise(str) { var o; str = '{' + str + '}'; if ( !validateSerialisation(str) ) { throw 'Invalid input provided for deserialisation.'; } eval('o = ' + str); return o; } var validateSerialisation = (function () { var OBJECT_TOKEN = '<Object>', ESCAPED_CHAR = '"\\n\\r\\u2028\\u2029\\u000A\\u000D\\u005C', ALLOWED_CHAR = '([^' + ESCAPED_CHAR + ']|\\\\[' + ESCAPED_CHAR + '])', KEY = '"' + ALLOWED_CHAR + '+"', VALUE = '(null|"' + ALLOWED_CHAR + '*"|' + OBJECT_TOKEN + ')', KEY_VALUE = KEY + ':' + VALUE, KEY_VALUE_SEQUENCE = '(' + KEY_VALUE + ',)*' + KEY_VALUE, OBJECT_LITERAL = '({}|{' + KEY_VALUE_SEQUENCE + '})', objectPattern = new RegExp(OBJECT_LITERAL, 'g'); return function(str) { if (str.indexOf(OBJECT_TOKEN) !== -1) return false; while (str.match(objectPattern)) { str = str.replace(objectPattern, OBJECT_TOKEN); } return str === OBJECT_TOKEN; } })(); function validateCookieName(name) { if ( name.match(/ ,;/) ) { throw 'Illegal name provided, must be valid in browser cookie.'; } } return Mandolin; }); </script> <script type="text/javascript" id="js-require-setup"> require({ paths: { 'childrens': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts', 'cbeebies': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/cbeebies', 'cbbc': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/cbbc', 'jquery': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/libraries/jquery', 'jquery-1': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/libraries/jquery/jquery', 'jquery-1.9': 'https://web.archive.org/web/20220924081507/https://static.bbci.co.uk/frameworks/jquery/0.4.1/sharedmodules/jquery-1.9.1', 'lib': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/libraries', 'bump-3': 'https://web.archive.org/web/20220924081507/https://emp.bbci.co.uk/emp/bump-3/bump-3', 'bump-4': 'https://web.archive.org/web/20220924081507/https://emp.bbci.co.uk/emp/bump-4/bump-4', 'embed': 'https://web.archive.org/web/20220924081507/https://play.bbc.co.uk/play/sdk/embed/v1/latest', 'lib/Imager': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/libraries/Imager.min', 'TweenMax': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/libraries/gsap/TweenMax.min', 'TimelineMax': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/libraries/gsap/TweenMax.min', 'echo-11.2.2': 'https://web.archive.org/web/20220924081507/https://mybbc-analytics.files.bbci.co.uk/echo-client-js/echo-11.2.2.min', 'lib/riddle': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/libraries/riddle/embed-3.3.min', 'lib/minpubsub': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/libraries/minpubsub.min', 'uasclient': 'https://web.archive.org/web/20220924081507/https://static.bbci.co.uk/uasclient/0.1.40/modules/uasclient', 'activity-button': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/activity-button', 'activity-button/activity-button': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/personalisation/personalisation.min', 'reads': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/reads', 'reads/reads': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/personalisation/personalisation.min', 'reads-carousel': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/reads-carousel', 'reads-carousel/reads-carousel': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/personalisation/personalisation.min', 'angular': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/angular', 'angular/app': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/angular/app.min', 'stats': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/stats', 'stats/riddle-events': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/stats/riddle-events.min', 'stats/stats': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/stats/stats.min', 'confetti': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/confetti', 'confetti/confetti': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/confetti/confetti.min', 'follows-panel': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/follows-panel', 'follows-panel/childrens-follows-panel': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/personalisation/personalisation.min', 'personalisation': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/personalisation', 'domReady': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/libraries/require/domReady.min', 'relay-1': 'https://web.archive.org/web/20220924081507/https://static.bbci.co.uk/frameworks/relay/0.2.6/sharedmodules/relay-1', 'jssignals-1': 'https://web.archive.org/web/20220924081507/https://static.bbci.co.uk/frameworks/jssignals/0.3.6/modules/jssignals-1', 'vote-wrapper': 'https://web.archive.org/web/20220924081507/https://account-wrapper.files.bbci.co.uk/vote-wrapper.min', 'event-stream': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/event-stream/event-stream.min', 'riddle/auto-scroll': 'https://web.archive.org/web/20220924081507/https://childrens-web.files.bbci.co.uk/stay-safe/www/assets/9cdfbea/javascripts/riddle/auto-scroll.min' }, shim: { 'angular/angular': { exports: 'angular' }, 'TweenMax': { exports: 'TweenMax' }, 'TimelineMax': { exports: 'TimelineMax' } } }); require({ map: { '*': { 'idcta/idcta-1': 'idcta-v2/idcta-1' } } }); requirejs.onError = function (err) { // if a version of echojs fails to load (i.e. blocked for privacy reasons) // replace our echo_client with a dummy implementation so existing code // continues to work as expected function isEchoJsLibrary(moduleName) { return moduleName.indexOf('echo-') === 0; } if ( err.requireType === 'scripterror' && err.requireModules && err.requireModules.find(isEchoJsLibrary) ) { requirejs.undef('stats/echo_client'); define('stats/echo_client', [], function () { return { countername : function() {}, viewEvent : function() {}, userActionEvent : function() {} } }); // re-evaluate all dependencies on echo_client which will pick up the dummy version requirejs(['stats/echo_client'], function () {}); } }; define('istats-1', function() { return { log: function() {}, track: function() {}, setSite: function() {}, addLabels: function() {}, getCountername: function() {} } }); require(['local/utils/config'], function (config) { }); require(["istats-1"], function (istats) { if (istats.setSite !== undefined) { istats.setSite('stay-safe'); } istats.addLabels({ "page_type" : "content", "children_curation" : "vlogging", "children_show" : "none", "children_index" : "the-basics", "children_topic" : "none", "children_collection" : "vlogging", "children_oj_campaign" : "stay-safe.take-control.staying_friends_in_different_schools.page-stay-safe.take-control.refocus_take_a_breath.page-stay-safe.the-basics.disabled_gamers.page", "children_primary_content" : "pid-p05mgbnm", "children_comments" : "false", "children_uploader" : "false" }); }); </script> <script> require(['childrens-mandolin'], function (Mandolin) { //cleanup collection-position test var storage = new Mandolin.Storage('ckpf_childrens_mandolin'); var experimentName = 'childrens_collection_position'; if (storage.getItem(experimentName)) { storage.removeItem(experimentName); } }); </script> <script type="text/javascript"> define('local/utils/experiments', ['childrens-mandolin'], function (Mandolin) { "use strict"; function setupMandolin(experiment, variants, config) { var mandolin = new Mandolin(experiment, variants, config); return mandolin.getSegment(); } function addClasses(wrapper, experiment, variant) { var experimentPrefix = " experiment-"; var experimentClass = experimentPrefix + experiment; wrapper.className += experimentClass + experimentClass + "--" + variant; } function addAttribute(wrapper, experiment, variant) { if (!wrapper.hasAttribute("data-active-experiment")) { var att = document.createAttribute("data-active-experiment"); att.value = experiment + ":" + variant; wrapper.setAttributeNode(att); } } return { setup: function(experiment, variants, config) { var variant = setupMandolin(experiment, variants, config); var wrapper = document.querySelector(".childrens-wrapper"); if (variant) { addClasses(wrapper, experiment, variant); } addAttribute(wrapper, experiment, variant); return variant; } } }); </script> </head> <body class="b-pw-1280"> <noscript><p style="position: absolute; top: -999em"><img src="https://web.archive.org/web/20220924081507im_/https://a1.api.bbc.co.uk/hit.xiti?&col=1&from=p&ptag=js&s=598253&p=the-basics::unknown&x1=[urn:bbc:isite2:11faf916-c6fe-4f3b-a75f-ef147f96fac2]&x2=[responsive]&x3=[bbc_website]&x4=[en]&x7=[article]&x8=[reverb-3.5.0-nojs]&x11=[own_it]&x12=[bbc]" height="1" width="1" alt=""></p></noscript> <div class="orbit-header-container" id="orbit-header"><header id="orb-banner" role="banner" aria-label="BBC-wide" class="orbit-header nogeo orbit-cbbc orbit-language-en orbit-ux-v4"><div id="orb-header" class="orb-nav-pri orb-nav-pri-white orb-nav-empty" dir="ltr"><div class="orb-nav-pri-container b-r b-g-p"><div class="orb-nav-section orb-nav-blocks"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/" id="homepage-link" data-v-item="{"type":"logo-link","text":"Homepage","link":"https://www.bbc.co.uk","position":1}" data-v-group="{"name":"global navigation", "position":1, "type":"orbit-cbbc-"}">Homepage</a></div><section><div class="orb-skip-links"><h2>Accessibility links</h2><ul><li><a href="#main-content"><span>Skip to content</span></a></li><li><a id="orb-accessibility-help" href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/accessibility/"><span>Accessibility Help</span></a></li></ul></div></section><div id="mybbc-wrapper" class="orb-nav-section orb-nav-id orb-nav-focus orb-nav-id-default"> <div id="idcta-statusbar" class="orb-nav-section orb-nav-focus" data-bbc-container="id-cta" data-bbc-event-type="click" data-bbc-ignore-views="1" data-bbc-metadata="{"id-cta-type": "statusbar-orb"}" data-bbc-source="responsive_web" data-bbc-title="id-cta-sign-in"><a id="idcta-link" href="https://web.archive.org/web/20220924081507/https://account.bbc.com/account?context=cbbc&ptrt=https://www.bbc.com/ownit/the-basics/jim-chapman-vlogging-secrets"><span id="idcta-username">BBC Account</span></a></div><script type="text/javascript">require(['idcta/statusbar'], function (statusbar) {new statusbar.Statusbar({id: 'idcta-statusbar', publiclyCacheable: true});});</script> </div><nav class="orbit-header-links common"><ul><li class="orb-nav-cbbc"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/cbbc">CBBC</a></li><li class="orb-nav-iplayer orb-d"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/tv/cbbc">CBBC iPlayer</a></li><li class="orb-nav-newsround"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/newsround">Newsround</a></li><li class="orb-nav-bitesize orb-d"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/bitesize">Bitesize</a></li><li class="orb-nav-ownit orb-d"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.com/ownit">Own It</a></li><li class="orb-nav-cbeebies"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/cbeebies">CBeebies</a></li><li class="orb-nav-cbbctv"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/iplayer/guide/cbbc">CBBC on TV</a></li><li class="orb-nav-cbbchelp orb-d"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/cbbc/curations/cbbc-help">CBBC Help</a></li></ul></nav><div id="orb-nav-more"><a href="#orbit-more-drawer" id="orbit-more-button"><span class="more-mobile">Menu</span><span class="more-desktop">More</span><span class="orb-icon orb-icon-arrow"></span></a></div><div class="orb-nav-section orb-nav-search" role="search"> <a id="orbit-search-button" class="orbit-search__button" aria-expanded="false" href="https://web.archive.org/web/20220924081507/https://search.bbc.co.uk/search?scope=cbbc" title="Search BBC"><span class="ux-v4">Search BBC</span> <span class="ux-v5"><svg class="orbit-search-button-icon-only" width="28" height="29" viewbox="0 0 28 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M11,-0.0001 C17.0751322,-0.0001 22,4.92476775 22,10.9999 C22,13.5276632 21.1473793,15.8562862 19.7140404,17.7138664 L28,26 L25,29 L16.518046,20.5178339 C14.8960209,21.4602385 13.0110328,21.9999 11,21.9999 C4.92486775,21.9999 0,17.0750322 0,10.9999 C0,4.92476775 4.92486775,-0.0001 11,-0.0001 Z M11,2.5 C6.30557963,2.5 2.5,6.30557963 2.5,11 C2.5,15.6944204 6.30557963,19.5 11,19.5 C15.6944204,19.5 19.5,15.6944204 19.5,11 C19.5,6.30557963 15.6944204,2.5 11,2.5 Z"></path></svg><svg class="orbit-search-button-icon-with-text" width="15" height="16" viewbox="0 0 15 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M6,-5.32907052e-15 C9.3137085,-5.32907052e-15 12,2.6862915 12,6 C12,7.43892143 11.4934776,8.75953821 10.6490096,9.79327337 L15,14.24 L13.2782609,16 L8.72578477,11.3465317 C7.90789326,11.7643456 6.98146665,12 6,12 C2.6862915,12 -1.687539e-14,9.3137085 -1.687539e-14,6 C-1.687539e-14,2.6862915 2.6862915,-5.32907052e-15 6,-5.32907052e-15 Z M6,1.5 C3.51471863,1.5 1.5,3.51471863 1.5,6 C1.5,8.48528137 3.51471863,10.5 6,10.5 C8.48528137,10.5 10.5,8.48528137 10.5,6 C10.5,3.51471863 8.48528137,1.5 6,1.5 Z"></path></svg><span>Search BBC</span></span></a> </div></div><div id="orb-panels"></div></div></header><div id="orbit-drawer-container" class="orbit-drawer-container"></div><section class="orbit-more-drawer nogeo orbit-cbbc orbit-language-en b-r b-g-p" id="orbit-more-drawer"><div class="orbit-more-drawer-content"><ul><li class="orb-nav-cbbc"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/cbbc">CBBC</a></li><li class="orb-nav-iplayer orb-d"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/tv/cbbc">CBBC iPlayer</a></li><li class="orb-nav-newsround"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/newsround">Newsround</a></li><li class="orb-nav-bitesize orb-d"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/bitesize">Bitesize</a></li><li class="orb-nav-ownit orb-d"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.com/ownit">Own It</a></li><li class="orb-nav-cbeebies"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/cbeebies">CBeebies</a></li><li class="orb-nav-cbbctv"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/iplayer/guide/cbbc">CBBC on TV</a></li><li class="orb-nav-cbbchelp orb-d"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/cbbc/curations/cbbc-help">CBBC Help</a></li></ul><a href="#" class="orbit-more-drawer-close" role="button"><svg width="32" height="32" viewbox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.48651 5.71054L5.79834 7.39871L12.3428 14.0225L5.81992 20.6229L7.46434 22.2673L13.9778 15.6768L20.5123 22.2895H20.5135L22.2017 20.6007L15.6567 13.9781L22.1795 7.37712L20.5351 5.73271L14.0216 12.3232L7.48651 5.71054Z"></svg><span class="orbit-button-text">Close menu</span></a></div></section></div>  <div id="orb-modules"> <div id="unsupported-browser-banner-wrapper">  </div> <script> // Show unsupported browser banner for IE10 (function () { if (/*@cc_on!@*/false && document.documentMode === 10) { var bannerWrapper = document.getElementById('unsupported-browser-banner-wrapper'); var currentNode = bannerWrapper.firstChild; var startTagLength = ''.length; // Retrieve comment node inside the bannerWrapper; first child is whitespace while (currentNode) { if (currentNode.nodeType === bannerWrapper.COMMENT_NODE) { // Remove the IE tag comments and insert HTML into bannerWrapper bannerWrapper.innerHTML = currentNode.nodeValue.trim().slice(startTagLength, -endTagLength); } currentNode = currentNode.nextSibling; } } })(); </script> <div class="childrens-wrapper childrens-wrapper--stay-safe childrens-wrapper--content-item childrens-wrapper--the-basics childrens-wrapper--background feature-flag feature-flag--search-bar feature-flag--new-vote-styling feature-flag--episode-prominence-on-brand-pages feature-flag--reactions feature-flag--reith-font" data-stats-page-type="content" data-stats-children-curation="vlogging" data-stats-children-show="none" data-stats-children-index="the-basics" data-stats-children-topic="none" data-stats-children-collection="vlogging" data-stats-children-oj-campaign="stay-safe.take-control.staying_friends_in_different_schools.page-stay-safe.take-control.refocus_take_a_breath.page-stay-safe.the-basics.disabled_gamers.page" data-stats-children-page-intention="false" data-stats-children-primary-content="pid-p05mgbnm" data-stats-children-comments="false" data-stats-children-uploader="false"> <script> require(['jquery-1', 'stats/stats', 'domReady!'], function ($, stats, domReady) { stats.init($('.childrens-wrapper'), window.location.pathname); }); </script> <span class="childrens-wrapper__cover"></span> <div class="menu-container "> <div class="menu-placeholder"></div> <nav id="menu" role="navigation" class="menu menu--closed"> <div class="menu__window window window--extra-wide "> <div class="menu__bar"> <a class="menu__product" href="/web/20220924081507/https://www.bbc.com/ownit" data-stats-interaction="navigation" data-stats-interaction-variant="home_logo"> <svg viewbox="0 0 160 32" version="1.1" id="small-menu-logo" class="logo logo--ownit menu__logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" enable-background="new 0 0 160 32" xml:space="preserve" preserveaspectratio="xMaxYMin meet" width="160px" height="32px" style="-webkit-transform-style: preserve-3d"> <defs></defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="own-it" fill="#353E8F"> <path d="M15.7762411,12.56844 C13.9075406,12.56844 12.3926627,14.10476 12.3926627,15.99992 C12.3926627,17.89524 13.9075406,19.43156 15.7762411,19.43156 C17.6449415,19.43156 19.1598194,17.89524 19.1598194,15.99992 C19.1598194,14.10476 17.6449415,12.56844 15.7762411,12.56844 L15.7762411,12.56844 Z M62.7190765,0.67744 L67.1885756,12.52576 L62.6643722,24.4748 L55.8760359,24.4748 L60.4429141,12.52576 L55.973415,0.67744 L48.6299903,0.67744 L53.0994894,12.52576 L48.5753649,24.4748 L41.787068,24.4748 L46.3539068,12.52576 L41.8843682,0.67744 L34.540983,0.67744 L39.0104821,12.52576 L34.4863576,24.4748 L36.9863459,31.14292 L67.306385,31.14292 L74.5319215,12.52576 L70.0624223,0.67744 L62.7190765,0.67744 Z M120.862992,31.22808 L127.630188,31.22808 L127.630188,0.77208 L120.862992,0.77208 L120.862992,31.22808 Z M24.5552284,16.00004 C24.5552284,10.97516 20.7742456,6.78792 15.7762411,6.78792 C10.7782365,6.78792 6.99725369,10.97516 6.99725369,16.00004 C6.99725369,21.02484 10.7782365,25.2122 15.7762411,25.2122 C20.7742456,25.2122 24.5552284,21.02484 24.5552284,16.00004 L24.5552284,16.00004 Z M15.7762411,32 C7.08406268,32 0,24.81532 0,16.00004 C0,7.18456 7.08406268,0 15.7762411,0 C24.4684589,0 31.5524821,7.18456 31.5524821,16.00004 C31.5524821,24.81532 24.4684589,32 15.7762411,32 Z M98.0990026,15.78596 L79.2027259,0.4288 L79.2027259,31.14292 L85.9514243,31.14292 L85.9514243,14.93032 L98.0990026,24.81184 L98.0990026,31.14292 L104.847662,31.14292 L104.847662,0.77108 L98.0990026,0.77108 L98.0990026,15.78596 Z M160,0.77204 L160,11.02408 L153.232488,11.02408 L153.232488,7.54952 L149.383668,7.54952 L149.383668,31.22808 L142.616471,31.22808 L142.616471,7.54952 L138.809576,7.54952 L138.809576,11.02408 L132.04238,11.02408 L132.04238,0.77204 L160,0.77204 Z" id="Own-It-Logo"></path> </g> </g> </svg> Home </a> <button id="menu-toggle" class="menu__toggle" data-stats-interaction="navigation" data-stats-interaction-action="button" data-stats-interaction-variant="open"> <span id="menu-toggle-title" class="menu__toggle-title">Menu</span> <i aria-hidden="true" class="menu__toggle-icon"></i> </button> </div> <div class="menu__contents"> <div class="menu__list"> <ul class="menu__list-inner"> <li class="menu__item menu__item--home"> <a class="menu__link" href="/web/20220924081507/https://www.bbc.com/ownit" data-stats-interaction="navigation" data-stats-interaction-variant="home" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"home::1"}" data-bbc-title="Home" data-bbc-source="ownit"> <span class="menu__link-icon"> <svg viewbox="0 0 160 32" version="1.1" id="large-menu-logo" class="logo logo--ownit menu__logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" enable-background="new 0 0 160 32" xml:space="preserve" preserveaspectratio="xMaxYMin meet" width="160px" height="32px" style="-webkit-transform-style: preserve-3d"> <defs></defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="own-it" fill="#353E8F"> <path d="M15.7762411,12.56844 C13.9075406,12.56844 12.3926627,14.10476 12.3926627,15.99992 C12.3926627,17.89524 13.9075406,19.43156 15.7762411,19.43156 C17.6449415,19.43156 19.1598194,17.89524 19.1598194,15.99992 C19.1598194,14.10476 17.6449415,12.56844 15.7762411,12.56844 L15.7762411,12.56844 Z M62.7190765,0.67744 L67.1885756,12.52576 L62.6643722,24.4748 L55.8760359,24.4748 L60.4429141,12.52576 L55.973415,0.67744 L48.6299903,0.67744 L53.0994894,12.52576 L48.5753649,24.4748 L41.787068,24.4748 L46.3539068,12.52576 L41.8843682,0.67744 L34.540983,0.67744 L39.0104821,12.52576 L34.4863576,24.4748 L36.9863459,31.14292 L67.306385,31.14292 L74.5319215,12.52576 L70.0624223,0.67744 L62.7190765,0.67744 Z M120.862992,31.22808 L127.630188,31.22808 L127.630188,0.77208 L120.862992,0.77208 L120.862992,31.22808 Z M24.5552284,16.00004 C24.5552284,10.97516 20.7742456,6.78792 15.7762411,6.78792 C10.7782365,6.78792 6.99725369,10.97516 6.99725369,16.00004 C6.99725369,21.02484 10.7782365,25.2122 15.7762411,25.2122 C20.7742456,25.2122 24.5552284,21.02484 24.5552284,16.00004 L24.5552284,16.00004 Z M15.7762411,32 C7.08406268,32 0,24.81532 0,16.00004 C0,7.18456 7.08406268,0 15.7762411,0 C24.4684589,0 31.5524821,7.18456 31.5524821,16.00004 C31.5524821,24.81532 24.4684589,32 15.7762411,32 Z M98.0990026,15.78596 L79.2027259,0.4288 L79.2027259,31.14292 L85.9514243,31.14292 L85.9514243,14.93032 L98.0990026,24.81184 L98.0990026,31.14292 L104.847662,31.14292 L104.847662,0.77108 L98.0990026,0.77108 L98.0990026,15.78596 Z M160,0.77204 L160,11.02408 L153.232488,11.02408 L153.232488,7.54952 L149.383668,7.54952 L149.383668,31.22808 L142.616471,31.22808 L142.616471,7.54952 L138.809576,7.54952 L138.809576,11.02408 L132.04238,11.02408 L132.04238,0.77204 L160,0.77204 Z" id="Own-It-Logo"></path> </g> </g> </svg> </span><span class="menu__link-label">Home</span> </a> </li><li class="menu__item menu__item--the-basics menu__item--current"> <a class="menu__link" href="/web/20220924081507/https://www.bbc.com/ownit/the-basics" data-stats-interaction="navigation" data-stats-interaction-variant="the-basics" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"the-basics::2"}" data-bbc-title="The Basics" data-bbc-source="ownit"> <span class="menu__link-icon"></span><span class="menu__link-label">The Basics</span> </a> </li><li class="menu__item menu__item--take-control"> <a class="menu__link" href="/web/20220924081507/https://www.bbc.com/ownit/take-control" data-stats-interaction="navigation" data-stats-interaction-variant="take-control" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"take-control::3"}" data-bbc-title="Take Control" data-bbc-source="ownit"> <span class="menu__link-icon"></span><span class="menu__link-label">Take Control</span> </a> </li><li class="menu__item menu__item--its-personal"> <a class="menu__link" href="/web/20220924081507/https://www.bbc.com/ownit/its-personal" data-stats-interaction="navigation" data-stats-interaction-variant="its-personal" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"its-personal::4"}" data-bbc-title="It's Personal" data-bbc-source="ownit"> <span class="menu__link-icon"></span><span class="menu__link-label">It's Personal</span> </a> </li><li class="menu__item menu__item--dont-panic"> <a class="menu__link" href="/web/20220924081507/https://www.bbc.com/ownit/dont-panic" data-stats-interaction="navigation" data-stats-interaction-variant="dont-panic" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"dont-panic::5"}" data-bbc-title="Don't Panic" data-bbc-source="ownit"> <span class="menu__link-icon"></span><span class="menu__link-label">Don't Panic</span> </a> </li><li class="menu__item menu__item--about-us"> <a class="menu__link" href="/web/20220924081507/https://www.bbc.com/ownit/about-us" data-stats-interaction="navigation" data-stats-interaction-variant="about-us" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"about-us::6"}" data-bbc-title="About Us" data-bbc-source="ownit"> <span class="menu__link-icon"></span><span class="menu__link-label">About Us</span> </a> </li> </ul> <div class="menu__search-bar menu__search-bar--open"> <form id="search-bar-in-menu" class="search-bar" role="search" action="//web.archive.org/web/20220924081507/https://search.bbc.co.uk/search" method="get" accept-charset="utf-8"> <label for="search-bar-input-in-menu" class="search-bar__label vh">Start your search here...</label> <input type="hidden" name="scope" value="cbbc"> <div class="search-bar__input-area"> <input id="search-bar-input-in-menu" class="search-bar__input" type="text" name="q" placeholder="Start your search here..."> <button class="search-bar__clear" aria-label="Clear Search" type="button" data-stats-interaction="search_bar" data-stats-interaction-variant="clear" data-stats-interaction-action="button"> <i class="search-bar__clear-icon gelicon gelicon--no" aria-hidden="true"></i> </button> </div> <button aria-label="Search" class="search-bar__button"> <div class="search-bar__button-inner"> <span class="search-bar__button-image"></span> </div> </button> </form> <script> require(['jquery-1', 'local/utils/config'], function ($, config) { function clearSearchOnClick() { var $searchBar = $('#search-bar-in-menu'); var $searchInput = $('#search-bar-input-in-menu'); var $clearButton = $searchBar.find('.search-bar__clear'); $clearButton.on('click', function () { $searchInput.val("").focus(); $clearButton.hide(); }); function hideOrShowClearButton() { var isEmpty = $searchInput.val() === ""; isEmpty ? $clearButton.hide() : $clearButton.show(); } hideOrShowClearButton(); $searchInput.on('keyup keypress blur change', hideOrShowClearButton); } function setNextPageIstatsLabelsOnFormSubmit() { var $searchForm = $('#search-bar-in-menu'); function canSetPerformanceCookies() { return config.analyticsReclassificationEnabled || (window.bbccookies && window.bbccookies.cookiesEnabled() && window.bbccookies.readPolicy('performance')); } function setNextPageIstatsCookie(labels, domain) { var encodedLabels = $.map(labels, function(value, key) { return encodeURIComponent(key) + '=' + encodeURIComponent(value); }); var encodedLabelString = encodeURIComponent(encodedLabels.join('&')); document.cookie = 'sa_labels=' + encodedLabelString + '; domain=' + domain + '; path=/'; } var $searchButton = $searchForm.find('.search-bar__button'); function searchButtonIsActive() { return document.activeElement === $searchButton[0]; } $searchForm.submit(function () { if (canSetPerformanceCookies()) { var pageType = $(this).closest('[data-stats-page-type]').attr('data-stats-page-type'); var submitType = searchButtonIsActive() ? 'button' : 'submit'; var labels = { 'intlink_from_url': window.location.href, 'intlink_ts': new Date().getTime(), 'intlink_id': 'childrens-local-search-' + submitType, 'link_location': 'childrens-local-search-' + pageType }; setNextPageIstatsCookie(labels, "bbc." + config.currentTLD); } }); } clearSearchOnClick(); setNextPageIstatsLabelsOnFormSubmit(); }); </script> </div> <div class="menu__close-on-focus" tabindex="0"></div> </div> </div> </div> </nav> <div class="menu__search-bar menu__search-bar--below-menu"> <form id="search-bar-below-menu" class="search-bar" role="search" action="//web.archive.org/web/20220924081507/https://search.bbc.co.uk/search" method="get" accept-charset="utf-8"> <label for="search-bar-input-below-menu" class="search-bar__label vh">Start your search here...</label> <input type="hidden" name="scope" value="cbbc"> <div class="search-bar__input-area"> <input id="search-bar-input-below-menu" class="search-bar__input" type="text" name="q" placeholder="Start your search here..."> <button class="search-bar__clear" aria-label="Clear Search" type="button" data-stats-interaction="search_bar" data-stats-interaction-variant="clear" data-stats-interaction-action="button"> <i class="search-bar__clear-icon gelicon gelicon--no" aria-hidden="true"></i> </button> </div> <button aria-label="Search" class="search-bar__button"> <div class="search-bar__button-inner"> <span class="search-bar__button-image"></span> </div> </button> </form> <script> require(['jquery-1', 'local/utils/config'], function ($, config) { function clearSearchOnClick() { var $searchBar = $('#search-bar-below-menu'); var $searchInput = $('#search-bar-input-below-menu'); var $clearButton = $searchBar.find('.search-bar__clear'); $clearButton.on('click', function () { $searchInput.val("").focus(); $clearButton.hide(); }); function hideOrShowClearButton() { var isEmpty = $searchInput.val() === ""; isEmpty ? $clearButton.hide() : $clearButton.show(); } hideOrShowClearButton(); $searchInput.on('keyup keypress blur change', hideOrShowClearButton); } function setNextPageIstatsLabelsOnFormSubmit() { var $searchForm = $('#search-bar-below-menu'); function canSetPerformanceCookies() { return config.analyticsReclassificationEnabled || (window.bbccookies && window.bbccookies.cookiesEnabled() && window.bbccookies.readPolicy('performance')); } function setNextPageIstatsCookie(labels, domain) { var encodedLabels = $.map(labels, function(value, key) { return encodeURIComponent(key) + '=' + encodeURIComponent(value); }); var encodedLabelString = encodeURIComponent(encodedLabels.join('&')); document.cookie = 'sa_labels=' + encodedLabelString + '; domain=' + domain + '; path=/'; } var $searchButton = $searchForm.find('.search-bar__button'); function searchButtonIsActive() { return document.activeElement === $searchButton[0]; } $searchForm.submit(function () { if (canSetPerformanceCookies()) { var pageType = $(this).closest('[data-stats-page-type]').attr('data-stats-page-type'); var submitType = searchButtonIsActive() ? 'button' : 'submit'; var labels = { 'intlink_from_url': window.location.href, 'intlink_ts': new Date().getTime(), 'intlink_id': 'childrens-local-search-' + submitType, 'link_location': 'childrens-local-search-' + pageType }; setNextPageIstatsCookie(labels, "bbc." + config.currentTLD); } }); } clearSearchOnClick(); setNextPageIstatsLabelsOnFormSubmit(); }); </script> </div> </div> <script> (function () { 'use strict'; var button = document.getElementById('menu-toggle'); var buttonTitle = document.getElementById('menu-toggle-title'); var menu = document.getElementById('menu'); var menuOverlay = document.querySelector('.menu__contents'); var menuOpen = false; function addEvent(name, el, fn) { if (el.addEventListener) el.addEventListener(name, fn, false); else if (el.attachEvent) el.attachEvent('on' + name, fn); } function removeClass(el, name) { el.className = el.className.replace(new RegExp('(?:^|\\s)' + name + '(?!\\S)'), ''); } function setText(el, text) { if (el.textContent) { el.textContent = text; } else { el.innerText = text; } } function toggleMenuOpenAndClose(e) { e.preventDefault(); menuOpen = !menuOpen; if (menuOpen) { removeClass(menu, 'menu--closed'); menu.className += ' menu--open'; setText(buttonTitle, 'Close'); setTimeout(function () { button.setAttribute('data-stats-interaction-variant', 'close'); }, 10); } else { removeClass(menu, 'menu--open'); menu.className += ' menu--closed'; setText(buttonTitle, 'Menu'); setTimeout(function () { button.setAttribute('data-stats-interaction-variant', 'open'); }, 10); } } function findElements(selector) { var elements = document.querySelectorAll(selector); return Array.prototype.slice.call(elements); } var searchBars = findElements('.search-bar__input'); function searchInputCopyText(e) { var text = e.target.value; searchBars.forEach(function(searchBar) { searchBar.value = text; if ("createEvent" in document) { var evt = document.createEvent("HTMLEvents"); evt.initEvent("change", false, true); searchBar.dispatchEvent(evt); } }) } addEvent('click', button, toggleMenuOpenAndClose); if (menuOverlay) { addEvent('click', menuOverlay, function (e) { var clickedOnEmptySpace = e.target === menuOverlay; if (clickedOnEmptySpace) { toggleMenuOpenAndClose(e); } }); } var hiddenElementAfterSearchInMenu = document.querySelector('.menu__close-on-focus'); addEvent('focus', hiddenElementAfterSearchInMenu, function (e) { var menuToggle = document.querySelector('.menu__toggle'); toggleMenuOpenAndClose(e); menuToggle.focus(); }); searchBars.forEach(function(searchBar) { addEvent('blur', searchBar, searchInputCopyText); }); })(); </script> <script> (function () { var menu = document.getElementById('menu'); var childrensWrapper = document.querySelector('.childrens-wrapper'); var anchorOffsetClass = 'childrens-wrapper--anchor-offset'; function currentVerticalScroll() { return document.documentElement.scrollTop || document.body.scrollTop; } function setupMenuStickyness() { var stuckClass = 'menu--stuck'; function stickingPoint() { return childrensWrapper.offsetTop; } function hasScrolledPastStickingPoint() { return currentVerticalScroll() >= stickingPoint(); } function calculateMainContentHeight() { var viewportWidth = document.documentElement.clientWidth; var mediumBreakpoint = 600; var maxContentHeight = 468; var contentHeight; if (viewportWidth < mediumBreakpoint) { contentHeight = Math.floor(viewportWidth / 16 * 9); } else { contentHeight = Math.floor((viewportWidth - 64) / 16 * 9); } return contentHeight > maxContentHeight ? maxContentHeight : contentHeight; } function hasEnoughSpaceForMainContent() { var viewportHeight = document.documentElement.clientHeight; var menuHeight = menu.offsetHeight; return viewportHeight > (menuHeight + calculateMainContentHeight()); } function stickElement(elem) { elem.classList.add(stuckClass); } function unstickElement(elem) { elem.classList.remove(stuckClass); } function applyAnchorOffsets() { childrensWrapper.classList.add(anchorOffsetClass); } function unapplyAnchorOffsets() { childrensWrapper.classList.remove(anchorOffsetClass); } function stickOrUnstickMenu() { var menuIsStuck = menu.classList.contains(stuckClass); var menuIsOpen = menu.classList.contains('menu--open'); var isSpaceForStickyNav = (hasEnoughSpaceForMainContent() || menuIsOpen); //If the menu is open then assume there is enough space for sticky nav if (hasScrolledPastStickingPoint() && isSpaceForStickyNav) { if (!menuIsStuck && !menuIsOpen) { stickElement(menu); } } else { if (menuIsStuck) { unstickElement(menu); } } } function applyOrUnapplyAnchorOffsets() { if (hasEnoughSpaceForMainContent()) { applyAnchorOffsets(); } else { unapplyAnchorOffsets(); } } function throttleAndDebounce(fn) { var blockFunctionCall = false; return function () { if (blockFunctionCall) return; var self = this; blockFunctionCall = true; function run() { fn.apply(self); } run(); setTimeout(function () { blockFunctionCall = false; run(); }, 16); }; } window.addEventListener('resize', throttleAndDebounce(applyOrUnapplyAnchorOffsets), false); window.addEventListener('resize', throttleAndDebounce(stickOrUnstickMenu), false); window.addEventListener('scroll', throttleAndDebounce(stickOrUnstickMenu), false); window.addEventListener('touchmove', throttleAndDebounce(stickOrUnstickMenu), false); document.addEventListener('DOMContentLoaded', stickOrUnstickMenu, false); applyOrUnapplyAnchorOffsets(); } setupMenuStickyness(); })(); </script> <div class="content-page content-page--has-sidebar" role="main"> <span class="vh" id="main-content">Planning to vlog? Check out Jim Chapman's top tips</span> <div class="content-page__columns-wrapper"> <div class="content-page__columns"><div class="content-page__column content-page__column--main"> <section class="content-page__section content-page__section--content-item content-item content-item--clip content-item--the-basics"> <div class="content-item__frame"> <section class="content-item__section content-item__primary-content content-item__primary-content--clip" itemtype="http://www.schema.org/VideoObject" itemscope> <meta itemprop="name" content="Planning to vlog? Check out Jim Chapman's top tips"/> <meta itemprop="description" content="Wondering how to get into the millions of subscribers and become a vlogging celebrity? "/> <meta itemprop="typicalAgeRange" content="0-12"/> <meta itemprop="datePublished" content="2017-09-30T23:00:00.000Z"/> <meta itemprop="url" content="https://web.archive.org/web/20220924081507/http://www.bbc.co.uk/ownit/the-basics/jim-chapman-vlogging-secrets"/> <meta itemprop="isFamilyFriendly" content="true"/> <meta itemprop="image" content="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/720/1x/stay-safe/jim-chapman-secrets.jpg"/> <meta itemprop="thumbnailUrl" content="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/720/1x/stay-safe/jim-chapman-secrets.jpg"/> <div class="content-item__section-content"> <div id="player-50928" class="smp-embed content-item__embed content-item__embed--smp-embed"> <div class="smp-embed__placeholder"></div> </div> <noscript> <div class="content-item__js-not-available js-not-available"> <h2 class="js-not-available__title">Oops you can't see this activity!</h2> <p class="js-not-available__text">To enjoy the Own It website at its best you will need to have JavaScript turned on.</p> <p class="js-not-available__text">For more help please visit the <a href="/web/20220924081507/https://www.bbc.com/ownit/about-us/web-help-javascript" class="js-not-available__link">Own It FAQ <span class="gel-icon gelicon--next"></span></a></p> </div> </noscript> <script type="text/javascript"> require(['childrens/smp-embed'], function(smpEmbed) { var settings = { "superResponsive" : true, "appName" : "stay-safe", "appType" : "responsive", "ui" : { "cta" : { "mode" : "duration" }, "controls" : { "availableOnMediaEnded" : false }, "disableReithFonts" : false, "useFontSalt" : true }, "playlistObject" : { "title" : "Jim Chapman's Vlogging Secrets", "summary" : "Vlogger Jim Chapman reveals his secrets to creating good Youtube videos", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/images/ic/$recipe/p05mgd90.jpg", "items" : [ { "kind" : "programme", "live" : false, "versionID" : "p05mgbnp", "vpid" : "p05mgbnp", "duration" : 104 } ] }, "statsObject" : { "clipPID" : "p05mgbnm", "deviceId" : "", "sessionLabels" : { "children_content" : "pid-p05mgbnm" } } }; var intentionId = "pid-p05mgbnm"; smpEmbed.embed('#player-50928', settings, intentionId); }); </script> </div> </section> <div class="content-item__section content-item__section--information"> <div class="content-item__section-content"> <div class="content-item-description"> <div class="reactions-container"><div id="u2578588916131761"><div class="reactions" data-reactid=".2493owssu12" data-react-checksum="-501944389"><div data-reactid=".2493owssu12.0"><div data-reactid=".2493owssu12.0.0"><div class="reactions-module" data-reactid=".2493owssu12.0.0.0"><div class="reactions-sprite-animation-wrapper" data-reactid=".2493owssu12.0.0.0.0"><div class="reactions-sprite-animation reactions-sprite-animation__slide--0" style="left:0;top:0;" data-reactid=".2493owssu12.0.0.0.0.0"><noscript data-reactid=".2493owssu12.0.0.0.0.0.0"></noscript></div></div><div class="reactions-tray" data-reactid=".2493owssu12.0.0.0.1"><div class="reactions-tray__reactions-container reactions-tray__reactions-container--no-animation" data-reactid=".2493owssu12.0.0.0.1.0"><ul class="gs-c-reactions" data-reactid=".2493owssu12.0.0.0.1.0.0"><div class="reactions-list" data-reactid=".2493owssu12.0.0.0.1.0.0.0"><li data-reactid=".2493owssu12.0.0.0.1.0.0.0.$0"><button class="gs-c-reaction reaction-button" aria-pressed="false" aria-labelledby="reaction-label-text--loved-childrens-reactions-urn:bbc:pips::pid:p05mgbnm reaction-count-text--loved-childrens-reactions-urn:bbc:pips::pid:p05mgbnm" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$0.0"><span class="gel-icon reaction-icon reaction-icon-loved" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$0.0.0"><svg data-name="Layer 1" viewbox="0 0 72 72" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$0.0.0.0"><path d="M13.54 49.73A31.54 31.54 0 0 1 6 30c0-2.08-.06-10.46 6.55-16.17a14.48 14.48 0 0 1 9.1-3.46c7.39 0 11.7 3.42 14.34 8.12 2.64-4.69 7-8.13 14.34-8.12a14.48 14.48 0 0 1 9.1 3.46C66.06 19.54 66 27.93 66 30a31.54 31.54 0 0 1-7.54 19.73C51.28 58.48 36 61.63 36 61.63s-15.28-3.15-22.46-11.9z" fill="#e63f23" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$0.0.0.0.0"></path><path d="M17.06 16.8C14.9 18.15 14 20.51 15 22.08s3.56 1.75 5.73.4 3.11-3.71 2.11-5.28-3.61-1.75-5.78-.4z" fill="#ee7966" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$0.0.0.0.1"></path></svg></span><span id="reaction-label-text--loved-childrens-reactions-urn:bbc:pips::pid:p05mgbnm" class="reaction-label" aria-label="Reaction type Love," data-reactid=".2493owssu12.0.0.0.1.0.0.0.$0.0.1">Love</span><span id="reaction-count-text--loved-childrens-reactions-urn:bbc:pips::pid:p05mgbnm" class="reaction-count" aria-label="Total number of Loves 8" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$0.0.2">8</span><div class="reaction-focus-line" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$0.0.3"></div></button></li><li data-reactid=".2493owssu12.0.0.0.1.0.0.0.$1"><button class="gs-c-reaction reaction-button" aria-pressed="false" aria-labelledby="reaction-label-text--lol-childrens-reactions-urn:bbc:pips::pid:p05mgbnm reaction-count-text--lol-childrens-reactions-urn:bbc:pips::pid:p05mgbnm" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$1.0"><span class="gel-icon reaction-icon reaction-icon-lol" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$1.0.0"><svg data-name="Layer 1" viewbox="0 0 72 72" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$1.0.0.0"><circle cx="35.91" cy="35.72" r="30" fill="#ffd201" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$1.0.0.0.0"></circle><path d="M69.12 34c-2.48-1.34-13.33-1.34-13.33-1.34s6 9.07 8.52 10.41A5.07 5.07 0 0 0 71.18 41a5.15 5.15 0 0 0-2.06-7zM2.86 34a5.15 5.15 0 0 0-2.07 7 5.07 5.07 0 0 0 6.87 2.12c2.48-1.34 8.52-10.41 8.52-10.41S5.34 32.67 2.86 34z" fill="#269dc8" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$1.0.0.0.1"></path><path d="M16.37 36.45a19.34 19.34 0 0 0 38.69.16z" fill="#2b2b2b" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$1.0.0.0.2"></path><path d="M25.17 52.73a11.33 11.33 0 0 1 21 .08" fill="#a75916" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$1.0.0.0.3"></path><path d="M35.66 45.78a11.35 11.35 0 0 0-10.52 7 19.44 19.44 0 0 0 10.47 3.12 19 19 0 0 0 10.5-3.06 11.21 11.21 0 0 0-10.45-7.06z" fill="#e63f23" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$1.0.0.0.4"></path><path d="M51.25 30.46a1.18 1.18 0 0 1-1.06-.65 4.65 4.65 0 0 0-8.31 0 1.18 1.18 0 0 1-2.12-1.06 7 7 0 0 1 12.54 0 1.18 1.18 0 0 1-1.06 1.71zM32 30.46a1.18 1.18 0 0 1-1.06-.65 4.65 4.65 0 0 0-8.31 0 1.18 1.18 0 0 1-2.12-1.06 7 7 0 0 1 12.54 0A1.18 1.18 0 0 1 32 30.46z" fill="#2b2b2b" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$1.0.0.0.5"></path></svg></span><span id="reaction-label-text--lol-childrens-reactions-urn:bbc:pips::pid:p05mgbnm" class="reaction-label" aria-label="Reaction type LOL," data-reactid=".2493owssu12.0.0.0.1.0.0.0.$1.0.1">LOL</span><span id="reaction-count-text--lol-childrens-reactions-urn:bbc:pips::pid:p05mgbnm" class="reaction-count" aria-label="Total number of LOLs 12" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$1.0.2">12</span><div class="reaction-focus-line" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$1.0.3"></div></button></li><li data-reactid=".2493owssu12.0.0.0.1.0.0.0.$2"><button class="gs-c-reaction reaction-button" aria-pressed="false" aria-labelledby="reaction-label-text--applause-childrens-reactions-urn:bbc:pips::pid:p05mgbnm reaction-count-text--applause-childrens-reactions-urn:bbc:pips::pid:p05mgbnm" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$2.0"><span class="gel-icon reaction-icon reaction-icon-applause" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$2.0.0"><svg data-name="Layer 1" viewbox="0 0 72 72" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$2.0.0.0"><path d="M52.43 11.33l4.12-7.71a1.09 1.09 0 0 1 1.87 1.09l-4.12 7.71a1.09 1.09 0 0 1-1.87-1.09M43.75 3a1 1 0 0 1 1.79.25l1.23 5.28a1 1 0 0 1-1.89.47l-1.23-5.27a1 1 0 0 1 .1-.74M15.59 11.1l-.7-8.71a1.09 1.09 0 0 1 2.17-.09l.7 8.71a1.09 1.09 0 0 1-2.17.09M3.78 8.77A1 1 0 0 1 5.41 8l3.89 3.79A1 1 0 1 1 8 13.23L4.09 9.45a1 1 0 0 1-.31-.68" fill="#2b2b2b" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$2.0.0.0.0"></path><path d="M57.24 56.4c5-7.08 4.75-10.71 2.84-16.46-.37-1.12-.91-2.56-1.4-3.67a96 96 0 0 0-5.2-10.15l-3.54-7.32a4 4 0 0 0-4-2.23 3.72 3.72 0 0 0-2.6 1.36 4.29 4.29 0 0 0-.49 4.61l4 8.31L24 15.42a4 4 0 0 0-5.52 1l-.05.06c-1.55 2.09-.06 4.44.18 4.74l-4.06-2.74-.42-.28a4 4 0 0 0-5.56 1 3.86 3.86 0 0 0-.1 4.12 4.1 4.1 0 0 0 1.25 1.35L13 27.54c-1.84-1.24-4.92-1.62-6.38.54A3.86 3.86 0 0 0 7.8 33.5l5.65 4.66c-1.9-1.29-4.4-1.34-5.6.7a3.79 3.79 0 0 0 1.28 5s18.1 13.05 23.78 16.56c6.15 3.8 8.78 4.25 13.83 3.69 4.27-.47 7-2.71 10.5-7.72" fill="#9f8214" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$2.0.0.0.1"></path><path d="M64.75 41.35c-.34-1.13-.83-2.57-1.29-3.68-1.46-3.59-8.23-17.6-8.23-17.6a4 4 0 0 0-3.92-2.32 3.72 3.72 0 0 0-2.79 1.49 4.29 4.29 0 0 0-.44 4.39l3.27 7.23a.33.33 0 0 1-.49.4L29.57 16a4 4 0 0 0-5.51.86l-.06.06a2.53 2.53 0 0 0-.65 2 2.13 2.13 0 0 0 1 1.67l.48.37L39.64 32a.53.53 0 0 1 .13.72.48.48 0 0 1-.41.2.54.54 0 0 1-.31-.11L22.64 20.63l-2.55-1.81-.34-.25a4.06 4.06 0 0 0-5.68.88 3.45 3.45 0 0 0-.16 3.79 17.84 17.84 0 0 0 2.3 2.17l2.1 1.59 18.37 13.18a.53.53 0 0 1 .13.72.48.48 0 0 1-.41.2.54.54 0 0 1-.3-.1L17.21 27.41a4 4 0 0 0-2.55-.72 3.49 3.49 0 0 0-2.72 1.45 3.83 3.83 0 0 0 1 5.42l5 3.7 14.18 10.12a.53.53 0 0 1 .13.72.48.48 0 0 1-.41.2.54.54 0 0 1-.31-.11l-14-10-.25-.19-.54-.37c-1.93-.94-3.73-.74-4.73 1s.38 4 1.1 4.51c0 0 18.53 14.21 24.09 17.86 6 3.95 8.62 4.45 13.64 4 4.25-.36 7-2.51 10.65-7.39 5.13-6.88 5.01-10.5 3.26-16.26z" fill="#ffd201" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$2.0.0.0.2"></path></svg></span><span id="reaction-label-text--applause-childrens-reactions-urn:bbc:pips::pid:p05mgbnm" class="reaction-label" aria-label="Reaction type Applause," data-reactid=".2493owssu12.0.0.0.1.0.0.0.$2.0.1">Applause</span><span id="reaction-count-text--applause-childrens-reactions-urn:bbc:pips::pid:p05mgbnm" class="reaction-count" aria-label="Total number of Applauses 11" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$2.0.2">11</span><div class="reaction-focus-line" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$2.0.3"></div></button></li><li data-reactid=".2493owssu12.0.0.0.1.0.0.0.$3"><button class="gs-c-reaction reaction-button" aria-pressed="false" aria-labelledby="reaction-label-text--inspired-childrens-reactions-urn:bbc:pips::pid:p05mgbnm reaction-count-text--inspired-childrens-reactions-urn:bbc:pips::pid:p05mgbnm" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$3.0"><span class="gel-icon reaction-icon reaction-icon-inspired" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$3.0.0"><svg data-name="Layer 1" viewbox="0 0 72 72" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$3.0.0.0"><circle cx="36" cy="36" r="30" fill="#ffd201" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$3.0.0.0.0"></circle><path d="M35.9 14.3a.82.82 0 0 1-.82-.82V9.7a.82.82 0 0 1 1.65 0v3.78a.82.82 0 0 1-.83.82zM61.42 36.51h-3.78a.82.82 0 0 1 0-1.65h3.78a.82.82 0 1 1 0 1.65zM14.16 36.51h-3.78a.82.82 0 1 1 0-1.65h3.78a.82.82 0 0 1 0 1.65zM51.28 20.67a.82.82 0 0 1-.58-1.4l2.67-2.67a.82.82 0 0 1 1.16 1.16l-2.67 2.67a.82.82 0 0 1-.58.24zM20.53 20.67a.82.82 0 0 1-.58-.24l-2.67-2.67a.82.82 0 1 1 1.16-1.16l2.67 2.67a.82.82 0 0 1-.58 1.4zM44 15.87a.82.82 0 0 1-.76-1.13l1.41-3.5a.82.82 0 0 1 1.53.61l-1.41 3.5a.82.82 0 0 1-.77.52zM59.57 46a.82.82 0 0 1-.31-.06l-3.5-1.41a.82.82 0 1 1 .62-1.53l3.5 1.41a.82.82 0 0 1-.31 1.59zM15.74 28.39a.82.82 0 0 1-.31-.06l-3.5-1.41a.82.82 0 0 1 .61-1.53L16 26.8a.82.82 0 0 1-.31 1.59zM55.91 28a.82.82 0 0 1-.32-1.58l3.48-1.48a.82.82 0 0 1 .64 1.51l-3.48 1.48a.82.82 0 0 1-.32.07zM12.43 46.51a.82.82 0 0 1-.32-1.58l3.48-1.48a.82.82 0 1 1 .63 1.55l-3.48 1.48a.82.82 0 0 1-.31.03zM27.39 16a.82.82 0 0 1-.76-.5l-1.48-3.48a.82.82 0 0 1 1.51-.64l1.48 3.48a.82.82 0 0 1-.75 1.14zM29.39 48.81c0-2.53-1.63-4.9-3.47-6.63a13.68 13.68 0 0 1 3.68-22.52c9.92-4.66 20.67 2.71 20.67 12.41a13.83 13.83 0 0 1-5.79 11.26 5 5 0 0 0-2.1 4.1v1.39a17 17 0 0 1-5.83 1.34 23.78 23.78 0 0 1-7.16-1.35z" fill="#fff" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$3.0.0.0.1"></path><path d="M29.42 48.71v4.8a8.05 8.05 0 0 0 2.33 1.09l.07.18a4.09 4.09 0 1 0 8.17 0v-.06a2.42 2.42 0 0 0 .11-.29 21.91 21.91 0 0 0 2.3-.79v-5.13s-4.92 3.49-12.98.2z" fill="#d3145b" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$3.0.0.0.2"></path></svg></span><span id="reaction-label-text--inspired-childrens-reactions-urn:bbc:pips::pid:p05mgbnm" class="reaction-label" aria-label="Reaction type Got It!," data-reactid=".2493owssu12.0.0.0.1.0.0.0.$3.0.1">Got It!</span><span id="reaction-count-text--inspired-childrens-reactions-urn:bbc:pips::pid:p05mgbnm" class="reaction-count" aria-label="Total number of Got Its 4" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$3.0.2">4</span><div class="reaction-focus-line" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$3.0.3"></div></button></li><li data-reactid=".2493owssu12.0.0.0.1.0.0.0.$4"><button class="gs-c-reaction reaction-button" aria-pressed="false" aria-labelledby="reaction-label-text--omd-childrens-reactions-urn:bbc:pips::pid:p05mgbnm reaction-count-text--omd-childrens-reactions-urn:bbc:pips::pid:p05mgbnm" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$4.0"><span class="gel-icon reaction-icon reaction-icon-omd" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$4.0.0"><svg data-name="Layer 1" viewbox="0 0 72 72" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$4.0.0.0"><circle cx="36" cy="36" r="30" transform="rotate(-5.1 35.96834013 36.0247667)" fill="#ffd201" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$4.0.0.0.0"></circle><circle cx="25.69" cy="31.15" r="7.9" fill="#fff" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$4.0.0.0.1"></circle><ellipse cx="25.73" cy="31.35" rx="3.85" ry="4.57" fill="#2b2b2b" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$4.0.0.0.2"></ellipse><circle cx="46.31" cy="31.15" r="7.9" fill="#fff" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$4.0.0.0.3"></circle><ellipse cx="46.26" cy="31.35" rx="3.85" ry="4.57" fill="#2b2b2b" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$4.0.0.0.4"></ellipse><path d="M42.41 49.4c0 4.42-3 8-6.74 8s-6.74-3.58-6.74-8v-.65c.28-4.11 3.18-7.35 6.72-7.35 3.75-.01 6.76 3.6 6.76 8z" fill="#2b2b2b" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$4.0.0.0.5"></path><path d="M13.65 28c.4-6.28 7-10.64 13-9.33-5.31 2.14-10.01 4.14-13 9.33zM58.35 28c-.4-6.28-7-10.64-13-9.33 5.31 2.14 10.01 4.14 13 9.33z" fill="#9f8214" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$4.0.0.0.6"></path></svg></span><span id="reaction-label-text--omd-childrens-reactions-urn:bbc:pips::pid:p05mgbnm" class="reaction-label" aria-label="Reaction type OMD," data-reactid=".2493owssu12.0.0.0.1.0.0.0.$4.0.1">OMD</span><span id="reaction-count-text--omd-childrens-reactions-urn:bbc:pips::pid:p05mgbnm" class="reaction-count" aria-label="Total number of OMDs 2" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$4.0.2">2</span><div class="reaction-focus-line" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$4.0.3"></div></button></li><li data-reactid=".2493owssu12.0.0.0.1.0.0.0.$5"><button class="gs-c-reaction reaction-button" aria-pressed="false" aria-labelledby="reaction-label-text--sad-childrens-reactions-urn:bbc:pips::pid:p05mgbnm reaction-count-text--sad-childrens-reactions-urn:bbc:pips::pid:p05mgbnm" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$5.0"><span class="gel-icon reaction-icon reaction-icon-sad" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$5.0.0"><svg data-name="Layer 1" viewbox="0 0 72 72" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$5.0.0.0"><circle cx="36" cy="36" r="30" transform="rotate(-5.1 35.96834013 36.0247667)" fill="#ffd201" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$5.0.0.0.0"></circle><path d="M15 40.42c1.16-2.66 8.18-5.59 8.18-5.59s2.59 7.17 1.42 9.79a5.26 5.26 0 0 1-9.6-4.2z" fill="#269dc8" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$5.0.0.0.1"></path><path d="M25.81 53.82a1 1 0 0 1-.81-1.55A14.14 14.14 0 0 1 36.35 46a14.1 14.1 0 0 1 11.16 6A1 1 0 1 1 46 53.2a12 12 0 0 0-9.65-5.2 12.22 12.22 0 0 0-9.76 5.44 1 1 0 0 1-.78.38zM26.26 36A6.91 6.91 0 0 1 20 32.2a1.17 1.17 0 1 1 2.1-1 4.6 4.6 0 0 0 8.23 0 1.17 1.17 0 1 1 2.09 1.05A6.91 6.91 0 0 1 26.26 36zM45.36 36a6.91 6.91 0 0 1-6.21-3.84 1.17 1.17 0 1 1 2.1-1 4.6 4.6 0 0 0 8.23 0 1.17 1.17 0 1 1 2.09 1.05A6.91 6.91 0 0 1 45.36 36z" fill="#2b2b2b" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$5.0.0.0.2"></path></svg></span><span id="reaction-label-text--sad-childrens-reactions-urn:bbc:pips::pid:p05mgbnm" class="reaction-label" aria-label="Reaction type Sad," data-reactid=".2493owssu12.0.0.0.1.0.0.0.$5.0.1">Sad</span><span id="reaction-count-text--sad-childrens-reactions-urn:bbc:pips::pid:p05mgbnm" class="reaction-count" aria-label="Total number of Sads 7" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$5.0.2">7</span><div class="reaction-focus-line" data-reactid=".2493owssu12.0.0.0.1.0.0.0.$5.0.3"></div></button></li></div></ul><div class="reactions-tray__reactive-prompt" data-reactid=".2493owssu12.0.0.0.1.0.1">Press and hold for more...</div></div></div><button class="reactions-cta" aria-pressed="false" aria-label="Reactions. Show Reactions. Total number of reactions: 44" data-reactid=".2493owssu12.0.0.0.4"><div class="reactions-cta-image" data-reactid=".2493owssu12.0.0.0.4.0"><span data-reactid=".2493owssu12.0.0.0.4.0.0"><span class="cta-icon cta-cbbc-icon" data-reactid=".2493owssu12.0.0.0.4.0.0.0"><svg viewbox="0 0 76 68" data-reactid=".2493owssu12.0.0.0.4.0.0.0.0"><path d="M50.54 34.94A20.35 20.35 0 0 1 40 26.27c-.66-1.16-3.36-5.85-1.47-11.16a9.34 9.34 0 0 1 4-4.83 9.8 9.8 0 0 1 10.63 0 9.8 9.8 0 0 1 5.47-9.12 9.34 9.34 0 0 1 6.21-1c5.53 1.1 8.16 5.83 8.82 7a20.35 20.35 0 0 1 2 13.47c-1.25 7.19-8.81 13.81-8.81 13.81s-9.5 3.12-16.31.5z" fill="#e63f23" data-reactid=".2493owssu12.0.0.0.4.0.0.0.0.0"></path><path d="M42 15.34c-.79 1.44-.56 3.07.5 3.63s2.56-.15 3.34-1.6.56-3.07-.5-3.63-2.51.15-3.34 1.6z" fill="#ee7966" data-reactid=".2493owssu12.0.0.0.4.0.0.0.0.1"></path><circle cx="20" cy="25" r="19.94" transform="rotate(-85 20.002 25.004)" fill="#efc203" data-reactid=".2493owssu12.0.0.0.4.0.0.0.0.2"></circle><path d="M6.3 17.19v-.07c.06-.24.12-.47.2-.71s.19-.45.3-.68.25-.43.39-.64a7 7 0 0 1 .47-.59 6.28 6.28 0 0 1 .54-.5 6.16 6.16 0 0 1 .59-.47 6.55 6.55 0 0 1 .64-.41 7.57 7.57 0 0 1 1.39-.61 6.4 6.4 0 0 1 .73-.2 6 6 0 0 1 .74-.13 6 6 0 0 1 .71-.08 6 6 0 0 1 .74 0c.25 0 .49 0 .73.09s.48.09.72.16.47.15.69.24c-.24 0-.48.08-.72.11l-.7.11c-.23 0-.46.08-.68.12s-.45.1-.67.14-.44.11-.65.16-.43.12-.64.19-.42.14-.63.22a6.37 6.37 0 0 0-.61.25 6.39 6.39 0 0 0-.59.28c-.2.09-.38.21-.58.31s-.37.24-.56.35-.36.26-.54.38-.34.28-.53.42-.34.3-.51.46-.32.33-.5.49-.31.35-.49.53zM35.55 22.4v-.07c-.1-.23-.19-.45-.28-.66s-.19-.43-.3-.63-.2-.41-.32-.6-.22-.39-.35-.57-.24-.37-.38-.55-.25-.36-.41-.52-.27-.34-.43-.49a6.39 6.39 0 0 0-.46-.47 6.37 6.37 0 0 0-.49-.44c-.17-.14-.33-.29-.51-.42s-.35-.28-.53-.4-.36-.27-.56-.38-.38-.25-.58-.37-.39-.25-.6-.35l-.62-.35c-.21-.11-.42-.22-.64-.35h.73c.24 0 .48.06.73.1s.48.11.72.17a7.6 7.6 0 0 1 1.38.55 6 6 0 0 1 .65.37 6.4 6.4 0 0 1 .62.44A7.57 7.57 0 0 1 34 17.46a6.55 6.55 0 0 1 .46.6 6.16 6.16 0 0 1 .39.65 6.28 6.28 0 0 1 .32.69 7 7 0 0 1 .24.72c.06.24.1.49.15.73s0 .5.05.74 0 .49-.06.74z" fill="#9f8214" data-reactid=".2493owssu12.0.0.0.4.0.0.0.0.3"></path><circle cx="13.71" cy="20.6" r="5.25" transform="rotate(-79.9 13.71 20.605)" fill="#fff" data-reactid=".2493owssu12.0.0.0.4.0.0.0.0.4"></circle><ellipse cx="13.71" cy="20.74" rx="3.04" ry="2.56" transform="rotate(-79.9 13.711 20.738)" fill="#2b2b2b" data-reactid=".2493owssu12.0.0.0.4.0.0.0.0.5"></ellipse><circle cx="27.2" cy="23.01" r="5.25" transform="rotate(-79.9 27.2 23.006)" fill="#fff" data-reactid=".2493owssu12.0.0.0.4.0.0.0.0.6"></circle><ellipse cx="27.15" cy="23.13" rx="3.04" ry="2.56" transform="rotate(-79.9 27.15 23.127)" fill="#2b2b2b" data-reactid=".2493owssu12.0.0.0.4.0.0.0.0.7"></ellipse><path d="M22.52 34.49c-.51 2.89-2.91 4.88-5.34 4.45s-4-3.13-3.48-6q0-.22.09-.42c.66-2.66 2.94-4.44 5.25-4s3.96 3.08 3.48 5.97z" fill="#2b2b2b" data-reactid=".2493owssu12.0.0.0.4.0.0.0.0.8"></path><circle cx="42.08" cy="45.87" r="22.16" transform="rotate(-81.9 42.082 45.87)" fill="#ffd201" data-reactid=".2493owssu12.0.0.0.4.0.0.0.0.9"></circle><path data-name="<Path>" d="M66.62 48.07a3.8 3.8 0 0 1-4.5 6.13c-1.7-1.24-5.22-8.51-5.22-8.51s8.02 1.14 9.72 2.38zM18.06 41.1a3.79 3.79 0 1 0 2.54 7.15c2-.71 7.44-6.67 7.44-6.67s-8.04-1.19-9.98-.48z" fill="#269dc8" data-reactid=".2493owssu12.0.0.0.4.0.0.0.0.a"></path><path d="M27.82 44.39a14.18 14.18 0 0 0 28.07 4.11z" fill="#2b2b2b" data-reactid=".2493owssu12.0.0.0.4.0.0.0.0.b"></path><path d="M32.53 57.11a8.31 8.31 0 0 1 15.21 2.22" fill="#a75916" data-reactid=".2493owssu12.0.0.0.4.0.0.0.0.c"></path><path d="M40.86 53.15a8.32 8.32 0 0 0-8.36 4 14.25 14.25 0 0 0 7.27 3.36 13.92 13.92 0 0 0 7.94-1.14 8.22 8.22 0 0 0-6.85-6.22z" fill="#e63f23" data-reactid=".2493owssu12.0.0.0.4.0.0.0.0.d"></path><path d="M53.76 43.64a.87.87 0 0 1-.7-.58 3.41 3.41 0 0 0-6-.86.87.87 0 0 1-1.43-1 5.14 5.14 0 0 1 9.1 1.3.87.87 0 0 1-.94 1.13zM39.76 41.65a.87.87 0 0 1-.7-.58 3.41 3.41 0 0 0-6-.86.87.87 0 0 1-1.43-1 5.14 5.14 0 0 1 9.1 1.3.87.87 0 0 1-.94 1.13z" fill="#2b2b2b" data-reactid=".2493owssu12.0.0.0.4.0.0.0.0.e"></path></svg></span><span class="reactions-count-container" data-reactid=".2493owssu12.0.0.0.4.0.0.1"><span class="reactions-count-container__count-text" data-reactid=".2493owssu12.0.0.0.4.0.0.1.0">44</span></span></span><div class="cta-arrow-icon" data-reactid=".2493owssu12.0.0.0.4.0.1"><svg height="15" width="20" viewbox="0 0 20 15" data-reactid=".2493owssu12.0.0.0.4.0.1.0"><path fill="#db63d9" d="M18.5 4.7l-2.8-2.9L10 7.5 4.3 1.8 1.5 4.7l8.5 8.5z" data-reactid=".2493owssu12.0.0.0.4.0.1.0.0"></path></svg></div></div></button></div></div></div></div></div></div> <div class="button-list-container button-list-container--above-description"> <ul class="button-list"></ul> </div> <div class="content-item-description__text-container"> <h1 class="content-item-description__heading"><span class="vh"></span>Planning to vlog? Check out Jim Chapman's top tips</h1> <p class="content-item-description__description">Wondering how to get into the millions of subscribers and become a vlogging celebrity? </p> </div> </div> <div class="button-list-container button-list-container--below-description"> <ul class="button-list"></ul> </div> </div> </div> <article class="content-item__section content-item__section--article article "> <div class="article__section "> <div class="article__body-text"> <p>Jim Chapman gives his tips on how to make videos that people will want to watch.</p> <p><strong>Remember, you need to be 13 or over to set up your own account on YouTube or other vlogging platforms, or otherwise, make sure you have your parent or carer's permission to be able to upload to an account they set up and manage.</strong></p> </div> </div> <div class="article__section "> <h2 class="article__section-heading">Brainstorm</h2> <div class="article__body-text"> <p>Coming up with ideas for videos takes a bit of time and thought. Grab a pen and paper and get scribbling - what's happened to you lately? What topics would you like to discuss and would entertain your audience?</p> </div> </div> <div class="article__section "> <h2 class="article__section-heading">Plan your video</h2> <div class="article__body-text"> <p>You might think that vloggers just turn on the camera and start talking. But Jim thinks the best ones are often planned out in advance with a structure - a beginning, a middle and an end - in mind. Not only will it give you focus, but it will make editing much easier if you have it thought out.</p> </div> </div> <div class="article__section "> <h2 class="article__section-heading">Set up properly</h2> <div class="article__body-text"> <p>You want to have yourself positioned to make the most of the light - so no backs to windows!</p> <ul> <li>For more on set up, check out <a href="/web/20220924081507/https://www.bbc.com/ownit/the-basics/saima-vlogging-essential-kit">Saima's tips on starting to vlog</a></li> </ul> </div> </div> <div class="article__section "> <h2 class="article__section-heading">Be yourself</h2> <div class="article__body-text"> <p>The most successful vloggers have personalities that shine through on camera. So be yourself and have fun!</p> <p>And remember, eyes down the lens, not on your reflection - this will make it look like you have eye contact with viewers.</p> </div> </div> <div class="article__section "> <h2 class="article__section-heading">Take care with editing</h2> <div class="article__body-text"> <p>Editing is important to keep videos short and snappy and interesting for viewers.</p> </div> </div> <div class="article__section "> <div class="article__body-text"> <p><strong>Check out <a href="/web/20220924081507/https://www.bbc.com/ownit/curations/vlogging">Own It's vlogging collection for more tips from vloggers and celebs. </a></strong></p> </div> </div> </article> <div class="content-item__section content-item__section--collection-oj"> <div class="content-item__section-content"> <div data-carousel class="carousel carousel--with-title carousel--carousel-at-mobile " data-carousel-at-mobile="true" data-carousel-changes-in-place="false" data-carousel-disable-selected-item="true"> <div class="carousel__title-container"> <a class="carousel__title-link" href="/web/20220924081507/https://www.bbc.com/ownit/curations/vlogging" data-stats-interaction="collection" data-stats-interaction-variant="text_link"> <h3 class="carousel__title" aria-label="Vlogging collection">Vlogging</h3> </a> </div> <div class="carousel__controls"> <div class="carousel__button carousel__button--prev button button--prev button--immersive "><a class="button__link"><span class="button__inner"> <span class="vh">previous items</span> <i class="gelicon gelicon--previous" aria-hidden="true"></i> </span></a></div><div class="carousel__button carousel__button--next button button--next button--immersive "><a class="button__link"><span class="button__inner"> <span class="vh">next items</span> <i class="gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> <div class="carousel__curtain carousel__curtain--right"></div> <div class="carousel__window"><div class="carousel__panel"> <ul class="carousel__list"><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/take-control/vlogging-top-tips?collection=vlogging" class="content-card content-card--take-control content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="0" data-stats-internal-link-location="vlogging" data-site-section="take-control"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/vlogging.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/vlogging.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--take-control"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Vlogging top tips"> Vlogging top tips </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/the-basics/dantdm-talks-about-becoming-a-youtube-star?collection=vlogging" class="content-card content-card--the-basics content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="1" data-stats-internal-link-location="vlogging" data-site-section="the-basics"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/dantdm_cc.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/dantdm_cc.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--the-basics"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="DanTDM talks about becoming a YouTube star"> DanTDM talks about becoming a YouTube star </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/the-basics/youtube-tips-from-jessica-kellgren-fozard?collection=vlogging" class="content-card content-card--the-basics content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="2" data-stats-internal-link-location="vlogging" data-site-section="the-basics"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/jessicaKellgrenFozard.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/jessicaKellgrenFozard.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--the-basics"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="YouTube tips from Jessica Kellgren-Fozard "> YouTube tips from Jessica Kellgren-Fozard </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/the-basics/level-up-get-into-vlogging-with-nikki-lilly?collection=vlogging" class="content-card content-card--the-basics content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="3" data-stats-internal-link-location="vlogging" data-site-section="the-basics"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/nikki.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/nikki.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--the-basics"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Nikki Lilly shares her vlogging tips "> Nikki Lilly shares her vlogging tips </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/the-basics/laurabubble-visual-effects?collection=vlogging" class="content-card content-card--the-basics content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="4" data-stats-internal-link-location="vlogging" data-site-section="the-basics"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/BubbleEffects_content.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/BubbleEffects_content.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--the-basics"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Laurabubble's video effects tips"> Laurabubble's video effects tips </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/its-personal/scottie-dogs-vlog?collection=vlogging" class="content-card content-card--its-personal content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="5" data-stats-internal-link-location="vlogging" data-site-section="its-personal"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/Scottie_Vlog_content.png"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/Scottie_Vlog_content.png" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--its-personal"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Ainslie the Vlogger"> Ainslie the Vlogger </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/the-basics/team-own-it-eman-reality?collection=vlogging" class="content-card content-card--the-basics content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="6" data-stats-internal-link-location="vlogging" data-site-section="the-basics"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/Eman_YT_reality.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/Eman_YT_reality.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--the-basics"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="The truth about being a YouTuber"> The truth about being a YouTuber </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/the-basics/team-own-it-saima-editing-and-uploading?collection=vlogging" class="content-card content-card--the-basics content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="7" data-stats-internal-link-location="vlogging" data-site-section="the-basics"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/saima_content_card.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/saima_content_card.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--the-basics"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Editing and uploading your videos"> Editing and uploading your videos </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/the-basics/team-own-it-eman-tips?collection=vlogging" class="content-card content-card--the-basics content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="8" data-stats-internal-link-location="vlogging" data-site-section="the-basics"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/eman-top-tips.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/eman-top-tips.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--the-basics"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="How to interview celebs with Eman"> How to interview celebs with Eman </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/the-basics/saima-vlogging-essential-kit?collection=vlogging" class="content-card content-card--the-basics content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="9" data-stats-internal-link-location="vlogging" data-site-section="the-basics"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/Saima_equip_content.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/Saima_equip_content.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--the-basics"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="How to film a perfect video with Saima"> How to film a perfect video with Saima </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item carousel__item--selected"> <a href="/web/20220924081507/https://www.bbc.com/ownit/the-basics/jim-chapman-vlogging-secrets?collection=vlogging" class="content-card content-card--the-basics content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card-disabled" data-stats-interaction-position="10" data-stats-interaction-action="button" data-site-section="the-basics"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/jim-chapman-secrets.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/jim-chapman-secrets.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--the-basics"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Jim Chapman's vlogging secrets"> Jim Chapman's vlogging secrets </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/the-basics/what-is-asmr?collection=vlogging" class="content-card content-card--the-basics content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="11" data-stats-internal-link-location="vlogging" data-site-section="the-basics"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/jamieasmr.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/jamieasmr.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--the-basics"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="What is ASMR?"> What is ASMR? </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/the-basics/five-tips-for-taking-photos?collection=vlogging" class="content-card content-card--the-basics content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="12" data-stats-internal-link-location="vlogging" data-site-section="the-basics"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/bbb_5_tips_photos_web_cc.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/bbb_5_tips_photos_web_cc.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--the-basics"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Fed up with photo filters?"> Fed up with photo filters? </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/take-control/kids-explain-slang-vlog?collection=vlogging" class="content-card content-card--take-control content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="13" data-stats-internal-link-location="vlogging" data-site-section="take-control"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/Vlog_v2.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/Vlog_v2.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--take-control"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Kids explain... "vlog""> Kids explain... "vlog" </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/its-personal/nick-vlogging-and-anxiety?collection=vlogging" class="content-card content-card--its-personal content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="14" data-stats-internal-link-location="vlogging" data-site-section="its-personal"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/nickanxietycc.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/nickanxietycc.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--its-personal"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Vlogging and anxiety"> Vlogging and anxiety </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/the-basics/jessica-parker-easter-bunny?collection=vlogging" class="content-card content-card--the-basics content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="15" data-stats-internal-link-location="vlogging" data-site-section="the-basics"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/jessica_parker_easter_bunnycc.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/jessica_parker_easter_bunnycc.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--the-basics"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Easter makeup tutorial: bunny"> Easter makeup tutorial: bunny </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/the-basics/jessica-parker-easter-chick?collection=vlogging" class="content-card content-card--the-basics content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="16" data-stats-internal-link-location="vlogging" data-site-section="the-basics"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/jessica_parker_easter_chickcc.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/jessica_parker_easter_chickcc.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--the-basics"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Easter makeup tutorial: chick"> Easter makeup tutorial: chick </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/the-basics/jessica-parker-halloween-pumpkin?collection=vlogging" class="content-card content-card--the-basics content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="17" data-stats-internal-link-location="vlogging" data-site-section="the-basics"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/pumpkinhalloweencc.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/pumpkinhalloweencc.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--the-basics"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Halloween tutorial - pumpkin"> Halloween tutorial - pumpkin </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/the-basics/jessica-parker-halloween-unicorn?collection=vlogging" class="content-card content-card--the-basics content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="18" data-stats-internal-link-location="vlogging" data-site-section="the-basics"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/unicornhalloweencc.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/unicornhalloweencc.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--the-basics"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Halloween tutorial - unicorn"> Halloween tutorial - unicorn </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/the-basics/jessica-parker-halloween-day-of-the-dead?collection=vlogging" class="content-card content-card--the-basics content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="19" data-stats-internal-link-location="vlogging" data-site-section="the-basics"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/dayofthedeadhalloween.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/dayofthedeadhalloween.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--the-basics"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Halloween tutorial - Day of the Dead mask"> Halloween tutorial - Day of the Dead mask </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/take-control/get-into-special-effects-makeup?collection=vlogging" class="content-card content-card--take-control content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="20" data-stats-internal-link-location="vlogging" data-site-section="take-control"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/JessicaParker.png"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/JessicaParker.png" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--take-control"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Learn special effects makeup skills!"> Learn special effects makeup skills! </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20220924081507/https://www.bbc.com/ownit/take-control/level-up-get-into-art?collection=vlogging" class="content-card content-card--take-control content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="21" data-stats-internal-link-location="vlogging" data-site-section="take-control"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/LevelUp_ART.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/LevelUp_ART.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--take-control"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Level Up! Get into art"> Level Up! Get into art </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li></ul> </div></div> </div> </div> </div> </div> </section> <script> require(['jquery-1'], function ($) { var cover = $('.childrens-wrapper__cover'); var secondContentItemSection = $('.content-item__section').eq(1); function updateCoverHeight() { var height = secondContentItemSection.offset().top - cover.offset().top; if (height > 250) { cover.height(height); } } if (cover.length && secondContentItemSection.length) { updateCoverHeight(); var timer = null; $(window).on('orientationchange', updateCoverHeight); $(window).resize(function () { if (timer) { clearTimeout(timer); } timer = setTimeout(updateCoverHeight, 150); }); } var menuToggleButton = $('.menu__toggle'); menuToggleButton.click(function () { window.setTimeout(updateCoverHeight, 100); }); }); </script> <section class="onward-journeys content-page__section content-page__section--content-cards"> <div class="onward-journey__cards"> <ul class="content-list"> <li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20220924081507/https://www.bbc.com/ownit/take-control/staying-friends-in-different-schools" class="content-card content-card--take-control content-card--styled content-card--animated" data-stats-interaction="oj" data-stats-interaction-variant="content_card" data-stats-interaction-position="0" data-site-section="take-control"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/stay-safe/different_school_title_image_.png" data-alt="Staying friends in different schools"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/stay-safe/different_school_title_image_.png" alt="Staying friends in different schools"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--take-control"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Staying friends in different schools"> Staying friends in different schools </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">21</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">15</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20220924081507/https://www.bbc.com/ownit/take-control/refocus-take-a-breath" class="content-card content-card--take-control content-card--styled content-card--animated" data-stats-interaction="oj" data-stats-interaction-variant="content_card" data-stats-interaction-position="1" data-site-section="take-control"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/stay-safe/MoTakeABreath.png" data-alt="Refocus: Take a breath"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/stay-safe/MoTakeABreath.png" alt="Refocus: Take a breath"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--take-control"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Refocus: Take a breath"> Refocus: Take a breath </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">15</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20220924081507/https://www.bbc.com/ownit/the-basics/disabled-gamers" class="content-card content-card--the-basics content-card--styled content-card--animated" data-stats-interaction="oj" data-stats-interaction-variant="content_card" data-stats-interaction-position="2" data-site-section="the-basics"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/stay-safe/contentcarddisabledgamers.jpg" data-alt="What's it like to be a disabled gamer?"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/stay-safe/contentcarddisabledgamers.jpg" alt="What's it like to be a disabled gamer?"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--the-basics"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="What's it like to be a disabled gamer?"> What's it like to be a disabled gamer? </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li> </ul> </div> </section> <script> require(['jquery-1', 'stats/stats', 'domReady!'], function ($, stats, domReady) { stats.recordEvent({ action_name: 'web_oj', action_type: 'view' }, $('.childrens-wrapper'), window.location.pathname); }); </script> </div><div class="content-page__column content-page__column--side"> <div class="collection-list"> <div class="collection-list__title-container"> <a class="collection-list__title-link" href="/web/20220924081507/https://www.bbc.com/ownit/curations/vlogging" data-stats-interaction="collection" data-stats-interaction-variant="text_link"> <h3 class="collection-list__title" aria-label="Vlogging collection">Vlogging</h3> </a> </div> <ul class="collection-list__items"> <li class="collection-list__item"> <a href="/web/20220924081507/https://www.bbc.com/ownit/the-basics/what-is-asmr?collection=vlogging" class="content-card content-card--the-basics content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="0" data-stats-internal-link-location="vlogging" data-site-section="the-basics"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/jamieasmr.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/jamieasmr.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--the-basics"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="What is ASMR?"> What is ASMR? </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-list__item"> <a href="/web/20220924081507/https://www.bbc.com/ownit/the-basics/five-tips-for-taking-photos?collection=vlogging" class="content-card content-card--the-basics content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="1" data-stats-internal-link-location="vlogging" data-site-section="the-basics"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/bbb_5_tips_photos_web_cc.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/bbb_5_tips_photos_web_cc.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--the-basics"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Fed up with photo filters?"> Fed up with photo filters? </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-list__item"> <a href="/web/20220924081507/https://www.bbc.com/ownit/take-control/kids-explain-slang-vlog?collection=vlogging" class="content-card content-card--take-control content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="2" data-stats-internal-link-location="vlogging" data-site-section="take-control"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/Vlog_v2.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/Vlog_v2.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--take-control"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Kids explain... "vlog""> Kids explain... "vlog" </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-list__item"> <a href="/web/20220924081507/https://www.bbc.com/ownit/its-personal/nick-vlogging-and-anxiety?collection=vlogging" class="content-card content-card--its-personal content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="3" data-stats-internal-link-location="vlogging" data-site-section="its-personal"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220924081507/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/stay-safe/nickanxietycc.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220924081507im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/stay-safe/nickanxietycc.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--its-personal"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Vlogging and anxiety"> Vlogging and anxiety </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li> </ul> <div class="collection-list__button button button--immersive "><a class="button__link" href="/web/20220924081507/https://www.bbc.com/ownit/curations/vlogging" data-stats-interaction="collection" data-stats-interaction-variant="button"><span class="button__inner"> <span class="button__text">View collection</span> <i class="collection-list__chevron button__icon-pre gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> </div> </div> </div> </div> <div class="cf"></div> </div> <div id="heart-button-isite-tooltip"> <div class="tooltip heart-button__tooltip" data-active-tooltip=""> <span class="tooltip__pointer"></span> <div class="tooltip__inner"> <div class="tooltip__content tooltip__content--upsell"> <p class="tooltip__subtitle"> Love this? Sign in to let us know. </p> <div class="tooltip__idcta"> <p class="id4-cta id-cta-wrapper id-cta--blue id-cta--small"> <a href="" class="id-cta-button" data-bbc-container="id-cta" data-bbc-event-type="click" data-bbc-ignore-views="1" data-bbc-metadata="{"id-cta-type": "embedded"}" data-bbc-source="responsive_web" data-bbc-title="id-cta-sign-in"><svg class="id-cta-icon" viewbox="0 0 32 32" width="1em" height="1em"> <path d="M16 17.5a7.878 7.878 0 01-8-7.75A7.878 7.878 0 0116 2a7.878 7.878 0 018 7.75 7.878 7.878 0 01-8 7.75zM2 30c0-5.883 7.519-10 14.014-10C22.48 20 30 24.12 30 29.994c0 .005-28 .007-28 .005z"></path></svg>Sign in</a> or <a href="" class="id-cta-link" data-bbc-container="id-cta" data-bbc-event-type="click" data-bbc-ignore-views="1" data-bbc-metadata="{"id-cta-type": "embedded"}" data-bbc-source="responsive_web" data-bbc-title="id-cta-registration">Register</a> <script> require(["jquery-1", "idcta-v2/id-config"], ($, idctaConfig) => { idctaConfig.getConfigAsync().then((idConfig) => { $(".id-cta-button").each(function () { if (idConfig.signin_url) { this.href = idConfig.signin_url; } }); $(".id-cta-link").each(function () { if (idConfig.register_url) { this.href = idConfig.register_url; } }); }); }); </script> </p> </div> </div> <div class="tooltip__content tooltip__content--error"> <p class="tooltip__title"> <span class="add-to__icons add-to__s"> <i aria-hidden="true" class="gelicon gelicon--alert add-to__gelicon add-to__icon"></i> </span>Something's gone wrong </p> <p class="tooltip__body tooltip__try-again">Please try again later</p> </div> <button href="#" class="tooltip__close add-to__tab" title="Close" aria-label="Close Tooltip"> <span class="tooltip__close-icon"> <i aria-hidden="true" class="gelicon gelicon--no"></i> </span> </button> </div> </div> </div> <script type="text/javascript"> require(['lib/Imager', 'lib/minpubsub'], function (Imager, pubsub) { Imager.transforms.pixelRatio = function (value) { return value; }; var availableWidths = [80, 160, 240, 320, 400, 480, 560, 640, 720, 800, 880, 960]; var imagerDefault = new Imager('.delayed-image-load', { availableWidths: availableWidths, availablePixelRatios: [1, 1.5], loadHidden: false }); var imagerPng = new Imager('.delayed-png-image-load', { availableWidths: availableWidths, availablePixelRatios: [1], loadHidden: false }); var imagerGif = new Imager('.delayed-gif-image-load', { availableWidths: availableWidths, availablePixelRatios: [1, 1.5], lazyload: true, loadHidden: false }); pubsub.subscribe('/showMore/updateImages', function () { imagerDefault.add('.delayed-image-load'); imagerPng.add('.delayed-png-image-load'); }); pubsub.subscribe('/imager/addPngImages', function (selector) { imagerPng.add(selector); }); pubsub.subscribe('/imager/addImages', function (selector) { imagerDefault.add(selector); }); }); require(['childrens/singlePlayingVideo'], function (singlePlayingVideo) { setTimeout(singlePlayingVideo.setup, 2000); }); require(['stats/riddle-events'], function (riddleEvents) { riddleEvents.init(); }); require(['angular/app'], function () {}); </script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-local-storage-feature-detection-helper@1.0.1"]={},function(r){function e(t){if(o[t])return o[t].exports;var n=o[t]={exports:{},id:t,loaded:!1};return r[t].call(n.exports,n,n.exports,e),n.loaded=!0,n.exports}var o={};return e.m=r,e.c=o,e.p="",e(0)}([function(r,e,o){Morph.modules["bbc-morph-local-storage-feature-detection-helper@1.0.1"]=o(1)},function(r,e){"use strict";var o=function(){return"localStorage"in window},t=function(){var r="bbc-storage";try{return window.localStorage.setItem(r,r),window.localStorage.removeItem(r),!0}catch(r){return!1}};r.exports.browserSupportsLocalStorage=function(){return o()&&t()}}]);; });</script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-local-storage-helper@1.0.0"]={"bbc-morph-local-storage-feature-detection-helper":"1.0.1"},function(e){function o(t){if(r[t])return r[t].exports;var l=r[t]={exports:{},id:t,loaded:!1};return e[t].call(l.exports,l,l.exports,o),l.loaded=!0,l.exports}var r={};return o.m=e,o.c=r,o.p="",o(0)}([function(e,o,r){Morph.modules["bbc-morph-local-storage-helper@1.0.0"]=r(1)},function(e,o,r){"use strict";function t(e){return e&&e.__esModule?e:{default:e}}var l=r(2),a=t(l),n=function(e){return a.default.browserSupportsLocalStorage()?window.localStorage.getItem(e):null},c=function(e,o){a.default.browserSupportsLocalStorage()&&window.localStorage.setItem(e,o)},u=function(e){a.default.browserSupportsLocalStorage()&&window.localStorage.removeItem(e)};e.exports={setItem:c,getItem:n,removeItem:u}},function(e,o){e.exports=Morph.modules["bbc-morph-local-storage-feature-detection-helper@1.0.1"]}]);; });</script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-classnames@1.0.1"]={classnames:"2.2.5"},function(r){function e(o){if(n[o])return n[o].exports;var s=n[o]={exports:{},id:o,loaded:!1};return r[o].call(s.exports,s,s.exports,e),s.loaded=!0,s.exports}var n={};return e.m=r,e.c=n,e.p="",e(0)}([function(r,e,n){Morph.modules["bbc-morph-classnames@1.0.1"]=n(1)},function(r,e,n){var o=n(2);r.exports=o},function(r,e,n){var o,s;!function(){"use strict";function n(){for(var r=[],e=0;e<arguments.length;e++){var o=arguments[e];if(o){var s=typeof o;if("string"===s||"number"===s)r.push(o);else if(Array.isArray(o))r.push(n.apply(null,o));else if("object"===s)for(var a in o)t.call(o,a)&&o[a]&&r.push(a)}}return r.join(" ")}var t={}.hasOwnProperty;"undefined"!=typeof r&&r.exports?r.exports=n:(o=[],s=function(){return n}.apply(e,o),!(void 0!==s&&(r.exports=s)))}()}]);; });</script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-gel-icons@2.2.0"]={"bbc-morph-classnames":"1.0.1","morph-require":"3.0.17",react:"0.14.7"},function(e){function r(t){if(n[t])return n[t].exports;var i=n[t]={exports:{},id:t,loaded:!1};return e[t].call(i.exports,i,i.exports,r),i.loaded=!0,i.exports}var n={};return r.m=e,r.c=n,r.p="",r(0)}([function(e,r,n){Morph.modules["bbc-morph-gel-icons@2.2.0"]=n(1)},function(e,r,n){"use strict";function t(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(2),o=t(i),s=n(3),a=t(s),l=n(4),u=t(l),c=o.default.createClass({displayName:"GEL__Icon",propTypes:{iconName:o.default.PropTypes.string,additionalClassNames:o.default.PropTypes.string},render:function(){var e=(0,u.default)("gel-icon","gel-icon--"+this.props.iconName,this.props.additionalClassNames),r=a.default.selfTransitiveThenUpdate("gel-icon-"+this.props.iconName,this);return o.default.createElement("div",{className:e},r?o.default.createElement(r,null):null)}});c.ensureIcon=function(e){"undefined"==typeof window&&a.default.selfTransitive("gel-icon-"+e,null)},r.default=c,e.exports=r.default},function(e,r){e.exports=React},function(e,r){e.exports={transitive:function(e,r){return Morph.requireTransitiveWithCaller("bbc-morph-gel-icons@2.2.0",e,r)},selfTransitive:function(e,r){return Morph.requireTransitiveWithCaller("bbc-morph-gel-icons@2.2.0",e,r,!0)},transitiveThenUpdate:function(e,r){return Morph.requireTransitiveWithCallerThenUpdate("bbc-morph-gel-icons@2.2.0",e,r)},selfTransitiveThenUpdate:function(e,r){return Morph.requireTransitiveWithCallerThenUpdate("bbc-morph-gel-icons@2.2.0",e,r,!0)}}},function(e,r){e.exports=Morph.modules["bbc-morph-classnames@1.0.1"]}]);; });</script> <script>Morph.toInit.bundles.push(function() { !function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};t.m=e,t.c=o,t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=7)}([function(e,t){e.exports=React},function(e,t){e.exports=Morph.modules["bbc-morph-classnames@1.0.1"]},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e,t,o,n){return e||"reaction-"+n+"-text--"+t+"-"+o};t.default=n,e.exports=t.default},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var o={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(o[n]=e[n]);return o}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==(void 0===t?"undefined":a(t))&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+(void 0===t?"undefined":a(t)));e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};Object.defineProperty(t,"__esModule",{value:!0});var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},p=o(0),l=n(p),f=o(11),d=n(f),y=o(2),h=n(y),b=function(e){function t(o){s(this,t);var n=i(this,e.call(this,o));return n.state={count:o.count},n}return u(t,e),t.prototype.componentWillReceiveProps=function(e){var t=this;if(e.count!==this.props.count){var o=function(){return t.setState({count:e.count})};if(this.props.randomUpdateOffset>0){var n=Math.random()*this.props.randomUpdateOffset;clearTimeout(this.timeoutId),this.timeoutId=setTimeout(o,n)}else o()}},t.prototype.render=function(){var e=this.props,t=e.formatter,o=e.className,n=e.id,s=r(e,["formatter","className","id"]);return l.default.createElement("span",c({id:(0,h.default)(n,this.context.type,this.context.uniqueId,"count"),className:o},s),(0,d.default)(this.state.count+this.props.countOffset,t))},t}(l.default.Component);b.displayName="ReactionCount",b.propTypes={count:p.PropTypes.number,countOffset:p.PropTypes.number,className:p.PropTypes.string,id:p.PropTypes.string,formatter:p.PropTypes.string,randomUpdateOffset:p.PropTypes.number},b.defaultProps={count:0,countOffset:0,className:"",id:"",formatter:null,randomUpdateOffset:0},b.contextTypes={uniqueId:p.PropTypes.string,type:p.PropTypes.string},t.default=b,e.exports=t.default},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var o={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(o[n]=e[n]);return o}Object.defineProperty(t,"__esModule",{value:!0});var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},i=o(1),u=n(i),a=o(0),c=n(a),p=o(2),l=n(p),f=function(e,t){var o=e.children,n=e.className,i=e.id,a=e.hidden,p=r(e,["children","className","id","hidden"]);return c.default.createElement("span",s({id:(0,l.default)(i,t.type,t.uniqueId,"label"),className:(0,u.default)(n,{"gs-u-vh":a})},p),o)};f.displayName="ReactionLabel",f.propTypes={children:a.PropTypes.node,className:a.PropTypes.string,id:a.PropTypes.string,hidden:a.PropTypes.bool},f.defaultProps={children:null,className:"",id:"",hidden:!1},f.contextTypes={uniqueId:a.PropTypes.string,type:a.PropTypes.string},t.default=f,e.exports=t.default},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var o={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(o[n]=e[n]);return o}Object.defineProperty(t,"__esModule",{value:!0});var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},i=o(1),u=n(i),a=o(0),c=n(a),p=function(e){var t=e.children,o=e.className,n=r(e,["children","className"]);return c.default.createElement("span",s({className:(0,u.default)("gel-icon",o)},n),t)};p.displayName="ReactionIcon",p.propTypes={children:a.PropTypes.node,className:a.PropTypes.string},p.defaultProps={children:null,className:""},t.default=p,e.exports=t.default},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var o={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(o[n]=e[n]);return o}Object.defineProperty(t,"__esModule",{value:!0});var s=o(15),i=n(s),u=o(0),a=n(u),c=o(5),p=n(c),l=function(e,t){var o=function(o){var n=o.children,s=o.active,u=o.gelIconClassName,c=r(o,["children","active","gelIconClassName"]);return i.default.ensureIcon(s?t:e),a.default.createElement(p.default,c,a.default.createElement(i.default,{additionalClassNames:u,iconName:s?e:t}),n)};return o.displayName="ThumbReactionIcon",o.propTypes={children:u.PropTypes.node,active:u.PropTypes.bool.isRequired,gelIconClassName:u.PropTypes.string},o.defaultProps={children:null,gelIconClassName:null},o};t.default=l,e.exports=t.default},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(8),r=o.n(n);Morph.modules["bbc-morph-reactions@4.2.0"]=r.a},function(e,t,o){"use strict";e.exports=o(9)},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.DislikeReactionIcon=t.LikeReactionIcon=t.ReactionLabel=t.ReactionIcon=t.ReactionCount=t.Reactions=t.Reaction=void 0;var r=o(10),s=n(r),i=o(12),u=n(i),a=o(3),c=n(a),p=o(5),l=n(p),f=o(4),d=n(f),y=o(14),h=n(y),b=o(16),m=n(b);t.Reaction=s.default,t.Reactions=u.default,t.ReactionCount=c.default,t.ReactionIcon=l.default,t.ReactionLabel=d.default,t.LikeReactionIcon=h.default,t.DislikeReactionIcon=m.default,t.default={Reaction:s.default,Reactions:u.default,ReactionCount:c.default,ReactionIcon:l.default,ReactionLabel:d.default,LikeReactionIcon:h.default,DislikeReactionIcon:m.default}},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==(void 0===t?"undefined":u(t))&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+(void 0===t?"undefined":u(t)));e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};Object.defineProperty(t,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},c=o(1),p=n(c),l=o(0),f=n(l),d=o(3),y=n(d),h=o(4),b=n(h),m=o(2),v=n(m),P=function(e,t,o,n){return function(r){t&&t(o),e&&e(r,o,n)}},O=function e(t,o,n){var r=[];return f.default.Children.forEach(t,function(t){t.type===b.default&&r.push((0,v.default)(t.props.id,o,n,"label")),t.type===y.default&&r.push((0,v.default)(t.props.id,o,n,"count")),r=[].concat(r,e(t.props&&t.props.children,o,n))}),r},T=function(e){function t(){return r(this,t),s(this,e.apply(this,arguments))}return i(t,e),t.prototype.getChildContext=function(){return{type:this.props.type}},t.prototype.render=function(){return f.default.createElement("li",a({},this.props.liProps,{className:this.props.liProps.className}),f.default.createElement("button",a({},this.props.buttonProps,{"aria-pressed":this.props.type===this.context.active,"aria-labelledby":O(this.props.children,this.props.type,this.context.uniqueId).join(" "),className:(0,p.default)("gs-c-reaction",this.props.buttonProps.className),onClick:P(this.props.onClick,this.context.updateActive,this.props.type,this.context.active)}),this.props.children))},t}(f.default.Component);T.displayName="Reaction",T.propTypes={children:l.PropTypes.node,onClick:l.PropTypes.func,liProps:l.PropTypes.objectOf(l.PropTypes.any),buttonProps:l.PropTypes.objectOf(l.PropTypes.any),type:l.PropTypes.string},T.defaultProps={children:null,onClick:null,liProps:{},buttonProps:{},type:null},T.contextTypes={active:l.PropTypes.string,updateActive:l.PropTypes.func,uniqueId:l.PropTypes.string},T.childContextTypes={type:l.PropTypes.string},t.default=T,e.exports=t.default},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={default:function(e){var t=""+e;return e>=1e4?((e/1e3).toFixed(1)+"K").replace(".0",""):e>=1e3?t[0]+","+t[1]+t[2]+t[3]:t}},r=function(e,t){var o=n[t];return o?o(e):""+e};t.default=r,e.exports=t.default},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var o={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(o[n]=e[n]);return o}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==(void 0===t?"undefined":a(t))&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+(void 0===t?"undefined":a(t)));e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};Object.defineProperty(t,"__esModule",{value:!0});var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},p=o(13),l=n(p),f=o(0),d=n(f),y=function(e){function t(o){s(this,t);var n=i(this,e.call(this,o)),r=o.active;return n.props.store&&n.props.uniqueId&&"undefined"!=typeof window&&(r=n.props.store.getItem("reactions-"+n.props.uniqueId)),n.state={active:r},n.updateActive=n.updateActive.bind(n),n}return u(t,e),t.prototype.getChildContext=function(){return{active:this.state.active,updateActive:this.updateActive,uniqueId:this.props.uniqueId}},t.prototype.updateActive=function(e){var t=this.state.active===e?null:e;if(this.setState({active:t}),this.props.store&&this.props.uniqueId){var o="reactions-"+this.props.uniqueId;t?this.props.store.setItem(o,t):this.props.store.removeItem(o)}},t.prototype.render=function(){var e=this.props,t=e.children,o=r(e,["children"]),n=t?t(this.state.active):[];return d.default.createElement("ul",c({className:"gs-c-reactions"},o),n)},t}(d.default.Component);y.displayName="Reactions",y.propTypes={active:f.PropTypes.string,children:f.PropTypes.func,uniqueId:f.PropTypes.string,store:f.PropTypes.shape({getItem:f.PropTypes.func,setItem:f.PropTypes.func,removeItem:f.PropTypes.func})},y.defaultProps={active:null,children:null,uniqueId:null,store:l.default},y.childContextTypes={active:f.PropTypes.string,updateActive:f.PropTypes.func,uniqueId:f.PropTypes.string},t.default=y,e.exports=t.default},function(e,t){e.exports=Morph.modules["bbc-morph-local-storage-helper@1.0.0"]},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(6),r=function(e){return e&&e.__esModule?e:{default:e}}(n),s=(0,r.default)("thumbs-up-selected-state","thumbs-up-deselected-state");t.default=s,e.exports=t.default},function(e,t){e.exports=Morph.modules["bbc-morph-gel-icons@2.2.0"]},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(6),r=function(e){return e&&e.__esModule?e:{default:e}}(n),s=(0,r.default)("thumbs-down-selected-state","thumbs-down-deselected-state");t.default=s,e.exports=t.default}]); //# sourceMappingURL=bundle.js.map; });</script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-local-storage-helper@1.0.1"]={"bbc-morph-local-storage-feature-detection-helper":"1.0.1"},function(e){function o(t){if(r[t])return r[t].exports;var l=r[t]={exports:{},id:t,loaded:!1};return e[t].call(l.exports,l,l.exports,o),l.loaded=!0,l.exports}var r={};return o.m=e,o.c=r,o.p="",o(0)}([function(e,o,r){Morph.modules["bbc-morph-local-storage-helper@1.0.1"]=r(1)},function(e,o,r){"use strict";function t(e){return e&&e.__esModule?e:{default:e}}var l=r(2),a=t(l),n=function(e){return a.default.browserSupportsLocalStorage()?window.localStorage.getItem(e):null},c=function(e,o){a.default.browserSupportsLocalStorage()&&window.localStorage.setItem(e,o)},u=function(e){a.default.browserSupportsLocalStorage()&&window.localStorage.removeItem(e)};e.exports={setItem:c,getItem:n,removeItem:u}},function(e,o){e.exports=Morph.modules["bbc-morph-local-storage-feature-detection-helper@1.0.1"]}]);; });</script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-classnames@1.0.2"]={classnames:"2.2.5"},function(r){function o(s){if(n[s])return n[s].exports;var e=n[s]={exports:{},id:s,loaded:!1};return r[s].call(e.exports,e,e.exports,o),e.loaded=!0,e.exports}var n={};o.m=r,o.c=n,o.p="",o(0)}([function(r,o,n){Morph.modules["bbc-morph-classnames@1.0.2"]=n(1)},function(r,o,n){var s=n(2);r.exports=s},function(r,o,n){var s,e;!function(){"use strict";function n(){for(var r=[],o=0;o<arguments.length;o++){var s=arguments[o];if(s){var e=typeof s;if("string"===e||"number"===e)r.push(s);else if(Array.isArray(s))r.push(n.apply(null,s));else if("object"===e)for(var a in s)t.call(s,a)&&s[a]&&r.push(a)}}return r.join(" ")}var t={}.hasOwnProperty;void 0!==r&&r.exports?r.exports=n:(s=[],void 0!==(e=function(){return n}.apply(o,s))&&(r.exports=e))}()}]);; });</script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-childrens-reactions@1.4.7"]={"babel-runtime":"6.26.0","bbc-morph-childrens-reactions-data":"0.7.1","bbc-morph-classnames":"1.0.2","bbc-morph-id-availability-data":"1.0.0","bbc-morph-local-storage-helper":"1.0.1","bbc-morph-reactions":"4.2.0","@bbc/counting-service-client-library":"2.2.1","gel-sass-tools":"1.2.1","gel-typography":"2.0.5","morph-container":"2.1.16","morph-require":"5.2.1",react:"0.14.7",requirejs:"2.3.6","sass-mq":"4.0.2","whatwg-fetch":"2.0.4"},function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){Morph.modules["bbc-morph-childrens-reactions@1.4.7"]=r(1)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e){var t=e.urn,r=e.standalone,n=e.idAvailability,o=Boolean(r),i=(0,a.default)({urn:t,data:"bbc-morph-childrens-reactions-data"},o?{standalone:r}:{}),s=n?{availabilityOverride:n}:{};return{reactionsData:{uri:i,requireSuccess:!1,updates:!1},idAvailabilityData:{uri:(0,a.default)({data:"bbc-morph-id-availability-data"},s),requireSuccess:!0,updates:!1}}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(2),a=n(i),s=r(41),u=n(s),c=r(42),l=n(c);t.default=u.default.create(l.default,{data:function(e){return e.styleguide?{}:o(e)}}),e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(3),i=n(o);t.default=i.default||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}},function(e,t,r){e.exports={default:r(4),__esModule:!0}},function(e,t,r){r(5),e.exports=r(8).Object.assign},function(e,t,r){var n=r(6);n(n.S+n.F,"Object",{assign:r(22)})},function(e,t,r){var n=r(7),o=r(8),i=r(9),a=r(11),s=r(21),u="prototype",c=function(e,t,r){var l,f,d,p=e&c.F,h=e&c.G,y=e&c.S,v=e&c.P,m=e&c.B,b=e&c.W,E=h?o:o[t]||(o[t]={}),_=E[u],g=h?n:y?n[t]:(n[t]||{})[u];h&&(r=t);for(l in r)f=!p&&g&&void 0!==g[l],f&&s(E,l)||(d=f?g[l]:r[l],E[l]=h&&"function"!=typeof g[l]?r[l]:m&&f?i(d,n):b&&g[l]==d?function(e){var t=function(t,r,n){if(this instanceof e){switch(arguments.length){case 0:return new e;case 1:return new e(t);case 2:return new e(t,r)}return new e(t,r,n)}return e.apply(this,arguments)};return t[u]=e[u],t}(d):v&&"function"==typeof d?i(Function.call,d):d,v&&((E.virtual||(E.virtual={}))[l]=d,e&c.R&&_&&!_[l]&&a(_,l,d)))};c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,c.U=64,c.R=128,e.exports=c},function(e,t){var r=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=r)},function(e,t){var r=e.exports={version:"2.6.6"};"number"==typeof __e&&(__e=r)},function(e,t,r){var n=r(10);e.exports=function(e,t,r){if(n(e),void 0===t)return e;switch(r){case 1:return function(r){return e.call(t,r)};case 2:return function(r,n){return e.call(t,r,n)};case 3:return function(r,n,o){return e.call(t,r,n,o)}}return function(){return e.apply(t,arguments)}}},function(e,t){e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},function(e,t,r){var n=r(12),o=r(20);e.exports=r(16)?function(e,t,r){return n.f(e,t,o(1,r))}:function(e,t,r){return e[t]=r,e}},function(e,t,r){var n=r(13),o=r(15),i=r(19),a=Object.defineProperty;t.f=r(16)?Object.defineProperty:function(e,t,r){if(n(e),t=i(t,!0),n(r),o)try{return a(e,t,r)}catch(e){}if("get"in r||"set"in r)throw TypeError("Accessors not supported!");return"value"in r&&(e[t]=r.value),e}},function(e,t,r){var n=r(14);e.exports=function(e){if(!n(e))throw TypeError(e+" is not an object!");return e}},function(e,t){e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},function(e,t,r){e.exports=!r(16)&&!r(17)(function(){return 7!=Object.defineProperty(r(18)("div"),"a",{get:function(){return 7}}).a})},function(e,t,r){e.exports=!r(17)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(e,t){e.exports=function(e){try{return!!e()}catch(e){return!0}}},function(e,t,r){var n=r(14),o=r(7).document,i=n(o)&&n(o.createElement);e.exports=function(e){return i?o.createElement(e):{}}},function(e,t,r){var n=r(14);e.exports=function(e,t){if(!n(e))return e;var r,o;if(t&&"function"==typeof(r=e.toString)&&!n(o=r.call(e)))return o;if("function"==typeof(r=e.valueOf)&&!n(o=r.call(e)))return o;if(!t&&"function"==typeof(r=e.toString)&&!n(o=r.call(e)))return o;throw TypeError("Can't convert object to primitive value")}},function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},function(e,t){var r={}.hasOwnProperty;e.exports=function(e,t){return r.call(e,t)}},function(e,t,r){"use strict";var n=r(16),o=r(23),i=r(38),a=r(39),s=r(40),u=r(26),c=Object.assign;e.exports=!c||r(17)(function(){var e={},t={},r=Symbol(),n="abcdefghijklmnopqrst";return e[r]=7,n.split("").forEach(function(e){t[e]=e}),7!=c({},e)[r]||Object.keys(c({},t)).join("")!=n})?function(e,t){for(var r=s(e),c=arguments.length,l=1,f=i.f,d=a.f;c>l;)for(var p,h=u(arguments[l++]),y=f?o(h).concat(f(h)):o(h),v=y.length,m=0;v>m;)p=y[m++],n&&!d.call(h,p)||(r[p]=h[p]);return r}:c},function(e,t,r){var n=r(24),o=r(37);e.exports=Object.keys||function(e){return n(e,o)}},function(e,t,r){var n=r(21),o=r(25),i=r(29)(!1),a=r(33)("IE_PROTO");e.exports=function(e,t){var r,s=o(e),u=0,c=[];for(r in s)r!=a&&n(s,r)&&c.push(r);for(;t.length>u;)n(s,r=t[u++])&&(~i(c,r)||c.push(r));return c}},function(e,t,r){var n=r(26),o=r(28);e.exports=function(e){return n(o(e))}},function(e,t,r){var n=r(27);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==n(e)?e.split(""):Object(e)}},function(e,t){var r={}.toString;e.exports=function(e){return r.call(e).slice(8,-1)}},function(e,t){e.exports=function(e){if(void 0==e)throw TypeError("Can't call method on "+e);return e}},function(e,t,r){var n=r(25),o=r(30),i=r(32);e.exports=function(e){return function(t,r,a){var s,u=n(t),c=o(u.length),l=i(a,c);if(e&&r!=r){for(;c>l;)if(s=u[l++],s!=s)return!0}else for(;c>l;l++)if((e||l in u)&&u[l]===r)return e||l||0;return!e&&-1}}},function(e,t,r){var n=r(31),o=Math.min;e.exports=function(e){return e>0?o(n(e),9007199254740991):0}},function(e,t){var r=Math.ceil,n=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?n:r)(e)}},function(e,t,r){var n=r(31),o=Math.max,i=Math.min;e.exports=function(e,t){return e=n(e),e<0?o(e+t,0):i(e,t)}},function(e,t,r){var n=r(34)("keys"),o=r(36);e.exports=function(e){return n[e]||(n[e]=o(e))}},function(e,t,r){var n=r(8),o=r(7),i="__core-js_shared__",a=o[i]||(o[i]={});(e.exports=function(e,t){return a[e]||(a[e]=void 0!==t?t:{})})("versions",[]).push({version:n.version,mode:r(35)?"pure":"global",copyright:"漏 2019 Denis Pushkarev (zloirock.ru)"})},function(e,t){e.exports=!0},function(e,t){var r=0,n=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++r+n).toString(36))}},function(e,t){e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(e,t){t.f=Object.getOwnPropertySymbols},function(e,t){t.f={}.propertyIsEnumerable},function(e,t,r){var n=r(28);e.exports=function(e){return Object(n(e))}},function(e,t){e.exports={create:function(e,t){return Morph.createContainerWithCaller("bbc-morph-childrens-reactions@1.4.7",e,t)}}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(43),i=n(o),a=r(48),s=n(a),u=r(80),c=n(u),l=r(81),f=n(l),d=r(82),p=n(d),h=r(86),y=n(h);r(94);var v=r(95),m=n(v),b=r(96),E=n(b),_=r(100),g=n(_),T=r(154),S=n(T),P=r(119),w=n(P),R=r(114),x=function(e){function t(e){(0,c.default)(this,t);var r=(0,f.default)(this,(t.__proto__||(0,i.default)(t)).call(this,e));return r.props=e,r}return(0,y.default)(t,e),(0,p.default)(t,null,[{key:"countsForUrn",value:function(e,t){return t.body&&t.body.countsData[e]?t.body.countsData[e]:{}}},{key:"mapCounts",value:function(e,t){var r="cbeebies"===e?R.CBEEBIES_LABELS:R.CBBC_LABELS;return r.map(function(e){var r=R.LABEL_TO_KEY[e];return{label:e,count:"object"===("undefined"==typeof t?"undefined":(0,s.default)(t))&&r in t?t[r]:0}})}},{key:"totalCountsForUrn",value:function(e,t){return t.body&&t.body.countsTotals[e]?t.body.countsTotals[e]:0}},{key:"getEnv",value:function(e){if(e.body&&"string"==typeof e.body.env){var t=e.body.env;if("int"===t||"test"===t||"stage"===t||"live"===t)return t}return"live"}}]),(0,p.default)(t,[{key:"render",value:function(){var e=this.props,r=e.standalone,n=e.urn,o=e.reactionsData,i=e.product,a=e.resourceType,s=e.styleguide,u=e.pageContext,c=Boolean(r),l=t.countsForUrn(n,o),f=t.mapCounts(i,l),d=t.totalCountsForUrn(n,o),p=t.getEnv(o),h=decodeURIComponent(this.props.resourceTitle),y=decodeURIComponent(this.props.url),v=n.toString().replace("urn:bbc:","").replace("urn:riddle:",""),b="urn:bbc:"+i+":"+a+":"+v,_=!!this.props.forcedError&&new Error(this.props.forcedError),T=Boolean(this.props.acceptanceTestMode);return m.default.createElement("div",{className:"reactions"},s?m.default.createElement(g.default,{product:i}):m.default.createElement(S.default,{enableStandaloneMode:c,countingServiceClientLibrary:E.default,ReactionsModule:w.default,product:i,reactionsCounts:f,reactionsCountTotal:d,urn:n,resourceTitle:h,resourceType:a,url:y,globalId:b,env:p,isIdAvailable:this.props.idAvailabilityData.body.isAvailable,error:_,enableAcceptanceTestMode:T,pageContext:u}))}}]),t}(v.Component);x.displayName="ReactionsBootstrap",x.propTypes={styleguide:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool]),standalone:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool]),product:v.PropTypes.string.isRequired,resourceType:v.PropTypes.string.isRequired,urn:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool]),resourceTitle:v.PropTypes.string.isRequired,url:v.PropTypes.string.isRequired,reactionsData:v.PropTypes.oneOfType([v.PropTypes.shape({body:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.object]),meta:v.PropTypes.object}),v.PropTypes.string]),idAvailabilityData:v.PropTypes.shape({body:v.PropTypes.shape({isAvailable:v.PropTypes.bool})}).isRequired,forcedError:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool]),acceptanceTestMode:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool]),pageContext:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool])},x.defaultProps={styleguide:!1,standalone:!1,urn:!1,reactionsData:{},forcedError:!1,idAvailabilityData:{body:{isAvailable:!0}},acceptanceTestMode:!1,pageContext:!1},t.default=x,e.exports=t.default},function(e,t,r){e.exports={default:r(44),__esModule:!0}},function(e,t,r){r(45),e.exports=r(8).Object.getPrototypeOf},function(e,t,r){var n=r(40),o=r(46);r(47)("getPrototypeOf",function(){return function(e){return o(n(e))}})},function(e,t,r){var n=r(21),o=r(40),i=r(33)("IE_PROTO"),a=Object.prototype;e.exports=Object.getPrototypeOf||function(e){return e=o(e),n(e,i)?e[i]:"function"==typeof e.constructor&&e instanceof e.constructor?e.constructor.prototype:e instanceof Object?a:null}},function(e,t,r){var n=r(6),o=r(8),i=r(17);e.exports=function(e,t){var r=(o.Object||{})[e]||Object[e],a={};a[e]=t(r),n(n.S+n.F*i(function(){r(1)}),"Object",a)}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(49),i=n(o),a=r(67),s=n(a),u="function"==typeof s.default&&"symbol"==typeof i.default?function(e){return typeof e}:function(e){return e&&"function"==typeof s.default&&e.constructor===s.default&&e!==s.default.prototype?"symbol":typeof e};t.default="function"==typeof s.default&&"symbol"===u(i.default)?function(e){return"undefined"==typeof e?"undefined":u(e)}:function(e){return e&&"function"==typeof s.default&&e.constructor===s.default&&e!==s.default.prototype?"symbol":"undefined"==typeof e?"undefined":u(e)}},function(e,t,r){e.exports={default:r(50),__esModule:!0}},function(e,t,r){r(51),r(62),e.exports=r(66).f("iterator")},function(e,t,r){"use strict";var n=r(52)(!0);r(53)(String,"String",function(e){this._t=String(e),this._i=0},function(){var e,t=this._t,r=this._i;return r>=t.length?{value:void 0,done:!0}:(e=n(t,r),this._i+=e.length,{value:e,done:!1})})},function(e,t,r){var n=r(31),o=r(28);e.exports=function(e){return function(t,r){var i,a,s=String(o(t)),u=n(r),c=s.length;return u<0||u>=c?e?"":void 0:(i=s.charCodeAt(u),i<55296||i>56319||u+1===c||(a=s.charCodeAt(u+1))<56320||a>57343?e?s.charAt(u):i:e?s.slice(u,u+2):(i-55296<<10)+(a-56320)+65536)}}},function(e,t,r){"use strict";var n=r(35),o=r(6),i=r(54),a=r(11),s=r(55),u=r(56),c=r(60),l=r(46),f=r(61)("iterator"),d=!([].keys&&"next"in[].keys()),p="@@iterator",h="keys",y="values",v=function(){return this};e.exports=function(e,t,r,m,b,E,_){u(r,t,m);var g,T,S,P=function(e){if(!d&&e in O)return O[e];switch(e){case h:return function(){return new r(this,e)};case y:return function(){return new r(this,e)}}return function(){return new r(this,e)}},w=t+" Iterator",R=b==y,x=!1,O=e.prototype,A=O[f]||O[p]||b&&O[b],M=A||P(b),C=b?R?P("entries"):M:void 0,L="Array"==t?O.entries||A:A;if(L&&(S=l(L.call(new e)),S!==Object.prototype&&S.next&&(c(S,w,!0),n||"function"==typeof S[f]||a(S,f,v))),R&&A&&A.name!==y&&(x=!0,M=function(){return A.call(this)}),n&&!_||!d&&!x&&O[f]||a(O,f,M),s[t]=M,s[w]=v,b)if(g={values:R?M:P(y),keys:E?M:P(h),entries:C},_)for(T in g)T in O||i(O,T,g[T]);else o(o.P+o.F*(d||x),t,g);return g}},function(e,t,r){e.exports=r(11)},function(e,t){e.exports={}},function(e,t,r){"use strict";var n=r(57),o=r(20),i=r(60),a={};r(11)(a,r(61)("iterator"),function(){return this}),e.exports=function(e,t,r){e.prototype=n(a,{next:o(1,r)}),i(e,t+" Iterator")}},function(e,t,r){var n=r(13),o=r(58),i=r(37),a=r(33)("IE_PROTO"),s=function(){},u="prototype",c=function(){var e,t=r(18)("iframe"),n=i.length,o="<",a=">";for(t.style.display="none",r(59).appendChild(t),t.src="javascript:",e=t.contentWindow.document,e.open(),e.write(o+"script"+a+"document.F=Object"+o+"/script"+a),e.close(),c=e.F;n--;)delete c[u][i[n]];return c()};e.exports=Object.create||function(e,t){var r;return null!==e?(s[u]=n(e),r=new s,s[u]=null,r[a]=e):r=c(),void 0===t?r:o(r,t)}},function(e,t,r){var n=r(12),o=r(13),i=r(23);e.exports=r(16)?Object.defineProperties:function(e,t){o(e);for(var r,a=i(t),s=a.length,u=0;s>u;)n.f(e,r=a[u++],t[r]);return e}},function(e,t,r){var n=r(7).document;e.exports=n&&n.documentElement},function(e,t,r){var n=r(12).f,o=r(21),i=r(61)("toStringTag");e.exports=function(e,t,r){e&&!o(e=r?e:e.prototype,i)&&n(e,i,{configurable:!0,value:t})}},function(e,t,r){var n=r(34)("wks"),o=r(36),i=r(7).Symbol,a="function"==typeof i,s=e.exports=function(e){return n[e]||(n[e]=a&&i[e]||(a?i:o)("Symbol."+e))};s.store=n},function(e,t,r){r(63);for(var n=r(7),o=r(11),i=r(55),a=r(61)("toStringTag"),s="CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,TextTrackList,TouchList".split(","),u=0;u<s.length;u++){var c=s[u],l=n[c],f=l&&l.prototype;f&&!f[a]&&o(f,a,c),i[c]=i.Array}},function(e,t,r){"use strict";var n=r(64),o=r(65),i=r(55),a=r(25);e.exports=r(53)(Array,"Array",function(e,t){this._t=a(e),this._i=0,this._k=t},function(){var e=this._t,t=this._k,r=this._i++;return!e||r>=e.length?(this._t=void 0,o(1)):"keys"==t?o(0,r):"values"==t?o(0,e[r]):o(0,[r,e[r]])},"values"),i.Arguments=i.Array,n("keys"),n("values"),n("entries")},function(e,t){e.exports=function(){}},function(e,t){e.exports=function(e,t){return{value:t,done:!!e}}},function(e,t,r){t.f=r(61)},function(e,t,r){e.exports={default:r(68),__esModule:!0}},function(e,t,r){r(69),r(77),r(78),r(79),e.exports=r(8).Symbol},function(e,t,r){"use strict";var n=r(7),o=r(21),i=r(16),a=r(6),s=r(54),u=r(70).KEY,c=r(17),l=r(34),f=r(60),d=r(36),p=r(61),h=r(66),y=r(71),v=r(72),m=r(73),b=r(13),E=r(14),_=r(40),g=r(25),T=r(19),S=r(20),P=r(57),w=r(74),R=r(76),x=r(38),O=r(12),A=r(23),M=R.f,C=O.f,L=w.f,I=n.Symbol,k=n.JSON,N=k&&k.stringify,j="prototype",B=p("_hidden"),U=p("toPrimitive"),D={}.propertyIsEnumerable,F=l("symbol-registry"),q=l("symbols"),z=l("op-symbols"),H=Object[j],K="function"==typeof I,W=n.QObject,V=!W||!W[j]||!W[j].findChild,Y=i&&c(function(){return 7!=P(C({},"a",{get:function(){return C(this,"a",{value:7}).a}})).a})?function(e,t,r){var n=M(H,t);n&&delete H[t],C(e,t,r),n&&e!==H&&C(H,t,n)}:C,G=function(e){var t=q[e]=P(I[j]);return t._k=e,t},J=K&&"symbol"==typeof I.iterator?function(e){return"symbol"==typeof e}:function(e){return e instanceof I},X=function(e,t,r){return e===H&&X(z,t,r),b(e),t=T(t,!0),b(r),o(q,t)?(r.enumerable?(o(e,B)&&e[B][t]&&(e[B][t]=!1),r=P(r,{enumerable:S(0,!1)})):(o(e,B)||C(e,B,S(1,{})),e[B][t]=!0),Y(e,t,r)):C(e,t,r)},$=function(e,t){b(e);for(var r,n=v(t=g(t)),o=0,i=n.length;i>o;)X(e,r=n[o++],t[r]);return e},Q=function(e,t){return void 0===t?P(e):$(P(e),t)},Z=function(e){var t=D.call(this,e=T(e,!0));return!(this===H&&o(q,e)&&!o(z,e))&&(!(t||!o(this,e)||!o(q,e)||o(this,B)&&this[B][e])||t)},ee=function(e,t){if(e=g(e),t=T(t,!0),e!==H||!o(q,t)||o(z,t)){var r=M(e,t);return!r||!o(q,t)||o(e,B)&&e[B][t]||(r.enumerable=!0),r}},te=function(e){for(var t,r=L(g(e)),n=[],i=0;r.length>i;)o(q,t=r[i++])||t==B||t==u||n.push(t);return n},re=function(e){for(var t,r=e===H,n=L(r?z:g(e)),i=[],a=0;n.length>a;)!o(q,t=n[a++])||r&&!o(H,t)||i.push(q[t]);return i};K||(I=function(){if(this instanceof I)throw TypeError("Symbol is not a constructor!");var e=d(arguments.length>0?arguments[0]:void 0),t=function(r){this===H&&t.call(z,r),o(this,B)&&o(this[B],e)&&(this[B][e]=!1),Y(this,e,S(1,r))};return i&&V&&Y(H,e,{configurable:!0,set:t}),G(e)},s(I[j],"toString",function(){return this._k}),R.f=ee,O.f=X,r(75).f=w.f=te,r(39).f=Z,x.f=re,i&&!r(35)&&s(H,"propertyIsEnumerable",Z,!0),h.f=function(e){return G(p(e))}),a(a.G+a.W+a.F*!K,{Symbol:I});for(var ne="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),oe=0;ne.length>oe;)p(ne[oe++]);for(var ie=A(p.store),ae=0;ie.length>ae;)y(ie[ae++]);a(a.S+a.F*!K,"Symbol",{for:function(e){return o(F,e+="")?F[e]:F[e]=I(e)},keyFor:function(e){if(!J(e))throw TypeError(e+" is not a symbol!");for(var t in F)if(F[t]===e)return t},useSetter:function(){V=!0},useSimple:function(){V=!1}}),a(a.S+a.F*!K,"Object",{create:Q,defineProperty:X,defineProperties:$,getOwnPropertyDescriptor:ee,getOwnPropertyNames:te,getOwnPropertySymbols:re});var se=c(function(){x.f(1)});a(a.S+a.F*se,"Object",{getOwnPropertySymbols:function(e){return x.f(_(e))}}),k&&a(a.S+a.F*(!K||c(function(){var e=I();return"[null]"!=N([e])||"{}"!=N({a:e})||"{}"!=N(Object(e))})),"JSON",{stringify:function(e){for(var t,r,n=[e],o=1;arguments.length>o;)n.push(arguments[o++]);if(r=t=n[1],(E(t)||void 0!==e)&&!J(e))return m(t)||(t=function(e,t){if("function"==typeof r&&(t=r.call(this,e,t)),!J(t))return t}),n[1]=t,N.apply(k,n)}}),I[j][U]||r(11)(I[j],U,I[j].valueOf),f(I,"Symbol"),f(Math,"Math",!0),f(n.JSON,"JSON",!0)},function(e,t,r){var n=r(36)("meta"),o=r(14),i=r(21),a=r(12).f,s=0,u=Object.isExtensible||function(){return!0},c=!r(17)(function(){return u(Object.preventExtensions({}))}),l=function(e){a(e,n,{value:{i:"O"+ ++s,w:{}}})},f=function(e,t){if(!o(e))return"symbol"==typeof e?e:("string"==typeof e?"S":"P")+e;if(!i(e,n)){if(!u(e))return"F";if(!t)return"E";l(e)}return e[n].i},d=function(e,t){if(!i(e,n)){if(!u(e))return!0;if(!t)return!1;l(e)}return e[n].w},p=function(e){return c&&h.NEED&&u(e)&&!i(e,n)&&l(e),e},h=e.exports={KEY:n,NEED:!1,fastKey:f,getWeak:d,onFreeze:p}},function(e,t,r){var n=r(7),o=r(8),i=r(35),a=r(66),s=r(12).f;e.exports=function(e){var t=o.Symbol||(o.Symbol=i?{}:n.Symbol||{});"_"==e.charAt(0)||e in t||s(t,e,{value:a.f(e)})}},function(e,t,r){var n=r(23),o=r(38),i=r(39);e.exports=function(e){var t=n(e),r=o.f;if(r)for(var a,s=r(e),u=i.f,c=0;s.length>c;)u.call(e,a=s[c++])&&t.push(a);return t}},function(e,t,r){var n=r(27);e.exports=Array.isArray||function(e){return"Array"==n(e)}},function(e,t,r){var n=r(25),o=r(75).f,i={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],s=function(e){try{return o(e)}catch(e){return a.slice()}};e.exports.f=function(e){return a&&"[object Window]"==i.call(e)?s(e):o(n(e))}},function(e,t,r){var n=r(24),o=r(37).concat("length","prototype");t.f=Object.getOwnPropertyNames||function(e){return n(e,o)}},function(e,t,r){var n=r(39),o=r(20),i=r(25),a=r(19),s=r(21),u=r(15),c=Object.getOwnPropertyDescriptor;t.f=r(16)?c:function(e,t){if(e=i(e),t=a(t,!0),u)try{return c(e,t)}catch(e){}if(s(e,t))return o(!n.f.call(e,t),e[t])}},function(e,t){},function(e,t,r){r(71)("asyncIterator")},function(e,t,r){r(71)("observable")},function(e,t){"use strict";t.__esModule=!0,t.default=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(48),i=n(o);t.default=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==("undefined"==typeof t?"undefined":(0,i.default)(t))&&"function"!=typeof t?e:t}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(83),i=n(o);t.default=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),(0,i.default)(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}()},function(e,t,r){e.exports={default:r(84),__esModule:!0}},function(e,t,r){r(85);var n=r(8).Object;e.exports=function(e,t,r){return n.defineProperty(e,t,r)}},function(e,t,r){var n=r(6);n(n.S+n.F*!r(16),"Object",{defineProperty:r(12).f})},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(87),i=n(o),a=r(91),s=n(a),u=r(48),c=n(u);t.default=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+("undefined"==typeof t?"undefined":(0,c.default)(t)));e.prototype=(0,s.default)(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(i.default?(0,i.default)(e,t):e.__proto__=t)}},function(e,t,r){e.exports={default:r(88),__esModule:!0}},function(e,t,r){r(89),e.exports=r(8).Object.setPrototypeOf},function(e,t,r){var n=r(6);n(n.S,"Object",{setPrototypeOf:r(90).set})},function(e,t,r){var n=r(14),o=r(13),i=function(e,t){if(o(e),!n(t)&&null!==t)throw TypeError(t+": can't set as prototype!")};e.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(e,t,n){try{n=r(9)(Function.call,r(76).f(Object.prototype,"__proto__").set,2),n(e,[]),t=!(e instanceof Array)}catch(e){t=!0}return function(e,r){return i(e,r),t?e.__proto__=r:n(e,r),e}}({},!1):void 0),check:i}},function(e,t,r){e.exports={default:r(92),__esModule:!0}},function(e,t,r){r(93);var n=r(8).Object;e.exports=function(e,t){return n.create(e,t)}},function(e,t,r){var n=r(6);n(n.S,"Object",{create:r(57)})},function(e,t){!function(e){"use strict";function t(e){if("string"!=typeof e&&(e=String(e)),/[^a-z0-9\-#$%&'*+.\^_`|~]/i.test(e))throw new TypeError("Invalid character in header field name");return e.toLowerCase()}function r(e){return"string"!=typeof e&&(e=String(e)),e}function n(e){var t={next:function(){var t=e.shift();return{done:void 0===t,value:t}}};return m.iterable&&(t[Symbol.iterator]=function(){return t}),t}function o(e){this.map={},e instanceof o?e.forEach(function(e,t){this.append(t,e)},this):Array.isArray(e)?e.forEach(function(e){this.append(e[0],e[1])},this):e&&Object.getOwnPropertyNames(e).forEach(function(t){this.append(t,e[t])},this)}function i(e){return e.bodyUsed?Promise.reject(new TypeError("Already read")):void(e.bodyUsed=!0)}function a(e){return new Promise(function(t,r){e.onload=function(){t(e.result)},e.onerror=function(){r(e.error)}})}function s(e){var t=new FileReader,r=a(t);return t.readAsArrayBuffer(e),r}function u(e){var t=new FileReader,r=a(t);return t.readAsText(e),r}function c(e){for(var t=new Uint8Array(e),r=new Array(t.length),n=0;n<t.length;n++)r[n]=String.fromCharCode(t[n]);return r.join("")}function l(e){if(e.slice)return e.slice(0);var t=new Uint8Array(e.byteLength);return t.set(new Uint8Array(e)),t.buffer}function f(){return this.bodyUsed=!1,this._initBody=function(e){if(this._bodyInit=e,e)if("string"==typeof e)this._bodyText=e;else if(m.blob&&Blob.prototype.isPrototypeOf(e))this._bodyBlob=e;else if(m.formData&&FormData.prototype.isPrototypeOf(e))this._bodyFormData=e;else if(m.searchParams&&URLSearchParams.prototype.isPrototypeOf(e))this._bodyText=e.toString();else if(m.arrayBuffer&&m.blob&&E(e))this._bodyArrayBuffer=l(e.buffer),this._bodyInit=new Blob([this._bodyArrayBuffer]);else{if(!m.arrayBuffer||!ArrayBuffer.prototype.isPrototypeOf(e)&&!_(e))throw new Error("unsupported BodyInit type");this._bodyArrayBuffer=l(e)}else this._bodyText="";this.headers.get("content-type")||("string"==typeof e?this.headers.set("content-type","text/plain;charset=UTF-8"):this._bodyBlob&&this._bodyBlob.type?this.headers.set("content-type",this._bodyBlob.type):m.searchParams&&URLSearchParams.prototype.isPrototypeOf(e)&&this.headers.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"))},m.blob&&(this.blob=function(){var e=i(this);if(e)return e;if(this._bodyBlob)return Promise.resolve(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(new Blob([this._bodyArrayBuffer]));if(this._bodyFormData)throw new Error("could not read FormData body as blob");return Promise.resolve(new Blob([this._bodyText]))},this.arrayBuffer=function(){return this._bodyArrayBuffer?i(this)||Promise.resolve(this._bodyArrayBuffer):this.blob().then(s)}),this.text=function(){var e=i(this);if(e)return e;if(this._bodyBlob)return u(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(c(this._bodyArrayBuffer));if(this._bodyFormData)throw new Error("could not read FormData body as text");return Promise.resolve(this._bodyText)},m.formData&&(this.formData=function(){return this.text().then(h)}),this.json=function(){return this.text().then(JSON.parse)},this}function d(e){var t=e.toUpperCase();return g.indexOf(t)>-1?t:e}function p(e,t){t=t||{};var r=t.body;if(e instanceof p){if(e.bodyUsed)throw new TypeError("Already read");this.url=e.url,this.credentials=e.credentials,t.headers||(this.headers=new o(e.headers)),this.method=e.method,this.mode=e.mode,r||null==e._bodyInit||(r=e._bodyInit,e.bodyUsed=!0)}else this.url=String(e);if(this.credentials=t.credentials||this.credentials||"omit",!t.headers&&this.headers||(this.headers=new o(t.headers)),this.method=d(t.method||this.method||"GET"),this.mode=t.mode||this.mode||null,this.referrer=null,("GET"===this.method||"HEAD"===this.method)&&r)throw new TypeError("Body not allowed for GET or HEAD requests");this._initBody(r)}function h(e){var t=new FormData;return e.trim().split("&").forEach(function(e){if(e){var r=e.split("="),n=r.shift().replace(/\+/g," "),o=r.join("=").replace(/\+/g," ");t.append(decodeURIComponent(n),decodeURIComponent(o))}}),t}function y(e){var t=new o,r=e.replace(/\r?\n[\t ]+/g," ");return r.split(/\r?\n/).forEach(function(e){var r=e.split(":"),n=r.shift().trim();if(n){var o=r.join(":").trim();t.append(n,o)}}),t}function v(e,t){t||(t={}),this.type="default",this.status=void 0===t.status?200:t.status,this.ok=this.status>=200&&this.status<300,this.statusText="statusText"in t?t.statusText:"OK",this.headers=new o(t.headers),this.url=t.url||"",this._initBody(e)}if(!e.fetch){var m={searchParams:"URLSearchParams"in e,iterable:"Symbol"in e&&"iterator"in Symbol,blob:"FileReader"in e&&"Blob"in e&&function(){try{return new Blob,!0}catch(e){return!1}}(),formData:"FormData"in e,arrayBuffer:"ArrayBuffer"in e};if(m.arrayBuffer)var b=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],E=function(e){return e&&DataView.prototype.isPrototypeOf(e)},_=ArrayBuffer.isView||function(e){return e&&b.indexOf(Object.prototype.toString.call(e))>-1};o.prototype.append=function(e,n){e=t(e),n=r(n);var o=this.map[e];this.map[e]=o?o+","+n:n},o.prototype.delete=function(e){delete this.map[t(e)]},o.prototype.get=function(e){return e=t(e),this.has(e)?this.map[e]:null},o.prototype.has=function(e){return this.map.hasOwnProperty(t(e))},o.prototype.set=function(e,n){this.map[t(e)]=r(n)},o.prototype.forEach=function(e,t){for(var r in this.map)this.map.hasOwnProperty(r)&&e.call(t,this.map[r],r,this)},o.prototype.keys=function(){var e=[];return this.forEach(function(t,r){e.push(r)}),n(e)},o.prototype.values=function(){var e=[];return this.forEach(function(t){e.push(t)}),n(e)},o.prototype.entries=function(){var e=[];return this.forEach(function(t,r){e.push([r,t])}),n(e)},m.iterable&&(o.prototype[Symbol.iterator]=o.prototype.entries);var g=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];p.prototype.clone=function(){return new p(this,{body:this._bodyInit})},f.call(p.prototype),f.call(v.prototype),v.prototype.clone=function(){return new v(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new o(this.headers),url:this.url})},v.error=function(){var e=new v(null,{status:0,statusText:""});return e.type="error",e};var T=[301,302,303,307,308];v.redirect=function(e,t){if(T.indexOf(t)===-1)throw new RangeError("Invalid status code");return new v(null,{status:t,headers:{location:e}})},e.Headers=o,e.Request=p,e.Response=v,e.fetch=function(e,t){return new Promise(function(r,n){var o=new p(e,t),i=new XMLHttpRequest;i.onload=function(){var e={status:i.status,statusText:i.statusText,headers:y(i.getAllResponseHeaders()||"")};e.url="responseURL"in i?i.responseURL:e.headers.get("X-Request-URL");var t="response"in i?i.response:i.responseText;r(new v(t,e))},i.onerror=function(){n(new TypeError("Network request failed"))},i.ontimeout=function(){n(new TypeError("Network request failed"))},i.open(o.method,o.url,!0),"include"===o.credentials?i.withCredentials=!0:"omit"===o.credentials&&(i.withCredentials=!1),"responseType"in i&&m.blob&&(i.responseType="blob"),o.headers.forEach(function(e,t){i.setRequestHeader(t,e)}),i.send("undefined"==typeof o._bodyInit?null:o._bodyInit)})},e.fetch.polyfill=!0}}("undefined"!=typeof self?self:this)},function(e,t){e.exports=React},function(e,t,r){e.exports={postToUAS:r(97),deleteFromUAS:r(99)}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(98),o=function(e,t,r,o,i){var a=arguments.length>5&&void 0!==arguments[5]&&arguments[5],s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:null;if((0,n.activityTypeIsValid)(e)&&(0,n.dataContainsAllRequiredKeys)(t)&&(0,n.apiKeyIsValid)(r)&&(0,n.envIsValid)(o)&&(0,n.domainExtIsValid)(i)){var u=(0,n.selectUASEndpoint)(o,i,e,a),c=s?(0,n.getUrlWithPreviousAction)(u,s):u,l=(0,n.buildHeaders)(u,r),f=JSON.stringify(t),d=(0,n.buildRequest)(c,l,f,"POST"),p=a?"include":"omit",h={credentials:p};return fetch(d,h)}};t.default=o,e.exports=t.default},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(e){return"plays"===e||"reactions"===e},n=function(e){return Boolean(e.resourceDomain&&e.resourceType&&e.resourceId&&e.action&&e.actionContext)},o=function(e){return"string"==typeof e&&/^[a-z0-9]{13,}$/i.test(e)},i=function(e){return"string"==typeof e&&("int"===e||"test"===e||"stage"===e||"live"===e)},a=function(e){return".co.uk"===e||".com"===e},s={ int:"int.",test:"test.",stage:"stage.",live:""},u=function(e,t,r,n){var o=s[e],i=n?"":"nsi.";return"https://"+i+"activity."+o+"api.bbc"+t+"/my/"+r},c=function(e,t){return e+"?previousAction="+t},l=function(e,t){var r=new Headers({Host:e,"Content-Type":"application/json","X-API-Key":t});return r},f=function(e,t,r,n){return new Request(e,{method:n,headers:t,body:r})};t.default={buildRequest:f,buildHeaders:l,selectUASEndpoint:u,domainExtIsValid:a,envIsValid:i,apiKeyIsValid:o,dataContainsAllRequiredKeys:n,activityTypeIsValid:r,getUrlWithPreviousAction:c},e.exports=t.default},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(98),o=function(e,t,r){var n=e+"/"+t;return r?n+"?previousAction="+r:n},i=function(e,t,r,i,a,s,u){var c=(0,n.selectUASEndpoint)(r,i,e,s),l=o(c,a,u),f=(0,n.buildHeaders)(c,t),d=(0,n.buildRequest)(l,f,null,"DELETE"),p=s?"include":"omit",h={credentials:p};return fetch(d,h)},a=function(e,t,r,o,a){var s=arguments.length>5&&void 0!==arguments[5]&&arguments[5],u=arguments.length>6&&void 0!==arguments[6]?arguments[6]:null,c=void 0;return c=(0,n.activityTypeIsValid)(e)&&(0,n.apiKeyIsValid)(t)&&(0,n.envIsValid)(r)&&(0,n.domainExtIsValid)(o)?i(e,t,r,o,a,s,u):Promise.reject("Invalid parameters")};t.default=a,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a=r(101),s=n(a),u=r(102),c=r(103),l=n(c),f=r(109),d=n(f),p=r(118),h=n(p),y=r(111),v=n(y),m=r(114),b=r(119),E=n(b),_=r(154),g=n(_),T=r(147),S=n(T),P=r(148),w=r(156),R=n(w),x=function(){},O={postToUas:x,deleteFromUas:x},A="styleguide:urn",M="styleguide:resourceTitle",C="styleguide:url",L="styleguide:globalId",I="game",k=function(e){var t=e.children;return i.default.createElement("h3",{className:"reactions-styleguide__heading"},t)};k.displayName="SectionHeading",k.propTypes={children:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.node),o.PropTypes.node]).isRequired};var N=function(e){var t=e.children;return i.default.createElement("h4",{className:"reactions-styleguide__subheading"},t)};N.displayName="SubHeading",N.propTypes={children:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.node),o.PropTypes.node]).isRequired};var j=function(e){var t=e.id,r=e.heading,n=e.children,o=e.className;return i.default.createElement("section",{id:t,className:(0,s.default)("reactions-styleguide__section",o)},i.default.createElement(k,null,r),n)};j.displayName="Section",j.propTypes={id:o.PropTypes.string.isRequired,heading:o.PropTypes.string.isRequired,children:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.node),o.PropTypes.node]),className:o.PropTypes.string},j.defaultProps={children:i.default.createElement("noscript",null),className:""};var B={cbbc:[{count:1e4,label:m.LOVE},{count:123,label:m.LOL},{count:5347890,label:m.APPLAUSE},{count:0,label:m.GOTIT},{count:39,label:m.OMD},{count:834,label:m.SAD}],cbeebies:[{count:1e4,label:m.LOVE},{count:5347890,label:m.FUNNY},{count:0,label:m.CLAP},{count:123,label:m.GOTIT},{count:39,label:m.WOW},{count:834,label:m.SAD}],get"stay-safe"(){return this.cbbc}},U=5358886,D=function(e){return i.default.createElement("div",{className:"reactions-styleguide"},i.default.createElement(j,{heading:"Overview Cluster (CTA)",id:"overview-cluster"},i.default.createElement(N,null,"Open Without Count - clicked"),i.default.createElement(l.default,{onClick:x,isOpen:!0,count:0,product:e.product,hasBeenClicked:!0}),i.default.createElement(N,null,"Closed Without Count - clicked"),i.default.createElement(l.default,{onClick:x,isOpen:!1,count:0,product:e.product,hasBeenClicked:!0}),i.default.createElement(N,null,"Open With Count - clicked"),i.default.createElement(l.default,{onClick:x,isOpen:!0,count:555,product:e.product,hasBeenClicked:!0}),i.default.createElement(N,null,"Closed With Count - not clicked"),i.default.createElement(l.default,{onClick:x,isOpen:!1,count:U,product:e.product,hasBeenClicked:!1})),i.default.createElement(j,{heading:"Reaction Tray",id:"reaction-tray"},i.default.createElement(d.default,{showReactions:!0,product:e.product,reactionsCounts:B[e.product],reactionButtonPressStart:x,reactionButtonPressEnd:x,reactionButtonClick:x,selectedReaction:"Love",updateSelectedReaction:x})),i.default.createElement(j,{heading:"Cookie Disabled Banner",id:"cookie-warning-banner"},i.default.createElement(h.default,null)),i.default.createElement(j,{heading:"Error Message Banner",id:"error-message-banner"},i.default.createElement(S.default,null)),i.default.createElement(j,{heading:"Individual Reactions",id:"reactions-list"},B[e.product].map(function(t,r){return i.default.createElement("div",{key:r},i.default.createElement(N,null,t.label),i.default.createElement(u.Reactions,{uniqueId:"1"},function(){return i.default.createElement(v.default,{product:e.product,label:t.label,count:t.count,clickHandler:x,showReactions:!0,reactionButtonPressStart:x,reactionButtonPressEnd:x,reactionButtonClick:x})}))})),i.default.createElement(j,{heading:"Reactions Module",id:"reactions-module"},i.default.createElement(N,null,"With Cookies banner"),i.default.createElement(g.default,{enableStandaloneMode:!0,postToUASHandler:x,ReactionsModule:E.default,product:e.product,urn:A,resourceTitle:M,url:C,globalId:L,reactionsCounts:B[e.product],showCookieBanner:!0,env:"test",isSignedIn:!0,isIdAvailable:!0,idctaService:R.default,countingServiceClientLibrary:O,reactionsCountTotal:U,resourceType:I}),i.default.createElement(N,null,"With error message after reaction is clicked"),i.default.createElement(g.default,{enableStandaloneMode:!0,postToUASHandler:x,ReactionsModule:E.default,product:e.product,urn:A,resourceTitle:M,url:C,globalId:L,reactionsCounts:B[e.product],env:"test",isSignedIn:!0,isIdAvailable:!0,idctaService:R.default,error:new Error(P.ErrorTypes.UAS_FAILURE),countingServiceClientLibrary:O,reactionsCountTotal:U,resourceType:I}),i.default.createElement(N,null,"Without Cookies banner"),i.default.createElement(g.default,{enableStandaloneMode:!0,postToUASHandler:x,ReactionsModule:E.default,product:e.product,urn:A,resourceTitle:M,url:C,globalId:L,reactionsCounts:B[e.product],env:"test",isSignedIn:!0,isIdAvailable:!0,idctaService:R.default,countingServiceClientLibrary:O,reactionsCountTotal:U,resourceType:I})))};D.propTypes={product:o.PropTypes.string.isRequired},t.default=D,e.exports=t.default},function(e,t){e.exports=Morph.modules["bbc-morph-classnames@1.0.2"]},function(e,t){e.exports=Morph.modules["bbc-morph-reactions@4.2.0"]},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a=r(101),s=n(a),u=r(104),c=n(u),l=function(e){var t=e.count>0?". Total number of reactions: "+e.count:"",r=e.isOpen?"Reactions. Hide Reactions":"Reactions. Show Reactions"+t;return i.default.createElement("button",{className:(0,s.default)("reactions-cta",{"reactions-cta--open":e.isOpen,"reactions-cta--clicked":e.hasBeenClicked}),"aria-pressed":e.isOpen,"aria-label":r,onClick:function(){e.onClick()}},i.default.createElement(c.default,e))};l.displayName="Cta",l.propTypes={onClick:o.PropTypes.func.isRequired,isOpen:o.PropTypes.bool.isRequired,count:o.PropTypes.number.isRequired,product:o.PropTypes.string.isRequired,hasBeenClicked:o.PropTypes.bool.isRequired},t.default=l,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a=r(105),s=n(a),u=r(106),c=n(u),l=r(107),f=n(l),d=r(108),p=n(d),h=function(e){var t={cbeebies:c.default,cbbc:s.default,get"stay-safe"(){return this.cbbc}},r=t[e.product];return i.default.createElement("div",{className:"reactions-cta-image"},i.default.createElement("span",null,i.default.createElement(r,null),e.count>0&&i.default.createElement(p.default,{count:e.count})),i.default.createElement(f.default,null))};h.displayName="CtaImage",h.propTypes={count:o.PropTypes.number.isRequired,product:o.PropTypes.string.isRequired},t.default=h,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a="CtaCbbcWithoutCount",s=function(){return i.default.createElement("span",{className:"cta-icon cta-cbbc-icon"},i.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 76 68"},i.default.createElement("path",{d:"M50.54 34.94A20.35 20.35 0 0 1 40 26.27c-.66-1.16-3.36-5.85-1.47-11.16a9.34 9.34 0 0 1 4-4.83 9.8 9.8 0 0 1 10.63 0 9.8 9.8 0 0 1 5.47-9.12 9.34 9.34 0 0 1 6.21-1c5.53 1.1 8.16 5.83 8.82 7a20.35 20.35 0 0 1 2 13.47c-1.25 7.19-8.81 13.81-8.81 13.81s-9.5 3.12-16.31.5z",fill:"#e63f23",fillRule:"evenodd"}),i.default.createElement("path",{d:"M42 15.34c-.79 1.44-.56 3.07.5 3.63s2.56-.15 3.34-1.6.56-3.07-.5-3.63-2.51.15-3.34 1.6z",fill:"#ee7966"}),i.default.createElement("circle",{cx:"20",cy:"25",r:"19.94",transform:"rotate(-85 20.002 25.004)",fill:"#efc203"}),i.default.createElement("path",{d:"M6.3 17.19v-.07c.06-.24.12-.47.2-.71s.19-.45.3-.68.25-.43.39-.64a7 7 0 0 1 .47-.59 6.28 6.28 0 0 1 .54-.5 6.16 6.16 0 0 1 .59-.47 6.55 6.55 0 0 1 .64-.41 7.57 7.57 0 0 1 1.39-.61 6.4 6.4 0 0 1 .73-.2 6 6 0 0 1 .74-.13 6 6 0 0 1 .71-.08 6 6 0 0 1 .74 0c.25 0 .49 0 .73.09s.48.09.72.16.47.15.69.24c-.24 0-.48.08-.72.11l-.7.11c-.23 0-.46.08-.68.12s-.45.1-.67.14-.44.11-.65.16-.43.12-.64.19-.42.14-.63.22a6.37 6.37 0 0 0-.61.25 6.39 6.39 0 0 0-.59.28c-.2.09-.38.21-.58.31s-.37.24-.56.35-.36.26-.54.38-.34.28-.53.42-.34.3-.51.46-.32.33-.5.49-.31.35-.49.53zM35.55 22.4v-.07c-.1-.23-.19-.45-.28-.66s-.19-.43-.3-.63-.2-.41-.32-.6-.22-.39-.35-.57-.24-.37-.38-.55-.25-.36-.41-.52-.27-.34-.43-.49a6.39 6.39 0 0 0-.46-.47 6.37 6.37 0 0 0-.49-.44c-.17-.14-.33-.29-.51-.42s-.35-.28-.53-.4-.36-.27-.56-.38-.38-.25-.58-.37-.39-.25-.6-.35l-.62-.35c-.21-.11-.42-.22-.64-.35h.73c.24 0 .48.06.73.1s.48.11.72.17a7.6 7.6 0 0 1 1.38.55 6 6 0 0 1 .65.37 6.4 6.4 0 0 1 .62.44A7.57 7.57 0 0 1 34 17.46a6.55 6.55 0 0 1 .46.6 6.16 6.16 0 0 1 .39.65 6.28 6.28 0 0 1 .32.69 7 7 0 0 1 .24.72c.06.24.1.49.15.73s0 .5.05.74 0 .49-.06.74z",fill:"#9f8214"}),i.default.createElement("circle",{cx:"13.71",cy:"20.6",r:"5.25",transform:"rotate(-79.9 13.71 20.605)",fill:"#fff"}),i.default.createElement("ellipse",{cx:"13.71",cy:"20.74",rx:"3.04",ry:"2.56",transform:"rotate(-79.9 13.711 20.738)",fill:"#2b2b2b"}),i.default.createElement("circle",{cx:"27.2",cy:"23.01",r:"5.25",transform:"rotate(-79.9 27.2 23.006)",fill:"#fff"}),i.default.createElement("ellipse",{cx:"27.15",cy:"23.13",rx:"3.04",ry:"2.56",transform:"rotate(-79.9 27.15 23.127)",fill:"#2b2b2b"}),i.default.createElement("path",{d:"M22.52 34.49c-.51 2.89-2.91 4.88-5.34 4.45s-4-3.13-3.48-6q0-.22.09-.42c.66-2.66 2.94-4.44 5.25-4s3.96 3.08 3.48 5.97z",fill:"#2b2b2b"}),i.default.createElement("circle",{cx:"42.08",cy:"45.87",r:"22.16",transform:"rotate(-81.9 42.082 45.87)",fill:"#ffd201"}),i.default.createElement("path",{"data-name":"<Path>",d:"M66.62 48.07a3.8 3.8 0 0 1-4.5 6.13c-1.7-1.24-5.22-8.51-5.22-8.51s8.02 1.14 9.72 2.38zM18.06 41.1a3.79 3.79 0 1 0 2.54 7.15c2-.71 7.44-6.67 7.44-6.67s-8.04-1.19-9.98-.48z",fill:"#269dc8"}),i.default.createElement("path",{d:"M27.82 44.39a14.18 14.18 0 0 0 28.07 4.11z",fill:"#2b2b2b"}),i.default.createElement("path",{d:"M32.53 57.11a8.31 8.31 0 0 1 15.21 2.22",fill:"#a75916"}),i.default.createElement("path",{d:"M40.86 53.15a8.32 8.32 0 0 0-8.36 4 14.25 14.25 0 0 0 7.27 3.36 13.92 13.92 0 0 0 7.94-1.14 8.22 8.22 0 0 0-6.85-6.22z",fill:"#e63f23"}),i.default.createElement("path",{d:"M53.76 43.64a.87.87 0 0 1-.7-.58 3.41 3.41 0 0 0-6-.86.87.87 0 0 1-1.43-1 5.14 5.14 0 0 1 9.1 1.3.87.87 0 0 1-.94 1.13zM39.76 41.65a.87.87 0 0 1-.7-.58 3.41 3.41 0 0 0-6-.86.87.87 0 0 1-1.43-1 5.14 5.14 0 0 1 9.1 1.3.87.87 0 0 1-.94 1.13z",fill:"#2b2b2b"})))};s.displayName=a,t.default=s,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a="CtaCbeebiesWithoutCount",s=function(){return i.default.createElement("span",{className:"cta-icon cta-cbeebies-icon"},i.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 76 68"},i.default.createElement("defs",null,i.default.createElement("clipPath",{id:"a"},i.default.createElement("path",{d:"M16.26 38.31a9.6 9.6 0 0 1-6.72-11.8 19.21 19.21 0 0 1 10-.22l.42.11a19.21 19.21 0 0 1 8.57 5.24 9.6 9.6 0 0 1-11.74 6.82z",fill:"#2b2b2b"}))),i.default.createElement("circle",{cx:"20.16",cy:"25.01",r:"19.9",transform:"rotate(-80 20.16 25.01)",fill:"#efc203"}),i.default.createElement("ellipse",{cx:"14.75",cy:"18.89",rx:"3.3",ry:"2.55",transform:"rotate(-74.9 14.757 18.895)",fill:"#2b2b2b"}),i.default.createElement("ellipse",{cx:"27.9",cy:"22.44",rx:"3.3",ry:"2.55",transform:"rotate(-74.9 27.908 22.442)",fill:"#2b2b2b"}),i.default.createElement("path",{d:"M7.46 14.93v-.07c.08-.23.16-.46.26-.69s.23-.43.36-.65.29-.41.45-.6a7 7 0 0 1 .52-.55 6.27 6.27 0 0 1 .58-.48 6.15 6.15 0 0 1 .63-.42 6.54 6.54 0 0 1 .67-.35 7.55 7.55 0 0 1 1.43-.48 6.38 6.38 0 0 1 .74-.13 6 6 0 0 1 .75-.06 6 6 0 0 1 .75 0 6 6 0 0 1 .74.08c.24.05.49.08.72.15s.47.13.7.22.45.19.67.3h-.72l-.7.05c-.23 0-.46 0-.69.06s-.45.06-.68.08-.44.07-.66.11-.44.09-.65.13-.43.1-.64.16a6.35 6.35 0 0 0-.63.19 6.38 6.38 0 0 0-.62.23c-.21.07-.4.17-.6.26s-.39.2-.59.3-.38.23-.57.33-.37.25-.56.37-.36.27-.54.41L8 14.4c-.17.16-.34.32-.53.48zM36.09 22.66v-.07c-.08-.23-.15-.46-.22-.68s-.15-.44-.24-.65-.17-.42-.27-.63-.19-.41-.3-.6-.2-.39-.33-.58-.22-.38-.36-.55-.24-.36-.39-.53a6.38 6.38 0 0 0-.42-.51 6.35 6.35 0 0 0-.45-.48c-.15-.16-.3-.32-.47-.46s-.32-.3-.5-.44-.34-.3-.52-.43-.35-.29-.54-.41-.37-.28-.56-.4l-.58-.4c-.2-.13-.4-.26-.6-.4.24 0 .49 0 .73.07s.48.11.72.16.46.16.7.23a7.58 7.58 0 0 1 1.33.67 6 6 0 0 1 .62.43 6.38 6.38 0 0 1 .57.49 7.55 7.55 0 0 1 1 1.14 6.54 6.54 0 0 1 .41.64 6.15 6.15 0 0 1 .33.68 6.27 6.27 0 0 1 .26.71 7 7 0 0 1 .17.73c0 .25.06.5.08.74s0 .5 0 .74-.07.49-.12.73z",fill:"#9f8214"}),i.default.createElement("path",{d:"M16.26 38.31a9.6 9.6 0 0 1-6.72-11.8 19.21 19.21 0 0 1 10-.22l.42.11a19.21 19.21 0 0 1 8.57 5.24 9.6 9.6 0 0 1-11.74 6.82z",fill:"#2b2b2b"}),i.default.createElement("g",{clipPath:"url(#a)"},i.default.createElement("ellipse",{cx:"16.36",cy:"39.1",rx:"4.41",ry:"5.64",transform:"rotate(-74.9 16.361 39.1)",fill:"#e63f23"})),i.default.createElement("path",{d:"M50.54 34.94A20.35 20.35 0 0 1 40 26.27c-.66-1.16-3.36-5.85-1.47-11.16a9.34 9.34 0 0 1 4-4.83 9.8 9.8 0 0 1 10.63 0 9.8 9.8 0 0 1 5.47-9.12 9.34 9.34 0 0 1 6.21-1c5.53 1.1 8.16 5.83 8.82 7a20.35 20.35 0 0 1 2 13.47c-1.25 7.19-8.81 13.81-8.81 13.81s-9.5 3.12-16.31.5z",fill:"#e63f23",fillRule:"evenodd"}),i.default.createElement("path",{d:"M42 15.34c-.79 1.44-.56 3.07.5 3.63s2.56-.15 3.34-1.6.56-3.07-.5-3.63-2.51.15-3.34 1.6z",fill:"#ee7966"}),i.default.createElement("circle",{cx:"42.08",cy:"45.81",r:"22.09",transform:"matrix(.17 -.98 .98 .17 -10.35 79.3)",fill:"#ffd201"}),i.default.createElement("path",{d:"M55.66 49a14.07 14.07 0 0 1-27.69-5",fill:"#2b2b2b"}),i.default.createElement("path",{d:"M32.21 56.72a8.24 8.24 0 0 1 15 2.7",fill:"#a75916"}),i.default.createElement("path",{d:"M40.6 53.07a8.26 8.26 0 0 0-8.42 3.68 14.13 14.13 0 0 0 7.1 3.57 13.8 13.8 0 0 0 7.91-.87 8.15 8.15 0 0 0-6.59-6.38z",fill:"#e63f23"}),i.default.createElement("path",{d:"M53.22 43.65l-7.29-4.21a.94.94 0 0 1 .31-1.73l8.26-1.39a.7.7 0 0 1 .27 1.38l-6 1.37 5.13 3.43a.67.67 0 0 1-.71 1.15zM33.35 32.47l7.29 4.21a.94.94 0 0 1-.31 1.73l-8.27 1.39a.7.7 0 0 1-.27-1.38l6-1.37-5.13-3.43a.67.67 0 0 1 .71-1.15z",fill:"#2b2b2b"})))};s.displayName=a,t.default=s,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a="CtaArrow",s=function(e){return i.default.createElement("div",{className:"cta-arrow-icon"},i.default.createElement("svg",{height:e.height,width:e.width,viewBox:"0 0 20 15"},i.default.createElement("path",{fill:"#db63d9",d:"M18.5 4.7l-2.8-2.9L10 7.5 4.3 1.8 1.5 4.7l8.5 8.5z"})))};s.displayName=a,s.propTypes={height:o.PropTypes.number,width:o.PropTypes.number},s.defaultProps={height:15,width:20},t.default=s,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a=function(e){return i.default.createElement("span",{className:"reactions-count-container"},i.default.createElement("span",{className:"reactions-count-container__count-text"},e.count))};a.displayName="CtaCount",a.propTypes={count:o.PropTypes.number.isRequired},t.default=a,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(2),i=n(o),a=r(43),s=n(a),u=r(80),c=n(u),l=r(82),f=n(l),d=r(81),p=n(d),h=r(86),y=n(h),v=r(95),m=n(v),b=r(101),E=n(b),_=r(102),g=r(110),T=n(g),S=r(116),P=function(e){function t(e){(0,c.default)(this,t);var r=(0,p.default)(this,(t.__proto__||(0,s.default)(t)).call(this,e));return r.props=e,r.state={shouldDisableAnimation:!0},r}return(0,y.default)(t,e),(0,f.default)(t,[{key:"componentWillReceiveProps",value:function(e){this.props.showReactions!==e.showReactions&&this.setState({shouldDisableAnimation:!1})}},{key:"render",value:function(){var e=this,t=(0,S.getUniqueId)(this.props.urn);return m.default.createElement("div",{className:(0,E.default)("reactions-tray",{"animation-playing":this.props.isAnimationPlaying,"reactions-tray--open":this.props.isOpen})},m.default.createElement("div",{className:(0,E.default)("reactions-tray__reactions-container",{"reactions-tray__reactions-container--open":this.props.showReactions,"reactions-tray__reactions-container--no-animation":this.state.shouldDisableAnimation})},m.default.createElement(_.Reactions,{uniqueId:t,store:S.readOnlyLocalStorageHelper},function(t){var r=(0,i.default)({active:t},e.props);return m.default.createElement(T.default,r)}),m.default.createElement("div",{className:"reactions-tray__reactive-prompt"},"Press and hold for more...")))}}]),t}(v.Component);P.displayName="Tray",P.defaultProps={showReactions:!1,urn:!1,isAnimationPlaying:!1,isOpen:!1},P.propTypes={showReactions:v.PropTypes.bool,product:v.PropTypes.string.isRequired,reactionsCounts:v.PropTypes.arrayOf(v.PropTypes.shape({label:v.PropTypes.string,count:v.PropTypes.number})).isRequired,urn:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool]),isAnimationPlaying:v.PropTypes.bool,isOpen:v.PropTypes.bool},t.default=P,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(2),i=n(o),a=r(43),s=n(a),u=r(80),c=n(u),l=r(82),f=n(l),d=r(81),p=n(d),h=r(86),y=n(h),v=r(95),m=n(v),b=r(111),E=n(b),_=r(114),g=function(e){function t(e){(0,c.default)(this,t);var r=(0,p.default)(this,(t.__proto__||(0,s.default)(t)).call(this,e));return r.props=e,r.firstButtonRef=null,r}return(0,y.default)(t,e),(0,f.default)(t,[{key:"componentDidMount",value:function(){var e=(0,_.keyToLabel)(this.props.active,this.props.product),t=e!==this.props.selectedReaction;t&&this.props.updateSelectedReaction(e)}},{key:"componentDidUpdate",value:function(e){var t=e.showReactions===!1&&this.props.showReactions===!0;t&&this.firstButtonRef&&this.firstButtonRef.focus()}},{key:"render",value:function(){var e=this;return m.default.createElement("div",{className:"reactions-list"},this.props.reactionsCounts.map(function(t,r){var n=(0,i.default)({},e.props,t),o={ref:function(t){0===r&&(e.firstButtonRef=t)}};return m.default.createElement(E.default,(0,i.default)({},n,{key:r,buttonProps:o}))}))}}]),t}(v.Component);g.displayName="ReactionsList",g.defaultProps={active:null,selectedReaction:null},g.propTypes={selectedReaction:v.PropTypes.string,active:v.PropTypes.string,updateSelectedReaction:v.PropTypes.func.isRequired,reactionsCounts:v.PropTypes.arrayOf(v.PropTypes.shape({label:v.PropTypes.string,count:v.PropTypes.number})).isRequired,showReactions:v.PropTypes.bool.isRequired,product:v.PropTypes.string.isRequired},t.default=g,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(112),i=n(o),a=r(2),s=n(a),u=r(95),c=n(u),l=r(102),f=r(101),d=n(f),p=r(113),h=n(p),y=r(115),v=n(y),m=r(114),b=function(e){var t,r=e.product,n=e.label,o=e.count,a=e.showReactions,u=e.buttonProps,f=void 0===u?{}:u,p=e.reactionButtonPressStart,y=e.reactionButtonPressEnd,b=e.selectedReaction,E="cbeebies"===r?v.default:h.default,_=E[""+n],g=n.replace("!",""),T="reaction-button--show",S=(0,s.default)({},f,{onMouseDown:function(){return p(n)},onTouchStart:function(){return p(n)},onKeyDown:function(e){e.keyCode!==m.ENTER_KEY&&e.keyCode!==m.SPACE_KEY||e.repeat||p(n)},onKeyUp:function(e){e.keyCode!==m.ENTER_KEY&&e.keyCode!==m.SPACE_KEY||y(n)},onMouseUp:function(){return y(n)},onMouseLeave:function(){return y(n)},onTouchEnd:function(){return y(n)},className:(0,d.default)("reaction-button",(t={},(0,i.default)(t,T,a),(0,i.default)(t,"reaction-button--selected",b===n),t))}),P="reaction-icon reaction-icon-"+m.LABEL_TO_KEY[n];return c.default.createElement(l.Reaction,{key:n,type:m.LABEL_TO_KEY[n],buttonProps:S},c.default.createElement(l.ReactionIcon,{className:P},c.default.createElement(_,null)),c.default.createElement(l.ReactionLabel,{className:"reaction-label","aria-label":"Reaction type "+n+","},n),c.default.createElement(l.ReactionCount,{className:"reaction-count",count:o,"aria-label":"Total number of "+g+"s "+o}),c.default.createElement("div",{className:"reaction-focus-line"}))};b.propTypes={product:u.PropTypes.string.isRequired,label:u.PropTypes.string.isRequired,count:u.PropTypes.number.isRequired,showReactions:u.PropTypes.bool.isRequired,buttonProps:u.PropTypes.shape({class:u.PropTypes.string,arialabel:u.PropTypes.string}),reactionButtonPressStart:u.PropTypes.func.isRequired,reactionButtonPressEnd:u.PropTypes.func.isRequired,selectedReaction:u.PropTypes.string},b.defaultProps={buttonProps:{class:null,arialabel:null},selectedReaction:null},t.default=b,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(83),i=n(o);t.default=function(e,t,r){return t in e?(0,i.default)(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o,i=r(112),a=n(i),s=r(95),u=n(s),c=r(114),l=function(){return u.default.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 72 72"},u.default.createElement("path",{d:"M13.54 49.73A31.54 31.54 0 0 1 6 30c0-2.08-.06-10.46 6.55-16.17a14.48 14.48 0 0 1 9.1-3.46c7.39 0 11.7 3.42 14.34 8.12 2.64-4.69 7-8.13 14.34-8.12a14.48 14.48 0 0 1 9.1 3.46C66.06 19.54 66 27.93 66 30a31.54 31.54 0 0 1-7.54 19.73C51.28 58.48 36 61.63 36 61.63s-15.28-3.15-22.46-11.9z",fill:"#e63f23",fillRule:"evenodd"}),u.default.createElement("path",{d:"M17.06 16.8C14.9 18.15 14 20.51 15 22.08s3.56 1.75 5.73.4 3.11-3.71 2.11-5.28-3.61-1.75-5.78-.4z",fill:"#ee7966"}))},f=function(){return u.default.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 72 72"},u.default.createElement("circle",{cx:"35.91",cy:"35.72",r:"30",fill:"#ffd201"}),u.default.createElement("path",{d:"M69.12 34c-2.48-1.34-13.33-1.34-13.33-1.34s6 9.07 8.52 10.41A5.07 5.07 0 0 0 71.18 41a5.15 5.15 0 0 0-2.06-7zM2.86 34a5.15 5.15 0 0 0-2.07 7 5.07 5.07 0 0 0 6.87 2.12c2.48-1.34 8.52-10.41 8.52-10.41S5.34 32.67 2.86 34z",fill:"#269dc8"}),u.default.createElement("path",{d:"M16.37 36.45a19.34 19.34 0 0 0 38.69.16z",fill:"#2b2b2b"}),u.default.createElement("path",{d:"M25.17 52.73a11.33 11.33 0 0 1 21 .08",fill:"#a75916"}),u.default.createElement("path",{d:"M35.66 45.78a11.35 11.35 0 0 0-10.52 7 19.44 19.44 0 0 0 10.47 3.12 19 19 0 0 0 10.5-3.06 11.21 11.21 0 0 0-10.45-7.06z",fill:"#e63f23"}),u.default.createElement("path",{d:"M51.25 30.46a1.18 1.18 0 0 1-1.06-.65 4.65 4.65 0 0 0-8.31 0 1.18 1.18 0 0 1-2.12-1.06 7 7 0 0 1 12.54 0 1.18 1.18 0 0 1-1.06 1.71zM32 30.46a1.18 1.18 0 0 1-1.06-.65 4.65 4.65 0 0 0-8.31 0 1.18 1.18 0 0 1-2.12-1.06 7 7 0 0 1 12.54 0A1.18 1.18 0 0 1 32 30.46z",fill:"#2b2b2b"}))},d=function(){return u.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72"},u.default.createElement("path",{d:"M52.43 11.33l4.12-7.71a1.09 1.09 0 0 1 1.87 1.09l-4.12 7.71a1.09 1.09 0 0 1-1.87-1.09M43.75 3a1 1 0 0 1 1.79.25l1.23 5.28a1 1 0 0 1-1.89.47l-1.23-5.27a1 1 0 0 1 .1-.74M15.59 11.1l-.7-8.71a1.09 1.09 0 0 1 2.17-.09l.7 8.71a1.09 1.09 0 0 1-2.17.09M3.78 8.77A1 1 0 0 1 5.41 8l3.89 3.79A1 1 0 1 1 8 13.23L4.09 9.45a1 1 0 0 1-.31-.68",fill:"#2b2b2b"}),u.default.createElement("path",{d:"M57.24 56.4c5-7.08 4.75-10.71 2.84-16.46-.37-1.12-.91-2.56-1.4-3.67a96 96 0 0 0-5.2-10.15l-3.54-7.32a4 4 0 0 0-4-2.23 3.72 3.72 0 0 0-2.6 1.36 4.29 4.29 0 0 0-.49 4.61l4 8.31L24 15.42a4 4 0 0 0-5.52 1l-.05.06c-1.55 2.09-.06 4.44.18 4.74l-4.06-2.74-.42-.28a4 4 0 0 0-5.56 1 3.86 3.86 0 0 0-.1 4.12 4.1 4.1 0 0 0 1.25 1.35L13 27.54c-1.84-1.24-4.92-1.62-6.38.54A3.86 3.86 0 0 0 7.8 33.5l5.65 4.66c-1.9-1.29-4.4-1.34-5.6.7a3.79 3.79 0 0 0 1.28 5s18.1 13.05 23.78 16.56c6.15 3.8 8.78 4.25 13.83 3.69 4.27-.47 7-2.71 10.5-7.72",fill:"#9f8214"}),u.default.createElement("path",{d:"M64.75 41.35c-.34-1.13-.83-2.57-1.29-3.68-1.46-3.59-8.23-17.6-8.23-17.6a4 4 0 0 0-3.92-2.32 3.72 3.72 0 0 0-2.79 1.49 4.29 4.29 0 0 0-.44 4.39l3.27 7.23a.33.33 0 0 1-.49.4L29.57 16a4 4 0 0 0-5.51.86l-.06.06a2.53 2.53 0 0 0-.65 2 2.13 2.13 0 0 0 1 1.67l.48.37L39.64 32a.53.53 0 0 1 .13.72.48.48 0 0 1-.41.2.54.54 0 0 1-.31-.11L22.64 20.63l-2.55-1.81-.34-.25a4.06 4.06 0 0 0-5.68.88 3.45 3.45 0 0 0-.16 3.79 17.84 17.84 0 0 0 2.3 2.17l2.1 1.59 18.37 13.18a.53.53 0 0 1 .13.72.48.48 0 0 1-.41.2.54.54 0 0 1-.3-.1L17.21 27.41a4 4 0 0 0-2.55-.72 3.49 3.49 0 0 0-2.72 1.45 3.83 3.83 0 0 0 1 5.42l5 3.7 14.18 10.12a.53.53 0 0 1 .13.72.48.48 0 0 1-.41.2.54.54 0 0 1-.31-.11l-14-10-.25-.19-.54-.37c-1.93-.94-3.73-.74-4.73 1s.38 4 1.1 4.51c0 0 18.53 14.21 24.09 17.86 6 3.95 8.62 4.45 13.64 4 4.25-.36 7-2.51 10.65-7.39 5.13-6.88 5.01-10.5 3.26-16.26z",fill:"#ffd201"}))},p=function(){return u.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72"},u.default.createElement("circle",{cx:"36",cy:"36",r:"30",fill:"#ffd201"}),u.default.createElement("path",{d:"M35.9 14.3a.82.82 0 0 1-.82-.82V9.7a.82.82 0 0 1 1.65 0v3.78a.82.82 0 0 1-.83.82zM61.42 36.51h-3.78a.82.82 0 0 1 0-1.65h3.78a.82.82 0 1 1 0 1.65zM14.16 36.51h-3.78a.82.82 0 1 1 0-1.65h3.78a.82.82 0 0 1 0 1.65zM51.28 20.67a.82.82 0 0 1-.58-1.4l2.67-2.67a.82.82 0 0 1 1.16 1.16l-2.67 2.67a.82.82 0 0 1-.58.24zM20.53 20.67a.82.82 0 0 1-.58-.24l-2.67-2.67a.82.82 0 1 1 1.16-1.16l2.67 2.67a.82.82 0 0 1-.58 1.4zM44 15.87a.82.82 0 0 1-.76-1.13l1.41-3.5a.82.82 0 0 1 1.53.61l-1.41 3.5a.82.82 0 0 1-.77.52zM59.57 46a.82.82 0 0 1-.31-.06l-3.5-1.41a.82.82 0 1 1 .62-1.53l3.5 1.41a.82.82 0 0 1-.31 1.59zM15.74 28.39a.82.82 0 0 1-.31-.06l-3.5-1.41a.82.82 0 0 1 .61-1.53L16 26.8a.82.82 0 0 1-.31 1.59zM55.91 28a.82.82 0 0 1-.32-1.58l3.48-1.48a.82.82 0 0 1 .64 1.51l-3.48 1.48a.82.82 0 0 1-.32.07zM12.43 46.51a.82.82 0 0 1-.32-1.58l3.48-1.48a.82.82 0 1 1 .63 1.55l-3.48 1.48a.82.82 0 0 1-.31.03zM27.39 16a.82.82 0 0 1-.76-.5l-1.48-3.48a.82.82 0 0 1 1.51-.64l1.48 3.48a.82.82 0 0 1-.75 1.14zM29.39 48.81c0-2.53-1.63-4.9-3.47-6.63a13.68 13.68 0 0 1 3.68-22.52c9.92-4.66 20.67 2.71 20.67 12.41a13.83 13.83 0 0 1-5.79 11.26 5 5 0 0 0-2.1 4.1v1.39a17 17 0 0 1-5.83 1.34 23.78 23.78 0 0 1-7.16-1.35z",fill:"#fff"}),u.default.createElement("path",{d:"M29.42 48.71v4.8a8.05 8.05 0 0 0 2.33 1.09l.07.18a4.09 4.09 0 1 0 8.17 0v-.06a2.42 2.42 0 0 0 .11-.29 21.91 21.91 0 0 0 2.3-.79v-5.13s-4.92 3.49-12.98.2z",fill:"#d3145b"}))},h=function(){return u.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72"},u.default.createElement("circle",{cx:"36",cy:"36",r:"30",transform:"rotate(-5.1 35.96834013 36.0247667)",fill:"#ffd201"}),u.default.createElement("circle",{cx:"25.69",cy:"31.15",r:"7.9",fill:"#fff"}),u.default.createElement("ellipse",{cx:"25.73",cy:"31.35",rx:"3.85",ry:"4.57",fill:"#2b2b2b"}),u.default.createElement("circle",{cx:"46.31",cy:"31.15",r:"7.9",fill:"#fff"}),u.default.createElement("ellipse",{cx:"46.26",cy:"31.35",rx:"3.85",ry:"4.57",fill:"#2b2b2b"}),u.default.createElement("path",{d:"M42.41 49.4c0 4.42-3 8-6.74 8s-6.74-3.58-6.74-8v-.65c.28-4.11 3.18-7.35 6.72-7.35 3.75-.01 6.76 3.6 6.76 8z",fill:"#2b2b2b"}),u.default.createElement("path",{d:"M13.65 28c.4-6.28 7-10.64 13-9.33-5.31 2.14-10.01 4.14-13 9.33zM58.35 28c-.4-6.28-7-10.64-13-9.33 5.31 2.14 10.01 4.14 13 9.33z",fill:"#9f8214"}))},y=function(){return u.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72"},u.default.createElement("circle",{cx:"36",cy:"36",r:"30",transform:"rotate(-5.1 35.96834013 36.0247667)",fill:"#ffd201"}),u.default.createElement("path",{d:"M15 40.42c1.16-2.66 8.18-5.59 8.18-5.59s2.59 7.17 1.42 9.79a5.26 5.26 0 0 1-9.6-4.2z",fill:"#269dc8"}),u.default.createElement("path",{d:"M25.81 53.82a1 1 0 0 1-.81-1.55A14.14 14.14 0 0 1 36.35 46a14.1 14.1 0 0 1 11.16 6A1 1 0 1 1 46 53.2a12 12 0 0 0-9.65-5.2 12.22 12.22 0 0 0-9.76 5.44 1 1 0 0 1-.78.38zM26.26 36A6.91 6.91 0 0 1 20 32.2a1.17 1.17 0 1 1 2.1-1 4.6 4.6 0 0 0 8.23 0 1.17 1.17 0 1 1 2.09 1.05A6.91 6.91 0 0 1 26.26 36zM45.36 36a6.91 6.91 0 0 1-6.21-3.84 1.17 1.17 0 1 1 2.1-1 4.6 4.6 0 0 0 8.23 0 1.17 1.17 0 1 1 2.09 1.05A6.91 6.91 0 0 1 45.36 36z",fill:"#2b2b2b"}))};t.default=(o={},(0,a.default)(o,c.LOVE,l),(0,a.default)(o,c.LOL,f),(0,a.default)(o,c.APPLAUSE,d),(0,a.default)(o,c.GOTIT,p),(0,a.default)(o,c.OMD,h),(0,a.default)(o,c.SAD,y),o),e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e,t){var r="cbeebies"===t?_:g,n=r.reduce(function(e,t){return(0,s.default)({},e,(0,c.default)({},T[t],t))},{});return n[e]}Object.defineProperty(t,"__esModule",{value:!0}),t.KEY_TO_UAS_CONTEXT=t.LABEL_TO_KEY=t.CBBC_LABELS=t.CBEEBIES_LABELS=t.SPACE_KEY=t.ENTER_KEY=t.SPRITE_REVERSE_EFFECT_DELAY=t.SPRITE_EFFECT_DELAY=t.SPRITE_SLIDE_NUMBER_DEFAULT=t.SPRITE_SLIDE_DECREMENT_INTERVAL=t.SPRITE_SLIDE_INCREMENT_INTERVAL=t.SPRITE_TOTAL_SLIDES=t.NO_REACTION=t.CLAP=t.WOW=t.FUNNY=t.SAD=t.OMD=t.GOTIT=t.APPLAUSE=t.LOL=t.LOVE=void 0;var i,a=r(2),s=n(a),u=r(112),c=n(u);t.keyToLabel=o;var l=t.LOVE="Love",f=t.LOL="LOL",d=t.APPLAUSE="Applause",p=t.GOTIT="Got It!",h=t.OMD="OMD",y=t.SAD="Sad",v=t.FUNNY="Funny",m=t.WOW="Wow",b=t.CLAP="Clap",E=(t.NO_REACTION="No Content",t.SPRITE_TOTAL_SLIDES=10,t.SPRITE_SLIDE_INCREMENT_INTERVAL=100),_=(t.SPRITE_SLIDE_DECREMENT_INTERVAL=E/2,t.SPRITE_SLIDE_NUMBER_DEFAULT=0,t.SPRITE_EFFECT_DELAY=300,t.SPRITE_REVERSE_EFFECT_DELAY=1e3,t.ENTER_KEY=13,t.SPACE_KEY=32,t.CBEEBIES_LABELS=[l,v,b,p,m,y]),g=t.CBBC_LABELS=[l,f,d,p,h,y],T=t.LABEL_TO_KEY=(i={},(0,c.default)(i,d,"applause"),(0,c.default)(i,b,"applause"),(0,c.default)(i,v,"lol"),(0,c.default)(i,p,"inspired"),(0,c.default)(i,l,"loved"),(0,c.default)(i,f,"lol"),(0,c.default)(i,h,"omd"),(0,c.default)(i,y,"sad"),(0,c.default)(i,m,"omd"),i);t.KEY_TO_UAS_CONTEXT={applause:"emotion-inspired",lol:"emotion-funny",inspired:"emotion-inspired",loved:"emotion-positive",omd:"emotion-shocked",sad:"emotion-sad"}},function(e,t,r){"use strict";function n(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i,a=r(112),s=o(a),u=r(95),c=o(u),l=r(114),f=r(113),d=n(f),p=function(){return c.default.createElement("svg",{ "data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72"},c.default.createElement("path",{d:"M33.34 6.12A30 30 0 1 1 6.12 38.66 30 30 0 0 1 33.34 6.12",fill:"#ffd201"}),c.default.createElement("path",{d:"M55.14 37.21a19.14 19.14 0 1 1-38.29-.16",fill:"#2b2b2b"}),c.default.createElement("path",{d:"M25.56 53.17a11.22 11.22 0 0 1 20.75.07",fill:"#a75916"}),c.default.createElement("path",{d:"M35.95 46.29a11.24 11.24 0 0 0-10.41 6.91 19.23 19.23 0 0 0 10.36 3.11 18.78 18.78 0 0 0 10.39-3 11.1 11.1 0 0 0-10.34-7",fill:"#e63f23"}),c.default.createElement("path",{d:"M21.36 20.41l10.76 3.91a1.27 1.27 0 0 1 0 2.4l-10.75 3.81a1 1 0 0 1-.69-1.78l7.7-3.25-7.69-3.39a.92.92 0 0 1 .68-1.7M51.32 22.11l-7.7 3.38 7.71 3.25a1 1 0 0 1-.69 1.78l-10.74-3.8a1.27 1.27 0 0 1 0-2.4l10.76-3.91a.92.92 0 0 1 .68 1.7",fill:"#2b2b2b"}))},h=function(){return c.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72"},c.default.createElement("circle",{cx:"35.91",cy:"35.72",r:"30",fill:"#ffd201"}),c.default.createElement("ellipse",{cx:"25.73",cy:"29.22",rx:"3.85",ry:"4.98",fill:"#2b2b2b"}),c.default.createElement("ellipse",{cx:"46.27",cy:"29.22",rx:"3.85",ry:"4.98",fill:"#2b2b2b"}),c.default.createElement("path",{d:"M13.57 26.32v-.1c0-.37.06-.73.11-1.1s.17-.72.27-1.08.26-.71.41-1a10.55 10.55 0 0 1 .54-1 9.46 9.46 0 0 1 .65-.93 9.27 9.27 0 0 1 .75-.86 9.86 9.86 0 0 1 .84-.77A11.39 11.39 0 0 1 19 18.14a9.62 9.62 0 0 1 1-.49 9 9 0 0 1 1.06-.38 11.43 11.43 0 0 1 2.19-.45c.37 0 .74-.07 1.11-.07s.74 0 1.11.05.73.1 1.09.18c-.35.14-.69.25-1 .35l-1 .35c-.33.1-.66.24-1 .36s-.64.26-1 .39-.62.28-.93.42-.6.3-.9.45-.58.32-.87.49a9.58 9.58 0 0 0-.84.53 9.62 9.62 0 0 0-.81.57c-.28.18-.51.41-.77.62s-.48.45-.74.66-.46.48-.7.71-.44.51-.67.76-.42.54-.63.81-.39.57-.6.86-.37.6-.59.91zM58.27 26.32v-.1c-.21-.31-.4-.61-.59-.91s-.4-.58-.6-.86-.41-.55-.63-.81-.43-.52-.67-.76-.45-.49-.7-.71-.47-.47-.74-.66-.5-.43-.77-.62a9.61 9.61 0 0 0-.81-.57 9.58 9.58 0 0 0-.84-.53c-.28-.17-.57-.34-.87-.49s-.59-.32-.9-.45-.61-.3-.93-.42-.63-.28-1-.39-.64-.26-1-.36l-1-.35c-.34-.11-.69-.22-1-.35.36-.08.72-.13 1.09-.18s.73 0 1.11-.05.74 0 1.11.07a11.43 11.43 0 0 1 2.19.45 9 9 0 0 1 1.06.38 9.62 9.62 0 0 1 1 .49 11.39 11.39 0 0 1 1.89 1.27 9.86 9.86 0 0 1 .84.77 9.28 9.28 0 0 1 .75.86A9.45 9.45 0 0 1 57 22a10.54 10.54 0 0 1 .54 1c.16.34.28.7.41 1s.19.73.27 1.08.09.74.11 1.1z",fill:"#9f8214"}),c.default.createElement("path",{d:"M35.55 56.89a14.47 14.47 0 0 1-14.42-14.53 29 29 0 0 1 14.54-4.26h.66a29 29 0 0 1 14.54 4.26 14.47 14.47 0 0 1-14.42 14.53z",fill:"#2b2b2b"}),c.default.createElement("path",{d:"M28.43 55a14.31 14.31 0 0 0 7.11 2h.91a14.31 14.31 0 0 0 7.11-2A9 9 0 0 0 36 51.41 9 9 0 0 0 28.43 55z",fill:"#e63f23"}))};t.default=(i={},(0,s.default)(i,l.LOVE,d[l.LOVE]),(0,s.default)(i,l.FUNNY,p),(0,s.default)(i,l.CLAP,d[l.APPLAUSE]),(0,s.default)(i,l.GOTIT,d[l.GOTIT]),(0,s.default)(i,l.WOW,h),(0,s.default)(i,l.SAD,d[l.SAD]),i),e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(117),i=n(o),a=function(){},s=function(e){return"childrens-reactions-"+e},u=function(e){return"reactions-"+s(e)};t.default={localStorageHelper:i.default,readOnlyLocalStorageHelper:{getItem:i.default.getItem,setItem:a,removeItem:a},getUniqueId:s,getLocalStorageKey:u},e.exports=t.default},function(e,t){e.exports=Morph.modules["bbc-morph-local-storage-helper@1.0.1"]},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a=r(114),s=r(113),u=n(s),c=function(){var e=u.default[a.SAD];return i.default.createElement("div",{className:"reactions-cookie-warning"},i.default.createElement("div",{className:"reactions-cookie-warning__inner"},i.default.createElement("div",{className:"reactions-cookie-warning__icon"},i.default.createElement(e,null)),i.default.createElement("div",{className:"reactions-cookie-warning__text"},i.default.createElement("span",null,"To make your reaction count, you鈥檒l need to ask your parent/guardian to enable cookies. See our "),i.default.createElement("a",{className:"reactions-cookie-warning__link",href:"/usingthebbc/cookies/"},"cookies policy"),i.default.createElement("span",null," for more information"))))};c.displayName="CookieWarning",c.propTypes={},t.default=c,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(120),i=n(o),a=r(123),s=n(a),u=r(43),c=n(u),l=r(80),f=n(l),d=r(81),p=n(d),h=r(82),y=n(h),v=r(86),m=n(v),b=r(95),E=n(b),_=r(101),g=n(_),T=r(109),S=n(T),P=r(103),w=n(P),R=r(118),x=n(R),O=r(146),A=n(O),M=r(114),C=r(147),L=n(C),I=r(148),k=r(116),N=r(153),j=n(N),B=function(){return E.default.createElement("noscript",null)};B.displayName="NoopComponent";var U=function(e){function t(e){(0,f.default)(this,t);var r=(0,p.default)(this,(t.__proto__||(0,c.default)(t)).call(this,e));return r.state={showReactions:!1,hasCtaBeenClicked:!1,SpriteTagName:B,startSpriteAnimation:!1,endSpriteAnimation:!1,selectedReaction:null,prevSelectedReaction:null,currentCounts:e.reactionsCounts,hasReactionButtonPressStarted:!1,errorMessage:!1,endSlideNumber:M.SPRITE_SLIDE_NUMBER_DEFAULT,windowDimensions:{width:0,height:0}},r.renderElement=null,r.moduleElement=null,r.ctaClickHandler=r.ctaClickHandler.bind(r),r.reactionButtonPressStartHandler=r.reactionButtonPressStartHandler.bind(r),r.reactionButtonPressEndHandler=r.reactionButtonPressEndHandler.bind(r),r.updateSelectedReaction=r.updateSelectedReaction.bind(r),r.updateWindowDimensions=r.updateWindowDimensions.bind(r),r.handleChange=r.handleChange.bind(r),r}return(0,m.default)(t,e),(0,y.default)(t,null,[{key:"calculateReactionCounts",value:function(e,r,n){return n.map(function(n){return t.calculateCountForReaction(n.label,n.count,r,e)})}},{key:"calculateCountForReaction",value:function(e,t,r,n){var o=Math.max(t+(r===e?1:0)+(n===e?-1:0),0);return{label:e,count:o}}},{key:"calculateCountsTotal",value:function(e,t,r){return Math.max(r+(e&&!t?1:0)+(!e&&t?-1:0),0)}}]),(0,y.default)(t,[{key:"componentDidMount",value:function(){this.moduleElement=this.renderElement,this.updateWindowDimensions(),window.addEventListener("resize",this.updateWindowDimensions),this.props.spriteService.fetchSprites()}},{key:"componentWillReceiveProps",value:function(e){if(e.uasSelectedReaction){var t=e.uasSelectedReaction===M.NO_REACTION?null:e.uasSelectedReaction;this.setState({selectedReaction:t,initialSelectedReaction:t})}}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.updateWindowDimensions)}},{key:"getAnimationPosition",value:function(){var e={x:0,y:0},t=this.state.selectedReaction?this.state.selectedReaction:this.state.prevSelectedReaction,r=M.LABEL_TO_KEY[t];if(r&&this.moduleElement){var n=this.moduleElement.querySelector(".reaction-icon-"+r);if(n){var o=n.getBoundingClientRect(),i=this.moduleElement.getBoundingClientRect();e.x=o.left+Math.floor(o.width/2),e.y=i.top}}return e}},{key:"handleError",value:function(e,r){var n=(0,I.getStandardisedErrorType)(e);this.props.istatsService.logError(n);var o=t.calculateReactionCounts(this.state.initialSelectedReaction,r,this.props.reactionsCounts);this.setState({errorMessage:n,selectedReaction:r,currentCounts:o})}},{key:"handleChange",value:function(e){this.setState({endSlideNumber:e})}},{key:"updateWindowDimensions",value:function(){this.setState({width:window.innerWidth,height:window.innerHeight})}},{key:"isWindowLandscape",value:function(){return this.state.width>this.state.height}},{key:"ctaClickHandler",value:function(){var e=this;this.setState(function(t){var r={showReactions:!t.showReactions,hasCtaBeenClicked:!0},n=t.showReactions?j.default.CtaClose:j.default.CtaOpen;return e.props.istatsService.logCtaEvent(n),r})}},{key:"reactionButtonPressStartHandler",value:function(e){var r=this.isWindowLandscape();this.setState(function(n,o){var i={};if(!n.hasReactionButtonPressStarted&&!n.shouldThrottleEventHandling){var a=t.calculateReactionCounts(n.initialSelectedReaction,e,o.reactionsCounts),s=n.selectedReaction,u=s!==e;i={currentCounts:a,prevSelectedReaction:s,hasReactionButtonPressStarted:!0,startSpriteAnimation:u,endSpriteAnimation:!1,SpriteTagName:o.spriteService.getSprite(e,r),selectedReaction:e,errorMessage:!1}}return i})}},{key:"reactionButtonPressEndHandler",value:function(e){var r=this,n=!this.state.shouldThrottleEventHandling,o=!1;e===this.state.selectedReaction&&this.setState(function(e,n){var i={};if(e.hasReactionButtonPressStarted){var a=e.errorMessage||e.selectedReaction!==e.prevSelectedReaction,s=a?e.selectedReaction:null,u=t.calculateReactionCounts(e.initialSelectedReaction,s,n.reactionsCounts);i={startSpriteAnimation:!1,endSpriteAnimation:!0,selectedReaction:s,currentCounts:u,hasReactionButtonPressStarted:!1,shouldThrottleEventHandling:!0},setTimeout(function(){return r.setState({shouldThrottleEventHandling:!1})},500),o=!0}return i},function(){if(o&&n){var e=r.state.selectedReaction,t=r.state.prevSelectedReaction;r.recordOrDeleteReaction(e,t)}})}},{key:"recordOrDeleteReaction",value:function(e,t){e?this.recordReaction(e,t):this.deleteReaction(t)}},{key:"recordReaction",value:function(){function e(e,r){return t.apply(this,arguments)}var t=(0,s.default)(i.default.mark(function e(t,r){var n,o,a,s,u,c,l,f,d,p,h=this;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return n=this.props.countingServiceClientLibrary.postToUAS,o=M.LABEL_TO_KEY[t],a=(0,k.getLocalStorageKey)(this.props.urn),e.prev=3,e.next=6,this.props.uasConfigService.configureUAS({clickedReaction:o,urn:this.props.urn,resourceTitle:this.props.resourceTitle,resourceType:this.props.resourceType,url:this.props.url,product:this.props.product,env:this.props.env,signedInState:this.props.isSignedIn,isIdAvailable:this.props.isIdAvailable,idctaService:this.props.idctaService,error:this.props.error,endSlideNumber:this.state.endSlideNumber});case 6:s=e.sent,u=s.UASdata,c=s.apiKey,l=s.env,f=s.domain,d=s.isSignedIn,p=r?M.LABEL_TO_KEY[r]:null,n("reactions",u,c,l,f,d,p).then(function(e){if(!e.ok)throw new Error(I.ErrorTypes.UAS_FAILURE);k.localStorageHelper.setItem(a,o),h.props.istatsService.logSelection(o,h.state.endSlideNumber,p,h.props.pageContext)}).catch(function(e){h.handleError(e,h.state.prevSelectedReaction)}),e.next=19;break;case 16:e.prev=16,e.t0=e.catch(3),this.handleError(e.t0,this.state.prevSelectedReaction);case 19:case"end":return e.stop()}},e,this,[[3,16]])}));return e}()},{key:"deleteReaction",value:function(){function e(e){return t.apply(this,arguments)}var t=(0,s.default)(i.default.mark(function e(t){var r,n,o,a,s,u,c,l,f,d=this;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return r=this.props.countingServiceClientLibrary.deleteFromUAS,n=this.props.globalId,o=M.LABEL_TO_KEY[t],a=(0,k.getLocalStorageKey)(this.props.urn),e.prev=4,e.next=7,this.props.uasConfigService.configureUAS({clickedReaction:M.LABEL_TO_KEY[t],urn:this.props.urn,resourceTitle:this.props.resourceTitle,resourceType:this.props.resourceType,url:this.props.url,product:this.props.product,env:this.props.env,signedInState:this.props.isSignedIn,isIdAvailable:this.props.isIdAvailable,idctaService:this.props.idctaService,error:this.props.error});case 7:s=e.sent,u=s.apiKey,c=s.env,l=s.domain,f=s.isSignedIn,r("reactions",u,c,l,n,f,o).then(function(e){if(!e.ok)throw new Error(I.ErrorTypes.UAS_FAILURE);k.localStorageHelper.removeItem(a),d.props.istatsService.logDeselection(o,d.props.pageContext)}).catch(function(e){d.handleError(e,d.state.prevSelectedReaction)}),e.next=18;break;case 15:e.prev=15,e.t0=e.catch(4),this.handleError(e.t0,this.state.prevSelectedReaction);case 18:case"end":return e.stop()}},e,this,[[4,15]])}));return e}()},{key:"updateSelectedReaction",value:function(e){this.props.uasSelectedReaction||this.state.errorMessage||this.props.error||this.setState({selectedReaction:e,initialSelectedReaction:e})}},{key:"render",value:function(){var e=this,r=(0,g.default)("reactions-module",{"landscape-animation":this.isWindowLandscape()}),n=t.calculateCountsTotal(this.state.selectedReaction,this.state.initialSelectedReaction,this.props.reactionsCountTotal);return E.default.createElement("div",{ref:function(t){e.renderElement=t},className:r},E.default.createElement(A.default,{showAnimation:this.state.startSpriteAnimation,endAnimation:this.state.endSpriteAnimation,onSlideNumberChange:this.handleChange,animationPosition:this.getAnimationPosition()},E.default.createElement(this.state.SpriteTagName,null)),E.default.createElement(S.default,{showReactions:this.state.showReactions,product:this.props.product,reactionButtonPressStart:this.reactionButtonPressStartHandler,reactionButtonPressEnd:this.reactionButtonPressEndHandler,reactionsCounts:this.state.currentCounts,selectedReaction:this.state.selectedReaction,urn:this.props.urn,updateSelectedReaction:this.updateSelectedReaction,isAnimationPlaying:this.state.startSpriteAnimation,isOpen:this.state.showReactions}),this.props.showCookieBanner&&this.state.showReactions&&E.default.createElement(x.default,null),this.state.errorMessage&&this.state.showReactions&&E.default.createElement(L.default,{errorType:this.state.errorMessage}),E.default.createElement(w.default,{onClick:this.ctaClickHandler,isOpen:this.state.showReactions,count:n,product:this.props.product,hasBeenClicked:this.state.hasCtaBeenClicked}))}}]),t}(b.Component);U.displayName="ReactionsModule",U.propTypes={product:b.PropTypes.string.isRequired,showCookieBanner:b.PropTypes.bool.isRequired,error:b.PropTypes.oneOfType([b.PropTypes.shape({Error:b.PropTypes.string}),b.PropTypes.bool]),reactionsCounts:b.PropTypes.arrayOf(b.PropTypes.object).isRequired,reactionsCountTotal:b.PropTypes.number.isRequired,countingServiceClientLibrary:b.PropTypes.shape({postToUAS:b.PropTypes.func.isRequired,deleteFromUAS:b.PropTypes.func.isRequired}).isRequired,urn:b.PropTypes.oneOfType([b.PropTypes.string,b.PropTypes.bool]),globalId:b.PropTypes.string.isRequired,env:b.PropTypes.string.isRequired,isSignedIn:b.PropTypes.bool.isRequired,isIdAvailable:b.PropTypes.bool.isRequired,uasSelectedReaction:b.PropTypes.string,resourceTitle:b.PropTypes.string.isRequired,resourceType:b.PropTypes.string.isRequired,url:b.PropTypes.string.isRequired,idctaService:b.PropTypes.shape({refreshToken:b.PropTypes.func,isCurrentUserSignedIn:b.PropTypes.func}).isRequired,uasConfigService:b.PropTypes.shape({configureUAS:b.PropTypes.func,getMyReaction:b.PropTypes.func}).isRequired,istatsService:b.PropTypes.shape({logSelection:b.PropTypes.func,logDeselection:b.PropTypes.func,logCtaEvent:b.PropTypes.func,logError:b.PropTypes.func}).isRequired,spriteService:b.PropTypes.shape({fetchSprites:b.PropTypes.func,getSprite:b.PropTypes.func}).isRequired,pageContext:b.PropTypes.oneOfType([b.PropTypes.string,b.PropTypes.bool])},U.defaultProps={showCookieBanner:!1,error:!1,reactionsData:{},urn:!1,isSignedIn:!1,isIdAvailable:!1,uasSelectedReaction:null,resourceTitle:"resourceTitle",url:"url",pageContext:!1},t.default=U,e.exports=t.default},function(e,t,r){e.exports=r(121)},function(e,t,r){var n=function(){return this}()||Function("return this")(),o=n.regeneratorRuntime&&Object.getOwnPropertyNames(n).indexOf("regeneratorRuntime")>=0,i=o&&n.regeneratorRuntime;if(n.regeneratorRuntime=void 0,e.exports=r(122),o)n.regeneratorRuntime=i;else try{delete n.regeneratorRuntime}catch(e){n.regeneratorRuntime=void 0}},function(e,t){!function(t){"use strict";function r(e,t,r,n){var i=t&&t.prototype instanceof o?t:o,a=Object.create(i.prototype),s=new p(n||[]);return a._invoke=c(e,r,s),a}function n(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}function o(){}function i(){}function a(){}function s(e){["next","throw","return"].forEach(function(t){e[t]=function(e){return this._invoke(t,e)}})}function u(e){function t(r,o,i,a){var s=n(e[r],e,o);if("throw"!==s.type){var u=s.arg,c=u.value;return c&&"object"==typeof c&&b.call(c,"__await")?Promise.resolve(c.__await).then(function(e){t("next",e,i,a)},function(e){t("throw",e,i,a)}):Promise.resolve(c).then(function(e){u.value=e,i(u)},a)}a(s.arg)}function r(e,r){function n(){return new Promise(function(n,o){t(e,r,n,o)})}return o=o?o.then(n,n):n()}var o;this._invoke=r}function c(e,t,r){var o=w;return function(i,a){if(o===x)throw new Error("Generator is already running");if(o===O){if("throw"===i)throw a;return y()}for(r.method=i,r.arg=a;;){var s=r.delegate;if(s){var u=l(s,r);if(u){if(u===A)continue;return u}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(o===w)throw o=O,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);o=x;var c=n(e,t,r);if("normal"===c.type){if(o=r.done?O:R,c.arg===A)continue;return{value:c.arg,done:r.done}}"throw"===c.type&&(o=O,r.method="throw",r.arg=c.arg)}}}function l(e,t){var r=e.iterator[t.method];if(r===v){if(t.delegate=null,"throw"===t.method){if(e.iterator.return&&(t.method="return",t.arg=v,l(e,t),"throw"===t.method))return A;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return A}var o=n(r,e.iterator,t.arg);if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,A;var i=o.arg;return i?i.done?(t[e.resultName]=i.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=v),t.delegate=null,A):i:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,A)}function f(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function d(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function p(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(f,this),this.reset(!0)}function h(e){if(e){var t=e[_];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var r=-1,n=function t(){for(;++r<e.length;)if(b.call(e,r))return t.value=e[r],t.done=!1,t;return t.value=v,t.done=!0,t};return n.next=n}}return{next:y}}function y(){return{value:v,done:!0}}var v,m=Object.prototype,b=m.hasOwnProperty,E="function"==typeof Symbol?Symbol:{},_=E.iterator||"@@iterator",g=E.asyncIterator||"@@asyncIterator",T=E.toStringTag||"@@toStringTag",S="object"==typeof e,P=t.regeneratorRuntime;if(P)return void(S&&(e.exports=P));P=t.regeneratorRuntime=S?e.exports:{},P.wrap=r;var w="suspendedStart",R="suspendedYield",x="executing",O="completed",A={},M={};M[_]=function(){return this};var C=Object.getPrototypeOf,L=C&&C(C(h([])));L&&L!==m&&b.call(L,_)&&(M=L);var I=a.prototype=o.prototype=Object.create(M);i.prototype=I.constructor=a,a.constructor=i,a[T]=i.displayName="GeneratorFunction",P.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===i||"GeneratorFunction"===(t.displayName||t.name))},P.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,a):(e.__proto__=a,T in e||(e[T]="GeneratorFunction")),e.prototype=Object.create(I),e},P.awrap=function(e){return{__await:e}},s(u.prototype),u.prototype[g]=function(){return this},P.AsyncIterator=u,P.async=function(e,t,n,o){var i=new u(r(e,t,n,o));return P.isGeneratorFunction(t)?i:i.next().then(function(e){return e.done?e.value:i.next()})},s(I),I[T]="Generator",I[_]=function(){return this},I.toString=function(){return"[object Generator]"},P.keys=function(e){var t=[];for(var r in e)t.push(r);return t.reverse(),function r(){for(;t.length;){var n=t.pop();if(n in e)return r.value=n,r.done=!1,r}return r.done=!0,r}},P.values=h,p.prototype={constructor:p,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=v,this.done=!1,this.delegate=null,this.method="next",this.arg=v,this.tryEntries.forEach(d),!e)for(var t in this)"t"===t.charAt(0)&&b.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=v)},stop:function(){this.done=!0;var e=this.tryEntries[0],t=e.completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(e){function t(t,n){return i.type="throw",i.arg=e,r.next=t,n&&(r.method="next",r.arg=v),!!n}if(this.done)throw e;for(var r=this,n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n],i=o.completion;if("root"===o.tryLoc)return t("end");if(o.tryLoc<=this.prev){var a=b.call(o,"catchLoc"),s=b.call(o,"finallyLoc");if(a&&s){if(this.prev<o.catchLoc)return t(o.catchLoc,!0);if(this.prev<o.finallyLoc)return t(o.finallyLoc)}else if(a){if(this.prev<o.catchLoc)return t(o.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return t(o.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&b.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,A):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),A},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),d(r),A}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;d(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,r){return this.delegate={iterator:h(e),resultName:t,nextLoc:r},"next"===this.method&&(this.arg=v),A}}}(function(){return this}()||Function("return this")())},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(124),i=n(o);t.default=function(e){return function(){var t=e.apply(this,arguments);return new i.default(function(e,r){function n(o,a){try{var s=t[o](a),u=s.value}catch(e){return void r(e)}return s.done?void e(u):i.default.resolve(u).then(function(e){n("next",e)},function(e){n("throw",e)})}return n("next")})}}},function(e,t,r){e.exports={default:r(125),__esModule:!0}},function(e,t,r){r(77),r(51),r(62),r(126),r(144),r(145),e.exports=r(8).Promise},function(e,t,r){"use strict";var n,o,i,a,s=r(35),u=r(7),c=r(9),l=r(127),f=r(6),d=r(14),p=r(10),h=r(128),y=r(129),v=r(133),m=r(134).set,b=r(136)(),E=r(137),_=r(138),g=r(139),T=r(140),S="Promise",P=u.TypeError,w=u.process,R=w&&w.versions,x=R&&R.v8||"",O=u[S],A="process"==l(w),M=function(){},C=o=E.f,L=!!function(){try{var e=O.resolve(1),t=(e.constructor={})[r(61)("species")]=function(e){e(M,M)};return(A||"function"==typeof PromiseRejectionEvent)&&e.then(M)instanceof t&&0!==x.indexOf("6.6")&&g.indexOf("Chrome/66")===-1}catch(e){}}(),I=function(e){var t;return!(!d(e)||"function"!=typeof(t=e.then))&&t},k=function(e,t){if(!e._n){e._n=!0;var r=e._c;b(function(){for(var n=e._v,o=1==e._s,i=0,a=function(t){var r,i,a,s=o?t.ok:t.fail,u=t.resolve,c=t.reject,l=t.domain;try{s?(o||(2==e._h&&B(e),e._h=1),s===!0?r=n:(l&&l.enter(),r=s(n),l&&(l.exit(),a=!0)),r===t.promise?c(P("Promise-chain cycle")):(i=I(r))?i.call(r,u,c):u(r)):c(n)}catch(e){l&&!a&&l.exit(),c(e)}};r.length>i;)a(r[i++]);e._c=[],e._n=!1,t&&!e._h&&N(e)})}},N=function(e){m.call(u,function(){var t,r,n,o=e._v,i=j(e);if(i&&(t=_(function(){A?w.emit("unhandledRejection",o,e):(r=u.onunhandledrejection)?r({promise:e,reason:o}):(n=u.console)&&n.error&&n.error("Unhandled promise rejection",o)}),e._h=A||j(e)?2:1),e._a=void 0,i&&t.e)throw t.v})},j=function(e){return 1!==e._h&&0===(e._a||e._c).length},B=function(e){m.call(u,function(){var t;A?w.emit("rejectionHandled",e):(t=u.onrejectionhandled)&&t({promise:e,reason:e._v})})},U=function(e){var t=this;t._d||(t._d=!0,t=t._w||t,t._v=e,t._s=2,t._a||(t._a=t._c.slice()),k(t,!0))},D=function(e){var t,r=this;if(!r._d){r._d=!0,r=r._w||r;try{if(r===e)throw P("Promise can't be resolved itself");(t=I(e))?b(function(){var n={_w:r,_d:!1};try{t.call(e,c(D,n,1),c(U,n,1))}catch(e){U.call(n,e)}}):(r._v=e,r._s=1,k(r,!1))}catch(e){U.call({_w:r,_d:!1},e)}}};L||(O=function(e){h(this,O,S,"_h"),p(e),n.call(this);try{e(c(D,this,1),c(U,this,1))}catch(e){U.call(this,e)}},n=function(e){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1},n.prototype=r(141)(O.prototype,{then:function(e,t){var r=C(v(this,O));return r.ok="function"!=typeof e||e,r.fail="function"==typeof t&&t,r.domain=A?w.domain:void 0,this._c.push(r),this._a&&this._a.push(r),this._s&&k(this,!1),r.promise},catch:function(e){return this.then(void 0,e)}}),i=function(){var e=new n;this.promise=e,this.resolve=c(D,e,1),this.reject=c(U,e,1)},E.f=C=function(e){return e===O||e===a?new i(e):o(e)}),f(f.G+f.W+f.F*!L,{Promise:O}),r(60)(O,S),r(142)(S),a=r(8)[S],f(f.S+f.F*!L,S,{reject:function(e){var t=C(this),r=t.reject;return r(e),t.promise}}),f(f.S+f.F*(s||!L),S,{resolve:function(e){return T(s&&this===a?O:this,e)}}),f(f.S+f.F*!(L&&r(143)(function(e){O.all(e).catch(M)})),S,{all:function(e){var t=this,r=C(t),n=r.resolve,o=r.reject,i=_(function(){var r=[],i=0,a=1;y(e,!1,function(e){var s=i++,u=!1;r.push(void 0),a++,t.resolve(e).then(function(e){u||(u=!0,r[s]=e,--a||n(r))},o)}),--a||n(r)});return i.e&&o(i.v),r.promise},race:function(e){var t=this,r=C(t),n=r.reject,o=_(function(){y(e,!1,function(e){t.resolve(e).then(r.resolve,n)})});return o.e&&n(o.v),r.promise}})},function(e,t,r){var n=r(27),o=r(61)("toStringTag"),i="Arguments"==n(function(){return arguments}()),a=function(e,t){try{return e[t]}catch(e){}};e.exports=function(e){var t,r,s;return void 0===e?"Undefined":null===e?"Null":"string"==typeof(r=a(t=Object(e),o))?r:i?n(t):"Object"==(s=n(t))&&"function"==typeof t.callee?"Arguments":s}},function(e,t){e.exports=function(e,t,r,n){if(!(e instanceof t)||void 0!==n&&n in e)throw TypeError(r+": incorrect invocation!");return e}},function(e,t,r){var n=r(9),o=r(130),i=r(131),a=r(13),s=r(30),u=r(132),c={},l={},t=e.exports=function(e,t,r,f,d){var p,h,y,v,m=d?function(){return e}:u(e),b=n(r,f,t?2:1),E=0;if("function"!=typeof m)throw TypeError(e+" is not iterable!");if(i(m)){for(p=s(e.length);p>E;E++)if(v=t?b(a(h=e[E])[0],h[1]):b(e[E]),v===c||v===l)return v}else for(y=m.call(e);!(h=y.next()).done;)if(v=o(y,b,h.value,t),v===c||v===l)return v};t.BREAK=c,t.RETURN=l},function(e,t,r){var n=r(13);e.exports=function(e,t,r,o){try{return o?t(n(r)[0],r[1]):t(r)}catch(t){var i=e.return;throw void 0!==i&&n(i.call(e)),t}}},function(e,t,r){var n=r(55),o=r(61)("iterator"),i=Array.prototype;e.exports=function(e){return void 0!==e&&(n.Array===e||i[o]===e)}},function(e,t,r){var n=r(127),o=r(61)("iterator"),i=r(55);e.exports=r(8).getIteratorMethod=function(e){if(void 0!=e)return e[o]||e["@@iterator"]||i[n(e)]}},function(e,t,r){var n=r(13),o=r(10),i=r(61)("species");e.exports=function(e,t){var r,a=n(e).constructor;return void 0===a||void 0==(r=n(a)[i])?t:o(r)}},function(e,t,r){var n,o,i,a=r(9),s=r(135),u=r(59),c=r(18),l=r(7),f=l.process,d=l.setImmediate,p=l.clearImmediate,h=l.MessageChannel,y=l.Dispatch,v=0,m={},b="onreadystatechange",E=function(){var e=+this;if(m.hasOwnProperty(e)){var t=m[e];delete m[e],t()}},_=function(e){E.call(e.data)};d&&p||(d=function(e){for(var t=[],r=1;arguments.length>r;)t.push(arguments[r++]);return m[++v]=function(){s("function"==typeof e?e:Function(e),t)},n(v),v},p=function(e){delete m[e]},"process"==r(27)(f)?n=function(e){f.nextTick(a(E,e,1))}:y&&y.now?n=function(e){y.now(a(E,e,1))}:h?(o=new h,i=o.port2,o.port1.onmessage=_,n=a(i.postMessage,i,1)):l.addEventListener&&"function"==typeof postMessage&&!l.importScripts?(n=function(e){l.postMessage(e+"","*")},l.addEventListener("message",_,!1)):n=b in c("script")?function(e){u.appendChild(c("script"))[b]=function(){u.removeChild(this),E.call(e)}}:function(e){setTimeout(a(E,e,1),0)}),e.exports={set:d,clear:p}},function(e,t){e.exports=function(e,t,r){var n=void 0===r;switch(t.length){case 0:return n?e():e.call(r);case 1:return n?e(t[0]):e.call(r,t[0]);case 2:return n?e(t[0],t[1]):e.call(r,t[0],t[1]);case 3:return n?e(t[0],t[1],t[2]):e.call(r,t[0],t[1],t[2]);case 4:return n?e(t[0],t[1],t[2],t[3]):e.call(r,t[0],t[1],t[2],t[3])}return e.apply(r,t)}},function(e,t,r){var n=r(7),o=r(134).set,i=n.MutationObserver||n.WebKitMutationObserver,a=n.process,s=n.Promise,u="process"==r(27)(a);e.exports=function(){var e,t,r,c=function(){var n,o;for(u&&(n=a.domain)&&n.exit();e;){o=e.fn,e=e.next;try{o()}catch(n){throw e?r():t=void 0,n}}t=void 0,n&&n.enter()};if(u)r=function(){a.nextTick(c)};else if(!i||n.navigator&&n.navigator.standalone)if(s&&s.resolve){var l=s.resolve(void 0);r=function(){l.then(c)}}else r=function(){o.call(n,c)};else{var f=!0,d=document.createTextNode("");new i(c).observe(d,{characterData:!0}),r=function(){d.data=f=!f}}return function(n){var o={fn:n,next:void 0};t&&(t.next=o),e||(e=o,r()),t=o}}},function(e,t,r){"use strict";function n(e){var t,r;this.promise=new e(function(e,n){if(void 0!==t||void 0!==r)throw TypeError("Bad Promise constructor");t=e,r=n}),this.resolve=o(t),this.reject=o(r)}var o=r(10);e.exports.f=function(e){return new n(e)}},function(e,t){e.exports=function(e){try{return{e:!1,v:e()}}catch(e){return{e:!0,v:e}}}},function(e,t,r){var n=r(7),o=n.navigator;e.exports=o&&o.userAgent||""},function(e,t,r){var n=r(13),o=r(14),i=r(137);e.exports=function(e,t){if(n(e),o(t)&&t.constructor===e)return t;var r=i.f(e),a=r.resolve;return a(t),r.promise}},function(e,t,r){var n=r(11);e.exports=function(e,t,r){for(var o in t)r&&e[o]?e[o]=t[o]:n(e,o,t[o]);return e}},function(e,t,r){"use strict";var n=r(7),o=r(8),i=r(12),a=r(16),s=r(61)("species");e.exports=function(e){var t="function"==typeof o[e]?o[e]:n[e];a&&t&&!t[s]&&i.f(t,s,{configurable:!0,get:function(){return this}})}},function(e,t,r){var n=r(61)("iterator"),o=!1;try{var i=[7][n]();i.return=function(){o=!0},Array.from(i,function(){throw 2})}catch(e){}e.exports=function(e,t){if(!t&&!o)return!1;var r=!1;try{var i=[7],a=i[n]();a.next=function(){return{done:r=!0}},i[n]=function(){return a},e(i)}catch(e){}return r}},function(e,t,r){"use strict";var n=r(6),o=r(8),i=r(7),a=r(133),s=r(140);n(n.P+n.R,"Promise",{finally:function(e){var t=a(this,o.Promise||i.Promise),r="function"==typeof e;return this.then(r?function(r){return s(t,e()).then(function(){return r})}:e,r?function(r){return s(t,e()).then(function(){throw r})}:e)}})},function(e,t,r){"use strict";var n=r(6),o=r(137),i=r(138);n(n.S,"Promise",{try:function(e){var t=o.f(this),r=i(e);return(r.e?t.reject:t.resolve)(r.v),t.promise}})},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(43),i=n(o),a=r(80),s=n(a),u=r(82),c=n(u),l=r(81),f=n(l),d=r(86),p=n(d),h=r(95),y=n(h),v=r(114),m=function(e){function t(e){(0,s.default)(this,t);var r=(0,f.default)(this,(t.__proto__||(0,i.default)(t)).call(this,e));return r.props=e,r.handleChange=r.handleChange.bind(r),r.state={slideNumber:v.SPRITE_SLIDE_NUMBER_DEFAULT},r}return(0,p.default)(t,e),(0,c.default)(t,[{key:"componentWillReceiveProps",value:function(e){var t=this;clearInterval(this.startAnimationInterval),clearTimeout(this.startAnimationTimeout);var r=this.props.showAnimation===!1&&e.showAnimation===!0,n=this.props.endAnimation===!1&&e.endAnimation===!0,o=this.props.children.type.displayName!==e.children.type.displayName;o&&this.setState({slideNumber:v.SPRITE_SLIDE_NUMBER_DEFAULT}),r?(this.setState({slideNumber:v.SPRITE_SLIDE_NUMBER_DEFAULT}),clearInterval(this.stopAnimationinterval),clearTimeout(this.stopAnimationTimeout),this.startAnimationTimeout=setTimeout(function(){t.startAnimationInterval=setInterval(t.incrementSlides.bind(t),v.SPRITE_SLIDE_INCREMENT_INTERVAL)},v.SPRITE_EFFECT_DELAY)):n&&(this.stopAnimationTimeout=setTimeout(function(){t.stopAnimationinterval=setInterval(t.decrementSlides.bind(t),v.SPRITE_SLIDE_DECREMENT_INTERVAL)},v.SPRITE_REVERSE_EFFECT_DELAY), this.handleChange(this.state.slideNumber))}},{key:"handleChange",value:function(e){this.props.onSlideNumberChange(e)}},{key:"decrementSlides",value:function(){this.state.slideNumber-1>=0?this.setState({slideNumber:this.state.slideNumber-1}):clearInterval(this.stopAnimationinterval)}},{key:"incrementSlides",value:function(){var e=Math.min(this.state.slideNumber+1,v.SPRITE_TOTAL_SLIDES);this.setState({slideNumber:e>v.SPRITE_TOTAL_SLIDES?v.SPRITE_TOTAL_SLIDES:e})}},{key:"render",value:function(){var e=this.props.animationPosition.x,t=this.props.animationPosition.y,r="reactions-sprite-animation-wrapper",n="reactions-sprite-animation reactions-sprite-animation__slide--"+this.state.slideNumber;return y.default.createElement("div",{className:r},y.default.createElement("div",{className:n,style:{left:e,top:t}},this.props.children))}}]),t}(h.Component);m.propTypes={showAnimation:h.PropTypes.bool.isRequired,children:h.PropTypes.element.isRequired,endAnimation:h.PropTypes.bool,onSlideNumberChange:h.PropTypes.func.isRequired,animationPosition:h.PropTypes.shape({x:h.PropTypes.number,y:h.PropTypes.number}).isRequired},m.defaultProps={endAnimation:!1},t.default=m,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a=r(148),s=function(e){return i.default.createElement("div",{className:"reactions-error-message"},i.default.createElement("div",{className:"reactions-error-message__inner"},i.default.createElement("div",{role:"alert",className:"reactions-error-message__text"},(0,a.getMessageForError)(e.errorType))))};s.displayName="ErrorMessage",s.defaultProps={errorType:"ERR_MSG_OTHER"},s.propTypes={errorType:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.bool]).isRequired},t.default=s,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getMessageForError=t.getStandardisedErrorType=t.ErrorTypes=void 0;var o=r(149),i=n(o),a=t.ErrorTypes={UAS_FAILURE:"uasFailure",TOKEN_REFRESH_FAILURE:"tokenRefreshFailure",OTHER_ERROR:"otherError"};t.getStandardisedErrorType=function(e){var t=(0,i.default)(a).indexOf(e.message)>-1;return t?e.message:a.OTHER_ERROR},t.getMessageForError=function(e){switch(e){case a.UAS_FAILURE:return"Sorry, there was a problem recording your reaction. Please try again.";case a.TOKEN_REFRESH_FAILURE:return"Sorry, there was a problem. Please refresh the page and try again.";case a.OTHER_ERROR:default:return"Sorry, there was a problem. Please try again."}}},function(e,t,r){e.exports={default:r(150),__esModule:!0}},function(e,t,r){r(151),e.exports=r(8).Object.values},function(e,t,r){var n=r(6),o=r(152)(!1);n(n.S,"Object",{values:function(e){return o(e)}})},function(e,t,r){var n=r(16),o=r(23),i=r(25),a=r(39).f;e.exports=function(e){return function(t){for(var r,s=i(t),u=o(s),c=u.length,l=0,f=[];c>l;)r=u[l++],n&&!a.call(s,r)||f.push(e?[r,s[r]]:s[r]);return f}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r={CtaOpen:"cta_open",CtaClose:"cta_close"};t.default=r,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(120),i=n(o),a=r(123),s=n(a),u=r(43),c=n(u),l=r(80),f=n(l),d=r(81),p=n(d),h=r(82),y=n(h),v=r(86),m=n(v),b=r(95),E=n(b),_=r(155),g=n(_),T=r(119),S=n(T),P=r(156),w=n(P),R=r(157),x=n(R),O=r(158),A=n(O),M=r(159),C=n(M),L=r(161),I=n(L),k=r(162),N=n(k),j=r(163),B=n(j),U=r(164),D=n(U),F=r(148),q=r(114),z=function(e){function t(e){(0,f.default)(this,t);var r=(0,p.default)(this,(t.__proto__||(0,c.default)(t)).call(this,e));return r.props=e,r.state={isSignedIn:!1,error:!1,uasSelectedReaction:null},r}return(0,m.default)(t,e),(0,y.default)(t,null,[{key:"getCountingServiceClient",value:function(e,t,r){return t?g.default.getClient(r):e}},{key:"getIdctaService",value:function(e,t,r,n){return!t&&r?n?x.default:A.default:e}},{key:"getUasConfigService",value:function(e,t,r){return t?(0,I.default)(r):e}},{key:"getIstatsService",value:function(e,t){return t?B.default:e}}]),(0,y.default)(t,[{key:"componentDidMount",value:function(){function e(){return r.apply(this,arguments)}var r=(0,s.default)(i.default.mark(function e(){var r,n,o,a,s,u,c,l,f,d,p=this;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return r=t.getIdctaService(w.default,this.props.enableAcceptanceTestMode,this.props.enableStandaloneMode,this.props.error),e.next=3,r.isCurrentUserSignedIn(this.props.error).catch(function(){p.setState({error:new Error(F.ErrorTypes.TOKEN_REFRESH_FAILURE)})});case 3:if(n=e.sent,o="undefined"!=typeof n&&n,this.setState({isSignedIn:o}),!o){e.next=21;break}return a=this.props,s=a.resourceType,u=a.urn,c=a.env,l=a.product,e.next=10,w.default.refreshToken();case 10:return e.prev=10,e.next=13,C.default.getMyReaction(c,l,s,u,this.props.enableAcceptanceTestMode);case 13:f=e.sent,d=f===q.NO_REACTION?q.NO_REACTION:(0,q.keyToLabel)(f,l),this.setState({isSignedIn:o,error:!1,uasSelectedReaction:d}),e.next=21;break;case 18:e.prev=18,e.t0=e.catch(10),this.setState({isSignedIn:o,error:new Error(F.ErrorTypes.UAS_FAILURE)});case 21:case"end":return e.stop()}},e,this,[[10,18]])}));return e}()},{key:"render",value:function(){var e=this.props.enableStandaloneMode,r=this.props.error||this.state.error,n=t.getCountingServiceClient(this.props.countingServiceClientLibrary,e,r),o=E.default.createElement(S.default,{countingServiceClientLibrary:n,env:this.props.env,urn:this.props.urn,resourceTitle:this.props.resourceTitle,resourceType:this.props.resourceType,url:this.props.url,globalId:this.props.globalId,idctaService:t.getIdctaService(w.default,this.props.enableAcceptanceTestMode,e,r),isIdAvailable:this.props.isIdAvailable,isSignedIn:this.state.isSignedIn,product:this.props.product,reactionsCounts:this.props.reactionsCounts,reactionsCountTotal:this.props.reactionsCountTotal,error:r,uasSelectedReaction:this.state.uasSelectedReaction,uasConfigService:t.getUasConfigService(C.default,e,r),istatsService:t.getIstatsService(N.default,e),spriteService:D.default,pageContext:this.props.pageContext});return E.default.createElement("div",null,this.props.enableStandaloneMode?E.default.createElement("div",{className:"reactions__standalone"},E.default.createElement("div",{className:"content-item-description"},E.default.createElement("div",{className:"reactions-container"},o))):E.default.createElement("div",null,o))}}]),t}(b.Component);z.propTypes={enableStandaloneMode:b.PropTypes.bool.isRequired,countingServiceClientLibrary:b.PropTypes.shape({postToUAS:b.PropTypes.func.isRequired,deleteFromUAS:b.PropTypes.func.isRequired}).isRequired,error:b.PropTypes.oneOfType([b.PropTypes.shape({Error:b.PropTypes.string}),b.PropTypes.bool]),env:b.PropTypes.string.isRequired,urn:b.PropTypes.oneOfType([b.PropTypes.string,b.PropTypes.bool]).isRequired,resourceTitle:b.PropTypes.string.isRequired,resourceType:b.PropTypes.string.isRequired,url:b.PropTypes.string.isRequired,globalId:b.PropTypes.string.isRequired,isIdAvailable:b.PropTypes.bool.isRequired,product:b.PropTypes.string.isRequired,reactionsCounts:b.PropTypes.arrayOf(b.PropTypes.object).isRequired,reactionsCountTotal:b.PropTypes.number.isRequired,enableAcceptanceTestMode:b.PropTypes.bool,pageContext:b.PropTypes.oneOfType([b.PropTypes.string,b.PropTypes.bool])},z.defaultProps={error:!1,enableAcceptanceTestMode:!1,pageContext:!1},t.default=z,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(){return u.default.resolve({ok:!0})}function i(e){return function(){throw e}}function a(e){return e.message===c.ErrorTypes.UAS_FAILURE?i(e):o}Object.defineProperty(t,"__esModule",{value:!0});var s=r(124),u=n(s),c=r(148);t.default={getClient:function(e){return{postToUAS:a(e),deleteFromUAS:a(e)}}},e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(120),i=n(o),a=r(123),s=n(a),u=r(124),c=n(u),l=function(){return new c.default(function(e,t){requirejs(["idcta-v2/idcta-1"],e,t)})};t.default={refreshToken:function(){var e=this;return(0,s.default)(i.default.mark(function t(){var r;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,l();case 2:return r=e.sent,e.abrupt("return",r.initiateTokenRefresh());case 4:case"end":return e.stop()}},t,e)}))()},isCurrentUserSignedIn:function(){var e=this;return(0,s.default)(i.default.mark(function t(){var r;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,l();case 2:return r=e.sent,e.abrupt("return",r.hasCookie());case 4:case"end":return e.stop()}},t,e)}))()}},e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(120),i=n(o),a=r(124),s=n(a),u=r(123),c=n(u),l=r(148),f=r(158),d=n(f);t.default={refreshToken:function(e){if(e.message===l.ErrorTypes.TOKEN_REFRESH_FAILURE)throw e;return d.default.refreshToken()},isCurrentUserSignedIn:function(e){var t=this;return(0,c.default)(i.default.mark(function r(){return i.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(e.message!==l.ErrorTypes.TOKEN_REFRESH_FAILURE){t.next=2;break}return t.abrupt("return",s.default.reject(e));case 2:return t.abrupt("return",s.default.resolve(!0));case 3:case"end":return t.stop()}},r,t)}))()}},e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(120),i=n(o),a=r(123),s=n(a),u=r(124),c=n(u);t.default={refreshToken:function(){return c.default.resolve(!0)},isCurrentUserSignedIn:function(){var e=this;return(0,s.default)(i.default.mark(function t(){return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",c.default.resolve(!0));case 1:case"end":return e.stop()}},t,e)}))()}},e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(120),i=n(o),a=r(123),s=n(a),u=r(114),c=r(160),l=r(148),f=function(e){if(e&&"undefined"!=typeof e){if("live"===e)return"ocivkho3fups2";if("int"===e||"test"===e)return"8d6f5s2dqp0pc"}throw Error(l.ErrorTypes.API_KEY_ERROR)},d=function(){var e=window.document&&window.document.domain||"";return e.indexOf(".com")>-1?".com":".co.uk"},p=function(e){return u.KEY_TO_UAS_CONTEXT[e]},h=function(e){return"ownit"===e?"stay-safe":e},y=function(e,t,r){var n=r.replace("urn:bbc:","");return"urn:bbc:"+e+":"+t+":"+n},v=function(e,t,r,n,o){var i="live"===e?"":e+".",a=y(t,r,n);return o?"https://web.archive.org/web/20220924081507/http://localhost:3000/wiremock/session/"+Morph.contextId+"/uas/myreaction/"+a:"https://web.archive.org/web/20220924081507/https://activity."+i+"api."+c.bbcTldSuffix+"/my/reactions/"+a},m=function(){var e=(0,s.default)(i.default.mark(function e(t){var r;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(204!==t.status){e.next=2;break}return e.abrupt("return",u.NO_REACTION);case 2:return e.next=4,t.json();case 4:return r=e.sent,e.abrupt("return",r.action);case 6:case"end":return e.stop()}},e,void 0)}));return function(t){return e.apply(this,arguments)}}(),b=function(){var e=(0,s.default)(i.default.mark(function e(t){var r,n,o,a,s,u=t.clickedReaction,c=t.urn,y=t.resourceTitle,v=t.resourceType,m=t.url,b=t.product,E=t.env,_=t.signedInState,g=t.isIdAvailable,T=t.idctaService,S=t.error,P=t.endSlideNumber;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!_||!g){e.next=3;break}return e.next=3,T.refreshToken(S).catch(function(){throw new Error(l.ErrorTypes.TOKEN_REFRESH_FAILURE)});case 3:return r=void 0,P&&(r={reactLevel:u+"_"+P}),n={resourceDomain:h(b),resourceType:v,resourceId:c,resourceTitle:y,url:m,action:u,actionContext:p(u),metadata:r},o=f(E),a=d(),e.next=10,T.isCurrentUserSignedIn(S).catch(function(){throw new Error(l.ErrorTypes.TOKEN_REFRESH_FAILURE)});case 10:return s=e.sent,e.abrupt("return",{UASdata:n,apiKey:o,env:E,domain:a,isSignedIn:s});case 12:case"end":return e.stop()}},e,void 0)}));return function(t){return e.apply(this,arguments)}}(),E=function(){var e=(0,s.default)(i.default.mark(function e(t,r,n,o,a){var s,u;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return s=v(t,h(r),n,o,a),e.next=3,fetch(s,{credentials:"include",headers:{"x-api-key":f(t),Accept:"application/json"}});case 3:return u=e.sent,e.abrupt("return",m(u));case 5:case"end":return e.stop()}},e,void 0)}));return function(t,r,n,o,i){return e.apply(this,arguments)}}();t.default={configureUAS:b,getMyReaction:E},e.exports=t.default},function(e,t){"use strict";function r(){return"undefined"==typeof document?"":document.location.href}Object.defineProperty(t,"__esModule",{value:!0});var n="https://web.archive.org/web/20220924081507/http://localhost:3000",o=t.bbcTldSuffix=r().indexOf("bbc.com")!==-1?"bbc.com":"bbc.co.uk";t.getBBCDomain=function(e){switch(e){case"acc":return n;case"live":return"https://www."+o;default:return"https://www."+e+"."+o}}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(124),i=n(o),a=function(e){return function(){throw e}},s=function(){return i.default.resolve(!0)},u=function(){},c=function(e){return e?a(e):s},l=function(e){return{configureUAS:c(e),getMyReaction:u}};t.default=l,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(){return new c.default(function(e){requirejs(["istats-1"],function(t){e(t)})})}function i(e){o().then(function(t){t.log(d,f,(0,s.default)({},l,e))})}Object.defineProperty(t,"__esModule",{value:!0});var a=r(2),s=n(a),u=r(124),c=n(u),l={page_type:"content",children_interaction_type:"reactions"},f="web_button",d="click";t.default={logSelection:function(e,t,r,n){i({children_interaction_variant:e+"_"+t,children_interaction_location:n}),r&&this.logDeselection(r,n)},logDeselection:function(e,t){i({children_interaction_variant:e+"_deselect",children_interaction_location:t})},logCtaEvent:function(e){i({children_interaction_variant:""+e})},logError:function(e){i({children_interaction_variant:"error_"+e})}},e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(){return s.default.resolve(u)}function i(){o().then(function(e){e.log()})}Object.defineProperty(t,"__esModule",{value:!0});var a=r(124),s=n(a),u={log:function(){}};t.default={logSelection:function(e,t,r){i(),r&&this.logDeselection(r)},logDeselection:function(){i()},logCtaEvent:function(){i()},logError:function(){i()}},e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(){a.default&&a.default.selfTransitive&&a.default.selfTransitive("assets",function(e){s=e})}Object.defineProperty(t,"__esModule",{value:!0});var i=r(165),a=n(i),s={},u=function(e,t){return t?s.landscape[e]:s.portrait[e]};t.default={fetchSprites:o,getSprite:u},e.exports=t.default},function(e,t){e.exports={transitive:function(e,t){return Morph.requireTransitiveWithCaller("bbc-morph-childrens-reactions@1.4.7",e,t)},selfTransitive:function(e,t){return Morph.requireTransitiveWithCaller("bbc-morph-childrens-reactions@1.4.7",e,t,!0)},transitiveThenUpdate:function(e,t){return Morph.requireTransitiveWithCallerThenUpdate("bbc-morph-childrens-reactions@1.4.7",e,t)},selfTransitiveThenUpdate:function(e,t){return Morph.requireTransitiveWithCallerThenUpdate("bbc-morph-childrens-reactions@1.4.7",e,t,!0)}}}]);; });</script> <script>Morph.toInit.payloads.push(function() { Morph.setPayload('/data/bbc-morph-childrens-reactions-data/urn/urn%3Abbc%3Apips%3A%3Apid%3Ap05mgbnm/version/0.7.1', {"meta":{"responseCode":200,"errorMessage":null,"headers":{"x-morph-privacy-level":"public","content-type":"application\/json"}},"body":{"countsData":{"urn:bbc:pips::pid:p05mgbnm":{"lol":12,"sad":7,"inspired":4,"loved":8,"omd":2,"applause":11}},"countsTotals":{"urn:bbc:pips::pid:p05mgbnm":44},"env":"live"}}); });</script> <script>Morph.toInit.payloads.push(function() { Morph.setPayload('/data/bbc-morph-id-availability-data/version/1.0.0', {"meta":{"responseCode":200,"errorMessage":null,"headers":{"x-morph-privacy-level":"public","content-type":"application\/json"}},"body":{"isAvailable":true}}); });</script> <script>Morph.toInit.registers.push(function() { Morph.register({"view":"bbc-morph-childrens-reactions","product":"stay-safe","resourceType":"clip","urn":"urn:bbc:pips::pid:p05mgbnm","resourceTitle":"Planning+to+vlog?+Check+out+Jim+Chapman's+top+tips","url":"https:\/\/web.archive.org\/web\/20220924081507\/https:\/\/www.bbc.com\/ownit\/the-basics\/jim-chapman-vlogging-secrets","pageContext":"primary_content","version":"1.4.7","_mrrVersion":"2.2.1"},'u2578588916131761'); });</script> <script>Morph.init = function() { if (!Morph.initCalled) { Morph.markPerformance('morph-init'); Morph.initCalled = true; requirejs.config({ paths: { 'morph/react' : '//web.archive.org/web/20220924081507/https://m.files.bbci.co.uk/modules/vendor-react/1.0.0/react.min', 'morph/react-dom' : '//web.archive.org/web/20220924081507/https://m.files.bbci.co.uk/modules/vendor-react-dom/1.0.0/react-dom.min', 'morph/es5-shim' : '//web.archive.org/web/20220924081507/https://m.files.bbci.co.uk/modules/vendor-es5-shim/4.1.13/es5-shim.min', 'morph/es5-sham' : '//web.archive.org/web/20220924081507/https://m.files.bbci.co.uk/modules/vendor-es5-shim/4.1.13/es5-sham.min', 'morph/module/morph': '//web.archive.org/web/20220924081507/https://m.files.bbci.co.uk/modules/morph/5.3.1/bundle', 'live-push' : '//web.archive.org/web/20220924081507/https://m.files.bbci.co.uk/modules/morph-push-proxy-client/1.0.13/push-proxy' }, shim: { 'morph/react': { deps: ['morph/es5-shim', 'morph/es5-sham'] }, 'morph/es5-sham': { deps: ['morph/es5-shim'] } }, map: { 'morph/react-dom': { 'react': 'morph/react' } } }); } function attempt(fn) { fn(); } requirejs(['morph/react', 'morph/react-dom', 'morph/module/morph'], function(React, ReactDOM) { window.React = React; window.ReactDOM = ReactDOM; if (!Morph.toInitsCalled) { Morph.markPerformance('morph-init-core-deps-complete'); Morph.toInitsCalled = true; } Morph.toInit.bundles.forEach(attempt); Morph.toInit.bundles = []; Morph.markPerformance('morph-init-bundles-complete'); Morph.toInit.payloads.forEach(attempt); Morph.toInit.payloads = []; Morph.markPerformance('morph-init-payloads-complete'); Morph.toInit.registers.forEach(attempt); Morph.toInit.registers = []; Morph.markPerformance('morph-init-registers-complete'); }); };</script> <script>if (!Morph.manualInit) { Morph.init(); } /* u2578588916131761 */</script> <script type="text/javascript"> var cookiePolicy = window.bbccookies.readPolicy(); if (true || cookiePolicy.performance) { var _sf_async_config = {"domain":"bbc.co.uk","region":"domestic","uid":50924,"sections":"childrens, stay-safe"}; _sf_async_config.path = window.location.pathname; (function () { function loadChartbeat() { window._sf_endpt = (new Date()).getTime(); var e = document.createElement("script"); e.setAttribute("language", "javascript"); e.setAttribute("type", "text/javascript"); e.setAttribute('src', "//web.archive.org/web/20220924081507/https://static.chartbeat.com/js/chartbeat.js"); document.body.appendChild(e); } var oldonload = window.onload; window.onload = (typeof window.onload != "function") ? loadChartbeat : function () { oldonload(); loadChartbeat(); }; })(); } </script> </div> <div id="orb-footer" class="orb-footer" dir="ltr"> <div id="navp-orb-footer-promo"></div><aside role="complementary"><div id="orb-aside" class="orb-nav-sec b-r b-g-p"><div class="orb-footer-inner" role="navigation" aria-label="BBC"><h2 class="orb-footer-lead">Explore the BBC</h2><div class="orb-footer-primary-links"><ul class="common"><li class="orb-nav-cbbc"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/cbbc">CBBC</a></li><li class="orb-nav-iplayer orb-d"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/tv/cbbc">CBBC iPlayer</a></li><li class="orb-nav-newsround"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/newsround">Newsround</a></li><li class="orb-nav-bitesize orb-d"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/bitesize">Bitesize</a></li><li class="orb-nav-ownit orb-d"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.com/ownit">Own It</a></li><li class="orb-nav-cbeebies"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/cbeebies">CBeebies</a></li><li class="orb-nav-cbbctv"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/iplayer/guide/cbbc">CBBC on TV</a></li><li class="orb-nav-cbbchelp orb-d"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/cbbc/curations/cbbc-help">CBBC Help</a></li></ul></div></div></div></aside><footer role="contentinfo"><div id="orb-contentinfo" class="orb-nav-sec b-r b-g-p"><div class="orb-footer-inner"><div><ul><li class="orb-footer-terms"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/usingthebbc/terms/">Terms of Use</a></li><li class="orb-footer-about"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/aboutthebbc">About the BBC</a></li><li class="orb-footer-privacy"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/usingthebbc/privacy/">Privacy Policy</a></li><li class="orb-footer-cookies"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/usingthebbc/cookies/">Cookies</a></li><li class="orb-footer-accessibility"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/accessibility/">Accessibility Help</a></li><li class="orb-footer-parental"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/guidance">Parental Guidance</a></li><li class="orb-footer-contact"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/contact">Contact the BBC</a></li><li class="orb-footer-newsletter"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/bbcnewsletter">BBC emails for you</a></li><li class="international orb-footer-ads"><a href="https://web.archive.org/web/20220924081507/https://www.bbcglobalnews.com/">Advertise with us</a></li><li class="international orb-footer-adchoices"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.com/usingthebbc/cookies/how-does-the-bbc-use-cookies-for-advertising/">AdChoices / Do Not Sell My Info</a></li></ul><small><em class="orb-hilight">Copyright © 2022 BBC.</em> The BBC is not responsible for the content of external sites. <span class="orb-footer-links"><a href="https://web.archive.org/web/20220924081507/https://www.bbc.co.uk/editorialguidelines/guidance/feeds-and-links" class="orb-hilight">Read about our approach to external linking.</a></span></small></div></div></div></footer></div><script type="text/javascript" src="https://web.archive.org/web/20220924081507js_/https://static.files.bbci.co.uk/orbit/0590e2ad11171db0a349113cf8bd8837/js/redirect.js" async=""></script><script type="text/javascript" src="https://web.archive.org/web/20220924081507js_/https://static.files.bbci.co.uk/orbit/0590e2ad11171db0a349113cf8bd8837/js/performance.js" data-release="3.0.0-2248.b63f87b6" data-ux="v4" async=""></script> <script type="module" src="https://web.archive.org/web/20220924081507jm_/https://static.files.bbci.co.uk/orbit/0590e2ad11171db0a349113cf8bd8837/js/more-drawer.mjs"></script> <script type="module" src="https://web.archive.org/web/20220924081507jm_/https://static.files.bbci.co.uk/orbit/0590e2ad11171db0a349113cf8bd8837/js/orbit.mjs" async=""></script><script nomodule="" type="text/javascript" src="https://web.archive.org/web/20220924081507js_/https://static.files.bbci.co.uk/orbit/0590e2ad11171db0a349113cf8bd8837/js/orbit.js" async=""></script><script type="text/javascript">/*<![CDATA[*/ (function() { function loadJs(url) { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; script.async = true; document.getElementsByTagName('body')[0].appendChild(script); } window.bbcuser.isUKCombined().then(function(isUK) { if (isUK) { loadJs('https://web.archive.org/web/20220924081507/https://static.files.bbci.co.uk/orbit/0590e2ad11171db0a349113cf8bd8837/js/edr.js'); } }); })(); /*]]>*/</script> <script type="module">if (window.bbcuser && window.bbcuser.isUKCombined) { bbcuser.isUKCombined().then(function (isUK) { if (isUK) { import('https://web.archive.org/web/20220924081507/https://nav.files.bbci.co.uk/searchbox/5b1a03ed8bb39e3b9448966da7551a90//js/search-suggest.js').then(drawer => { drawer.setupSearchDrawer({ searchboxAppStaticPrefix: 'https://web.archive.org/web/20220924081507/https://nav.files.bbci.co.uk/searchbox/5b1a03ed8bb39e3b9448966da7551a90/', variant: 'cbbc', searchScope: 'cbbc', }); }); } }); }</script> <script type="text/javascript" src="https://web.archive.org/web/20220924081507js_/https://nav.files.bbci.co.uk/navpromo/4d6b8fa133eb1d43fbcc4a7b2162a86f/js/footerpromo.js" data-base="https://navpromo.api.bbci.co.uk" data-variant="cbbc" async=""></script> <script type="text/javascript">window.COOKIES_STATIC_HOST="https://web.archive.org/web/20220924081507/https://static.files.bbci.co.uk/cookies/383de920e51b3d59e2037eb2d20a8122/cookie-banner/cookie-prompt/"</script><script src="https://web.archive.org/web/20220924081507js_/https://static.files.bbci.co.uk/cookies/383de920e51b3d59e2037eb2d20a8122/cookie-banner/cookie-banners.bundle.js" async=""></script> <script src="https://web.archive.org/web/20220924081507js_/https://nav.files.bbci.co.uk//user-activity-helper/f9f15bf658f4fecae0274bfaa6050093/js/detectview.bundle.js" async=""></script><script type="text/javascript">"use strict";window.__reverb.__reverbLoadedPromise.then(function(e){return e.initialise().then(function(){return e.viewEvent()})},function(){console.log("Failed to load reverb. No event sent")});</script> </body> </html>