Twirlywoos Explore and Play - CBeebies - BBC

@import url("https://gel.files.bbci.co.uk/r2.302/bbc-reith.css");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.cage-game{height:-webkit-fill-available}.cage-pointer-block{user-select:none;-webkit-user-select:none;pointer-events:none;height:100%;width:100%}.game-wrapper{position:absolute;width:100%;height:100%;background-color:#000}.game-wrapper__brim{position:fixed}.game-wrapper--embed{position:relative;padding-bottom:56.25%}.cage-fullscreen-capture{position:fixed;top:0;width:100%;height:100%;z-index:2147483647}.game-wrapper--fixedsize{position:relative;margin:0 auto}@keyframes rotating{from{-ms-transform:translate(-50%, -50%) rotate(0deg);-moz-transform:translate(-50%, -50%) rotate(0deg);-webkit-transform:translate(-50%, -50%) rotate(0deg);-o-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg)}to{-ms-transform:translate(-50%, -50%) rotate(360deg);-moz-transform:translate(-50%, -50%) rotate(360deg);-webkit-transform:translate(-50%, -50%) rotate(360deg);-o-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg)}}.game-wrapper__loading-spinner{position:absolute;left:50%;top:50%;animation:rotating 1.5s linear infinite}.game-wrapper__loading-spinner path{fill:#fff}.game-wrapper__cta{position:absolute;height:100%;width:100%;cursor:pointer;background-color:#000}.game-wrapper__cta img{width:100%;height:100%}.game-wrapper__cta:hover .game-holder__cta-button{background-color:rgba(186,26,23,0.75)}.game-wrapper__cta-button{position:absolute;bottom:0;left:0;width:80px;height:80px;background-color:rgba(0,0,0,0.75)}.game-wrapper__cta-icon{position:absolute;top:16px;left:16px;width:49px;height:39px}.game-wrapper__iframe{position:absolute;width:100%;height:100%}.game-wrapper__game{position:fixed;width:100%;height:100%}.game-wrapper__iframe--fixedsize{position:absolute;margin:0 auto}.cage-overlay{position:fixed;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background:rgba(0,0,0,0.4)}.cage-overlay__modal{top:25%;width:50%;min-width:325px;height:50%;min-height:150px;overflow:hidden;background-color:#fff;z-index:1;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-size:110%}.cage-overlay__title{position:relative;margin:0 auto;padding:0;text-align:center;border-bottom:1px solid #B7BBBB}.cage-overlay__title-text{padding:1.1em 3em;text-align:center;font:bold 1.3em arial,sans-serif;color:#3F3E4A;outline:0}.cage-overlay__close-button{position:absolute;right:10px;top:10px;padding:2px 2px 0;border:0;background-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-backface-visibility:hidden}.cage-overlay__close-button:hover .cage-settings__close-icon-circle{fill:#B3B3B5}.cage-overlay__close-button:focus{-webkit-focus-ring-color:#bfbfc2}.cage-overlay__close-icon-circle{transition:200ms;transition-timing-function:ease-in-out;-webkit-transition:200ms;-webkit-transition-timing-function:ease-in-out;fill:#F0F0F4}.cage-overlay__subheading{padding:1em 2.2em;font:bold 0.9em arial,sans-serif;text-transform:uppercase;color:#939397;background-color:#F0F0F4}.cage-overlay__content{height:calc(100% - 68px);overflow-y:auto;outline:0}.cage-overlay__content::-webkit-scrollbar{-webkit-appearance:none}.cage-overlay__content::-webkit-scrollbar:vertical{width:12px}.cage-overlay__content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.5);border-radius:10px;border:2px solid #fff}.cage-overlay__content::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}@media (max-width: 410px){.cage-overlay__modal{top:5%;width:90%;height:90%;font-size:85%}.cage-overlay__content{height:calc(100% - 53px)}.cage-overlay__close-button{top:8px;right:8px}.cage-overlay__close-icon{width:36px;height:36px}.cage-setting__toggle-icon{width:42px;height:26px}}@media (max-width: 450px) and (min-width: 411px){.cage-overlay__modal{top:5%;width:90%;height:90%;font-size:85%}.cage-overlay__content{height:calc(100% - 53px)}.cage-overlay__close-button{top:8px;right:8px}.cage-overlay__close-icon{width:36px;height:36px}.cage-setting__toggle-icon{width:42px;height:26px}}@media (max-width: 580px) and (min-width: 451px){.cage-overlay__modal{top:5%;width:80%;height:90%;font-size:90%}.cage-overlay__content{height:calc(100% - 56px)}.cage-overlay__close-icon{width:36px;height:36px}.cage-setting__toggle-icon{width:42px;height:26px}}@media (max-width: 780px) and (min-width: 581px){.cage-overlay__modal{top:10%;width:80%;height:80%;font-size:90%}.cage-overlay__content{height:calc(100% - 56px)}.cage-overlay__close-icon{width:36px;height:36px}.cage-setting__toggle-icon{width:42px;height:26px}}@media (max-width: 980px) and (min-width: 781px){.cage-overlay__modal{top:15%;width:70%;height:70%}}@media (max-width: 1470px) and (min-width: 981px){.cage-overlay--mobile{width:80%}.cage-overlay--mobile .cage-settings__modal{height:70%}}body:not(.user-is-tabbing) button:focus,body:not(.user-is-tabbing) input:focus,body:not(.user-is-tabbing) select:focus,body:not(.user-is-tabbing) textarea:focus{outline:none}.cage-achievements{display:block;top:10%;height:80%;width:52%;padding-bottom:5px;font-family:ReithSans,Arial,Helvetica,freesans,sans-serif;background-color:#2a205c;opacity:1}.cage-achievements .cage-overlay__content{padding:0 10px;margin-right:10px;height:calc(100% - 61px)}.cage-achievements .cage-overlay__modal{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px}.cage-achievements .cage-overlay__content::-webkit-scrollbar:vertical{width:10px}.cage-achievements .cage-overlay__content::-webkit-scrollbar-thumb{background-color:#fff;border-radius:3px}.cage-achievements .cage-overlay__content::-webkit-scrollbar-track{border-radius:3px;background-color:#746d93}.cage-achievements .cage-overlay__title{border-bottom:none}.cage-achievements .cage-overlay__title-text{padding:16px 0px 15px 0px;line-height:100%;text-align:center;font:bold 20px ReithSans,Arial,Helvetica,freesans,sans-serif;color:#fff}.cage-achievement{display:flex;margin-bottom:8px;padding:6px;min-height:58px;border-radius:3px;font-size:13px;line-height:16px;color:#3b3b3b;background-color:#fff}.cage-achievement svg{float:left;width:13px;height:13px;margin-right:4px;margin-top:5px;fill:#FFD130}.cage-achievement--locked{background-color:#EAE9EE}.cage-achievement--locked svg{fill:#B4B4B4}.cage-achievement:last-child{margin-bottom:0}.cage-achievement__icon{width:58px;height:58px;min-width:58px;margin-right:6px;border-radius:2px}.cage-achievement__inner{width:80%}.cage-achievement__title{margin:2px 0 0;line-height:18px;font-size:15px;font-weight:bold;color:#222}.cage-achievement__description{margin:4px 0 2px 0}.cage-achievement__hintline-prefix{font-weight:bold}.cage-achievement__hintline-text{font-style:italic}.cage-achievement progress{border:none;border-radius:5px;background-color:#d6d6d6}.cage-achievement progress::-ms-fill{background-color:#00d2a9;border:none;border-radius:5px}.cage-achievement progress[value]{-webkit-appearance:none;appearance:none;width:170px;height:10px;margin-right:6px;position:relative;bottom:2px}.cage-achievement progress[value]::-webkit-progress-bar{background-color:#d6d6d6;border-radius:5px;overflow:hidden}.cage-achievement progress::-moz-progress-bar{background:#00d2a9;border-radius:5px}.cage-achievement progress[value]::-webkit-progress-value{background:#00d2a9;border-radius:5px}.cage-overlay__modal{width:75%;height:calc(100% - 4vw)}@media (min-width: 769px){.cage-overlay__modal{width:744px;height:86%;max-height:623px}.cage-achievements .cage-overlay__content::-webkit-scrollbar:vertical{width:16px}.cage-achievements .cage-overlay__content{padding:0 16px;margin-right:16px;height:calc(100% - 81px)}.cage-achievements .cage-overlay__title{border-bottom:none}.cage-achievements .cage-overlay__title-text{padding:20px 0px 22px 0px;line-height:100%;text-align:center;font:bold 26px ReithSans,Arial,Helvetica,freesans,sans-serif;color:#fff}.cage-achievement{display:flex;margin-bottom:10px;padding:8px;min-height:74px;border-radius:3px;font-size:15px;line-height:22px}.cage-achievement progress[value]{-webkit-appearance:none;appearance:none;width:216px;height:10px;margin-right:6px;position:relative;bottom:3px}.cage-achievement svg{float:left;width:16px;height:16px;margin-right:6px;margin-top:6px}.cage-achievement__icon{width:74px;height:74px;min-width:74px;margin-right:10px;border-radius:2px}.cage-achievement__title{margin:2px 0 0;line-height:22px;font-size:18px;font-weight:bold;color:#222}.cage-achievement__description{margin:4px 0 2px 0}.cage-achievement__hintline-prefix{font-weight:bold}.cage-achievement__hintline-text{font-style:italic}}.cage-setting{position:relative;padding:1em 2.2em;border-bottom:1px solid #F0F0F4}.cage-setting:last-child{border-bottom:0}.cage-setting__info{display:block;padding-right:86px;font:normal 1em arial,sans-serif}.cage-setting__title{padding-bottom:0.3em;font-weight:bold;color:#323232}.cage-setting__description{font-size:1em;color:#939397}.cage-setting__toggle{position:absolute;right:1.8em;top:10px}.cage-setting__toggle_button{margin-top:0.4em;padding:0.4em 0.4em 0.2em;border:0;background-color:rgba(0,0,0,0);-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.cage-setting__toggle_button:active,.cage-setting__toggle_button:focus{background-color:rgba(0,0,0,0);-webkit-focus-ring-color:#bfbfc2}.cage-setting__toggle_button .cage-setting__toggle-slider,.cage-setting__toggle_button .cage-setting__toggle-outline{transition:200ms;transition-timing-function:ease-in-out;-webkit-transition:200ms;-webkit-transition-timing-function:ease-in-out}.cage-setting__toggle_button--on .cage-setting__toggle-outline{fill:#44D6DA}.cage-setting__toggle_button--off .cage-setting__toggle-outline{fill:#D8D8D8}@media (max-width: 410px){.cage-setting__toggle-icon{width:42px;height:26px}}@media (max-width: 450px) and (min-width: 411px){.cage-setting__toggle-icon{width:42px;height:26px}}@media (max-width: 580px) and (min-width: 451px){.cage-setting__toggle-icon{width:42px;height:26px}}@media (max-width: 780px) and (min-width: 581px){.cage-setting__toggle-icon{width:42px;height:26px}}.game-wrapper__error{padding-top:5%;background-color:#000;color:#fff;font-family:Arial, Helvetica, sans-serif;text-align:center;font-size:26px}.game-wrapper__error a{color:#fff;text-decoration:underline;font-weight:bold}@media screen and (min-width: 400px){.game-wrapper__error h1{margin:8px 70px}.game-wrapper__error p{margin:8px 70px}}@media screen and (min-width: 600px){.game-wrapper__error h1{margin:16px 96px;font-size:20px}.game-wrapper__error p{margin:16px 96px;font-size:18px}}@media screen and (min-width: 770px){.game-wrapper__error h1{margin:16px 126px;font-size:26px}.game-wrapper__error p{margin:16px 126px;font-size:20px}}@media screen and (min-width: 1008px){.game-wrapper__error h1{margin:16px 246px}.game-wrapper__error p{margin:16px 246px}}.game-wrapper #brim{display:none}.cage-brim#cage-brim{width:100%;height:175vh}.cage-brim__message{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000;touch-action:pan-y;-webkit-user-select:none;z-index:2147483647}.cage-brim--disabled{display:none}.cage-brim__vo-button{height:1px;width:1px}.cage-brim__text{position:absolute;top:54vmin;left:0px;right:0px;color:#FFFFFF;text-align:center;font:bold 7vmin Helvetica, sans-serif}@keyframes hand-movement{21%{transform:rotate(-20deg);visibility:hidden;left:50%;top:27vmin}50%{transform:rotate(-5deg);visibility:hidden;left:50%;top:7vmin}}@keyframes hand-tap-swipe{20%{transform:rotate(-20deg);visibility:hidden;top:27vmin}50%{transform:rotate(-5deg);visibility:visible;top:7vmin}51%{visibility:hidden;top:7vmin}}@keyframes arrow-swipe{20%{opacity:0;top:26vmin}30%{opacity:1}50%{opacity:1;top:7vmin}100%{opacity:0;top:7vmin}}.cage-brim__hand{position:absolute;left:50%;top:24vmin;width:30vmin;height:30vmin;animation:hand-movement 2.2s ease infinite;transform:translate(10vmin);transform-origin:bottom right}.cage-brim__hand-tap{position:absolute;left:50%;top:27vmin;width:30vmin;height:30vmin;visibility:hidden;animation:hand-tap-swipe 2.2s ease infinite;transform-origin:bottom right}.cage-brim__arrow{position:absolute;left:50%;top:26vmin;width:40vmin;height:40vmin;opacity:0;animation:arrow-swipe 2.2s ease infinite;transform:translate(-30vmin)}.cage-achievement-notification{position:fixed;left:50%;margin-left:-172px;width:344px;height:80px;pointer-events:none;font-family:ReithSans,Arial,Helvetica,freesans,sans-serif}.cage-achievement-notification--top{top:2vw}.cage-achievement-notification--bottom{bottom:2vw}.cage-achievement-toast__container{position:relative;left:50%;margin-left:-172px;width:344px;height:80px;opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;background-size:100%;background-position:0 0;-webkit-animation:achievement-animateBoxIn 1.93s steps(58, end) 1 forwards,achievement-animateBoxOut 1s steps(30, end) 6s;animation:achievement-animateBoxIn 1.93s steps(58, end) 1 forwards,achievement-animateBoxOut 1s steps(30, end) 6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.cage-achievement-toast__icon{position:absolute;top:19px;left:31px;width:42px;height:42px;opacity:0;border-radius:2px;-webkit-animation:achievement-scrollIn 0.2s ease-out 2.22s forwards, achievement-fadeOut 0.2s ease-in 6s forwards;animation:achievement-scrollIn 0.2s ease-out 2.22s forwards, achievement-fadeOut 0.2s ease-in 6s forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.cage-achievement-toast__inner{position:absolute;top:19px;left:83px;width:237px}.cage-achievement-toast__title{position:absolute;top:0px;font-size:16px;line-height:20px;font-weight:bold;opacity:0;-webkit-animation:achievement-scrollIn 0.2s ease-out 2s forwards, achievement-scrollOut 0.2s ease-in 4s forwards;animation:achievement-scrollIn 0.2s ease-out 2s forwards, achievement-scrollOut 0.2s ease-in 4s forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.cage-achievement-toast__name{position:absolute;top:21px;font-size:14px;line-height:18px;height:18px;overflow:hidden;opacity:0;-webkit-animation:achievement-scrollIn 0.2s ease-out 2.32s forwards, achievement-scrollOut 0.2s ease-in 4s forwards;animation:achievement-scrollIn 0.2s ease-out 2.32s forwards, achievement-scrollOut 0.2s ease-in 4s forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.cage-achievement-toast__name svg{float:left;margin-right:5px;margin-top:4px;width:12px;height:12px;fill:#FFD130}.cage-achievement-toast__description{position:absolute;top:2px;height:36px;font-size:14px;line-height:18px;opacity:0;overflow:hidden;-webkit-animation:achievement-scrollIn 0.2s ease-out 4.2s forwards, achievement-scrollOut 0.2s ease-in 6s forwards;animation:achievement-scrollIn 0.2s ease-out 4.2s forwards, achievement-scrollOut 0.2s ease-in 6s forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes achievement-animateBoxIn{from{background-position:0 0}to{background-position:0 -4640px}}@keyframes achievement-animateBoxIn{from{background-position:0 0}to{background-position:0 -4640px}}@-webkit-keyframes achievement-animateBoxOut{from{background-position:0 -4640px}to{background-position:0 -7040px}}@keyframes achievement-animateBoxOut{from{background-position:0 -4640px}to{background-position:0 -7040px}}@-webkit-keyframes achievement-animateBoxIn-1280{from{background-position:0 0}to{background-position:0 -5800px}}@keyframes achievement-animateBoxIn-1280{from{background-position:0 0}to{background-position:0 -5800px}}@-webkit-keyframes achievement-animateBoxOut-1280{from{background-position:0 -5800px}to{background-position:0 -8800px}}@keyframes achievement-animateBoxOut-1280{from{background-position:0 -5800px}to{background-position:0 -8800px}}@-webkit-keyframes achievement-scrollIn{from{margin-top:5px;opacity:0}to{margin-top:0;opacity:1}}@keyframes achievement-scrollIn{from{margin-top:5px;opacity:0}to{margin-top:0;opacity:1}}@-webkit-keyframes achievement-scrollOut{from{margin-top:0;opacity:1}to{margin-top:-5px;opacity:0}}@keyframes achievement-scrollOut{from{margin-top:0;opacity:1}to{margin-top:-5px;opacity:0}}@-webkit-keyframes achievement-fadeIn{from{opacity:0}to{opacity:1}}@keyframes achievement-fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes achievement-fadeOut{from{opacity:1}to{opacity:0}}@keyframes achievement-fadeOut{from{opacity:1}to{opacity:0}}@media screen and (min-width: 1280px){.cage-achievement-notification{bottom:45px;margin-left:-215px;width:430px;height:100px}.cage-achievement-toast__container{margin-left:-215px;width:430px;height:100px;-webkit-animation:achievement-animateBoxIn-1280 1.93s steps(58, end) 1 forwards,achievement-animateBoxOut-1280 1s steps(30, end) 6s;animation:achievement-animateBoxIn-1280 1.93s steps(58, end) 1 forwards,achievement-animateBoxOut-1280 1s steps(30, end) 6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.cage-achievement-toast__inner{top:21px;left:111px;width:282px}.cage-achievement-toast__icon{top:21px;left:42px;width:58px;height:58px}.cage-achievement-toast__title{top:6px;font-size:22px;line-height:22px}.cage-achievement-toast__name{top:31px;font-size:18px;line-height:22px;height:22px}.cage-achievement-toast__name svg{width:16px;height:16px}.cage-achievement-toast__description{top:8px;height:44px;font-size:18px;line-height:22px}}.data-notice{position:fixed;bottom:0;padding:0.4%;width:100%;text-align:center;font-family:ReithSans,Arial,Helvetica,freesans,sans-serif;font-size:1em;background:rgba(0,0,0,0.8);color:#fff}@media screen and (orientation: portrait){.data-notice{display:none}}@media (max-width: 25em){.data-notice{font-size:0.96em}}.exit-tile__container--hidden{display:none}.exit-tile__frame{border:0;height:100%;position:fixed;width:100%;overflow:hidden;z-index:2147483647}

@import url("https://gel.files.bbci.co.uk/r2.302/bbc-reith.css");.absolute-center{position:absolute;margin-left:auto;margin-right:auto;left:0;right:0}.cage-rotate-screen{position:fixed;color:#000;width:100%;height:100%;left:0;top:0;overflow:visible;z-index:2147483647;touch-action:none;user-select:none;-webkit-user-select:none;pointer-events:none}.cage-rotate-screen__inner{position:fixed;width:200%;height:100%;max-width:100vw;max-height:100vh;transform:translatex(calc(50vw - 50%)) translatey(calc(50vh - 50%));margin-left:auto;z-index:2147483647;text-align:center;font:bold 7vmin ReithSans,Arial,Helvetica,freesans,sans-serif}.cage-rotate-screen__icon{top:39%;width:40%;height:40%}.cage-rotate-screen__path{fill:#000}.cage-rotate-screen__text{top:78%}.cage-rotate-screen__title{top:17%;text-transform:uppercase;font-size:235%}@media screen and (orientation: portrait){.cage-rotate-screen__inner{max-width:100vh;max-height:100vw;transform:translatex(calc(50vw - 50%)) translatey(calc(50vh - 50%)) rotate(90deg)}}.cage-rotate-screen--bitesize{background-color:#fff;background-image:linear-gradient(145.03deg, #E56410 49.16%, #E9B01F 93%)}.cage-rotate-screen__bitesize-x-shape{position:absolute;top:22%;left:-2%;width:3%}.cage-rotate-screen__bitesize-c-shape{position:absolute;top:9%;left:14%}.cage-rotate-screen__bitesize-cross{position:absolute;top:15%;right:13%;width:5%}.cage-rotate-screen__bitesize-curve{position:absolute;top:8%;right:36%;width:8%}.cage-rotate-screen__bitesize-piranha{position:absolute;top:27%;right:19%;width:5%}.cage-rotate-screen__bitesize-starburst{position:absolute;bottom:5%;left:15%;width:3%}.cage-rotate-screen__bitesize-triangle{bottom:6%;position:absolute;right:6%}.cage-rotate-screen__bitesize-zigzag{position:absolute;bottom:-2%;right:43%}.cage-rotate-screen__bitesize-house{position:absolute;top:41%;left:-4%;width:37%}.cage-rotate-screen__bitesize-book{position:absolute;top:49%;right:-6%;width:41%}.cage-rotate-screen--bitesize .cage-rotate-screen__title{font-size:226%;color:#fff;text-transform:capitalize}.cage-rotate-screen--cbbc{background-color:#F2F3F4}.cage-rotate-screen__streamers-left{position:absolute;top:21%;left:-30%;width:50%}.cage-rotate-screen__streamers-right{position:absolute;top:46%;right:-81px;width:50%}.cage-rotate-screen__cbbc-logo{top:10%;width:19%}.cage-rotate-screen--cbeebies{background-color:#9DD3E1}.cage-rotate-screen__grass{position:absolute;width:100%;height:15%;left:0;bottom:0;background-color:#8EAD23}.cage-rotate-screen__cbeebies-bug-1{position:absolute;top:68%;left:10%}.cage-rotate-screen__cbeebies-bug-2{position:absolute;top:68%;left:45%}.cage-rotate-screen__cbeebies-bug-3{position:absolute;top:68%;right:10%}.cage-rotate-screen__cbeebies-logo{top:4%}.cage-rotate-screen--cbeebies .cage-rotate-screen__icon{top:22%}.cage-rotate-screen--cbeebies .cage-rotate-screen__text{top:56%;font-size:82%}.cage-rotate-screen--default{color:#fff;background-color:#000}.cage-rotate-screen--default .cage-rotate-screen__icon{top:20%}.cage-rotate-screen--default .cage-rotate-screen__path{fill:#fff}.cage-rotate-screen--default .cage-rotate-screen__text{top:65%}.cage-rotate-screen--food{color:#333;background:#eee}.cage-rotate-screen__food-logo{top:19%;width:38%}.cage-rotate-screen--food .cage-rotate-screen__path{fill:#333}.cage-rotate-screen--sport{background:#FFD230}

.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}}