/*<style>*/
.Numerator {font-size: 60%; position: relative; bottom: 25px; right: 4px; pointer-events: none;}
small .Numerator {bottom: 17px; right: 0.3%;}
.Denominator {font-size: 60%; position: relative; pointer-events: none;}

.CenterContainerCell .FractionAnswer {vertical-align: middle;}
.FractionAnswer {display: inline-block; text-align: center; margin-right: 10px; margin-left: 20px;}
.Vinculum {height: 2px; width: calc(100% + 10px); background: black; display: block; margin: 2px -5px 2px -5px;}
.FractionAnswer .Answer, .NoAnswerMargin .Answer {margin: 0px;}
.FractionAnswer.NoAnswerMargin {margin: 0px;}
.DivisionWrittenForm {background-image: url('graphics/assessment/numeracy/division.png'); background-size: 70% 49%; background-position: bottom; padding: 20px 30px 10px 30px; background-repeat: no-repeat; width;}
.DivisionWrittenForm .Answer {margin-top: -20px; margin-bottom: 20px; margin-left: 54px;}

.MathematicsTool .CenterContainer {height: 100%;}

    .WorldContent.Scene.IceCreamShop .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/icecreamshop.jpg');}
    .WorldContent.Scene.LollyShop1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/lollyshop.jpg');}
    .WorldContent.Scene.LollyShop2 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/lollyshop2.jpg');}
    .WorldContent.Scene.LollyShop3 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/lollyshop3.jpg');}
    .WorldContent.Scene.LollyShop4 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/lollyshop4.jpg');}
    .WorldContent.Scene.LollyShop5 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/lollyshop5.jpg');}
    .WorldContent.Scene.Space .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/space.jpg');}
    .WorldContent.Scene.Farm1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/farm.jpg');}
    .WorldContent.Scene.Farm2 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/farm2.jpg');}
    .WorldContent.Scene.Farm3 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/farm3.jpg');}
    .WorldContent.Scene.Field1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/field.jpg');}
    .WorldContent.Scene.Field2 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/field2.jpg');}
    .WorldContent.Scene.Field3 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/field3.jpg');}
    .WorldContent.Scene.Field4 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/field4.jpg');}
    .WorldContent.Scene.Forest1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/forest.jpg');}
    .WorldContent.Scene.Road1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/road.jpg');}
    .WorldContent.Scene.Road2 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/road2.jpg');}
    .WorldContent.Scene.Road3 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/road3.jpg');}
    .WorldContent.Scene.Road4 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/road4.jpg');}
    .WorldContent.Scene.Road5 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/road5.jpg');}
    .WorldContent.Scene.Road6 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/road6.jpg');}
    .WorldContent.Scene.Road7 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/road7.jpg');}
    .WorldContent.Scene.SunkenTreasure .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/treasure.jpg');}
    .WorldContent.Scene.Party .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/party.jpg');}
    .WorldContent.Scene.Soccer .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/soccer.jpg');}
    .WorldContent.Scene.Rugby .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/rugby.jpg');}
    .WorldContent.Scene.Court .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/court.jpg');}
    .WorldContent.Scene.Bank1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/bank.jpg');}
    .WorldContent.Scene.Bank2 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/bank2.jpg');}
    .WorldContent.Scene.Lab1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/lab.jpg');}
    .WorldContent.Scene.Lab2 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/lab2.jpg');}
    .WorldContent.Scene.Lab3 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/lab3.jpg');}
    .WorldContent.Scene.Lab4 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/lab4.jpg');}
    .WorldContent.Scene.Savannah1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/savannah1.jpg');}
    .WorldContent.Scene.Savannah2 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/savannah2.jpg');}
    .WorldContent.Scene.Savannah3 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/savannah3.jpg');}
    .WorldContent.Scene.Savannah4 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/savannah4.jpg');}
    .WorldContent.Scene.Castle1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/castle1.jpg');}
    .WorldContent.Scene.Home1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/home1.jpg');}
    .WorldContent.Scene.Home2 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/home2.jpg');}
    .WorldContent.Scene.Home3 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/home3.jpg');}
    .WorldContent.Scene.Home4 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/home4.jpg');}
    .WorldContent.Scene.Home5 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/home5.jpg');}
    .WorldContent.Scene.AlienPlanet1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/alien1.jpg');}
    .WorldContent.Scene.AlienPlanet2 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/alien2.jpg');}
    .WorldContent.Scene.AlienPlanet3 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/crystalplanet.jpg');}
    .WorldContent.Scene.AlienPlanet4 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/alienplanetportal.jpg');}
    .WorldContent.Scene.AlienPlanet5 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/nightswamp1.jpg');}
    .WorldContent.Scene.AlienPlanet6 .WorldFrame {background-image: url('graphics/backgrounds/scenes/large/nightswamp2.jpg');}

    .Page .WorldContent.Scene.IceCreamShop .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/icecreamshop.jpg');}
    .Page .WorldContent.Scene.LollyShop1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/lollyshop.jpg');}
    .Page .WorldContent.Scene.LollyShop2 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/lollyshop2.jpg');}
    .Page .WorldContent.Scene.LollyShop3 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/lollyshop3.jpg');}
    .Page .WorldContent.Scene.LollyShop4 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/lollyshop4.jpg');}
    .Page .WorldContent.Scene.LollyShop5 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/lollyshop5.jpg');}
    .Page .WorldContent.Scene.Space .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/space.jpg');}
    .Page .WorldContent.Scene.Farm1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/farm.jpg');}
    .Page .WorldContent.Scene.Farm2 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/farm2.jpg');}
    .Page .WorldContent.Scene.Farm3 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/farm3.jpg');}
    .Page .WorldContent.Scene.Field1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/field.jpg');}
    .Page .WorldContent.Scene.Field2 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/field2.jpg');}
    .Page .WorldContent.Scene.Field3 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/field3.jpg');}
    .Page .WorldContent.Scene.Field4 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/field4.jpg');}
    .Page .WorldContent.Scene.Forest1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/forest.jpg');}
    .Page .WorldContent.Scene.Road1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/road.jpg');}
    .Page .WorldContent.Scene.Road2 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/road2.jpg');}
    .Page .WorldContent.Scene.Road3 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/road3.jpg');}
    .Page .WorldContent.Scene.Road4 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/road4.jpg');}
    .Page .WorldContent.Scene.Road5 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/road5.jpg');}
    .Page .WorldContent.Scene.Road6 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/road6.jpg');}
    .Page .WorldContent.Scene.Road7 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/road7.jpg');}
    .Page .WorldContent.Scene.SunkenTreasure .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/treasure.jpg');}
    .Page .WorldContent.Scene.Party .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/party.jpg');}
    .Page .WorldContent.Scene.Soccer .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/soccer.jpg');}
    .Page .WorldContent.Scene.Rugby .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/rugby.jpg');}
    .Page .WorldContent.Scene.Court .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/court.jpg');}
    .Page .WorldContent.Scene.Bank1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/bank.jpg');}
    .Page .WorldContent.Scene.Bank2 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/bank2.jpg');}
    .Page .WorldContent.Scene.Lab1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/lab.jpg');}
    .Page .WorldContent.Scene.Lab2 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/lab2.jpg');}
    .Page .WorldContent.Scene.Lab3 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/lab3.jpg');}
    .Page .WorldContent.Scene.Lab4 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/lab4.jpg');}
    .Page .WorldContent.Scene.Savannah1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/savannah1.jpg');}
    .Page .WorldContent.Scene.Savannah2 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/savannah2.jpg');}
    .Page .WorldContent.Scene.Savannah3 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/savannah3.jpg');}
    .Page .WorldContent.Scene.Savannah4 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/savannah4.jpg');}
    .Page .WorldContent.Scene.Castle1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/castle1.jpg');}
    .Page .WorldContent.Scene.Home1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/home1.jpg');}
    .Page .WorldContent.Scene.Home2 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/home2.jpg');}
    .Page .WorldContent.Scene.Home3 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/home3.jpg');}
    .Page .WorldContent.Scene.Home4 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/home4.jpg');}
    .Page .WorldContent.Scene.Home5 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/home5.jpg');}
    .WorldContent.Scene.AlienPlanet1 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/alien1.jpg');}
    .WorldContent.Scene.AlienPlanet2 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/alien2.jpg');}
    .WorldContent.Scene.AlienPlanet3 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/crystalplanet.jpg');}
    .WorldContent.Scene.AlienPlanet4 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/alienplanetportal.jpg');}
    .WorldContent.Scene.AlienPlanet5 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/nightswamp1.jpg');}
    .WorldContent.Scene.AlienPlanet6 .WorldFrame {background-image: url('graphics/backgrounds/scenes/small/nightswamp2.jpg');}

    
    .PictureVariable {background-size: contain; background-repeat: no-repeat;}
    .Chunk .Scene .PictureVariable {transform: scale(0); text-shadow: 0 0 4px rgba(0,0,0,0.2);}
        .Chunk .Scene.AnimateIn .PictureVariable {animation-name: PopIn; animation-duration: 0.2s; animation-fill-mode: forwards; animation-delay: 0.7s;}
        .Chunk .Scene.AnimateIn .PictureVariable:nth-child(1) {animation-delay: 0.72s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(2) {animation-delay: 0.74s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(3) {animation-delay: 0.76s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(4) {animation-delay: 0.78s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(5) {animation-delay: 0.8s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(6) {animation-delay: 0.82s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(7) {animation-delay: 0.84s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(8) {animation-delay: 0.86s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(9) {animation-delay: 0.88s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(10) {animation-delay: 0.9s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(11) {animation-delay: 0.92s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(12) {animation-delay: 0.94s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(13) {animation-delay: 0.96s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(14) {animation-delay: 0.98s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(15) {animation-delay: 1s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(16) {animation-delay: 1.02s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(17) {animation-delay: 1.04s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(18) {animation-delay: 1.06s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(19) {animation-delay: 1.08s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(20) {animation-delay: 1.1s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(21) {animation-delay: 1.12s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(22) {animation-delay: 1.14s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(23) {animation-delay: 1.16s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(24) {animation-delay: 1.18s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(25) {animation-delay: 1.2s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(26) {animation-delay: 1.22s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(27) {animation-delay: 1.24s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(28) {animation-delay: 1.26s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(29) {animation-delay: 1.28s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(30) {animation-delay: 1.3s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(31) {animation-delay: 1.32s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(32) {animation-delay: 1.34s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(33) {animation-delay: 1.36s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(34) {animation-delay: 1.38s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(35) {animation-delay: 1.4s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(36) {animation-delay: 1.42s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(37) {animation-delay: 1.44s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(38) {animation-delay: 1.46s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(39) {animation-delay: 1.48s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(40) {animation-delay: 1.5s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(41) {animation-delay: 1.52s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(42) {animation-delay: 1.54s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(43) {animation-delay: 1.56s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(44) {animation-delay: 1.58s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(45) {animation-delay: 1.6s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(46) {animation-delay: 1.62s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(47) {animation-delay: 1.64s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(48) {animation-delay: 1.66s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(49) {animation-delay: 1.68s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(50) {animation-delay: 1.7s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(51) {animation-delay: 1.72s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(52) {animation-delay: 1.74s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(53) {animation-delay: 1.76s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(54) {animation-delay: 1.78s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(55) {animation-delay: 1.8s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(56) {animation-delay: 1.82s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(57) {animation-delay: 1.84s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(58) {animation-delay: 1.86s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(59) {animation-delay: 1.88s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(60) {animation-delay: 1.9s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(61) {animation-delay: 1.92s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(62) {animation-delay: 1.94s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(63) {animation-delay: 1.96s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(64) {animation-delay: 1.98s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(65) {animation-delay: 2s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(66) {animation-delay: 2.02s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(67) {animation-delay: 2.04s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(68) {animation-delay: 2.06s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(69) {animation-delay: 2.08s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(70) {animation-delay: 2.1s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(71) {animation-delay: 2.12s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(72) {animation-delay: 2.14s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(73) {animation-delay: 2.16s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(74) {animation-delay: 2.18s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(75) {animation-delay: 2.2s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(76) {animation-delay: 2.22s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(77) {animation-delay: 2.24s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(78) {animation-delay: 2.26s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(79) {animation-delay: 2.28s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(80) {animation-delay: 2.3s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(81) {animation-delay: 2.32s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(82) {animation-delay: 2.34s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(83) {animation-delay: 2.36s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(84) {animation-delay: 2.38s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(85) {animation-delay: 2.4s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(86) {animation-delay: 2.42s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(87) {animation-delay: 2.44s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(88) {animation-delay: 2.46s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(89) {animation-delay: 2.48s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(90) {animation-delay: 2.5s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(91) {animation-delay: 2.52s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(92) {animation-delay: 2.54s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(93) {animation-delay: 2.56s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(94) {animation-delay: 2.58s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(95) {animation-delay: 2.6s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(96) {animation-delay: 2.62s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(97) {animation-delay: 2.64s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(98) {animation-delay: 2.66s;}
.Chunk .Scene.AnimateIn .PictureVariable:nth-child(99) {animation-delay: 2.68s;}

    .PictureVariable.Draggable {filter: drop-shadow(0px 0px 0px black) drop-shadow(0px 0px 1.1px black);}
    .PictureVariable.FallingItem {filter: drop-shadow(0px 0px 0px black) drop-shadow(0px 0px 1.1px black);}

    .Chunk .Scene.AnimateIn .PictureVariable.FallingItem {display: block; pointer-events: none; position: absolute; animation-name: Falling; animation-duration: 1s; animation-fill-mode: forwards; animation-timing-function: linear;}
        .Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow1:nth-child(odd) {animation-delay: 0.91s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow1:nth-child(even) {animation-delay: 1.01s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow2:nth-child(odd) {animation-delay: 0.92s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow2:nth-child(even) {animation-delay: 1.02s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow3:nth-child(odd) {animation-delay: 0.93s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow3:nth-child(even) {animation-delay: 1.03s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow4:nth-child(odd) {animation-delay: 0.94s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow4:nth-child(even) {animation-delay: 1.04s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow5:nth-child(odd) {animation-delay: 0.95s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow5:nth-child(even) {animation-delay: 1.05s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow6:nth-child(odd) {animation-delay: 0.96s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow6:nth-child(even) {animation-delay: 1.06s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow7:nth-child(odd) {animation-delay: 0.97s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow7:nth-child(even) {animation-delay: 1.07s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow8:nth-child(odd) {animation-delay: 0.98s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow8:nth-child(even) {animation-delay: 1.08s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow9:nth-child(odd) {animation-delay: 0.99s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow9:nth-child(even) {animation-delay: 1.09s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow10:nth-child(odd) {animation-delay: 1s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow10:nth-child(even) {animation-delay: 1.1s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow11:nth-child(odd) {animation-delay: 1.01s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow11:nth-child(even) {animation-delay: 1.11s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow12:nth-child(odd) {animation-delay: 1.02s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow12:nth-child(even) {animation-delay: 1.12s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow13:nth-child(odd) {animation-delay: 1.03s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow13:nth-child(even) {animation-delay: 1.13s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow14:nth-child(odd) {animation-delay: 1.04s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow14:nth-child(even) {animation-delay: 1.14s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow15:nth-child(odd) {animation-delay: 1.05s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow15:nth-child(even) {animation-delay: 1.15s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow16:nth-child(odd) {animation-delay: 1.06s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow16:nth-child(even) {animation-delay: 1.16s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow17:nth-child(odd) {animation-delay: 1.07s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow17:nth-child(even) {animation-delay: 1.17s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow18:nth-child(odd) {animation-delay: 1.08s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow18:nth-child(even) {animation-delay: 1.18s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow19:nth-child(odd) {animation-delay: 1.09s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow19:nth-child(even) {animation-delay: 1.19s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow20:nth-child(odd) {animation-delay: 1.1s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow20:nth-child(even) {animation-delay: 1.2s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow21:nth-child(odd) {animation-delay: 1.11s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow21:nth-child(even) {animation-delay: 1.21s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow22:nth-child(odd) {animation-delay: 1.12s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow22:nth-child(even) {animation-delay: 1.22s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow23:nth-child(odd) {animation-delay: 1.13s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow23:nth-child(even) {animation-delay: 1.23s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow24:nth-child(odd) {animation-delay: 1.14s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow24:nth-child(even) {animation-delay: 1.24s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow25:nth-child(odd) {animation-delay: 1.15s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow25:nth-child(even) {animation-delay: 1.25s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow26:nth-child(odd) {animation-delay: 1.16s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow26:nth-child(even) {animation-delay: 1.26s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow27:nth-child(odd) {animation-delay: 1.17s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow27:nth-child(even) {animation-delay: 1.27s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow28:nth-child(odd) {animation-delay: 1.18s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow28:nth-child(even) {animation-delay: 1.28s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow29:nth-child(odd) {animation-delay: 1.19s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow29:nth-child(even) {animation-delay: 1.29s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow30:nth-child(odd) {animation-delay: 1.2s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow30:nth-child(even) {animation-delay: 1.3s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow31:nth-child(odd) {animation-delay: 1.21s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow31:nth-child(even) {animation-delay: 1.31s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow32:nth-child(odd) {animation-delay: 1.22s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow32:nth-child(even) {animation-delay: 1.32s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow33:nth-child(odd) {animation-delay: 1.23s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow33:nth-child(even) {animation-delay: 1.33s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow34:nth-child(odd) {animation-delay: 1.24s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow34:nth-child(even) {animation-delay: 1.34s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow35:nth-child(odd) {animation-delay: 1.25s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow35:nth-child(even) {animation-delay: 1.35s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow36:nth-child(odd) {animation-delay: 1.26s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow36:nth-child(even) {animation-delay: 1.36s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow37:nth-child(odd) {animation-delay: 1.27s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow37:nth-child(even) {animation-delay: 1.37s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow38:nth-child(odd) {animation-delay: 1.28s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow38:nth-child(even) {animation-delay: 1.38s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow39:nth-child(odd) {animation-delay: 1.29s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow39:nth-child(even) {animation-delay: 1.39s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow40:nth-child(odd) {animation-delay: 1.3s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow40:nth-child(even) {animation-delay: 1.4s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow41:nth-child(odd) {animation-delay: 1.31s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow41:nth-child(even) {animation-delay: 1.41s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow42:nth-child(odd) {animation-delay: 1.32s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow42:nth-child(even) {animation-delay: 1.42s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow43:nth-child(odd) {animation-delay: 1.33s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow43:nth-child(even) {animation-delay: 1.43s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow44:nth-child(odd) {animation-delay: 1.34s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow44:nth-child(even) {animation-delay: 1.44s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow45:nth-child(odd) {animation-delay: 1.35s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow45:nth-child(even) {animation-delay: 1.45s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow46:nth-child(odd) {animation-delay: 1.36s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow46:nth-child(even) {animation-delay: 1.46s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow47:nth-child(odd) {animation-delay: 1.37s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow47:nth-child(even) {animation-delay: 1.47s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow48:nth-child(odd) {animation-delay: 1.38s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow48:nth-child(even) {animation-delay: 1.48s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow49:nth-child(odd) {animation-delay: 1.39s; }
.Chunk .Scene.AnimateIn .PictureVariable.FallingItemRow49:nth-child(even) {animation-delay: 1.49s; }
        .Page .Scene .PictureVariable.FallingItem {display: block; position: absolute; animation: none;}

    .Chunk .Scene.AnimateIn .PictureVariable.DrivingItem {display: block; pointer-events: none; position: absolute; animation-name: Driving; animation-duration: 4s; animation-iteration-count: 1; animation-fill-mode: forwards; animation-timing-function: linear; z-index: -2;}
        .Chunk .Scene.AnimateIn .PictureVariable.DrivingItem.DrivingRightItem {animation-name: DrivingRight; animation-duration: 3s;}
        .Chunk .Scene.AnimateIn .PictureVariable.DrivingItem.DrivingLeftItem {animation-name: DrivingLeft; animation-duration: 3s;}
        .Page .Scene .PictureVariable.DrivingItem {display: block; position: absolute; animation: none; transform: translate(300px, 70px) scale(var(--scale)); z-index: -2;}
        .Chunk .Scene.AnimateIn .PictureVariable.DrivingItem:nth-child(7) {filter: hue-rotate(90deg);}
        .Chunk .Scene.AnimateIn .PictureVariable.DrivingItem:nth-child(8) {filter: hue-rotate(200deg);}

    .Chunk .Scene.AnimateIn .PictureVariable.RocketingItem {display: block; pointer-events: none; position: absolute; animation-name: Rocketing; animation-duration: 4s; animation-iteration-count: 1; animation-fill-mode: forwards; animation-timing-function: linear; z-index: -2;}
        .Page .Scene .PictureVariable.RocketingItem {display: block; position: absolute; animation: none; transform: translate(380px, 110px) scale(var(--scale)); z-index: -2;}

    @keyframes Falling {
        0% {transform: translateY(-600px) scale(var(--scale));}
        100% {transform: translateY(0px) scale(var(--scale));}
    }

    @keyframes Driving {
        0% {transform: translateX(1000px) translateY(100px) scale(var(--scale)); z-index: -2;}
        100% {transform: translateX(-500px) translateY(100px) scale(var(--scale)); z-index: -2;}
    }

    @keyframes DrivingRight {
        0% {transform: translateX(-500px) scaleY(var(--scale)) scaleX(calc(-1 * var(--scale))); z-index: -2;}
        100% {transform: translateX(1000px) scaleY(var(--scale)) scaleX(calc(-1 * var(--scale))); z-index: -2;}
    }

    @keyframes DrivingLeft {
        0% {transform: translateX(1000px) scale(var(--scale)); z-index: -2;}
        100% {transform: translateX(-500px) scale(var(--scale)); z-index: -2;}
    }

    @keyframes Rocketing {
        0% {transform: translateY(500px) translateX(400px) scale(var(--scale)); z-index: -2;}
        29.99% {transform: translateY(-500px) translateX(400px)  scale(var(--scale)); z-index: -2;}
        30% {transform: translateY(500px) translateX(200px)  scale(var(--scale)); z-index: -2;}
        59.99% {transform: translateY(-500px) translateX(200px)  scale(var(--scale)); z-index: -2;}
        60% {transform: translateY(500px) translateX(600px) scale(var(--scale)); z-index: -2;}
        90% {transform: translateY(-500px) translateX(600px)  scale(var(--scale)); z-index: -2;}
        100% {transform: translateY(-500px) translateX(600px)  scale(var(--scale)); z-index: -2;}
    }




.AlgebraTable {display: inline-table; border-collapse: collapse; margin-bottom: 20px; margin-top: 10px; background-color: white;}
    .AlgebraTable td {border: solid 0.5px black; font-size: 36pt; width: 76px; height: 76px;}

.Activity .PictureVariable {font-size: var(--EmojiFontSize);}
.Activity .PictureVariable {z-index: 20; position: relative; display: inline-block; font-family: var(--PictureVariableAndInputFontFamily); background-size: 65% 65%; background-position: center;}
.Activity .PictureVariable, .Activity .Operator {width: var(--EmojiWidth); height: var(--EmojiHeight); line-height: normal; vertical-align: middle; position: relative; display: inline-block; text-align: center; box-sizing: border-box;}
    /* x.Activity .NoAnswerMargin .Operator {width: auto; margin-right: 4px; margin-left: 4px; vertical-align: baseline;} */
.Activity .Shape {font-size: 100px; background-size: contain; background-position: center; background-repeat: no-repeat;}
    .RedHueRotate {filter: hue-rotate(16deg) !important;}
    .BlueHueRotate {filter: hue-rotate(231deg) !important;}
    .GreenHueRotate {filter: hue-rotate(80deg) saturate(2) brightness(2) !important;}
    .TealHueRotate {filter: hue-rotate(180deg) brightness(1.2) !important;}
    .OrangeHueRotate {filter: hue-rotate(61deg) saturate(3) brightness(2) !important;}
    .GoldHueRotate {filter: hue-rotate(66deg) saturate(4) brightness(3) !important;}
    .PurpleHueRotate {filter: hue-rotate(284deg) !important;}
    .MagentaHueRotate {filter: hue-rotate(325deg) brightness(2) !important;}
    .BlackHueRotate {filter: saturate(0) contrast(0) brightness(0) !important;}
    .WhiteHueRotate {filter: saturate(0) contrast(0) brightness(2) !important;}
    .DarkGreenHueRotate {filter: hue-rotate(80deg) saturate(2) brightness(1.5) !important;}

    .Shape.EquilateralTriangle {width: 100px; height: 100px;}
        .Shape.EquilateralTriangle.Draggable {clip-path: polygon(50% -15%, 115% 115%, -15% 115%);}
    .Shape.EquilateralTriangleRotated {width: 100px; height: 100px;}
        .Shape.EquilateralTriangleRotated.Draggable {clip-path: polygon(-15% -15%, 115% -15%, 50% 115%);}

    .Shape.IsoscelesTriangle {width: 100px; height: 100px;}
    .Shape.ScaleneTriangle {width: 100px; height: 100px;}
    .Shape.RightTriangle1 {width: 100px; height: 100px;}
        .Shape.RightTriangle1.Draggable {clip-path: polygon(-2% -2%, 102% -2%, -2% 102%);}
    .Shape.RightTriangle2 {width: 100px; height: 100px;}
        .Shape.RightTriangle2.Draggable {clip-path: polygon(-2% -2%, 102% -2%, 102% 102%);}
    .Shape.RightTriangle3 {width: 100px; height: 100px;}
        .Shape.RightTriangle3.Draggable {clip-path: polygon(-2% -2%, 102% 102%, -2% 102%);}
    .Shape.RightTriangle4 {width: 100px; height: 100px;}
        .Shape.RightTriangle4.Draggable {clip-path: polygon(102% -2%, 102% 102%, -2% 102%);}
    .Shape.Square {width: 100px; height: 100px;}
    .Shape.SquareRotated {width: 100px; height: 100px; clip-path: polygon(50% -2%, 102% 50%, 50% 102%, -2% 50%);}
    .Shape.SquareSmall {width: 50px; height: 50px;}
    .Shape.Rectangle {width: 100px; height: 50px;}
    .Shape.Parallelogram {width: 100px; height: 50px;}
    .Shape.Trapezoid {width: 100px; height: 100px;}
    .Shape.Pentagon { width: 100px; height: 100px;}
    .Shape.Hexagon {width: 174px; height: 174px;}
    .Shape.HexagonRotated {width: 174px; height: 174px;}
    .Shape.Heptagon {width: 100px; height: 100px;}
    .Shape.Octagon {width: 120px; height: 120px;}
    .Shape.Nonagon {width: 100px; height: 100px;}
    .Shape.Decagon {width: 100px; height: 100px;}
    .Shape.Rhombus {width: 100px; height: 100px;}
    .Shape.Cone {width: 100px; height: 100px;}
    .Shape.Cube {width: 100px; height: 100px;}
    .Shape.Cuboid {width: 100px; height: 100px;}
    .Shape.Cylinder {width: 100px; height: 100px;}
    .Shape.HexagonalPrism {width: 100px; height: 100px;}
    .Shape.Sphere {width: 100px; height: 100px;}
    .Shape.SquareBasedPyramid {width: 100px; height: 100px;}
    .Shape.TriangularPrism {width: 100px; height: 100px;}
    .Shape.TriangularBasedPyramid {width: 100px; height: 100px;}


    .Shape.EquilateralTriangle {background-image: url('graphics/shapes/triangleequilateral.png'); }
    .Shape.EquilateralTriangleRotated {background-image: url('graphics/shapes/triangleequilateralrotated.png');}
    .Shape.IsoscelesTriangle {background-image: url('graphics/shapes/triangleisosceles.png');}
    .Shape.ScaleneTriangle {background-image: url('graphics/shapes/trianglescalene.png');}
    .Shape.RightTriangle1 {background-image: url('graphics/shapes/trianglerighttl.png');}
    .Shape.RightTriangle2 {background-image: url('graphics/shapes/trianglerighttr.png');}
    .Shape.RightTriangle3 {background-image: url('graphics/shapes/trianglerightbl.png');}
    .Shape.RightTriangle4 {background-image: url('graphics/shapes/trianglerightbr.png');}
    .Shape.Square {background-image: url('graphics/shapes/square.png');}
    .Shape.SquareRotated {background-image: url('graphics/shapes/squarerotated.png');}
    .Shape.SquareSmall {background-image: url('graphics/shapes/square.png');}
    .Shape.Rectangle {background-image: url('graphics/shapes/rectangle.png');}
    .Shape.Parallelogram {background-image: url('graphics/shapes/parallelogram.png');}
    .Shape.Trapezoid {background-image: url('graphics/shapes/trapezoid.png');}
    .Shape.Pentagon {background-image: url('graphics/shapes/pentagon.png');}
    .Shape.Hexagon {background-image: url('graphics/shapes/hexagon.png');}
    .Shape.HexagonRotated {background-image: url('graphics/shapes/hexagonrotated.png');}
    .Shape.Heptagon {background-image: url('graphics/shapes/heptagon.png');}
    .Shape.Octagon {background-image: url('graphics/shapes/octagon.png');}
    .Shape.Nonagon {background-image: url('graphics/shapes/nonagon.png');}
    .Shape.Decagon {background-image: url('graphics/shapes/decagon.png');}
    .Shape.Rhombus {background-image: url('graphics/shapes/rhombus.png');}
    .Shape.Cone {background-image: url('graphics/shapes/cone.png');}
    .Shape.Cube {background-image: url('graphics/shapes/cube.png');}
    .Shape.Cuboid {background-image: url('graphics/shapes/cuboid.png');}
    .Shape.Cylinder {background-image: url('graphics/shapes/cylinder.png');}
    .Shape.HexagonalPrism {background-image: url('graphics/shapes/hexagonalprism.png');}
    .Shape.Sphere {background-image: url('graphics/shapes/sphere.png');}
    .Shape.SquareBasedPyramid {background-image: url('graphics/shapes/squarebasedpyramid.png');}
    .Shape.TriangularPrism {background-image: url('graphics/shapes/triangularprism.png');}
    .Shape.TriangularBasedPyramid {background-image: url('graphics/shapes/triangularbasedpyramid.png');}

    .MathematicsAssessment .Shape {display: inline-block; margin: 10px; vertical-align: middle}
    .MathematicsAssessment .MultiChoiceAnswer .Shape {width: 100%; height: 100%; margin: 0px;}

.Activity .PictureVariable input {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; box-sizing: border-box; padding: 0px; background: transparent; border: none; color: white; filter: drop-shadow(1px 1px 0px black) drop-shadow(1px 0px 0px black) drop-shadow(0px 1px 0px black) drop-shadow(-1px 0px 0px black) drop-shadow(0px -1px 0px black);}

.Shape.Draggable.Correct, .Shape.Draggable.Incorrect {background-color: transparent;}
.MathematicsAssessment input.Answer.DropValueTarget.VerticalCenterDropValueTarget {top: 200px;}
    .Activity input.Answer.FuzzMonster {width: 300px; height: 300px; border: none !important; background-color: transparent !important; background-image: url('graphics/players/fuzzmonster.png'); background-size: 400% 100%; background-position: 0% 0%;}
        .MathematicsActivityIdentifyingSolids input.Answer.FuzzMonster {filter: hue-rotate(229deg) saturate(2);}
    .Activity input.Answer.FuzzMonster.Correct {background-position: 33.33% 0%; animation: SecondTwoOfFourFrameSprite 0.7s step-end infinite; z-index: 0;}
    .Activity input.Answer.FuzzMonster.Incorrect {background-position: 100% 0%; z-index: 0;}

    .CircleCounterRow {font-size: 38pt; line-height: 1.2;}

.TensFrame {z-index: 10; display: block; vertical-align: top; width: calc(var(--EmojiWidth) * 2); height: calc((var(--EmojiWidth) * 5) + 14px); text-align: left; background-image: url('graphics/materials/tensframe.png'); background-size: 100% 100%; background-position: top center; background-repeat: no-repeat; background-color: gold; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
    .Number1 {background-color: gold;}
    .Number2 {background-color: limegreen;}
    .Number3 {background-color: orange;}

    .MathematicsActivity8TimesTable {--EmojiWidth: 54px; --EmojiFontSize: 24pt;}
    .MathematicsActivity9TimesTable {--EmojiWidth: 50px; --EmojiFontSize: 22pt;}
    .MathematicsActivity10TimesTable, .MathematicsActivity2TimesTableWithSkipCounting, .MathematicsActivity5TimesTableWithSkipCounting, .MathematicsActivity10TimesTableWithSkipCounting, .MathematicsActivityMultiplyingGroupsOf1, .MathematicsActivityMultiplyingGroupsOf3, .MathematicsActivityMultiplyingGroupsOf4, .MathematicsActivityMultiplyingGroupsOf6, .MathematicsActivityMultiplyingGroupsOf7, .MathematicsActivityMultiplyingGroupsOf8, .MathematicsActivityMultiplyingGroupsOf9, .MathematicsActivityMultiplyingGroupsOf10 {--EmojiWidth: 46px; --EmojiFontSize: 20pt;}
    .MathematicsActivityMultiplyingBySkipCounting .Answer {margin-right: 0px;}
    /* .MathematicsActivity8TimesTable .Answer, .MathematicsActivity9TimesTable .Answer, .MathematicsActivity10TimesTable .Answer, .MathematicsActivity2TimesTableWithSkipCounting .Answer, .MathematicsActivity5TimesTableWithSkipCounting .Answer {--EmojiWidth: 60px;}
    .MathematicsActivity10TimesTableWithSkipCounting .Answer, .MathematicsActivityMultiplyingGroupsOf10 .Answer {--EmojiWidth: 70px; --EmojiFontSize: 36pt;} */

    .MathematicsActivity8TimesTable .TensFrame  {height: calc((var(--EmojiWidth) * 5) + 12px);}
    .MathematicsActivity9TimesTable .TensFrame {height: calc((var(--EmojiWidth) * 5) + 11px);}
    .MathematicsActivity10TimesTable .TensFrame, .MathematicsActivity2TimesTableWithSkipCounting .TensFrame, .MathematicsActivity5TimesTableWithSkipCounting .TensFrame, .MathematicsActivity10TimesTableWithSkipCounting .TensFrame {height: calc((var(--EmojiWidth) * 5) + 10px);}

.MathematicsAssessment .Problems {font-size: 16px}
.MathematicsAssessment .Answer.DropValueTarget {width: 160px !important; height: 104px !important; box-sizing: border-box !important;}
.MathematicsAssessment .DraggableCard.Correct, .MathematicsAssessment .DraggableCard.Incorrect {background-color: gold;}
.DraggableCardTarget {background-size: contain; background-position: center center; background-repeat: no-repeat;}
.DraggableCard .Shape, .DraggableCardTarget .Shape {display: inline-block; max-width: 80%; max-height: 80%; margin: 10%; vertical-align: middle;}

.PatternRow td {min-width: 140px; padding: 10px; box-sizing: border-box; text-align: center;}
.PatternRow td div {display: inline-block; text-align: left;}


.MathematicsActivityPlaceValueBlocks .Problems, .MathematicsActivityAddingWithPlaceValueBlocks .Problems , .MathematicsActivityAddingPlaceValueBlocksWithCarrying .Problems, .MathematicsActivitySubtractingWithPlaceValueBlocks .Problems , .MathematicsActivitySubtractingPlaceValueBlocksWithCarrying .Problems {top: 64px; height: 420px;}
.Activity .PlaceValueTable {width: 990px; height: 390px; border-collapse: collapse; background: rgba(255,255,255,0.5);}
    .MathematicsActivityAddingWithPlaceValueBlocks .PlaceValueTable, .MathematicsActivitySubtractingWithPlaceValueBlocks .PlaceValueTable {height: 388px; margin-top: -15px;}
    .Activity .PlaceValueTable th, .Activity .PlaceValueTable td {border: solid 0.5px black; width: 33.33%; box-sizing: border-box; padding: 4px;}
    .Activity .PlaceValueTable th {height: 10px; vertical-align: top; background: rgba(255,255,255,0.3);}
    .PlaceValueBlock {margin: 4px; box-sizing: border-box; background-repeat: no-repeat; background-position: 0; background-size: 100%; --PlaceValueBlockSize: 1;}
    .PlaceValueBlock100 {display: inline-block; width: calc(var(--PlaceValueBlockSize) * 123px); height: calc(var(--PlaceValueBlockSize) * 125.5px); background-image: url('graphics/materials/hundreds.png');}
    .PlaceValueBlock10 {display: inline-block; width: calc(var(--PlaceValueBlockSize) * 15px); height: calc(var(--PlaceValueBlockSize) * 125.5px); background-image: url('graphics/materials/tens.png');}
    .PlaceValueBlock1 {display: inline-block; width: calc(var(--PlaceValueBlockSize) * 15px); height: calc(var(--PlaceValueBlockSize) * 17.5px); background-image: url('graphics/materials/ones.png');}
.MathematicsActivityAddingPlaceValueBlocksWithCarrying .Answers, .MathematicsActivitySubtractingPlaceValueBlocksWithCarrying .Answers {text-align: right; bottom: 4px;}
.MathematicsActivityAddingPlaceValueBlocksWithCarrying .ProblemNavigationButtonsBox, .MathematicsActivitySubtractingPlaceValueBlocksWithCarrying .ProblemNavigationButtonsBox {bottom: -6px;}
.MathematicsActivityAddingPlaceValueBlocksWithCarrying .ProblemContent, .MathematicsActivitySubtractingPlaceValueBlocksWithCarrying .ProblemContent {height: 97.4%;}

.MathematicsPuzzleAdditionTables #Background1 {background-image: url('graphics/titles/mathematicspuzzle.jpg');}
.MathematicsPuzzleAdditionTables {--EmojiFontSize: 32pt; --EmojiWidth: 70px; --AnswerInputWidth: 70px;}
.MathematicsPuzzleAdditionTables .Problems {height: 460px;}
.MathematicsPuzzleAdditionTables .AlgebraTable tr:first-child td, .MathematicsPuzzleAdditionTables .AlgebraTable tr td:first-child {background: #abd5ff;}
.MathematicsPuzzleAdditionTables input[type=text].Answer {margin-right: 10px;}

.MathematicsPuzzleMultiplicationTables #Background1 {background-image: url('graphics/titles/mathematicspuzzle.jpg');}
.MathematicsPuzzleMultiplicationTables {--EmojiFontSize: 32pt; --EmojiWidth: 70px; --AnswerInputWidth: 70px;}
.MathematicsPuzzleMultiplicationTables .Problems {height: 460px;}
.MathematicsPuzzleMultiplicationTables .AlgebraTable tr:first-child td, .MathematicsPuzzleMultiplicationTables .AlgebraTable tr td:first-child {background: #dcbcfa;}
.MathematicsPuzzleMultiplicationTables input[type=text].Answer {margin-right: 10px;}

.MathematicsPuzzleAdditionEquations #Background1 {background-image: url('graphics/titles/mathematicspuzzle.jpg');}
.MathematicsPuzzleAdditionEquations {--EmojiFontSize: 50pt; --EmojiWidth: 100px; --AnswerInputWidth: 100px; --EmojiHeight: 100px;}
.MathematicsPuzzleAdditionEquations .Problem {display: block; text-align: left; margin: auto; max-width: 650px; min-width: 650px;}
.MathematicsPuzzleAdditionEquations .Problem:last-child {margin-top: 30px; max-width: 370px; min-width: 280px;}
.MathematicsPuzzleAdditionEquations .Operator {width: 50px;}
.MathematicsPuzzleAdditionEquations .Answer {margin-right: 15px; margin-left: 15px; xfont-size: var(--EmojiFontSize);}

.MathematicsPuzzlePatterns #Background1 {background-image: url('graphics/titles/mathematicspuzzle.jpg');}
.MathematicsPuzzlePatterns {--EmojiFontSize: 56pt; --EmojiWidth: 100px; --AnswerInputWidth: 100px;}
.MathematicsPuzzlePatterns .Problems {top: 110px;}
.MathematicsPuzzlePatterns .Problem {margin-top: 20px; margin-bottom: 20px; font-size: var(--EmojiFontSize); filter: drop-shadow(1px 1px 0px black) drop-shadow(1px 0px 0px black) drop-shadow(0px 1px 0px black) drop-shadow(-1px 0px 0px black) drop-shadow(0px -1px 0px black); -webkit-background-clip: text; color: transparent;}
.iOS .MathematicsPuzzlePatterns .Problem {margin-top: 10px !important; margin-bottom: 10px !important;}
.MathematicsPuzzlePatterns .Problem:first-child {margin-top: 20px; background-image: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);}
.MathematicsPuzzlePatterns .Problem:nth-child(2) {background-image: linear-gradient(to bottom, #197dff 0%,#0471d0 100%);}
.MathematicsPuzzlePatterns .Problem:nth-child(3) {margin-bottom: 28px; background-image: linear-gradient(to bottom, #00e20f 0%,#09a903 100%);}
.MathematicsPuzzlePatterns .Answer {margin-right: 10px; font-size: var(--EmojiFontSize);}

.MathematicsPuzzleAdditionPyramid #Background1 {display: block; background-image: url('graphics/titles/mathematicspuzzle.jpg');}
.MathematicsPuzzlePyramid #Background1 {display: block; background-image: url('graphics/titles/mathematicspuzzle.jpg');}
.MathematicsPuzzleAdditionPyramid, .MathematicsPuzzlePyramid {--EmojiFontSize: 50pt;}
.MathematicsPuzzleAdditionPyramid .Answer, .MathematicsPuzzlePyramid .Answer {margin: 0px; --AnswerInputWidth: 80px; --AnswerInputHeight: 84px; xfont-size: 50pt; margin-top: -18px;}
.MathematicsPuzzleAdditionPyramid .HueA .PyramidBrick, .MathematicsPuzzlePyramid .HueA .PyramidBrick {background-color: gold;}
.MathematicsPuzzleAdditionPyramid .HueB .PyramidBrick, .MathematicsPuzzlePyramid .HueB .PyramidBrick {background-color: #be20ff;}
.MathematicsPuzzleAdditionPyramid .HueC .PyramidBrick, .MathematicsPuzzlePyramid .HueC .PyramidBrick {background-color: #2572ff;}
.MathematicsPuzzleAdditionPyramid .HueD .PyramidBrick, .MathematicsPuzzlePyramid .HueD .PyramidBrick {background-color: #ff0076;}
.MathematicsPuzzleAdditionPyramid .PyramidBrick, .MathematicsPuzzlePyramid .PyramidBrick {display: inline-block; border: solid 1px black; --TextFontSize: 42pt; font-size: var(--TextFontSize); width: 200px; box-sizing: border-box; padding: 14px; height: 94px; vertical-align: middle; padding-top: 20px;}

.MathematicsPuzzleTwoTruthsAndALie {--EmojiFontSize: 36pt; --EmojiWidth: 70px; --AnswerInputWidth: 70px;}
.MathematicsPuzzleTwoTruthsAndALie .Problem {margin-top: 40px; margin-bottom: 40px; font-size: 50pt; cursor: pointer; filter: drop-shadow(1px 1px 0px black) drop-shadow(1px 0px 0px black) drop-shadow(0px 1px 0px black) drop-shadow(-1px 0px 0px black) drop-shadow(0px -1px 0px black); -webkit-background-clip: text; color: transparent;}
.iOS .MathematicsPuzzleTwoTruthsAndALie .Problem {margin-top: 20px !important; margin-bottom: 20px !important;}
.MathematicsPuzzleTwoTruthsAndALie .Problem:first-child {margin-top: 50px; background-image: linear-gradient(to bottom, #fb19ff 0%,#cf04ad 100%);}
.MathematicsPuzzleTwoTruthsAndALie .Problem:nth-child(2) {background-image: linear-gradient(to bottom, #197dff 0%,#0471d0 100%);}
.MathematicsPuzzleTwoTruthsAndALie .Problem:nth-child(3) {margin-bottom: 28px; background-image: linear-gradient(to bottom, #ffca0b 0%,#ffbc00 100%);}
.MathematicsPuzzleTwoTruthsAndALie .PictureVariable {filter: none; -webkit-background-clip: unset; color: black; margin-top: -16px;}
.MathematicsPuzzleTwoTruthsAndALie .Problem.Correct {background-image: linear-gradient(to bottom, #00e20f 0%,#09a903 100%) !important;}
.MathematicsPuzzleTwoTruthsAndALie .Problem.Incorrect {background-image: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%) !important;}


.MathematicsPuzzleHowManySquares .Problems {top: 70px;}
.MathematicsPuzzleHowManySquares .ColourTable {display: inline-table; border-collapse: collapse;}
.MathematicsPuzzleHowManySquares .ColourTable td {width: 36px; height: 36px; border: solid 2px black;}
.MathematicsPuzzleHowManySquares .Answers {bottom: -16px;}
.MathematicsPuzzleHowManySquares .BackgroundA {background-color: red;}
.MathematicsPuzzleHowManySquares .BackgroundB {background-color: gold;}
.MathematicsPuzzleHowManySquares .BackgroundC {background-color: limegreen;}
.MathematicsPuzzleHowManySquares .BackgroundD {background-color: royalblue;}
.MathematicsPuzzleHowManySquares .Answers span {font-family: var(--PictureVariableAndInputFontFamily); font-size: 26pt; bottom: 0px; vertical-align: middle; filter: drop-shadow(1px 1px 0px black) drop-shadow(1px 0px 0px black) drop-shadow(0px 1px 0px black) drop-shadow(-1px 0px 0px black) drop-shadow(0px -1px 0px black);}
.MathematicsPuzzleHowManySquares .Answer {margin-right: 20px;}
.MathematicsPuzzleHowManySquares .ColourA {color: red;}
.MathematicsPuzzleHowManySquares .ColourB {color: gold;}
.MathematicsPuzzleHowManySquares .ColourC {color: limegreen;}
.MathematicsPuzzleHowManySquares .ColourD {color: royalblue;}

.MathematicsPuzzleOrderingPlaceValueDigits .Answer {--AnswerInputWidth: 100px; font-size: 56pt;}

.MathematicsPuzzleElimation .Problems {margin-top: -30px;}
.MathematicsPuzzleElimation .EliminationClue {font-size: 20pt; text-align: center; border: solid 1px black; padding: 10px; color: transparent; background-color: gold; border-radius: 10px; margin: 8px; cursor: pointer; transition: color 0.5s, background: 0.5s;}
.MathematicsPuzzleElimation .EliminationClue:nth-child(2) {background-color: red;}
.MathematicsPuzzleElimation .EliminationClue:nth-child(3) {background-color: blue;}
.MathematicsPuzzleElimation .EliminationClue:nth-child(4) {background-color: limegreen;}
.MathematicsPuzzleElimation .EliminationClue:nth-child(5) {background-color: teal;}
.MathematicsPuzzleElimation .EliminationClue.Revealed {color: black; background-color: transparent; border-color: transparent;}

.MathematicsPuzzleConnectedSums .GraphRow {display: block; height: 120px;}
.MathematicsPuzzleConnectedSums .GraphNode {display: inline-block; width: 120px; height: 120px; vertical-align: top;}

.MathematicsActivityFractionsOfAWhole .Problems, .MathematicsActivitySimpleFractionsOfAWhole .Problems {top: 72px;}
.ChocolateBarTable {display: inline-table; border-collapse: collapse; min-width: unset;}
.ChocolatePiece {cursor: crosshair; width: 36px; height: 36px; border: solid 2px black; background-color: #773b18;}
.ChocolatePiece.Eaten {background-color: #403232; border: solid 2px black; filter: none !important;}
.ChocolatePiece.Eaten.Locked {pointer-events: none;}
.ChocolateBarTable.Stretch {width: 360px;}
.ChocolateBarTable.Stretch .ChocolatePiece {width: unset;}


.MathematicsActivityMultiplyingNearHundredsUsingRoundingAndCompensating  {--TextFontSize: 45pt;}

.MathematicsActivityMixedAndImproperFractions .CenterContainer {height: 392px;}
.MathematicsActivityMixedAndImproperFractions .ChocolateBarTable, .MathematicsActivityMixedAndImproperFractions2 .ChocolateBarTable, .MathematicsActivityDecimalFractionPlaceValue .ChocolateBarTable {display: table; margin-bottom: 10px;}

.MathematicsActivityMixedAndImproperFractions2 .Problems {top: 90px;}
.MathematicsActivityMixedAndImproperFractions2 .CenterContainer {height: 262px;}
.MathematicsActivityMixedAndImproperFractions2 .Answers {vertical-align: middle;}
.Raised {display: inline-block; vertical-align: middle; margin-top: -80px;}
.MathematicsActivityMixedAndImproperFractions2 .AnswerLabel {padding-left: 50px; padding-right: 10px; font-size: 16pt;}
.MathematicsActivityMixedAndImproperFractions2 .CheckAnswerButton {margin-left: 20px; margin-top: 10px !important;}

.MathematicsActivityCountingFacesEdgesAndVertices .Shape {display: inline-block; width: 300px; height: 200px;}

.MathematicsActivityFractionsOfFractions .ProblemText {font-size: 22pt;}

.Net {display: inline-table;}
.NetRow {display: table-row;}
.NetSquare {width: 40px; height: 40px; display: table-cell; box-sizing: border-box;}
.NetFilledSquare {border: solid 2px black;}

.MathematicsActivityRepeatingPicturePatterns .Input.Answer, .MathematicsActivityRepeatingPicturePatternsWith2Variables .Input.Answer {border: solid 2px white; margin-left: 0px; margin-right: 0px;}

.AnalogueClock {display: inline-block; position: relative; border-radius: 1000px; margin: 20px; --clock-radius: 170px; width: calc(var(--clock-radius) * 2); height: calc(var(--clock-radius) * 2); border: solid 1px black; background-color: white; background-image: url('graphics/materials/clock.png'); background-size: cover;}
.ClockHand {position: absolute; width: 16px; transform-origin: center bottom; transform: rotate(0deg);}
.ClockHand.Selected {filter: brightness(0.8);}
.HourHand {left: calc(50% - 8px); top: calc(50% - 120px); height: 120px; background-image: url('graphics/materials/hourhand.png'); background-size: cover;}
.MinuteHand {left: calc(50% - 8px); top: calc(50% - 160px); height: 160px; background-image: url('graphics/materials/minutehand.png'); background-size: cover;}
.ClockHandInner {position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px;}
.ClockScrew {position: absolute; border-radius: 50px; left: calc(50% - 12px); top: calc(50% - 12px); width: 24px; height: 24px; background-color: black;}

.MathematicsActivityOrderingCalendarWords .DraggableCard {font-size: 18pt; padding-top: 32px;}

.MathematicsActivityOrdering4To7DigitNumbers .DraggableCard {font-size: 28pt; padding-top: 26px;}

.MathematicsActivityOrderingDecimalsTo3DP .DraggableCard {font-size: 50pt; padding-top: 8px;}

.MathematicsActivityOrderingFractionsDecimalsAndPercentages .DraggableCard {font-size: 75%; line-height: 2.2;}

.MathematicsTablesOfQuestions .Problems {top: 32px; height: 497px;  width: calc(100% - 15px); xbackground-color: white; xborder: solid 1px black;}
.MathematicsTablesOfQuestions .ProblemText {display: none;}
.MathematicsTablesOfQuestions .QuestionGroups {display: inline-block; font-family: QuicksandAlternateBlock, QuicksandAlternate, quicksand, 'Roboto'; text-align: left; padding: 0px 2px 0px 12px; box-sizing: border-box;}
.MathematicsTablesOfQuestions .QuestionGroups.Locked {pointer-events: none;}
.MathematicsTablesOfQuestions .QuestionGroup {width: 200px; background-color: white; font-size: 10pt; padding: 10px; margin: 10px; border: solid 1px black; border-radius: 10px; display: inline-block; vertical-align: top;}
    .MathematicsActivityQuiz1 .QuestionGroup {width: 156px;}
    .MathematicsActivityQuiz6 .QuestionGroup {width: 240px; padding-left: 20px;}
.MathematicsTablesOfQuestions .QuestionText {display: inline-block; min-width: 51%; --TextFontSize: 13pt;}
.MathematicsTablesOfQuestions .QuestionGroups .QuestionText:last-child {margin-right: 0px;}
.MathematicsTablesOfQuestions h3 {margin-bottom: 8px; margin-top: 0px; text-align: center;}
.MathematicsTablesOfQuestions .Answer {box-sizing: border-box;}
.MathematicsTablesOfQuestions .Answer.ExtremelySmallText {--AnswerInputHeight: 32px;}
.MathematicsTablesOfQuestions .Timer {pointer-events: none; position: fixed; bottom: 34px; left: 867px; font-size: 18pt; color: white; text-shadow: 0px 0px 1px rgba(0,0,0,0.3), 0px 0px 10px rgba(0,0,0,0.25);}
.MathematicsTablesOfQuestions .ScoreText {pointer-events: none; position: fixed; bottom: 34px; right: 20%; width: 60%; text-align: center; font-size: 18pt; color: white; text-shadow: 0px 0px 1px rgba(0,0,0,0.3), 0px 0px 10px rgba(0,0,0,0.25);}
.MathematicsTablesOfQuestions .StartBlock {cursor: default; position: fixed; top: 15px; left: 15px; width: calc(100% - 30px); height: calc(100% - 100px); color: white; padding-top: 242px;}
.MathematicsTablesOfQuestions .CheckAnswerButton {position: fixed; bottom: 26px;}
.MathematicsTablesOfQuestions .QuestionGroups.Locked .CheckAnswerButton {display: none;}
.MathematicsActivityQuiz1 #Background1, .MathematicsActivityQuiz2 #Background1, .MathematicsActivityQuiz3 #Background1, .MathematicsActivityQuiz4 #Background1, .MathematicsActivityQuiz5 #Background1, .MathematicsActivityQuiz6 #Background1 {background-image: url('graphics/titles/mathsquiz.jpg');}
.MathematicsTablesOfQuestions .StartBlock .LargeDigitTime {font-size: 200pt; margin-top: -100px; cursor: default; }
.TeachersPage .StartBlock {display: none;}
.TeachersPage .QuestionGroups {opacity: 1 !important;}
@supports ((paint-order: stroke fill) and (-webkit-text-stroke: 4.4px black)) {
    .MathematicsTablesOfQuestions .StartBlock .LargeDigitTime, .MathematicsTablesOfQuestions .Timer, .MathematicsTablesOfQuestions .ScoreText {
        paint-order: stroke fill;
        -webkit-text-stroke-color: black;
        -webkit-text-stroke-width: 4.4px;
        letter-spacing: 0.4px;
        text-shadow: none;
    }
}

.MathematicsActivityReflectingPatterns .Problems {top: 70px;}
.MathematicsActivityReflectingPatterns .ChocolatePiece:not(.Eaten) {background-color: red;}
.MathematicsActivityReflectingPatterns .CenterVerticalMirrorLine td:nth-child(4) {border-right-width: 6px; border-right-color: white;}
.MathematicsActivityReflectingPatterns .CenterHorizontalMirrorLine tr:nth-child(4) td {border-bottom-width: 6px; border-bottom-color: white;}

.MathematicsActivityTransformations.Activity .Problems {margin-top: -22px; z-index: 1;}
.MathematicsActivityTransformations .ChocolatePiece {width: 22px; height: 22px;}
.MathematicsActivityTransformations .ChocolatePiece:not(.Eaten) {background-color: white;}
.MathematicsActivityTransformations td:nth-child(14) {border-right-width: 20px; border-right-color: transparent;}
.MathematicsActivityTransformations td:nth-child(7), .MathematicsActivityTransformations td:nth-child(21) {border-right-width: 6px; border-right-color: black;}
.MathematicsActivityTransformations tr:nth-child(7) td {border-bottom-width: 6px; border-bottom-color: black;}
.MathematicsActivityTransformations tr:nth-child(1) td {border-top-color: transparent;}
.MathematicsActivityTransformations td:nth-child(28) {border-right-color: transparent;}
.MathematicsActivityTransformations td:nth-child(1) {border-left-color: transparent;}
.MathematicsActivityTransformations tr:nth-child(14) td {border-bottom-color: transparent;}


.MathematicsActivitySubtractingByAdding .Answer {width: 120px !important; margin: 5px;}

.MathematicsActivityRepeatingNumberPatternRules .SmallGridTable {margin-top: 60px; margin-bottom: 30px;}


.MathematicsActivityAddingTo10000UsingPlaceValueEquations {--AnswerInputWidth: 80px;}

.MathematicsActivityNamingNumbers0To10 .MultiChoiceAnswer, .MathematicsActivityNamingNumbers0To20 .MultiChoiceAnswer, .MathematicsActivityNamingNumbers0To100 .MultiChoiceAnswer, .MathematicsActivityNamingNumbers0To1000 .MultiChoiceAnswer, .MathematicsActivityNamingNumbers100000To1000000 .MultiChoiceAnswer, .MathematicsActivityNamingDecimalsWithThousandths .MultiChoiceAnswer {margin-top: 70px;}
.MathematicsActivityNamingNumbers100000To1000000 .EquationTable, .MathematicsActivityNamingDecimalsWithThousandths .EquationTable {margin-top: 70px;}
.MathematicsActivityNamingNumbers100000To1000000 .MultiChoiceAnswer, .MathematicsActivityNamingDecimalsWithThousandths .MultiChoiceAnswer {height: 132px;}

.Pictograph {display: inline-table; vertical-align: middle; margin: 20px; border-collapse: collapse; background-color: rgba(255, 255, 255, 0.8); border-radius: 0px !important;}
.Pictograph .Emoji, .PictographKey .Emoji {display: inline-block; overflow: hidden; vertical-align: middle; width: 44px; height: 38px; text-align: center; background-size: 38px 38px; background-position: center center; background-repeat: no-repeat;}
.Pictograph .Emoji.Half {overflow: hidden; width: 22px; background-position: 3px center;}
.Pictograph td {text-align: left; --TextFontSize: 24pt; border: solid 1px black; padding: 6px;}
.PictographKey {display: inline-block; vertical-align: middle; font-size: 24pt; border: solid 1px black; padding: 6px; background-color: rgba(255, 255, 255, 0.8);}
.PictographKeyTitle {margin-bottom: 10px;}
.PictographKey .Emoji {margin: 0px;}

.MathematicsActivityBarGraphs .CenterContainer {margin-top: -10px;}
.BarGraph {display: inline-block; position: relative; height: 365px; width: 530px; margin-bottom: 12px; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.8); border: solid 1px black; border-radius: 20px;}
.GraphGrid {position: absolute; top: 35px; left: 0px; display: table; table-layout: fixed; width: 500px; vertical-align: middle; border-collapse: collapse; border-radius: 0px !important;}
    .GraphGrid td {position: relative; text-align: left; --TextFontSize: 12pt; border-bottom: solid 1px black; border-top: solid 1px black; height: 25px; text-align: center; background-color: rgba(255, 255, 255, 0.8);}
    .GraphGrid td:nth-of-type(2) {border-left: solid 1px black;}
    .GraphGrid td:nth-last-of-type(1) {border-right: solid 1px black;}
    .GraphGrid td .YAxisLabel {position: relative; top: 14px; text-align: right; right: 4px; padding-left: 10px;}
    .GraphGrid td:nth-of-type(1) {background: transparent; width: 50px; border: none;}
    .GraphGrid tr:nth-last-of-type(1) td {background: transparent; border: none;}
.BarGraphBars {position: absolute; display: block; width: 448px; height: 277px; left: 52px; bottom: 51px; text-align: left;}
.BarGraphBar {position: absolute; bottom: -1.5px; width: 48px; height: 200px; background-color: red; border: solid 1px black;}
.MathematicsActivityBarGraphs .MultiChoiceAnswer {width: 153px;}
.MathematicsActivityBarGraphs .MultiChoiceAnswer .MultiChoiceAnswerCell {padding: 10px 0px}
.GraphTitle {font-size: 14pt; margin-top: 10px;}
.XAxisTitle, .YAxisTitle {position: absolute; font-size: 10pt; color: #858585;}
.XAxisTitle {bottom: 6px; left: 52px; width: 448px;}
.YAxisTitle {position: absolute; top: 43%; left: 6px; transform: rotateZ(270deg); transform-origin: center center;}

.MathematicsActivityLineGraphs .CenterContainer {margin-top: -10px;}
.LineGraph {display: inline-block; position: relative; height: 365px; width: 530px; margin-bottom: 12px; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.8); border: solid 1px black; border-radius: 20px;}
.LineGraphPoints {position: absolute; display: block; width: 408px; height: 277px; left: 92px; bottom: 51px; text-align: left;}
.LineGraphPoint {z-index: 1; position: absolute; bottom: -1.5px; width: 8px; height: 8px; background-color: red; border: solid 1px black; border-radius: 10px;}
.LineGraphLine {position: absolute; width: 4px; height: 4px; margin-left: 4.6px; margin-top: 2.4px; background-color: red; transform-origin: left center;}
.MathematicsActivityLineGraphs .MultiChoiceAnswer {width: 153px;}
.MathematicsActivityLineGraphs .MultiChoiceAnswer .MultiChoiceAnswerCell {padding: 10px 0px}
.YAxisTitle {left: -80px; width: 200px;}
.LineGraph .GraphGrid td:nth-of-type(1) {width: 90px;}
.MathematicsActivityFairSurveys .MultiChoiceAnswer {height: 132px;}

.PerimeterPolygonContainer {position: relative; margin-top: -20px; width: 400px; height: 200px; font-size: 32pt;}
    .PerimeterPolygonContainer.AreaRectangleVertical {width: 160px; height: 210px; margin-top: -40px;}
.PerimeterPolygonContainer .TopLabel {position: absolute; top: -48px; width: 100%; text-align: center;}
.PerimeterPolygonContainer .BottomLabel {position: absolute; bottom: -48px; width: 100%; text-align: center;}
.PerimeterPolygonContainer .RightLabel {position: absolute; left: 102%; top: 75px;}
.PerimeterPolygonContainer .LeftLabel {position: absolute; right: 102%; top: 75px;}
.PerimeterPolygon {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #41722c; font-size: 32pt;}

.PerimeterTrapezoid1 .PerimeterPolygon, .PerimeterTrapezoid1 .PerimeterPolygon div {clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 20% 100%);}
.PerimeterTrapezoid2 .PerimeterPolygon, .PerimeterTrapezoid2 .PerimeterPolygon div {clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);}
.PerimeterTriangle .PerimeterPolygon, .PerimeterTriangle .PerimeterPolygon div {clip-path: polygon(0% 0%, 100% 0%, 50% 100%);}
    .PerimeterTriangle .LeftLabel {right: 90%;}
    .PerimeterTriangle .RightLabel {left: 90%;}
.PerimeterL .PerimeterPolygon, .PerimeterL .PerimeterPolygon div {clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 30% 50%, 30% 100%, 0% 100%);}
.PerimeterT .PerimeterPolygon, .PerimeterT .PerimeterPolygon div {clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 70% 50%, 70% 100%, 30% 100%, 30% 50%, 0% 50%, 0% 100%);}
    .PerimeterT .LeftLabel {top: 14%;}
    .PerimeterT .RightLabel {top: 68%; left: 72%;}
.PerimeterRectangle .PerimeterPolygon, .PerimeterRectangle .PerimeterPolygon div {}

.MathematicsActivityIdentifyingPolygons .Shape {max-width: 100px; max-height: 100px;}

@keyframes RotateCuboid {
    0% {transform: rotateX(20deg) rotateY(-30deg) translateX(var(--XBuffer)) translateY(var(--YBuffer));}
    25% {transform: rotateX(-14deg) rotateY(60deg) translateX(var(--XBuffer)) translateY(var(--YBuffer));}
    75% {transform: rotateX(-60deg) rotateY(14deg) translateX(var(--XBuffer)) translateY(var(--YBuffer));}
    100% {transform: rotateX(20deg) rotateY(-30deg) translateX(var(--XBuffer)) translateY(var(--YBuffer));}
}

.Cuboid:not(.Shape) {--BaseSize: 60px; width: var(--BaseSize); height: var(--BaseSize); position: relative; transform-style: preserve-3d; transform: rotateX(-14deg) rotateY(34deg) translateX(var(--XBuffer)); transition: transform 1s; animation: RotateCuboid 6s infinite; --FaceOpacity: 1; --FaceHeight: var(--BaseSize); --FaceWidth: var(--BaseSize); --FaceDepth: var(--BaseSize); --XBuffer: calc((100% - var(--FaceWidth)) / 2); --YBuffer: calc((100% - var(--FaceHeight)) / 2);}

.CuboidFace {background-image: url('graphics/shapes/volumearrowheadtop.png'), url('graphics/shapes/volumearrowheadbottom.png'), url('graphics/shapes/volumearrowverticalline.png'); background-position: center 0, center calc(100%), center center; background-size: 10px 10px, 10px 10px, 80px 100%; background-repeat: no-repeat; position: absolute; width: 100%; height: 100%; border: 2px solid black; line-height: var(--FaceHeight); font-size: 20px; font-weight: bold; color: white; text-align: center;}

.CuboidFaceFront  {background-color: hsla(0, 100%, 50%, var(--FaceOpacity)); height: var(--FaceHeight); width: var(--FaceWidth);}
.CuboidFaceRight  {background-color: hsla(125, 100%, 40%, var(--FaceOpacity)); height: var(--FaceHeight); left: calc(var(--FaceWidth) - 100%)}
.CuboidFaceBack   {background-color: hsla(0, 100%, 50%, var(--FaceOpacity)); height: var(--FaceHeight); width: var(--FaceWidth);}
.CuboidFaceLeft   {background-color: hsla(125, 100%, 40%, var(--FaceOpacity)); height: var(--FaceHeight);}
.CuboidFaceTop    {background-color: hsla(240, 100%, 50%, var(--FaceOpacity)); width: var(--FaceWidth); line-height: var(--BaseSize);}
.CuboidFaceBottom {background-color: hsla(240, 100%, 50%, var(--FaceOpacity)); width: var(--FaceWidth); line-height: var(--BaseSize); top: calc(var(--FaceHeight) - 100%)}

.CuboidFaceFront, .CuboidFaceBack {background-image: url('graphics/shapes/volumearrowheadleft.png'), url('graphics/shapes/volumearrowheadright.png'), url('graphics/shapes/volumearrowhorizontalline.png'); background-position: 0 center, calc(100%) center, center center; background-size: 10px 10px, 10px 10px, 100% 80px;}


.CuboidFaceFront  {transform: rotateY(  0deg) translateZ(calc(var(--BaseSize) / 2));}
.CuboidFaceRight  {transform: rotateY( 90deg) translateZ(calc(var(--BaseSize) / 2));}
.CuboidFaceBack   {transform: rotateY(180deg) translateZ(calc(var(--BaseSize) / 2));}
.CuboidFaceLeft   {transform: rotateY(-90deg) translateZ(calc(var(--BaseSize) / 2));}
.CuboidFaceTop    {transform: rotateX( 90deg) translateZ(calc(var(--BaseSize) / 2));}
.CuboidFaceBottom {transform: rotateX(-90deg) translateZ(calc(var(--BaseSize) / 2));}


.MathematicsAssessmentReflection.WorldContentContainer .FullyCorrect::after {display: none;}
.MathematicsAssessmentReflection .WorldContentContainer .WorldContent::after {display: none;}
.MathematicsAssessmentReflection #Background1 {background-color: transparent;}
#Assessment .MathematicsAssessmentReflection .Actor, #Assessment .MathematicsAssessmentReflection .WorldContentContainer {pointer-events: all !important;}
.MathematicsAssessmentReflection .WorldFrame {display: block !important; z-index: 1; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 0px; background-image: url('graphics/assessment/decorations/buntingbackground.png'); background-color: transparent; background-size: auto 100%; background-position: 0px 0px;}
.MathematicsAssessmentReflection .CenterContainerCell {padding: 0px 200px;}
.MathematicsAssessmentReflection .MultiChoiceAnswer {opacity: 0.3; width: 440px; height: 50px; font-weight: bold; color: white; border-radius: 50px; text-shadow: 0px 0px 2px rgba(0,0,0,0.4); background-repeat: no-repeat; background-size: 40px 40px; padding-left: 50px; background-position: 4px center; text-align: left; border: solid 1px white;}
.MathematicsAssessmentReflection .MultiChoiceAnswer.Selected {opacity: 1;}
.MathematicsAssessmentReflection .MultiChoiceAnswer .MultiChoiceAnswerCell {padding: 0px; line-height: 1;}

.MathematicsAssessmentReflection .WorldContent {background: #E84040 !important;}
.MathematicsAssessmentReflection .WorldFrame {filter: hue-rotate(44deg) brightness(0.75) !important;}
.MathematicsAssessmentReflection .Page1 .MultiChoiceAnswer {width: 510px;}
.MathematicsAssessmentReflection .MultiChoiceAnswer:nth-child(1) {background-color: #ff6a4c !important; background-image: url('graphics/assessment/icons/strategy.png');}
.MathematicsAssessmentReflection .MultiChoiceAnswer:nth-child(2) {background-color: #ca4395 !important; background-image: url('graphics/assessment/icons/book.png');}
.MathematicsAssessmentReflection .MultiChoiceAnswer:nth-child(3) {background-color: #36c77a !important; background-image: url('graphics/assessment/icons/teamwork.png');}
.MathematicsAssessmentReflection .MultiChoiceAnswer:nth-child(4) {background-color: #fecd42 !important; background-image: url('graphics/assessment/icons/division.png');}
.MathematicsAssessmentReflection .MultiChoiceAnswer:nth-child(5) {background-color: #106faf !important; background-image: url('graphics/assessment/icons/laptop.png');}
.MathematicsAssessmentReflection .MultiChoiceAnswer:nth-child(6) {background-color: #9470b0 !important; background-image: url('graphics/assessment/icons/homework.png');}
.MathematicsAssessmentReflection .MultiChoiceAnswer:nth-child(7) {background-color: #a8ce54 !important; background-image: url('graphics/assessment/icons/notepad.png');}

.MathematicsAssessmentReflection .Page2.WorldContent {background: #fecd42 !important;}
.MathematicsAssessmentReflection .Page2 .WorldFrame {filter: hue-rotate(70deg) brightness(6) !important;}
.MathematicsAssessmentReflection .Page2 .MultiChoiceAnswer:nth-child(1) {background-color: #36c77a !important; background-image: url('graphics/assessment/icons/settings.png');}
.MathematicsAssessmentReflection .Page2 .MultiChoiceAnswer:nth-child(2) {background-color: #ff6a4c !important; background-image: url('graphics/assessment/icons/binoculars.png');}
.MathematicsAssessmentReflection .Page2 .MultiChoiceAnswer:nth-child(3) {background-color: #E84040 !important; background-image: url('graphics/assessment/icons/hourglass.png');}
.MathematicsAssessmentReflection .Page2 .MultiChoiceAnswer:nth-child(4) {background-color: #9470b0 !important; background-image: url('graphics/assessment/icons/chat.png');}
.MathematicsAssessmentReflection .Page2 .MultiChoiceAnswer:nth-child(5) {background-color: #106faf !important; background-image: url('graphics/assessment/icons/times.png');}
.MathematicsAssessmentReflection .Page2 .MultiChoiceAnswer:nth-child(6) {background-color: #a8ce54 !important; background-image: url('graphics/assessment/icons/novel.png');}








.MathematicsAssessmentGeometryLevel2 .MultiChoiceAnswer, .MathematicsAssessmentGeometryPhase2Year5 .MultiChoiceAnswer, .MathematicsAssessmentGeometryPhase2Year6 .MultiChoiceAnswer {width: 159px;}
.MathematicsAssessmentGeometryLevel2 .MultiChoiceAnswer .MultiChoiceAnswerCell, .MathematicsAssessmentGeometryPhase2Year5 .MultiChoiceAnswer .MultiChoiceAnswerCell, .MathematicsAssessmentGeometryPhase2Year6 .MultiChoiceAnswer .MultiChoiceAnswerCell {padding: 0px;}
.MathematicsAssessmentGeometryLevel2 .Shape, .MathematicsAssessmentGeometryPhase2Year5 .Shape, .MathematicsAssessmentGeometryPhase2Year6 .Shape {width: 300px; height: 200px; margin-top: -100px;}
.MathematicsAssessmentGeometryLevel2 .MiniShape, .MathematicsAssessmentGeometryPhase2Year5 .MiniShape, .MathematicsAssessmentGeometryPhase2Year6 .MiniShape {width: 145px; margin: 4px; height: 100px; margin-top: 250px;}
.MathematicsAssessmentGeometryLevel2 .MiniShape2, .MathematicsAssessmentGeometryPhase2Year5 .MiniShape2, .MathematicsAssessmentGeometryPhase2Year6 .MiniShape2 {width: 145px; margin: 4px; height: 100px; margin-top: 150px;}
.MathematicsAssessmentGeometryLevel2 .PictureGrid, .MathematicsAssessmentGeometryPhase2Year5 .PictureGrid, .MathematicsAssessmentGeometryPhase2Year6 .PictureGrid {width: 145px; height: 145px; margin-top: 40px;}


.MathematicsAssessmentMeasurementLevel2 .TitleScreenTitle {font-size: 48pt;}
.MathematicsAssessmentMeasurementLevel2 .Clock, .MathematicsAssessmentMeasurementPhase2Year5 .Clock, .MathematicsAssessmentMeasurementPhase2Year6 .Clock {margin-top: -100px; width: 300px; height: 300px; pointer-events: none;}
.MathematicsAssessmentMeasurementLevel2 .ShapeBox, .MathematicsAssessmentMeasurementPhase2Year5 .ShapeBox, .MathematicsAssessmentMeasurementPhase2Year6 .ShapeBox {margin-top: -100px; margin-bottom: -70px; width: 500px; height: 500px; pointer-events: none;}
.MathematicsAssessmentMeasurementLevel2 .CuboidBox, .MathematicsAssessmentMeasurementPhase2Year5 .CuboidBox, .MathematicsAssessmentMeasurementPhase2Year6 .CuboidBox {margin-top: 0px; margin-bottom: 40px; width: 300px; height: 300px; pointer-events: none;}
.MathematicsAssessmentMeasurementPhase2Year5 .DraggableCard {font-size: 28pt; padding-top: 26px;}
.Ruler {position: absolute; top: 100px; left: 100px; width: 800px; height: 73px; background-image: url('graphics/materials/ruler.png'); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
    .MathematicsAssessmentMeasurementPhase2Year5 .Ruler, .MathematicsAssessmentMeasurementPhase2Year6 .Ruler  {background-image: url('graphics/materials/rulerold.png'); width: 584px; height: 96px;}
.Protractor {position: absolute; top: 100px; left: 200px; width: 330px; height: 96px; left: 200px; height: 330px; background-image: url('graphics/materials/protractor.png'); background-repeat: no-repeat; background-size: contain; background-position: left top;}
.Ruler.Dragging, .Protractor.Dragging {transform: none !important;}
.MathematicsAssessmentMeasurementPhase2Year5 img {pointer-events: none;}
.MathematicsAssessmentMeasurementPhase2Year5 .Angle1 {background-image: url('graphics/materials/reflexanglecropped.png');}
.MathematicsAssessmentMeasurementPhase2Year5 .Angle2 {background-image: url('graphics/materials/straightanglecropped.png');}
.MathematicsAssessmentMeasurementPhase2Year5 .Angle3 {background-image: url('graphics/materials/rightanglecropped.png');}
.MathematicsAssessmentMeasurementPhase2Year5 .Angle4 {background-image: url('graphics/materials/obtuseanglecropped.png');}
.MathematicsAssessmentMeasurementPhase2Year5 .Angle5 {background-image: url('graphics/materials/acuteanglecropped.png');}

.MathematicsAssessmentStatisticsLevel2Version2 .CenterContainer {width: 100%; box-sizing: border-box;}


.MathematicsToolHundredsBoard .ProblemContent {text-align: center;}
.ResetButton {position: absolute; bottom: 25px; left: 25px; background-image: url('graphics/icons/reload.png');}
.HundredsBoard {display: inline-table; box-sizing: border-box; font-family: var(--PictureVariableAndInputFontFamily); font-size: 18pt; text-shadow: 0px 0px 1px black, 0px 0px 2px black, 0px 0px 2px black, 0px 0px 3px black, 0px 0px 4px black, 0px 0px 4px black; color: white; border-collapse: collapse;}
.HundredsBoard td {background-color: var(--color); width: 46px; height: 46px; text-align: center; vertical-align: middle; border: solid 0.8px black; box-sizing: border-box; padding-top: 3px; cursor: pointer;}
.HundredsBoard td:nth-child(1) {--color: red;}
.HundredsBoard td:nth-child(2) {--color: orange;}
.HundredsBoard td:nth-child(3) {--color: yellow;}
.HundredsBoard td:nth-child(4) {--color: #92D050;}
.HundredsBoard td:nth-child(5) {--color: #00C000;}
.HundredsBoard td:nth-child(6) {--color: dodgerblue;}
.HundredsBoard td:nth-child(7) {--color: royalblue;}
.HundredsBoard td:nth-child(8) {--color: mediumblue;}
.HundredsBoard td:nth-child(9) {--color: #7030A0;}
.HundredsBoard td:nth-child(10) {--color: magenta;}
.HundredsBoard td.Selected {background-color: white; color: var(--color);}
.CounterBank {width: 480px; box-sizing: border-box; margin: 10px 0px; height: 70px; background-color: rgba(255,255,255,0.8); border: solid 1px black; border-radius: 10px;}
.FrostDragonCounter {display: none; position: absolute; width: 42px; height: 42px; background-image: url('graphics/players/frostdragon.png'); background-size: 600% 400%; background-position: 0 0;}
.FrostDragonCounter.Displayed {display: block;}
.FrostDragonCounter.Dragging {background-position: 0 33.33%;}

.MeasurableRectangle {width:60px; height: 100px; background-color: limegreen; border: solid 1px black;}