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.co.uk/cbeebies/watch/5-tips-for-learning-to-ride-a-bike?collection=get-out-and-about","20210104040138","https://web.archive.org/","web","/_static/", "1609732898"); </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/20210104040138js_/https://cdn.optimizely.com/public/4621041136/s/childrens_prod.js"></script> <title>Five tips to teach your child to cycle - CBeebies - BBC</title> <meta name="DCTERMS.title" content="Five tips to teach your child to cycle - CBeebies - BBC"/> <meta name="description" content="Riding a bike is a lifelong skill that can be picked up from an early age. It's great for boosting confidence and developing independence, as well as being a fun way to get active!"/> <meta name="DCTERMS.description" content="Riding a bike is a lifelong skill that can be picked up from an early age. It's great for boosting confidence and developing independence, as well as being a fun way to get active!"/> <meta property="og:title" content="Topsy and Tim - Five tips to teach your child to cycle"/> <meta property="og:description" content="Riding a bike is a lifelong skill that can be picked up from an early age. It's great for boosting confidence and developing independence, as well as being a fun way to get active!"/> <meta property="og:image" content="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/720/1x/cbeebies/Riding-a-bike_content_card_1024_576.jpg"/> <meta property="og:url" content="https://web.archive.org/web/20210104040138/http://www.bbc.co.uk/cbeebies/watch/5-tips-for-learning-to-ride-a-bike"/> <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-01-26T10:00:00.000Z"/> <meta name="DCTERMS.modified" content="2019-02-04T11:28:50.032Z"/> <link rel="canonical" href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/cbeebies/watch/5-tips-for-learning-to-ride-a-bike"/> <script type="text/javascript"> var _sf_startpt = (new Date()).getTime() </script> <link rel="copyright" href="https://web.archive.org/web/20210104040138/http://www.bbc.co.uk/terms/" title="Terms of Use"/> <link href="/web/20210104040138im_/https://www.bbc.co.uk/cbeebies/assets/images/favicons/apple-touch-icon.png" rel="apple-touch-icon"/> <link href="/web/20210104040138im_/https://www.bbc.co.uk/cbeebies/assets/images/favicons/favicon.ico" rel="icon" type="image/x-icon"/> <link href="/web/20210104040138im_/https://www.bbc.co.uk/cbeebies/assets/images/favicons/favicon.ico" rel="shortcut icon" type="image/x-icon"/> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20210104040138cs_/https://static.bbci.co.uk/gelstyles/0.11.0/style/core.css"/> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20210104040138cs_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/stylesheets/cbeebies.min.css"/>  <link rel="stylesheet" type="text/css" href="/web/20210104040138cs_/https://www.bbc.co.uk/cbeebies/stylesheets/immersive/brand/1578663591/78be900/topsy-and-tim.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> <script src="https://web.archive.org/web/20210104040138js_/https://static.files.bbci.co.uk/orbit/7ba98e3db9d415f8cbdb0978bf084f9e/js/require.min.js"></script> <link rel="stylesheet" href="https://web.archive.org/web/20210104040138cs_/https://static.files.bbci.co.uk/orbit/7ba98e3db9d415f8cbdb0978bf084f9e/css/orb-ltr.min.css">   <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script> // nav-orbit-pollyfills // Promise polyfill from https://github.com/bramstein/promis (function(){'use strict';var f,g=[];function l(a){g.push(a);1==g.length&&f()}function m(){for(;g.length;)g[0](),g.shift()}f=function(){setTimeout(m)};function n(a){this.a=p;this.b=void 0;this.f=[];var b=this;try{a(function(a){q(b,a)},function(a){r(b,a)})}catch(c){r(b,c)}}var p=2;function t(a){return new n(function(b,c){c(a)})}function u(a){return new n(function(b){b(a)})}function q(a,b){if(a.a==p){if(b==a)throw new TypeError;var c=!1;try{var d=b&&b.then;if(null!=b&&"object"==typeof b&&"function"==typeof d){d.call(b,function(b){c||q(a,b);c=!0},function(b){c||r(a,b);c=!0});return}}catch(e){c||r(a,e);return}a.a=0;a.b=b;v(a)}} function r(a,b){if(a.a==p){if(b==a)throw new TypeError;a.a=1;a.b=b;v(a)}}function v(a){l(function(){if(a.a!=p)for(;a.f.length;){var b=a.f.shift(),c=b[0],d=b[1],e=b[2],b=b[3];try{0==a.a?"function"==typeof c?e(c.call(void 0,a.b)):e(a.b):1==a.a&&("function"==typeof d?e(d.call(void 0,a.b)):b(a.b))}catch(h){b(h)}}})}n.prototype.g=function(a){return this.c(void 0,a)};n.prototype.c=function(a,b){var c=this;return new n(function(d,e){c.f.push([a,b,d,e]);v(c)})}; function w(a){return new n(function(b,c){function d(c){return function(d){h[c]=d;e+=1;e==a.length&&b(h)}}var e=0,h=[];0==a.length&&b(h);for(var k=0;k<a.length;k+=1)u(a[k]).c(d(k),c)})}function x(a){return new n(function(b,c){for(var d=0;d<a.length;d+=1)u(a[d]).c(b,c)})};window.Promise||(window.Promise=n,window.Promise.resolve=u,window.Promise.reject=t,window.Promise.race=x,window.Promise.all=w,window.Promise.prototype.then=n.prototype.c,window.Promise.prototype["catch"]=n.prototype.g);}()); // Polyfill Event constructor for IE ref: https://jira.dev.bbc.co.uk/browse/ORBITEN-919 // see: https://stackoverflow.com/questions/26596123 (function () { if (typeof window.CustomEvent === "function") { return false; } function CustomEvent(event, params) { params = params || { bubbles: false, cancelable: false, detail: undefined }; var evt = document.createEvent('CustomEvent'); evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail); return evt; } CustomEvent.prototype = window.Event.prototype; window.Event = CustomEvent; })(); //Element.prototype.matches polyfill //from https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill if (!Element.prototype.matches) { Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; } //NodeList.forEach Polyfill //from https://developer.mozilla.org/en-US/docs/Web/API/NodeList/forEach#Polyfill if (window.NodeList && !NodeList.prototype.forEach) { NodeList.prototype.forEach = Array.prototype.forEach; } // Object.assign polyfill from https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign#Polyfill if (typeof Object.assign != 'function') { // Must be writable: true, enumerable: false, configurable: true Object.defineProperty(Object, "assign", { value: function assign(target, varArgs) { // .length of function is 2 'use strict'; if (target == null) { // TypeError if undefined or null throw new TypeError('Cannot convert undefined or null to object'); } var to = Object(target); for (var index = 1; index < arguments.length; index++) { var nextSource = arguments[index]; if (nextSource != null) { // Skip over if undefined or null for (var nextKey in nextSource) { // Avoid bugs when hasOwnProperty is shadowed if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) { to[nextKey] = nextSource[nextKey]; } } } } return to; }, writable: true, configurable: true }); } // window.fetch polyfill https://github.com/github/fetch/blob/v0.11.0/fetch.js - chosen for IE9 compatibility if(typeof window.fetch !== 'function') { (function(self){"use strict";if(self.fetch){return}function normalizeName(name){if(typeof name!=="string"){name=String(name)}if(/[^a-z0-9\-#$%&'*+.\^_`|~]/i.test(name)){throw new TypeError("Invalid character in header field name")}return name.toLowerCase()}function normalizeValue(value){if(typeof value!=="string"){value=String(value)}return value}function Headers(headers){this.map={};if(headers instanceof Headers){headers.forEach(function(value,name){this.append(name,value)},this)}else if(headers){Object.getOwnPropertyNames(headers).forEach(function(name){this.append(name,headers[name])},this)}}Headers.prototype.append=function(name,value){name=normalizeName(name);value=normalizeValue(value);var list=this.map[name];if(!list){list=[];this.map[name]=list}list.push(value)};Headers.prototype["delete"]=function(name){delete this.map[normalizeName(name)]};Headers.prototype.get=function(name){var values=this.map[normalizeName(name)];return values?values[0]:null};Headers.prototype.getAll=function(name){return this.map[normalizeName(name)]||[]};Headers.prototype.has=function(name){return this.map.hasOwnProperty(normalizeName(name))};Headers.prototype.set=function(name,value){this.map[normalizeName(name)]=[normalizeValue(value)]};Headers.prototype.forEach=function(callback,thisArg){Object.getOwnPropertyNames(this.map).forEach(function(name){this.map[name].forEach(function(value){callback.call(thisArg,value,name,this)},this)},this)};function consumed(body){if(body.bodyUsed){return Promise.reject(new TypeError("Already read"))}body.bodyUsed=true}function fileReaderReady(reader){return new Promise(function(resolve,reject){reader.onload=function(){resolve(reader.result)};reader.onerror=function(){reject(reader.error)}})}function readBlobAsArrayBuffer(blob){var reader=new FileReader;reader.readAsArrayBuffer(blob);return fileReaderReady(reader)}function readBlobAsText(blob){var reader=new FileReader;reader.readAsText(blob);return fileReaderReady(reader)}var support={blob:"FileReader"in self&&"Blob"in self&&function(){try{new Blob;return true}catch(e){return false}}(),formData:"FormData"in self,arrayBuffer:"ArrayBuffer"in self};function Body(){this.bodyUsed=false;this._initBody=function(body){this._bodyInit=body;if(typeof body==="string"){this._bodyText=body}else if(support.blob&&Blob.prototype.isPrototypeOf(body)){this._bodyBlob=body}else if(support.formData&&FormData.prototype.isPrototypeOf(body)){this._bodyFormData=body}else if(!body){this._bodyText=""}else if(support.arrayBuffer&&ArrayBuffer.prototype.isPrototypeOf(body)){}else{throw new Error("unsupported BodyInit type")}if(!this.headers.get("content-type")){if(typeof body==="string"){this.headers.set("content-type","text/plain;charset=UTF-8")}else if(this._bodyBlob&&this._bodyBlob.type){this.headers.set("content-type",this._bodyBlob.type)}}};if(support.blob){this.blob=function(){var rejected=consumed(this);if(rejected){return rejected}if(this._bodyBlob){return Promise.resolve(this._bodyBlob)}else if(this._bodyFormData){throw new Error("could not read FormData body as blob")}else{return Promise.resolve(new Blob([this._bodyText]))}};this.arrayBuffer=function(){return this.blob().then(readBlobAsArrayBuffer)};this.text=function(){var rejected=consumed(this);if(rejected){return rejected}if(this._bodyBlob){return readBlobAsText(this._bodyBlob)}else if(this._bodyFormData){throw new Error("could not read FormData body as text")}else{return Promise.resolve(this._bodyText)}}}else{this.text=function(){var rejected=consumed(this);return rejected?rejected:Promise.resolve(this._bodyText)}}if(support.formData){this.formData=function(){return this.text().then(decode)}}this.json=function(){return this.text().then(JSON.parse)};return this}var methods=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];function normalizeMethod(method){var upcased=method.toUpperCase();return methods.indexOf(upcased)>-1?upcased:method}function Request(input,options){options=options||{};var body=options.body;if(Request.prototype.isPrototypeOf(input)){if(input.bodyUsed){throw new TypeError("Already read")}this.url=input.url;this.credentials=input.credentials;if(!options.headers){this.headers=new Headers(input.headers)}this.method=input.method;this.mode=input.mode;if(!body){body=input._bodyInit;input.bodyUsed=true}}else{this.url=input}this.credentials=options.credentials||this.credentials||"omit";if(options.headers||!this.headers){this.headers=new Headers(options.headers)}this.method=normalizeMethod(options.method||this.method||"GET");this.mode=options.mode||this.mode||null;this.referrer=null;if((this.method==="GET"||this.method==="HEAD")&&body){throw new TypeError("Body not allowed for GET or HEAD requests")}this._initBody(body)}Request.prototype.clone=function(){return new Request(this)};function decode(body){var form=new FormData;body.trim().split("&").forEach(function(bytes){if(bytes){var split=bytes.split("=");var name=split.shift().replace(/\+/g," ");var value=split.join("=").replace(/\+/g," ");form.append(decodeURIComponent(name),decodeURIComponent(value))}});return form}function headers(xhr){var head=new Headers;var pairs=xhr.getAllResponseHeaders().trim().split("\n");pairs.forEach(function(header){var split=header.trim().split(":");var key=split.shift().trim();var value=split.join(":").trim();head.append(key,value)});return head}Body.call(Request.prototype);function Response(bodyInit,options){if(!options){options={}}this.type="default";this.status=options.status;this.ok=this.status>=200&&this.status<300;this.statusText=options.statusText;this.headers=options.headers instanceof Headers?options.headers:new Headers(options.headers);this.url=options.url||"";this._initBody(bodyInit)}Body.call(Response.prototype);Response.prototype.clone=function(){return new Response(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new Headers(this.headers),url:this.url})};Response.error=function(){var response=new Response(null,{status:0,statusText:""});response.type="error";return response};var redirectStatuses=[301,302,303,307,308];Response.redirect=function(url,status){if(redirectStatuses.indexOf(status)===-1){throw new RangeError("Invalid status code")}return new Response(null,{status:status,headers:{location:url}})};self.Headers=Headers;self.Request=Request;self.Response=Response;self.fetch=function(input,init){return new Promise(function(resolve,reject){var request;if(Request.prototype.isPrototypeOf(input)&&!init){request=input}else{request=new Request(input,init)}var xhr=new XMLHttpRequest;function responseURL(){if("responseURL"in xhr){return xhr.responseURL}if(/^X-Request-URL:/m.test(xhr.getAllResponseHeaders())){return xhr.getResponseHeader("X-Request-URL")}return}xhr.onload=function(){var status=xhr.status===1223?204:xhr.status;if(status<100||status>599){reject(new TypeError("Network request failed"));return}var options={status:status,statusText:xhr.statusText,headers:headers(xhr),url:responseURL()};var body="response"in xhr?xhr.response:xhr.responseText;resolve(new Response(body,options))};xhr.onerror=function(){reject(new TypeError("Network request failed"))};xhr.open(request.method,request.url,true);if(request.credentials==="include"){xhr.withCredentials=true}if("responseType"in xhr&&support.blob){xhr.responseType="blob"}request.headers.forEach(function(value,name){xhr.setRequestHeader(name,value)});xhr.send(typeof request._bodyInit==="undefined"?null:request._bodyInit)})};self.fetch.polyfill=true})(typeof self!=="undefined"?self:this); } if (typeof window.CustomEvent !== 'function') { function CustomEvent(event, params) { params = params || { bubbles: false, cancelable: false, detail: null }; var evt = document.createEvent('CustomEvent'); evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail); return evt; } CustomEvent.prototype = window.Event.prototype; window.CustomEvent = CustomEvent; } </script> <script> window.orbitData = {}; var additionalPageProperties = {}; additionalPageProperties['custom_var_1'] = 'topsy-and-tim'; additionalPageProperties['custom_var_2'] = 'false'; additionalPageProperties['custom_var_3'] = 'false'; additionalPageProperties['custom_var_4'] = 'get-out-and-about'; additionalPageProperties['custom_var_5'] = 'bid-intro_new.jpg'; additionalPageProperties['custom_var_6'] = '2017-02-06T12:17:25.404Z'; additionalPageProperties['custom_var_7'] = '2019-02-04T11:28:50.032Z'; additionalPageProperties['custom_var_10'] = 'none'; additionalPageProperties['app_name'] = 'cbeebies'; window.orbitData.partialCookieOvenUrl = 'https://web.archive.org/web/20210104040138/https://cookie-oven.api.bbc'; window.orbitData.language = 'en'; window.orbitData.language = 'en'; window.orbitData.userProfileUrl = "https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/userprofile"; window.orbitData.modal = false; function generateCountername() { if (window.location.protocol === 'file:') { return 'local.file'; } var pathName = window.location.pathname .replace(/\/$/, "") .replace(/^\//, "") .replace(/\//g, '.'); return pathName + '.page'; } window.orbitData.page = { name: '' || generateCountername(), destination: 'cbeebies' || null, producer: 'cbeebies' || null, section: 'watch' || null, site: '' || null, contentId: 'urn:bbc:isite2:dd48b584-7bf4-4474-a6e7-c7e921f171a0' || null, contentType: 'article' || null, edition: '' || null, additionalProperties: additionalPageProperties }; window.orb = { worldwideNavlinks: '<li class="orb-nav-homedotcom"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.com/">Home</a></li><li class="orb-nav-newsdotcom"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.com/news">News</a></li><li class="orb-nav-sport"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.com/sport">Sport</a></li><li class="orb-nav-reeldotcom"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.com/reel">Reel</a></li><li class="orb-nav-worklife"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.com/worklife">Worklife</a></li><li class="orb-nav-traveldotcom"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.com/travel">Travel</a></li><li class="orb-nav-future"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.com/future">Future</a></li><li class="orb-nav-culture"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.com/culture">Culture</a></li><li class="orb-nav-music"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.com/culture/music">Music</a></li><li class="orb-nav-tv"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/schedules/p00fzl9m">TV</a></li><li class="orb-nav-weather"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.com/weather">Weather</a></li><li class="orb-nav-sounds"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/sounds">Sounds</a></li>', } function updatePageData(newData) { window.orbitData.page = Object.assign(window.orbitData.page, newData); } document.addEventListener('bbc-page-reset', function(event) { if (event.detail && event.detail.page) { updatePageData(event.detail.page); } document.dispatchEvent(new Event('bbc-page-updated')); }); </script> <script type="text/javascript">!function(){var t={1391:function(t){var r={getName:function(){return Promise.resolve(window.orbitData.page.name)},getLanguage:function(){return Promise.resolve(window.orbitData.language)},getDestination:function(){return Promise.resolve(window.orbitData.page.destination)},getProducer:function(){return Promise.resolve(window.orbitData.page.producer)},getSection:function(){return Promise.resolve(window.orbitData.page.section)},getContentType:function(){return Promise.resolve(window.orbitData.page.contentType)},getContentId:function(){return Promise.resolve(window.orbitData.page.contentId)},getReferrer:function(){return Promise.resolve(window.orb&&null!==window.orb.referrer&&void 0!==window.orb.referrer?window.orb.referrer:document.referrer)},getAdditionalProperties:function(){return Promise.resolve(window.orbitData.page.additionalProperties)},loadCSS:function(t){return new Promise((function(r,e){var n=document.createElement("link");n.type="text/css",n.rel="stylesheet",n.onload=function(){r()},n.href=t,document.getElementsByTagName("head")[0].appendChild(n)}))},isModal:function(){return Promise.resolve(window.orbitData.modal)}};window.bbcpage=r,t.exports={bbcpage:r}},9135:function(t){function r(t){return(r="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})(t)}function e(t,r){if(!(t instanceof r))throw new TypeError("Cannot call a class as a function")}function n(t,e){return!e||"object"!==r(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function o(t){var r="function"==typeof Map?new Map:void 0;return(o=function(t){if(null===t||(e=t,-1===Function.toString.call(e).indexOf("[native code]")))return t;var e;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,n)}function n(){return i(t,arguments,c(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),a(n,t)})(t)}function i(t,r,e){return(i=u()?Reflect.construct:function(t,r,e){var n=[null];n.push.apply(n,r);var o=new(Function.bind.apply(t,n));return e&&a(o,e.prototype),o}).apply(null,arguments)}function u(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}function a(t,r){return(a=Object.setPrototypeOf||function(t,r){return t.__proto__=r,t})(t,r)}function c(t){return(c=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var s=function(t){!function(t,r){if("function"!=typeof r&&null!==r)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(r&&r.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),r&&a(t,r)}(s,t);var r,o,i=(r=s,o=u(),function(){var t,e=c(r);if(o){var i=c(this).constructor;t=Reflect.construct(e,arguments,i)}else t=e.apply(this,arguments);return n(this,t)});function s(){return e(this,s),i.apply(this,arguments)}return s}(o(Error));function f(t){return new Promise((function(r,e){window.require(t,(function(){r.apply(this,arguments)}),(function(t){e(t)}))}))}var l,p=null;function h(){if(window.orbitData&&window.orbitData.user&&["X-Country","X-Ip_is_advertise_combined","X-Ip_is_uk_combined"].every((function(t){return!!window.orbitData.user[t]})))return Promise.resolve(window.orbitData.user);if(!p){var t=window.location.hostname.endsWith(".com")?"com":"co.uk";p=fetch("https://web.archive.org/web/20210104040138/https://www.bbc.".concat(t,"/userinfo")).then((function(t){return t.json()}))}return p}function d(t){if(t.status>=200&&t.status<300)return t;var r=new Error(t.statusText);throw r.response=t,r}function v(t){return t.json()}function y(){if(window.orbitData.user&&window.orbitData.user.ageBand)return Promise.resolve(window.orbitData.user);if(!l){if("undefined"==typeof XMLHttpRequest||!("withCredentials"in new XMLHttpRequest))return Promise.resolve(window.orbitData.user);l=f(["idcta-v2/idcta-1"]).then((function(t){return t.initiateTokenRefresh().then((function(){return window.fetch(window.orbitData.userProfileUrl,{credentials:"include"}).then(d).then(v).then((function(t){return void 0===window.orbitData.user?window.orbitData.user=t:Object.assign(window.orbitData.user,t),window.orbitData.user}))}))}))}return l}var g={getHashedId:function(){return f(["idcta-v2/idcta-1"]).then((function(t){return t.getCookieInstance().getHidFromCookie()}))},isSignedIn:function(){return f(["idcta-v2/idcta-1"]).then((function(t){return t&&t.getCookieInstance().hasCookie()}))},getCountry:function(){return h().then((function(t){return t["X-Country"]||"gb"}))},isUKCombined:function(){return h().then((function(t){if(!t["X-Ip_is_uk_combined"])throw new s("missing isUKCombined from userinfo response");return"yes"===t["X-Ip_is_uk_combined"].toLowerCase()}))},canSeeAdverts:function(){return h().then((function(t){if(!t["X-Ip_is_advertise_combined"])throw new s("missing canSeeAdverts from userinfo response");return"yes"===t["X-Ip_is_advertise_combined"].toLowerCase()}))},getAgeBand:function(){return h().then((function(t){return t["X-Age-Band"]?Promise.resolve(t["X-Age-Band"]):g.isSignedIn().then((function(r){if(r)return y().then((function(r){return t["X-Age-Band"]=r["X-Age-Band"],t["X-Age-Band"]||void 0})).catch((function(r){return t["X-Age-Band"]||void 0}))}))}))},allowsPerformanceCookies:function(){return f(["orb/cookies"]).then((function(t){return!!t.cookiesEnabled()&&!!t.readPolicy("performance")}))},allowsFunctionalCookies:function(){return f(["orb/cookies"]).then((function(t){return!!t.cookiesEnabled()&&!!t.readPolicy("personalisation")}))},getCookieValue:function(t){return f(["orb/cookies"]).then((function(r){return r.get(t)}))}};window.bbcuser=g,t.exports={bbcuser:g,BBCUserError:s}},7633:function(t,r,e){e(1539),e(8783),e(3948),e(8674),e(7922),e(7727);var n=e(857);t.exports=n.Promise},1111:function(t,r,e){e(4916),e(4953),e(8992),e(9841),e(7852),e(2023),e(4723),e(6373),e(6528),e(3112),e(2481),e(5306),e(4765),e(3123),e(3157),e(3210),e(5674),e(8702),e(8783),e(5218),e(4475),e(7929),e(915),e(9253),e(2125),e(8830),e(8734),e(9254),e(7268),e(7397),e(86),e(623);var n=e(857);t.exports=n.String},3099:function(t){t.exports=function(t){if("function"!=typeof t)throw TypeError(String(t)+" is not a function");return t}},6077:function(t,r,e){var n=e(111);t.exports=function(t){if(!n(t)&&null!==t)throw TypeError("Can't set "+String(t)+" as a prototype");return t}},1223:function(t,r,e){var n=e(5112),o=e(30),i=e(3070),u=n("unscopables"),a=Array.prototype;null==a[u]&&i.f(a,u,{configurable:!0,value:o(null)}),t.exports=function(t){a[u][t]=!0}},1530:function(t,r,e){"use strict";var n=e(8710).charAt;t.exports=function(t,r,e){return r+(e?n(t,r).length:1)}},5787:function(t){t.exports=function(t,r,e){if(!(t instanceof r))throw TypeError("Incorrect "+(e?e+" ":"")+"invocation");return t}},9670:function(t,r,e){var n=e(111);t.exports=function(t){if(!n(t))throw TypeError(String(t)+" is not an object");return t}},1318:function(t,r,e){var n=e(5656),o=e(7466),i=e(1400),u=function(t){return function(r,e,u){var a,c=n(r),s=o(c.length),f=i(u,s);if(t&&e!=e){for(;s>f;)if((a=c[f++])!=a)return!0}else for(;s>f;f++)if((t||f in c)&&c[f]===e)return t||f||0;return!t&&-1}};t.exports={includes:u(!0),indexOf:u(!1)}},3411:function(t,r,e){var n=e(9670);t.exports=function(t,r,e,o){try{return o?r(n(e)[0],e[1]):r(e)}catch(r){var i=t.return;throw void 0!==i&&n(i.call(t)),r}}},7072:function(t,r,e){var n=e(5112)("iterator"),o=!1;try{var i=0,u={next:function(){return{done:!!i++}},return:function(){o=!0}};u[n]=function(){return this},Array.from(u,(function(){throw 2}))}catch(t){}t.exports=function(t,r){if(!r&&!o)return!1;var e=!1;try{var i={};i[n]=function(){return{next:function(){return{done:e=!0}}}},t(i)}catch(t){}return e}},4326:function(t){var r={}.toString;t.exports=function(t){return r.call(t).slice(8,-1)}},648:function(t,r,e){var n=e(1694),o=e(4326),i=e(5112)("toStringTag"),u="Arguments"==o(function(){return arguments}());t.exports=n?o:function(t){var r,e,n;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(e=function(t,r){try{return t[r]}catch(t){}}(r=Object(t),i))?e:u?o(r):"Object"==(n=o(r))&&"function"==typeof r.callee?"Arguments":n}},9920:function(t,r,e){var n=e(6656),o=e(3887),i=e(1236),u=e(3070);t.exports=function(t,r){for(var e=o(r),a=u.f,c=i.f,s=0;s<e.length;s++){var f=e[s];n(t,f)||a(t,f,c(r,f))}}},4964:function(t,r,e){var n=e(5112)("match");t.exports=function(t){var r=/./;try{"/./"[t](r)}catch(e){try{return r[n]=!1,"/./"[t](r)}catch(t){}}return!1}},8544:function(t,r,e){var n=e(7293);t.exports=!n((function(){function t(){}return t.prototype.constructor=null,Object.getPrototypeOf(new t)!==t.prototype}))},4230:function(t,r,e){var n=e(4488),o=/"/g;t.exports=function(t,r,e,i){var u=String(n(t)),a="<"+r;return""!==e&&(a+=" "+e+'="'+String(i).replace(o,""")+'"'),a+">"+u+"</"+r+">"}},4994:function(t,r,e){"use strict";var n=e(3383).IteratorPrototype,o=e(30),i=e(9114),u=e(8003),a=e(7497),c=function(){return this};t.exports=function(t,r,e){var s=r+" Iterator";return t.prototype=o(n,{next:i(1,e)}),u(t,s,!1,!0),a[s]=c,t}},8880:function(t,r,e){var n=e(9781),o=e(3070),i=e(9114);t.exports=n?function(t,r,e){return o.f(t,r,i(1,e))}:function(t,r,e){return t[r]=e,t}},9114:function(t){t.exports=function(t,r){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:r}}},654:function(t,r,e){"use strict";var n=e(2109),o=e(4994),i=e(9518),u=e(7674),a=e(8003),c=e(8880),s=e(1320),f=e(5112),l=e(1913),p=e(7497),h=e(3383),d=h.IteratorPrototype,v=h.BUGGY_SAFARI_ITERATORS,y=f("iterator"),g="keys",b="values",m="entries",w=function(){return this};t.exports=function(t,r,e,f,h,x,S){o(e,r,f);var E,_,O,T=function(t){if(t===h&&R)return R;if(!v&&t in A)return A[t];switch(t){case g:case b:case m:return function(){return new e(this,t)}}return function(){return new e(this)}},P=r+" Iterator",j=!1,A=t.prototype,I=A[y]||A["@@iterator"]||h&&A[h],R=!v&&I||T(h),L="Array"==r&&A.entries||I;if(L&&(E=i(L.call(new t)),d!==Object.prototype&&E.next&&(l||i(E)===d||(u?u(E,d):"function"!=typeof E[y]&&c(E,y,w)),a(E,P,!0,!0),l&&(p[P]=w))),h==b&&I&&I.name!==b&&(j=!0,R=function(){return I.call(this)}),l&&!S||A[y]===R||c(A,y,R),p[r]=R,h)if(_={values:T(b),keys:x?R:T(g),entries:T(m)},S)for(O in _)(v||j||!(O in A))&&s(A,O,_[O]);else n({target:r,proto:!0,forced:v||j},_);return _}},9781:function(t,r,e){var n=e(7293);t.exports=!n((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},317:function(t,r,e){var n=e(7854),o=e(111),i=n.document,u=o(i)&&o(i.createElement);t.exports=function(t){return u?i.createElement(t):{}}},8324:function(t){t.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},6833:function(t,r,e){var n=e(8113);t.exports=/(iphone|ipod|ipad).*applewebkit/i.test(n)},8113:function(t,r,e){var n=e(5005);t.exports=n("navigator","userAgent")||""},7392:function(t,r,e){var n,o,i=e(7854),u=e(8113),a=i.process,c=a&&a.versions,s=c&&c.v8;s?o=(n=s.split("."))[0]+n[1]:u&&(!(n=u.match(/Edge\/(\d+)/))||n[1]>=74)&&(n=u.match(/Chrome\/(\d+)/))&&(o=n[1]),t.exports=o&&+o},748:function(t){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},2109:function(t,r,e){var n=e(7854),o=e(1236).f,i=e(8880),u=e(1320),a=e(3505),c=e(9920),s=e(4705);t.exports=function(t,r){var e,f,l,p,h,d=t.target,v=t.global,y=t.stat;if(e=v?n:y?n[d]||a(d,{}):(n[d]||{}).prototype)for(f in r){if(p=r[f],l=t.noTargetGet?(h=o(e,f))&&h.value:e[f],!s(v?f:d+(y?".":"#")+f,t.forced)&&void 0!==l){if(typeof p==typeof l)continue;c(p,l)}(t.sham||l&&l.sham)&&i(p,"sham",!0),u(e,f,p,t)}}},7293:function(t){t.exports=function(t){try{return!!t()}catch(t){return!0}}},7007:function(t,r,e){"use strict";e(4916);var n=e(1320),o=e(7293),i=e(5112),u=e(2261),a=e(8880),c=i("species"),s=!o((function(){var t=/./;return t.exec=function(){var t=[];return t.groups={a:"7"},t},"7"!=="".replace(t,"$<a>")})),f="$0"==="a".replace(/./,"$0"),l=i("replace"),p=!!/./[l]&&""===/./[l]("a","$0"),h=!o((function(){var t=/(?:)/,r=t.exec;t.exec=function(){return r.apply(this,arguments)};var e="ab".split(t);return 2!==e.length||"a"!==e[0]||"b"!==e[1]}));t.exports=function(t,r,e,l){var d=i(t),v=!o((function(){var r={};return r[d]=function(){return 7},7!=""[t](r)})),y=v&&!o((function(){var r=!1,e=/a/;return"split"===t&&((e={}).constructor={},e.constructor[c]=function(){return e},e.flags="",e[d]=/./[d]),e.exec=function(){return r=!0,null},e[d](""),!r}));if(!v||!y||"replace"===t&&(!s||!f||p)||"split"===t&&!h){var g=/./[d],b=e(d,""[t],(function(t,r,e,n,o){return r.exec===u?v&&!o?{done:!0,value:g.call(r,e,n)}:{done:!0,value:t.call(e,r,n)}:{done:!1}}),{REPLACE_KEEPS_$0:f,REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE:p}),m=b[0],w=b[1];n(String.prototype,t,m),n(RegExp.prototype,d,2==r?function(t,r){return w.call(t,this,r)}:function(t){return w.call(t,this)})}l&&a(RegExp.prototype[d],"sham",!0)}},9974:function(t,r,e){var n=e(3099);t.exports=function(t,r,e){if(n(t),void 0===r)return t;switch(e){case 0:return function(){return t.call(r)};case 1:return function(e){return t.call(r,e)};case 2:return function(e,n){return t.call(r,e,n)};case 3:return function(e,n,o){return t.call(r,e,n,o)}}return function(){return t.apply(r,arguments)}}},5005:function(t,r,e){var n=e(857),o=e(7854),i=function(t){return"function"==typeof t?t:void 0};t.exports=function(t,r){return arguments.length<2?i(n[t])||i(o[t]):n[t]&&n[t][r]||o[t]&&o[t][r]}},1246:function(t,r,e){var n=e(648),o=e(7497),i=e(5112)("iterator");t.exports=function(t){if(null!=t)return t[i]||t["@@iterator"]||o[n(t)]}},7854:function(t,r,e){var n=function(t){return t&&t.Math==Math&&t};t.exports=n("object"==typeof globalThis&&globalThis)||n("object"==typeof window&&window)||n("object"==typeof self&&self)||n("object"==typeof e.g&&e.g)||Function("return this")()},6656:function(t){var r={}.hasOwnProperty;t.exports=function(t,e){return r.call(t,e)}},3501:function(t){t.exports={}},842:function(t,r,e){var n=e(7854);t.exports=function(t,r){var e=n.console;e&&e.error&&(1===arguments.length?e.error(t):e.error(t,r))}},490:function(t,r,e){var n=e(5005);t.exports=n("document","documentElement")},4664:function(t,r,e){var n=e(9781),o=e(7293),i=e(317);t.exports=!n&&!o((function(){return 7!=Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a}))},8361:function(t,r,e){var n=e(7293),o=e(4326),i="".split;t.exports=n((function(){return!Object("z").propertyIsEnumerable(0)}))?function(t){return"String"==o(t)?i.call(t,""):Object(t)}:Object},2788:function(t,r,e){var n=e(5465),o=Function.toString;"function"!=typeof n.inspectSource&&(n.inspectSource=function(t){return o.call(t)}),t.exports=n.inspectSource},9909:function(t,r,e){var n,o,i,u=e(8536),a=e(7854),c=e(111),s=e(8880),f=e(6656),l=e(6200),p=e(3501),h=a.WeakMap;if(u){var d=new h,v=d.get,y=d.has,g=d.set;n=function(t,r){return g.call(d,t,r),r},o=function(t){return v.call(d,t)||{}},i=function(t){return y.call(d,t)}}else{var b=l("state");p[b]=!0,n=function(t,r){return s(t,b,r),r},o=function(t){return f(t,b)?t[b]:{}},i=function(t){return f(t,b)}}t.exports={set:n,get:o,has:i,enforce:function(t){return i(t)?o(t):n(t,{})},getterFor:function(t){return function(r){var e;if(!c(r)||(e=o(r)).type!==t)throw TypeError("Incompatible receiver, "+t+" required");return e}}}},7659:function(t,r,e){var n=e(5112),o=e(7497),i=n("iterator"),u=Array.prototype;t.exports=function(t){return void 0!==t&&(o.Array===t||u[i]===t)}},4705:function(t,r,e){var n=e(7293),o=/#|\.prototype\./,i=function(t,r){var e=a[u(t)];return e==s||e!=c&&("function"==typeof r?n(r):!!r)},u=i.normalize=function(t){return String(t).replace(o,".").toLowerCase()},a=i.data={},c=i.NATIVE="N",s=i.POLYFILL="P";t.exports=i},111:function(t){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},1913:function(t){t.exports=!1},7850:function(t,r,e){var n=e(111),o=e(4326),i=e(5112)("match");t.exports=function(t){var r;return n(t)&&(void 0!==(r=t[i])?!!r:"RegExp"==o(t))}},408:function(t,r,e){var n=e(9670),o=e(7659),i=e(7466),u=e(9974),a=e(1246),c=e(3411),s=function(t,r){this.stopped=t,this.result=r};(t.exports=function(t,r,e,f,l){var p,h,d,v,y,g,b,m=u(r,e,f?2:1);if(l)p=t;else{if("function"!=typeof(h=a(t)))throw TypeError("Target is not iterable");if(o(h)){for(d=0,v=i(t.length);v>d;d++)if((y=f?m(n(b=t[d])[0],b[1]):m(t[d]))&&y instanceof s)return y;return new s(!1)}p=h.call(t)}for(g=p.next;!(b=g.call(p)).done;)if("object"==typeof(y=c(p,m,b.value,f))&&y&&y instanceof s)return y;return new s(!1)}).stop=function(t){return new s(!0,t)}},3383:function(t,r,e){"use strict";var n,o,i,u=e(9518),a=e(8880),c=e(6656),s=e(5112),f=e(1913),l=s("iterator"),p=!1;[].keys&&("next"in(i=[].keys())?(o=u(u(i)))!==Object.prototype&&(n=o):p=!0),null==n&&(n={}),f||c(n,l)||a(n,l,(function(){return this})),t.exports={IteratorPrototype:n,BUGGY_SAFARI_ITERATORS:p}},7497:function(t){t.exports={}},5948:function(t,r,e){var n,o,i,u,a,c,s,f,l=e(7854),p=e(1236).f,h=e(4326),d=e(261).set,v=e(6833),y=l.MutationObserver||l.WebKitMutationObserver,g=l.process,b=l.Promise,m="process"==h(g),w=p(l,"queueMicrotask"),x=w&&w.value;x||(n=function(){var t,r;for(m&&(t=g.domain)&&t.exit();o;){r=o.fn,o=o.next;try{r()}catch(t){throw o?u():i=void 0,t}}i=void 0,t&&t.enter()},m?u=function(){g.nextTick(n)}:y&&!v?(a=!0,c=document.createTextNode(""),new y(n).observe(c,{characterData:!0}),u=function(){c.data=a=!a}):b&&b.resolve?(s=b.resolve(void 0),f=s.then,u=function(){f.call(s,n)}):u=function(){d.call(l,n)}),t.exports=x||function(t){var r={fn:t,next:void 0};i&&(i.next=r),o||(o=r,u()),i=r}},3366:function(t,r,e){var n=e(7854);t.exports=n.Promise},133:function(t,r,e){var n=e(7293);t.exports=!!Object.getOwnPropertySymbols&&!n((function(){return!String(Symbol())}))},8536:function(t,r,e){var n=e(7854),o=e(2788),i=n.WeakMap;t.exports="function"==typeof i&&/native code/.test(o(i))},8523:function(t,r,e){"use strict";var n=e(3099),o=function(t){var r,e;this.promise=new t((function(t,n){if(void 0!==r||void 0!==e)throw TypeError("Bad Promise constructor");r=t,e=n})),this.resolve=n(r),this.reject=n(e)};t.exports.f=function(t){return new o(t)}},3929:function(t,r,e){var n=e(7850);t.exports=function(t){if(n(t))throw TypeError("The method doesn't accept regular expressions");return t}},30:function(t,r,e){var n,o=e(9670),i=e(6048),u=e(748),a=e(3501),c=e(490),s=e(317),f=e(6200),l=f("IE_PROTO"),p=function(){},h=function(t){return"<script>"+t+"</"+"script>"},d=function(){try{n=document.domain&&new ActiveXObject("htmlfile")}catch(t){}var t,r;d=n?function(t){t.write(h("")),t.close();var r=t.parentWindow.Object;return t=null,r}(n):((r=s("iframe")).style.display="none",c.appendChild(r),r.src=String("javascript:"),(t=r.contentWindow.document).open(),t.write(h("document.F=Object")),t.close(),t.F);for(var e=u.length;e--;)delete d.prototype[u[e]];return d()};a[l]=!0,t.exports=Object.create||function(t,r){var e;return null!==t?(p.prototype=o(t),e=new p,p.prototype=null,e[l]=t):e=d(),void 0===r?e:i(e,r)}},6048:function(t,r,e){var n=e(9781),o=e(3070),i=e(9670),u=e(1956);t.exports=n?Object.defineProperties:function(t,r){i(t);for(var e,n=u(r),a=n.length,c=0;a>c;)o.f(t,e=n[c++],r[e]);return t}},3070:function(t,r,e){var n=e(9781),o=e(4664),i=e(9670),u=e(7593),a=Object.defineProperty;r.f=n?a:function(t,r,e){if(i(t),r=u(r,!0),i(e),o)try{return a(t,r,e)}catch(t){}if("get"in e||"set"in e)throw TypeError("Accessors not supported");return"value"in e&&(t[r]=e.value),t}},1236:function(t,r,e){var n=e(9781),o=e(5296),i=e(9114),u=e(5656),a=e(7593),c=e(6656),s=e(4664),f=Object.getOwnPropertyDescriptor;r.f=n?f:function(t,r){if(t=u(t),r=a(r,!0),s)try{return f(t,r)}catch(t){}if(c(t,r))return i(!o.f.call(t,r),t[r])}},8006:function(t,r,e){var n=e(6324),o=e(748).concat("length","prototype");r.f=Object.getOwnPropertyNames||function(t){return n(t,o)}},5181:function(t,r){r.f=Object.getOwnPropertySymbols},9518:function(t,r,e){var n=e(6656),o=e(7908),i=e(6200),u=e(8544),a=i("IE_PROTO"),c=Object.prototype;t.exports=u?Object.getPrototypeOf:function(t){return t=o(t),n(t,a)?t[a]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?c:null}},6324:function(t,r,e){var n=e(6656),o=e(5656),i=e(1318).indexOf,u=e(3501);t.exports=function(t,r){var e,a=o(t),c=0,s=[];for(e in a)!n(u,e)&&n(a,e)&&s.push(e);for(;r.length>c;)n(a,e=r[c++])&&(~i(s,e)||s.push(e));return s}},1956:function(t,r,e){var n=e(6324),o=e(748);t.exports=Object.keys||function(t){return n(t,o)}},5296:function(t,r){"use strict";var e={}.propertyIsEnumerable,n=Object.getOwnPropertyDescriptor,o=n&&!e.call({1:2},1);r.f=o?function(t){var r=n(this,t);return!!r&&r.enumerable}:e},7674:function(t,r,e){var n=e(9670),o=e(6077);t.exports=Object.setPrototypeOf||("__proto__"in{}?function(){var t,r=!1,e={};try{(t=Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set).call(e,[]),r=e instanceof Array}catch(t){}return function(e,i){return n(e),o(i),r?t.call(e,i):e.__proto__=i,e}}():void 0)},288:function(t,r,e){"use strict";var n=e(1694),o=e(648);t.exports=n?{}.toString:function(){return"[object "+o(this)+"]"}},3887:function(t,r,e){var n=e(5005),o=e(8006),i=e(5181),u=e(9670);t.exports=n("Reflect","ownKeys")||function(t){var r=o.f(u(t)),e=i.f;return e?r.concat(e(t)):r}},857:function(t,r,e){var n=e(7854);t.exports=n},2534:function(t){t.exports=function(t){try{return{error:!1,value:t()}}catch(t){return{error:!0,value:t}}}},9478:function(t,r,e){var n=e(9670),o=e(111),i=e(8523);t.exports=function(t,r){if(n(t),o(r)&&r.constructor===t)return r;var e=i.f(t);return(0,e.resolve)(r),e.promise}},2248:function(t,r,e){var n=e(1320);t.exports=function(t,r,e){for(var o in r)n(t,o,r[o],e);return t}},1320:function(t,r,e){var n=e(7854),o=e(8880),i=e(6656),u=e(3505),a=e(2788),c=e(9909),s=c.get,f=c.enforce,l=String(String).split("String");(t.exports=function(t,r,e,a){var c=!!a&&!!a.unsafe,s=!!a&&!!a.enumerable,p=!!a&&!!a.noTargetGet;"function"==typeof e&&("string"!=typeof r||i(e,"name")||o(e,"name",r),f(e).source=l.join("string"==typeof r?r:"")),t!==n?(c?!p&&t[r]&&(s=!0):delete t[r],s?t[r]=e:o(t,r,e)):s?t[r]=e:u(r,e)})(Function.prototype,"toString",(function(){return"function"==typeof this&&s(this).source||a(this)}))},7651:function(t,r,e){var n=e(4326),o=e(2261);t.exports=function(t,r){var e=t.exec;if("function"==typeof e){var i=e.call(t,r);if("object"!=typeof i)throw TypeError("RegExp exec method returned something other than an Object or null");return i}if("RegExp"!==n(t))throw TypeError("RegExp#exec called on incompatible receiver");return o.call(t,r)}},2261:function(t,r,e){"use strict";var n,o,i=e(7066),u=e(2999),a=RegExp.prototype.exec,c=String.prototype.replace,s=a,f=(n=/a/,o=/b*/g,a.call(n,"a"),a.call(o,"a"),0!==n.lastIndex||0!==o.lastIndex),l=u.UNSUPPORTED_Y||u.BROKEN_CARET,p=void 0!==/()??/.exec("")[1];(f||p||l)&&(s=function(t){var r,e,n,o,u=this,s=l&&u.sticky,h=i.call(u),d=u.source,v=0,y=t;return s&&(-1===(h=h.replace("y","")).indexOf("g")&&(h+="g"),y=String(t).slice(u.lastIndex),u.lastIndex>0&&(!u.multiline||u.multiline&&"\n"!==t[u.lastIndex-1])&&(d="(?: "+d+")",y=" "+y,v++),e=new RegExp("^(?:"+d+")",h)),p&&(e=new RegExp("^"+d+"$(?!\\s)",h)),f&&(r=u.lastIndex),n=a.call(s?e:u,y),s?n?(n.input=n.input.slice(v),n[0]=n[0].slice(v),n.index=u.lastIndex,u.lastIndex+=n[0].length):u.lastIndex=0:f&&n&&(u.lastIndex=u.global?n.index+n[0].length:r),p&&n&&n.length>1&&c.call(n[0],e,(function(){for(o=1;o<arguments.length-2;o++)void 0===arguments[o]&&(n[o]=void 0)})),n}),t.exports=s},7066:function(t,r,e){"use strict";var n=e(9670);t.exports=function(){var t=n(this),r="";return t.global&&(r+="g"),t.ignoreCase&&(r+="i"),t.multiline&&(r+="m"),t.dotAll&&(r+="s"),t.unicode&&(r+="u"),t.sticky&&(r+="y"),r}},2999:function(t,r,e){"use strict";var n=e(7293);function o(t,r){return RegExp(t,r)}r.UNSUPPORTED_Y=n((function(){var t=o("a","y");return t.lastIndex=2,null!=t.exec("abcd")})),r.BROKEN_CARET=n((function(){var t=o("^r","gy");return t.lastIndex=2,null!=t.exec("str")}))},4488:function(t){t.exports=function(t){if(null==t)throw TypeError("Can't call method on "+t);return t}},6029:function(t){t.exports=Object.is||function(t,r){return t===r?0!==t||1/t==1/r:t!=t&&r!=r}},3505:function(t,r,e){var n=e(7854),o=e(8880);t.exports=function(t,r){try{o(n,t,r)}catch(e){n[t]=r}return r}},6340:function(t,r,e){"use strict";var n=e(5005),o=e(3070),i=e(5112),u=e(9781),a=i("species");t.exports=function(t){var r=n(t),e=o.f;u&&r&&!r[a]&&e(r,a,{configurable:!0,get:function(){return this}})}},8003:function(t,r,e){var n=e(3070).f,o=e(6656),i=e(5112)("toStringTag");t.exports=function(t,r,e){t&&!o(t=e?t:t.prototype,i)&&n(t,i,{configurable:!0,value:r})}},6200:function(t,r,e){var n=e(2309),o=e(9711),i=n("keys");t.exports=function(t){return i[t]||(i[t]=o(t))}},5465:function(t,r,e){var n=e(7854),o=e(3505),i="__core-js_shared__",u=n[i]||o(i,{});t.exports=u},2309:function(t,r,e){var n=e(1913),o=e(5465);(t.exports=function(t,r){return o[t]||(o[t]=void 0!==r?r:{})})("versions",[]).push({version:"3.6.5",mode:n?"pure":"global",copyright:"© 2020 Denis Pushkarev (zloirock.ru)"})},6707:function(t,r,e){var n=e(9670),o=e(3099),i=e(5112)("species");t.exports=function(t,r){var e,u=n(t).constructor;return void 0===u||null==(e=n(u)[i])?r:o(e)}},3429:function(t,r,e){var n=e(7293);t.exports=function(t){return n((function(){var r=""[t]('"');return r!==r.toLowerCase()||r.split('"').length>3}))}},8710:function(t,r,e){var n=e(9958),o=e(4488),i=function(t){return function(r,e){var i,u,a=String(o(r)),c=n(e),s=a.length;return c<0||c>=s?t?"":void 0:(i=a.charCodeAt(c))<55296||i>56319||c+1===s||(u=a.charCodeAt(c+1))<56320||u>57343?t?a.charAt(c):i:t?a.slice(c,c+2):u-56320+(i-55296<<10)+65536}};t.exports={codeAt:i(!1),charAt:i(!0)}},4986:function(t,r,e){var n=e(8113);t.exports=/Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(n)},6650:function(t,r,e){var n=e(7466),o=e(8415),i=e(4488),u=Math.ceil,a=function(t){return function(r,e,a){var c,s,f=String(i(r)),l=f.length,p=void 0===a?" ":String(a),h=n(e);return h<=l||""==p?f:(c=h-l,(s=o.call(p,u(c/p.length))).length>c&&(s=s.slice(0,c)),t?f+s:s+f)}};t.exports={start:a(!1),end:a(!0)}},8415:function(t,r,e){"use strict";var n=e(9958),o=e(4488);t.exports="".repeat||function(t){var r=String(o(this)),e="",i=n(t);if(i<0||i==1/0)throw RangeError("Wrong number of repetitions");for(;i>0;(i>>>=1)&&(r+=r))1&i&&(e+=r);return e}},6091:function(t,r,e){var n=e(7293),o=e(1361);t.exports=function(t){return n((function(){return!!o[t]()||"᠎"!="᠎"[t]()||o[t].name!==t}))}},3111:function(t,r,e){var n=e(4488),o="["+e(1361)+"]",i=RegExp("^"+o+o+"*"),u=RegExp(o+o+"*$"),a=function(t){return function(r){var e=String(n(r));return 1&t&&(e=e.replace(i,"")),2&t&&(e=e.replace(u,"")),e}};t.exports={start:a(1),end:a(2),trim:a(3)}},261:function(t,r,e){var n,o,i,u=e(7854),a=e(7293),c=e(4326),s=e(9974),f=e(490),l=e(317),p=e(6833),h=u.location,d=u.setImmediate,v=u.clearImmediate,y=u.process,g=u.MessageChannel,b=u.Dispatch,m=0,w={},x="onreadystatechange",S=function(t){if(w.hasOwnProperty(t)){var r=w[t];delete w[t],r()}},E=function(t){return function(){S(t)}},_=function(t){S(t.data)},O=function(t){u.postMessage(t+"",h.protocol+"//"+h.host)};d&&v||(d=function(t){for(var r=[],e=1;arguments.length>e;)r.push(arguments[e++]);return w[++m]=function(){("function"==typeof t?t:Function(t)).apply(void 0,r)},n(m),m},v=function(t){delete w[t]},"process"==c(y)?n=function(t){y.nextTick(E(t))}:b&&b.now?n=function(t){b.now(E(t))}:g&&!p?(i=(o=new g).port2,o.port1.onmessage=_,n=s(i.postMessage,i,1)):!u.addEventListener||"function"!=typeof postMessage||u.importScripts||a(O)||"file:"===h.protocol?n=x in l("script")?function(t){f.appendChild(l("script")).onreadystatechange=function(){f.removeChild(this),S(t)}}:function(t){setTimeout(E(t),0)}:(n=O,u.addEventListener("message",_,!1))),t.exports={set:d,clear:v}},1400:function(t,r,e){var n=e(9958),o=Math.max,i=Math.min;t.exports=function(t,r){var e=n(t);return e<0?o(e+r,0):i(e,r)}},5656:function(t,r,e){var n=e(8361),o=e(4488);t.exports=function(t){return n(o(t))}},9958:function(t){var r=Math.ceil,e=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?e:r)(t)}},7466:function(t,r,e){var n=e(9958),o=Math.min;t.exports=function(t){return t>0?o(n(t),9007199254740991):0}},7908:function(t,r,e){var n=e(4488);t.exports=function(t){return Object(n(t))}},7593:function(t,r,e){var n=e(111);t.exports=function(t,r){if(!n(t))return t;var e,o;if(r&&"function"==typeof(e=t.toString)&&!n(o=e.call(t)))return o;if("function"==typeof(e=t.valueOf)&&!n(o=e.call(t)))return o;if(!r&&"function"==typeof(e=t.toString)&&!n(o=e.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},1694:function(t,r,e){var n={};n[e(5112)("toStringTag")]="z",t.exports="[object z]"===String(n)},9711:function(t){var r=0,e=Math.random();t.exports=function(t){return"Symbol("+String(void 0===t?"":t)+")_"+(++r+e).toString(36)}},3307:function(t,r,e){var n=e(133);t.exports=n&&!Symbol.sham&&"symbol"==typeof Symbol.iterator},5112:function(t,r,e){var n=e(7854),o=e(2309),i=e(6656),u=e(9711),a=e(133),c=e(3307),s=o("wks"),f=n.Symbol,l=c?f:f&&f.withoutSetter||u;t.exports=function(t){return i(s,t)||(a&&i(f,t)?s[t]=f[t]:s[t]=l("Symbol."+t)),s[t]}},1361:function(t){t.exports="\t\n\v\f\r     　\u2028\u2029\ufeff"},6992:function(t,r,e){"use strict";var n=e(5656),o=e(1223),i=e(7497),u=e(9909),a=e(654),c="Array Iterator",s=u.set,f=u.getterFor(c);t.exports=a(Array,"Array",(function(t,r){s(this,{type:c,target:n(t),index:0,kind:r})}),(function(){var t=f(this),r=t.target,e=t.kind,n=t.index++;return!r||n>=r.length?(t.target=void 0,{value:void 0,done:!0}):"keys"==e?{value:n,done:!1}:"values"==e?{value:r[n],done:!1}:{value:[n,r[n]],done:!1}}),"values"),i.Arguments=i.Array,o("keys"),o("values"),o("entries")},1539:function(t,r,e){var n=e(1694),o=e(1320),i=e(288);n||o(Object.prototype,"toString",i,{unsafe:!0})},7922:function(t,r,e){"use strict";var n=e(2109),o=e(3099),i=e(8523),u=e(2534),a=e(408);n({target:"Promise",stat:!0},{allSettled:function(t){var r=this,e=i.f(r),n=e.resolve,c=e.reject,s=u((function(){var e=o(r.resolve),i=[],u=0,c=1;a(t,(function(t){var o=u++,a=!1;i.push(void 0),c++,e.call(r,t).then((function(t){a||(a=!0,i[o]={status:"fulfilled",value:t},--c||n(i))}),(function(t){a||(a=!0,i[o]={status:"rejected",reason:t},--c||n(i))}))})),--c||n(i)}));return s.error&&c(s.value),e.promise}})},7727:function(t,r,e){"use strict";var n=e(2109),o=e(1913),i=e(3366),u=e(7293),a=e(5005),c=e(6707),s=e(9478),f=e(1320);n({target:"Promise",proto:!0,real:!0,forced:!!i&&u((function(){i.prototype.finally.call({then:function(){}},(function(){}))}))},{finally:function(t){var r=c(this,a("Promise")),e="function"==typeof t;return this.then(e?function(e){return s(r,t()).then((function(){return e}))}:t,e?function(e){return s(r,t()).then((function(){throw e}))}:t)}}),o||"function"!=typeof i||i.prototype.finally||f(i.prototype,"finally",a("Promise").prototype.finally)},8674:function(t,r,e){"use strict";var n,o,i,u,a=e(2109),c=e(1913),s=e(7854),f=e(5005),l=e(3366),p=e(1320),h=e(2248),d=e(8003),v=e(6340),y=e(111),g=e(3099),b=e(5787),m=e(4326),w=e(2788),x=e(408),S=e(7072),E=e(6707),_=e(261).set,O=e(5948),T=e(9478),P=e(842),j=e(8523),A=e(2534),I=e(9909),R=e(4705),L=e(5112),k=e(7392),C=L("species"),D="Promise",B=I.get,U=I.set,F=I.getterFor(D),M=l,N=s.TypeError,G=s.document,X=s.process,H=f("fetch"),$=j.f,q=$,W="process"==m(X),V=!!(G&&G.createEvent&&s.dispatchEvent),z="unhandledrejection",K=R(D,(function(){if(!(w(M)!==String(M))){if(66===k)return!0;if(!W&&"function"!=typeof PromiseRejectionEvent)return!0}if(c&&!M.prototype.finally)return!0;if(k>=51&&/native code/.test(M))return!1;var t=M.resolve(1),r=function(t){t((function(){}),(function(){}))};return(t.constructor={})[C]=r,!(t.then((function(){}))instanceof r)})),Y=K||!S((function(t){M.all(t).catch((function(){}))})),J=function(t){var r;return!(!y(t)||"function"!=typeof(r=t.then))&&r},Q=function(t,r,e){if(!r.notified){r.notified=!0;var n=r.reactions;O((function(){for(var o=r.value,i=1==r.state,u=0;n.length>u;){var a,c,s,f=n[u++],l=i?f.ok:f.fail,p=f.resolve,h=f.reject,d=f.domain;try{l?(i||(2===r.rejection&&et(t,r),r.rejection=1),!0===l?a=o:(d&&d.enter(),a=l(o),d&&(d.exit(),s=!0)),a===f.promise?h(N("Promise-chain cycle")):(c=J(a))?c.call(a,p,h):p(a)):h(o)}catch(t){d&&!s&&d.exit(),h(t)}}r.reactions=[],r.notified=!1,e&&!r.rejection&&tt(t,r)}))}},Z=function(t,r,e){var n,o;V?((n=G.createEvent("Event")).promise=r,n.reason=e,n.initEvent(t,!1,!0),s.dispatchEvent(n)):n={promise:r,reason:e},(o=s["on"+t])?o(n):t===z&&P("Unhandled promise rejection",e)},tt=function(t,r){_.call(s,(function(){var e,n=r.value;if(rt(r)&&(e=A((function(){W?X.emit("unhandledRejection",n,t):Z(z,t,n)})),r.rejection=W||rt(r)?2:1,e.error))throw e.value}))},rt=function(t){return 1!==t.rejection&&!t.parent},et=function(t,r){_.call(s,(function(){W?X.emit("rejectionHandled",t):Z("rejectionhandled",t,r.value)}))},nt=function(t,r,e,n){return function(o){t(r,e,o,n)}},ot=function(t,r,e,n){r.done||(r.done=!0,n&&(r=n),r.value=e,r.state=2,Q(t,r,!0))},it=function(t,r,e,n){if(!r.done){r.done=!0,n&&(r=n);try{if(t===e)throw N("Promise can't be resolved itself");var o=J(e);o?O((function(){var n={done:!1};try{o.call(e,nt(it,t,n,r),nt(ot,t,n,r))}catch(e){ot(t,n,e,r)}})):(r.value=e,r.state=1,Q(t,r,!1))}catch(e){ot(t,{done:!1},e,r)}}};K&&(M=function(t){b(this,M,D),g(t),n.call(this);var r=B(this);try{t(nt(it,this,r),nt(ot,this,r))}catch(t){ot(this,r,t)}},(n=function(t){U(this,{type:D,done:!1,notified:!1,parent:!1,reactions:[],rejection:!1,state:0,value:void 0})}).prototype=h(M.prototype,{then:function(t,r){var e=F(this),n=$(E(this,M));return n.ok="function"!=typeof t||t,n.fail="function"==typeof r&&r,n.domain=W?X.domain:void 0,e.parent=!0,e.reactions.push(n),0!=e.state&&Q(this,e,!1),n.promise},catch:function(t){return this.then(void 0,t)}}),o=function(){var t=new n,r=B(t);this.promise=t,this.resolve=nt(it,t,r),this.reject=nt(ot,t,r)},j.f=$=function(t){return t===M||t===i?new o(t):q(t)},c||"function"!=typeof l||(u=l.prototype.then,p(l.prototype,"then",(function(t,r){var e=this;return new M((function(t,r){u.call(e,t,r)})).then(t,r)}),{unsafe:!0}),"function"==typeof H&&a({global:!0,enumerable:!0,forced:!0},{fetch:function(t){return T(M,H.apply(s,arguments))}}))),a({global:!0,wrap:!0,forced:K},{Promise:M}),d(M,D,!1,!0),v(D),i=f(D),a({target:D,stat:!0,forced:K},{reject:function(t){var r=$(this);return r.reject.call(void 0,t),r.promise}}),a({target:D,stat:!0,forced:c||K},{resolve:function(t){return T(c&&this===i?M:this,t)}}),a({target:D,stat:!0,forced:Y},{all:function(t){var r=this,e=$(r),n=e.resolve,o=e.reject,i=A((function(){var e=g(r.resolve),i=[],u=0,a=1;x(t,(function(t){var c=u++,s=!1;i.push(void 0),a++,e.call(r,t).then((function(t){s||(s=!0,i[c]=t,--a||n(i))}),o)})),--a||n(i)}));return i.error&&o(i.value),e.promise},race:function(t){var r=this,e=$(r),n=e.reject,o=A((function(){var o=g(r.resolve);x(t,(function(t){o.call(r,t).then(e.resolve,n)}))}));return o.error&&n(o.value),e.promise}})},4916:function(t,r,e){"use strict";var n=e(2109),o=e(2261);n({target:"RegExp",proto:!0,forced:/./.exec!==o},{exec:o})},5218:function(t,r,e){"use strict";var n=e(2109),o=e(4230);n({target:"String",proto:!0,forced:e(3429)("anchor")},{anchor:function(t){return o(this,"a","name",t)}})},4475:function(t,r,e){"use strict";var n=e(2109),o=e(4230);n({target:"String",proto:!0,forced:e(3429)("big")},{big:function(){return o(this,"big","","")}})},7929:function(t,r,e){"use strict";var n=e(2109),o=e(4230);n({target:"String",proto:!0,forced:e(3429)("blink")},{blink:function(){return o(this,"blink","","")}})},915:function(t,r,e){"use strict";var n=e(2109),o=e(4230);n({target:"String",proto:!0,forced:e(3429)("bold")},{bold:function(){return o(this,"b","","")}})},9841:function(t,r,e){"use strict";var n=e(2109),o=e(8710).codeAt;n({target:"String",proto:!0},{codePointAt:function(t){return o(this,t)}})},7852:function(t,r,e){"use strict";var n,o=e(2109),i=e(1236).f,u=e(7466),a=e(3929),c=e(4488),s=e(4964),f=e(1913),l="".endsWith,p=Math.min,h=s("endsWith");o({target:"String",proto:!0,forced:!!(f||h||(n=i(String.prototype,"endsWith"),!n||n.writable))&&!h},{endsWith:function(t){var r=String(c(this));a(t);var e=arguments.length>1?arguments[1]:void 0,n=u(r.length),o=void 0===e?n:p(u(e),n),i=String(t);return l?l.call(r,i,o):r.slice(o-i.length,o)===i}})},9253:function(t,r,e){"use strict";var n=e(2109),o=e(4230);n({target:"String",proto:!0,forced:e(3429)("fixed")},{fixed:function(){return o(this,"tt","","")}})},2125:function(t,r,e){"use strict";var n=e(2109),o=e(4230);n({target:"String",proto:!0,forced:e(3429)("fontcolor")},{fontcolor:function(t){return o(this,"font","color",t)}})},8830:function(t,r,e){"use strict";var n=e(2109),o=e(4230);n({target:"String",proto:!0,forced:e(3429)("fontsize")},{fontsize:function(t){return o(this,"font","size",t)}})},4953:function(t,r,e){var n=e(2109),o=e(1400),i=String.fromCharCode,u=String.fromCodePoint;n({target:"String",stat:!0,forced:!!u&&1!=u.length},{fromCodePoint:function(t){for(var r,e=[],n=arguments.length,u=0;n>u;){if(r=+arguments[u++],o(r,1114111)!==r)throw RangeError(r+" is not a valid code point");e.push(r<65536?i(r):i(55296+((r-=65536)>>10),r%1024+56320))}return e.join("")}})},2023:function(t,r,e){"use strict";var n=e(2109),o=e(3929),i=e(4488);n({target:"String",proto:!0,forced:!e(4964)("includes")},{includes:function(t){return!!~String(i(this)).indexOf(o(t),arguments.length>1?arguments[1]:void 0)}})},8734:function(t,r,e){"use strict";var n=e(2109),o=e(4230);n({target:"String",proto:!0,forced:e(3429)("italics")},{italics:function(){return o(this,"i","","")}})},8783:function(t,r,e){"use strict";var n=e(8710).charAt,o=e(9909),i=e(654),u="String Iterator",a=o.set,c=o.getterFor(u);i(String,"String",(function(t){a(this,{type:u,string:String(t),index:0})}),(function(){var t,r=c(this),e=r.string,o=r.index;return o>=e.length?{value:void 0,done:!0}:(t=n(e,o),r.index+=t.length,{value:t,done:!1})}))},9254:function(t,r,e){"use strict";var n=e(2109),o=e(4230);n({target:"String",proto:!0,forced:e(3429)("link")},{link:function(t){return o(this,"a","href",t)}})},6373:function(t,r,e){"use strict";var n=e(2109),o=e(4994),i=e(4488),u=e(7466),a=e(3099),c=e(9670),s=e(4326),f=e(7850),l=e(7066),p=e(8880),h=e(7293),d=e(5112),v=e(6707),y=e(1530),g=e(9909),b=e(1913),m=d("matchAll"),w="RegExp String",x="RegExp String Iterator",S=g.set,E=g.getterFor(x),_=RegExp.prototype,O=_.exec,T="".matchAll,P=!!T&&!h((function(){"a".matchAll(/./)})),j=o((function(t,r,e,n){S(this,{type:x,regexp:t,string:r,global:e,unicode:n,done:!1})}),w,(function(){var t=E(this);if(t.done)return{value:void 0,done:!0};var r=t.regexp,e=t.string,n=function(t,r){var e,n=t.exec;if("function"==typeof n){if("object"!=typeof(e=n.call(t,r)))throw TypeError("Incorrect exec result");return e}return O.call(t,r)}(r,e);return null===n?{value:void 0,done:t.done=!0}:t.global?(""==String(n[0])&&(r.lastIndex=y(e,u(r.lastIndex),t.unicode)),{value:n,done:!1}):(t.done=!0,{value:n,done:!1})})),A=function(t){var r,e,n,o,i,a,s=c(this),f=String(t);return r=v(s,RegExp),void 0===(e=s.flags)&&s instanceof RegExp&&!("flags"in _)&&(e=l.call(s)),n=void 0===e?"":String(e),o=new r(r===RegExp?s.source:s,n),i=!!~n.indexOf("g"),a=!!~n.indexOf("u"),o.lastIndex=u(s.lastIndex),new j(o,f,i,a)};n({target:"String",proto:!0,forced:P},{matchAll:function(t){var r,e,n,o=i(this);if(null!=t){if(f(t)&&!~String(i("flags"in _?t.flags:l.call(t))).indexOf("g"))throw TypeError("`.matchAll` does not allow non-global regexes");if(P)return T.apply(o,arguments);if(void 0===(e=t[m])&&b&&"RegExp"==s(t)&&(e=A),null!=e)return a(e).call(t,o)}else if(P)return T.apply(o,arguments);return r=String(o),n=new RegExp(t,"g"),b?A.call(n,r):n[m](r)}}),b||m in _||p(_,m,A)},4723:function(t,r,e){"use strict";var n=e(7007),o=e(9670),i=e(7466),u=e(4488),a=e(1530),c=e(7651);n("match",1,(function(t,r,e){return[function(r){var e=u(this),n=null==r?void 0:r[t];return void 0!==n?n.call(r,e):new RegExp(r)[t](String(e))},function(t){var n=e(r,t,this);if(n.done)return n.value;var u=o(t),s=String(this);if(!u.global)return c(u,s);var f=u.unicode;u.lastIndex=0;for(var l,p=[],h=0;null!==(l=c(u,s));){var d=String(l[0]);p[h]=d,""===d&&(u.lastIndex=a(s,i(u.lastIndex),f)),h++}return 0===h?null:p}]}))},6528:function(t,r,e){"use strict";var n=e(2109),o=e(6650).end;n({target:"String",proto:!0,forced:e(4986)},{padEnd:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}})},3112:function(t,r,e){"use strict";var n=e(2109),o=e(6650).start;n({target:"String",proto:!0,forced:e(4986)},{padStart:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}})},8992:function(t,r,e){var n=e(2109),o=e(5656),i=e(7466);n({target:"String",stat:!0},{raw:function(t){for(var r=o(t.raw),e=i(r.length),n=arguments.length,u=[],a=0;e>a;)u.push(String(r[a++])),a<n&&u.push(String(arguments[a]));return u.join("")}})},2481:function(t,r,e){e(2109)({target:"String",proto:!0},{repeat:e(8415)})},5306:function(t,r,e){"use strict";var n=e(7007),o=e(9670),i=e(7908),u=e(7466),a=e(9958),c=e(4488),s=e(1530),f=e(7651),l=Math.max,p=Math.min,h=Math.floor,d=/\$([$&'`]|\d\d?|<[^>]*>)/g,v=/\$([$&'`]|\d\d?)/g;n("replace",2,(function(t,r,e,n){var y=n.REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE,g=n.REPLACE_KEEPS_$0,b=y?"$":"$0";return[function(e,n){var o=c(this),i=null==e?void 0:e[t];return void 0!==i?i.call(e,o,n):r.call(String(o),e,n)},function(t,n){if(!y&&g||"string"==typeof n&&-1===n.indexOf(b)){var i=e(r,t,this,n);if(i.done)return i.value}var c=o(t),h=String(this),d="function"==typeof n;d||(n=String(n));var v=c.global;if(v){var w=c.unicode;c.lastIndex=0}for(var x=[];;){var S=f(c,h);if(null===S)break;if(x.push(S),!v)break;""===String(S[0])&&(c.lastIndex=s(h,u(c.lastIndex),w))}for(var E,_="",O=0,T=0;T<x.length;T++){S=x[T];for(var P=String(S[0]),j=l(p(a(S.index),h.length),0),A=[],I=1;I<S.length;I++)A.push(void 0===(E=S[I])?E:String(E));var R=S.groups;if(d){var L=[P].concat(A,j,h);void 0!==R&&L.push(R);var k=String(n.apply(void 0,L))}else k=m(P,h,j,A,R,n);j>=O&&(_+=h.slice(O,j)+k,O=j+P.length)}return _+h.slice(O)}];function m(t,e,n,o,u,a){var c=n+t.length,s=o.length,f=v;return void 0!==u&&(u=i(u),f=d),r.call(a,f,(function(r,i){var a;switch(i.charAt(0)){case"$":return"$";case"&":return t;case"`":return e.slice(0,n);case"'":return e.slice(c);case"<":a=u[i.slice(1,-1)];break;default:var f=+i;if(0===f)return r;if(f>s){var l=h(f/10);return 0===l?r:l<=s?void 0===o[l-1]?i.charAt(1):o[l-1]+i.charAt(1):r}a=o[f-1]}return void 0===a?"":a}))}}))},4765:function(t,r,e){"use strict";var n=e(7007),o=e(9670),i=e(4488),u=e(6029),a=e(7651);n("search",1,(function(t,r,e){return[function(r){var e=i(this),n=null==r?void 0:r[t];return void 0!==n?n.call(r,e):new RegExp(r)[t](String(e))},function(t){var n=e(r,t,this);if(n.done)return n.value;var i=o(t),c=String(this),s=i.lastIndex;u(s,0)||(i.lastIndex=0);var f=a(i,c);return u(i.lastIndex,s)||(i.lastIndex=s),null===f?-1:f.index}]}))},7268:function(t,r,e){"use strict";var n=e(2109),o=e(4230);n({target:"String",proto:!0,forced:e(3429)("small")},{small:function(){return o(this,"small","","")}})},3123:function(t,r,e){"use strict";var n=e(7007),o=e(7850),i=e(9670),u=e(4488),a=e(6707),c=e(1530),s=e(7466),f=e(7651),l=e(2261),p=e(7293),h=[].push,d=Math.min,v=4294967295,y=!p((function(){return!RegExp(v,"y")}));n("split",2,(function(t,r,e){var n;return n="c"=="abbc".split(/(b)*/)[1]||4!="test".split(/(?:)/,-1).length||2!="ab".split(/(?:ab)*/).length||4!=".".split(/(.?)(.?)/).length||".".split(/()()/).length>1||"".split(/.?/).length?function(t,e){var n=String(u(this)),i=void 0===e?v:e>>>0;if(0===i)return[];if(void 0===t)return[n];if(!o(t))return r.call(n,t,i);for(var a,c,s,f=[],p=(t.ignoreCase?"i":"")+(t.multiline?"m":"")+(t.unicode?"u":"")+(t.sticky?"y":""),d=0,y=new RegExp(t.source,p+"g");(a=l.call(y,n))&&!((c=y.lastIndex)>d&&(f.push(n.slice(d,a.index)),a.length>1&&a.index<n.length&&h.apply(f,a.slice(1)),s=a[0].length,d=c,f.length>=i));)y.lastIndex===a.index&&y.lastIndex++;return d===n.length?!s&&y.test("")||f.push(""):f.push(n.slice(d)),f.length>i?f.slice(0,i):f}:"0".split(void 0,0).length?function(t,e){return void 0===t&&0===e?[]:r.call(this,t,e)}:r,[function(r,e){var o=u(this),i=null==r?void 0:r[t];return void 0!==i?i.call(r,o,e):n.call(String(o),r,e)},function(t,o){var u=e(n,t,this,o,n!==r);if(u.done)return u.value;var l=i(t),p=String(this),h=a(l,RegExp),g=l.unicode,b=(l.ignoreCase?"i":"")+(l.multiline?"m":"")+(l.unicode?"u":"")+(y?"y":"g"),m=new h(y?l:"^(?:"+l.source+")",b),w=void 0===o?v:o>>>0;if(0===w)return[];if(0===p.length)return null===f(m,p)?[p]:[];for(var x=0,S=0,E=[];S<p.length;){m.lastIndex=y?S:0;var _,O=f(m,y?p:p.slice(S));if(null===O||(_=d(s(m.lastIndex+(y?0:S)),p.length))===x)S=c(p,S,g);else{if(E.push(p.slice(x,S)),E.length===w)return E;for(var T=1;T<=O.length-1;T++)if(E.push(O[T]),E.length===w)return E;S=x=_}}return E.push(p.slice(x)),E}]}),!y)},3157:function(t,r,e){"use strict";var n,o=e(2109),i=e(1236).f,u=e(7466),a=e(3929),c=e(4488),s=e(4964),f=e(1913),l="".startsWith,p=Math.min,h=s("startsWith");o({target:"String",proto:!0,forced:!!(f||h||(n=i(String.prototype,"startsWith"),!n||n.writable))&&!h},{startsWith:function(t){var r=String(c(this));a(t);var e=u(p(arguments.length>1?arguments[1]:void 0,r.length)),n=String(t);return l?l.call(r,n,e):r.slice(e,e+n.length)===n}})},7397:function(t,r,e){"use strict";var n=e(2109),o=e(4230);n({target:"String",proto:!0,forced:e(3429)("strike")},{strike:function(){return o(this,"strike","","")}})},86:function(t,r,e){"use strict";var n=e(2109),o=e(4230);n({target:"String",proto:!0,forced:e(3429)("sub")},{sub:function(){return o(this,"sub","","")}})},623:function(t,r,e){"use strict";var n=e(2109),o=e(4230);n({target:"String",proto:!0,forced:e(3429)("sup")},{sup:function(){return o(this,"sup","","")}})},8702:function(t,r,e){"use strict";var n=e(2109),o=e(3111).end,i=e(6091)("trimEnd"),u=i?function(){return o(this)}:"".trimEnd;n({target:"String",proto:!0,forced:i},{trimEnd:u,trimRight:u})},5674:function(t,r,e){"use strict";var n=e(2109),o=e(3111).start,i=e(6091)("trimStart"),u=i?function(){return o(this)}:"".trimStart;n({target:"String",proto:!0,forced:i},{trimStart:u,trimLeft:u})},3210:function(t,r,e){"use strict";var n=e(2109),o=e(3111).trim;n({target:"String",proto:!0,forced:e(6091)("trim")},{trim:function(){return o(this)}})},3948:function(t,r,e){var n=e(7854),o=e(8324),i=e(6992),u=e(8880),a=e(5112),c=a("iterator"),s=a("toStringTag"),f=i.values;for(var l in o){var p=n[l],h=p&&p.prototype;if(h){if(h[c]!==f)try{u(h,c,f)}catch(t){h[c]=f}if(h[s]||u(h,s,l),o[l])for(var d in i)if(h[d]!==i[d])try{u(h,d,i[d])}catch(t){h[d]=i[d]}}}},1150:function(t,r,e){var n=e(7633);t.exports=n},9712:function(t,r,e){var n=e(1111);t.exports=n},5666:function(t){var r=function(t){"use strict";var r,e=Object.prototype,n=e.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",u=o.asyncIterator||"@@asyncIterator",a=o.toStringTag||"@@toStringTag";function c(t,r,e){return Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}),t[r]}try{c({},"")}catch(t){c=function(t,r,e){return t[r]=e}}function s(t,r,e,n){var o=r&&r.prototype instanceof y?r:y,i=Object.create(o.prototype),u=new j(n||[]);return i._invoke=function(t,r,e){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 I()}for(e.method=o,e.arg=i;;){var u=e.delegate;if(u){var a=O(u,e);if(a){if(a===v)continue;return a}}if("next"===e.method)e.sent=e._sent=e.arg;else if("throw"===e.method){if(n===l)throw n=d,e.arg;e.dispatchException(e.arg)}else"return"===e.method&&e.abrupt("return",e.arg);n=h;var c=f(t,r,e);if("normal"===c.type){if(n=e.done?d:p,c.arg===v)continue;return{value:c.arg,done:e.done}}"throw"===c.type&&(n=d,e.method="throw",e.arg=c.arg)}}}(t,e,u),i}function f(t,r,e){try{return{type:"normal",arg:t.call(r,e)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var l="suspendedStart",p="suspendedYield",h="executing",d="completed",v={};function y(){}function g(){}function b(){}var m={};m[i]=function(){return this};var w=Object.getPrototypeOf,x=w&&w(w(A([])));x&&x!==e&&n.call(x,i)&&(m=x);var S=b.prototype=y.prototype=Object.create(m);function E(t){["next","throw","return"].forEach((function(r){c(t,r,(function(t){return this._invoke(r,t)}))}))}function _(t,r){function e(o,i,u,a){var c=f(t[o],t,i);if("throw"!==c.type){var s=c.arg,l=s.value;return l&&"object"==typeof l&&n.call(l,"__await")?r.resolve(l.__await).then((function(t){e("next",t,u,a)}),(function(t){e("throw",t,u,a)})):r.resolve(l).then((function(t){s.value=t,u(s)}),(function(t){return e("throw",t,u,a)}))}a(c.arg)}var o;this._invoke=function(t,n){function i(){return new r((function(r,o){e(t,n,r,o)}))}return o=o?o.then(i,i):i()}}function O(t,e){var n=t.iterator[e.method];if(n===r){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=r,O(t,e),"throw"===e.method))return v;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var o=f(n,t.iterator,e.arg);if("throw"===o.type)return e.method="throw",e.arg=o.arg,e.delegate=null,v;var i=o.arg;return i?i.done?(e[t.resultName]=i.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=r),e.delegate=null,v):i:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,v)}function T(t){var r={tryLoc:t[0]};1 in t&&(r.catchLoc=t[1]),2 in t&&(r.finallyLoc=t[2],r.afterLoc=t[3]),this.tryEntries.push(r)}function P(t){var r=t.completion||{};r.type="normal",delete r.arg,t.completion=r}function j(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(T,this),this.reset(!0)}function A(t){if(t){var e=t[i];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,u=function e(){for(;++o<t.length;)if(n.call(t,o))return e.value=t[o],e.done=!1,e;return e.value=r,e.done=!0,e};return u.next=u}}return{next:I}}function I(){return{value:r,done:!0}}return g.prototype=S.constructor=b,b.constructor=g,g.displayName=c(b,a,"GeneratorFunction"),t.isGeneratorFunction=function(t){var r="function"==typeof t&&t.constructor;return!!r&&(r===g||"GeneratorFunction"===(r.displayName||r.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,b):(t.__proto__=b,c(t,a,"GeneratorFunction")),t.prototype=Object.create(S),t},t.awrap=function(t){return{__await:t}},E(_.prototype),_.prototype[u]=function(){return this},t.AsyncIterator=_,t.async=function(r,e,n,o,i){void 0===i&&(i=Promise);var u=new _(s(r,e,n,o),i);return t.isGeneratorFunction(e)?u:u.next().then((function(t){return t.done?t.value:u.next()}))},E(S),c(S,a,"Generator"),S[i]=function(){return this},S.toString=function(){return"[object Generator]"},t.keys=function(t){var r=[];for(var e in t)r.push(e);return r.reverse(),function e(){for(;r.length;){var n=r.pop();if(n in t)return e.value=n,e.done=!1,e}return e.done=!0,e}},t.values=A,j.prototype={constructor:j,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=r,this.done=!1,this.delegate=null,this.method="next",this.arg=r,this.tryEntries.forEach(P),!t)for(var e in this)"t"===e.charAt(0)&&n.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=r)},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 e=this;function o(n,o){return a.type="throw",a.arg=t,e.next=n,o&&(e.method="next",e.arg=r),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var u=this.tryEntries[i],a=u.completion;if("root"===u.tryLoc)return o("end");if(u.tryLoc<=this.prev){var c=n.call(u,"catchLoc"),s=n.call(u,"finallyLoc");if(c&&s){if(this.prev<u.catchLoc)return o(u.catchLoc,!0);if(this.prev<u.finallyLoc)return o(u.finallyLoc)}else if(c){if(this.prev<u.catchLoc)return o(u.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<u.finallyLoc)return o(u.finallyLoc)}}}},abrupt:function(t,r){for(var e=this.tryEntries.length-1;e>=0;--e){var o=this.tryEntries[e];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=r&&r<=i.finallyLoc&&(i=null);var u=i?i.completion:{};return u.type=t,u.arg=r,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(u)},complete:function(t,r){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&&r&&(this.next=r),v},finish:function(t){for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r];if(e.finallyLoc===t)return this.complete(e.completion,e.afterLoc),P(e),v}},catch:function(t){for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r];if(e.tryLoc===t){var n=e.completion;if("throw"===n.type){var o=n.arg;P(e)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:A(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=r),v}},t}(t.exports);try{regeneratorRuntime=r}catch(t){Function("r","regeneratorRuntime = r")(r)}},7147:function(t,r,e){"use strict";var n="undefined"!=typeof globalThis&&globalThis||"undefined"!=typeof self&&self||void 0!==n&&n,o="URLSearchParams"in n,i="Symbol"in n&&"iterator"in Symbol,u="FileReader"in n&&"Blob"in n&&function(){try{return new Blob,!0}catch(t){return!1}}(),a="FormData"in n,c="ArrayBuffer"in n;if(c)var s=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],f=ArrayBuffer.isView||function(t){return t&&s.indexOf(Object.prototype.toString.call(t))>-1};function l(t){if("string"!=typeof t&&(t=String(t)),/[^a-z0-9\-#$%&'*+.^_`|~!]/i.test(t)||""===t)throw new TypeError("Invalid character in header field name");return t.toLowerCase()}function p(t){return"string"!=typeof t&&(t=String(t)),t}function h(t){var r={next:function(){var r=t.shift();return{done:void 0===r,value:r}}};return i&&(r[Symbol.iterator]=function(){return r}),r}function d(t){this.map={},t instanceof d?t.forEach((function(t,r){this.append(r,t)}),this):Array.isArray(t)?t.forEach((function(t){this.append(t[0],t[1])}),this):t&&Object.getOwnPropertyNames(t).forEach((function(r){this.append(r,t[r])}),this)}function v(t){if(t.bodyUsed)return Promise.reject(new TypeError("Already read"));t.bodyUsed=!0}function y(t){return new Promise((function(r,e){t.onload=function(){r(t.result)},t.onerror=function(){e(t.error)}}))}function g(t){var r=new FileReader,e=y(r);return r.readAsArrayBuffer(t),e}function b(t){if(t.slice)return t.slice(0);var r=new Uint8Array(t.byteLength);return r.set(new Uint8Array(t)),r.buffer}function m(){return this.bodyUsed=!1,this._initBody=function(t){var r;this.bodyUsed=this.bodyUsed,this._bodyInit=t,t?"string"==typeof t?this._bodyText=t:u&&Blob.prototype.isPrototypeOf(t)?this._bodyBlob=t:a&&FormData.prototype.isPrototypeOf(t)?this._bodyFormData=t:o&&URLSearchParams.prototype.isPrototypeOf(t)?this._bodyText=t.toString():c&&u&&((r=t)&&DataView.prototype.isPrototypeOf(r))?(this._bodyArrayBuffer=b(t.buffer),this._bodyInit=new Blob([this._bodyArrayBuffer])):c&&(ArrayBuffer.prototype.isPrototypeOf(t)||f(t))?this._bodyArrayBuffer=b(t):this._bodyText=t=Object.prototype.toString.call(t):this._bodyText="",this.headers.get("content-type")||("string"==typeof t?this.headers.set("content-type","text/plain;charset=UTF-8"):this._bodyBlob&&this._bodyBlob.type?this.headers.set("content-type",this._bodyBlob.type):o&&URLSearchParams.prototype.isPrototypeOf(t)&&this.headers.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"))},u&&(this.blob=function(){var t=v(this);if(t)return t;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(){if(this._bodyArrayBuffer){var t=v(this);return t||(ArrayBuffer.isView(this._bodyArrayBuffer)?Promise.resolve(this._bodyArrayBuffer.buffer.slice(this._bodyArrayBuffer.byteOffset,this._bodyArrayBuffer.byteOffset+this._bodyArrayBuffer.byteLength)):Promise.resolve(this._bodyArrayBuffer))}return this.blob().then(g)}),this.text=function(){var t,r,e,n=v(this);if(n)return n;if(this._bodyBlob)return t=this._bodyBlob,r=new FileReader,e=y(r),r.readAsText(t),e;if(this._bodyArrayBuffer)return Promise.resolve(function(t){for(var r=new Uint8Array(t),e=new Array(r.length),n=0;n<r.length;n++)e[n]=String.fromCharCode(r[n]);return e.join("")}(this._bodyArrayBuffer));if(this._bodyFormData)throw new Error("could not read FormData body as text");return Promise.resolve(this._bodyText)},a&&(this.formData=function(){return this.text().then(S)}),this.json=function(){return this.text().then(JSON.parse)},this}d.prototype.append=function(t,r){t=l(t),r=p(r);var e=this.map[t];this.map[t]=e?e+", "+r:r},d.prototype.delete=function(t){delete this.map[l(t)]},d.prototype.get=function(t){return t=l(t),this.has(t)?this.map[t]:null},d.prototype.has=function(t){return this.map.hasOwnProperty(l(t))},d.prototype.set=function(t,r){this.map[l(t)]=p(r)},d.prototype.forEach=function(t,r){for(var e in this.map)this.map.hasOwnProperty(e)&&t.call(r,this.map[e],e,this)},d.prototype.keys=function(){var t=[];return this.forEach((function(r,e){t.push(e)})),h(t)},d.prototype.values=function(){var t=[];return this.forEach((function(r){t.push(r)})),h(t)},d.prototype.entries=function(){var t=[];return this.forEach((function(r,e){t.push([e,r])})),h(t)},i&&(d.prototype[Symbol.iterator]=d.prototype.entries);var w=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];function x(t,r){if(!(this instanceof x))throw new TypeError('Please use the "new" operator, this DOM object constructor cannot be called as a function.');var e,n,o=(r=r||{}).body;if(t instanceof x){if(t.bodyUsed)throw new TypeError("Already read");this.url=t.url,this.credentials=t.credentials,r.headers||(this.headers=new d(t.headers)),this.method=t.method,this.mode=t.mode,this.signal=t.signal,o||null==t._bodyInit||(o=t._bodyInit,t.bodyUsed=!0)}else this.url=String(t);if(this.credentials=r.credentials||this.credentials||"same-origin",!r.headers&&this.headers||(this.headers=new d(r.headers)),this.method=(e=r.method||this.method||"GET",n=e.toUpperCase(),w.indexOf(n)>-1?n:e),this.mode=r.mode||this.mode||null,this.signal=r.signal||this.signal,this.referrer=null,("GET"===this.method||"HEAD"===this.method)&&o)throw new TypeError("Body not allowed for GET or HEAD requests");if(this._initBody(o),!("GET"!==this.method&&"HEAD"!==this.method||"no-store"!==r.cache&&"no-cache"!==r.cache)){var i=/([?&])_=[^&]*/;if(i.test(this.url))this.url=this.url.replace(i,"$1_="+(new Date).getTime());else{this.url+=(/\?/.test(this.url)?"&":"?")+"_="+(new Date).getTime()}}}function S(t){var r=new FormData;return t.trim().split("&").forEach((function(t){if(t){var e=t.split("="),n=e.shift().replace(/\+/g," "),o=e.join("=").replace(/\+/g," ");r.append(decodeURIComponent(n),decodeURIComponent(o))}})),r}function E(t,r){if(!(this instanceof E))throw new TypeError('Please use the "new" operator, this DOM object constructor cannot be called as a function.');r||(r={}),this.type="default",this.status=void 0===r.status?200:r.status,this.ok=this.status>=200&&this.status<300,this.statusText="statusText"in r?r.statusText:"",this.headers=new d(r.headers),this.url=r.url||"",this._initBody(t)}x.prototype.clone=function(){return new x(this,{body:this._bodyInit})},m.call(x.prototype),m.call(E.prototype),E.prototype.clone=function(){return new E(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new d(this.headers),url:this.url})},E.error=function(){var t=new E(null,{status:0,statusText:""});return t.type="error",t};var _=[301,302,303,307,308];E.redirect=function(t,r){if(-1===_.indexOf(r))throw new RangeError("Invalid status code");return new E(null,{status:r,headers:{location:t}})};var O=n.DOMException;try{new O}catch(t){(O=function(t,r){this.message=t,this.name=r;var e=Error(t);this.stack=e.stack}).prototype=Object.create(Error.prototype),O.prototype.constructor=O}function T(t,r){return new Promise((function(e,o){var i=new x(t,r);if(i.signal&&i.signal.aborted)return o(new O("Aborted","AbortError"));var a=new XMLHttpRequest;function s(){a.abort()}a.onload=function(){var t,r,n={status:a.status,statusText:a.statusText,headers:(t=a.getAllResponseHeaders()||"",r=new d,t.replace(/\r?\n[\t ]+/g," ").split(/\r?\n/).forEach((function(t){var e=t.split(":"),n=e.shift().trim();if(n){var o=e.join(":").trim();r.append(n,o)}})),r)};n.url="responseURL"in a?a.responseURL:n.headers.get("X-Request-URL");var o="response"in a?a.response:a.responseText;setTimeout((function(){e(new E(o,n))}),0)},a.onerror=function(){setTimeout((function(){o(new TypeError("Network request failed"))}),0)},a.ontimeout=function(){setTimeout((function(){o(new TypeError("Network request failed"))}),0)},a.onabort=function(){setTimeout((function(){o(new O("Aborted","AbortError"))}),0)},a.open(i.method,function(t){try{return""===t&&n.location.href?n.location.href:t}catch(r){return t}}(i.url),!0),"include"===i.credentials?a.withCredentials=!0:"omit"===i.credentials&&(a.withCredentials=!1),"responseType"in a&&(u?a.responseType="blob":c&&i.headers.get("Content-Type")&&-1!==i.headers.get("Content-Type").indexOf("application/octet-stream")&&(a.responseType="arraybuffer")),!r||"object"!=typeof r.headers||r.headers instanceof d?i.headers.forEach((function(t,r){a.setRequestHeader(r,t)})):Object.getOwnPropertyNames(r.headers).forEach((function(t){a.setRequestHeader(t,p(r.headers[t]))})),i.signal&&(i.signal.addEventListener("abort",s),a.onreadystatechange=function(){4===a.readyState&&i.signal.removeEventListener("abort",s)}),a.send(void 0===i._bodyInit?null:i._bodyInit)}))}T.polyfill=!0,n.fetch||(n.fetch=T,n.Headers=d,n.Request=x,n.Response=E)}},r={};function e(n){if(r[n])return r[n].exports;var o=r[n]={exports:{}};return t[n](o,o.exports,e),o.exports}e.d=function(t,r){for(var n in r)e.o(r,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:r[n]})},e.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),e.o=function(t,r){return Object.prototype.hasOwnProperty.call(t,r)},e(5666),e(1150),e(9712),e(7147),e(1391),e(9135)}();</script> <link rel="preload" href="https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/fonts/reith/r2.512/BBCReithSans_W_Rg.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/fonts/reith/r2.512/BBCReithSerif_W_Rg.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/fonts/reith/r2.512/BBCReithSans_W_It.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/fonts/reith/r2.512/BBCReithSerif_W_It.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/fonts/reith/r2.512/BBCReithSans_W_Bd.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/fonts/reith/r2.512/BBCReithSerif_W_Bd.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/fonts/reith/r2.512/BBCReithSans_W_BdIt.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/fonts/reith/r2.512/BBCReithSerif_W_BdIt.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/fonts/reith/r2.512/BBCReithSans_W_Lt.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/fonts/reith/r2.512/BBCReithSerif_W_Lt.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/fonts/reith/r2.512/BBCReithSans_W_LtIt.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/fonts/reith/r2.512/BBCReithSerif_W_LtIt.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/fonts/reith/r2.512/BBCReithSans_W_ExBd.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/fonts/reith/r2.512/BBCReithSerif_W_ExBd.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/fonts/reith/r2.512/BBCReithSans_W_ExBdIt.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/fonts/reith/r2.512/BBCReithSerif_W_ExBdIt.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/fonts/reith/r2.512/BBCReithSans_W_Md.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/fonts/reith/r2.512/BBCReithSerif_W_Md.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/fonts/reith/r2.512/BBCReithSans_W_MdIt.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/fonts/reith/r2.512/BBCReithSerif_W_MdIt.woff2" as="font" type="font/woff2" crossorigin> <link rel="stylesheet" href="https://web.archive.org/web/20210104040138cs_/https://static.files.bbci.co.uk/orbit/7ba98e3db9d415f8cbdb0978bf084f9e/css/orb-ltr.min.css"> <script src="https://web.archive.org/web/20210104040138js_/https://static.files.bbci.co.uk/orbit/7ba98e3db9d415f8cbdb0978bf084f9e/js/api-forge-free.min.js"></script>       <link rel="stylesheet" href="https://web.archive.org/web/20210104040138cs_/https://static.files.bbci.co.uk/account/id-cta/1.53.0/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/20210104040138/https://idcta.api.bbc.co.uk';var ENDPOINT_CONFIG = ('/idcta/config?callback=&ptrt=' + encodeURIComponent((ptrt ? ptrt[1] : 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/20210104040138/https://static.files.bbci.co.uk/account/id-cta/1.53.0/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/20210104040138/https://static.files.bbci.co.uk/account/id-cta/1.8.2/modules/idcta';map['idcta-v2/idcta-1'] = 'https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/account/id-cta/1.53.0/modules/idcta-v2/dist/idcta-1.min';map['idcta-v2/experiment-snippet'] = 'https://web.archive.org/web/20210104040138/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 type="text/javascript"> // Globally available search context window.SEARCHBOX={"variant":"cbeebies","locale":"en","feature":"akamai-idcta","navSearchboxStaticPrefix":"https://web.archive.org/web/20210104040138/https://nav.files.bbci.co.uk/searchbox/5bd951f6aac2ac491095aed2c248e936/","searchboxAppStaticPrefix":"https://web.archive.org/web/20210104040138/https://nav.files.bbci.co.uk/searchbox/5bd951f6aac2ac491095aed2c248e936/drawer","searchFormHtml":"<div tabindex=\"-1\"><div><section class=\"se-searchbox-panel\"><div class=\"se-g-wrap\"><div class=\"se-g-layout\"><div class=\"se-g-layout__item se-searchbox-title\" aria-hidden=\"true\">search</div><div class=\"se-g-layout__item se-searchbox\"><form accept-charset=\"utf-8\" id=\"searchboxDrawerForm\" method=\"get\" action=\"https://search.bbc.co.uk/search\"><label class=\"se-searchbox__input\" for=\"se-searchbox-input-field\"><span class=\"se-sr-only\">Search Term</span><div><input type=\"text\" name=\"q\" value=\"\" id=\"se-searchbox-input-field\" class=\"se-searchbox__input__field\" maxLength=\"100\" autoComplete=\"off\" autoCorrect=\"off\" autoCapitalize=\"off\" spellcheck=\"false\" tabindex=\"0\"/></div></label><input type=\"hidden\" name=\"scope\" value=\"\"/><button type=\"submit\" class=\"se-searchbox__submit\" tabindex=\"0\" data-bbc-container=\"se-searchbox-panel\" data-bbc-title=\"search-icon\" data-bbc-metadata=\"{"PAR":"form::1","CHD":"button::1"}\" data-bbc-personalisation=\"{"QRY":""}\">Search</button><button type=\"button\" class=\"se-searchbox__clear se-searchbox__clear--visible\" tabindex=\"0\" data-bbc-container=\"se-searchbox-panel\" data-bbc-title=\"clear-icon\" data-bbc-metadata=\"{"PAR":"form::1","CHD":"button::2"}\" data-bbc-personalisation=\"{"QRY":""}\">Close</button></form></div></div></div></section><div aria-live=\"polite\" aria-atomic=\"true\" class=\"se-suggestions-container\"><section class=\"se-g-wrap\"></section></div></div></div>","searchScopePlaceholder":"<input type=\"hidden\" name=\"scope\" id=\"orb-search-scope\" value=\"cbeebies\">","searchScopeParam":"?scope=cbeebies","searchScopeTemplate":"cbeebies","searchPlaceholderWrapperStart":"","searchPlaceholderWrapperEnd":""}; window.SEARCHBOX.searchScope = SEARCHBOX.searchScopeTemplate.split('-')[0]; </script> <link rel="stylesheet" href="https://web.archive.org/web/20210104040138cs_/https://nav.files.bbci.co.uk/searchbox/5bd951f6aac2ac491095aed2c248e936/css/main.css">   <script src="https://web.archive.org/web/20210104040138js_/https://nav.files.bbci.co.uk/orbit-webmodules/0.0.2-558.1392f15/cookie-banner/cookie-library.min.js"></script><script type="text/javascript">if (window.define !== undefined) { 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/20210104040138/https://mybbc-analytics.files.bbci.co.uk/reverb-client-js/",window.__smarttagVersion="5.22.0",window.__reverb={},window.__reverb.__reverbLoadedPromise=new Promise(function(e,n){window.__reverb.__resolveReverbLoaded=e,window.__reverb.__rejectReverbLoaded=n}),window.__reverb.__reverbTimeout=setTimeout(function(){window.__reverb.__rejectReverbLoaded()},5e3);var n=function(r,d){window.__reverb.__reverbLoadedPromise.then(function(e){if(r&&r.detail){var n=r.detail.label,t=r.detail.type,i=r.detail.elem,o=r.detail.originalEvent;r.detail.isClick&&(d=r.detail.isClick),e.userActionEvent(t,n,r.detail,i,o,d)}},function(){console.log("Reverb failed to load. Event not sent")})};document.addEventListener("bbc-user-event",function(e){n(e,!1)}),document.addEventListener("bbc-user-click",function(e){n(e,!0)}),document.addEventListener("bbc-page-updated",function(){window.__reverb.__reverbLoadedPromise.then(function(e){e.initialise().then(function(){return e.viewEvent()})},function(){console.log("Reverb failed to load. Event not sent")})})}();</script><script type="text/javascript" src="https://web.archive.org/web/20210104040138js_/https://mybbc-analytics.files.bbci.co.uk/reverb-client-js/reverb-1.6.1.js" async></script> <script> require.config({ paths: { 'optimizely-ati': ['https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/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 = "https://web.archive.org/web/20210104040138/https://www.cbeebies.com"; } }).catch(function(error) { console.error(error) }) } </script> <script type="text/javascript" src="https://web.archive.org/web/20210104040138js_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/libraries/modernizr.js"></script> <script> define('modernizr', [], Modernizr); </script> <script type="text/javascript" src="https://web.archive.org/web/20210104040138js_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/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(); /* u302814203967932 */</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': 'cbeebies', '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/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts', 'cbeebies': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/cbeebies', 'cbbc': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/cbbc', 'jquery': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/libraries/jquery', 'jquery-1': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/libraries/jquery/jquery', 'jquery-1.9': 'https://web.archive.org/web/20210104040138/https://static.bbci.co.uk/frameworks/jquery/0.4.1/sharedmodules/jquery-1.9.1', 'lib': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/libraries', 'bump-3': 'https://web.archive.org/web/20210104040138/https://emp.bbci.co.uk/emp/bump-3/bump-3', 'bump-4': 'https://web.archive.org/web/20210104040138/https://emp.bbci.co.uk/emp/bump-4/bump-4', 'embed': 'https://web.archive.org/web/20210104040138/https://play.bbc.co.uk/play/sdk/embed/v1/latest', 'lib/Imager': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/libraries/Imager.min', 'TweenMax': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/libraries/gsap/TweenMax.min', 'TimelineMax': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/libraries/gsap/TweenMax.min', 'echo-11.2.2': 'https://web.archive.org/web/20210104040138/https://mybbc-analytics.files.bbci.co.uk/echo-client-js/echo-11.2.2.min', 'lib/riddle': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/libraries/riddle/embed-3.3.min', 'lib/minpubsub': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/libraries/minpubsub.min', 'uasclient': 'https://web.archive.org/web/20210104040138/https://static.bbci.co.uk/uasclient/0.1.40/modules/uasclient', 'activity-button': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/activity-button', 'activity-button/activity-button': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/personalisation/personalisation.min', 'reads': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/reads', 'reads/reads': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/personalisation/personalisation.min', 'reads-carousel': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/reads-carousel', 'reads-carousel/reads-carousel': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/personalisation/personalisation.min', 'angular': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/angular', 'angular/app': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/angular/app.min', 'stats': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/stats', 'stats/riddle-events': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/stats/riddle-events.min', 'stats/stats': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/stats/stats.min', 'confetti': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/confetti', 'confetti/confetti': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/confetti/confetti.min', 'follows-panel': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/follows-panel', 'follows-panel/childrens-follows-panel': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/personalisation/personalisation.min', 'personalisation': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/personalisation', 'domReady': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/libraries/require/domReady.min', 'relay-1': 'https://web.archive.org/web/20210104040138/https://static.bbci.co.uk/frameworks/relay/0.2.6/sharedmodules/relay-1', 'jssignals-1': 'https://web.archive.org/web/20210104040138/https://static.bbci.co.uk/frameworks/jssignals/0.3.6/modules/jssignals-1', 'vote-wrapper': 'https://web.archive.org/web/20210104040138/https://account-wrapper.files.bbci.co.uk/vote-wrapper.min', 'event-stream': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/javascripts/event-stream/event-stream.min', 'riddle/auto-scroll': 'https://web.archive.org/web/20210104040138/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/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('cbeebies'); } istats.addLabels({ "page_type" : "content", "children_curation" : "get-out-and-about", "children_show" : "topsy-and-tim", "children_index" : "watch", "children_topic" : "none", "children_collection" : "get-out-and-about", "children_oj_campaign" : "cbeebies.puzzles.topsy_tim_school_quiz.page-cbeebies.watch.top_five_funny_family_moments.page-cbeebies.watch.topsy_tim_top_tips_school.page", "children_primary_content" : "bid-intro_new.jpg", "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"> <div id="cookiePrompt"></div> <noscript><p style="position: absolute; top: -999em"><img src="https://web.archive.org/web/20210104040138im_/https://a1.api.bbc.co.uk/hit.xiti?&col=1&from=p&ptag=js&s=598253&p=watch::unknown&x1=[urn:bbc:isite2:dd48b584-7bf4-4474-a6e7-c7e921f171a0]&x2=[responsive]&x3=[bbc_website]&x4=[en]&x7=[article]&x8=[reverb-1.6.1-nojs]&x11=[cbeebies]&x12=[cbeebies]" height="1" width="1" alt=""></p></noscript> <header id="orb-banner" role="banner" aria-label="BBC"><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/20210104040138/https://www.bbc.co.uk/">Homepage</a></div><section><div class="orb-skip-links"><h2>Accessibility links</h2><ul><li><a href="#main-content">Skip to content</a></li><li><a id="orb-accessibility-help" href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/accessibility/">Accessibility Help</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/20210104040138/https://account.bbc.com/account?ptrt=https://www.bbc.co.uk/cbeebies/watch/5-tips-for-learning-to-ride-a-bike"><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 role="navigation" aria-label="BBC" class="orb-nav"><div class="orb-nav-section orb-nav-links orb-nav-focus" id="orb-nav-links"><ul><li class="orb-nav-cbeebies"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/cbeebies">CBeebies</a></li><li class="orb-nav-iplayer"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/tv/cbeebies">CBeebies iPlayer</a></li><li class="orb-nav-grownups orb-d"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/cbeebies/grownups">Grown-ups</a></li><li class="orb-nav-cbeebiesguide"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/iplayer/guide/cbeebies">TV Guide</a></li><li class="orb-nav-cbbc"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/cbbc">CBBC</a></li><li class="orb-nav-cbeebiesbitesize orb-d"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/bitesize">Bitesize</a></li><li id="orb-nav-more" style="width: 88px" aria-controls="orb-panel-more"><a href="#orb-footer" data-alt="More" class="istats-notrack">Menu<span class="orb-icon orb-icon-arrow"></span></a></li></ul></div></nav><div class="orb-nav-section orb-nav-search"> <a class="orb-search__button" href="https://web.archive.org/web/20210104040138/https://search.bbc.co.uk/search?scope=cbeebies" title="Search the BBC">Search</a><form class="b-f" id="orb-search-form" role="search" method="get" action="https://web.archive.org/web/20210104040138/https://search.bbc.co.uk/search" accept-charset="utf-8"><div><input type="hidden" name="scope" id="orb-search-scope" value="cbeebies"><label for="orb-search-q">Search the BBC</label><input id="orb-search-q" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" maxlength="100" name="q" placeholder="Search"><button id="orb-search-button" class="orb-search__button">Search the BBC</button><input type="hidden" name="suggid" id="orb-search-suggid"></div></form> </div></div><div id="orb-panels"></div></div></header>  <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--cbeebies childrens-wrapper--content-item childrens-wrapper--watch childrens-wrapper--background feature-flag feature-flag--search-bar feature-flag--puzzles-and-quizzes 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="get-out-and-about" data-stats-children-show="topsy-and-tim" data-stats-children-index="watch" data-stats-children-topic="none" data-stats-children-collection="get-out-and-about" data-stats-children-oj-campaign="cbeebies.puzzles.topsy_tim_school_quiz.page-cbeebies.watch.top_five_funny_family_moments.page-cbeebies.watch.topsy_tim_top_tips_school.page" data-stats-children-page-intention="false" data-stats-children-primary-content="bid-intro_new.jpg" 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/20210104040138/https://www.bbc.co.uk/cbeebies" data-stats-interaction="navigation" data-stats-interaction-variant="home_logo"> <svg version="1.1" id="small-menu-logo" class="logo logo--cbeebies logo--animated menu__logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 126 54" enable-background="new 0 0 126 54" xml:space="preserve" preserveaspectratio="xMaxYMin meet"> <g class="logo__part logo__part--character logo__part--c"> <g> <g> <g> <path d="M10.6,22.7c-1.8,0-3.4,0.7-4.7,2C2.3,28.2-5,37.8,5.4,49c3.5,3.8,7.2,5.8,10.8,5.8c4.5,0,7.7-2.9,9.2-4.3 c0.1-0.1,0.3-0.3,0.4-0.4c1.7-1.5,4.6-5.2,4.8-8.5c0.1-1.5-0.4-2.8-1.3-3.8c-0.3-0.3-0.4-0.6-0.8-0.8c-0.6-0.3-1.1-0.6-1.5-1 c-0.6-0.5-1.2-1.4-1.6-1.7c-0.6-0.4-1.2-0.5-1.8-0.5c-0.7,0-1.9,0.2-2.8,1.4c-0.8,1.1-0.8,2.6-1,4c-0.1,0.9-0.4,2.9-0.9,3 c-0.4,0.2-0.8,0.2-1.2,0.2c-1.2,0-2.4-0.7-3.6-2.2c-0.8-1-1.4-2.4-1.7-3.7c0.6,0.5,1.3,0.9,2.4,1c0.3,0.1,0.6,0.1,0.9,0.1 c2.6,0,5.7-1.8,6.6-4.3c0.2-1.8-0.4-4.5-2.4-6.1C17.2,25,13.9,22.7,10.6,22.7L10.6,22.7C10.6,22.7,10.6,22.7,10.6,22.7 L10.6,22.7z"></path> <path fill="#FFE500" d="M15.2,35.9c3.2,0.6,7.6-4,3.6-7.2c-4-3.2-8.4-6-11.7-2.7c-3.4,3.4-9.7,11.7-0.4,21.8 c9.2,10.1,16,2.7,18,1s5.9-7,3.4-9.7c-2.6-2.7-4.4-4.4-5.6-2.6c-1.2,1.7-0.4,6.7-2.9,7.6c-2.4,0.9-4.6,0-6.7-2.5 c-2.1-2.6-3.4-8.4-1.4-8.9C13.3,32,12,35.4,15.2,35.9z"></path> </g> </g> </g> </g><g class="logo__part logo__part--character logo__part--b1"> <g> <g> <path d="M33.1,12.5c-2.1,0-4.2,0.5-6,1.3C24.3,15.3,17,19.3,21,31.6c0.1,0.7,0.4,2,0.9,2.7c0.3,0.4,1,0.6,1.1,0.8 c0.2,0.3,2.2,1.1,2.9,1.8c0.8,0.7,1.2,1.4,1.8,1.7c2.5,1.4,5,1.7,6.8,1.7c2.4,0,4.9-0.6,7-1.6c2-0.9,5.5-3,6.6-6.4 c0.6-1.8,0.4-3.7-0.6-5.5c-0.4-0.7-0.9-1.3-1.4-1.7c-0.2-0.2-0.6-0.2-0.8-0.4c-0.4-0.3-0.7-0.6-1.1-0.8c-1.1-0.4-2.2-0.6-3.1-0.8 c-1.4-0.2-2.1-0.4-2.4-0.7c0.1-0.4,0.3-1,0.5-1.5c0.7-1.8,1.6-4.2,0.2-6C38.4,13.4,36.1,12.5,33.1,12.5L33.1,12.5z"></path> <path fill="#FFE500" d="M27.9,15.4c-3.6,1.9-8.7,5.1-4.6,15.1c4.1,9.9,13.3,8.6,17.5,6.6c4-1.9,7.5-5.4,5.2-9.5 c-2.1-4-7.7-1.6-9-4.7c-0.5-1.4,2.4-5.2,1-7C36.7,14.1,31.6,13.7,27.9,15.4z"></path> </g> </g> <g> <path fill="#50318E" d="M31.8,24.3c1.5-1.7,1.1-5.4-0.7-5.9c-2.6-0.7-4.6,3.1-4,4.4C27.9,24.1,30.3,26,31.8,24.3z"></path> </g> <g> <path fill="#50318E" d="M38.7,31c-0.5,1.5-2.2,3.6-4.4,2.9s-3.7-3.9-2.4-5C33.4,27.9,40.3,26.5,38.7,31z"></path> </g> </g><g class="logo__part logo__part--character logo__part--e1"> <g> <g> <path d="M47.8,8.2c-1.7,0-3.4,0.7-4.6,1.8c-5.2,4.8-4.3,10.5-1.1,14.1c0.4,0.5,0.9,0.9,1.4,1.3c0.3,0.2,0.6,0.3,0.9,0.4 c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.3,0.3c1.4,0.8,3,1.1,4.5,1.1c2.6,0,5.1-1.1,7.3-3.1c2.5-2.2,2.1-4,1.3-5.5 c0-0.1-0.1-0.1-0.1-0.2c-0.5-1.2-1.8-2.4-3.2-2.6c0.4-1.8-0.4-3.8-1.3-5l-0.1-0.1L53.5,11C51.5,8.7,49.3,8.2,47.8,8.2L47.8,8.2z"></path> <path fill="#FFE500" d="M44.4,11.3c-3.2,3-4.5,7.6-1,11.6c2.9,3.1,7.9,4.4,12.4,0.2c2-1.7,1.2-2.6,0.7-3.6 c-0.4-1-1.9-2.1-2.6-1.4c-0.7,0.7-1.1,1.7-2,2.5c-1.2,1.1-5.2,0.4-3.9-0.9c0.7-0.7,2.9-1.5,4.6-3.1c1.2-1.1,0.1-3.6-0.5-4.5 C49.3,9,45.9,10,44.4,11.3z"></path> </g> </g> <g> <path fill="#50318E" d="M44.8,16.9c0.5,1.1,2.6,0.6,3.6-0.4c1-1,1.9-2.5,0.6-3.6C47,11.2,44,15.2,44.8,16.9z"></path> </g> </g><g class="logo__part logo__part--character logo__part--e2"> <g> <g> <path d="M67.1,9.1c-6.8,0-10,4.7-10.2,9.3c-0.1,5,3.1,10.4,10.5,10.7c0.2,0,0.3,0,0.5,0c3.3,0,4-2,4.3-2.9c0-0.1,0.1-0.2,0.1-0.2 c0.4-1.1,0.4-2.9-0.4-4.1c1.6-1.1,2.4-3.4,2.6-4.6l0-0.1v-0.1c0-5.2-3.6-7.8-6.9-8l0,0l0,0C67.3,9.1,67.2,9.1,67.1,9.1L67.1,9.1z "></path> <path fill="#FFE500" d="M67.4,11c-4.4-0.1-8.5,2.4-8.7,7.6c-0.1,4.2,2.6,8.6,8.7,8.9c2.6,0.1,2.7-1,3.1-2c0.4-1,0.1-2.9-0.9-2.9 c-1,0-2,0.5-3.1,0.5c-1.7,0-4-3.4-2.1-3.2c1.1,0,3.1,0.9,5.5,1c1.6,0,2.6-2.5,2.7-3.6C72.6,12.6,69.4,11.1,67.4,11z"></path> </g> </g> <g> <path fill="#50318E" d="M64.9,16.1c-0.4,1.1,1.2,2.4,2.5,2.2c1.2,0,2.7-0.5,2.6-2.1C69.7,13.4,65.5,14.3,64.9,16.1z"></path> </g> </g><g class="logo__part logo__part--character logo__part--b2"> <g> <g> <path d="M82.3,0.4c-2.1,0-3.8,1-4.7,2.9c-0.3,0.5-1,1.5-1.5,3.4l0,0l0,0c0,0.1-0.4,1.8-0.5,3l0,0.1V10c0,0.2,0,0.6,0,0.9 c0,0.5-0.1,1-0.1,1.6c0,0,0,0,0,0c0,0,0,0.4-0.2,1.4c-0.1,0.5-0.6,1.1-1.2,2.1c-0.3,0.4-0.6,0.8-0.9,1.3c-0.2,0.3-1,1.6-1.3,2.6 c-0.3,0.8-1.7,4.5,0.1,8.9c1.3,3.7,4.9,6.1,9.3,6.1c1.6,0,3.2-0.3,4.7-1c1-0.4,1.7-1,2.2-1.3l0.1-0.1c0.5-0.4,0.9-0.8,1-1 c0.3-0.3,0.6-0.7,0.8-1.1c0.3-0.5,0.2-1.1,0.5-1.6c0.4-0.8,1.1-1.2,1.1-1.4c0.9-2.6,0.8-4.7,0.7-5.7v-0.1v-0.2L92.4,21 c0-0.2-0.1-0.3-0.1-0.4c0-0.2-0.1-0.5-0.2-0.9c-0.7-2.7-3.2-4.3-6.4-4.3c-0.6,0-1.1,0.1-1.6,0.2l-0.5,0.1l-0.1,0.1 c0-0.1,0.1-0.2,0.1-0.4l0-0.1l0-0.1l0.1-0.2c0.3-1.1,0.3-1.1,1.6-3l0.1-0.2c0.6-0.5,1.1-1.5,1.9-2.9C87.8,8,88,7,88,6.1 C88,3,85.5,0.4,82.3,0.4L82.3,0.4z"></path> <path fill="#FFE500" d="M73.6,20.4c0.2-0.9,1.1-2.2,1.1-2.2c1.2-1.9,2.1-2.9,2.4-4c0.2-1.2,0.2-1.7,0.2-1.7 c0-0.9,0.1-1.9,0.1-2.5C77.6,8.8,78,7.1,78,7.1c0.5-2,1.2-2.9,1.2-2.9c0.6-1.4,1.7-2,3.1-2c2.1,0,3.9,1.7,3.9,3.9 c0,0.5-0.1,1.2-0.5,2c-1.1,2.1-1.5,2.5-1.6,2.5c-1.7,2.7-1.6,2.5-2.1,4.1c-0.2,0.6-0.4,1.1-0.2,1.6c0.2,0.9,0.9,1.2,1.5,1.2 c0.2,0,0.5,0,0.9-0.1c0.1,0,0.2,0,0.4-0.1c1.9-0.4,5.2,0,6,3c0.1,0.2,0.1,0.6,0.2,1.1v0.2c0.1,1,0.1,2.9-0.6,5 c-0.1,0.4-1.2,2.6-2.1,3.5l0,0c0,0-0.2,0.4-0.7,0.7c-0.5,0.4-1.1,0.9-2,1.2c-4.4,2-10,0.4-11.5-4.1C72,23.9,73.6,20.4,73.6,20.4z "></path> </g> </g> <g> <path fill="#50318E" d="M86.1,25.9c-1.1,1.2-3.7,2.5-5.5,0.9c-1.7-1.6-1.9-5.5-0.1-5.9C82.3,20.7,89.6,22.3,86.1,25.9z"></path> </g> </g><g class="logo__part logo__part--character logo__part--i"> <g> <g> <path d="M99.7,14.3c-1.6,0-2.8,0.9-3.3,2.4c-1.2,3.7,0.4,5.8,2.2,6.5c0.3,0.1,0.7,0.2,1,0.2c1.8,0,3.4-1.7,4.2-3.1 c0.8-1.4,0.8-2.8,0.2-3.7C103.2,15.5,101.5,14.3,99.7,14.3L99.7,14.3z"></path> <path fill="#FFE500" d="M98.1,17.3c-0.7,2.4-0.1,3.7,1.1,4.2c1.5,0.6,4-2.9,3.2-4C101.7,16.4,98.8,15.1,98.1,17.3z"></path> </g> </g> <g> <g> <path d="M97.1,21.5L97.1,21.5c-1.2,0-2.6,0.7-4.1,1.9l0,0l0,0c-1.1,1.1-1.6,1.7-2.3,2.5c-0.1,0.1-0.2,0.3-0.3,0.5 c-0.1,0.1-0.3,0.8-0.3,0.8c-0.6,1.2-1.3,1.9-1.4,2.2c-0.1,1.1,0,1.8,0.3,2.4c0.6,1.3,2.1,2.2,4,2.3c0.1,0,0.2,0,0.3,0 c3.3,0,6.5-4.2,7.1-7.9c0.3-2-0.2-3.2-0.7-3.8C98.9,21.9,98.1,21.5,97.1,21.5L97.1,21.5z"></path> <path fill="#FFE500" d="M94.2,24.8c2.9-2.5,4.7-1.7,4.2,1.2c-0.5,3-3.1,6.5-5.5,6.4c-1.7-0.1-3.9-1.2-1.7-4.4 C92.3,26.8,92.8,26.2,94.2,24.8z"></path> </g> </g> </g><g class="logo__part logo__part--character logo__part--e3"> <g> <g> <path d="M106.4,23.7c-4.7,0-8.3,2.9-9.1,7.4c-0.5,2.6,0,5.3,1.4,7.4c1.5,2.1,3.8,3.5,6.7,4.1c0.5,0.1,1,0.2,1.4,0.2 c2.2,0,3-1.4,3.4-2.1c0-0.1,0.1-0.2,0.1-0.2l0-0.1l0-0.1c0.6-1,0.8-2.7,0.2-4c0,0,0,0,0,0c0.6-0.3,1.1-0.7,1.6-1.3 c0.7-0.8,1.1-1.8,1.3-2.6c0.6-2.6-0.1-4.4-0.8-5.5c-1-1.5-2.6-2.6-4.3-3C107.8,23.8,107.1,23.7,106.4,23.7L106.4,23.7z"></path> <path fill="#FFE500" d="M108.2,25.7c-4-0.7-8.2,1-9.1,5.7c-0.7,3.9,1.1,8.4,6.7,9.4c2.4,0.5,2.6-0.6,3.1-1.4 c0.5-0.9,0.5-2.6-0.5-2.7s-2,0.1-3,0c-1.6-0.2-3.2-3.6-1.5-3.4c1,0.2,2.7,1.2,4.9,1.6c1.5,0.2,2.9-1.9,3-2.9 C112.8,28,110,26,108.2,25.7z"></path> </g> </g> <g> <path fill="#50318E" d="M105,28.5c-0.6,1-0.5,2.9,0.7,3c1.2,0.1,3.6-1.1,2.7-2.6C107.7,27.5,105.9,27.2,105,28.5z"></path> </g> </g><g class="logo__part logo__part--character logo__part--s"> <g> <path d="M117.5,34.6c-2.4,0-4.7,1-6.3,2.7l0,0l0,0c-1.2,1.4-2.3,3.8-1.7,5.9c-1.3,0.1-2.2,0.9-2.6,1.3l0,0l0,0 c-2.3,2.5-2.2,5.6,0.3,7.9l0,0l0,0c1.8,1.6,4.1,2.4,6.4,2.4c2.4,0,4.6-1,6.2-2.7c1.3-1.4,2.4-3.9,1.8-5.9c1.2-0.1,2.2-0.9,2.5-1.3 l0,0l0,0c1.1-1.2,1.7-2.6,1.6-4c-0.1-1.4-0.7-2.7-2-3.9C122.1,35.5,119.9,34.6,117.5,34.6L117.5,34.6 C117.5,34.6,117.5,34.6,117.5,34.6L117.5,34.6z"></path> <path fill="#FFE500" d="M118.5,51c1.1-1.2,2.2-3.9,0.7-5.2c-1-0.9-1.9-1.2-2.9-2.1c-0.7-0.7-0.7-1.7-0.1-2.4 c0.5-0.6,1.6-1.2,2.4-0.6c1,0.9,1.1,2.6,2,3.6c0.7,0.6,1.7,0,2.2-0.5c1.6-1.7,1.5-3.7-0.2-5.4c-2.9-2.6-7.4-2.7-10.1,0.1 c-1.1,1.2-2.1,3.9-0.7,5.2c1,0.9,2.4,1.1,3,2.4c0.5,0.9,0.4,1.4,0,2.1c-0.5,0.7-1.6,1.2-2.4,0.6c-1-0.9-1-2.6-2-3.6 c-0.7-0.6-1.7,0-2.2,0.5c-1.6,1.7-1.5,3.7,0.2,5.4C111.4,53.7,115.9,53.9,118.5,51z"></path> </g> </g> </svg> <script> require(['jquery-1', 'modernizr', 'childrens/logo/animated-cbeebies-logo'], function ($, Modernizr, logoAnimation) { var shouldAnimateLogo = Modernizr.svg && Modernizr.cssanimations; if (shouldAnimateLogo) { var logo = logoAnimation({id: '#small-menu-logo'}); $(document).ready(function () { setTimeout(logo.play, 800); }); } }); </script> 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/20210104040138/https://www.bbc.co.uk/cbeebies" 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="cbeebies"> <span class="menu__link-icon"> <svg version="1.1" id="large-menu-logo" class="logo logo--cbeebies logo--animated menu__logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 126 54" enable-background="new 0 0 126 54" xml:space="preserve" preserveaspectratio="xMaxYMin meet"> <g class="logo__part logo__part--character logo__part--c"> <g> <g> <g> <path d="M10.6,22.7c-1.8,0-3.4,0.7-4.7,2C2.3,28.2-5,37.8,5.4,49c3.5,3.8,7.2,5.8,10.8,5.8c4.5,0,7.7-2.9,9.2-4.3 c0.1-0.1,0.3-0.3,0.4-0.4c1.7-1.5,4.6-5.2,4.8-8.5c0.1-1.5-0.4-2.8-1.3-3.8c-0.3-0.3-0.4-0.6-0.8-0.8c-0.6-0.3-1.1-0.6-1.5-1 c-0.6-0.5-1.2-1.4-1.6-1.7c-0.6-0.4-1.2-0.5-1.8-0.5c-0.7,0-1.9,0.2-2.8,1.4c-0.8,1.1-0.8,2.6-1,4c-0.1,0.9-0.4,2.9-0.9,3 c-0.4,0.2-0.8,0.2-1.2,0.2c-1.2,0-2.4-0.7-3.6-2.2c-0.8-1-1.4-2.4-1.7-3.7c0.6,0.5,1.3,0.9,2.4,1c0.3,0.1,0.6,0.1,0.9,0.1 c2.6,0,5.7-1.8,6.6-4.3c0.2-1.8-0.4-4.5-2.4-6.1C17.2,25,13.9,22.7,10.6,22.7L10.6,22.7C10.6,22.7,10.6,22.7,10.6,22.7 L10.6,22.7z"></path> <path fill="#FFE500" d="M15.2,35.9c3.2,0.6,7.6-4,3.6-7.2c-4-3.2-8.4-6-11.7-2.7c-3.4,3.4-9.7,11.7-0.4,21.8 c9.2,10.1,16,2.7,18,1s5.9-7,3.4-9.7c-2.6-2.7-4.4-4.4-5.6-2.6c-1.2,1.7-0.4,6.7-2.9,7.6c-2.4,0.9-4.6,0-6.7-2.5 c-2.1-2.6-3.4-8.4-1.4-8.9C13.3,32,12,35.4,15.2,35.9z"></path> </g> </g> </g> </g><g class="logo__part logo__part--character logo__part--b1"> <g> <g> <path d="M33.1,12.5c-2.1,0-4.2,0.5-6,1.3C24.3,15.3,17,19.3,21,31.6c0.1,0.7,0.4,2,0.9,2.7c0.3,0.4,1,0.6,1.1,0.8 c0.2,0.3,2.2,1.1,2.9,1.8c0.8,0.7,1.2,1.4,1.8,1.7c2.5,1.4,5,1.7,6.8,1.7c2.4,0,4.9-0.6,7-1.6c2-0.9,5.5-3,6.6-6.4 c0.6-1.8,0.4-3.7-0.6-5.5c-0.4-0.7-0.9-1.3-1.4-1.7c-0.2-0.2-0.6-0.2-0.8-0.4c-0.4-0.3-0.7-0.6-1.1-0.8c-1.1-0.4-2.2-0.6-3.1-0.8 c-1.4-0.2-2.1-0.4-2.4-0.7c0.1-0.4,0.3-1,0.5-1.5c0.7-1.8,1.6-4.2,0.2-6C38.4,13.4,36.1,12.5,33.1,12.5L33.1,12.5z"></path> <path fill="#FFE500" d="M27.9,15.4c-3.6,1.9-8.7,5.1-4.6,15.1c4.1,9.9,13.3,8.6,17.5,6.6c4-1.9,7.5-5.4,5.2-9.5 c-2.1-4-7.7-1.6-9-4.7c-0.5-1.4,2.4-5.2,1-7C36.7,14.1,31.6,13.7,27.9,15.4z"></path> </g> </g> <g> <path fill="#50318E" d="M31.8,24.3c1.5-1.7,1.1-5.4-0.7-5.9c-2.6-0.7-4.6,3.1-4,4.4C27.9,24.1,30.3,26,31.8,24.3z"></path> </g> <g> <path fill="#50318E" d="M38.7,31c-0.5,1.5-2.2,3.6-4.4,2.9s-3.7-3.9-2.4-5C33.4,27.9,40.3,26.5,38.7,31z"></path> </g> </g><g class="logo__part logo__part--character logo__part--e1"> <g> <g> <path d="M47.8,8.2c-1.7,0-3.4,0.7-4.6,1.8c-5.2,4.8-4.3,10.5-1.1,14.1c0.4,0.5,0.9,0.9,1.4,1.3c0.3,0.2,0.6,0.3,0.9,0.4 c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.3,0.3c1.4,0.8,3,1.1,4.5,1.1c2.6,0,5.1-1.1,7.3-3.1c2.5-2.2,2.1-4,1.3-5.5 c0-0.1-0.1-0.1-0.1-0.2c-0.5-1.2-1.8-2.4-3.2-2.6c0.4-1.8-0.4-3.8-1.3-5l-0.1-0.1L53.5,11C51.5,8.7,49.3,8.2,47.8,8.2L47.8,8.2z"></path> <path fill="#FFE500" d="M44.4,11.3c-3.2,3-4.5,7.6-1,11.6c2.9,3.1,7.9,4.4,12.4,0.2c2-1.7,1.2-2.6,0.7-3.6 c-0.4-1-1.9-2.1-2.6-1.4c-0.7,0.7-1.1,1.7-2,2.5c-1.2,1.1-5.2,0.4-3.9-0.9c0.7-0.7,2.9-1.5,4.6-3.1c1.2-1.1,0.1-3.6-0.5-4.5 C49.3,9,45.9,10,44.4,11.3z"></path> </g> </g> <g> <path fill="#50318E" d="M44.8,16.9c0.5,1.1,2.6,0.6,3.6-0.4c1-1,1.9-2.5,0.6-3.6C47,11.2,44,15.2,44.8,16.9z"></path> </g> </g><g class="logo__part logo__part--character logo__part--e2"> <g> <g> <path d="M67.1,9.1c-6.8,0-10,4.7-10.2,9.3c-0.1,5,3.1,10.4,10.5,10.7c0.2,0,0.3,0,0.5,0c3.3,0,4-2,4.3-2.9c0-0.1,0.1-0.2,0.1-0.2 c0.4-1.1,0.4-2.9-0.4-4.1c1.6-1.1,2.4-3.4,2.6-4.6l0-0.1v-0.1c0-5.2-3.6-7.8-6.9-8l0,0l0,0C67.3,9.1,67.2,9.1,67.1,9.1L67.1,9.1z "></path> <path fill="#FFE500" d="M67.4,11c-4.4-0.1-8.5,2.4-8.7,7.6c-0.1,4.2,2.6,8.6,8.7,8.9c2.6,0.1,2.7-1,3.1-2c0.4-1,0.1-2.9-0.9-2.9 c-1,0-2,0.5-3.1,0.5c-1.7,0-4-3.4-2.1-3.2c1.1,0,3.1,0.9,5.5,1c1.6,0,2.6-2.5,2.7-3.6C72.6,12.6,69.4,11.1,67.4,11z"></path> </g> </g> <g> <path fill="#50318E" d="M64.9,16.1c-0.4,1.1,1.2,2.4,2.5,2.2c1.2,0,2.7-0.5,2.6-2.1C69.7,13.4,65.5,14.3,64.9,16.1z"></path> </g> </g><g class="logo__part logo__part--character logo__part--b2"> <g> <g> <path d="M82.3,0.4c-2.1,0-3.8,1-4.7,2.9c-0.3,0.5-1,1.5-1.5,3.4l0,0l0,0c0,0.1-0.4,1.8-0.5,3l0,0.1V10c0,0.2,0,0.6,0,0.9 c0,0.5-0.1,1-0.1,1.6c0,0,0,0,0,0c0,0,0,0.4-0.2,1.4c-0.1,0.5-0.6,1.1-1.2,2.1c-0.3,0.4-0.6,0.8-0.9,1.3c-0.2,0.3-1,1.6-1.3,2.6 c-0.3,0.8-1.7,4.5,0.1,8.9c1.3,3.7,4.9,6.1,9.3,6.1c1.6,0,3.2-0.3,4.7-1c1-0.4,1.7-1,2.2-1.3l0.1-0.1c0.5-0.4,0.9-0.8,1-1 c0.3-0.3,0.6-0.7,0.8-1.1c0.3-0.5,0.2-1.1,0.5-1.6c0.4-0.8,1.1-1.2,1.1-1.4c0.9-2.6,0.8-4.7,0.7-5.7v-0.1v-0.2L92.4,21 c0-0.2-0.1-0.3-0.1-0.4c0-0.2-0.1-0.5-0.2-0.9c-0.7-2.7-3.2-4.3-6.4-4.3c-0.6,0-1.1,0.1-1.6,0.2l-0.5,0.1l-0.1,0.1 c0-0.1,0.1-0.2,0.1-0.4l0-0.1l0-0.1l0.1-0.2c0.3-1.1,0.3-1.1,1.6-3l0.1-0.2c0.6-0.5,1.1-1.5,1.9-2.9C87.8,8,88,7,88,6.1 C88,3,85.5,0.4,82.3,0.4L82.3,0.4z"></path> <path fill="#FFE500" d="M73.6,20.4c0.2-0.9,1.1-2.2,1.1-2.2c1.2-1.9,2.1-2.9,2.4-4c0.2-1.2,0.2-1.7,0.2-1.7 c0-0.9,0.1-1.9,0.1-2.5C77.6,8.8,78,7.1,78,7.1c0.5-2,1.2-2.9,1.2-2.9c0.6-1.4,1.7-2,3.1-2c2.1,0,3.9,1.7,3.9,3.9 c0,0.5-0.1,1.2-0.5,2c-1.1,2.1-1.5,2.5-1.6,2.5c-1.7,2.7-1.6,2.5-2.1,4.1c-0.2,0.6-0.4,1.1-0.2,1.6c0.2,0.9,0.9,1.2,1.5,1.2 c0.2,0,0.5,0,0.9-0.1c0.1,0,0.2,0,0.4-0.1c1.9-0.4,5.2,0,6,3c0.1,0.2,0.1,0.6,0.2,1.1v0.2c0.1,1,0.1,2.9-0.6,5 c-0.1,0.4-1.2,2.6-2.1,3.5l0,0c0,0-0.2,0.4-0.7,0.7c-0.5,0.4-1.1,0.9-2,1.2c-4.4,2-10,0.4-11.5-4.1C72,23.9,73.6,20.4,73.6,20.4z "></path> </g> </g> <g> <path fill="#50318E" d="M86.1,25.9c-1.1,1.2-3.7,2.5-5.5,0.9c-1.7-1.6-1.9-5.5-0.1-5.9C82.3,20.7,89.6,22.3,86.1,25.9z"></path> </g> </g><g class="logo__part logo__part--character logo__part--i"> <g> <g> <path d="M99.7,14.3c-1.6,0-2.8,0.9-3.3,2.4c-1.2,3.7,0.4,5.8,2.2,6.5c0.3,0.1,0.7,0.2,1,0.2c1.8,0,3.4-1.7,4.2-3.1 c0.8-1.4,0.8-2.8,0.2-3.7C103.2,15.5,101.5,14.3,99.7,14.3L99.7,14.3z"></path> <path fill="#FFE500" d="M98.1,17.3c-0.7,2.4-0.1,3.7,1.1,4.2c1.5,0.6,4-2.9,3.2-4C101.7,16.4,98.8,15.1,98.1,17.3z"></path> </g> </g> <g> <g> <path d="M97.1,21.5L97.1,21.5c-1.2,0-2.6,0.7-4.1,1.9l0,0l0,0c-1.1,1.1-1.6,1.7-2.3,2.5c-0.1,0.1-0.2,0.3-0.3,0.5 c-0.1,0.1-0.3,0.8-0.3,0.8c-0.6,1.2-1.3,1.9-1.4,2.2c-0.1,1.1,0,1.8,0.3,2.4c0.6,1.3,2.1,2.2,4,2.3c0.1,0,0.2,0,0.3,0 c3.3,0,6.5-4.2,7.1-7.9c0.3-2-0.2-3.2-0.7-3.8C98.9,21.9,98.1,21.5,97.1,21.5L97.1,21.5z"></path> <path fill="#FFE500" d="M94.2,24.8c2.9-2.5,4.7-1.7,4.2,1.2c-0.5,3-3.1,6.5-5.5,6.4c-1.7-0.1-3.9-1.2-1.7-4.4 C92.3,26.8,92.8,26.2,94.2,24.8z"></path> </g> </g> </g><g class="logo__part logo__part--character logo__part--e3"> <g> <g> <path d="M106.4,23.7c-4.7,0-8.3,2.9-9.1,7.4c-0.5,2.6,0,5.3,1.4,7.4c1.5,2.1,3.8,3.5,6.7,4.1c0.5,0.1,1,0.2,1.4,0.2 c2.2,0,3-1.4,3.4-2.1c0-0.1,0.1-0.2,0.1-0.2l0-0.1l0-0.1c0.6-1,0.8-2.7,0.2-4c0,0,0,0,0,0c0.6-0.3,1.1-0.7,1.6-1.3 c0.7-0.8,1.1-1.8,1.3-2.6c0.6-2.6-0.1-4.4-0.8-5.5c-1-1.5-2.6-2.6-4.3-3C107.8,23.8,107.1,23.7,106.4,23.7L106.4,23.7z"></path> <path fill="#FFE500" d="M108.2,25.7c-4-0.7-8.2,1-9.1,5.7c-0.7,3.9,1.1,8.4,6.7,9.4c2.4,0.5,2.6-0.6,3.1-1.4 c0.5-0.9,0.5-2.6-0.5-2.7s-2,0.1-3,0c-1.6-0.2-3.2-3.6-1.5-3.4c1,0.2,2.7,1.2,4.9,1.6c1.5,0.2,2.9-1.9,3-2.9 C112.8,28,110,26,108.2,25.7z"></path> </g> </g> <g> <path fill="#50318E" d="M105,28.5c-0.6,1-0.5,2.9,0.7,3c1.2,0.1,3.6-1.1,2.7-2.6C107.7,27.5,105.9,27.2,105,28.5z"></path> </g> </g><g class="logo__part logo__part--character logo__part--s"> <g> <path d="M117.5,34.6c-2.4,0-4.7,1-6.3,2.7l0,0l0,0c-1.2,1.4-2.3,3.8-1.7,5.9c-1.3,0.1-2.2,0.9-2.6,1.3l0,0l0,0 c-2.3,2.5-2.2,5.6,0.3,7.9l0,0l0,0c1.8,1.6,4.1,2.4,6.4,2.4c2.4,0,4.6-1,6.2-2.7c1.3-1.4,2.4-3.9,1.8-5.9c1.2-0.1,2.2-0.9,2.5-1.3 l0,0l0,0c1.1-1.2,1.7-2.6,1.6-4c-0.1-1.4-0.7-2.7-2-3.9C122.1,35.5,119.9,34.6,117.5,34.6L117.5,34.6 C117.5,34.6,117.5,34.6,117.5,34.6L117.5,34.6z"></path> <path fill="#FFE500" d="M118.5,51c1.1-1.2,2.2-3.9,0.7-5.2c-1-0.9-1.9-1.2-2.9-2.1c-0.7-0.7-0.7-1.7-0.1-2.4 c0.5-0.6,1.6-1.2,2.4-0.6c1,0.9,1.1,2.6,2,3.6c0.7,0.6,1.7,0,2.2-0.5c1.6-1.7,1.5-3.7-0.2-5.4c-2.9-2.6-7.4-2.7-10.1,0.1 c-1.1,1.2-2.1,3.9-0.7,5.2c1,0.9,2.4,1.1,3,2.4c0.5,0.9,0.4,1.4,0,2.1c-0.5,0.7-1.6,1.2-2.4,0.6c-1-0.9-1-2.6-2-3.6 c-0.7-0.6-1.7,0-2.2,0.5c-1.6,1.7-1.5,3.7,0.2,5.4C111.4,53.7,115.9,53.9,118.5,51z"></path> </g> </g> </svg> <script> require(['jquery-1', 'modernizr', 'childrens/logo/animated-cbeebies-logo'], function ($, Modernizr, logoAnimation) { var shouldAnimateLogo = Modernizr.svg && Modernizr.cssanimations; if (shouldAnimateLogo) { var logo = logoAnimation({id: '#large-menu-logo'}); $(document).ready(function () { setTimeout(logo.play, 800); }); } }); </script> </span><span class="menu__link-label">Home</span> </a> </li><li class="menu__item menu__item--shows"> <a class="menu__link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows" data-stats-interaction="navigation" data-stats-interaction-variant="shows" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"shows::2"}" data-bbc-title="Shows" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Shows</span> </a> </li><li class="menu__item menu__item--games"> <a class="menu__link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/games" data-stats-interaction="navigation" data-stats-interaction-variant="games" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"games::3"}" data-bbc-title="Games" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Games</span> </a> </li><li class="menu__item menu__item--puzzles"> <a class="menu__link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/puzzles" data-stats-interaction="navigation" data-stats-interaction-variant="puzzles" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"puzzles::4"}" data-bbc-title="Puzzles & Quizzes" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Puzzles & Quizzes</span> </a> </li><li class="menu__item menu__item--watch menu__item--current"> <a class="menu__link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/watch" data-stats-interaction="navigation" data-stats-interaction-variant="watch" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"watch::5"}" data-bbc-title="Watch & Sing" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Watch & Sing</span> </a> </li><li class="menu__item menu__item--joinin"> <a class="menu__link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/joinin" data-stats-interaction="navigation" data-stats-interaction-variant="joinin" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"joinin::6"}" data-bbc-title="Join In" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Join In</span> </a> </li><li class="menu__item menu__item--makes"> <a class="menu__link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/makes" data-stats-interaction="navigation" data-stats-interaction-variant="makes" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"makes::7"}" data-bbc-title="Make & Colour" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Make & Colour</span> </a> </li><li class="menu__item menu__item--radio"> <a class="menu__link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/radio" data-stats-interaction="navigation" data-stats-interaction-variant="radio" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"radio::8"}" data-bbc-title="Radio" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Radio</span> </a> </li><li class="menu__item menu__item--topics"> <a class="menu__link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/topics" data-stats-interaction="navigation" data-stats-interaction-variant="topics" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"topics::9"}" data-bbc-title="Topics" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Topics</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/20210104040138/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="cbeebies"> <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/20210104040138/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="cbeebies"> <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">Five tips to teach your child to cycle</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--bid content-item--watch"> <div class="content-item__frame"> <section class="content-item__section content-item__primary-content content-item__primary-content--bid" itemtype="http://www.schema.org/MediaObject" itemscope> <meta itemprop="name" content="Topsy and Tim - Five tips to teach your child to cycle"/> <meta itemprop="description" content="Riding a bike is a lifelong skill that can be picked up from an early age. It's great for boosting confidence and developing independence, as well as being a fun way to get active!"/> <meta itemprop="typicalAgeRange" content="0-12"/> <meta itemprop="datePublished" content="2017-01-26T10:00:00.000Z"/> <meta itemprop="url" content="https://web.archive.org/web/20210104040138/http://www.bbc.co.uk/cbeebies/watch/5-tips-for-learning-to-ride-a-bike"/> <meta itemprop="isFamilyFriendly" content="true"/> <meta itemprop="image" content="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/720/1x/cbeebies/Riding-a-bike_content_card_1024_576.jpg"/> <meta itemprop="thumbnailUrl" content="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/720/1x/cbeebies/Riding-a-bike_content_card_1024_576.jpg"/> <div class="content-item__section-content"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/intro_new.jpg" data-alt="A young girl riding her bike on a gravel path. Next to her, there is a polaroid image of Topsy and Tim on their bikes."></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/intro_new.jpg" alt="A young girl riding her bike on a gravel path. Next to her, there is a polaroid image of Topsy and Tim on their bikes."/> </noscript> </span> </div> </section> <div class="content-item__section content-item__section--information"> <div class="content-item__section-content"> <div class="content-item-description"> <div class="button-list-container button-list-container--above-description"> <ul class="button-list"><li class="button-list__item content-item__heart-button"> <div class="heart-button"> <div class="button button--heart-button"> <button class="heart-button__button heart-button__button--cbeebies button__link" aria-pressed="false" aria-live="polite" aria-labelledby="heart-button__labels" data-heart-button-state="unselected" data-resource-id="urn:bbc:isite2:file_id:cbeebies:content-5-tips-for-learning-to-ride-a-bike"> <span class="button__inner"> <span class="heart-button__icons heart-button__s"> <i aria-hidden="true" class="gelicon gelicon--love-outline heart-button__gelicon heart-button__icon heart-button__icon--unselected heart-button__icon--remove"></i> <i aria-hidden="true" class="gelicon gelicon--load heart-button__gelicon heart-button__icon heart-button__icon--in-progress"></i> <i aria-hidden="true" class="gelicon gelicon--love heart-button__gelicon heart-button__icon heart-button__icon--selected"></i> </span> <span class="heart-button__labels"> <span class="heart-button__label heart-button__s heart-button__label--add" role="presentation">Love</span> <span class="heart-button__label heart-button__s heart-button__label--added" role="presentation">Loved</span> <span class="heart-button__label heart-button__s heart-button__label--remove" role="presentation">Unlove</span> </span> </span> </button> <span class="heart-button__count"> <span class="button__add-on-container"> <span class="button__add-on ">1223</span> </span> </span> </div> <div class="heart-button__tooltip"></div> <script> require(['activity-button/heart-button'], function (HeartButton) { HeartButton('urn:bbc:isite2:file_id:cbeebies:content-5-tips-for-learning-to-ride-a-bike', 'isite'); }); </script> </div> </li></ul> </div> <div class="content-item-description__text-container"> <a class="content-item-description__brand-link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows/topsy-and-tim" title="Topsy and Tim " data-stats-interaction="show_oj" data-stats-interaction-variant="text_link"> <span class="content-item-description__brand-name">All Topsy and Tim </span> <span class="gelicon gelicon--next"></span> </a> <h1 class="content-item-description__heading"><span class="vh">Topsy and Tim - </span>Five tips to teach your child to cycle</h1> <p class="content-item-description__description">Riding a bike is a lifelong skill that can be picked up from an early age. It's great for boosting confidence and developing independence, as well as being a fun way to get active!</p> </div> </div> <div class="button-list-container button-list-container--below-description"> <ul class="button-list"><li class="button-list__item content-item__heart-button"> <div class="heart-button"> <div class="button button--heart-button"> <button class="heart-button__button heart-button__button--cbeebies button__link" aria-pressed="false" aria-live="polite" aria-labelledby="heart-button__labels" data-heart-button-state="unselected" data-resource-id="urn:bbc:isite2:file_id:cbeebies:content-5-tips-for-learning-to-ride-a-bike"> <span class="button__inner"> <span class="heart-button__icons heart-button__s"> <i aria-hidden="true" class="gelicon gelicon--love-outline heart-button__gelicon heart-button__icon heart-button__icon--unselected heart-button__icon--remove"></i> <i aria-hidden="true" class="gelicon gelicon--load heart-button__gelicon heart-button__icon heart-button__icon--in-progress"></i> <i aria-hidden="true" class="gelicon gelicon--love heart-button__gelicon heart-button__icon heart-button__icon--selected"></i> </span> <span class="heart-button__labels"> <span class="heart-button__label heart-button__s heart-button__label--add" role="presentation">Love</span> <span class="heart-button__label heart-button__s heart-button__label--added" role="presentation">Loved</span> <span class="heart-button__label heart-button__s heart-button__label--remove" role="presentation">Unlove</span> </span> </span> </button> <span class="heart-button__count"> <span class="button__add-on-container"> <span class="button__add-on ">1223</span> </span> </span> </div> <div class="heart-button__tooltip"></div> <script> require(['activity-button/heart-button'], function (HeartButton) { HeartButton('urn:bbc:isite2:file_id:cbeebies:content-5-tips-for-learning-to-ride-a-bike', 'isite'); }); </script> </div> </li></ul> </div> </div> </div> <article class="content-item__section content-item__section--article article "> <div class="article__section "> <span class="anchor" id="tip-section"></span> <div class="article__body-text"> <p>If you're not sure how to start teaching your child to cycle, Olympic gold medallist Joanna Rowsell Shand has some top tips to get you going...</p> </div> </div> <div class="article__section "> <h2 class="article__section-heading">1. One step at a time</h2> <div class="article__media-container media-container"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/One_Step_at_a_Time_v2.jpg" data-alt="Close up of a little boy wearing a cycling helmet and resting his hands on the bike handle bars"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/One_Step_at_a_Time_v2.jpg" alt="Close up of a little boy wearing a cycling helmet and resting his hands on the bike handle bars"/> </noscript> </span> </div> </div> <div class="article__section "> <div class="article__body-text"> <p>Cycling requires children to master a series of skills, then bring them all together to balance, pedal and steer - all at the same time! When they're learning, it's much less stressful to break these skills down and tackle them one at a time.</p> </div> </div> <div class="article__section "> <h2 class="article__section-heading">2. Balancing</h2> <div class="article__media-container media-container"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/balanceing-new.jpg" data-alt="A little girl on her bike pushing herself along with her feet"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/balanceing-new.jpg" alt="A little girl on her bike pushing herself along with her feet"/> </noscript> </span> </div> </div> <div class="article__section "> <div class="article__body-text"> <p>A great first step is to try removing the pedals from your child's bike. This leaves them free to concentrate on balancing, and they can have fun pushing off with their feet and gliding along. When their confidence has grown to the point where they're moving without wobbling or putting their feet down to balance, it's time to reattach the pedals and move on!</p> </div> </div> <div class="article__section "> <h2 class="article__section-heading">3. Pedalling</h2> <div class="article__media-container media-container"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Pedalling.jpg" data-alt="Little boy on a bike and his father is helping him put his feet on the pedals "></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Pedalling.jpg" alt="Little boy on a bike and his father is helping him put his feet on the pedals "/> </noscript> </span> </div> </div> <div class="article__section "> <div class="article__body-text"> <p>Once they're comfortable with balancing, introduce pedalling and encourage your little one to ride short distances in a straight line. Try to find a place where they can travel a short way without needing to steer or brake, so that they can focus on learning to pedal (and be aware that it might take a while!).</p> </div> </div> <div class="article__section "> <h2 class="article__section-heading">4. Steering</h2> <div class="article__media-container media-container"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/steering.jpg" data-alt="Little boy sat on a bike with his head turned so that he is looking at the camera"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/steering.jpg" alt="Little boy sat on a bike with his head turned so that he is looking at the camera"/> </noscript> </span> </div> </div> <div class="article__section "> <div class="article__body-text"> <p>When your child can pedal confidently in a straight line, move on to steering. You could set up some obstacles for them to cycle around (something small and soft is a good idea at this stage). At first, make sure that the gap between the obstacles is large enough for your child to negotiate with very little movement of the handlebars.</p> </div> </div> <div class="article__section "> <h2 class="article__section-heading">5. Riding together</h2> <div class="article__media-container media-container"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Ride-Together.jpg" data-alt="Two children riding biked and they both looks very happy"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Ride-Together.jpg" alt="Two children riding biked and they both looks very happy"/> </noscript> </span> </div> </div> <div class="article__section "> <div class="article__body-text"> <p>One of the best ways to build your child's cycling confidence is through practice and having fun – so why not head out for a family ride together. You needn’t go far – choose a route you're comfortable with. </p> </div> </div> <div class="article__section "> <div class="article__body-text"> <p>If you're looking to improve your own cycling skills and confidence before venturing out, you could always find a local cycle training instructor near you or do a Bikeability course.</p> </div> </div> <div class="article__section "> <span class="anchor" id="quiz"></span> <h2 class="article__section-heading">Ready to ride? Take the quiz and find out...</h2> <div class="article__media-container media-container">   <script> require(['riddle/auto-scroll'], function(autoscroll) {autoscroll.init()}); </script> <div data-auto-scroll="true" data-auto-scroll-offset="0" class="riddle_target content-item__riddle" data-url="//web.archive.org/web/20210104040138oe_/https://www.riddle.com/a/77358?wide=1"> <div class="rid-load content-item__riddle-loader"></div> </div> <script> require(['lib/riddle'], function (riddle) {}); </script>  <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 CBeebies 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/20210104040138/https://www.bbc.co.uk/cbeebies/grownups/faqs" class="js-not-available__link">CBeebies Grown-ups FAQ <span class="gel-icon gelicon--next"></span></a></p> </div> </noscript> <p class="privacy-notice"> We collect information on how quizzes are used so we can make them even better. <a href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/grownups/riddle-quizzes-privacy">Find out more</a> </p> </div> </div> </article> <section class="content-item__section content-page__section--brand-onward-journey-footer brand-onward-journey--top"> <div class="brand-journey-card"> <div class="brand-journey-card__inner"> <div class="brand-journey-card__body-container"> <div class="brand-journey-card__title-container"> <a class="brand-journey-card__title-link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows/topsy-and-tim" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <h3 class="brand-journey-card__title">Topsy and Tim </h3> </a> </div> <div class="brand-journey-card__image-container"> <a class="brand-journey-card__image-link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows/topsy-and-tim" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <span class="responsive-img responsive-img--5x6 brand-journey-card__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/topsy-and-tim_onward_journey_image_bid.png" data-alt="Topsy and Tim "></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/topsy-and-tim_onward_journey_image_bid.png" alt="Topsy and Tim "/> </noscript> </span> </a> </div> <div class="brand-journey-card__button-container"> <div class="brand-journey-card__button button button--immersive "><a class="button__link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows/topsy-and-tim" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"><span class="button__inner"> <span class="button__text">View all</span> <i class="brand-journey-card__chevron button__icon-pre gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> </div> </div> </div> </section> <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/20210104040138/https://www.bbc.co.uk/cbeebies/curations/get-out-and-about" data-stats-interaction="collection" data-stats-interaction-variant="text_link"> <h3 class="carousel__title" aria-label="Top tips on getting out and about with kids collection">Top tips on getting out and about with kids</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 carousel__item--selected"> <a href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/watch/5-tips-for-learning-to-ride-a-bike?collection=get-out-and-about" class="content-card content-card--watch content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card-disabled" data-stats-interaction-position="0" data-stats-interaction-action="button" data-site-section="watch"> <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/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/Riding-a-bike_content_card_1024_576.jpg"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/Riding-a-bike_content_card_1024_576.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Five tips to teach your child to cycle"> Five tips to teach your child to cycle </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/puzzles/butterfly-names-quiz?collection=get-out-and-about" class="content-card content-card--puzzles content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="1" data-stats-internal-link-location="get-out-and-about" data-site-section="puzzles"> <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/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/butterfly-quiz-cc.jpg"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/butterfly-quiz-cc.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--puzzles"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Do you know these butterfly names? "> Do you know these butterfly names? </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/joinin/garden-bird-spotting?collection=get-out-and-about" class="content-card content-card--joinin content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="2" data-stats-internal-link-location="get-out-and-about" data-site-section="joinin"> <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/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebies-bird-watchindex-image.jpg"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebies-bird-watchindex-image.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--joinin"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Get bird spotting with your little one"> Get bird spotting with your little one </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/grownups/outdoor-activities?collection=get-out-and-about" class="content-card content-card--grownups content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="3" data-stats-internal-link-location="get-out-and-about" data-site-section="grownups"> <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/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/Hiking.jpg"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/Hiking.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--grownups"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Eight outdoor activities to do together"> Eight outdoor activities to do together </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/watch/lets-go-club-outdoor-games?collection=get-out-and-about" class="content-card content-card--watch content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="4" data-stats-internal-link-location="get-out-and-about" data-site-section="watch"> <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/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/tlgc-s03-outdoor-fun.jpg"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/tlgc-s03-outdoor-fun.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Outdoor games"> Outdoor games </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/grownups/7-tips-for-gardening-with-children?collection=get-out-and-about" class="content-card content-card--grownups content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="5" data-stats-internal-link-location="get-out-and-about" data-site-section="grownups"> <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/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/7_top_tips_gardening_with_kids_1024_576.jpg"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/7_top_tips_gardening_with_kids_1024_576.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--grownups"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Seven tips for gardening with kids"> Seven tips for gardening with kids </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/watch/lets-go-club-sunny-day-activities?collection=get-out-and-about" class="content-card content-card--watch content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="6" data-stats-internal-link-location="get-out-and-about" data-site-section="watch"> <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/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/tlgc-summer-fun.jpg"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/tlgc-summer-fun.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Sunny day activities"> Sunny day activities </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/joinin/summer-holiday-idea-generator?collection=get-out-and-about" class="content-card content-card--joinin content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="7" data-stats-internal-link-location="get-out-and-about" data-site-section="joinin"> <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/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/summer-holidays-idea-generator-father-son.jpg"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/summer-holidays-idea-generator-father-son.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--joinin"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="School holiday activity finder"> School holiday activity finder </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/watch/sun-safety-for-kids?collection=get-out-and-about" class="content-card content-card--watch content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="8" data-stats-internal-link-location="get-out-and-about" data-site-section="watch"> <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/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/sun_safety_song_v2_content_card.jpg"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/sun_safety_song_v2_content_card.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Tips for Staying Safe in the Sun"> Tips for Staying Safe in the Sun </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/joinin/down-on-the-farm-grow-your-own-article?collection=get-out-and-about" class="content-card content-card--joinin content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="9" data-stats-internal-link-location="get-out-and-about" data-site-section="joinin"> <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/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/dotf-grow-your-own.jpg"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/dotf-grow-your-own.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--joinin"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Grow together at home! "> Grow together at home! </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/makes/bitz-and-bob-parachute?collection=get-out-and-about" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="10" data-stats-internal-link-location="get-out-and-about" data-site-section="makes"> <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/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/bitz-and-bob-parachute-make-cc.jpg"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/bitz-and-bob-parachute-make-cc.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Bitz & Bob parachute"> Bitz & Bob parachute </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li></ul> </div></div> </div> </div> </div> <section class="content-item__section content-page__section--brand-onward-journey-footer brand-onward-journey--bottom"> <div class="brand-journey-card"> <div class="brand-journey-card__inner"> <div class="brand-journey-card__body-container"> <div class="brand-journey-card__title-container"> <a class="brand-journey-card__title-link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows/topsy-and-tim" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <h3 class="brand-journey-card__title">Topsy and Tim </h3> </a> </div> <div class="brand-journey-card__image-container"> <a class="brand-journey-card__image-link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows/topsy-and-tim" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <span class="responsive-img responsive-img--5x6 brand-journey-card__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/topsy-and-tim_onward_journey_image_bid.png" data-alt="Topsy and Tim "></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/topsy-and-tim_onward_journey_image_bid.png" alt="Topsy and Tim "/> </noscript> </span> </a> </div> <div class="brand-journey-card__button-container"> <div class="brand-journey-card__button button button--immersive "><a class="button__link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows/topsy-and-tim" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"><span class="button__inner"> <span class="button__text">View all</span> <i class="brand-journey-card__chevron button__icon-pre gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> </div> </div> </div> </section> </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/20210104040138/https://www.bbc.co.uk/cbeebies/puzzles/topsy-tim-school-quiz" class="content-card content-card--puzzles content-card--styled content-card--animated" data-stats-interaction="oj" data-stats-interaction-variant="content_card" data-stats-interaction-position="0" data-site-section="puzzles"> <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/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/topsy_tim_school_quiz_1024_576.jpg" data-alt="Topsy and Tim - Topsy and Tim School Quiz"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/topsy_tim_school_quiz_1024_576.jpg" alt="Topsy and Tim - Topsy and Tim School Quiz"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--puzzles"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Topsy and Tim School Quiz"> Topsy and Tim School Quiz </p> <div class="content-card__details"> <p class="content-card__subtitle " aria-label="from Topsy and Tim ">Topsy and Tim </p> <ul class="content-card__counts"><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">601</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/watch/top-five-funny-family-moments" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="oj" data-stats-interaction-variant="content_card" data-stats-interaction-position="1" data-site-section="watch"> <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/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/waffle-top5funnymoments-index.jpg" data-alt="Waffle the Wonder Dog - Top 5 Funny Family Moments with Waffle"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/waffle-top5funnymoments-index.jpg" alt="Waffle the Wonder Dog - Top 5 Funny Family Moments with Waffle"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Top 5 Funny Family Moments with Waffle"> Top 5 Funny Family Moments with Waffle </p> <div class="content-card__details"> <p class="content-card__subtitle " aria-label="from Waffle the Wonder Dog">Waffle the Wonder Dog</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">416</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/watch/topsy-tim-top-tips-school" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="oj" data-stats-interaction-variant="content_card" data-stats-interaction-position="2" data-site-section="watch"> <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/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/topsy_tim_back_to_school_1024.jpg" data-alt="Topsy and Tim - Top Tips: Starting School"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/topsy_tim_back_to_school_1024.jpg" alt="Topsy and Tim - Top Tips: Starting School"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Top Tips: Starting School"> Top Tips: Starting School </p> <div class="content-card__details"> <p class="content-card__subtitle " aria-label="from Topsy and Tim ">Topsy and Tim </p> <ul class="content-card__counts"><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">1056</span> </span> </li></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> <section class="content-page__section content-page__section--brandcards"> <a href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows/topsy-and-tim" class="brandcard" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"><div class="brandcard__inner"><div class="brandcard__image-container"> <div class="brandcard__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/topsy-and-tim_onward_journey_image_bid.png" data-alt="Topsy and Tim "></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/topsy-and-tim_onward_journey_image_bid.png" alt="Topsy and Tim "/> </noscript> </span> </div> </div><div class="brandcard__text"> <span class="brandcard__text-inner"> <span class="brandcard__brand-prefix">All</span> <span class="brandcard__brand-name-container"> <span class="brandcard__brand-name">Topsy and Tim <span class="brandcard__link-icon gelicon gelicon--next"></span></span> </span> </span> </div></div></a> </section> </div><div class="content-page__column content-page__column--side"> <section class="content-page__section--brand-onward-journey brand-onward-journey--top"> <div class="brand-journey-card"> <div class="brand-journey-card__inner"> <div class="brand-journey-card__body-container"> <div class="brand-journey-card__title-container"> <a class="brand-journey-card__title-link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows/topsy-and-tim" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <h3 class="brand-journey-card__title">Topsy and Tim </h3> </a> </div> <div class="brand-journey-card__image-container"> <a class="brand-journey-card__image-link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows/topsy-and-tim" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <span class="responsive-img responsive-img--5x6 brand-journey-card__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/topsy-and-tim_onward_journey_image_bid.png" data-alt="Topsy and Tim "></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/topsy-and-tim_onward_journey_image_bid.png" alt="Topsy and Tim "/> </noscript> </span> </a> </div> <div class="brand-journey-card__button-container"> <div class="brand-journey-card__button button button--immersive "><a class="button__link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows/topsy-and-tim" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"><span class="button__inner"> <span class="button__text">View all</span> <i class="brand-journey-card__chevron button__icon-pre gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> </div> </div> </div> </section> <div class="collection-list"> <div class="collection-list__title-container"> <a class="collection-list__title-link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/curations/get-out-and-about" data-stats-interaction="collection" data-stats-interaction-variant="text_link"> <h3 class="collection-list__title" aria-label="Top tips on getting out and about with kids collection">Top tips on getting out and about with kids</h3> </a> </div> <ul class="collection-list__items"> <li class="collection-list__item"> <a href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/puzzles/butterfly-names-quiz?collection=get-out-and-about" class="content-card content-card--puzzles content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="0" data-stats-internal-link-location="get-out-and-about" data-site-section="puzzles"> <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/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/butterfly-quiz-cc.jpg"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/butterfly-quiz-cc.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--puzzles"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Do you know these butterfly names? "> Do you know these butterfly names? </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-list__item"> <a href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/joinin/garden-bird-spotting?collection=get-out-and-about" class="content-card content-card--joinin content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="1" data-stats-internal-link-location="get-out-and-about" data-site-section="joinin"> <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/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebies-bird-watchindex-image.jpg"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebies-bird-watchindex-image.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--joinin"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Get bird spotting with your little one"> Get bird spotting with your little one </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-list__item"> <a href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/grownups/outdoor-activities?collection=get-out-and-about" class="content-card content-card--grownups content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="2" data-stats-internal-link-location="get-out-and-about" data-site-section="grownups"> <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/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/Hiking.jpg"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/Hiking.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--grownups"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Eight outdoor activities to do together"> Eight outdoor activities to do together </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-list__item"> <a href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/watch/lets-go-club-outdoor-games?collection=get-out-and-about" class="content-card content-card--watch content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="3" data-stats-internal-link-location="get-out-and-about" data-site-section="watch"> <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/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/tlgc-s03-outdoor-fun.jpg"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/tlgc-s03-outdoor-fun.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Outdoor games"> Outdoor games </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/20210104040138/https://www.bbc.co.uk/cbeebies/curations/get-out-and-about" 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> <section class="content-page__section--brand-onward-journey brand-onward-journey--bottom"> <div class="brand-journey-card"> <div class="brand-journey-card__inner"> <div class="brand-journey-card__body-container"> <div class="brand-journey-card__title-container"> <a class="brand-journey-card__title-link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows/topsy-and-tim" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <h3 class="brand-journey-card__title">Topsy and Tim </h3> </a> </div> <div class="brand-journey-card__image-container"> <a class="brand-journey-card__image-link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows/topsy-and-tim" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <span class="responsive-img responsive-img--5x6 brand-journey-card__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/topsy-and-tim_onward_journey_image_bid.png" data-alt="Topsy and Tim "></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/topsy-and-tim_onward_journey_image_bid.png" alt="Topsy and Tim "/> </noscript> </span> </a> </div> <div class="brand-journey-card__button-container"> <div class="brand-journey-card__button button button--immersive "><a class="button__link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows/topsy-and-tim" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"><span class="button__inner"> <span class="button__text">View all</span> <i class="brand-journey-card__chevron button__icon-pre gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> </div> </div> </div> </section> </div> </div> </div> <section class="brand-shelf-section"> <p class="brand-shelf__title window window--extra-wide grid-container" hidden></p> <div class="brand-shelf-container window window--extra-wide"> <div id="brand-shelf" data-simple-carousel class="brand-shelf simple-carousel"> <div class="brand-shelf__main"> <div class="simple-carousel__controls"> <div class="brand-shelf__curtain brand-shelf__curtain--left"></div> <div class="brand-shelf__curtain brand-shelf__curtain--right"></div> <button class="brand-shelf__button brand-shelf__button--prev simple-carousel__button--prev"> <span class="vh">Previous items</span> <i class="gelicon gelicon--previous" aria-hidden="true"></i> </button> <button class="brand-shelf__button brand-shelf__button--next simple-carousel__button--next"> <span class="vh">Next items</span> <i class="gelicon gelicon--next" aria-hidden="true"></i> </button> </div> <div class="simple-carousel__window brand-shelf__window"> <div class="simple-carousel__panel"> <ul class="brand-shelf__list"><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows/waffle-the-wonder-dog" data-stats-interaction="brand_shelf" data-stats-interaction-variant="show" data-stats-interaction-position="0"> <span class="responsive-img responsive-img--5x6 brand-shelf__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/waffle-the-wonder-dog-brand-egg-v2.png" data-alt="Waffle the Wonder Dog"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/waffle-the-wonder-dog-brand-egg-v2.png" alt="Waffle the Wonder Dog"/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows/numberblocks" data-stats-interaction="brand_shelf" data-stats-interaction-variant="show" data-stats-interaction-position="1"> <span class="responsive-img responsive-img--5x6 brand-shelf__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/numberblocks-egg-v4.png"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/numberblocks-egg-v4.png" alt=""/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows/swashbuckle-online" data-stats-interaction="brand_shelf" data-stats-interaction-variant="show" data-stats-interaction-position="2"> <span class="responsive-img responsive-img--5x6 brand-shelf__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/swashbuckle-brandshelf-egg-2019.png" data-alt="Cook, Gem and Line from CBeebies Swashbuckle holding pirate treasure. "></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/swashbuckle-brandshelf-egg-2019.png" alt="Cook, Gem and Line from CBeebies Swashbuckle holding pirate treasure. "/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows/jojo-and-gran" data-stats-interaction="brand_shelf" data-stats-interaction-variant="show" data-stats-interaction-position="3"> <span class="responsive-img responsive-img--5x6 brand-shelf__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/jojo-and-grangran-brand-egg.png" data-alt="JoJo & Gran Gran."></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/jojo-and-grangran-brand-egg.png" alt="JoJo & Gran Gran."/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows/peter-rabbit" data-stats-interaction="brand_shelf" data-stats-interaction-variant="show" data-stats-interaction-position="4"> <span class="responsive-img responsive-img--5x6 brand-shelf__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/peter-rabbit-brand-shelf.png"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/peter-rabbit-brand-shelf.png" alt=""/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows/hey-duggee" data-stats-interaction="brand_shelf" data-stats-interaction-variant="show" data-stats-interaction-position="5"> <span class="responsive-img responsive-img--5x6 brand-shelf__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/hey_duggee_brand_shelf.png" data-alt="Hey Duggee."></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/hey_duggee_brand_shelf.png" alt="Hey Duggee."/> </noscript> </span> </a> </li></ul> </div> </div> </div> </div> <div class="brand-shelf__all-shows-link button button--center button--shows "><a class="button__link" href="/web/20210104040138/https://www.bbc.co.uk/cbeebies/shows" data-stats-interaction="brand_shelf" data-stats-interaction-variant="all_shows"><span class="button__inner"> <span class="button__text">All shows</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span></a></div> </div> </section> <section class="channel-banner-section" data-channel-banner data-channel-banner-enable-close-persist="true" data-ng-class="{'channel-banner-section--hide' : isChannelBannerHidden}"> <script> (function () { var cookieCheckingEnabled = true; var channelBannerSection = document.querySelector(".channel-banner-section"); function hideChannelBannerIfCookieIsSet() { var channelBannerCookieName = 'ckps_cbeebies_channel_banner_hidden'; var hideCookieIsSet = document.cookie.indexOf(" " + channelBannerCookieName + "=true") > 0; if (hideCookieIsSet) { channelBannerSection.className += ' channel-banner-section--hide'; } } function showCloseButtonIfCookiesAreAllowed() { var cookiePolicy = window.bbccookies.readPolicy(); var personalisationAllowed = cookiePolicy.personalisation; if (personalisationAllowed) { showCloseButton(); } } function showCloseButton() { channelBannerSection.className += ' channel-banner-section--show-close'; } if (cookieCheckingEnabled) { hideChannelBannerIfCookieIsSet(); showCloseButtonIfCookiesAreAllowed(); } else { showCloseButton(); } })() </script> <div class="channel-banner-section__inner window window--extra-wide"> <div class="channel-banner"> <div class="channel-banner__inner"> <div class="channel-banner__title-bar"> <a class="channel-banner__logo" href="/web/20210104040138/https://www.bbc.co.uk/cbbc" data-istats-click="cross_channel_logo" data-stats-interaction="channel_banner" data-stats-interaction-variant="logo"> <img class="channel-banner__logo-image" alt="CBBC logo" src="https://web.archive.org/web/20210104040138im_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/images/channel-banner/logo.png"/> </a> <span class="channel-banner__title">Are you ready to try CBBC?</span> </div> <div class="channel-banner__main"> <ul class="channel-banner__list"> <li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20210104040138/https://www.bbc.co.uk/cbbc/shows/shaun-the-sheep" data-stats-interaction="channel_banner" data-stats-interaction-variant="show" data-stats-interaction-position="0"> <span class="channel-banner-link__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Shaun-the-sheep.png"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Shaun-the-sheep.png" alt=""/> </noscript> </span> </span> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20210104040138/https://www.bbc.co.uk/cbbc/shows/the-deep" data-stats-interaction="channel_banner" data-stats-interaction-variant="show" data-stats-interaction-position="1"> <span class="channel-banner-link__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/the-deep-crossover-panel-v2.png"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/the-deep-crossover-panel-v2.png" alt=""/> </noscript> </span> </span> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20210104040138/https://www.bbc.co.uk/cbbc/shows/blue-peter" data-stats-interaction="channel_banner" data-stats-interaction-variant="show" data-stats-interaction-position="2"> <span class="channel-banner-link__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/BP-crossover-panel-2.png" data-alt="Blue Peter image"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/BP-crossover-panel-2.png" alt="Blue Peter image"/> </noscript> </span> </span> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20210104040138/https://www.bbc.co.uk/cbbc/shows/danger-mouse" data-stats-interaction="channel_banner" data-stats-interaction-variant="show" data-stats-interaction-position="3"> <span class="channel-banner-link__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20210104040138/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Dm-crossover-panel2.png"></span> <noscript> <img src="https://web.archive.org/web/20210104040138im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Dm-crossover-panel2.png" alt=""/> </noscript> </span> </span> </a> </li> </ul> <div class="channel-banner__footer"> <a class="channel-banner-close" data-stats-interaction="channel_banner" data-stats-interaction-variant="close" data-stats-interaction-action="button" data-channel-banner-close data-feedback-banner-open> <i aria-hidden="true" class="gelicon gelicon--no gelicon--leading"></i><span class="channel-banner-close__text">No thanks</span> </a> <span class="channel-banner__title">Are you ready to try CBBC?</span> </div> </div> </div> </div> </div> </section> <section class="feedback-banner-section" data-feedback-banner data-ng-class="{'feedback-banner-section--show' : !isFeedbackBannerHidden}"> <div class="feedback-banner-container window window--extra-wide"> <div class="feedback-banner"> <span class="feedback-banner__close" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="hide" data-stats-interaction-action="button" data-istats-click="cross_channel_hide"> <i aria-hidden="true" class="gelicon gelicon--no"></i> </span> <p class="feedback-banner__message">We'll hide these CBBC shows for 30 days.</p> <p class="feedback-banner__undo"><a class="feedback-banner__undo-link" data-feedback-banner-close data-channel-banner-open data-stats-interaction="channel_banner" data-stats-interaction-variant="undo" data-stats-interaction-action="button" data-istats-click="cross_channel_undo">Bring them back!</a></p> <p class="feedback-banner__question">Why did you hide them?</p> <ul class="feedback-banner__options"> <li class="feedback-banner__option" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="feedback" data-stats-interaction-position="0" data-stats-interaction-action="button" data-istats-pos="0" data-istats-click="cross_channel_feedback"> <span>Not familiar with CBBC</span> </li> <li class="feedback-banner__option" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="feedback" data-stats-interaction-position="1" data-stats-interaction-action="button" data-istats-pos="1" data-istats-click="cross_channel_feedback"> <span>Didn't like those shows</span> </li> <li class="feedback-banner__option" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="feedback" data-stats-interaction-position="2" data-stats-interaction-action="button" data-istats-pos="2" data-istats-click="cross_channel_feedback"> <span>Too young for CBBC</span> </li> </ul> <div class="feedback-banner__image"> <img class="feedback-banner__image-inner" src="https://web.archive.org/web/20210104040138im_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/78be900/images/feedback/feedbackImage.png" alt=""/> </div> </div> </div> </section> </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"> <span class="id4-cta-size-medium id4-cta-color-blue id4-cta-medium-blue"> <a href="" class="id4-cta-signin id4-cta-button">Sign in</a> <span class="id4-cta-with"> with your BBC iD,</span> or <a href="" class="id4-cta-register">Register</a> </span> <script> require(['jquery-1', 'idcta-v2/id-config'], ($, idctaConfig) => { idctaConfig.getConfigAsync() .then((idConfig) => { $('.id4-cta-signin').each(function () { if (idConfig.signin_url) { this.href = idConfig.signin_url; } }); $('.id4-cta-register').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’ll 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/20210104040138/http://localhost:3000/wiremock/session/"+Morph.contextId+"/uas/myreaction/"+a:"https://web.archive.org/web/20210104040138/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/20210104040138/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%3Ariddle-ext%3Aquiz%3Aid%3A77358/version/0.7.1', {"meta":{"responseCode":200,"errorMessage":null,"headers":{"x-morph-privacy-level":"public","content-type":"application\/json"}},"body":{"countsData":{"urn:bbc:riddle-ext:quiz:id:77358":{"loved":39,"lol":17,"applause":19,"inspired":12,"omd":16,"sad":16}},"countsTotals":{"urn:bbc:riddle-ext:quiz:id:77358":119},"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":"cbeebies","resourceType":"quiz","urn":"urn:bbc:riddle-ext:quiz:id:77358","resourceTitle":"Five+tips+to+teach+your+child+to+cycle","url":"https:\/\/web.archive.org\/web\/20210104040138\/https:\/\/www.bbc.co.uk\/cbeebies\/watch\/5-tips-for-learning-to-ride-a-bike","pageContext":"article_block","version":"1.4.7","_mrrVersion":"2.1.0"},'u302814203967932'); });</script> <script>Morph.init = function() { if (!Morph.initCalled) { Morph.markPerformance('morph-init'); Morph.initCalled = true; requirejs.config({ paths: { 'morph/react' : '//web.archive.org/web/20210104040138/https://m.files.bbci.co.uk/modules/vendor-react/1.0.0/react.min', 'morph/react-dom' : '//web.archive.org/web/20210104040138/https://m.files.bbci.co.uk/modules/vendor-react-dom/1.0.0/react-dom.min', 'morph/es5-shim' : '//web.archive.org/web/20210104040138/https://m.files.bbci.co.uk/modules/vendor-es5-shim/4.1.13/es5-shim.min', 'morph/es5-sham' : '//web.archive.org/web/20210104040138/https://m.files.bbci.co.uk/modules/vendor-es5-shim/4.1.13/es5-sham.min', 'morph/module/morph': '//web.archive.org/web/20210104040138/https://m.files.bbci.co.uk/modules/morph/5.3.1/bundle', 'live-push' : '//web.archive.org/web/20210104040138/https://m.files.bbci.co.uk/modules/morph-push-proxy-client/1.0.11/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(); } /* u302814203967932 */</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, cbeebies"}; _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/20210104040138/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> <script id="orb-js-script" data-assetpath="https://static.files.bbci.co.uk/orbit/7ba98e3db9d415f8cbdb0978bf084f9e/" src="https://web.archive.org/web/20210104040138js_/https://static.files.bbci.co.uk/orbit/7ba98e3db9d415f8cbdb0978bf084f9e/js/orb.min.js"></script><div id="orb-footer" class="orb-footer" dir="ltr"><div id="navp-orb-footer-promo"></div><script type="text/javascript">/*<![CDATA[*/ require(['orb/nav'], function(nav) { window.bbcuser.isUKCombined().then(function(isUK) { if (isUK) { nav.loadJs('https://web.archive.org/web/20210104040138/https://static.files.bbci.co.uk/orbit/7ba98e3db9d415f8cbdb0978bf084f9e/js/edr.min.js'); } }); }); /*]]>*/</script> <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><li class="orb-nav-cbeebies"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/cbeebies">CBeebies</a></li><li class="orb-nav-iplayer"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/tv/cbeebies">CBeebies iPlayer</a></li><li class="orb-nav-grownups orb-d"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/cbeebies/grownups">Grown-ups</a></li><li class="orb-nav-cbeebiesguide"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/iplayer/guide/cbeebies">TV Guide</a></li><li class="orb-nav-cbbc"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/cbbc">CBBC</a></li><li class="orb-nav-cbeebiesbitesize orb-d"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/bitesize">Bitesize</a></li></ul></div></div></div></aside><footer role="contentinfo"><div id="orb-contentinfo" class="orb-nav-sec b-r b-g-p"><script>window.orb.worldwideFooterlinks = '<li class="orb-footer-ads"><a href="https://web.archive.org/web/20210104040138/https://www.bbcglobalnews.com/">Advertise with us<' + '/a><' + '/li><li class="orb-footer-adchoices"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.com/usingthebbc/cookies/how-can-i-change-my-bbc-cookie-settings/">AdChoices / Do Not Sell My Info<' + '/a><' + '/li>';</script><div class="orb-footer-inner"><div><ul><li class="orb-footer-terms"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/usingthebbc/terms/">Terms of Use</a></li><li class="orb-footer-about"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/aboutthebbc">About the BBC</a></li><li class="orb-footer-privacy"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/usingthebbc/privacy/">Privacy Policy</a></li><li class="orb-footer-cookies"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/usingthebbc/cookies/">Cookies</a></li><li class="orb-footer-accessibility"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/accessibility/">Accessibility Help</a></li><li class="orb-footer-parental"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/guidance">Parental Guidance</a></li><li class="orb-footer-contact"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/contact">Contact the BBC</a></li><li class="orb-footer-newsletter"><a href="https://web.archive.org/web/20210104040138/https://www.bbc.co.uk/bbcnewsletter">Get Personalised Newsletters</a></li></ul><small><em class="orb-hilight">Copyright © 2021 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/20210104040138/https://www.bbc.co.uk/help/web/links/" class="orb-hilight">Read about our approach to external linking.</a></span></small></div></div></div></footer></div><script src="https://web.archive.org/web/20210104040138js_/https://static.files.bbci.co.uk/orbit/7ba98e3db9d415f8cbdb0978bf084f9e/js/nav.min.js"></script><script type="text/javascript" src="https://web.archive.org/web/20210104040138js_/https://static.files.bbci.co.uk/orbit/7ba98e3db9d415f8cbdb0978bf084f9e/js/redirect.bundle.js"></script> <script type="text/javascript">require.config({ "paths": { "orb/async/_footerpromo": 'https://web.archive.org/web/20210104040138/https://nav.files.bbci.co.uk/navpromo/540f3f6dbf28b119bbe06e61544e3f22/js/async/_footerpromo' } }); (function() { document.addEventListener("DOMContentLoaded", function(event) { initialiseFooter(); }); var scrollCheckTimer; var didScroll; var previousPosition = 0; var delta = 5; var PROMO_SHOW_BREAKPOINT = 1500; var pageLength = 0; function getCookie(key) { if (!key) { return document.cookie; } return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*" + encodeURIComponent(key).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=\\s*([^;]*).*$)|^.*$"), "$1")) || null; } function initialiseFooter() { // Suppress this feature on browsers we no longer test var myNav = navigator.userAgent.toLowerCase(); var oldIE = (myNav.indexOf('msie') !== -1) && parseInt(myNav.split('msie')[1], 10) <= 10; if (!oldIE) { var disabledByCookie = (parseInt(getCookie('ckns_nav_promofail')) || 0) >= 3; if (!disabledByCookie) { window.bbcpage.getLanguage().then(function(language) { if (language === 'en') { window.bbcuser.isUKCombined().then(function(isUK) { if (isUK) { setUpLazyLoading(); } }); } }); } } } function setUpLazyLoading() { // offsetHeight is expensive to calculate, only do it once. pageLength = Math.abs(document.body.offsetHeight); if (pageLength < getViewportHeight() + 300 || pageLength - getCurrentPosition() < PROMO_SHOW_BREAKPOINT) { loadPromo(); } else { window.onscroll = function () { didScroll = true; }; scrollCheckTimer = setInterval(function () { if (didScroll) { hasScrolled(); didScroll = false; } }, 250); } } function loadPromo() { clearInterval(scrollCheckTimer); require(['orb/async/_footerpromo'], function(promo) { promo.init('https://web.archive.org/web/20210104040138/https://navpromo.api.bbci.co.uk', 'cbeebies'); }); } function getViewportHeight() { return window.innerHeight; } function getCurrentPosition() { return Math.abs(window.scrollY || document.body.scrollTop || document.documentElement.scrollTop); } function hasScrolled() { var currentPosition = getCurrentPosition(); if (Math.abs(previousPosition - currentPosition) <= delta) { return; } if (currentPosition > previousPosition) { if ((pageLength - currentPosition) <= PROMO_SHOW_BREAKPOINT) { loadPromo(); } } previousPosition = currentPosition; } })();</script> <script type="text/javascript">window.COOKIES_STATIC_HOST = 'https://web.archive.org/web/20210104040138/https://nav.files.bbci.co.uk/orbit-webmodules/0.0.2-558.1392f15/cookie-banner/cookie-prompt/';</script><script src="https://web.archive.org/web/20210104040138js_/https://nav.files.bbci.co.uk/orbit-webmodules/0.0.2-558.1392f15/cookie-banner/cookie-banners.bundle.js" async=""></script> <script src="https://web.archive.org/web/20210104040138js_/https://nav.files.bbci.co.uk//user-activity-helper/7191597ca44ccb3c054b0eb343938416/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>