/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles/main.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap);
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles/main.scss?ngGlobalStyle (1) ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Baloo:wght@100;200;300;400;500;600;700;800;900&display=swap);
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/video.js/dist/video-js.css?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10b";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f110";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f11c";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f120";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122";
}

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
  display: block;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " ";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}
.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }

  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles/main.scss?ngGlobalStyle (2) ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes fade-out-1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out-2 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in-from-partial {
  0% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scale-in {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale-out {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes delayed-fade-in {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tool-icon-hover {
  from {
    transform: translate(-50%, -50%);
  }
  to {
    transform: var(--popup-toolbar-button-hover-transform);
  }
}
@keyframes tooltip-hover {
  0% {
    transform: translate(-15%, 0%) scale(0, 0);
  }
  75% {
    transform: translate(-5%, 100%) scale(1.15, 1.15);
  }
  100% {
    transform: var(tooltip-hover-transform);
  }
}
@keyframes feedback-alert-anim-in {
  0% {
    left: -30rem;
  }
  100% {
    left: 0;
  }
}
@keyframes slide-out-to-left {
  0% {
    transform: translateX(0);
    overflow: hidden;
  }
  100% {
    transform: translateX(-100vw);
    overflow: hidden;
  }
}
@keyframes slide-in-to-right {
  0% {
    transform: translateX(-100vw);
    overflow: hidden;
  }
  100% {
    transform: translateX(0);
    overflow: hidden;
  }
}
@keyframes slide-in-from-right {
  0% {
    transform: translateX(100vw);
    overflow: hidden;
  }
  100% {
    transform: translateX(0);
    overflow: hidden;
  }
}
@keyframes delayed-slide-in-from-right {
  0% {
    transform: translateX(100vw);
  }
  60% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes pane-out-downwards {
  0% {
    margin-top: 0;
    overflow: hidden;
  }
  100% {
    margin-top: 100vh;
    overflow: hidden;
  }
}
@keyframes pane-in-upwards {
  0% {
    margin-top: 100vh;
    overflow: hidden;
  }
  100% {
    margin-top: 0;
    overflow: hidden;
  }
}
@keyframes card-slide-in {
  0% {
    transform: translateY(100vh);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes ribbon-slide-in {
  0% {
    transform: translateY(12.5rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes tools-slide-in {
  0% {
    position: relative;
    left: -100%;
  }
  100% {
    position: relative;
    left: 0;
  }
}
@keyframes tools-slide-out {
  0% {
    position: relative;
    left: 0;
  }
  100% {
    position: relative;
    left: -100%;
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0.1875rem) rotate(0deg);
  }
  10% {
    transform: translateX(-0.1875rem) rotate(-1deg);
  }
  20% {
    transform: translateX(0.1875rem) rotate(0deg);
  }
  30% {
    transform: translateX(-0.1875rem) rotate(-1deg);
  }
  40% {
    transform: translateX(0.1875rem) rotate(0deg);
  }
  50% {
    transform: translateX(0.1875rem) rotate(0deg);
  }
  60% {
    transform: translateX(-0.1875rem) rotate(-1deg);
  }
  70% {
    transform: translateX(0.1875rem) rotate(0deg);
  }
  80% {
    transform: translateX(-0.1875rem) rotate(-1deg);
  }
  90% {
    transform: translateX(0.1875rem) rotate(0deg);
  }
}
@keyframes debug-slide-in-from-bottom-to-center {
  0% {
    transform: translate(-50%, 200%);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
@keyframes debug-slide-out-from-center-to-bottom {
  0% {
    transform: translate(-50%, -50%);
  }
  100% {
    transform: translate(-50%, 200%);
  }
}
@keyframes slide-in-from-bottom-to-center {
  0% {
    transform: translateY(200%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-out-from-center-to-bottom {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(200%);
  }
}
@keyframes overflow-hidden-timeout {
  0% {
    overflow: hidden;
  }
  100% {
    overflow: hidden;
  }
}
@keyframes opacity-anim {
  from, to {
    opacity: 1;
  }
}
@keyframes morph-blob-left {
  0% {
    clip-path: var(--start-page-blob-left-clip-path-1);
  }
  25% {
    clip-path: var(--start-page-blob-left-clip-path-2);
  }
  50% {
    clip-path: var(--start-page-blob-left-clip-path-3);
  }
  75% {
    clip-path: var(--start-page-blob-left-clip-path-4);
  }
  100% {
    clip-path: var(--start-page-blob-left-clip-path-1);
  }
}
@keyframes morph-blob-right {
  0% {
    clip-path: var(--start-page-blob-right-clip-path-1);
  }
  25% {
    clip-path: var(--start-page-blob-right-clip-path-2);
  }
  50% {
    clip-path: var(--start-page-blob-right-clip-path-3);
  }
  75% {
    clip-path: var(--start-page-blob-right-clip-path-4);
  }
  100% {
    clip-path: var(--start-page-blob-right-clip-path-1);
  }
}
@keyframes twinkle {
  25% {
    opacity: 0;
  }
}
@keyframes comet-fade {
  0%, 40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  60%, 100% {
    opacity: 0;
  }
}
@keyframes comet-1 {
  0%, 40% {
    transform: rotate(-120deg) translateX(0);
  }
  60%, 100% {
    transform: rotate(-120deg) translateX(-100vmax);
  }
}
@keyframes comet-2 {
  0%, 40% {
    transform: rotate(20deg) translateX(0);
  }
  60%, 100% {
    transform: rotate(20deg) translateX(-100vmax);
  }
}
@keyframes comet-3 {
  0%, 40% {
    transform: rotate(300deg) translateX(0);
  }
  60%, 100% {
    transform: rotate(300deg) translateX(-100vmax);
  }
}
@keyframes cloud-bob-1 {
  40% {
    transform: translateY(-8rem);
  }
}
@keyframes cloud-bob-2 {
  40% {
    transform: translateY(6rem);
  }
}
@keyframes hidden-to-unset {
  0% {
    opacity: 0;
    overflow: hidden;
  }
  10%, 99% {
    opacity: 1;
    overflow: hidden;
  }
  100% {
    opacity: 1;
    overflow: unset;
  }
}
@keyframes slide-bounce-in-avatar {
  0% {
    transform: translateY(100vh);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes activate-positive-thumb {
  0% {
    transform: rotate(0deg) scale(1, 1) translate(0);
  }
  25% {
    transform: rotate(-25deg) scale(1, 1) translate(-0.1rem, -0.1rem);
  }
  50% {
    transform: rotate(0deg) scale(1.2, 1.2) translate(-0.2rem, 0.2rem);
  }
  100% {
    transform: rotate(0deg) scale(1.2, 1.2) translate(-0.2rem, 0.2rem);
  }
}
@keyframes activate-negative-thumb {
  0% {
    transform: rotate(0deg) scale(1, 1) translate(0);
  }
  12% {
    transform: rotate(-25deg) scale(1, 1) translate(-0.1rem, -0.1rem);
  }
  24% {
    transform: rotate(0deg) scale(1.2, 1.2) translate(-0.2rem, 0.35rem);
  }
  32% {
    transform: rotate(0deg) scale(1.2, 1.2) translate(-0.2rem, 0.35rem);
  }
  50% {
    transform: rotate(0deg) scale(1.2, 1.2) translate(-0.2rem, 0.2rem);
  }
  100% {
    transform: rotate(0deg) scale(1.2, 1.2) translate(-0.2rem, 0.2rem);
  }
}
@keyframes slide-out-layer {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-100vw);
    opacity: 0;
  }
}
:root {
  --black: #000;
  --black-150: #151924;
  --white: #fff;
  --red: #f00;
  --cotton-boll-white: #edf1fc;
  --gray-800: #07090b;
  --gray-700: #242e36;
  --gray-600: #485d6d;
  --gray-400: #7f8e99;
  --gray-300: #a3aeb6;
  --gray-200: #c2c2c2;
  --gray-100: #edeff0;
  --pantone-blue: #005fcc;
  --light-blue: #3f6eaa;
  --yankees-blue: #1d2742;
  --cornflower-blue: #6495ed;
  --stormcloud: #dce1ef;
  --subject-color-reading: #b870ff;
  --subject-color-math: #60cfff;
  --subject-color-lectura: #ffb554;
  --focus-color: #5c23ff;
  --button-focus-outline-color: #a700f5;
  --status-green: #008c32;
  --status-green-bkg: #eef9f7;
  --status-red: #c30707;
  --custom-radio-border: var(--gray-600);
  --custom-radio-empty: #eee;
  --custom-radio-fill: #006698;
  --custom-radio-disabled: #c2c2c2;
  --strikethrough: #ccc;
  --dropdown-bgk: #d3e9f8;
  --read-aloud-light-theme-text-color: #151924;
  --read-aloud-dark-theme-text-initial-hover-color: #FAFCFF;
  --read-aloud-dark-theme-text-playing-or-paused-color: #0A0C0F;
  --green: #00952a;
  --dark-green: #005117;
  --green-shadow: #00ffc2;
  --light-blue-ribbon: #9dccff;
  --amazing-ribbon-right-side-start: #d17101;
  --amazing-ribbon-right-side-end: #e13636;
  --amazing-ribbon-left-side-start: #b10095;
  --amazing-ribbon-left-side-end: #e13636;
  --amazing-ribbon-face: linear-gradient(
    to right,
    #ff7474,
    #ffa755,
    #ffee54,
    #8eff58,
    #5bffce,
    #61c6ff,
    #9795ff,
    #ffb2fc,
    #ff7474
  );
}

:root {
  --black: #000;
  --black-150: #151924;
  --white: #fff;
  --red: #f00;
  --cotton-boll-white: #edf1fc;
  --gray-800: #07090b;
  --gray-700: #242e36;
  --gray-600: #485d6d;
  --gray-400: #7f8e99;
  --gray-300: #a3aeb6;
  --gray-200: #c2c2c2;
  --gray-100: #edeff0;
  --pantone-blue: #005fcc;
  --light-blue: #3f6eaa;
  --yankees-blue: #1d2742;
  --cornflower-blue: #6495ed;
  --stormcloud: #dce1ef;
  --subject-color-reading: #b870ff;
  --subject-color-math: #60cfff;
  --subject-color-lectura: #ffb554;
  --focus-color: #5c23ff;
  --button-focus-outline-color: #a700f5;
  --status-green: #008c32;
  --status-green-bkg: #eef9f7;
  --status-red: #c30707;
  --custom-radio-border: var(--gray-600);
  --custom-radio-empty: #eee;
  --custom-radio-fill: #006698;
  --custom-radio-disabled: #c2c2c2;
  --strikethrough: #ccc;
  --dropdown-bgk: #d3e9f8;
  --read-aloud-light-theme-text-color: #151924;
  --read-aloud-dark-theme-text-initial-hover-color: #FAFCFF;
  --read-aloud-dark-theme-text-playing-or-paused-color: #0A0C0F;
  --green: #00952a;
  --dark-green: #005117;
  --green-shadow: #00ffc2;
  --light-blue-ribbon: #9dccff;
  --amazing-ribbon-right-side-start: #d17101;
  --amazing-ribbon-right-side-end: #e13636;
  --amazing-ribbon-left-side-start: #b10095;
  --amazing-ribbon-left-side-end: #e13636;
  --amazing-ribbon-face: linear-gradient(
    to right,
    #ff7474,
    #ffa755,
    #ffee54,
    #8eff58,
    #5bffce,
    #61c6ff,
    #9795ff,
    #ffb2fc,
    #ff7474
  );
}

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.ignore-pointer-events {
  pointer-events: none;
}

.prevent-select {
  -webkit-user-select: none;
          user-select: none;
}

.whitespace-no-wrap {
  white-space: nowrap;
}

.interactive-cmp {
  cursor: pointer;
}
.interactive-cmp::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.25rem;
}
.interactive-cmp:hover {
  color: var(--sys-primary-btn-color) !important;
  background-color: var(--sys-btn-active-bkgd) !important;
  border-radius: 0.25rem;
}
.interactive-cmp:hover::after {
  border: var(--interactive-border-hover);
}
.interactive-cmp:focus-visible {
  outline: none;
  color: var(--sys-primary-btn-color) !important;
  background-color: var(--sys-btn-active-bkgd) !important;
}
.interactive-cmp:focus-visible::after {
  box-shadow: var(--interactive-box-shadow-focus);
  border: var(--interactive-border-hover);
}

.text-overflow-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
This is a super class that allows us to turn off theme styling for System UI
*/
.sys {
  font: var(--sys-font-weight) var(--sys-font-size)/var(--sys-font-line-height) var(--sys-font-family);
  color: var(--sys-color);
}
.sys h1, .sys h2, .sys h4, .sys h5, .sys h6 {
  font-family: var(--sys-heading-font-family);
  font-weight: var(--sys-heading-font-weight);
  color: var(--sys-heading-color);
}
.sys p {
  font-size: 1rem;
  line-height: 1.125rem;
  color: inherit;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: unset;
  line-height: 1.15;
  -webkit-text-size-adjust: none;
          text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  height: 100%;
  color: var(--sys-font-color);
}

html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
}

input,
textarea,
button {
  font-family: inherit;
}

.prefers-reduced-motion html:focus-within {
  scroll-behavior: auto;
}
.prefers-reduced-motion *:not(.allow-animation),
.prefers-reduced-motion *:not(.allow-animation)::before,
.prefers-reduced-motion *:not(.allow-animation)::after {
  animation-duration: 0ms !important;
  animation-delay: 0ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0ms !important;
  transition-delay: 0ms !important;
  scroll-behavior: auto !important;
}

*::-webkit-scrollbar {
  width: var(--scrollbar-width);
  border-color: var(--scrollbar-border-color);
  border-width: 0.125rem 0;
}

* {
  scrollbar-color: var(--scroll-thumb-bkg-fallback) var(--scroll-track-bkg);
  transition: scrollbar-color 0.3s ease-out;
}

*::-webkit-scrollbar-track {
  background: var(--scroll-track-bkg);
  border-radius: var(--scrollbar-radius);
}

*::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb-bkg);
  border-radius: var(--scroll-thumb-radius);
  border: 0.1875rem solid var(--scroll-track-bkg);
  box-shadow: var(--scrollbar-thumb-box-shadow);
}

::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover-bkg);
}

/* stylelint-disable-next-line selector-type-no-unknown */
markdown p {
  margin: 0;
}

.solid-divider {
  width: 100%;
  border-top: 3px solid var(--sys-divider-color);
  border-radius: 5rem;
  overflow: hidden;
}

.avatar-mask img.square {
  border-radius: 1rem;
  overflow: hidden;
}

.block-center {
  text-align: center;
}

.flex-container {
  display: flex;
  justify-content: flex-start;
}

.full-size-container {
  width: 100%;
  height: 100%;
}

.full-height {
  height: 100%;
}

.full-width {
  width: 100%;
}

.flex-full-row {
  display: flex;
  width: 100%;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-align-center {
  align-items: center;
}

.flex-align-start {
  align-items: start;
}

.flex-align-end {
  align-items: end;
}

.flex-align-stretch {
  align-items: stretch;
}

.flex-justify-start {
  justify-content: flex-start;
}

.flex-justify-end {
  justify-content: flex-end;
}

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

.flex-justify-space-between {
  justify-content: space-between;
}

.flex-justify-space-around {
  justify-content: space-around;
}

.flex-justify-space-evenly {
  justify-content: space-evenly;
}

.flex-center {
  justify-content: center;
  align-items: center;
}

.flex-row-col {
  display: flex;
  flex: 1;
}

.flex-row-double-col {
  display: flex;
  flex: 2;
}

.flex-auto {
  flex: 1 1 auto;
}

.no-gap {
  gap: 0;
}

.htc-page-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.htc-page-container .container {
  display: flex;
  flex: 1;
}

.base-page-background {
  overflow: hidden;
  background: var(--base-page-background);
}
@media (min-width: 48.0625rem) {
  .base-page-background {
    background: var(--base-page-background-image);
    background-size: cover;
  }
}

.base-modal {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  position: relative;
  overflow-y: hidden;
  width: min(90vw, 80rem);
  mix-blend-mode: normal;
  opacity: 0.9;
  padding: 1rem 1.25rem;
  margin-inline: auto;
  background: none;
  border-radius: var(--base-page-modal-border-radius);
  box-shadow: var(--base-page-modal-box-shadow);
  margin-bottom: 6rem;
}
@media (max-width: 48.0625rem) {
  .base-modal {
    background: none;
    border-radius: 0;
    box-shadow: none;
  }
}

.base-gap-1r {
  gap: 1rem;
}
@media (max-width: 48.0625rem), (max-height: 48.0625rem) {
  .base-gap-1r {
    gap: 0.5rem;
  }
}

.base-gap-3r {
  gap: 3rem;
}
@media (max-width: 48.0625rem), (max-height: 48.0625rem) {
  .base-gap-3r {
    gap: 1rem;
  }
}

:root {
  --black: #000;
  --black-150: #151924;
  --white: #fff;
  --red: #f00;
  --cotton-boll-white: #edf1fc;
  --gray-800: #07090b;
  --gray-700: #242e36;
  --gray-600: #485d6d;
  --gray-400: #7f8e99;
  --gray-300: #a3aeb6;
  --gray-200: #c2c2c2;
  --gray-100: #edeff0;
  --pantone-blue: #005fcc;
  --light-blue: #3f6eaa;
  --yankees-blue: #1d2742;
  --cornflower-blue: #6495ed;
  --stormcloud: #dce1ef;
  --subject-color-reading: #b870ff;
  --subject-color-math: #60cfff;
  --subject-color-lectura: #ffb554;
  --focus-color: #5c23ff;
  --button-focus-outline-color: #a700f5;
  --status-green: #008c32;
  --status-green-bkg: #eef9f7;
  --status-red: #c30707;
  --custom-radio-border: var(--gray-600);
  --custom-radio-empty: #eee;
  --custom-radio-fill: #006698;
  --custom-radio-disabled: #c2c2c2;
  --strikethrough: #ccc;
  --dropdown-bgk: #d3e9f8;
  --read-aloud-light-theme-text-color: #151924;
  --read-aloud-dark-theme-text-initial-hover-color: #FAFCFF;
  --read-aloud-dark-theme-text-playing-or-paused-color: #0A0C0F;
  --green: #00952a;
  --dark-green: #005117;
  --green-shadow: #00ffc2;
  --light-blue-ribbon: #9dccff;
  --amazing-ribbon-right-side-start: #d17101;
  --amazing-ribbon-right-side-end: #e13636;
  --amazing-ribbon-left-side-start: #b10095;
  --amazing-ribbon-left-side-end: #e13636;
  --amazing-ribbon-face: linear-gradient(
    to right,
    #ff7474,
    #ffa755,
    #ffee54,
    #8eff58,
    #5bffce,
    #61c6ff,
    #9795ff,
    #ffb2fc,
    #ff7474
  );
}

:root {
  --black: #000;
  --black-150: #151924;
  --white: #fff;
  --red: #f00;
  --cotton-boll-white: #edf1fc;
  --gray-800: #07090b;
  --gray-700: #242e36;
  --gray-600: #485d6d;
  --gray-400: #7f8e99;
  --gray-300: #a3aeb6;
  --gray-200: #c2c2c2;
  --gray-100: #edeff0;
  --pantone-blue: #005fcc;
  --light-blue: #3f6eaa;
  --yankees-blue: #1d2742;
  --cornflower-blue: #6495ed;
  --stormcloud: #dce1ef;
  --subject-color-reading: #b870ff;
  --subject-color-math: #60cfff;
  --subject-color-lectura: #ffb554;
  --focus-color: #5c23ff;
  --button-focus-outline-color: #a700f5;
  --status-green: #008c32;
  --status-green-bkg: #eef9f7;
  --status-red: #c30707;
  --custom-radio-border: var(--gray-600);
  --custom-radio-empty: #eee;
  --custom-radio-fill: #006698;
  --custom-radio-disabled: #c2c2c2;
  --strikethrough: #ccc;
  --dropdown-bgk: #d3e9f8;
  --read-aloud-light-theme-text-color: #151924;
  --read-aloud-dark-theme-text-initial-hover-color: #FAFCFF;
  --read-aloud-dark-theme-text-playing-or-paused-color: #0A0C0F;
  --green: #00952a;
  --dark-green: #005117;
  --green-shadow: #00ffc2;
  --light-blue-ribbon: #9dccff;
  --amazing-ribbon-right-side-start: #d17101;
  --amazing-ribbon-right-side-end: #e13636;
  --amazing-ribbon-left-side-start: #b10095;
  --amazing-ribbon-left-side-end: #e13636;
  --amazing-ribbon-face: linear-gradient(
    to right,
    #ff7474,
    #ffa755,
    #ffee54,
    #8eff58,
    #5bffce,
    #61c6ff,
    #9795ff,
    #ffb2fc,
    #ff7474
  );
}

.alert {
  position: absolute;
  display: none;
  z-index: 2025;
  background-color: var(--alert-background-color);
  margin-bottom: 1rem;
  margin-left: 1.5rem;
  border-radius: var(--alert-border-radius);
  box-shadow: var(--alert-box-shadow);
  color: var(--alert-color);
  bottom: var(--footer-height);
  max-width: var(--alert-width);
}
@media (min-width: 37.5rem) {
  .alert {
    min-width: 25rem;
  }
}
@media (max-width: 37.5rem) or (max-height: 50rem) {
  .alert {
    width: calc(95vw - 5.5rem);
    margin-left: calc(2vw + 5.5rem);
  }
}
@media (max-height: 31.25rem) {
  .alert {
    width: calc(102vw - 5.5rem);
    margin-left: calc((2vw + 5.5rem) * 0.8);
  }
}
.alert header {
  background-color: var(--alert-header-background-color);
  border-radius: var(--alert-header-border-radius);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
}
.alert header .alert-header-icon {
  max-width: 3rem;
  max-height: 3rem;
  margin-right: 1rem;
}
.alert header .alert-header-icon svg {
  max-width: 3rem;
  max-height: 3rem;
  margin-right: 1rem;
}
.alert header span {
  font-size: 1.25rem;
  font-weight: 600;
  cursor: default;
}
.alert header button.btn-close {
  cursor: pointer;
  border: none;
  padding: 0.5rem;
  margin-left: 1rem;
  width: var(--alert-close-width);
  height: var(--alert-close-height);
  background: var(--alert-close-bg);
}
.alert header button.btn-close svg-icon {
  display: block;
  width: 1.6669rem;
  height: 1.6669rem;
}
.alert header button.btn-close svg-icon svg {
  fill: var(--black-150);
  width: 100%;
  height: 100%;
}
.alert header button.btn-close:hover {
  outline: var(--sys-dialog-close-outline);
}
.alert header button.btn-close:focus-visible {
  outline: var(--sys-dialog-close-outline);
  box-shadow: var(--interactive-box-shadow-focus);
}
.alert.visible {
  display: flex;
  flex-direction: column;
  border: var(--alert-border-width) solid;
  overflow: hidden;
}
.alert.visible.default {
  border-color: var(--alert-header-background-color);
}
.alert.visible.error {
  border-color: var(--status-red);
}
.alert.visible.playing-read-aloud {
  overflow: visible;
}
.alert .alert-section {
  transition: height 0.4s ease-out, width 0.4s ease-out;
}

.feedback.alert {
  border-radius: var(--alert-feedback-border-radius);
  border: var(--alert-feedback-border);
  box-shadow: var(--alert-feedback-box-shadow);
}
.feedback.alert .alert-content {
  padding: var(--alert-feedback-content-padding);
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 31.25rem) {
  .feedback.alert .alert-content {
    flex-direction: row;
    gap: 0;
  }
}
.feedback.alert header > button.btn-close > svg-icon > svg {
  fill: var(--alert-feedback-close-fill);
}
.feedback.alert .alert-section .feedback-diamond {
  width: var(--feedback-diamond-width);
  height: var(--feedback-diamond-height);
  margin: var(--feedback-diamond-margin);
}
.feedback.alert .alert-section .feedback-diamond svg {
  filter: var(--feedback-diamond-glow);
}
.feedback.alert .alert-section .feedback-text {
  font-weight: var(--feedback-text-font-weight);
  font-size: var(--feedback-text-font-size);
  line-height: var(--feedback-text-line-height);
  letter-spacing: var(--feedback-text-letter-spacing);
  color: var(--feedback-text-color);
}
.feedback.alert .alert-section .feedback-text > * {
  margin: 0;
}
.feedback.alert .alert-section .controls {
  background: var(--alert-feedback-incorrect-bg);
}
.feedback.alert .alert-section .btn-carousel-next > button,
.feedback.alert .alert-section .btn-carousel-prev > button {
  background: var(--carousel-control-button-feedback-bg);
}
.feedback.alert .alert-section .btn-carousel-next > button:disabled,
.feedback.alert .alert-section .btn-carousel-prev > button:disabled {
  color: var(--carousel-control-button-disabled-feedback-color);
}
.feedback.alert .alert-section .btn-carousel-next > button:disabled svg-icon > svg > path,
.feedback.alert .alert-section .btn-carousel-prev > button:disabled svg-icon > svg > path {
  fill: var(--carousel-control-button-disabled-feedback-icon-color);
}
.feedback.alert header {
  padding: var(--alert-feedback-header-padding);
  border-radius: var(--alert-feedback-header-border-radius);
}
.feedback.alert header span {
  font-size: 1.5rem;
  font-weight: 700;
}
.feedback.alert header button.btn-close {
  width: var(--alert-feedback-close-width);
  height: var(--alert-feedback-close-height);
  background: var(--alert-feedback-close-bg);
}

.correct.feedback.alert {
  animation: feedback-alert-anim-in 0.6s cubic-bezier(0.3, 0, 0.2, 1.25);
  background: var(--alert-feedback-correct-bg);
}
.correct.feedback.alert header {
  background: var(--alert-feedback-header-correct-bg);
}
.correct.feedback.alert header span {
  color: var(--alert-feedback-header-correct-span-color);
}

.incorrect.feedback.alert {
  animation: fade-in 0.3s ease-out;
  background: var(--alert-feedback-incorrect-bg);
}
.incorrect.feedback.alert header {
  background: var(--alert-feedback-header-incorrect-bg);
}
.incorrect.feedback.alert header span {
  color: var(--alert-feedback-header-incorrect-span-color);
}

.feedback.alert.platform-warning {
  bottom: 0;
  z-index: 2060;
  margin: 1rem;
}

@media (max-width: 25rem) {
  .alert,
  .feedback.alert {
    width: 95vw;
    margin: 2.5vw;
    margin-bottom: 1rem;
    bottom: 0;
  }
  .alert.platform-warning,
  .feedback.alert.platform-warning {
    margin: 2.5vw;
  }
}
@media (max-height: 25rem) {
  .alert,
  .feedback.alert {
    bottom: 0;
  }
}
:root {
  --black: #000;
  --black-150: #151924;
  --white: #fff;
  --red: #f00;
  --cotton-boll-white: #edf1fc;
  --gray-800: #07090b;
  --gray-700: #242e36;
  --gray-600: #485d6d;
  --gray-400: #7f8e99;
  --gray-300: #a3aeb6;
  --gray-200: #c2c2c2;
  --gray-100: #edeff0;
  --pantone-blue: #005fcc;
  --light-blue: #3f6eaa;
  --yankees-blue: #1d2742;
  --cornflower-blue: #6495ed;
  --stormcloud: #dce1ef;
  --subject-color-reading: #b870ff;
  --subject-color-math: #60cfff;
  --subject-color-lectura: #ffb554;
  --focus-color: #5c23ff;
  --button-focus-outline-color: #a700f5;
  --status-green: #008c32;
  --status-green-bkg: #eef9f7;
  --status-red: #c30707;
  --custom-radio-border: var(--gray-600);
  --custom-radio-empty: #eee;
  --custom-radio-fill: #006698;
  --custom-radio-disabled: #c2c2c2;
  --strikethrough: #ccc;
  --dropdown-bgk: #d3e9f8;
  --read-aloud-light-theme-text-color: #151924;
  --read-aloud-dark-theme-text-initial-hover-color: #FAFCFF;
  --read-aloud-dark-theme-text-playing-or-paused-color: #0A0C0F;
  --green: #00952a;
  --dark-green: #005117;
  --green-shadow: #00ffc2;
  --light-blue-ribbon: #9dccff;
  --amazing-ribbon-right-side-start: #d17101;
  --amazing-ribbon-right-side-end: #e13636;
  --amazing-ribbon-left-side-start: #b10095;
  --amazing-ribbon-left-side-end: #e13636;
  --amazing-ribbon-face: linear-gradient(
    to right,
    #ff7474,
    #ffa755,
    #ffee54,
    #8eff58,
    #5bffce,
    #61c6ff,
    #9795ff,
    #ffb2fc,
    #ff7474
  );
}

:root {
  --black: #000;
  --black-150: #151924;
  --white: #fff;
  --red: #f00;
  --cotton-boll-white: #edf1fc;
  --gray-800: #07090b;
  --gray-700: #242e36;
  --gray-600: #485d6d;
  --gray-400: #7f8e99;
  --gray-300: #a3aeb6;
  --gray-200: #c2c2c2;
  --gray-100: #edeff0;
  --pantone-blue: #005fcc;
  --light-blue: #3f6eaa;
  --yankees-blue: #1d2742;
  --cornflower-blue: #6495ed;
  --stormcloud: #dce1ef;
  --subject-color-reading: #b870ff;
  --subject-color-math: #60cfff;
  --subject-color-lectura: #ffb554;
  --focus-color: #5c23ff;
  --button-focus-outline-color: #a700f5;
  --status-green: #008c32;
  --status-green-bkg: #eef9f7;
  --status-red: #c30707;
  --custom-radio-border: var(--gray-600);
  --custom-radio-empty: #eee;
  --custom-radio-fill: #006698;
  --custom-radio-disabled: #c2c2c2;
  --strikethrough: #ccc;
  --dropdown-bgk: #d3e9f8;
  --read-aloud-light-theme-text-color: #151924;
  --read-aloud-dark-theme-text-initial-hover-color: #FAFCFF;
  --read-aloud-dark-theme-text-playing-or-paused-color: #0A0C0F;
  --green: #00952a;
  --dark-green: #005117;
  --green-shadow: #00ffc2;
  --light-blue-ribbon: #9dccff;
  --amazing-ribbon-right-side-start: #d17101;
  --amazing-ribbon-right-side-end: #e13636;
  --amazing-ribbon-left-side-start: #b10095;
  --amazing-ribbon-left-side-end: #e13636;
  --amazing-ribbon-face: linear-gradient(
    to right,
    #ff7474,
    #ffa755,
    #ffee54,
    #8eff58,
    #5bffce,
    #61c6ff,
    #9795ff,
    #ffb2fc,
    #ff7474
  );
}

.btn {
  font: normal 500 1.5rem/1.5rem var(--sys-font-family);
  padding: 0.5em 1.375em;
  border-radius: 6.25rem;
  box-shadow: none;
  transform: translate(0, 0);
  cursor: pointer;
  pointer-events: auto;
}
.btn svg {
  width: 2rem;
  height: auto;
}
.btn:hover, .btn:focus, .btn:active, .btn[disabled], .btn:disabled {
  box-shadow: none;
}
.btn:disabled {
  cursor: default;
}
.btn-with-left-icon .row, .btn-with-right-icon .row {
  gap: 0.3125rem;
}
.btn-with-right-icon .row {
  flex-direction: row;
}
.btn-with-left-icon .row {
  flex-direction: row-reverse;
}
.btn-with-image-preview {
  width: 8em;
  color: var(--gray-700);
  font-weight: 700;
  padding: 0.0625rem 0.375rem;
}
.btn-with-image-preview .row {
  padding: 0.25em 0 0;
  justify-content: flex-end;
  gap: 1em;
}
.btn-primary, .btn-secondary, .btn-danger {
  font-size: 1.125rem;
}
.btn-primary svg, .btn-secondary svg, .btn-danger svg {
  width: 1.125rem;
  height: auto;
}
.btn-primary > button, .btn-primary:is(button) {
  color: var(--white);
  background: var(--sys-primary-btn-color);
  border: 0.125rem solid transparent;
}
.btn-secondary > button, .btn-secondary:is(button) {
  color: var(--black);
  background: var(--sys-secondary-btn-color);
  border: 0.125rem solid transparent;
}
.btn-close > button {
  color: var(--sys-close-btn-color);
  width: 2.25rem;
  height: 2.25rem;
  background: var(--white);
  border: 0;
  overflow: hidden;
  text-indent: -999em;
  box-shadow: none;
}
.btn-danger > button, .btn-danger:is(button) {
  color: var(--black);
  background: var(--sys-danger-btn-color);
  border: 0.125rem solid transparent;
}
.btn-with-image-preview > .row {
  padding: 0.25em 0 0;
  justify-content: flex-end;
  gap: 1em;
}
.btn-profile > svg {
  width: 2rem;
  margin: 0.25rem 0.5rem auto;
}
.btn-profile-close > svg-icon {
  width: 100%;
}
.btn-dialog-close > svg {
  width: 1.5rem;
  height: auto;
}
.btn-profile-close {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0;
  border-top-left-radius: 62.4375rem;
  border-top-right-radius: 62.4375rem;
  box-shadow: none;
  border: none;
  background-image: linear-gradient(to top, var(--white) 0.25rem, var(--white) 40%);
  width: 4rem;
  height: 4.45rem;
  margin: 0.15rem 0 0;
  padding: 0;
  color: var(--sys-close-btn-color);
}
.btn-profile-close svg-icon {
  width: 100%;
}
.btn-profile-close svg-icon svg {
  width: 1.875rem;
  height: 1.875rem;
}
.btn-profile-close:hover, .btn-profile-close:active, .btn-profile-close:focus {
  background-image: linear-gradient(to top, var(--white) 0.25rem, transparent 40%);
  color: var(--sys-btn-active-color);
  background-color: var(--sys-btn-active-bkgd);
}
.btn-settings-close > svg-icon, .btn-contact-support-close > svg-icon {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-settings-close > svg-icon svg, .btn-contact-support-close > svg-icon svg {
  width: 1.625rem;
  height: 1.625rem;
}
@media (max-width: 37.5rem) or (max-height: 50rem) {
  .btn-carousel-prev .button-text, .btn-carousel-next .button-text {
    display: none;
  }
  .btn-carousel-prev .btn, .btn-carousel-next .btn {
    width: auto;
  }
}
.btn-carousel-next > button, .btn-carousel-prev > button {
  position: absolute;
  background: var(--carousel-control-buttons-bg);
  z-index: 1090;
  bottom: 0;
  margin-top: -2.5rem;
  border: 0;
  line-height: var(--carousel-line-height);
  padding: var(--carousel-control-button-padding);
  font-size: var(--carousel-font-size);
  color: var(--carousel-slide-font-color);
  font-style: var(--carousel-font-style);
  font-weight: var(--carousel-font-weight);
  width: var(--carousel-control-button-width);
  height: var(--carousel-control-button-height);
}
.btn-carousel-next > button .row, .btn-carousel-prev > button .row {
  align-items: center;
  justify-content: flex-end;
  gap: 0;
}
.btn-carousel-next > button svg-icon, .btn-carousel-prev > button svg-icon {
  width: var(--carousel-control-button-icon-width);
  height: var(--carousel-control-button-icon-height);
  padding-top: 0.375rem;
}
.btn-carousel-next > button svg-icon svg, .btn-carousel-prev > button svg-icon svg {
  width: var(--carousel-control-button-svg-width);
  height: var(--carousel-control-button-svg-height);
}
.btn-carousel-next > button svg-icon svg path, .btn-carousel-prev > button svg-icon svg path {
  fill: var(--carousel-control-button-svg-color);
}
.btn-carousel-prev > button {
  left: 0;
  border-radius: var(--carousel-control-left-button-border-radius);
}
.btn-carousel-prev > button svg-icon > svg {
  transform: rotate(180deg);
}
.btn-carousel-next > button {
  right: 0;
  border-radius: var(--carousel-control-right-button-border-radius);
}
.btn-primary > button:hover, .btn-primary > button:focus-visible, .btn-primary > button:active, .btn-primary > button[disabled], .btn-primary > button:disabled, .btn-primary:is(button):hover, .btn-primary:is(button):focus-visible, .btn-primary:is(button):active, .btn-primary:is(button)[disabled], .btn-primary:is(button):disabled {
  box-shadow: none;
}
.btn-primary > button:hover, .btn-primary > button:focus-visible, .btn-primary > button:active, .btn-primary:is(button):hover, .btn-primary:is(button):focus-visible, .btn-primary:is(button):active {
  color: var(--sys-primary-btn-color);
  border: 0.125rem solid var(--sys-primary-btn-color);
  background: var(--sys-btn-active-bkgd);
}
.btn-primary > button[disabled], .btn-primary > button:disabled, .btn-primary:is(button)[disabled], .btn-primary:is(button):disabled {
  color: var(--sys-btn-disabled);
  border: 0.0625rem solid var(--sys-btn-disabled);
  background: var(--sys-btn-disabled-bkgd);
}
.btn-secondary > button:hover, .btn-secondary > button:focus-visible, .btn-secondary > button:active, .btn-secondary > button[disabled], .btn-secondary > button:disabled, .btn-secondary:is(button):hover, .btn-secondary:is(button):focus-visible, .btn-secondary:is(button):active, .btn-secondary:is(button)[disabled], .btn-secondary:is(button):disabled {
  box-shadow: none;
}
.btn-secondary:is(button):hover, .btn-secondary:is(button):focus-visible, .btn-secondary:is(button):active, .btn-secondary > button:hover, .btn-secondary > button:focus-visible, .btn-secondary > button:active {
  color: var(--sys-primary-btn-color);
  border: 0.125rem solid var(--sys-primary-btn-color);
  background: var(--sys-btn-active-bkgd);
}
.btn-secondary > button[disabled], .btn-secondary > button:disabled, .btn-secondary:is(button)[disabled], .btn-secondary:is(button):disabled {
  color: var(--sys-btn-disabled);
  border: 0.0625rem solid var(--sys-btn-disabled);
  background: var(--sys-btn-disabled-bkgd);
}
.btn-close > button:hover, .btn-close > button:focus, .btn-close > button:active {
  background-color: var(--sys-btn-active-bkgd);
  color: var(--sys-btn-active-color);
}
.btn-danger > button:hover, .btn-danger > button:focus, .btn-danger > button:active, .btn-danger:is(button):hover, .btn-danger:is(button):focus, .btn-danger:is(button):active {
  color: var(--sys-danger-btn-color);
  border: 0.125rem solid var(--black);
  background: var(--sys-btn-active-bkgd);
}
.btn-danger > button[disabled], .btn-danger > button:disabled, .btn-danger:is(button)[disabled], .btn-danger:is(button):disabled {
  color: var(--sys-btn-disabled);
  border: 0.0625rem solid var(--sys-btn-disabled);
  background: var(--sys-btn-disabled-bkgd);
}
.btn-carousel-next > button:active, .btn-carousel-prev > button:active {
  background: var(--carousel-control-button-focus-bg);
  color: var(--carousel-control-button-focus-color);
  border: 0;
}
.btn-carousel-next > button:active svg-icon > svg > path, .btn-carousel-prev > button:active svg-icon > svg > path {
  fill: var(--carousel-control-button-icon-color);
}
.btn-carousel-next > button:focus-visible, .btn-carousel-prev > button:focus-visible {
  border: var(--carousel-control-button-border);
  box-shadow: var(--carousel-control-button-box-shadow);
  width: var(--carousel-control-button-focus-visible-width);
  height: var(--carousel-control-button-focus-visible-height);
  background: var(--carousel-control-buttons-bg);
  color: var(--carousel-slide-font-color);
  padding: 0 0.1rem;
}
.btn-carousel-next > button:focus-visible svg-icon > svg > path, .btn-carousel-prev > button:focus-visible svg-icon > svg > path {
  fill: var(--carousel-control-button-svg-color);
}
.btn-carousel-next > button:disabled, .btn-carousel-prev > button:disabled {
  background: var(--carousel-control-button-disabled-bg);
  color: var(--carousel-control-button-disabled-color);
}
.btn-carousel-next > button:disabled svg-icon > svg > path, .btn-carousel-prev > button:disabled svg-icon > svg > path {
  fill: var(--carousel-control-button-disabled-icon-color);
}
.btn-carousel-prev > button:focus-visible {
  border-radius: var(--carousel-control-button-fv-prev-border-radius);
  transform: var(--carousel-control-button-fv-prev-transform);
}
.btn-carousel-next > button:focus-visible {
  border-radius: var(--carousel-control-button-fv-next-border-radius);
  transform: var(--carousel-control-button-fv-next-transform);
}
.btn-carousel-next > button:hover:not(:disabled, :focus), .btn-carousel-prev > button:hover:not(:disabled, :focus) {
  border: var(--carousel-control-button-border);
  padding: 0 0.35rem;
}
.btn-no-border {
  border: none;
}
.btn-no-bkgd {
  background: none;
}
.btn-exit {
  border: 0.125rem solid var(--white);
  color: var(--white);
  background-color: var(--black);
  padding: 1rem;
  height: var(--nav-avatar-size);
}
.btn-exit .row {
  gap: 0.5rem;
}
.btn-exit svg-icon > svg {
  width: 1.6669rem;
  height: 1.5rem;
}
.btn-exit svg-icon > svg path {
  fill: var(--white);
}
@media (max-width: 40rem) {
  .btn-exit .button-text {
    display: none;
  }
}
.btn-exit.hover {
  color: var(--black);
  background-color: var(--white);
}
.btn-exit.hover svg-icon > svg > path {
  fill: var(--black);
}
.btn-exit:focus-visible {
  outline: #a700f5 0.25rem solid;
}
.btn-footer {
  transition: all 300ms cubic-bezier(0.3, 0.7, 0.4, 1);
  transform-origin: bottom;
  background: var(--footer-button-background-color);
  box-shadow: 0 0.5rem 0 var(--footer-button-3d-depth-color);
  background: var(--footer-button-background-color);
  height: var(--footer-button-height);
  border: var(--footer-button-outer-border);
  border-radius: var(--footer-button-border-radius);
  font-size: 2rem;
  text-align: center;
  letter-spacing: 0.02rem;
  color: var(--footer-button-text-color);
  white-space: nowrap;
  padding: var(--footer-button-padding);
}
.btn-footer::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  color: inherit;
  background: transparent;
  border-radius: inherit;
  opacity: 0;
}
.btn-footer:focus {
  box-shadow: 0 0.5rem 0 var(--footer-button-3d-depth-color);
}
.btn-footer:focus-visible::after, .btn-footer.hover:not(:disabled)::after, .btn-footer:active:not(:disabled)::after {
  top: 0.1875rem;
  left: 0.1875rem;
  width: calc(100% - 0.375rem);
  height: calc(100% - 0.375rem);
  border: var(--footer-button-inner-border);
  opacity: 1;
  transition: opacity 80ms ease-in;
}
.btn-footer:focus-visible {
  box-shadow: 0 0.5rem 0 var(--footer-button-3d-depth-color);
  transform: translateY(-0.0625rem) scale(var(--button-3d-scale));
  outline: #a700f5 0.25rem solid;
  transition: all 100ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
}
.btn-footer:disabled, .btn-footer[disabled] {
  cursor: not-allowed;
  opacity: 0.7;
  filter: saturate(0.2) grayscale(0.9);
  box-shadow: 0 0.5rem 0 var(--footer-button-3d-depth-color);
  transition: all 100ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
}
.btn-footer:disabled::after, .btn-footer[disabled]::after {
  background: var(--footer-button-background-color);
  border-color: var(--footer-button-background-color);
  opacity: 1;
  filter: saturate(0.2) grayscale(0.9);
}
.btn-footer:disabled:active, .btn-footer[disabled]:active {
  animation: shake 0.3s 3 ease-out;
  animation-fill-mode: both;
}
.btn-footer.hover:not(:disabled) {
  box-shadow: 0 0.5rem 0 var(--footer-button-3d-depth-color);
  transform: translateY(-0.0625rem) scale(var(--button-3d-scale));
  transition: all 100ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
}
.btn-footer:hover:not(:disabled) {
  box-shadow: 0 0.5rem 0 var(--footer-button-3d-depth-color);
}
.btn-footer:active:not(:disabled) {
  box-shadow: 0 0.25rem 0 var(--footer-button-3d-depth-color);
  transform: translateY(0.375rem) scale(var(--button-3d-scale));
  transition: all 80ms ease-in;
}
.btn-footer .row {
  justify-content: center;
  gap: 0.5rem;
}
.btn-footer:disabled .row, .btn-footer[disabled] .row {
  opacity: 0.7;
}
@media (max-width: 37.5rem) {
  .btn-footer .button-text {
    display: none;
  }
}
.btn-replay {
  transition: all 300ms cubic-bezier(0.3, 0.7, 0.4, 1);
  transform-origin: bottom;
  background: var(--result-page-next-btn-default-bg-color);
  box-shadow: 0 0.5rem 0 var(--result-page-next-btn-box-shadow-color);
  border: var(--footer-button-outer-border);
  text-align: center;
  letter-spacing: 0.02rem;
  white-space: nowrap;
  color: var(--white);
  border-radius: 999rem;
  font-size: 1.5rem;
  background: var(--result-page-next-btn-default-bg-color);
  padding: 1.125rem;
  gap: 0.5rem;
}
.btn-replay::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  color: inherit;
  background: transparent;
  border-radius: inherit;
  opacity: 0;
}
.btn-replay:focus {
  box-shadow: 0 0.5rem 0 var(--result-page-next-btn-box-shadow-color);
}
.btn-replay:focus-visible::after, .btn-replay.hover:not(:disabled)::after, .btn-replay:active:not(:disabled)::after {
  top: 0.1875rem;
  left: 0.1875rem;
  width: calc(100% - 0.375rem);
  height: calc(100% - 0.375rem);
  border: 0.1875rem solid var(--white);
  opacity: 1;
  transition: opacity 80ms ease-in;
}
.btn-replay:focus-visible {
  box-shadow: 0 0.5rem 0 var(--result-page-next-btn-box-shadow-color);
  transform: translateY(-0.0625rem) scale(var(--button-3d-scale));
  outline: #a700f5 0.25rem solid;
  transition: all 100ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
}
.btn-replay:disabled, .btn-replay[disabled] {
  cursor: not-allowed;
  opacity: 0.7;
  filter: saturate(0.2) grayscale(0.9);
  box-shadow: 0 0.5rem 0 var(--result-page-next-btn-box-shadow-color);
  transition: all 100ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
}
.btn-replay:disabled::after, .btn-replay[disabled]::after {
  background: var(--result-page-next-btn-default-bg-color);
  border-color: var(--result-page-next-btn-default-bg-color);
  opacity: 1;
  filter: saturate(0.2) grayscale(0.9);
}
.btn-replay:disabled:active, .btn-replay[disabled]:active {
  animation: shake 0.3s 3 ease-out;
  animation-fill-mode: both;
}
.btn-replay.hover:not(:disabled) {
  box-shadow: 0 0.5rem 0 var(--result-page-next-btn-box-shadow-color);
  transform: translateY(-0.0625rem) scale(var(--button-3d-scale));
  transition: all 100ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
}
.btn-replay:hover:not(:disabled) {
  box-shadow: 0 0.5rem 0 var(--result-page-next-btn-box-shadow-color);
}
.btn-replay:active:not(:disabled) {
  box-shadow: 0 0.25rem 0 var(--result-page-next-btn-box-shadow-color);
  transform: translateY(0.375rem) scale(var(--button-3d-scale));
  transition: all 80ms ease-in;
}
.btn-replay svg-icon > svg {
  width: 2rem;
  height: 2rem;
}
.btn-replay .row {
  justify-content: center;
  gap: 0.5rem;
}
.btn-replay:disabled .row, .btn-replay[disabled] .row {
  opacity: 0.7;
}
.btn-profile {
  font-family: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4rem;
  margin-bottom: 1rem;
  border-radius: 62.4375rem;
  border-color: var(--sys-font-color);
  padding: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--sys-font-color);
}
.btn-profile svg-icon {
  width: 1.875rem;
  height: 1.875rem;
  margin-right: 1rem;
}
.btn-profile svg-icon svg {
  width: 100%;
  height: 100%;
}
.btn-profile-logout {
  border: 0;
  border-radius: 0 0 1.875rem 1.875rem;
  margin: 0;
  background: var(--profile-popup-footer-button-background-color);
  box-shadow: var(--profile-popup-footer-button-drop-shadow);
  font-size: 1.125rem;
  padding: 1.25rem;
  height: 4.625rem;
  color: var(--profile-popup-footer-button-font-color);
}
.btn-profile-logout:hover, .btn-profile-logout:active, .btn-profile-logout:focus {
  outline: auto;
  border-bottom-left-radius: 1.875rem;
  border-bottom-right-radius: 1.875rem;
}
.btn-profile-logout:disabled {
  outline: none;
}
.btn-dialog-close {
  width: 3rem;
  height: 3rem;
  padding: 0.625rem;
  color: var(--sys-dialog-close-color);
  border: none;
  background: var(--sys-dialog-close-bg);
  margin-left: 1.5rem;
}
.btn-dialog-close:hover {
  outline: var(--sys-dialog-close-outline);
}
.btn-dialog-close:focus-visible {
  outline: var(--sys-dialog-close-outline);
  box-shadow: var(--interactive-box-shadow-focus);
}
.btn-dialog-close svg-icon > svg {
  width: 1.667rem;
}
.btn-settings-close, .btn-contact-support-close {
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 0.25rem;
}
.btn-settings-close > div, .btn-contact-support-close > div {
  width: 100%;
  height: 100%;
}
.btn-animate-slide-in-from-right {
  animation-name: delayed-slide-in-from-right;
  animation-duration: 2.5s;
}
.btn-save-settings {
  font-weight: 600;
  font-size: 1.5rem;
  width: unset;
  height: 3.875rem;
  margin-top: 4rem;
  margin-inline: auto;
}
.btn-save-settings > * {
  gap: 0.25rem;
}
.btn-save-settings svg-icon {
  margin-right: unset;
}
.btn-rubric {
  background: transparent;
  border: none;
  padding: 0;
}
.btn-rubric .button-text {
  color: var(--rubric-link-text-color);
  text-decoration: underline;
  font-size: 1.125rem;
}
.btn-rubric svg-icon > svg {
  height: 1.875rem;
}
.btn-rubric:focus-visible {
  border-radius: 0;
}
.btn-watched-video {
  transition: all 300ms cubic-bezier(0.3, 0.7, 0.4, 1);
  transform-origin: bottom;
  background: var(--white);
  box-shadow: 0 0.5rem 0 var(--black);
  font-size: 1rem;
  border: none;
  padding: 0.5rem;
}
.btn-watched-video::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  color: inherit;
  background: transparent;
  border-radius: inherit;
  opacity: 0;
}
.btn-watched-video:focus {
  box-shadow: 0 0.5rem 0 var(--black);
}
.btn-watched-video:focus-visible::after, .btn-watched-video.hover:not(:disabled)::after, .btn-watched-video:active:not(:disabled)::after {
  top: 0.1875rem;
  left: 0.1875rem;
  width: calc(100% - 0.375rem);
  height: calc(100% - 0.375rem);
  border: 0.1875rem solid var(--white);
  opacity: 1;
  transition: opacity 80ms ease-in;
}
.btn-watched-video:focus-visible {
  box-shadow: 0 0.5rem 0 var(--black);
  transform: translateY(-0.0625rem) scale(var(--button-3d-scale));
  outline: #a700f5 0.25rem solid;
  transition: all 100ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
}
.btn-watched-video:disabled, .btn-watched-video[disabled] {
  cursor: not-allowed;
  opacity: 0.7;
  filter: saturate(0.2) grayscale(0.9);
  box-shadow: 0 0.5rem 0 var(--black);
  transition: all 100ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
}
.btn-watched-video:disabled::after, .btn-watched-video[disabled]::after {
  background: var(--white);
  border-color: var(--white);
  opacity: 1;
  filter: saturate(0.2) grayscale(0.9);
}
.btn-watched-video:disabled:active, .btn-watched-video[disabled]:active {
  animation: shake 0.3s 3 ease-out;
  animation-fill-mode: both;
}
.btn-watched-video.hover:not(:disabled) {
  box-shadow: 0 0.5rem 0 var(--black);
  transform: translateY(-0.0625rem) scale(var(--button-3d-scale));
  transition: all 100ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
}
.btn-watched-video:hover:not(:disabled) {
  box-shadow: 0 0.5rem 0 var(--black);
}
.btn-watched-video:active:not(:disabled) {
  box-shadow: 0 0.25rem 0 var(--black);
  transform: translateY(0.375rem) scale(var(--button-3d-scale));
  transition: all 80ms ease-in;
}
.btn-activity-card {
  transition: all 300ms cubic-bezier(0.3, 0.7, 0.4, 1);
  transform-origin: bottom;
  background: var(--activity-card-button-bg-color);
  box-shadow: 0 0.5rem 0 var(--activity-card-button-box-shadow-color);
  font-size: 1rem;
  border: none;
  padding: 0.5rem;
}
.btn-activity-card::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  color: inherit;
  background: transparent;
  border-radius: inherit;
  opacity: 0;
}
.btn-activity-card:focus {
  box-shadow: 0 0.5rem 0 var(--activity-card-button-box-shadow-color);
}
.btn-activity-card:focus-visible::after, .btn-activity-card.hover:not(:disabled)::after, .btn-activity-card:active:not(:disabled)::after {
  top: 0.1875rem;
  left: 0.1875rem;
  width: calc(100% - 0.375rem);
  height: calc(100% - 0.375rem);
  border: 0.1875rem solid var(--white);
  opacity: 1;
  transition: opacity 80ms ease-in;
}
.btn-activity-card:focus-visible {
  box-shadow: 0 0.5rem 0 var(--activity-card-button-box-shadow-color);
  transform: translateY(-0.0625rem) scale(var(--button-3d-scale));
  outline: #a700f5 0.25rem solid;
  transition: all 100ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
}
.btn-activity-card:disabled, .btn-activity-card[disabled] {
  cursor: not-allowed;
  opacity: 0.7;
  filter: saturate(0.2) grayscale(0.9);
  box-shadow: 0 0.5rem 0 var(--activity-card-button-box-shadow-color);
  transition: all 100ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
}
.btn-activity-card:disabled::after, .btn-activity-card[disabled]::after {
  background: var(--activity-card-button-bg-color);
  border-color: var(--activity-card-button-bg-color);
  opacity: 1;
  filter: saturate(0.2) grayscale(0.9);
}
.btn-activity-card:disabled:active, .btn-activity-card[disabled]:active {
  animation: shake 0.3s 3 ease-out;
  animation-fill-mode: both;
}
.btn-activity-card.hover:not(:disabled) {
  box-shadow: 0 0.5rem 0 var(--activity-card-button-box-shadow-color);
  transform: translateY(-0.0625rem) scale(var(--button-3d-scale));
  transition: all 100ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
}
.btn-activity-card:hover:not(:disabled) {
  box-shadow: 0 0.5rem 0 var(--activity-card-button-box-shadow-color);
}
.btn-activity-card:active:not(:disabled) {
  box-shadow: 0 0.25rem 0 var(--activity-card-button-box-shadow-color);
  transform: translateY(0.375rem) scale(var(--button-3d-scale));
  transition: all 80ms ease-in;
}
.btn-dev {
  transition: all 300ms cubic-bezier(0.3, 0.7, 0.4, 1);
  transform-origin: bottom;
  background: var(--dev-button-bg-color);
  box-shadow: 0 0.5rem 0 var(--dev-button-box-shadow-color);
  font-size: 1rem;
  border: none;
  padding: 0.5rem;
}
.btn-dev::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  color: inherit;
  background: transparent;
  border-radius: inherit;
  opacity: 0;
}
.btn-dev:focus {
  box-shadow: 0 0.5rem 0 var(--dev-button-box-shadow-color);
}
.btn-dev:focus-visible::after, .btn-dev.hover:not(:disabled)::after, .btn-dev:active:not(:disabled)::after {
  top: 0.1875rem;
  left: 0.1875rem;
  width: calc(100% - 0.375rem);
  height: calc(100% - 0.375rem);
  border: 0.1875rem solid var(--white);
  opacity: 1;
  transition: opacity 80ms ease-in;
}
.btn-dev:focus-visible {
  box-shadow: 0 0.5rem 0 var(--dev-button-box-shadow-color);
  transform: translateY(-0.0625rem) scale(var(--button-3d-scale));
  outline: #a700f5 0.25rem solid;
  transition: all 100ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
}
.btn-dev:disabled, .btn-dev[disabled] {
  cursor: not-allowed;
  opacity: 0.7;
  filter: saturate(0.2) grayscale(0.9);
  box-shadow: 0 0.5rem 0 var(--dev-button-box-shadow-color);
  transition: all 100ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
}
.btn-dev:disabled::after, .btn-dev[disabled]::after {
  background: var(--dev-button-bg-color);
  border-color: var(--dev-button-bg-color);
  opacity: 1;
  filter: saturate(0.2) grayscale(0.9);
}
.btn-dev:disabled:active, .btn-dev[disabled]:active {
  animation: shake 0.3s 3 ease-out;
  animation-fill-mode: both;
}
.btn-dev.hover:not(:disabled) {
  box-shadow: 0 0.5rem 0 var(--dev-button-box-shadow-color);
  transform: translateY(-0.0625rem) scale(var(--button-3d-scale));
  transition: all 100ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
}
.btn-dev:hover:not(:disabled) {
  box-shadow: 0 0.5rem 0 var(--dev-button-box-shadow-color);
}
.btn-dev:active:not(:disabled) {
  box-shadow: 0 0.25rem 0 var(--dev-button-box-shadow-color);
  transform: translateY(0.375rem) scale(var(--button-3d-scale));
  transition: all 80ms ease-in;
}

:root {
  --black: #000;
  --black-150: #151924;
  --white: #fff;
  --red: #f00;
  --cotton-boll-white: #edf1fc;
  --gray-800: #07090b;
  --gray-700: #242e36;
  --gray-600: #485d6d;
  --gray-400: #7f8e99;
  --gray-300: #a3aeb6;
  --gray-200: #c2c2c2;
  --gray-100: #edeff0;
  --pantone-blue: #005fcc;
  --light-blue: #3f6eaa;
  --yankees-blue: #1d2742;
  --cornflower-blue: #6495ed;
  --stormcloud: #dce1ef;
  --subject-color-reading: #b870ff;
  --subject-color-math: #60cfff;
  --subject-color-lectura: #ffb554;
  --focus-color: #5c23ff;
  --button-focus-outline-color: #a700f5;
  --status-green: #008c32;
  --status-green-bkg: #eef9f7;
  --status-red: #c30707;
  --custom-radio-border: var(--gray-600);
  --custom-radio-empty: #eee;
  --custom-radio-fill: #006698;
  --custom-radio-disabled: #c2c2c2;
  --strikethrough: #ccc;
  --dropdown-bgk: #d3e9f8;
  --read-aloud-light-theme-text-color: #151924;
  --read-aloud-dark-theme-text-initial-hover-color: #FAFCFF;
  --read-aloud-dark-theme-text-playing-or-paused-color: #0A0C0F;
  --green: #00952a;
  --dark-green: #005117;
  --green-shadow: #00ffc2;
  --light-blue-ribbon: #9dccff;
  --amazing-ribbon-right-side-start: #d17101;
  --amazing-ribbon-right-side-end: #e13636;
  --amazing-ribbon-left-side-start: #b10095;
  --amazing-ribbon-left-side-end: #e13636;
  --amazing-ribbon-face: linear-gradient(
    to right,
    #ff7474,
    #ffa755,
    #ffee54,
    #8eff58,
    #5bffce,
    #61c6ff,
    #9795ff,
    #ffb2fc,
    #ff7474
  );
}

.episode-title {
  width: 100%;
  background: var(--gray-100);
  padding: 0.5rem;
  margin: 0;
  border: var(--base-page-episode-title-border);
  border-radius: var(--base-page-episode-title-border-radius);
  font-size: var(--base-page-episode-title-font-size-sm);
  font-weight: var(--base-page-episode-title-font-weight);
}
@media (min-width: 48.0625rem) {
  .episode-title {
    font-size: var(--base-page-episode-title-font-size-md);
    width: 80%;
  }
}
@media (max-height: 48.0625rem) {
  .episode-title {
    font-size: var(--base-page-episode-title-font-size-sm);
  }
}

:root {
  --black: #000;
  --black-150: #151924;
  --white: #fff;
  --red: #f00;
  --cotton-boll-white: #edf1fc;
  --gray-800: #07090b;
  --gray-700: #242e36;
  --gray-600: #485d6d;
  --gray-400: #7f8e99;
  --gray-300: #a3aeb6;
  --gray-200: #c2c2c2;
  --gray-100: #edeff0;
  --pantone-blue: #005fcc;
  --light-blue: #3f6eaa;
  --yankees-blue: #1d2742;
  --cornflower-blue: #6495ed;
  --stormcloud: #dce1ef;
  --subject-color-reading: #b870ff;
  --subject-color-math: #60cfff;
  --subject-color-lectura: #ffb554;
  --focus-color: #5c23ff;
  --button-focus-outline-color: #a700f5;
  --status-green: #008c32;
  --status-green-bkg: #eef9f7;
  --status-red: #c30707;
  --custom-radio-border: var(--gray-600);
  --custom-radio-empty: #eee;
  --custom-radio-fill: #006698;
  --custom-radio-disabled: #c2c2c2;
  --strikethrough: #ccc;
  --dropdown-bgk: #d3e9f8;
  --read-aloud-light-theme-text-color: #151924;
  --read-aloud-dark-theme-text-initial-hover-color: #FAFCFF;
  --read-aloud-dark-theme-text-playing-or-paused-color: #0A0C0F;
  --green: #00952a;
  --dark-green: #005117;
  --green-shadow: #00ffc2;
  --light-blue-ribbon: #9dccff;
  --amazing-ribbon-right-side-start: #d17101;
  --amazing-ribbon-right-side-end: #e13636;
  --amazing-ribbon-left-side-start: #b10095;
  --amazing-ribbon-left-side-end: #e13636;
  --amazing-ribbon-face: linear-gradient(
    to right,
    #ff7474,
    #ffa755,
    #ffee54,
    #8eff58,
    #5bffce,
    #61c6ff,
    #9795ff,
    #ffb2fc,
    #ff7474
  );
}

.hide-scrollbar::-webkit-scrollbar {
  background: transparent;
  border: none;
  box-shadow: none;
}
.hide-scrollbar::-webkit-scrollbar-thumb {
  background: transparent;
  border: none;
  box-shadow: none;
}
.hide-scrollbar::-webkit-scrollbar-track {
  background: transparent;
  border: none;
}

.tooltip {
  position: absolute;
  color: var(--tooltip-color);
  width: var(--tooltip-width);
  height: var(--tooltip-height);
  transform: translate(-5%, 80%);
  animation-name: var(--tooltip-hover-animation-name);
  animation-timing-function: var(--tooltip-hover-animation-timing-function);
  animation-duration: var(--tooltip-hover-animation-duration);
}
.tooltip-readaloud {
  transform: translate(-5%, 3rem);
  --tooltip-hover-transform: translate(-5%, 3rem) scale(1, 1);
}
.tooltip-text {
  background-color: var(--tooltip-text-background-color);
  border-radius: var(--tooltip-text-border-radius);
  box-shadow: var(--tooltip-text-box-shadow);
  padding: var(--tooltip-text-padding);
  text-align: var(--tooltip-text-text-align);
  font-weight: var(--tooltip-text-font-weight);
  font-size: var(--tooltip-text-font-size);
}

.pane-in-upwards {
  animation: pane-in-upwards 1s cubic-bezier(0.21, 0.01, 0, 1.11);
  margin-top: 0;
  overflow: hidden;
}

.pane-out-downwards {
  animation: pane-out-downwards 1s cubic-bezier(0.28, -0.39, 0.08, 1);
  margin-top: 100vh;
  overflow: hidden;
}

.slide-out-to-left {
  animation: slide-out-to-left 0.6s ease-in;
  transform: translateX(-100vw);
  overflow: hidden;
}

.slide-in-from-right {
  animation: slide-in-from-right 0.8s cubic-bezier(0.21, 0.01, 0, 1.11);
  transform: translateX(0);
  overflow: hidden;
}

.fast-fade-in {
  animation: fade-in 0.1s forwards;
  opacity: 0;
}

.fade-in {
  animation: fade-in 0.75s;
  opacity: 1;
}

.fade-out {
  animation: fade-out-1 0.75s forwards;
  opacity: 0;
}

.hidden-to-unset {
  animation: 10s hidden-to-unset;
}

.hidden {
  opacity: 0;
}

:root {
  --black: #000;
  --black-150: #151924;
  --white: #fff;
  --red: #f00;
  --cotton-boll-white: #edf1fc;
  --gray-800: #07090b;
  --gray-700: #242e36;
  --gray-600: #485d6d;
  --gray-400: #7f8e99;
  --gray-300: #a3aeb6;
  --gray-200: #c2c2c2;
  --gray-100: #edeff0;
  --pantone-blue: #005fcc;
  --light-blue: #3f6eaa;
  --yankees-blue: #1d2742;
  --cornflower-blue: #6495ed;
  --stormcloud: #dce1ef;
  --subject-color-reading: #b870ff;
  --subject-color-math: #60cfff;
  --subject-color-lectura: #ffb554;
  --focus-color: #5c23ff;
  --button-focus-outline-color: #a700f5;
  --status-green: #008c32;
  --status-green-bkg: #eef9f7;
  --status-red: #c30707;
  --custom-radio-border: var(--gray-600);
  --custom-radio-empty: #eee;
  --custom-radio-fill: #006698;
  --custom-radio-disabled: #c2c2c2;
  --strikethrough: #ccc;
  --dropdown-bgk: #d3e9f8;
  --read-aloud-light-theme-text-color: #151924;
  --read-aloud-dark-theme-text-initial-hover-color: #FAFCFF;
  --read-aloud-dark-theme-text-playing-or-paused-color: #0A0C0F;
  --green: #00952a;
  --dark-green: #005117;
  --green-shadow: #00ffc2;
  --light-blue-ribbon: #9dccff;
  --amazing-ribbon-right-side-start: #d17101;
  --amazing-ribbon-right-side-end: #e13636;
  --amazing-ribbon-left-side-start: #b10095;
  --amazing-ribbon-left-side-end: #e13636;
  --amazing-ribbon-face: linear-gradient(
    to right,
    #ff7474,
    #ffa755,
    #ffee54,
    #8eff58,
    #5bffce,
    #61c6ff,
    #9795ff,
    #ffb2fc,
    #ff7474
  );
}

.video-page-container {
  display: flex;
  flex-direction: column;
  background: none;
  background-size: cover;
  overflow: hidden;
  padding: 0 2rem 8rem;
  position: absolute;
  top: var(--header-height);
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-height: 48.0625rem) {
  .video-page-container {
    top: calc(var(--header-height) - 1.6rem);
    padding: 0 1rem 6.5rem;
  }
}
.video-page-container .video-container {
  animation: delayed-fade-in 1.75s ease-out;
  flex: 1;
  overflow-y: auto;
  margin-inline: 0;
  padding: 0;
  border-radius: 0.625rem;
  --sys-dialog-body-height: auto;
}
@media (min-width: 86rem) {
  .video-page-container .stand-alone {
    margin-inline: 12.1%;
  }
}

:root {
  /* Base Theme */
  --base-blob-left-clip-path-1: path("m202.75,626.64c-28.05-43.83,9.94-88.28-.63-124.62-8.88-30.54-50.37-51.68-87.99-63.2C43.51,417.18-5.3,403.72.46,328.52c4.53-59.17,81.02-63.84,85.64-102.81,2.55-21.49-7.09-32.86-34.83-52.02-29.69-20.5-30.46-38.18-23.85-66.59C39.92,53.35,115.01,12.79,157.76,5.39c83.89-14.53,150.2-2.43,164.44,70.56,10.55,54.04,65.82,47.9,84.36,41.22,27.83-10.02,82.42-25.55,122.06,14.08,57.53,57.53-29.57,157.86-19.88,202.36,14.91,68.52,80.96,48.05,115.39,117.38,22.86,46.04-21.87,114.96-59.12,152.22-33.05,33.06-102.03,71.74-214.42,71.76-94.46.02-126.69-15.3-147.83-48.32Z");
  --base-blob-left-clip-path-2: path("m180.32,605.1c-13.21-31.71,12.91-67.54,15.19-93.8,3.09-35.51-9.25-70.02-67.38-83.89-71.85-17.15-147.78-50.79-123.52-122.2,17.9-52.72,59.74-47.41,84.98-88.85,11.26-18.49-2.94-35.25-32.8-49.86-31.05-15.19-38.92-49.91-34.35-73.32C33.01,39.01,109,10.42,151.91,4,222.59-6.57,325.64-.15,319.69,72.04c-6.29,76.37,67.24,57.7,110.97,33.03,25.76-14.53,85.41-6.54,105.69,17.17,32.95,38.53,22.82,82.64-13.21,144-50.94,86.76,25.76,102.39,69.36,136.38,60.22,46.95,36.33,131.14-14.54,189.93-35.94,41.54-102.35,71.48-197.5,77.94-107.01,7.27-183.3-24.96-200.15-65.39Z");
  --base-blob-left-clip-path-3: path("m156.34,624.39c-40.95-74.64,29.56-104.44,30.39-130.79,1-31.79-32.37-36.33-64.73-36.99-73.85-1.51-140.35-79.43-117.38-151.27,14.99-46.9,40.62-39.8,65.86-81.25,11.26-18.49,1.05-35.08-21.14-59.83-24.09-26.86-26.41-51.14-19.81-79.54C42.02,30.97,111.68,2.81,155.02.83c76.62-3.5,145.06,1.32,185.61,70.02,38.95,65.98,54.83,59.45,73.37,52.77,27.83-10.02,91.76-32.29,126.77,4.04,37.92,39.35,15.85,95.78-15.85,147.96-38.79,63.84,28.95,83.8,60.11,129.47,37.65,55.18-2.82,142.05-36.33,182.97-34.8,42.5-79.93,89.17-203.45,93.1-107.2,3.4-167.85-18.36-188.92-56.77Z");
  --base-blob-left-clip-path-4: path("m198.44,635.03c-28.4-43.6,23.12-94.46,12.55-130.79-8.88-30.54-54.83-55.49-91.16-64.73C48.25,421.29-9.54,387.97,1.32,313.34c7.44-51.14,90.78-50.86,95.4-89.83,2.55-21.49-15.85-32.37-44.92-48.22-31.67-17.28-35.67-39.63-29.06-68.04C35.24,53.5,113.42,13.47,156.17,6.06c83.89-14.53,159.19-6.95,174.39,67.5,16.22,79.48,55.43,60.85,73.98,54.17,27.83-10.02,86.53-40.95,126.17-1.32,57.53,57.53-35.33,164.87-25.76,209.39,17.17,79.93,95.12,48.88,125.59,118.24,30.11,68.53-16.74,129.24-54.91,164.48-34.35,31.71-99.74,64.11-223.27,68.04-107.2,3.4-130-14.82-153.91-51.52Z");
  --base-blob-right-clip-path-1: path("m79.37,503.51c22.79,27.78,49.45,51.66,83.77,63.91,26.09,9.32,58.1,9.08,83.54-4.46,27.79-14.79,47.89-41.62,77.47-53.3,40.85-16.13,85.83,5.3,118.78,31.16,32.94,25.86,63.53,57.87,105.71,67.09,32.11,7.02,68.15-1.17,94.38-21.46,26.23-20.29,42.03-52.17,41.37-83.54-.39-18.69-8.33-37.16,6.26-54.06,25.85-29.94,62.79-5.92,90.94,2.46,26.29,7.83,53.92-1.57,71.82-22.38,34.2-39.78,37.88-106.34,28.55-152.84-18.08-90.14-95.35-176.38-180.07-137.82-63.01,28.68-88.78-30.75-115.03-76-17.95-30.94-48.69-56.95-86.18-61.34-76.8-8.98-121.8,48.02-151.85,88.27-68.75,92.07-129.46,14.87-192.03,1.99C66.58,72.64,8.27,164.74,1.29,237.01c-8.69,89.92,27.58,204.95,78.08,266.49Z");
  --base-blob-right-clip-path-2: path("m54.78,509.15c22.79,27.78,59.68,57.74,94,70,26.09,9.32,65.56,11.54,91-2,27.79-14.79,44.42-42.32,74-54,40.85-16.13,85.55-18.86,118.5,7,32.94,25.86,58.16,51.23,97.5,69,31,14,87.14,15.45,114-4,29-21,50-59,45-94-4.53-31.69-26.59-38.34-16-58,14-26,59.23-26.77,80-6,22,22,62.11,16.81,80-4,34.2-39.78,58.53-95.32,42.49-187-17.49-100-80.49-152-169.49-118-64.67,24.71-103.76-20.43-130.02-65.68-17.95-30.94-48.69-56.95-86.18-61.34-76.8-8.98-123.36,37.35-158.8,75.02-78.73,83.7-122.12,4.16-186,4C47.86,79.91,9.76,164.88,2.78,237.15c-8.69,89.92,1.5,210.46,52,272Z");
  --base-blob-right-clip-path-3: path("m66.34,465.25c-2.72,87.61,37.68,115.84,73.28,123.61,55,12,74.56-13.46,100-27,27.79-14.79,53.23-32.35,85-31,47,2,70.05,5.14,103,31,32.94,25.86,58.89,49.9,102,52,41,2,97.14-16.55,124-36,29-21,45.5-54.08,40-89-1.25-7.96-12.39-44.92,7-56,14-8,35.26,8.85,62,21,33,15,87-5,101.6-28.72,27.49-44.68,46.29-217.69,17.86-266.28-32.84-56.12-101.46-54-185.46-11-61.63,31.55-91.91-8.29-118-39C515.88,35,509.63-12.14,447.63,2.74c-55.83,13.4-103,79.12-144.92,87.96-102.39,21.59-101.08-44.84-164.08-52.84C42.48,25.65,4.63,108.86.63,169.86c-8.27,126.1,68.18,215.82,65.72,295.39Z");
  --base-blob-right-clip-path-4: path("m61.99,493.13c17.28,30.49,48.28,80.49,100.28,92.49,46.09,10.64,79,1,115-38,21.56-23.35,49.23-45.35,81-44,47,2,60.89,45.14,93.84,71,32.94,25.86,68.04,46.05,111.16,48.15,41,2,87.53-9.88,109-35.15,19.84-23.35,6.64-74.28-4-108-9.5-30.09,7.07-48.43,30-50,16.09-1.1,54.76,39.26,84,42,41.83,3.92,75.42-20.3,90.02-44.02,27.49-44.68,29.98-174.98-29.02-247.98-26.32-32.56-69.1-84.23-146.38-47.13-50,24-69.62-3.87-89.62-42.87C563.05,3.38,500.52-9.58,438.52,5.3c-55.83,13.4-96.33,125.48-138.24,134.32-102.39,21.59-101.53-48.98-165-51C72.28,86.62,10.71,170.07,2.28,230.62c-11,79,19.28,191.18,59.72,262.51Z");
}

:root {
  /* Fonts */
  --sys-font-family: "Lexend", sans-serif;
  --sys-font-color: rgb(70 70 76);
  /* Global */
  --interactive-border-hover: 0.25rem solid #3959ff;
  --interactive-box-shadow-focus: 0 0 0 0.25rem rgb(255 255 255 / 90%),
    0 0 0 0.4375rem #5c23ff;
  /* Main */
  --main-bg: linear-gradient(309.05deg, #040c24 0%, #081438 100%);
  --content-container-top: 4.69rem;
  /* Auth */
  --sys-bg: linear-gradient(180deg, #d3e9f8 0%, #f5fbfe 100%);
  --sys-btn-link-color: #006698;
  /* Dividers */
  --sys-divider-color: #bbb;
  /* Dialog */
  --sys-dialog-shadow: 0 0.125rem 0.5rem rgb(0 0 0 / 8%),
    0 1.25rem 2rem rgb(0 0 0 / 32%);
  --sys-dialog-border-radius: 1.875rem;
  --sys-dialog-border: 0;
  --sys-dialog-bg: #00405a;
  --sys-dialog-backdrop-bg: rgb(0 7 37 / 30%);
  --sys-dialog-backdrop-bg-filter: blur(0.219rem);
  --sys-dialog-content-padding: 0.75rem 2rem 2.375rem;
  --sys-dialog-header-padding: 0.75rem 2rem;
  --sys-dialog-footer-padding: var(--sys-dialog-header-padding);
  --sys-dialog-filter-shadow: drop-shadow(0 0.125rem 0.5rem rgb(0 0 0 / 8%))
    drop-shadow(0 1.25rem 2rem rgb(0 0 0 / 32%));
  --sys-dialog-close-color: #edf1fc;
  --sys-dialog-close-bg: rgb(21 25 36 / 30%);
  --sys-dialog-close-outline: 0.125rem solid #3959ff;
  /* Header */
  --header-height: 6rem;
  --header-font-color: #edf1fc;
  --nav-stars-bg-color: #00244d;
  --nav-stars-bg-img: url('icon-star.svg');
  --nav-stars-bg-img-width: 2.5rem;
  --nav-stars-bg-img-height: 2.5rem;
  --nav-stars-border-radius: 3.125rem;
  --nav-stars-text-color: #edf1fc;
  --nav-stars-container-width: 4.833em;
  --nav-stars-container-height: 2em;
  --nav-stars-container-padding: 0.167em 0.5em 0.167em 0.333em;
  --nav-stars-font-size: 1.5rem;
  --nav-stars-margin: 0 1em 0 0;
  --nav-stars-num-counter-width: 3.5rem;
  --nav-stars-text-align: center;
  --nav-stars-line-height: 100%;
  --nav-stars-font-weight: 600;
  --nav-avatar-size: 4rem;
  --profile-popup-box-shadow: 0 0.25rem 0.25rem rgb(0 0 0 / 25%);
  --profile-popup-background-color: var(--white);
  --profile-popup-footer-button-background-color: #f8f8f8;
  --profile-popup-footer-button-font-color: #515151;
  --profile-popup-footer-button-drop-shadow: inset 0 0.0625rem 0.25rem
    rgb(0 0 0 / 25%);
  --profile-popup-color: var(--black);
  --profile-contact-support-bkg: rgb(0 7 37 / 60%);
  --profile-app-version: #6f6f6f;
  --profile-popup-support: #386188;
  --header-subtitle-background-color: rgb(10 4 34 / 41%);
  --google-survey-font-color: #fafcff;
  --google-survey-link-color: #151924;
  --google-survey-link-bg: #03dafc;
  --google-survey-link-box-shadow: 0 0.25rem 0.25rem rgb(0 0 0 / 25%);
  --settings-accent-color: #b4a5d9;
  --settings-disabled-color: #555;
  --fg-cloud-color: #667bd3;
  /* TEI and Video Page Content */
  --content-container-background: #e6f4ff;
  --content-container-border-radius: 3rem 3rem 0.313rem 0.313rem;
  --content-container-box-shadow: 0 0 0 0.5rem #0061cb;
  --content-container-height: calc(100% - 9.5rem);
  --content-container-width: 100%;
  --content-container-margin-top: 2.3rem;
  --content-container-before-background: #f1f9ff;
  --content-container-before-border-radius: 1.875rem;
  --content-container-before-margin: 2rem 0.5rem 0.5rem;
  --content-container-before-width: calc(100% - 1rem);
  --content-container-before-height: calc(100% - 2.5rem);
  /* Toolbar Button */
  --toolbar-button-focus-box-shadow: 0 0 0 0.25rem rgba(255 255 255 / 90%),
    0 0 0 0.4375rem var(--focus-color);
  /* Toggle Button */
  --toggle-button-background-color: var(--yankees-blue);
  --toggle-button-border: 0.375rem solid #002890;
  --toggle-button-border-radius: 2.6875rem;
  --toggle-button-box-shadow: inset 0 0.6875rem 0.25rem rgba(0 0 0 / 25%);
  --toggle-button-width: 4rem;
  --toggle-button-height: 3rem;
  --toggle-button-padding: 0;
  --toggle-button-transition: background-color 0ms 130ms, box-shadow 0ms 130ms;
  --toggle-button-thumb-transition: transform 200ms
    cubic-bezier(0.7, -0.4, 0.4, 1.4);
  --toggle-button-thumb-width: 3rem;
  --toggle-button-thumb-height: 3rem;
  --toggle-button-thumb-shadow-background: #014d94;
  --toggle-button-thumb-shadow-box-shadow: 0 0.25rem 1.5rem rgba(0 0 0 / 25%);
  --toggle-button-thumb-border-radius: 100%;
  --toggle-button-thumb-circle-background: #13aaff;
  --toggle-button-thumb-icon-width: 2.5rem;
  --toggle-button-thumb-icon-height: 2.5rem;
  --toggle-button-on-background-color: #be00dd;
  --toggle-button-on-box-shadow: none;
  --toggle-button-on-transition: background-color 0ms 130ms,
    box-shadow 0ms 130ms;
  --toggle-button-on-thumb-transition: transform 200ms
    cubic-bezier(0.7, -0.4, 0.4, 1.4);
  /* Popup Toolbar Button */
  --popup-toolbar-button-width: 4.475rem;
  --popup-toolbar-button-height: 3.875rem;
  --popup-toolbar-button-border-radius: 0.625rem;
  --popup-toolbar-button-unselected-background-color: rgba(17 17 17 / 10%);
  --popup-toolbar-button-unselected-background-blend-mode: color-burn;
  --popup-toolbar-button-unselected-padding: 0.25rem;
  --popup-toolbar-button-unselected-border: none;
  --popup-toolbar-button-selected-background-color: var(--yankees-blue);
  --popup-toolbar-button-selected-border: 0.1865rem solid var(--black-150);
  --popup-toolbar-button-hover-transform: translate(-50%, calc(-50% - 1.25rem))
    scale(1.25, 1.25) rotate(-7.8deg);
  --popup-toolbar-button-active-background-color: rgba(17 17 17 / 20%);
  --popup-toolbar-button-active-transition: background-color 500ms ease-out;
  /* Popup Toolbar Button Icon */
  --popup-toolbar-button-icon-unselected-width: 3.6rem;
  --popup-toolbar-button-icon-unselected-height: 3rem;
  --popup-toolbar-button-icon-selected-width: 3.15rem;
  --popup-toolbar-button-icon-selected-height: 2.625rem;
  --popup-toolbar-button-icon-hover-animation-name: tool-icon-hover;
  --popup-toolbar-button-icon-hover-animation-timing-function: ease-out;
  --popup-toolbar-button-icon-hover-animation-duration: 100ms;
  --popup-toolbar-button-icon-active-animation-name: tool-icon-hover;
  --popup-toolbar-button-icon-active-animation-timing-function: ease-out;
  --popup-toolbar-button-icon-active-animation-duration: 500ms;
  --popup-toolbar-button-icon-active-animation-direction: reverse;
  /* Tooltip */
  --tooltip-color: var(--cotton-boll-white);
  --tooltip-width: 100%;
  --tooltip-height: 1.5rem;
  --tooltip-hover-transform: translate(-5%, 80%) scale(1, 1);
  --tooltip-hover-animation-name: tooltip-hover;
  --tooltip-hover-animation-timing-function: ease-out;
  --tooltip-hover-animation-duration: 100ms;
  --tooltip-active-transition: opacity 500ms ease-out;
  /* Tooltip Text */
  --tooltip-text-background-color: #00406a;
  --tooltip-text-border-radius: 6.25rem;
  --tooltip-text-box-shadow: 0 0.0625rem 0.125rem rgba(0 0 0 / 10%),
    0 0.0313rem 0 rgba(89 90 94 / 24%), inset 0 -0.0625rem 0 rgba(9 4 15 / 20%);
  --tooltip-text-padding: 0.25rem 0.5rem;
  --tooltip-text-text-align: center;
  --tooltip-text-font-weight: 500;
  --tooltip-text-font-size: 1rem;
  /* Toolbar */
  --toolbar-background: #bdddff;
  --toolbar-box-shadow: 0 0 0.125rem rgba(40 41 61 / 4%),
    0 0.25rem 0.5rem rgba(96 97 112 / 16%);
  --toolbar-border-bottom: 0.125rem solid #82beff;
  --toolbar-border-radius: 0 2.5rem 2.5rem 0;
  --toolbar-padding: 0.5rem 1.625rem 0.5rem 2.5rem;
  --toolbar-gap: 1.5rem;
  /* Button 3D */
  --button-3d-press-distance: 0.375rem;
  --button-3d-depth-distance: 0.5rem;
  --button-3d-inner-border-width: 0.1875rem;
  --button-3d-scale: 1.05;
  /* Footer Button */
  --footer-button-height: 4.375rem;
  --footer-button-3d-depth-color: #00552b;
  --footer-button-background-color: #008c32;
  --footer-button-outer-border: none;
  --footer-button-inner-border: 0.1875rem solid #fff;
  --footer-button-text-color: var(--cotton-boll-white);
  --footer-button-border-radius: 6.25rem;
  --footer-button-padding: 1rem 2rem 1rem 2rem;
  /* Footer */
  --footer-height: 7rem;
  /* Home Page */
  --activity-card-progress-bg: var(--stormcloud);
  --progress-bar-color: #ff3c3c;
  --progress-bar-assignment-color: #234ed8;
  --activity-card-button-bg-color: #7dbd90;
  --activity-card-button-box-shadow-color: #3a6940;
  --home-page-progress-bar-border-radius: 0.22rem;
  --dev-button-bg-color: #16d0cd;
  --dev-button-box-shadow-color: #14605e;
  /* Video Player */
  --vp-icon-jump-back: url("/assets/video-control-icons/jump-back.svg");
  --vp-icon-jump-ahead: url("/assets/video-control-icons/jump-ahead.svg");
  --vp-icon-jump-back-disabled: url("/assets/video-control-icons/jump-back-disabled.svg");
  --vp-icon-jump-ahead-disabled: url("/assets/video-control-icons/jump-ahead-disabled.svg");
  --vp-icon-jump-start: url("/assets/video-control-icons/jump-start.svg");
  --vp-icon-closed-caption: url("/assets/video-control-icons/closed-caption.svg");
  --vp-icon-transcript: url("/assets/video-control-icons/transcript.svg");
  --vp-icon-play: url("/assets/video-control-icons/play.svg");
  --vp-icon-pause: url("/assets/video-control-icons/pause.svg");
  --vp-icon-settings: url("/assets/video-control-icons/settings.svg");
  --vp-icon-fullscreen: url("/assets/video-control-icons/fullscreen.svg");
  --vp-icon-exit-fullscreen: url("/assets/video-control-icons/exit-fullscreen.svg");
  --vp-icon-speaker-muted: url("/assets/video-control-icons/speaker-muted.svg");
  --vp-icon-speaker-vol-1: url("/assets/video-control-icons/speaker-vol-1.svg");
  --vp-icon-speaker-vol-2: url("/assets/video-control-icons/speaker-vol-2.svg");
  --vp-icon-speaker-vol-3: url("/assets/video-control-icons/speaker-vol-3.svg");
  --vp-control-bar-bg: #161c21;
  --vp-control-bar-height-sm: 4.1875rem;
  --vp-control-bar-height-md: 5.1875rem;
  --vp-control-bar-btn-hover: var(--gray-600);
  --vp-watch-time-bg: white;
  --vp-scrubber-dot-color: #6db6e7;
  --vp-settings-bg: var(--gray-700);
  --vp-settings-toggle-bg: #e7f4fc;
  --vp-settings-toggler-color: var(--gray-600);
  --vp-settings-text-color: white;
  --vp-settings-text-hover-color: #3b9be4;
  --vp-transcript-bg: white;
  --vp-transcript-title: black;
  --vp-transcript-border-color: var(--gray-400);
  --vp-transcript-text-color: #161c21;
  --vp-transcript-active-bg: #5b5b5b;
  --vp-transcript-active-color: white;
  --vp-transcript-focus-bg: #e0e0e0;
  --vp-transcript-focus-color: #161c21;
  --vp-transcript-thumb-color: #c8ced3;
  --vp-transcript-thumb-hover: #555;
  --vp-closed-caption-font-size-small: 1em;
  --vp-closed-caption-font-size-medium: 1.3em;
  --vp-closed-caption-font-size-large: 1.6em;
  --vp-drop-shadow-filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 40%));
  --vp-toggle-bg-filter: var(--vp-drop-shadow-filter);
  --vp-button-filter: var(--vp-drop-shadow-filter);
  --vp-menu-img-filter: var(--vp-drop-shadow-filter);
  --vp-menu-double-a-filter: var(--vp-drop-shadow-filter);
  --vp-border-radius: 0.625rem;
  /* Carousel */
  --carousel-slide-bg-active: #ffce00;
  --carousel-slide-border-active: 0.125rem solid #1d2742;
  --carousel-slide-box-shadow-active: 0 0.063rem 0.125rem rgb(0 0 0 / 10%),
    0 0.031rem 0 rgb(89 90 94 / 24%), inset 0 -0.063rem 0 rgb(9 4 15 / 20%);
  --carousel-slide-bg-inactive: rgb(21 25 36 / 30%);
  --carousel-slide-font-color: #151924;
  --carousel-font-size: 1.125rem;
  --carousel-font-style: normal;
  --carousel-font-weight: 600;
  --carousel-line-height: 100%;
  --carousel-slide-out-transition: left 0.6s ease-out, visibility 0s 0.6s;
  --carousel-slide-in-transition: left 0.6s ease-out, visibility 0s;
  --carousel-control-buttons-bg: #a6f3ff;
  --carousel-control-left-button-border-radius: 0 1.25rem 0 1.65rem;
  --carousel-control-right-button-border-radius: 1.25rem 0 1.65rem 0;
  --carousel-control-button-padding: 0 0.5rem;
  --carousel-control-button-width: 9rem;
  --carousel-control-button-height: 3rem;
  --carousel-control-button-icon-width: 2rem;
  --carousel-control-button-icon-height: 2rem;
  --carousel-control-button-svg-width: 0.75rem;
  --carousel-control-button-svg-height: 1.375rem;
  --carousel-control-button-svg-color: #151924;
  --carousel-control-button-focus-bg: #1d2742;
  --carousel-control-button-focus-color: #fafcff;
  --carousel-control-button-icon-color: #fafcff;
  --carousel-control-button-feedback-bg: #fee6e6;
  --carousel-control-button-border: 0.1875rem solid #3959ff;
  --carousel-control-button-box-shadow: 0 0 0 0.125rem rgb(255 255 255 / 90%),
    0 0 0 0.25rem #5c23ff;
  --carousel-control-button-focus-visible-width: 8.5rem;
  --carousel-control-button-focus-visible-height: 2.5rem;
  --carousel-control-button-disabled-bg: #a6f3ff;
  --carousel-control-button-disabled-color: #00c3e2;
  --carousel-control-button-disabled-icon-color: #00c3e2;
  --carousel-control-button-disabled-feedback-color: #a68e8e;
  --carousel-control-button-disabled-feedback-icon-color: #a68e8e;
  --carousel-control-button-fv-prev-border-radius: 0 1.063rem 0 1.375rem;
  --carousel-control-button-fv-next-border-radius: 1.063rem 0 1.375rem;
  --carousel-control-button-fv-prev-transform: translate(0.25rem, -0.25rem);
  --carousel-control-button-fv-next-transform: translate(-0.25rem, -0.25rem);
  /* Progress Bar */
  --progress-node-primary-color: #0061cb;
  --progress-node-secondary-color: var(--cotton-boll-white);
  --progress-node-tertiary-color: #0050ae;
  --progress-node-font-size: 1rem;
  --progress-node-font-weight: 600;
  --progress-node-active-font-size: 1.25rem;
  --progress-node-active-font-weight: 700;
  --progress-node-active-text-color: var(--white);
  --progress-node-active-text-shadow: 0 0.0625rem 0.125rem rgba(0 0 0 / 25%);
  --progress-node-active-border-color: #ffd439;
  --progress-node-seen-color: #3ca1ff;
  --progress-node-seen-perfect-color: #42a4ff;
  --progress-node-box-shadow: 0 0.0625rem 0 #003484, 0 0.0625rem 0 #007ff4,
    inset 0 0.0313rem 0 0.0625rem rgb(0 33 72 / 50%);
  --progress-node-active-box-shadow: 0 0.0625rem 0 #eab600,
    inset 0 0.0625rem 0 0 #d7a901, inset 0 0.25rem 0.5rem rgb(0 0 0 / 25%),
    0 0.0313rem 0 0.25rem rgb(255 178 74 / 85%);
  --progress-node-seen-border: 0.25rem solid var(--progress-node-seen-color);
  --progress-node-seen-box-shadow: 0 0.0625rem 0 #007ff4;
  --progress-node-seen-perfect-border: 0.25rem solid
    var(--progress-node-seen-perfect-color);
  --progress-node-border-radius: 0.25rem;
  --progress-bar-border-color: #0050a6;
  --progress-bar-progress-bg-color: #004382;
  --progress-bar-progress-filled-bg-color: #0181f8;
  --progress-bar-shadow: 0 0 0.125rem rgb(40 41 61 / 4%),
    0 0.25rem 0.5rem rgb(96 97 112 / 16%);
  --progress-bar-border-radius: 0.625rem 0.625rem 1.875rem 1.875rem;
  --video-node-active-border: 0.125rem solid
    var(--progress-node-active-border-color);
  --video-node-seen-border: 0.125rem solid var(--progress-node-seen-color);
  --video-node-seen-box-shadow: 0 0.0313rem 0 0.0625rem #007ff4;
  /* Base Page */
  --base-page-background: none;
  --base-page-background-image: none;
  --base-page-modal-border-radius: 1rem 1rem 0 0;
  --base-page-modal-box-shadow: none;
  --base-page-episode-title-font-size-sm: 1.5rem;
  --base-page-episode-title-font-size-md: 1.875rem;
  --base-page-episode-title-font-weight: 700;
  --base-page-episode-title-border: 0.25rem solid var(--gray-600);
  --base-page-episode-title-border-radius: 0.625rem;
  /* Start Page */
  --start-page-override-background-color: none;
  --start-page-override-start-modal-box-shadow: none;
  --start-page-override-start-modal-opacity: 1;
  --start-page-blob-left-clip-path-1: var(--base-blob-left-clip-path-1);
  --start-page-blob-left-clip-path-2: var(--base-blob-left-clip-path-2);
  --start-page-blob-left-clip-path-3: var(--base-blob-left-clip-path-3);
  --start-page-blob-left-clip-path-4: var(--base-blob-left-clip-path-4);
  --start-page-blob-right-clip-path-1: var(--base-blob-right-clip-path-1);
  --start-page-blob-right-clip-path-2: var(--base-blob-right-clip-path-2);
  --start-page-blob-right-clip-path-3: var(--base-blob-right-clip-path-3);
  --start-page-blob-right-clip-path-4: var(--base-blob-right-clip-path-4);
  /* Learning Target and Success Criteria */
  --learning-target-overall-padding: 3rem;
  --learning-target-background: #edf1fc;
  --learning-target-text-color: #151924;
  --learning-target-font-size-sm: 1.125rem;
  --learning-target-font-size-md: 1.25rem;
  --learning-target-intro-font-weight: 700;
  --learning-target-intro-line-height: 1.875rem;
  --learning-target-intro-letter-spacing: 0.01rem;
  --learning-target-padding: 2rem;
  --learning-target-list-margin-adjust: -3rem;
  --learning-target-border-radius: 0.75rem;
  --learning-target-box-shadow: 0 0 0 1rem rgba(0 0 0 / 10%),
    0 0.5rem 6.25rem rgba(0 0 0 / 10%);
  --learning-target-breakdown-title-bg: #4775d7;
  --learning-target-breakdown-title-color: var(--white);
  --learning-target-breakdown-item-diamond-shadow: drop-shadow(
      0 0.0625rem 0.125rem rgb(0 0 0 / 25%)
    )
    drop-shadow(0 0.0187rem 0.0625rem rgb(0 0 0 / 20%));
  --rating-box-background-color: #a0ceff;
  --rating-box-second-layer-bg-color: #3077c3;
  --rating-box-back-layer-bg-color: #1d2f65;
  --rating-box-selected-state: var(--rating-box-background);
  --rating-box-border-radius: 2.5rem;
  --rating-box-font-color: #222;
  --rating-box-font-size: 1.25rem;
  --rating-box-selected-font-size: 1.625rem;
  --rating-box-header-font-weight: 600;
  --rating-box-header-line-height: 1.5rem;
  --rating-box-box-shadow: 0 0 0 0.125rem var(--pantone-blue);
  --rating-box-choice-font-weight: 700;
  --rating-box-choice-line-height: 1.5625rem;
  --rating-button-enabled-positive-color: #249c18;
  --rating-button-enabled-negative-color: #d94040;
  --rating-button-disabled-circle-color: #3c6a95;
  --rating-button-disabled-thumb-color: #6c91b5;
  --rating-button-svg-size: 96;
  --rating-button-size: calc(var(--rating-button-svg-size) / 16 * 1rem);
  --rating-button-margin: 1.5rem;
  /* Saved Rating */
  --saved-ratings-font-family: var(--sys-font-family);
  --saved-rating-list-item-color: #a0ceff;
  --saved-rating-font-color: var(--black);
  --saved-rating-image-width: 4rem;
  --saved-rating-image-height: 4rem;
  --saved-ratings-background-color: var(--white);
  --saved-ratings-border: 0.3rem solid var(--gray-600);
  --saved-ratings-border-radius: 1rem;
  --saved-ratings-avatar-container-width: 7.5rem;
  --saved-ratings-avatar-container-height: 7.5rem;
  /* Message Popup */
  --message-content-warning-border-color: #ffc979;
  --message-content-error-border-color: #ffaec6;
  --message-content-background-color: var(--white);
  --message-content-font-color: var(--black);
  --message-countdown-color: #555c6f;
  /* Sys */
  --sys-primary-btn-color: #1e0065;
  --sys-secondary-btn-color: #c1bfff;
  --sys-close-btn-color: #a0a0a0;
  --sys-danger-btn-color: var(--status-red);
  --sys-btn-disabled-border: #888;
  --sys-btn-disabled-bkgd: #ddd;
  --sys-btn-active-bkgd: #e9e8ff;
  --sys-btn-active-color: rgb(74 73 102);
  --sys-btn-focus-outline-color: rgb(255 51 102 / 90%);
  /* Post Activity Survey */
  --post-activity-survey-bg-color: #00438b;
  --post-activity-survey-border: 0.375em solid rgb(109 145 255 / 65%);
  --post-activity-survey-border-radius: 1.875em;
  --post-activity-survey-box-shadow: 0 0.5em 3em -0.8125em rgb(4 9 26 / 25%);
  --post-activity-survey-content-bg: #003a79;
  --post-activity-survey-text-color: white;
  --post-activity-survey-choice-bg-color: var(--cornflower-blue);
  --post-activity-survey-submit-border-radius: 3.125em;
  --post-activity-survey-submit-disabled-bg: #00336a;
  --post-activity-survey-submit-disabled-border: 0.133em solid #254893;
  --post-activity-survey-submit-disabled-color: #31549c;
  --post-activity-survey-submit-enabled-bg: #007219;
  --post-activity-survey-submit-enabled-border: 0.133em solid #00ff38;
  --post-activity-survey-submit-enabled-color: white;
  --post-activity-survey-submit-enabled-box-shadow: 0 0.133em 0 #007219;
  --post-activity-survey-submit-active-box-shadow: 0 0 0 #007219;
  --post-activity-survey-submit-hover-bg: #049223;
  --post-activity-survey-submit-hover-border: white;
  --post-activity-survey-submit-hover-color: white;
  --post-activity-survey-skip-border-radius: 3.125em;
  --post-activity-page-bg: none;
  --scoreboard-item-border-diamond: #00fff0;
  --scoreboard-item-border-check: #16f2b0;
  --scoreboard-item-border-x: #bc5656;
  --scoreboard-item-border-star: #ffe548;
  --scoreboard-item-border-bg-rainbow: linear-gradient(
        var(--scoreboard-item-bg),
        var(--scoreboard-item-bg)
      )
      padding-box,
    conic-gradient(
        from 180deg,
        #64c37d 8.8542%,
        #ff9811 31.25%,
        #ea348b 50%,
        #933ec5 68.2292%,
        #00d7df 91.1458%,
        #64c37d 100%
      )
      border-box;
  --scoreboard-item-bg: var(--black-150);
  --scoreboard-num-border: #0153ae;
  --result-page-next-btn-width: 14.9375rem;
  --result-page-next-btn-padding: 1rem;
  --result-page-bg-color: none;
  --result-page-next-replay-position: relative;
  --result-page-next-btn-default-bg-color: #274caa;
  --result-page-next-btn-hover-bg-color: #2a61ed;
  --result-page-next-btn-box-shadow-color: #0d398f;
  --result-page-next-btn-thumbnail-shadow-color: #00278f75;
  --result-page-next-btn-thumbnail-box-bg-color: #bacdff;
  --result-page-next-btn-thumbnail-bg-color: #94b2ff;
  --result-page-next-btn-thumbnail-border-color: #124fee;
  --result-page-next-btn-text-drop-shadow-color: #00000040;
  --result-page-next-btn-text-color: #e2eaff;
  --character-leanout-padding: 1.25rem 0;
  --character-leanout-bubble-width: 15.25rem;
  --character-leanout-bubble-height: fit-content;
  --character-leanout-bubble-border-radius: 1rem;
  --character-leanout-bubble-padding: 1rem;
  --character-leanout-bubble-background-color: #eb9bff;
  --character-leanout-bubble-font-size: 1.125rem;
  --character-leanout-bubble-font-weight: 500;
  --character-leanout-bubble-line-height: 1.575rem;
  --character-leanout-bubble-text-color: #690070;
  --learning-target-breakdown-title-font-weight: 700;
  --learning-target-breakdown-title-font-size: 1.5rem;
  --learning-target-breakdown-title-font-color: var(--white);
  --reward-card-box-shadow: 0 0.5rem 3rem -0.8125rem var(--reward-card-shadow);
  --reward-card-background: #00438b;
  --reward-card-list-item: #0061cb;
  --reward-card-shadow: rgb(4 9 26 / 25%);
  --reward-card-bkg: #00438b;
  --reward-card-episode-bkg: #003269;
  --reward-card-episode: #a6f3ff;
  --reward-card-episode-num: #b3ffc8;
  --reward-card-episode-shadow: rgb(0 0 0 / 25%);
  --reward-card-episode-title: #edf1fc;
  --avatar-masked-border: 0.125rem solid white;
  --avatar-masked-bg: #004597;
  --avatar-box-shadow: #1e89ff;
  --ribbon-margin-bottom: 3.5rem;
  --ribbon-font-family: "Baloo";
  --ribbon-font-weight: 400;
  --ribbon-number-font-size: 6.25rem;
  --ribbon-percent-font-size: 2.875rem;
  --activity-title-background: #003269;
  --activity-title-border-radius: 1.875rem;
  --activity-title-padding: 1rem;
  --activity-title-free-floating-margin: 0 1.25rem;
  --activity-title-gap: 1rem;
  --activity-title-ep-number-background: #00438b;
  --activity-title-ep-number-border-radius: 1rem;
  --activity-title-ep-number-padding: 1rem;
  --activity-title-ep-number-box-shadow: 0 0.0625rem 0.125rem rgba(0 0 0 / 25%),
    0 0.0188rem 0.0625rem rgba(0 0 0 / 20%),
    inset 0 -0.0625rem 0 rgba(0 0 0 / 25%);
  --activity-title-ep-number-gap: 0.25rem;
  --activity-title-ep-text-font-weight: 500;
  --activity-title-ep-text-line-height: 100%;
  --activity-title-ep-text-color: #a6f3ff;
  --activity-title-ep-text-font-size: 0.875rem;
  --activity-title-ep-text-transform: uppercase;
  --activity-title-ep-number-font-weight: 700;
  --activity-title-ep-number-line-height: 100%;
  --activity-title-ep-number-color: #b3ffc8;
  --activity-title-ep-number-size: 2.5rem;
  --activity-title-ep-subtitle-font-weight: 700;
  --activity-title-ep-subtitle-line-height: 2.5rem;
  --activity-title-ep-subtitle-size: 2rem;
  --activity-title-ep-subtitle-color: #edf1fc;
  --activity-title-ep-subtitle-letter-spacing: 0.02rem;
  --intro-card-background: #00438b;
  --intro-card-border-radius: 1.875rem;
  --intro-card-box-shadow: 0 0.5rem 3rem -0.8125rem rgba(4 9 26 / 25%),
    inset -0.0625rem -0.25rem 0 rgba(0 3 15 / 25%);
  --intro-card-header-background: #003269;
  --intro-card-primary-text-color: white;
  --feedback-diamond-width: 3.5rem;
  --feedback-diamond-height: 3.5rem;
  --feedback-diamond-margin: 0 1rem 0 0;
  --feedback-diamond-glow: drop-shadow(0 0 0.525rem #0bd3ff);
  --feedback-text-font-weight: 400;
  --feedback-text-font-size: 1.125rem;
  --feedback-text-line-height: 150%;
  --feedback-text-letter-spacing: 0.02rem;
  --feedback-text-color: #151924;
  --alert-width: 25rem;
  --alert-border-radius: 1.875rem;
  --alert-box-shadow: 0 0.125rem 0.5rem rgba(40 41 61 / 8%),
    0 1.25rem 2rem rgba(96 97 112 / 24%);
  --alert-color: var(--black-150);
  --alert-background-color: #c3f7ff;
  --alert-header-background-color: #18caff;
  --alert-header-border-radius: 1.65rem 1.65rem 0 0;
  --alert-border-width: 0.1875rem;
  --alert-close-width: 3rem;
  --alert-close-height: 3rem;
  --alert-close-bg: rgb(237 241 252 / 55%);
  --alert-close-fill: var(--black-150);
  --alert-feedback-border-radius: 1.65rem;
  --alert-feedback-border: none;
  --alert-feedback-box-shadow: 0 0.125rem 0.25rem rgb(40 41 61 / 4%),
    0 0.5rem 1rem rgb(96 97 112 / 16%);
  --alert-feedback-header-padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  --alert-feedback-header-border-radius: 1.25rem 1.25rem 0 0;
  --alert-feedback-close-width: 2.5rem;
  --alert-feedback-close-height: 2.5rem;
  --alert-feedback-close-bg: rgb(21 25 36 / 10%);
  --alert-feedback-close-fill: var(--black-150);
  --alert-feedback-content-padding: 1rem 1.5rem;
  --alert-feedback-correct-bg: #b3ffc8;
  --alert-feedback-header-correct-bg: #8cffac;
  --alert-feedback-header-correct-span-color: #001c3b;
  --alert-feedback-incorrect-bg: #fef5f5;
  --alert-feedback-header-incorrect-bg: #fee6e6;
  --alert-feedback-header-incorrect-span-color: #2a2d32;
  --intro-card-episode-text-color: #a6f3ff;
  --intro-card-episode-number-color: #b3ffc8;
  --intro-card-header-padding: 1rem;
  --intro-card-header-border-radius: 1.875rem;
  --intro-card-header-gap: 1rem;
  --intro-card-episode-number-padding: 1rem;
  --intro-card-episode-number-size: 2.5rem;
  --intro-card-episode-number-font-weight: 700;
  --intro-card-episode-number-line-height: 100%;
  --intro-card-episode-text-font-weight: 500;
  --intro-card-episode-text-line-height: 100%;
  --intro-card-episode-subtitle-size: 2rem;
  --intro-card-episode-subtitle-font-weight: 700;
  --intro-card-episode-subtitle-line-height: 2.5rem;
  --tei-option-border: #79cce8;
  --tei-option-after: #aeebff;
  --tei-option-border-hover: #3959ff;
  --tei-option-border-selected: #151924;
  --tei-option-selected-after: #1d2742;
  --tei-option-correct-answer-bkg: #b3ffc8;
  --tei-option-correct-answer-border: #38cf6e;
  --tei-option-wrong-answer-bkg: #d7d7d7;
  --tei-option-wrong-answer-border: #a0a0a0;
  --tei-option-wrong-answer-icon-bkg: #393d45;
  --tei-option-2nd-wrong-answer-bkg: #fee6e6;
  --tei-option-2nd-wrong-answer-border: #ffa0a0;
  --tei-option-focus: var(--focus-color);
  --tei-option-focus-box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 90%),
    0 0 0 0.4375rem var(--focus-color);
  --tei-option-status-green: #008c32;
  --tei-option-status-red: #c30707;
  --tei-option-check-mark-border: #21b7e7;
  --tei-option-check-mark-box-shadow: inset 0 0.125rem 0 0.125rem #e3e5e8;
  --tei-option-check-mark-bkg: #ecf2f8;
  --tei-option-check-mark-focus-box-shadow: inset 0 0 0 0.25rem #ebf2f8,
    inset 0 -0.25rem 0 0.25rem rgb(0 0 0 / 25%);
  --tei-option-check-mark-focus-border: #a700f5;
  --tei-option-label-transition: transform 300ms cubic-bezier(0.3, 0.7, 0.4, 1);
  --tei-option-label-hover-transition: all 100ms
    cubic-bezier(0.3, 0.7, 0.4, 1.5);
  --tei-option-text: #151924;
  --tei-option-checked-text: #edf1fc;
  --tei-option-disabled-text: #393d45;
  --tei-option-disabled-animation: all 200ms ease-out;
  --tei-dropdown-base-bkg: #def7ff;
  --tei-dropdown-arrow: #077ba1;
  --tei-input-line: #005188;
  --tei-input-line-wrong: #c30707;
  --tei-dropdown-focus-visible-border: #79cce8;
  --tei-dropdown-options-bkg: #79cce8;
  --tei-dropdown-option-bkg: #a8eaff;
  --tei-dropdown-option-text: #151924;
  --tei-dropdown-option-selected-text: #edf1fc;
  --tei-dropdown-option-selected-circle: #c3f7ff;
  --tei-dropdown-option-disabled: rgb(21 25 36 / 10%);
  --tei-dropdown-option-disabled-text: rgb(21 25 36 / 55%);
  --tei-wrong-border: #fb5d5d;
  --tei-correct-bkg: #9bffc3;
  --tei-wrong-bkg: #fee6e6;
  --tei-details-border: #edf1fc;
  --tei-details-bkg: #fbfdff;
  --tei-bkg: #f1f9ff;
  --tei-text-color: #151924;
  --tei-instructions-bkg: #d6edff;
  --tei-question-bkg: #fafcff;
  --tei-text-entry-bkg: #def7ff;
  --tei-text-entry-invalid-input-box-shadow: 0 0 0.0625rem rgb(40 41 61 / 4%),
    0 0.125rem 0.25rem rgb(96 97 112 / 16%);
  --tei-math-constructed-response-border-color: #95a5d0;
  --tei-math-constructed-response-color: #001c3b;
  --tei-math-constructed-response-active-bg: #edf1fc;
  --tei-math-constructed-response-focus-border-color: #3959ff;
  --tei-math-constructed-response-focus-outline-color: #5c23ff;
  --time-container-bg: #e6f4ff;
  --time-text-color: #273459;
  --time-text-bg: #f1f9ff;
  --time-border-color: #c3e4ff;
  --scroll-container-radius: 0.625rem;
  --scroll-track-bkg: rgb(0 0 30 / 100%);
  --scroll-track-dark-bkg: rgb(0 0 30 / 100%);
  --scroll-track-light-bkg: rgb(195 228 255 / 100%);
  --scrollbar-width: 1.25rem;
  --scroll-thumb-bkg-fallback: #9333ea;
  --scroll-thumb-bkg: linear-gradient(rgb(59 130 246), rgb(147 51 234));
  --scroll-thumb-radius: 0.625rem;
  --scrollbar-radius: 0.625rem;
  --scrollbar-border-color: rgb(255 178 74 / 100%);
  --scrollbar-thumb-box-shadow: inset 0.125rem 0.125rem 0.125rem
      hsl(0deg 0% 100% / 25%),
    inset -0.125rem -0.125rem 0.125rem rgb(0 0 0 / 25%);
  --scrollbar-thumb-hover-bkg: #5749d2;
  --read-aloud-initial-bg: #fafafa0d;
  --read-aloud-initial-border-color: #b8c3e0;
  --read-aloud-initial-hover-border-color: #ff8f7580;
  --read-aloud-playing-or-paused-bg: #fdfd8ae6;
  --read-aloud-playing-or-paused-border-color: #ff8f75e6;
  --read-aloud-highlight-bg: #fdfd8a;
  --read-aloud-highlight-border: #ff8f75;
  --read-aloud-highlight-padding: 0.25rem;
  --read-aloud-controls-bg: #1d2742e6;
  --read-aloud-controls-bg-halo-color-1: #1d274233;
  --read-aloud-controls-bg-halo-color-2: #28293d0a;
  --read-aloud-controls-bg-halo-color-3: #60617029;
  --read-aloud-controls-transition-speed: 200ms;
  --read-aloud-light-theme-border-color: #7187c1;
  --read-aloud-dark-theme-border-color: #b8c3e0;
  --read-aloud-dark-theme-initial-hover-bg: #fdfd8a4d;
  --read-aloud-light-theme-initial-hover-bg: #fdfd8a80;
  --read-aloud-border-width: 0.0625rem;
  --read-aloud-border-radius: 0.3125rem;
  --read-aloud-overlay-padding: 0.25rem;
  --table-border: 0.125rem solid;
  --table-text-align: center;
  --table-padding: 0.25rem 0.75rem;
  --loading-backdrop-bg: rgba(0 7 37/ 60%);
  --loading-backdrop-bg-filter: blur(0.4375rem);
  --z-index-wasm: map.get($zindex, "wasm");
  --accordion-panel-background: #176e91;
  --accordion-panel-border: solid 0.125rem black;
  --accordion-focus-color: hsl(216deg 94% 43%);
  --accordion-trigger-background: #459ec2;
  --accordion-trigger-text-color: hsl(0deg 0% 13%);
  --accordion-trigger-hover-background: hsl(216deg 94% 94%);
  --accordion-focus-h3-background-color: hsl(0deg 0% 97%);
  --accordion-icon-border: solid var(--black);
  --accordion-icon-border-width: 0 0.125rem 0.125rem 0;
  --sandbox-bg-image: url('a-beach-is-just-a-giant-sandbox.svg');
  --rte-border-color: #077ba1;
  --rte-bkg: #def7ff;
  --rte-toolbar-bkg: #aeebff;
  --rte-toolbar-border-radius: 1.875rem 1.875rem 0 0;
  --rte-toolbar-divider-color: #91ccff;
  --rte-toolbar-button-hover-border-color: #3959ff;
  --rte-toolbar-button-disabled-icon-color: #393d45;
  --rte-toolbar-button-selected-color: #151924;
  --rte-toolbar-button-selected-text-color: #edf1fc;
  --rte-toolbar-button-focus-box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 90%),
    0 0 0 0.4375rem var(--focus-color);
  --rte-placeholder-text-color: #1d2742;
  --rte-character-limit-default-color: #273459;
  --rubric-link-text-color: #3959ff;
  --dnd-tile-border-color: #00c3e2;
  --dnd-tile-border: 0.125rem solid var(--dnd-tile-border-color);
  --dnd-tile-bg-color: #d9fdff;
  --dnd-tile-box-shadow: 0 0.25rem 0 0 var(--dnd-tile-border-color);
  --dnd-text-color: #007a94;
  --dnd-dragover-border-color: #3959ff;
  --dnd-dragover-border: 0.125rem dashed var(--dnd-dragover-border-color);
  --dnd-dropzone-label-bg-color: #38cf6e;
  --dnd-dropzone-label-bg-lighter-color: #9cf899;
  --dnd-dropzone-section-bg-color: #b3ffc8;
  --dnd-section-zone-bg-color: #ebf4fc;
  --dnd-section-sequencing-zone-border-color: #b8c3e0;
  --dnd-section-sequencing-zone-border: 0.0625rem solid
    var(--dnd-section-sequencing-zone-border-color);
  --dnd-section-zone-border-color: transparent;
  --dnd-section-zone-border: 0.125rem solid var(--dnd-section-zone-border-color);
  --dnd-section-bg-gradient: linear-gradient(0deg, #b7d6f2 0%, #b7d6f2 100%);
  --dnd-draggable-element-bg-color: #e1e1e1;
  --dnd-venn-diagram-left-bg-color: #b3ffc888;
  --dnd-venn-diagram-right-bg-color: #fee6e688;
  --dnd-content-background-color: #fafcff;
  --dnd-fib-answer-bank-background-color: #e6f4ff;
  --dnd-fib-underline-background-color: #005188;
  --dnd-fib-source-container-background-color: #dce1ef;
  --dnd-fib-underline-correct-color: #008c32;
  --dnd-fib-underline-incorrect-color: #c30707;
  --dnd-dragover-color: #91ccff;
  --dnd-dragover-box-shadow: 0 0.5rem 1.5rem 0 rgba(0 0 0 / 10%);
  --dnd-home-slot-background-color: #d6edff;
  --dnd-sorting-buckets-box-shadow: 0 0 0 0.0625rem rgb(171 157 255 / 50%);
  --dnd-sorting-buckets-answer-bank-bkg: #e6f4ff;
  --dnd-sorting-buckets-jumbled-offset: calc(
    0.15em + 3vmin - min(0.25em, 0.25rem)
  );
  --dnd-bucket-bkg: #c8c3ff;
  --dnd-bucket-border: #ab9dff;
}
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/katex/dist/katex.min.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************/
@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url('KaTeX_AMS-Regular.woff2') format("woff2"),url('KaTeX_AMS-Regular.woff') format("woff"),url('KaTeX_AMS-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url('KaTeX_Caligraphic-Bold.woff2') format("woff2"),url('KaTeX_Caligraphic-Bold.woff') format("woff"),url('KaTeX_Caligraphic-Bold.ttf') format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url('KaTeX_Caligraphic-Regular.woff2') format("woff2"),url('KaTeX_Caligraphic-Regular.woff') format("woff"),url('KaTeX_Caligraphic-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url('KaTeX_Fraktur-Bold.woff2') format("woff2"),url('KaTeX_Fraktur-Bold.woff') format("woff"),url('KaTeX_Fraktur-Bold.ttf') format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url('KaTeX_Fraktur-Regular.woff2') format("woff2"),url('KaTeX_Fraktur-Regular.woff') format("woff"),url('KaTeX_Fraktur-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url('KaTeX_Main-Bold.woff2') format("woff2"),url('KaTeX_Main-Bold.woff') format("woff"),url('KaTeX_Main-Bold.ttf') format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url('KaTeX_Main-BoldItalic.woff2') format("woff2"),url('KaTeX_Main-BoldItalic.woff') format("woff"),url('KaTeX_Main-BoldItalic.ttf') format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url('KaTeX_Main-Italic.woff2') format("woff2"),url('KaTeX_Main-Italic.woff') format("woff"),url('KaTeX_Main-Italic.ttf') format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url('KaTeX_Main-Regular.woff2') format("woff2"),url('KaTeX_Main-Regular.woff') format("woff"),url('KaTeX_Main-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url('KaTeX_Math-BoldItalic.woff2') format("woff2"),url('KaTeX_Math-BoldItalic.woff') format("woff"),url('KaTeX_Math-BoldItalic.ttf') format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url('KaTeX_Math-Italic.woff2') format("woff2"),url('KaTeX_Math-Italic.woff') format("woff"),url('KaTeX_Math-Italic.ttf') format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url('KaTeX_SansSerif-Bold.woff2') format("woff2"),url('KaTeX_SansSerif-Bold.woff') format("woff"),url('KaTeX_SansSerif-Bold.ttf') format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url('KaTeX_SansSerif-Italic.woff2') format("woff2"),url('KaTeX_SansSerif-Italic.woff') format("woff"),url('KaTeX_SansSerif-Italic.ttf') format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url('KaTeX_SansSerif-Regular.woff2') format("woff2"),url('KaTeX_SansSerif-Regular.woff') format("woff"),url('KaTeX_SansSerif-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url('KaTeX_Script-Regular.woff2') format("woff2"),url('KaTeX_Script-Regular.woff') format("woff"),url('KaTeX_Script-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url('KaTeX_Size1-Regular.woff2') format("woff2"),url('KaTeX_Size1-Regular.woff') format("woff"),url('KaTeX_Size1-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url('KaTeX_Size2-Regular.woff2') format("woff2"),url('KaTeX_Size2-Regular.woff') format("woff"),url('KaTeX_Size2-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url('KaTeX_Size3-Regular.woff2') format("woff2"),url('KaTeX_Size3-Regular.woff') format("woff"),url('KaTeX_Size3-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url('KaTeX_Size4-Regular.woff2') format("woff2"),url('KaTeX_Size4-Regular.woff') format("woff"),url('KaTeX_Size4-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url('KaTeX_Typewriter-Regular.woff2') format("woff2"),url('KaTeX_Typewriter-Regular.woff') format("woff"),url('KaTeX_Typewriter-Regular.ttf') format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.10"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.27777778em;margin-right:-.55555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.83333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.16666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.66666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.45666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.14666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.71428571em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.85714286em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.14285714em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.28571429em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.42857143em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.71428571em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.05714286em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.46857143em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.96285714em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.55428571em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.55555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.66666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.77777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.88888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.11111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.30444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.76444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.41666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.58333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.66666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.83333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.72833333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.07333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.34722222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.41666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.48611111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.55555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.69444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.83333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.44027778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.72777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.28935185em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.34722222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.40509259em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.46296296em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.52083333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.69444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.83333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.20023148em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.43981481em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.24108004em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.28929605em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.33751205em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.38572806em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.43394407em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.48216008em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.57859209em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.69431051em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.83317261em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.19961427em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.20096463em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.24115756em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.28135048em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.32154341em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.36173633em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.40192926em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.48231511em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.57877814em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.69453376em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.83360129em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}


/*# sourceMappingURL=styles.css.map*/